:root {
  --ig-black: light-dark(#000, #fff);
  --ig-white: light-dark(#fff, #000);
  --ig-text-bold: light-dark(#1d2830, #f6f9fb);
  --ig-text-bold-hover: light-dark(#303c45, #e9f0f5);
  --ig-text-bold-hover-emphasized: light-dark(#c42600, #ff9b7d);
  --ig-text-bold-selected: light-dark(#0e171e, #fff);
  --ig-text-bold-pressed: light-dark(#0e171e, #fff);
  --ig-text-bold-selected-emphasized: light-dark(#c42600, #ff9b7d);
  --ig-text-bold-selected-emphasized-secondary: light-dark(#1272ab, #93c4ea);
  --ig-text-bold-inverse: light-dark(#fff, #1d2830);
  --ig-text-medium: light-dark(#54636d, #cfd9e1);
  --ig-text-medium-hover: light-dark(#606e78, #b7c3cc);
  --ig-text-medium-hover-emphasized: light-dark(#da3300, #e84c1d);
  --ig-text-medium-selected: light-dark(#424f59, #e9f0f5);
  --ig-text-medium-pressed: light-dark(#424f59, #e9f0f5);
  --ig-text-medium-selected-emphasized: light-dark(#c42600, #e84c1d);
  --ig-text-medium-selected-emphasized-secondary: light-dark(#1272ab, #3591ce);
  --ig-text-medium-inverse: light-dark(#f6f9fb, #54636d);
  --ig-text-soft: light-dark(#697780, #b7c3cc);
  --ig-text-soft-hover: light-dark(#b7c3cc, #697780);
  --ig-text-soft-hover-emphasized: light-dark(#ff9b7d, #da3300);
  --ig-text-soft-selected: light-dark(#54636d, #cfd9e1);
  --ig-text-soft-pressed: light-dark(#54636d, #cfd9e1);
  --ig-text-soft-selected-emphasized: light-dark(#c42600, #da3300);
  --ig-text-soft-selected-emphasized-secondary: light-dark(#1272ab, #1882c0);
  --ig-text-soft-inverse: light-dark(#b7c3cc, #697780);
  --ig-text-primary: light-dark(#c42600, #ff9b7d);
  --ig-text-primary-hover: light-dark(#da3300, #e84c1d);
  --ig-text-primary-pressed: light-dark(#c42600, #ffe4d9);
  --ig-text-secondary: light-dark(#1272ab, #93c4ea);
  --ig-text-secondary-hover: light-dark(#1882c0, #3591ce);
  --ig-text-secondary-pressed: light-dark(#042941, #e1f1fe);
  --ig-text-tertiary: light-dark(#b72280, #ff97ce);
  --ig-text-tertiary-hover: light-dark(#cb2f90, #da489e);
  --ig-text-tertiary-pressed: light-dark(#4b0030, #ffe0f5);
  --ig-text-info: light-dark(#005cf2, #8fbeff);
  --ig-text-info-hover: light-dark(#006aff, #2b80ff);
  --ig-text-info-pressed: light-dark(#003286, #ddf0ff);
  --ig-text-warning: light-dark(#533300, #df9d00);
  --ig-text-warning-hover: light-dark(#926100, #b87c00);
  --ig-text-warning-pressed: light-dark(#241100, #ffcf77);
  --ig-text-danger: light-dark(#cf0038, #ff979d);
  --ig-text-danger-hover: light-dark(#e90040, #f03557);
  --ig-text-danger-pressed: light-dark(#75001c, #ffe3e3);
  --ig-text-success: light-dark(#007900, #75d87a);
  --ig-text-success-hover: light-dark(#009800, #00a813);
  --ig-text-success-pressed: light-dark(#004b00, #d6fad6);
  --ig-text-accent-1: light-dark(#7a3800, #ffa659);
  --ig-text-accent-1-hover: light-dark(#a65200, #bb5e00);
  --ig-text-accent-1-pressed: light-dark(#431900, #ffe6c8);
  --ig-text-accent-2: light-dark(#5b4d00, #d3bf46);
  --ig-text-accent-2-hover: light-dark(#7e6c00, #8e7a00);
  --ig-text-accent-2-pressed: light-dark(#2f2600, #f7f0c2);
  --ig-text-accent-3: light-dark(#455500, #b2cb5c);
  --ig-text-accent-3-hover: light-dark(#627700, #6f8600);
  --ig-text-accent-3-pressed: light-dark(#222b00, #e9f5c8);
  --ig-text-accent-4: light-dark(#006035, #5ed99e);
  --ig-text-accent-4-hover: light-dark(#00844d, #009559);
  --ig-text-accent-4-pressed: light-dark(#003217, #cdfce1);
  --ig-text-accent-5: light-dark(#005d4f, #23dbc1);
  --ig-text-accent-5-hover: light-dark(#00816e, #00927d);
  --ig-text-accent-5-pressed: light-dark(#003128, #c3fcf0);
  --ig-text-accent-6: light-dark(#005b60, #00d8e1);
  --ig-text-accent-6-hover: light-dark(#007e85, #008e96);
  --ig-text-accent-6-pressed: light-dark(#002f33, #c0fbfe);
  --ig-text-accent-7: light-dark(#005871, #25d2fc);
  --ig-text-accent-7-hover: light-dark(#007a9a, #008aae);
  --ig-text-accent-7-pressed: light-dark(#002d3e, #c2f9ff);
  --ig-text-accent-8: light-dark(#005389, #5fc9ff);
  --ig-text-accent-8-hover: light-dark(#0073b8, #0083ce);
  --ig-text-accent-8-pressed: light-dark(#00294d, #d1f4ff);
  --ig-text-accent-9: light-dark(#4137a6, #aeb4ff);
  --ig-text-accent-9-hover: light-dark(#5c53da, #6861f1);
  --ig-text-accent-9-pressed: light-dark(#1f175e, #e8ecff);
  --ig-text-accent-10: light-dark(#5e2b9a, #cca8ff);
  --ig-text-accent-10-hover: light-dark(#8044cb, #9051e1);
  --ig-text-accent-10-pressed: light-dark(#310e57, #f3e7ff);
  --ig-text-accent-11: light-dark(#731f85, #e59ff6);
  --ig-text-accent-11-hover: light-dark(#9c36b1, #ae42c5);
  --ig-text-accent-11-pressed: light-dark(#3e0649, #ffe2ff);
  --ig-text-accent-12: light-dark(#8e0049, #ff95ba);
  --ig-text-accent-12-hover: light-dark(#be1b67, #d42975);
  --ig-text-accent-12-pressed: light-dark(#4f0024, #ffe1ed);
  --ig-text-on-strong-bold: light-dark(#fff, #0e171e);
  --ig-text-on-strong-bold-hover: light-dark(#fff, #1d2830);
  --ig-text-on-strong-bold-pressed: light-dark(#e9f0f5, #030a11);
  --ig-text-on-strong-medium: light-dark(#f6f9fb, #1d2830);
  --ig-text-on-strong-medium-hover: light-dark(#fff, #303c45);
  --ig-text-on-strong-medium-pressed: light-dark(#e9f0f5, #0e171e);
  --ig-text-on-strong-soft: light-dark(#e9f0f5, #303c45);
  --ig-text-on-strong-soft-hover: light-dark(#f6f9fb, #424f59);
  --ig-text-on-strong-soft-pressed: light-dark(#b7c3cc, #1d2830);
  --ig-text-on-bold-bold: light-dark(#fff, #0e171e);
  --ig-text-on-bold-bold-hover: light-dark(#fff, #1d2830);
  --ig-text-on-bold-bold-pressed: light-dark(#e9f0f5, #030a11);
  --ig-text-on-bold-medium: light-dark(#fff, #1d2830);
  --ig-text-on-bold-medium-hover: light-dark(#fff, #303c45);
  --ig-text-on-bold-medium-pressed: light-dark(#e9f0f5, #0e171e);
  --ig-text-on-medium-bold: light-dark(#1d2830, #fff);
  --ig-text-on-medium-bold-hover: light-dark(#303c45, #0e171e);
  --ig-text-on-medium-bold-pressed: light-dark(#0e171e, #e9f0f5);
  --ig-text-on-medium-medium: light-dark(#54636d, #f6f9fb);
  --ig-text-on-medium-medium-hover: light-dark(#fff, #0e171e);
  --ig-text-on-medium-medium-pressed: #e9f0f5;
  --ig-text-on-soft-bold: light-dark(#1d2830, #fff);
  --ig-text-on-soft-bold-hover: light-dark(#303c45, #0e171e);
  --ig-text-on-soft-bold-pressed: light-dark(#0e171e, #e9f0f5);
  --ig-text-on-soft-medium: light-dark(#54636d, #f6f9fb);
  --ig-text-on-soft-medium-hover: light-dark(#606e78, #0e171e);
  --ig-text-on-soft-medium-pressed: light-dark(#424f59, #e9f0f5);
  --ig-text-on-warning: #533300;
  --ig-text-on-warning-hover: light-dark(#926100, #241100);
  --ig-text-on-warning-pressed: light-dark(#241100, #926100);
  --ig-text-decoration-primary: light-dark(lch(69.067% 45.993 43.689), lch(85.801% 26.71 41.9));
  --ig-text-decoration-primary-hover: light-dark(#da3300, #e84c1d);
  --ig-text-decoration-primary-pressed: light-dark(#c42600, #ffe4d9);
  --ig-text-decoration-bold: light-dark(lch(53.442% 4.1502 245.89), lch(98.756% .84178 240.17));
  --ig-text-decoration-bold-hover: light-dark(#303c45, #e9f0f5);
  --ig-text-decoration-bold-pressed: light-dark(#0e171e, #fff);
  --ig-background-backdrop: light-dark(lch(15.153% 19.828 255.11 / .35), lch(15.349% 7.5458 245.89 / .4));
  --ig-background-raised: light-dark(lch(78.063% 6.6963 244.03 / 0), lch(94.235% 8.9419 246.31 / .2));
  --ig-background-page-clear: light-dark(#fff, #0e171e);
  --ig-background-page-subtle: light-dark(#f6f9fb, #1d2830);
  --ig-background-page-soft: light-dark(#e9f0f5, #303c45);
  --ig-background-surface-on-clear-subtle: light-dark(#f6f9fb, #1d2830);
  --ig-background-surface-on-clear-soft: light-dark(#e9f0f5, #303c45);
  --ig-background-surface-on-subtle-clear: light-dark(#fff, #0e171e);
  --ig-background-surface-on-subtle-soft: light-dark(#e9f0f5, #303c45);
  --ig-background-surface-on-soft-clear: light-dark(#fff, #0e171e);
  --ig-background-surface-on-soft-subtle: light-dark(#f6f9fb, #1d2830);
  --ig-background-clear: light-dark(#fff, #0e171e);
  --ig-background-clear-hover: light-dark(#f6f9fb, #1d2830);
  --ig-background-clear-pressed: light-dark(#b7c3cc, #030a11);
  --ig-background-clear-selected: light-dark(#e9f0f5, #424f59);
  --ig-background-clear-selected-emphasized: light-dark(#ffe4d9, #520000);
  --ig-background-clear-selected-emphasized-secondary: light-dark(#e1f1fe, #042941);
  --ig-background-subtle: light-dark(#f6f9fb, #1d2830);
  --ig-background-subtle-hover: light-dark(#fff, #303c45);
  --ig-background-subtle-pressed: light-dark(#b7c3cc, #0e171e);
  --ig-background-subtle-selected: light-dark(#e9f0f5, #303c45);
  --ig-background-subtle-selected-emphasized: light-dark(#ffe4d9, #520000);
  --ig-background-subtle-selected-emphasized-secondary: light-dark(#e1f1fe, #042941);
  --ig-background-soft: light-dark(#e9f0f5, #303c45);
  --ig-background-soft-hover: light-dark(#f6f9fb, #424f59);
  --ig-background-soft-pressed: light-dark(#697780, #1d2830);
  --ig-background-soft-selected: light-dark(#b7c3cc, #54636d);
  --ig-background-soft-selected-emphasized: light-dark(#ffe4d9, #520000);
  --ig-background-soft-selected-emphasized-secondary: light-dark(#e1f1fe, #042941);
  --ig-background-medium: light-dark(#b7c3cc, #424f59);
  --ig-background-medium-hover: light-dark(#e9f0f5, #54636d);
  --ig-background-medium-pressed: light-dark(#606e78, #303c45);
  --ig-background-medium-selected: light-dark(#697780, #54636d);
  --ig-background-medium-selected-emphasized: light-dark(#da3300, #ff9b7d);
  --ig-background-medium-selected-emphasized-secondary: light-dark(#1272ab, #93c4ea);
  --ig-background-bold: light-dark(#606e78, #b7c3cc);
  --ig-background-bold-hover: light-dark(#697780, #e9f0f5);
  --ig-background-bold-pressed: light-dark(#54636d, #697780);
  --ig-background-bold-selected: light-dark(#424f59, #e9f0f5);
  --ig-background-bold-selected-emphasized: light-dark(#da3300, #ff9b7d);
  --ig-background-bold-selected-emphasized-secondary: light-dark(#1272ab, #93c4ea);
  --ig-background-strong: light-dark(#1d2830, #e9f0f5);
  --ig-background-strong-hover: light-dark(#424f59, #f6f9fb);
  --ig-background-strong-pressed: light-dark(#0e171e, #b7c3cc);
  --ig-background-strong-selected: light-dark(#303c45, #000);
  --ig-background-strong-selected-emphasized: light-dark(#520000, #ffe4d9);
  --ig-background-strong-selected-emphasized-secondary: light-dark(#042941, #e1f1fe);
  --ig-background-transparent-clear: lch(78.063% 6.6963 244.03 / 0);
  --ig-background-transparent-clear-hover: light-dark(lch(78.063% 6.6963 244.03 / .1), lch(78.063% 6.6963 244.03 / .13));
  --ig-background-transparent-clear-pressed: light-dark(lch(78.063% 6.6963 244.03 / .2), lch(78.063% 6.6963 244.03 / .18));
  --ig-background-transparent-clear-selected: light-dark(lch(78.063% 6.6963 244.03 / .15), lch(78.063% 6.6963 244.03 / .08));
  --ig-background-transparent-clear-selected-emphasized: light-dark(lch(49.462% 89.244 44.686 / .1), lch(74.184% 48.564 41.9 / .1));
  --ig-background-transparent-clear-selected-emphasized-secondary: light-dark(lch(45.174% 39.731 255.2 / .1), lch(76.711% 26.242 248.47 / .1));
  --ig-background-transparent-subtle: lch(78.063% 6.6963 244.03 / .25);
  --ig-background-transparent-subtle-hover: lch(78.063% 6.6963 244.03 / .3);
  --ig-background-transparent-subtle-pressed: lch(78.063% 6.6963 244.03 / .35);
  --ig-background-transparent-subtle-selected: lch(78.063% 6.6963 244.03 / .15);
  --ig-background-transparent-subtle-selected-emphasized: light-dark(lch(49.462% 89.244 44.686 / .15), lch(74.184% 48.564 41.9 / .15));
  --ig-background-transparent-subtle-selected-emphasized-secondary: light-dark(lch(45.174% 39.731 255.2 / .15), lch(76.711% 26.242 248.47 / .15));
  --ig-background-transparent-success: light-dark(lch(78.674% 58.006 140.54 / .17), lch(78.674% 58.006 140.54 / .2));
  --ig-background-transparent-success-hover: light-dark(lch(78.674% 58.006 140.54 / .22), lch(78.674% 58.006 140.54 / .25));
  --ig-background-transparent-success-pressed: light-dark(lch(78.674% 58.006 140.54 / .25), lch(78.674% 58.006 140.54 / .3));
  --ig-background-transparent-danger: light-dark(lch(73.855% 42.952 19.927 / .17), lch(73.855% 42.952 19.927 / .2));
  --ig-background-transparent-danger-hover: light-dark(lch(73.855% 42.952 19.927 / .22), lch(73.855% 42.952 19.927 / .25));
  --ig-background-transparent-danger-pressed: light-dark(lch(73.855% 42.952 19.927 / .25), lch(73.855% 42.952 19.927 / .3));
  --ig-background-primary-subtle: light-dark(#fff4ef, #340000);
  --ig-background-primary-subtle-hover: light-dark(#ffe4d9, #520000);
  --ig-background-primary-subtle-pressed: light-dark(#ff9b7d, #340000);
  --ig-background-primary-soft: light-dark(#ffe4d9, #520000);
  --ig-background-primary-soft-hover: light-dark(#fff4ef, #ff9b7d);
  --ig-background-primary-soft-pressed: light-dark(#ff9b7d, #e84c1d);
  --ig-background-primary-bold: light-dark(#da3300, #ff9b7d);
  --ig-background-primary-bold-hover: light-dark(#e84c1d, #ffe4d9);
  --ig-background-primary-bold-pressed: light-dark(#c42600, #e84c1d);
  --ig-background-primary-strong: light-dark(#520000, #ffe4d9);
  --ig-background-primary-strong-hover: light-dark(#c42600, #fff4ef);
  --ig-background-primary-strong-pressed: light-dark(#340000, #ff9b7d);
  --ig-background-secondary-subtle: light-dark(#f3f9ff, #011828);
  --ig-background-secondary-subtle-hover: light-dark(#e1f1fe, #042941);
  --ig-background-secondary-subtle-pressed: light-dark(#93c4ea, #011828);
  --ig-background-secondary-soft: light-dark(#e1f1fe, #042941);
  --ig-background-secondary-soft-hover: light-dark(#f3f9ff, #1272ab);
  --ig-background-secondary-soft-pressed: light-dark(#93c4ea, #011828);
  --ig-background-secondary-bold: light-dark(#1272ab, #93c4ea);
  --ig-background-secondary-bold-hover: light-dark(#3591ce, #e1f1fe);
  --ig-background-secondary-bold-pressed: light-dark(#042941, #3591ce);
  --ig-background-secondary-strong: light-dark(#042941, #e1f1fe);
  --ig-background-secondary-strong-hover: light-dark(#1272ab, #f3f9ff);
  --ig-background-secondary-strong-pressed: light-dark(#011828, #93c4ea);
  --ig-background-tertiary-subtle: light-dark(#fff3fb, #30001d);
  --ig-background-tertiary-subtle-hover: light-dark(#ffe0f5, #4b0030);
  --ig-background-tertiary-subtle-pressed: light-dark(#ff97ce, #30001d);
  --ig-background-info-subtle: light-dark(#f1f9ff, #00113e);
  --ig-background-info-subtle-hover: light-dark(#ddf0ff, #003286);
  --ig-background-info-subtle-pressed: light-dark(#8fbeff, #00113e);
  --ig-background-info-soft: light-dark(#ddf0ff, #003286);
  --ig-background-info-soft-hover: #f1f9ff;
  --ig-background-info-soft-pressed: #8fbeff;
  --ig-background-info-bold: light-dark(#006aff, #8fbeff);
  --ig-background-info-bold-hover: light-dark(#2b80ff, #ddf0ff);
  --ig-background-info-bold-pressed: light-dark(#003286, #2b80ff);
  --ig-background-warning-subtle: light-dark(#fff7ea, #241100);
  --ig-background-warning-subtle-hover: light-dark(#ffcf77, #533300);
  --ig-background-warning-subtle-pressed: light-dark(#df9d00, #241100);
  --ig-background-warning-soft: light-dark(#ffcf77, #533300);
  --ig-background-warning-soft-hover: #fff7ea;
  --ig-background-warning-soft-pressed: #df9d00;
  --ig-background-warning-bold: #df9d00;
  --ig-background-warning-bold-hover: #ffcf77;
  --ig-background-warning-bold-pressed: #b87c00;
  --ig-background-danger-subtle: light-dark(#fff3f4, #340006);
  --ig-background-danger-subtle-hover: light-dark(#ffe3e3, #75001c);
  --ig-background-danger-subtle-pressed: light-dark(#ff979d, #340006);
  --ig-background-danger-soft: light-dark(#ffe3e3, #75001c);
  --ig-background-danger-soft-hover: #fff3f4;
  --ig-background-danger-soft-pressed: #ff979d;
  --ig-background-danger-bold: light-dark(#e90040, #ff979d);
  --ig-background-danger-bold-hover: light-dark(#f03557, #ffe3e3);
  --ig-background-danger-bold-pressed: light-dark(#75001c, #f03557);
  --ig-background-success-subtle: light-dark(#f1fcf0, #001f00);
  --ig-background-success-subtle-hover: light-dark(#d6fad6, #004b00);
  --ig-background-success-subtle-pressed: light-dark(#75d87a, #001f00);
  --ig-background-success-soft: light-dark(#d6fad6, #004b00);
  --ig-background-success-soft-hover: #f1fcf0;
  --ig-background-success-soft-pressed: #75d87a;
  --ig-background-success-bold: light-dark(#007900, #75d87a);
  --ig-background-success-bold-hover: light-dark(#009800, #d6fad6);
  --ig-background-success-bold-pressed: light-dark(#004b00, #00a813);
  --ig-background-accent-1-bold: light-dark(#a65200, #ffe6c8);
  --ig-background-accent-1-bold-hover: light-dark(#bb5e00, #fff6eb);
  --ig-background-accent-1-bold-pressed: light-dark(#7a3800, #ffa659);
  --ig-background-accent-1-subtle: light-dark(#fff6eb, #2b0b00);
  --ig-background-accent-1-subtle-hover: light-dark(#ffe6c8, #431900);
  --ig-background-accent-1-subtle-pressed: light-dark(#ffa659, #2b0b00);
  --ig-background-accent-2-bold: light-dark(#7e6c00, #f7f0c2);
  --ig-background-accent-2-bold-hover: light-dark(#8e7a00, #fbf9ea);
  --ig-background-accent-2-bold-pressed: light-dark(#5b4d00, #d3bf46);
  --ig-background-accent-2-subtle: light-dark(#fbf9ea, #1d1600);
  --ig-background-accent-2-subtle-hover: light-dark(#f7f0c2, #2f2600);
  --ig-background-accent-2-subtle-pressed: light-dark(#d3bf46, #1d1600);
  --ig-background-accent-3-bold: light-dark(#627700, #e9f5c8);
  --ig-background-accent-3-bold-hover: light-dark(#6f8600, #f6fbec);
  --ig-background-accent-3-bold-pressed: light-dark(#455500, #b2cb5c);
  --ig-background-accent-3-subtle: light-dark(#f6fbec, #131a00);
  --ig-background-accent-3-subtle-hover: light-dark(#e9f5c8, #222b00);
  --ig-background-accent-3-subtle-pressed: light-dark(#b2cb5c, #131a00);
  --ig-background-accent-4-bold: light-dark(#00844d, #cdfce1);
  --ig-background-accent-4-bold-hover: light-dark(#009559, #eefdf4);
  --ig-background-accent-4-bold-pressed: light-dark(#006035, #5ed99e);
  --ig-background-accent-4-subtle: light-dark(#eefdf4, #001f0a);
  --ig-background-accent-4-subtle-hover: light-dark(#cdfce1, #003217);
  --ig-background-accent-4-subtle-pressed: light-dark(#5ed99e, #001f0a);
  --ig-background-accent-5-bold: light-dark(#00816e, #c3fcf0);
  --ig-background-accent-5-bold-hover: light-dark(#00927d, #ebfdf9);
  --ig-background-accent-5-bold-pressed: light-dark(#005d4f, #23dbc1);
  --ig-background-accent-5-subtle: light-dark(#ebfdf9, #001e17);
  --ig-background-accent-5-subtle-hover: light-dark(#c3fcf0, #003128);
  --ig-background-accent-5-subtle-pressed: light-dark(#23dbc1, #001e17);
  --ig-background-accent-6-bold: light-dark(#007e85, #c0fbfe);
  --ig-background-accent-6-bold-hover: light-dark(#008e96, #eafdfe);
  --ig-background-accent-6-bold-pressed: light-dark(#005b60, #00d8e1);
  --ig-background-accent-6-subtle: light-dark(#eafdfe, #001d1f);
  --ig-background-accent-6-subtle-hover: light-dark(#c0fbfe, #002f33);
  --ig-background-accent-6-subtle-pressed: light-dark(#00d8e1, #001d1f);
  --ig-background-accent-7-bold: light-dark(#007a9a, #c2f9ff);
  --ig-background-accent-7-bold-hover: light-dark(#008aae, #ebfcff);
  --ig-background-accent-7-bold-pressed: light-dark(#005871, #25d2fc);
  --ig-background-accent-7-subtle: light-dark(#ebfcff, #001b28);
  --ig-background-accent-7-subtle-hover: light-dark(#c2f9ff, #002d3e);
  --ig-background-accent-7-subtle-pressed: light-dark(#25d2fc, #001b28);
  --ig-background-accent-8-bold: light-dark(#0073b8, #d1f4ff);
  --ig-background-accent-8-bold-hover: light-dark(#0083ce, #edfbff);
  --ig-background-accent-8-bold-pressed: light-dark(#005389, #5fc9ff);
  --ig-background-accent-8-subtle: light-dark(#edfbff, #001833);
  --ig-background-accent-8-subtle-hover: light-dark(#d1f4ff, #00294d);
  --ig-background-accent-8-subtle-pressed: light-dark(#5fc9ff, #001833);
  --ig-background-accent-9-bold: light-dark(#5c53da, #e8ecff);
  --ig-background-accent-9-bold-hover: light-dark(#6861f1, #f5f7ff);
  --ig-background-accent-9-bold-pressed: light-dark(#4137a6, #aeb4ff);
  --ig-background-accent-9-subtle: light-dark(#f5f7ff, #110b3d);
  --ig-background-accent-9-subtle-hover: light-dark(#e8ecff, #1f175e);
  --ig-background-accent-9-subtle-pressed: light-dark(#aeb4ff, #110b3d);
  --ig-background-accent-10-bold: light-dark(#8044cb, #f3e7ff);
  --ig-background-accent-10-bold-hover: light-dark(#9051e1, #faf6ff);
  --ig-background-accent-10-bold-pressed: light-dark(#5e2b9a, #cca8ff);
  --ig-background-accent-10-subtle: light-dark(#faf6ff, #1d0638);
  --ig-background-accent-10-subtle-hover: light-dark(#f3e7ff, #310e57);
  --ig-background-accent-10-subtle-pressed: light-dark(#cca8ff, #1d0638);
  --ig-background-accent-11-bold: light-dark(#9c36b1, #ffe2ff);
  --ig-background-accent-11-bold-hover: light-dark(#ae42c5, #fff4ff);
  --ig-background-accent-11-bold-pressed: light-dark(#731f85, #e59ff6);
  --ig-background-accent-11-subtle: light-dark(#fff4ff, #27022e);
  --ig-background-accent-11-subtle-hover: light-dark(#ffe2ff, #3e0649);
  --ig-background-accent-11-subtle-pressed: light-dark(#e59ff6, #27022e);
  --ig-background-accent-12-bold: light-dark(#be1b67, #ffe1ed);
  --ig-background-accent-12-bold-hover: light-dark(#d42975, #fff3f8);
  --ig-background-accent-12-bold-pressed: light-dark(#8e0049, #ff95ba);
  --ig-background-accent-12-subtle: light-dark(#fff3f8, #320014);
  --ig-background-accent-12-subtle-hover: light-dark(#ffe1ed, #4f0024);
  --ig-background-accent-12-subtle-pressed: light-dark(#ff95ba, #320014);
  --ig-background-indicator-primary: light-dark(#da3300, #ff9b7d);
  --ig-background-indicator-primary-hover: light-dark(#e84c1d, #ffe4d9);
  --ig-background-indicator-secondary: light-dark(#1882c0, #93c4ea);
  --ig-background-indicator-secondary-hover: light-dark(#3591ce, #e1f1fe);
  --ig-border-clear: light-dark(#fff, #0e171e);
  --ig-border-subtle: light-dark(#f6f9fb, #1d2830);
  --ig-border-soft: light-dark(#e9f0f5, #303c45);
  --ig-border-medium: light-dark(#b7c3cc, #424f59);
  --ig-border-bold: #606e78;
  --ig-border-transparent: transparent;
  --ig-border-focus: light-dark(#042941, #3591ce);
  --ig-border-raised: light-dark(#b7c3cc, #697780);
  --ig-border-selected-primary: light-dark(#e84c1d, #c42600);
  --ig-border-selected-secondary: light-dark(#3591ce, #1272ab);
  --ig-border-primary-bold: light-dark(#da3300, #ff9b7d);
  --ig-border-primary-bold-hover: light-dark(#e84c1d, #ffe4d9);
  --ig-border-primary-bold-pressed: light-dark(#c42600, #e84c1d);
  --ig-border-primary-soft: light-dark(#ffe4d9, #520000);
  --ig-border-primary-soft-hover: light-dark(#fff4ef, #ff9b7d);
  --ig-border-primary-soft-pressed: light-dark(#ff9b7d, #e84c1d);
  --ig-border-secondary-bold: light-dark(#1272ab, #93c4ea);
  --ig-border-secondary-bold-hover: light-dark(#3591ce, #e1f1fe);
  --ig-border-secondary-bold-pressed: light-dark(#042941, #3591ce);
  --ig-border-secondary-soft: light-dark(#e1f1fe, #042941);
  --ig-border-secondary-soft-hover: light-dark(#f3f9ff, #1272ab);
  --ig-border-secondary-soft-pressed: light-dark(#93c4ea, #011828);
  --ig-border-info-bold: light-dark(#006aff, #8fbeff);
  --ig-border-info-soft: light-dark(#8fbeff, #003286);
  --ig-border-warning-bold: #df9d00;
  --ig-border-warning-soft: light-dark(#ffcf77, #533300);
  --ig-border-danger-bold: light-dark(#e90040, #ff979d);
  --ig-border-danger-soft: light-dark(#ff979d, #75001c);
  --ig-border-success-bold: light-dark(#007900, #75d87a);
  --ig-border-success-soft: light-dark(#75d87a, #004b00);
  --ig-border-accent-1-bold: light-dark(#a65200, #ffe6c8);
  --ig-border-accent-1-soft: light-dark(#ffa659, #431900);
  --ig-border-accent-2-bold: light-dark(#7e6c00, #f7f0c2);
  --ig-border-accent-2-soft: light-dark(#d3bf46, #2f2600);
  --ig-border-accent-3-bold: light-dark(#627700, #e9f5c8);
  --ig-border-accent-3-soft: light-dark(#b2cb5c, #222b00);
  --ig-border-accent-4-bold: light-dark(#00844d, #cdfce1);
  --ig-border-accent-4-soft: light-dark(#5ed99e, #003217);
  --ig-border-accent-5-bold: light-dark(#00816e, #c3fcf0);
  --ig-border-accent-5-soft: light-dark(#23dbc1, #003128);
  --ig-border-accent-6-bold: light-dark(#007e85, #c0fbfe);
  --ig-border-accent-6-soft: light-dark(#00d8e1, #002f33);
  --ig-border-accent-7-bold: light-dark(#007a9a, #c2f9ff);
  --ig-border-accent-7-soft: light-dark(#25d2fc, #002d3e);
  --ig-border-accent-8-bold: light-dark(#0073b8, #d1f4ff);
  --ig-border-accent-8-soft: light-dark(#5fc9ff, #00294d);
  --ig-border-accent-9-bold: light-dark(#5c53da, #e8ecff);
  --ig-border-accent-9-soft: light-dark(#aeb4ff, #1f175e);
  --ig-border-accent-10-bold: light-dark(#8044cb, #f3e7ff);
  --ig-border-accent-10-soft: light-dark(#cca8ff, #310e57);
  --ig-border-accent-11-bold: light-dark(#9c36b1, #ffe2ff);
  --ig-border-accent-11-soft: light-dark(#e59ff6, #3e0649);
  --ig-border-accent-12-bold: light-dark(#be1b67, #ffe1ed);
  --ig-border-accent-12-soft: light-dark(#ff95ba, #4f0024);
  --ig-icon-bold: light-dark(#1d2830, #f6f9fb);
  --ig-icon-medium: light-dark(#54636d, #cfd9e1);
  --ig-icon-primary: light-dark(#c42600, #ff9b7d);
  --ig-icon-secondary: light-dark(#1272ab, #93c4ea);
  --ig-icon-info: light-dark(#005cf2, #8fbeff);
  --ig-icon-warning: #df9d00;
  --ig-icon-danger: light-dark(#cf0038, #ff979d);
  --ig-icon-success: light-dark(#007900, #75d87a);
  --ig-icon-on-bold: #fff;
  --ig-icon-on-warning: #533300;
  --ig-logo-text: light-dark(#303642, #fff);
  --ig-logo-icon-item1: #438ab5;
  --ig-logo-icon-item2: #f1002f;
  --ig-logo-icon-item3: #ffbe00;
  --ig-logo-inverse-text: light-dark(#fff, #303642);
  --ig-logo-inverse-icon-item1: light-dark(#fff, #303642);
  --ig-logo-inverse-icon-item2: light-dark(#fff, #303642);
  --ig-logo-inverse-icon-item3: light-dark(#fff, #303642);
  --ig-opacity-disabled: .4;
  --ig-elevation-level-1: 0px 0px 3px 0px #04294114, 0px 2px 6px -1px #04294133;
  --ig-elevation-level-2: 0px 1px 8px 0px #0429411c, 0px 5px 8px 0px #0429411a;
  --ig-elevation-level-3: 0px 1px 8px 0px #0429411f, 0px 6px 12px 0px #0429412b;
  --ig-elevation-level-4: 0px 8px 24px 0px #04294133, 0px 3px 8px 0px #0429411f;
  --ig-elevation-inset: inset 0px 2px 2px 0px #04294114;
  --ig-gradients-brand-primary: linear-gradient(135deg, #ff9b7d 0%, #da3300 100%);
  --ig-gradients-brand-secondary: linear-gradient(135deg, #93c4ea 0%, #1882c0 100%);
  --ig-gradients-brand-tertiary: linear-gradient(135deg, #ff97ce 0%, #cb2f90 100%);
  --ig-gradients-brand-neutral: linear-gradient(135deg, #b7c3cc 0%, #606e78 100%);
  --ig-gradients-functional-info: linear-gradient(135deg, #8fbeff 0%, #006aff 100%);
  --ig-gradients-functional-success: linear-gradient(135deg, #75d87a 0%, #009800 100%);
  --ig-gradients-functional-warning: linear-gradient(135deg, #ffcf77 0%, #df9d00 100%);
  --ig-gradients-functional-danger: linear-gradient(135deg, #ff979d 0%, #e90040 100%);
  --ig-dataviz-brand-1: #3591ce;
  --ig-dataviz-brand-2: #b72280;
  --ig-dataviz-categorical-1: #3591ce;
  --ig-dataviz-categorical-2: #75001c;
  --ig-dataviz-categorical-3: #00a38c;
  --ig-dataviz-categorical-4: #003f6c;
  --ig-dataviz-categorical-5: #ac77fa;
  --ig-dataviz-categorical-6: #710037;
  --ig-dataviz-categorical-7: #f05b93;
  --ig-dataviz-categorical-8: #533300;
  --ig-dataviz-categorical-9: #e67600;
  --ig-dataviz-categorical-10: #5e2b9a;
  --ig-dataviz-sequential-1-strong: #042941;
  --ig-dataviz-sequential-1-bold: #01527e;
  --ig-dataviz-sequential-1-medium: #1272ab;
  --ig-dataviz-sequential-1-soft: #3591ce;
  --ig-dataviz-sequential-1-subtle: #6fb3e5;
  --ig-dataviz-sequential-1-light: #bbdcf6;
  --ig-dataviz-sequential-2-strong: #4b0030;
  --ig-dataviz-sequential-2-bold: #880a5d;
  --ig-dataviz-sequential-2-medium: #b72280;
  --ig-dataviz-sequential-2-soft: #da489e;
  --ig-dataviz-sequential-2-subtle: #f27dbc;
  --ig-dataviz-sequential-2-light: #ffbbe4;
  --ig-dataviz-diverging-1-start-bold: #990025;
  --ig-dataviz-diverging-1-start-medium: #cf0038;
  --ig-dataviz-diverging-1-start-soft: #f75b6d;
  --ig-dataviz-diverging-1-start-subtle: #ffc1c3;
  --ig-dataviz-diverging-1-middle: #e9f0f5;
  --ig-dataviz-diverging-1-end-bold: #005389;
  --ig-dataviz-diverging-1-end-medium: #0073b8;
  --ig-dataviz-diverging-1-end-soft: #00a3fc;
  --ig-dataviz-diverging-1-end-subtle: #a1e0ff;
  --ig-dataviz-diverging-2-start-bold: #455500;
  --ig-dataviz-diverging-2-start-medium: #627700;
  --ig-dataviz-diverging-2-start-soft: #8ba700;
  --ig-dataviz-diverging-2-start-subtle: #cde387;
  --ig-dataviz-diverging-2-middle: #e9f0f5;
  --ig-dataviz-diverging-2-end-bold: #5e2b9a;
  --ig-dataviz-diverging-2-end-medium: #8044cb;
  --ig-dataviz-diverging-2-end-soft: #ac77fa;
  --ig-dataviz-diverging-2-end-subtle: #e1caff;
  --ig-dataviz-common-gender-male: #009fa7;
  --ig-dataviz-common-gender-female: #731f85;
  --ig-dataviz-common-gender-other: #e67600;
  --ig-dataviz-common-work-schedule-full-time: #8e0049;
  --ig-dataviz-common-work-schedule-part-time: #f05b93;
  --ig-dataviz-common-workforce-segment-blue-colllar: #5e2b9a;
  --ig-dataviz-common-workforce-segment-white-collar: #ac77fa;
  --ig-border-radius-0: 0px;
  --ig-border-radius: 4px;
  --ig-border-radius-small: 2px;
  --ig-border-radius-large: 8px;
  --ig-border-radius-focus: 4px;
  --ig-border-radius-input: 4px;
  --ig-border-width: 1px;
  --ig-border-width-2x: 2px;
  --ig-border-width-indicator: 2px;
  --ig-border-width-focus: 2px;
  --ig-border-width-input: 1px;
  --ig-font-size-html: 1rem;
  --ig-font-size-body-xxsmall: .5rem;
  --ig-font-size-body-xsmall: .625rem;
  --ig-font-size-body-small: .75rem;
  --ig-font-size-body: .875rem;
  --ig-font-size-body-large: 1rem;
  --ig-font-size-heading-xxsmall: 1rem;
  --ig-font-size-heading-xsmall: 1.125rem;
  --ig-font-size-heading-small: 1.25rem;
  --ig-font-size-heading-medium: 1.5rem;
  --ig-font-size-heading-large: 1.75rem;
  --ig-font-size-heading-xlarge: 2rem;
  --ig-font-size-heading-xxlarge: 2.5rem;
  --ig-font-size-caption-xsmall: .5rem;
  --ig-font-size-caption-small: .625rem;
  --ig-font-size-caption: .75rem;
  --ig-font-size-caption-large: .875rem;
  --ig-font-family-body: Roboto;
  --ig-font-family-heading: Roboto;
  --ig-font-family-caption: Roboto;
  --ig-font-weight-regular: 400;
  --ig-font-weight-light: 300;
  --ig-font-weight-medium: 500;
  --ig-font-weight-bold: 700;
  --ig-line-height-body-xxsmall: .625rem;
  --ig-line-height-body-xsmall: .75rem;
  --ig-line-height-body-small: 1rem;
  --ig-line-height-body: 1.25rem;
  --ig-line-height-body-large: 1.5rem;
  --ig-line-height-heading-xxsmall: 1.25rem;
  --ig-line-height-heading-xsmall: 1.5rem;
  --ig-line-height-heading-small: 1.5rem;
  --ig-line-height-heading-medium: 1.75rem;
  --ig-line-height-heading-large: 2rem;
  --ig-line-height-heading-xlarge: 2.5rem;
  --ig-line-height-heading-xxlarge: 3rem;
  --ig-line-height-caption-xsmall: .5rem;
  --ig-line-height-caption-small: .75rem;
  --ig-line-height-caption: 1rem;
  --ig-line-height-caption-large: 1.25rem;
  --ig-component-size-xsmall: 1rem;
  --ig-component-size-small: 1.5rem;
  --ig-component-size-medium: 2rem;
  --ig-component-size-large: 2.5rem;
  --ig-component-size-xlarge: 3rem;
  --ig-component-vertical-fix-xsmall: .0625rem;
  --ig-component-vertical-fix-small: .1875rem;
  --ig-component-vertical-fix-medium: .3125rem;
  --ig-component-vertical-fix-large: .4375rem;
  --ig-component-input-small-gap: .375rem;
  --ig-component-input-small-horizontal-padding: .5rem;
  --ig-component-input-small-vertical-padding: .1875rem;
  --ig-component-input-small-label-horizontal-gap: .75rem;
  --ig-component-input-small-label-vertical-gap: .25rem;
  --ig-component-input-medium-gap: .5rem;
  --ig-component-input-medium-horizontal-padding: .75rem;
  --ig-component-input-medium-vertical-padding: .3125rem;
  --ig-component-input-medium-label-horizontal-gap: .75rem;
  --ig-component-input-medium-label-vertical-gap: .25rem;
  --ig-component-input-large-gap: .75rem;
  --ig-component-input-large-horizontal-padding: 1rem;
  --ig-component-input-large-vertical-padding: .4375rem;
  --ig-component-input-large-label-horizontal-gap: .75rem;
  --ig-component-input-large-label-vertical-gap: .25rem;
  --ig-size-0: 0;
  --ig-size-100: .5rem;
  --ig-size-150: .75rem;
  --ig-size-200: 1rem;
  --ig-size-250: 1.25rem;
  --ig-size-300: 1.5rem;
  --ig-size-400: 2rem;
  --ig-size-500: 2.5rem;
  --ig-size-600: 3rem;
  --ig-size-800: 4rem;
  --ig-size-1000: 5rem;
  --ig-size-1200: 6rem;
  --ig-size-1600: 8rem;
  --ig-size-025: .125rem;
  --ig-size-050: .25rem;
  --ig-size-075: .375rem;
  --ig-size-spacer: .5rem;
  --ig-typography-heading-xxsmall-bold: 700 1rem / 1.25rem Roboto;
  --ig-typography-heading-xxsmall-medium: 500 1rem / 1.25rem Roboto;
  --ig-typography-heading-xxsmall-regular: 400 1rem / 1.25rem Roboto;
  --ig-typography-heading-xsmall-bold: 700 1.125rem / 1.5rem Roboto;
  --ig-typography-heading-xsmall-medium: 500 1.125rem / 1.5rem Roboto;
  --ig-typography-heading-xsmall-regular: 400 1.125rem / 1.5rem Roboto;
  --ig-typography-heading-small-bold: 700 1.25rem / 1.5rem Roboto;
  --ig-typography-heading-small-medium: 500 1.25rem / 1.5rem Roboto;
  --ig-typography-heading-small-regular: 400 1.25rem / 1.5rem Roboto;
  --ig-typography-heading-medium-bold: 700 1.5rem / 1.75rem Roboto;
  --ig-typography-heading-medium-medium: 500 1.5rem / 1.75rem Roboto;
  --ig-typography-heading-medium-regular: 400 1.5rem / 1.75rem Roboto;
  --ig-typography-heading-large-bold: 700 1.75rem / 2rem Roboto;
  --ig-typography-heading-large-medium: 500 1.75rem / 2rem Roboto;
  --ig-typography-heading-large-regular: 400 1.75rem / 2rem Roboto;
  --ig-typography-heading-xlarge-bold: 700 2rem / 2.5rem Roboto;
  --ig-typography-heading-xlarge-medium: 500 2rem / 2.5rem Roboto;
  --ig-typography-heading-xlarge-regular: 400 2rem / 2.5rem Roboto;
  --ig-typography-heading-xxlarge-bold: 700 2.5rem / 3rem Roboto;
  --ig-typography-heading-xxlarge-medium: 500 2.5rem / 3rem Roboto;
  --ig-typography-heading-xxlarge-regular: 400 2.5rem / 3rem Roboto;
  --ig-typography-body-xsmall-bold: 700 .625rem / .75rem Roboto;
  --ig-typography-body-xsmall-medium: 500 .625rem / .75rem Roboto;
  --ig-typography-body-xsmall-regular: 400 .625rem / .75rem Roboto;
  --ig-typography-body-small-bold: 700 .75rem / 1rem Roboto;
  --ig-typography-body-small-medium: 500 .75rem / 1rem Roboto;
  --ig-typography-body-small-regular: 400 .75rem / 1rem Roboto;
  --ig-typography-body-medium-bold: 700 .875rem / 1.25rem Roboto;
  --ig-typography-body-medium-medium: 500 .875rem / 1.25rem Roboto;
  --ig-typography-body-medium-regular: 400 .875rem / 1.25rem Roboto;
  --ig-typography-body-large-bold: 700 1rem / 1.5rem Roboto;
  --ig-typography-body-large-medium: 500 1rem / 1.5rem Roboto;
  --ig-typography-body-large-regular: 400 1rem / 1.5rem Roboto;
  --ig-typography-body-xxsmall-bold: 700 .5rem / .625rem Roboto;
  --ig-typography-body-xxsmall-medium: 500 .5rem / .625rem Roboto;
  --ig-typography-body-xxsmall-regular: 400 .5rem / .625rem Roboto;
  --ig-typography-caption-xsmall-bold: 700 .5rem / .5rem Roboto;
  --ig-typography-caption-xsmall-medium: 500 .5rem / .5rem Roboto;
  --ig-typography-caption-xsmall-regular: 400 .5rem / .5rem Roboto;
  --ig-typography-caption-small-bold: 700 .625rem / .75rem Roboto;
  --ig-typography-caption-small-medium: 500 .625rem / .75rem Roboto;
  --ig-typography-caption-small-regular: 400 .625rem / .75rem Roboto;
  --ig-typography-caption-medium-bold: 700 .75rem / 1rem Roboto;
  --ig-typography-caption-medium-medium: 500 .75rem / 1rem Roboto;
  --ig-typography-caption-medium-regular: 400 .75rem / 1rem Roboto;
  --ig-typography-caption-large-bold: 700 .875rem / 1.25rem Roboto;
  --ig-typography-caption-large-medium: 500 .875rem / 1.25rem Roboto;
  --ig-typography-caption-large-regular: 400 .875rem / 1.25rem Roboto;
  --ig-text-decoration-link: underline;
  --ig-text-decoration-none: none;
  --ig-text-decoration-invalid: line-through;
  --ig-text-transform-none: none;
  --ig-text-transform-lowercase: lowercase;
  --ig-text-transform-uppercase: uppercase;
  --ig-letter-spacing-heading: 0;
  --ig-letter-spacing-heading-small: 0;
  --ig-letter-spacing-body: 0;
  --ig-letter-spacing-caption: 0;
  --ig-box-shadow-focus: 0px 0px 0px 2px var(--ig-border-focus);
  --ig-transition-duration: .25s;
  --ig-transition-duration-fast: .1s;
  --ig-font-family-mono: "Roboto Mono", consolas;
}

:root, [data-theme="light"] {
  color-scheme: light;
}

[data-theme="dark"] {
  color-scheme: dark;
}

*, :before, :after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}

:before, :after {
  text-decoration: inherit;
  vertical-align: inherit;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    scroll-behavior: auto;
    transition: none;
    animation: none;
  }
}

html {
  height: 100%;
}

body {
  text-align: start;
  height: auto;
  min-height: 100%;
  color: var(--ig-text-bold);
  background-color: var(--ig-background-page-clear);
  overflow-wrap: break-word;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
}

p {
  margin-top: 0;
  margin-bottom: var(--ig-size-200);
}

pre {
  margin: var(--ig-size-200) 0;
  background-color: var(--ig-background-surface-on-clear-soft);
  padding: var(--ig-size-100);
  color: var(--ig-text-bold);
  display: block;
  overflow: auto;
}

pre code {
  color: inherit;
  word-break: normal;
}

pre code:before, pre code:after {
  content: "";
}

code {
  color: var(--ig-text-info-pressed);
  word-wrap: break-word;
}

code:before, code:after {
  content: "'";
}

blockquote {
  padding: var(--ig-component-input-medium-vertical-padding) var(--ig-component-input-small-horizontal-padding);
  border-left: var(--ig-border-width-2x) solid var(--ig-background-subtle-pressed);
  background-color: var(--ig-background-surface-on-clear-soft);
}

blockquote p {
  margin: 0;
}

figure {
  margin: 0 0 var(--ig-size-200);
}

img, svg {
  vertical-align: middle;
}

hr {
  margin: var(--ig-size-200) 0;
  color: var(--ig-border-medium);
  border: 0;
  border-top: 1px solid var(--ig-border-medium);
  opacity: 1;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: var(--ig-size-100);
  padding-bottom: var(--ig-size-100);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead, tbody, tfoot, tr, td, th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border: 0;
  border-radius: 0;
}

input, button, select, optgroup, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

button, select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

button, [type="button"], [type="reset"], [type="submit"] {
  appearance: auto;
  -webkit-appearance: button;
}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
  cursor: pointer;
}

textarea {
  resize: vertical;
}

fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

legend {
  float: left;
  width: 100%;
  margin-bottom: var(--ig-size-100);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0;
}

legend + * {
  clear: left;
}

iframe {
  border: 0;
}

[hidden] {
  display: none !important;
}

h6, .h6, div[role="heading"][aria-level="6"], h5, .h5, div[role="heading"][aria-level="5"], h4, .h4, div[role="heading"][aria-level="4"], h3, .h3, div[role="heading"][aria-level="3"], h2, .h2, div[role="heading"][aria-level="2"], h1, .h1, div[role="heading"][aria-level="1"] {
  margin-top: 0;
  margin-bottom: var(--ig-size-100);
}

body {
  font: var(--ig-typography-body-medium-regular);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "kern" 1;
}

h1, .h1, div[role="heading"][aria-level="1"] {
  font: var(--ig-typography-heading-xxlarge-bold);
}

h2, .h2, div[role="heading"][aria-level="2"] {
  font: var(--ig-typography-heading-xlarge-bold);
}

h3, .h3, div[role="heading"][aria-level="3"] {
  font: var(--ig-typography-heading-large-bold);
}

h4, .h4, div[role="heading"][aria-level="4"] {
  font: var(--ig-typography-heading-medium-bold);
}

h5, .h5, div[role="heading"][aria-level="5"] {
  font: var(--ig-typography-heading-small-bold);
}

h6, .h6, div[role="heading"][aria-level="6"] {
  font: var(--ig-typography-heading-xsmall-bold);
}

b, strong {
  font-weight: var(--ig-font-weight-medium);
}

small {
  font: var(--ig-typography-body-small-regular);
}

pre, code {
  font-size: var(--ig-font-size-body);
  font-family: var(--ig-font-family-mono);
}

.ig-btn:focus-visible, a:focus-visible {
  outline: var(--ig-border-focus) solid 2px;
  z-index: 0;
}

a {
  outline: 0;
}

.ig-btn {
  outline: 0;
  text-decoration: none;
}

.ig-btn:is(:hover, :focus, :focus-visible) {
  transform: none;
}

.ig-btn:is(.disabled, [disabled]) {
  cursor: default;
  box-shadow: none;
}

.ig-application {
  grid-template: "header header"
                 "nav content" 1fr
                 "footer footer"
                 / auto 1fr;
  width: 100%;
  height: 100vh;
  display: grid;
}

.ig-application__header {
  grid-area: header;
}

.ig-application__nav {
  grid-area: nav;
  overflow: auto;
}

.ig-application__content {
  grid-area: content;
  position: relative;
  overflow: auto;
}

.ig-application__footer {
  grid-area: footer;
}

.ig-container, .ig-container-fluid, .ig-container-xxl, .ig-container-xl, .ig-container-lg, .ig-container-md, .ig-container-sm, .ig-container-xs {
  width: 100%;
  padding-left: calc(var(--ig-size-300) * .5);
  padding-right: calc(var(--ig-size-300) * .5);
  margin-left: auto;
  margin-right: auto;
}

@media (width >= 576px) {
  .ig-container-sm, .ig-container {
    max-width: 540px;
  }
}

@media (width >= 768px) {
  .ig-container-md, .ig-container-sm, .ig-container {
    max-width: 720px;
  }
}

@media (width >= 992px) {
  .ig-container-lg, .ig-container-md, .ig-container-sm, .ig-container {
    max-width: 960px;
  }
}

@media (width >= 1200px) {
  .ig-container-xl, .ig-container-lg, .ig-container-md, .ig-container-sm, .ig-container {
    max-width: 1140px;
  }
}

@media (width >= 1920px) {
  .ig-container-xxl, .ig-container-xl, .ig-container-lg, .ig-container-md, .ig-container-sm, .ig-container {
    max-width: 1280px;
  }
}

.ig-grid {
  --ig-grid-columns: 12;
  grid-template-columns: repeat(var(--ig-grid-columns), 1fr);
  gap: var(--ig-size-200) var(--ig-size-200);
  display: grid;
}

.ig-grid .ig-col-1 {
  grid-column: auto / span 1;
}

.ig-grid .ig-col-start-1 {
  grid-column-start: 1;
}

.ig-grid .ig-col-end-1 {
  grid-column-end: 2;
}

.ig-grid .ig-col-2 {
  grid-column: auto / span 2;
}

.ig-grid .ig-col-start-2 {
  grid-column-start: 2;
}

.ig-grid .ig-col-end-2 {
  grid-column-end: 3;
}

.ig-grid .ig-col-3 {
  grid-column: auto / span 3;
}

.ig-grid .ig-col-start-3 {
  grid-column-start: 3;
}

.ig-grid .ig-col-end-3 {
  grid-column-end: 4;
}

.ig-grid .ig-col-4 {
  grid-column: auto / span 4;
}

.ig-grid .ig-col-start-4 {
  grid-column-start: 4;
}

.ig-grid .ig-col-end-4 {
  grid-column-end: 5;
}

.ig-grid .ig-col-5 {
  grid-column: auto / span 5;
}

.ig-grid .ig-col-start-5 {
  grid-column-start: 5;
}

.ig-grid .ig-col-end-5 {
  grid-column-end: 6;
}

.ig-grid .ig-col-6 {
  grid-column: auto / span 6;
}

.ig-grid .ig-col-start-6 {
  grid-column-start: 6;
}

.ig-grid .ig-col-end-6 {
  grid-column-end: 7;
}

.ig-grid .ig-col-7 {
  grid-column: auto / span 7;
}

.ig-grid .ig-col-start-7 {
  grid-column-start: 7;
}

.ig-grid .ig-col-end-7 {
  grid-column-end: 8;
}

.ig-grid .ig-col-8 {
  grid-column: auto / span 8;
}

.ig-grid .ig-col-start-8 {
  grid-column-start: 8;
}

.ig-grid .ig-col-end-8 {
  grid-column-end: 9;
}

.ig-grid .ig-col-9 {
  grid-column: auto / span 9;
}

.ig-grid .ig-col-start-9 {
  grid-column-start: 9;
}

.ig-grid .ig-col-end-9 {
  grid-column-end: 10;
}

.ig-grid .ig-col-10 {
  grid-column: auto / span 10;
}

.ig-grid .ig-col-start-10 {
  grid-column-start: 10;
}

.ig-grid .ig-col-end-10 {
  grid-column-end: 11;
}

.ig-grid .ig-col-11 {
  grid-column: auto / span 11;
}

.ig-grid .ig-col-start-11 {
  grid-column-start: 11;
}

.ig-grid .ig-col-end-11 {
  grid-column-end: 12;
}

.ig-grid .ig-col-12 {
  grid-column: auto / span 12;
}

.ig-grid .ig-col-start-12 {
  grid-column-start: 12;
}

.ig-grid .ig-col-end-12 {
  grid-column-end: 13;
}

@media (width >= 576px) {
  .ig-grid .ig-col-sm-1 {
    grid-column: auto / span 1;
  }

  .ig-grid .ig-col-sm-start-1 {
    grid-column-start: 1;
  }

  .ig-grid .ig-col-sm-end-1 {
    grid-column-end: 2;
  }

  .ig-grid .ig-col-sm-2 {
    grid-column: auto / span 2;
  }

  .ig-grid .ig-col-sm-start-2 {
    grid-column-start: 2;
  }

  .ig-grid .ig-col-sm-end-2 {
    grid-column-end: 3;
  }

  .ig-grid .ig-col-sm-3 {
    grid-column: auto / span 3;
  }

  .ig-grid .ig-col-sm-start-3 {
    grid-column-start: 3;
  }

  .ig-grid .ig-col-sm-end-3 {
    grid-column-end: 4;
  }

  .ig-grid .ig-col-sm-4 {
    grid-column: auto / span 4;
  }

  .ig-grid .ig-col-sm-start-4 {
    grid-column-start: 4;
  }

  .ig-grid .ig-col-sm-end-4 {
    grid-column-end: 5;
  }

  .ig-grid .ig-col-sm-5 {
    grid-column: auto / span 5;
  }

  .ig-grid .ig-col-sm-start-5 {
    grid-column-start: 5;
  }

  .ig-grid .ig-col-sm-end-5 {
    grid-column-end: 6;
  }

  .ig-grid .ig-col-sm-6 {
    grid-column: auto / span 6;
  }

  .ig-grid .ig-col-sm-start-6 {
    grid-column-start: 6;
  }

  .ig-grid .ig-col-sm-end-6 {
    grid-column-end: 7;
  }

  .ig-grid .ig-col-sm-7 {
    grid-column: auto / span 7;
  }

  .ig-grid .ig-col-sm-start-7 {
    grid-column-start: 7;
  }

  .ig-grid .ig-col-sm-end-7 {
    grid-column-end: 8;
  }

  .ig-grid .ig-col-sm-8 {
    grid-column: auto / span 8;
  }

  .ig-grid .ig-col-sm-start-8 {
    grid-column-start: 8;
  }

  .ig-grid .ig-col-sm-end-8 {
    grid-column-end: 9;
  }

  .ig-grid .ig-col-sm-9 {
    grid-column: auto / span 9;
  }

  .ig-grid .ig-col-sm-start-9 {
    grid-column-start: 9;
  }

  .ig-grid .ig-col-sm-end-9 {
    grid-column-end: 10;
  }

  .ig-grid .ig-col-sm-10 {
    grid-column: auto / span 10;
  }

  .ig-grid .ig-col-sm-start-10 {
    grid-column-start: 10;
  }

  .ig-grid .ig-col-sm-end-10 {
    grid-column-end: 11;
  }

  .ig-grid .ig-col-sm-11 {
    grid-column: auto / span 11;
  }

  .ig-grid .ig-col-sm-start-11 {
    grid-column-start: 11;
  }

  .ig-grid .ig-col-sm-end-11 {
    grid-column-end: 12;
  }

  .ig-grid .ig-col-sm-12 {
    grid-column: auto / span 12;
  }

  .ig-grid .ig-col-sm-start-12 {
    grid-column-start: 12;
  }

  .ig-grid .ig-col-sm-end-12 {
    grid-column-end: 13;
  }
}

@media (width >= 768px) {
  .ig-grid .ig-col-md-1 {
    grid-column: auto / span 1;
  }

  .ig-grid .ig-col-md-start-1 {
    grid-column-start: 1;
  }

  .ig-grid .ig-col-md-end-1 {
    grid-column-end: 2;
  }

  .ig-grid .ig-col-md-2 {
    grid-column: auto / span 2;
  }

  .ig-grid .ig-col-md-start-2 {
    grid-column-start: 2;
  }

  .ig-grid .ig-col-md-end-2 {
    grid-column-end: 3;
  }

  .ig-grid .ig-col-md-3 {
    grid-column: auto / span 3;
  }

  .ig-grid .ig-col-md-start-3 {
    grid-column-start: 3;
  }

  .ig-grid .ig-col-md-end-3 {
    grid-column-end: 4;
  }

  .ig-grid .ig-col-md-4 {
    grid-column: auto / span 4;
  }

  .ig-grid .ig-col-md-start-4 {
    grid-column-start: 4;
  }

  .ig-grid .ig-col-md-end-4 {
    grid-column-end: 5;
  }

  .ig-grid .ig-col-md-5 {
    grid-column: auto / span 5;
  }

  .ig-grid .ig-col-md-start-5 {
    grid-column-start: 5;
  }

  .ig-grid .ig-col-md-end-5 {
    grid-column-end: 6;
  }

  .ig-grid .ig-col-md-6 {
    grid-column: auto / span 6;
  }

  .ig-grid .ig-col-md-start-6 {
    grid-column-start: 6;
  }

  .ig-grid .ig-col-md-end-6 {
    grid-column-end: 7;
  }

  .ig-grid .ig-col-md-7 {
    grid-column: auto / span 7;
  }

  .ig-grid .ig-col-md-start-7 {
    grid-column-start: 7;
  }

  .ig-grid .ig-col-md-end-7 {
    grid-column-end: 8;
  }

  .ig-grid .ig-col-md-8 {
    grid-column: auto / span 8;
  }

  .ig-grid .ig-col-md-start-8 {
    grid-column-start: 8;
  }

  .ig-grid .ig-col-md-end-8 {
    grid-column-end: 9;
  }

  .ig-grid .ig-col-md-9 {
    grid-column: auto / span 9;
  }

  .ig-grid .ig-col-md-start-9 {
    grid-column-start: 9;
  }

  .ig-grid .ig-col-md-end-9 {
    grid-column-end: 10;
  }

  .ig-grid .ig-col-md-10 {
    grid-column: auto / span 10;
  }

  .ig-grid .ig-col-md-start-10 {
    grid-column-start: 10;
  }

  .ig-grid .ig-col-md-end-10 {
    grid-column-end: 11;
  }

  .ig-grid .ig-col-md-11 {
    grid-column: auto / span 11;
  }

  .ig-grid .ig-col-md-start-11 {
    grid-column-start: 11;
  }

  .ig-grid .ig-col-md-end-11 {
    grid-column-end: 12;
  }

  .ig-grid .ig-col-md-12 {
    grid-column: auto / span 12;
  }

  .ig-grid .ig-col-md-start-12 {
    grid-column-start: 12;
  }

  .ig-grid .ig-col-md-end-12 {
    grid-column-end: 13;
  }
}

@media (width >= 992px) {
  .ig-grid .ig-col-lg-1 {
    grid-column: auto / span 1;
  }

  .ig-grid .ig-col-lg-start-1 {
    grid-column-start: 1;
  }

  .ig-grid .ig-col-lg-end-1 {
    grid-column-end: 2;
  }

  .ig-grid .ig-col-lg-2 {
    grid-column: auto / span 2;
  }

  .ig-grid .ig-col-lg-start-2 {
    grid-column-start: 2;
  }

  .ig-grid .ig-col-lg-end-2 {
    grid-column-end: 3;
  }

  .ig-grid .ig-col-lg-3 {
    grid-column: auto / span 3;
  }

  .ig-grid .ig-col-lg-start-3 {
    grid-column-start: 3;
  }

  .ig-grid .ig-col-lg-end-3 {
    grid-column-end: 4;
  }

  .ig-grid .ig-col-lg-4 {
    grid-column: auto / span 4;
  }

  .ig-grid .ig-col-lg-start-4 {
    grid-column-start: 4;
  }

  .ig-grid .ig-col-lg-end-4 {
    grid-column-end: 5;
  }

  .ig-grid .ig-col-lg-5 {
    grid-column: auto / span 5;
  }

  .ig-grid .ig-col-lg-start-5 {
    grid-column-start: 5;
  }

  .ig-grid .ig-col-lg-end-5 {
    grid-column-end: 6;
  }

  .ig-grid .ig-col-lg-6 {
    grid-column: auto / span 6;
  }

  .ig-grid .ig-col-lg-start-6 {
    grid-column-start: 6;
  }

  .ig-grid .ig-col-lg-end-6 {
    grid-column-end: 7;
  }

  .ig-grid .ig-col-lg-7 {
    grid-column: auto / span 7;
  }

  .ig-grid .ig-col-lg-start-7 {
    grid-column-start: 7;
  }

  .ig-grid .ig-col-lg-end-7 {
    grid-column-end: 8;
  }

  .ig-grid .ig-col-lg-8 {
    grid-column: auto / span 8;
  }

  .ig-grid .ig-col-lg-start-8 {
    grid-column-start: 8;
  }

  .ig-grid .ig-col-lg-end-8 {
    grid-column-end: 9;
  }

  .ig-grid .ig-col-lg-9 {
    grid-column: auto / span 9;
  }

  .ig-grid .ig-col-lg-start-9 {
    grid-column-start: 9;
  }

  .ig-grid .ig-col-lg-end-9 {
    grid-column-end: 10;
  }

  .ig-grid .ig-col-lg-10 {
    grid-column: auto / span 10;
  }

  .ig-grid .ig-col-lg-start-10 {
    grid-column-start: 10;
  }

  .ig-grid .ig-col-lg-end-10 {
    grid-column-end: 11;
  }

  .ig-grid .ig-col-lg-11 {
    grid-column: auto / span 11;
  }

  .ig-grid .ig-col-lg-start-11 {
    grid-column-start: 11;
  }

  .ig-grid .ig-col-lg-end-11 {
    grid-column-end: 12;
  }

  .ig-grid .ig-col-lg-12 {
    grid-column: auto / span 12;
  }

  .ig-grid .ig-col-lg-start-12 {
    grid-column-start: 12;
  }

  .ig-grid .ig-col-lg-end-12 {
    grid-column-end: 13;
  }
}

@media (width >= 1200px) {
  .ig-grid .ig-col-xl-1 {
    grid-column: auto / span 1;
  }

  .ig-grid .ig-col-xl-start-1 {
    grid-column-start: 1;
  }

  .ig-grid .ig-col-xl-end-1 {
    grid-column-end: 2;
  }

  .ig-grid .ig-col-xl-2 {
    grid-column: auto / span 2;
  }

  .ig-grid .ig-col-xl-start-2 {
    grid-column-start: 2;
  }

  .ig-grid .ig-col-xl-end-2 {
    grid-column-end: 3;
  }

  .ig-grid .ig-col-xl-3 {
    grid-column: auto / span 3;
  }

  .ig-grid .ig-col-xl-start-3 {
    grid-column-start: 3;
  }

  .ig-grid .ig-col-xl-end-3 {
    grid-column-end: 4;
  }

  .ig-grid .ig-col-xl-4 {
    grid-column: auto / span 4;
  }

  .ig-grid .ig-col-xl-start-4 {
    grid-column-start: 4;
  }

  .ig-grid .ig-col-xl-end-4 {
    grid-column-end: 5;
  }

  .ig-grid .ig-col-xl-5 {
    grid-column: auto / span 5;
  }

  .ig-grid .ig-col-xl-start-5 {
    grid-column-start: 5;
  }

  .ig-grid .ig-col-xl-end-5 {
    grid-column-end: 6;
  }

  .ig-grid .ig-col-xl-6 {
    grid-column: auto / span 6;
  }

  .ig-grid .ig-col-xl-start-6 {
    grid-column-start: 6;
  }

  .ig-grid .ig-col-xl-end-6 {
    grid-column-end: 7;
  }

  .ig-grid .ig-col-xl-7 {
    grid-column: auto / span 7;
  }

  .ig-grid .ig-col-xl-start-7 {
    grid-column-start: 7;
  }

  .ig-grid .ig-col-xl-end-7 {
    grid-column-end: 8;
  }

  .ig-grid .ig-col-xl-8 {
    grid-column: auto / span 8;
  }

  .ig-grid .ig-col-xl-start-8 {
    grid-column-start: 8;
  }

  .ig-grid .ig-col-xl-end-8 {
    grid-column-end: 9;
  }

  .ig-grid .ig-col-xl-9 {
    grid-column: auto / span 9;
  }

  .ig-grid .ig-col-xl-start-9 {
    grid-column-start: 9;
  }

  .ig-grid .ig-col-xl-end-9 {
    grid-column-end: 10;
  }

  .ig-grid .ig-col-xl-10 {
    grid-column: auto / span 10;
  }

  .ig-grid .ig-col-xl-start-10 {
    grid-column-start: 10;
  }

  .ig-grid .ig-col-xl-end-10 {
    grid-column-end: 11;
  }

  .ig-grid .ig-col-xl-11 {
    grid-column: auto / span 11;
  }

  .ig-grid .ig-col-xl-start-11 {
    grid-column-start: 11;
  }

  .ig-grid .ig-col-xl-end-11 {
    grid-column-end: 12;
  }

  .ig-grid .ig-col-xl-12 {
    grid-column: auto / span 12;
  }

  .ig-grid .ig-col-xl-start-12 {
    grid-column-start: 12;
  }

  .ig-grid .ig-col-xl-end-12 {
    grid-column-end: 13;
  }
}

@media (width >= 1920px) {
  .ig-grid .ig-col-xxl-1 {
    grid-column: auto / span 1;
  }

  .ig-grid .ig-col-xxl-start-1 {
    grid-column-start: 1;
  }

  .ig-grid .ig-col-xxl-end-1 {
    grid-column-end: 2;
  }

  .ig-grid .ig-col-xxl-2 {
    grid-column: auto / span 2;
  }

  .ig-grid .ig-col-xxl-start-2 {
    grid-column-start: 2;
  }

  .ig-grid .ig-col-xxl-end-2 {
    grid-column-end: 3;
  }

  .ig-grid .ig-col-xxl-3 {
    grid-column: auto / span 3;
  }

  .ig-grid .ig-col-xxl-start-3 {
    grid-column-start: 3;
  }

  .ig-grid .ig-col-xxl-end-3 {
    grid-column-end: 4;
  }

  .ig-grid .ig-col-xxl-4 {
    grid-column: auto / span 4;
  }

  .ig-grid .ig-col-xxl-start-4 {
    grid-column-start: 4;
  }

  .ig-grid .ig-col-xxl-end-4 {
    grid-column-end: 5;
  }

  .ig-grid .ig-col-xxl-5 {
    grid-column: auto / span 5;
  }

  .ig-grid .ig-col-xxl-start-5 {
    grid-column-start: 5;
  }

  .ig-grid .ig-col-xxl-end-5 {
    grid-column-end: 6;
  }

  .ig-grid .ig-col-xxl-6 {
    grid-column: auto / span 6;
  }

  .ig-grid .ig-col-xxl-start-6 {
    grid-column-start: 6;
  }

  .ig-grid .ig-col-xxl-end-6 {
    grid-column-end: 7;
  }

  .ig-grid .ig-col-xxl-7 {
    grid-column: auto / span 7;
  }

  .ig-grid .ig-col-xxl-start-7 {
    grid-column-start: 7;
  }

  .ig-grid .ig-col-xxl-end-7 {
    grid-column-end: 8;
  }

  .ig-grid .ig-col-xxl-8 {
    grid-column: auto / span 8;
  }

  .ig-grid .ig-col-xxl-start-8 {
    grid-column-start: 8;
  }

  .ig-grid .ig-col-xxl-end-8 {
    grid-column-end: 9;
  }

  .ig-grid .ig-col-xxl-9 {
    grid-column: auto / span 9;
  }

  .ig-grid .ig-col-xxl-start-9 {
    grid-column-start: 9;
  }

  .ig-grid .ig-col-xxl-end-9 {
    grid-column-end: 10;
  }

  .ig-grid .ig-col-xxl-10 {
    grid-column: auto / span 10;
  }

  .ig-grid .ig-col-xxl-start-10 {
    grid-column-start: 10;
  }

  .ig-grid .ig-col-xxl-end-10 {
    grid-column-end: 11;
  }

  .ig-grid .ig-col-xxl-11 {
    grid-column: auto / span 11;
  }

  .ig-grid .ig-col-xxl-start-11 {
    grid-column-start: 11;
  }

  .ig-grid .ig-col-xxl-end-11 {
    grid-column-end: 12;
  }

  .ig-grid .ig-col-xxl-12 {
    grid-column: auto / span 12;
  }

  .ig-grid .ig-col-xxl-start-12 {
    grid-column-start: 12;
  }

  .ig-grid .ig-col-xxl-end-12 {
    grid-column-end: 13;
  }
}

.ig-form-group {
  --group-font: var(--ig-typography-body-medium-regular);
  --group-line-height: var(--ig-line-height-body);
  --group-padding-y: var(--ig-component-input-medium-vertical-padding);
  --group-padding-x: var(--ig-component-input-medium-horizontal-padding);
  --group-label-front-gap: var(--ig-component-input-medium-label-horizontal-gap);
  --group-label-front-width: 10.625rem;
  --group-feedback-gap: var(--ig-component-input-medium-gap);
  --group-feedback-icon-size: var(--ig-size-250);
  --group-input-group-text-padding-x: var(--ig-size-150);
  width: 100%;
  font: var(--group-font);
  gap: var(--ig-size-0);
  flex-direction: column;
  display: flex;
}

.ig-form-group--label-front {
  grid-template-columns: var(--group-label-front-width) 1fr;
  column-gap: var(--group-label-front-gap);
  grid-template-rows: auto auto;
  display: grid;
}

.ig-form-group--sm {
  --group-font: var(--ig-typography-body-small-regular);
  --group-line-height: var(--ig-line-height-body-small);
  --group-padding-y: var(--ig-component-input-small-vertical-padding);
  --group-padding-x: var(--ig-component-input-small-horizontal-padding);
  --group-label-front-gap: var(--ig-component-input-small-label-horizontal-gap);
  --group-label-front-width: 9.375rem;
  --group-feedback-gap: var(--ig-component-input-small-gap);
  --group-feedback-icon-size: var(--ig-size-200);
  --group-input-group-text-padding-x: var(--ig-size-100);
}

.ig-form-group--lg {
  --group-font: var(--ig-typography-body-large-regular);
  --group-line-height: var(--ig-line-height-body-large);
  --group-padding-y: var(--ig-component-input-large-vertical-padding);
  --group-padding-x: var(--ig-component-input-large-horizontal-padding);
  --group-label-front-gap: var(--ig-component-input-large-label-horizontal-gap);
  --group-label-front-width: 11.875rem;
  --group-feedback-gap: var(--ig-component-input-large-gap);
  --group-feedback-icon-size: var(--ig-size-300);
  --group-input-group-text-padding-x: var(--ig-size-200);
}

.ig-form-label {
  --ig-label-text: var(--ig-text-medium);
  --ig-label-required-text: var(--ig-text-danger);
  color: var(--ig-label-text);
  padding-bottom: var(--group-padding-y);
}

.ig-form-label--required:after {
  content: " *";
  color: var(--ig-label-required-text);
}

.ig-form-group--label-front .ig-form-label {
  text-align: end;
  width: auto;
  padding: var(--group-padding-y) var(--group-padding-x);
  grid-area: 1 / 1 / 2 / 2;
}

.ig-form-control {
  --ig-input-base-text-cursor: var(--ig-border-medium);
  --ig-input-base-border: var(--ig-border-medium);
  --ig-input-base-border-default-bottom: var(--ig-border-bold);
  --ig-input-base-border-active: var(--ig-input-base-border);
  --ig-input-base-border-active-bottom: var(--ig-border-secondary-bold);
  --ig-input-base-border-readonly: var(--ig-border-medium);
  --ig-input-base-border-plaintext: var(--ig-border-transparent);
  --ig-input-base-background: var(--ig-background-clear);
  --ig-input-base-background-active: var(--ig-input-base-background);
  --ig-input-base-background-readonly: var(--ig-background-subtle);
  --ig-input-base-background-plaintext: var(--ig-background-transparent-clear);
  --ig-input-base-text-placeholder: var(--ig-text-soft);
  --ig-input-base-text: var(--ig-text-bold);
  --ig-input-base-text-active: var(--ig-input-base-text);
  --ig-input-base-text-readonly: var(--ig-text-medium);
  --ig-input-base-text-counter: var(--ig-text-medium);
  --ig-input-base-danger-border: var(--ig-input-base-border);
  --ig-input-base-danger-border-default-bottom: var(--ig-border-danger-bold);
  --ig-input-base-danger-background: var(--ig-input-base-background);
  --ig-input-base-danger-text-placeholder: var(--ig-text-medium);
  --ig-input-base-danger-text: var(--ig-input-base-text);
  --ig-input-base-success-border: var(--ig-input-base-border);
  --ig-input-base-success-border-default-bottom: var(--ig-border-success-bold);
  --ig-input-base-success-background: var(--ig-input-base-background);
  --ig-input-base-success-text-placeholder: var(--ig-text-medium);
  --ig-input-base-success-text: var(--ig-input-base-text);
  --ig-input-base-warning-border: var(--ig-input-base-border);
  --ig-input-base-warning-border-default-bottom: var(--ig-border-warning-bold);
  --ig-input-base-warning-background: var(--ig-input-base-background);
  --ig-input-base-warning-text-placeholder: var(--ig-text-medium);
  --ig-input-base-warning-text-filled: var(--ig-input-base-text);
  --color: var(--ig-input-base-text-active);
  --placeholder-color: var(--ig-input-base-text-placeholder);
  --background: var(--ig-input-base-background);
  --border-color: var(--ig-input-base-border);
  --box-shadow-size: -1px;
  --box-shadow-color: var(--ig-input-base-border-default-bottom);
  --font: var(--group-font, var(--ig-typography-body-medium-regular));
  --line-height: var(--group-line-height, var(--ig-line-height-body));
  --padding-y: var(--group-padding-y, var(--ig-component-input-medium-vertical-padding));
  --padding-x: var(--group-padding-x, var(--ig-component-input-medium-horizontal-padding));
}

input.ig-form-control[type="text"], input.ig-form-control[type="email"], input.ig-form-control[type="number"], input.ig-form-control[type="tel"], input.ig-form-control[type="url"], input.ig-form-control[type="password"], input.ig-form-control[type="search"], textarea.ig-form-control {
  font: var(--font);
  color: var(--color);
  background: var(--background);
  border-radius: var(--ig-border-radius-input);
  border: var(--ig-border-width) solid var(--border-color);
  box-shadow: 0 var(--box-shadow-size) 0 0 var(--box-shadow-color) inset;
  padding: var(--padding-y) var(--padding-x);
  border-bottom-color: #0000;
}

input.ig-form-control[type="text"]::placeholder, input.ig-form-control[type="email"]::placeholder, input.ig-form-control[type="number"]::placeholder, input.ig-form-control[type="tel"]::placeholder, input.ig-form-control[type="url"]::placeholder, input.ig-form-control[type="password"]::placeholder, input.ig-form-control[type="search"]::placeholder, textarea.ig-form-control::placeholder {
  color: var(--placeholder-color);
}

input.ig-form-control[type="text"]:disabled, input.ig-form-control[type="text"].ig-form-control--disabled, input.ig-form-control[type="email"]:disabled, input.ig-form-control[type="email"].ig-form-control--disabled, input.ig-form-control[type="number"]:disabled, input.ig-form-control[type="number"].ig-form-control--disabled, input.ig-form-control[type="tel"]:disabled, input.ig-form-control[type="tel"].ig-form-control--disabled, input.ig-form-control[type="url"]:disabled, input.ig-form-control[type="url"].ig-form-control--disabled, input.ig-form-control[type="password"]:disabled, input.ig-form-control[type="password"].ig-form-control--disabled, input.ig-form-control[type="search"]:disabled, input.ig-form-control[type="search"].ig-form-control--disabled, textarea.ig-form-control:disabled, textarea.ig-form-control.ig-form-control--disabled {
  opacity: var(--ig-opacity-disabled);
  cursor: not-allowed;
}

input.ig-form-control[type="text"]:read-only, input.ig-form-control[type="text"].ig-form-control--readonly, input.ig-form-control[type="email"]:read-only, input.ig-form-control[type="email"].ig-form-control--readonly, input.ig-form-control[type="number"]:read-only, input.ig-form-control[type="number"].ig-form-control--readonly, input.ig-form-control[type="tel"]:read-only, input.ig-form-control[type="tel"].ig-form-control--readonly, input.ig-form-control[type="url"]:read-only, input.ig-form-control[type="url"].ig-form-control--readonly, input.ig-form-control[type="password"]:read-only, input.ig-form-control[type="password"].ig-form-control--readonly, input.ig-form-control[type="search"]:read-only, input.ig-form-control[type="search"].ig-form-control--readonly, textarea.ig-form-control:read-only, textarea.ig-form-control.ig-form-control--readonly {
  --color: var(--ig-input-base-text-readonly);
  --background: var(--ig-input-base-background-readonly);
  --border-color: var(--ig-input-base-border-readonly);
  user-select: none;
}

input.ig-form-control[type="text"].ig-form-control--plaintext, input.ig-form-control[type="email"].ig-form-control--plaintext, input.ig-form-control[type="number"].ig-form-control--plaintext, input.ig-form-control[type="tel"].ig-form-control--plaintext, input.ig-form-control[type="url"].ig-form-control--plaintext, input.ig-form-control[type="password"].ig-form-control--plaintext, input.ig-form-control[type="search"].ig-form-control--plaintext, textarea.ig-form-control.ig-form-control--plaintext {
  --color: var(--ig-input-base-default-text);
  --background: transparent;
  --border-color: var(--ig-input-base-border-plaintext);
  font-weight: var(--ig-font-weight-bold);
  box-shadow: none;
  cursor: default;
  padding-inline: 0;
}

input.ig-form-control[type="text"].ig-form-control--sm, input.ig-form-control[type="email"].ig-form-control--sm, input.ig-form-control[type="number"].ig-form-control--sm, input.ig-form-control[type="tel"].ig-form-control--sm, input.ig-form-control[type="url"].ig-form-control--sm, input.ig-form-control[type="password"].ig-form-control--sm, input.ig-form-control[type="search"].ig-form-control--sm, textarea.ig-form-control.ig-form-control--sm {
  --font: var(--ig-typography-body-small-regular);
  --line-height: var(--ig-line-height-body-small);
  --padding-y: var(--ig-component-input-small-vertical-padding);
  --padding-x: var(--ig-component-input-small-horizontal-padding);
}

input.ig-form-control[type="text"].ig-form-control--lg, input.ig-form-control[type="email"].ig-form-control--lg, input.ig-form-control[type="number"].ig-form-control--lg, input.ig-form-control[type="tel"].ig-form-control--lg, input.ig-form-control[type="url"].ig-form-control--lg, input.ig-form-control[type="password"].ig-form-control--lg, input.ig-form-control[type="search"].ig-form-control--lg, textarea.ig-form-control.ig-form-control--lg {
  --font: var(--ig-typography-body-large-regular);
  --line-height: var(--ig-line-height-body-large);
  --padding-y: var(--ig-component-input-large-vertical-padding);
  --padding-x: var(--ig-component-input-large-horizontal-padding);
}

input.ig-form-control[type="text"]:focus, input.ig-form-control[type="text"]:focus-visible, input.ig-form-control[type="email"]:focus, input.ig-form-control[type="email"]:focus-visible, input.ig-form-control[type="number"]:focus, input.ig-form-control[type="number"]:focus-visible, input.ig-form-control[type="tel"]:focus, input.ig-form-control[type="tel"]:focus-visible, input.ig-form-control[type="url"]:focus, input.ig-form-control[type="url"]:focus-visible, input.ig-form-control[type="password"]:focus, input.ig-form-control[type="password"]:focus-visible, input.ig-form-control[type="search"]:focus, input.ig-form-control[type="search"]:focus-visible, textarea.ig-form-control:focus, textarea.ig-form-control:focus-visible {
  outline: none;
}

input.ig-form-control[type="text"]:focus:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="text"]:focus-visible:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="email"]:focus:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="email"]:focus-visible:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="number"]:focus:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="number"]:focus-visible:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="tel"]:focus:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="tel"]:focus-visible:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="url"]:focus:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="url"]:focus-visible:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="password"]:focus:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="password"]:focus-visible:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="search"]:focus:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="search"]:focus-visible:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), textarea.ig-form-control:focus:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), textarea.ig-form-control:focus-visible:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext) {
  --box-shadow-color: var(--ig-input-base-border-active-bottom);
  --box-shadow-size: -2px;
}

input.ig-form-control[type="text"].ig-form-control--spinner, input.ig-form-control[type="email"].ig-form-control--spinner, input.ig-form-control[type="number"].ig-form-control--spinner, input.ig-form-control[type="tel"].ig-form-control--spinner, input.ig-form-control[type="url"].ig-form-control--spinner, input.ig-form-control[type="password"].ig-form-control--spinner, input.ig-form-control[type="search"].ig-form-control--spinner, textarea.ig-form-control.ig-form-control--spinner {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><style>.ig-spinner-animated{ transform-origin:center; animation:ig-spinner-animation .75s infinite linear}@keyframes ig-spinner-animation{100%{transform:rotate(360deg)}}</style><path d=\"M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24ZM4.8 24C4.8 34.6039 13.3961 43.2 24 43.2C34.6039 43.2 43.2 34.6039 43.2 24C43.2 13.3961 34.6039 4.8 24 4.8C13.3961 4.8 4.8 13.3961 4.8 24Z\" fill=\"%23FFE4D9\"/><path class=\"ig-spinner-animated\" d=\"M24 0C28.2129 5.02381e-08 32.3515 1.10895 36 3.21539C39.6485 5.32182 42.6782 8.35153 44.7846 12C46.891 15.6484 48 19.7871 48 24C48 28.2129 46.8911 32.3515 44.7846 36C42.6782 39.6484 39.6485 42.6781 36 44.7846C32.3516 46.891 28.2129 48 24 48C19.7871 48 15.6485 46.8911 12 44.7846C8.35159 42.6782 5.32187 39.6485 3.21542 36.0001L7.37234 33.6C9.0575 36.5188 11.4813 38.9426 14.4 40.6277C17.3188 42.3129 20.6297 43.2 24 43.2C27.3703 43.2 30.6813 42.3128 33.6 40.6277C36.5188 38.9425 38.9426 36.5187 40.6277 33.6C42.3128 30.6812 43.2 27.3703 43.2 24C43.2 20.6297 42.3128 17.3188 40.6277 14.4C38.9425 11.4812 36.5188 9.05746 33.6 7.37231C30.6812 5.68716 27.3703 4.8 24 4.8V0Z\" fill=\"%23DA3300\"/></svg>");
  background-position: right .25rem center, right 2.25rem center;
  background-repeat: no-repeat;
  background-origin: content-box;
}

input.ig-form-control[type="text"].ig-invalid, input.ig-form-control[type="email"].ig-invalid, input.ig-form-control[type="number"].ig-invalid, input.ig-form-control[type="tel"].ig-invalid, input.ig-form-control[type="url"].ig-invalid, input.ig-form-control[type="password"].ig-invalid, input.ig-form-control[type="search"].ig-invalid, textarea.ig-form-control.ig-invalid {
  --box-shadow-color: var(--ig-input-base-danger-border-default-bottom);
  --box-shadow-size: -2px;
}

input.ig-form-control[type="text"].ig-form-control--success, input.ig-form-control[type="email"].ig-form-control--success, input.ig-form-control[type="number"].ig-form-control--success, input.ig-form-control[type="tel"].ig-form-control--success, input.ig-form-control[type="url"].ig-form-control--success, input.ig-form-control[type="password"].ig-form-control--success, input.ig-form-control[type="search"].ig-form-control--success, textarea.ig-form-control.ig-form-control--success {
  --box-shadow-color: var(--ig-input-base-success-border-default-bottom);
  --box-shadow-size: -2px;
}

input.ig-form-control[type="text"].ig-form-control--danger, input.ig-form-control[type="email"].ig-form-control--danger, input.ig-form-control[type="number"].ig-form-control--danger, input.ig-form-control[type="tel"].ig-form-control--danger, input.ig-form-control[type="url"].ig-form-control--danger, input.ig-form-control[type="password"].ig-form-control--danger, input.ig-form-control[type="search"].ig-form-control--danger, textarea.ig-form-control.ig-form-control--danger {
  --box-shadow-color: var(--ig-input-base-danger-border-default-bottom);
  --box-shadow-size: -2px;
}

input.ig-form-control[type="text"].ig-form-control--warning, input.ig-form-control[type="email"].ig-form-control--warning, input.ig-form-control[type="number"].ig-form-control--warning, input.ig-form-control[type="tel"].ig-form-control--warning, input.ig-form-control[type="url"].ig-form-control--warning, input.ig-form-control[type="password"].ig-form-control--warning, input.ig-form-control[type="search"].ig-form-control--warning, textarea.ig-form-control.ig-form-control--warning {
  --box-shadow-color: var(--ig-input-base-warning-border-default-bottom);
  --box-shadow-size: -2px;
}

textarea.ig-form-control {
  min-height: var(--ig-size-1000);
  resize: vertical;
}

input.ig-form-control[type="color"], input.ig-form-control[type="file"] {
  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--ig-border-radius-input);
  border: var(--ig-border-width) solid var(--border-color);
  box-shadow: 0 var(--box-shadow-size) 0 0 var(--box-shadow-color) inset;
  color: var(--color);
  background: var(--background);
  font: var(--font);
  border-bottom-color: #0000;
}

input.ig-form-control[type="color"]:focus, input.ig-form-control[type="color"]:focus-visible, input.ig-form-control[type="file"]:focus, input.ig-form-control[type="file"]:focus-visible {
  outline: none;
}

input.ig-form-control[type="color"]:focus:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="color"]:focus-visible:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="file"]:focus:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext), input.ig-form-control[type="file"]:focus-visible:not(:read-only, .ig-form-control--readonly, .ig-form-control--plaintext) {
  --box-shadow-color: var(--ig-input-base-border-active-bottom);
  --box-shadow-size: -2px;
}

input.ig-form-control[type="color"] {
  padding: var(--ig-size-025);
}

input.ig-form-control[type="color"]::-webkit-color-swatch {
  border-radius: var(--ig-border-radius-input);
}

input.ig-form-control[type="file"] {
  overflow: hidden;
}

input.ig-form-control[type="file"]::file-selector-button {
  padding: var(--padding-y) var(--padding-x);
  margin: calc(-1 * var(--padding-y)) calc(-1 * var(--padding-x));
  color: var(--ig-text-bold);
  background: var(--ig-background-transparent-subtle);
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  border-inline-end-width: 1px;
  border-radius: 0;
  margin-inline-end: var(--padding-x);
}

input.ig-form-control[type="file"]:hover:not(:disabled, [readonly])::file-selector-button {
  background: var(--ig-background-transparent-subtle-hover);
}

input.ig-form-control[type="file"].ig-form-control--sm {
  --font: var(--ig-typography-body-small-regular);
  --line-height: var(--ig-line-height-body-small);
  --padding-y: var(--ig-component-input-small-vertical-padding);
  --padding-x: var(--ig-component-input-small-horizontal-padding);
}

input.ig-form-control[type="file"].ig-form-control--lg {
  --font: var(--ig-typography-body-large-regular);
  --line-height: var(--ig-line-height-body-large);
  --padding-y: var(--ig-component-input-large-vertical-padding);
  --padding-x: var(--ig-component-input-large-horizontal-padding);
}

.ig-form-validation input.ig-form-control[type="text"]:invalid, .ig-form-validation input.ig-form-control[type="email"]:invalid, .ig-form-validation input.ig-form-control[type="number"]:invalid, .ig-form-validation input.ig-form-control[type="tel"]:invalid, .ig-form-validation input.ig-form-control[type="url"]:invalid, .ig-form-validation input.ig-form-control[type="password"]:invalid, .ig-form-validation input.ig-form-control[type="search"]:invalid, .ig-form-validation textarea.ig-form-control:invalid {
  --box-shadow-color: var(--ig-input-base-danger-border-default-bottom);
  --box-shadow-size: -2px;
}

.ig-form-user-validation input.ig-form-control[type="text"]:user-invalid, .ig-form-user-validation input.ig-form-control[type="email"]:user-invalid, .ig-form-user-validation input.ig-form-control[type="number"]:user-invalid, .ig-form-user-validation input.ig-form-control[type="tel"]:user-invalid, .ig-form-user-validation input.ig-form-control[type="url"]:user-invalid, .ig-form-user-validation input.ig-form-control[type="password"]:user-invalid, .ig-form-user-validation input.ig-form-control[type="search"]:user-invalid, .ig-form-user-validation textarea.ig-form-control:user-invalid {
  --box-shadow-color: var(--ig-input-base-danger-border-default-bottom);
  --box-shadow-size: -2px;
}

[data-theme="dark"] input.ig-form-control[type="text"].ig-form-control--spinner, [data-theme="dark"] input.ig-form-control[type="email"].ig-form-control--spinner, [data-theme="dark"] input.ig-form-control[type="number"].ig-form-control--spinner, [data-theme="dark"] input.ig-form-control[type="tel"].ig-form-control--spinner, [data-theme="dark"] input.ig-form-control[type="url"].ig-form-control--spinner, [data-theme="dark"] input.ig-form-control[type="password"].ig-form-control--spinner, [data-theme="dark"] input.ig-form-control[type="search"].ig-form-control--spinner, [data-theme="dark"] textarea.ig-form-control.ig-form-control--spinner {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><style>.ig-spinner-animated{ transform-origin:center; animation:ig-spinner-animation .75s infinite linear}@keyframes ig-spinner-animation{100%{transform:rotate(360deg)}}</style><path d=\"M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24ZM4.8 24C4.8 34.6039 13.3961 43.2 24 43.2C34.6039 43.2 43.2 34.6039 43.2 24C43.2 13.3961 34.6039 4.8 24 4.8C13.3961 4.8 4.8 13.3961 4.8 24Z\" fill=\"%23520000\"/><path class=\"ig-spinner-animated\" d=\"M24 0C28.2129 5.02381e-08 32.3515 1.10895 36 3.21539C39.6485 5.32182 42.6782 8.35153 44.7846 12C46.891 15.6484 48 19.7871 48 24C48 28.2129 46.8911 32.3515 44.7846 36C42.6782 39.6484 39.6485 42.6781 36 44.7846C32.3516 46.891 28.2129 48 24 48C19.7871 48 15.6485 46.8911 12 44.7846C8.35159 42.6782 5.32187 39.6485 3.21542 36.0001L7.37234 33.6C9.0575 36.5188 11.4813 38.9426 14.4 40.6277C17.3188 42.3129 20.6297 43.2 24 43.2C27.3703 43.2 30.6813 42.3128 33.6 40.6277C36.5188 38.9425 38.9426 36.5187 40.6277 33.6C42.3128 30.6812 43.2 27.3703 43.2 24C43.2 20.6297 42.3128 17.3188 40.6277 14.4C38.9425 11.4812 36.5188 9.05746 33.6 7.37231C30.6812 5.68716 27.3703 4.8 24 4.8V0Z\" fill=\"%23ff9b7d\"/></svg>");
}

.ig-form-feedback {
  --color: var(--ig-text-medium);
  --icon-color: var(--ig-text-medium);
  gap: var(--group-feedback-gap);
  margin-top: var(--group-feedback-gap);
  color: var(--color);
  align-items: center;
  display: flex;
}

.ig-form-feedback:before {
  font-variant: normal;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-style: normal;
  line-height: 0;
  font-size: var(--group-feedback-icon-size);
  color: var(--icon-color);
  display: inline-block;
  font-family: ignite-icons !important;
  font-weight: normal !important;
}

.ig-form-feedback--success {
  --color: var(--ig-text-success);
}

.ig-form-feedback--success:before {
  --icon-color: var(--ig-icon-success);
  content: "";
}

.ig-form-feedback--danger {
  --color: var(--ig-text-danger);
}

.ig-form-feedback--danger:before {
  --icon-color: var(--ig-icon-danger);
  content: "";
}

.ig-form-feedback--warning {
  --color: var(--ig-text-warning);
}

.ig-form-feedback--warning:before {
  --icon-color: var(--ig-icon-warning);
  content: "";
}

.ig-form-group--label-front .ig-form-feedback {
  grid-column: 2 / 3;
}

.ig-checkbox, .ig-form-control[type="checkbox"]:not([role="switch"]) {
  --ig-checkbox-unchecked-background: var(--ig-background-clear);
  --ig-checkbox-unchecked-background-hover: var(--ig-background-clear);
  --ig-checkbox-unchecked-background-pressed: var(--ig-background-clear);
  --ig-checkbox-unchecked-background-read-only: var(--ig-background-subtle);
  --ig-checkbox-unchecked-border: var(--ig-border-bold);
  --ig-checkbox-unchecked-border-hover: var(--ig-border-bold);
  --ig-checkbox-unchecked-border-pressed: var(--ig-border-medium);
  --ig-checkbox-unchecked-border-read-only: var(--ig-border-medium);
  --ig-checkbox-checked-background: var(--ig-background-secondary-bold);
  --ig-checkbox-checked-background-hover: var(--ig-background-secondary-bold-hover);
  --ig-checkbox-checked-background-pressed: var(--ig-background-secondary-bold-pressed);
  --ig-checkbox-checked-background-read-only: var(--ig-background-subtle);
  --ig-checkbox-checked-border: var(--ig-border-secondary-bold);
  --ig-checkbox-checked-border-hover: var(--ig-border-secondary-bold-hover);
  --ig-checkbox-checked-border-pressed: var(--ig-border-secondary-bold-pressed);
  --ig-checkbox-checked-border-read-only: var(--ig-border-medium);
  --ig-checkbox-checked-indicator: var(--ig-background-clear);
  --ig-checkbox-checked-indicator-hover: var(--ig-background-clear);
  --ig-checkbox-checked-indicator-pressed: var(--ig-background-clear);
  --ig-checkbox-checked-indicator-read-only: var(--ig-background-secondary-bold);
  --ig-checkbox-indeterminate-background: var(--ig-background-secondary-bold);
  --ig-checkbox-indeterminate-background-hover: var(--ig-background-secondary-bold-hover);
  --ig-checkbox-indeterminate-background-pressed: var(--ig-background-secondary-bold-pressed);
  --ig-checkbox-indeterminate-background-read-only: var(--ig-background-subtle);
  --ig-checkbox-indeterminate-border: var(--ig-border-secondary-bold);
  --ig-checkbox-indeterminate-border-hover: var(--ig-border-secondary-bold-hover);
  --ig-checkbox-indeterminate-border-pressed: var(--ig-border-secondary-bold-pressed);
  --ig-checkbox-indeterminate-border-read-only: var(--ig-border-medium);
  --ig-checkbox-indeterminate-indicator: var(--ig-background-clear);
  --ig-checkbox-indeterminate-indicator-hover: var(--ig-background-clear);
  --ig-checkbox-indeterminate-indicator-pressed: var(--ig-background-clear);
  --ig-checkbox-indeterminate-indicator-read-only: var(--ig-background-secondary-bold);
  --ig-checkbox-danger-unchecked-background: var(--ig-background-danger-soft);
  --ig-checkbox-danger-unchecked-background-hover: var(--ig-background-danger-soft);
  --ig-checkbox-danger-unchecked-background-pressed: var(--ig-background-danger-soft);
  --ig-checkbox-danger-unchecked-border: var(--ig-border-danger-bold);
  --ig-checkbox-danger-unchecked-border-hover: var(--ig-border-danger-soft);
  --ig-checkbox-danger-unchecked-border-pressed: var(--ig-background-danger-bold-pressed);
  --ig-checkbox-danger-checked-background: var(--ig-background-danger-soft);
  --ig-checkbox-danger-checked-background-hover: var(--ig-background-danger-soft);
  --ig-checkbox-danger-checked-background-pressed: var(--ig-background-danger-soft);
  --ig-checkbox-danger-checked-border: var(--ig-border-danger-bold);
  --ig-checkbox-danger-checked-border-hover: var(--ig-border-danger-soft);
  --ig-checkbox-danger-checked-border-pressed: var(--ig-background-danger-bold-pressed);
  --ig-checkbox-danger-checked-indicator: var(--ig-background-danger-bold);
  --ig-checkbox-danger-checked-indicator-hover: var(--ig-background-danger-bold-hover);
  --ig-checkbox-danger-checked-indicator-pressed: var(--ig-background-danger-bold-pressed);
  --ig-checkbox-text: var(--ig-text-bold);
  --ig-checkbox-text-readonly: var(--ig-text-medium);
  --ig-checkbox-text-danger: var(--ig-text-bold);
  --ig-form-switch-size: var(--ig-size-200);
  --ig-form-switch-border: var(--ig-checkbox-unchecked-border);
  --ig-form-switch-background: var(--ig-checkbox-unchecked-background);
  --ig-form-switch-indicator: var(--ig-checkbox-checked-indicator);
  appearance: none;
  width: var(--ig-form-switch-size);
  height: var(--ig-form-switch-size);
  position: relative;
}

.ig-checkbox + label, .ig-form-control[type="checkbox"]:not([role="switch"]) + label {
  --ig-checkbox-text: var(--ig-text-bold);
  --ig-checkbox-text-readonly: var(--ig-text-medium);
  --ig-checkbox-text-danger: var(--ig-text-bold);
  color: var(--ig-checkbox-text);
  user-select: none;
  text-box-trim: trim-end;
}

.ig-checkbox:before, .ig-form-control[type="checkbox"]:not([role="switch"]):before, .ig-checkbox:after, .ig-form-control[type="checkbox"]:not([role="switch"]):after {
  content: "";
  position: absolute;
  inset: 0;
}

.ig-checkbox:disabled:not([readonly]), .ig-form-control[type="checkbox"]:not([role="switch"]):disabled:not([readonly]), .ig-checkbox:disabled:not([readonly]) + label, .ig-form-control[type="checkbox"]:not([role="switch"]):disabled:not([readonly]) + label {
  opacity: var(--ig-opacity-disabled);
  cursor: not-allowed;
}

.ig-checkbox:not(:disabled), .ig-form-control[type="checkbox"]:not([role="switch"]):not(:disabled) {
  cursor: pointer;
}

.ig-checkbox:hover:not(:disabled), .ig-form-control[type="checkbox"]:not([role="switch"]):hover:not(:disabled) {
  --ig-form-switch-border: var(--ig-checkbox-unchecked-border-hover);
  --ig-form-switch-background: var(--ig-checkbox-unchecked-background-hover);
}

.ig-checkbox:hover:not(:disabled):before, .ig-form-control[type="checkbox"]:not([role="switch"]):hover:not(:disabled):before {
  box-shadow: var(--ig-elevation-level-2);
}

.ig-checkbox:active:not(:disabled), .ig-form-control[type="checkbox"]:not([role="switch"]):active:not(:disabled) {
  --ig-form-switch-border: var(--ig-checkbox-unchecked-border-pressed);
  --ig-form-switch-background: var(--ig-checkbox-unchecked-background-pressed);
}

.ig-checkbox[readonly], .ig-form-control[type="checkbox"]:not([role="switch"])[readonly] {
  --ig-form-switch-border: var(--ig-checkbox-unchecked-border-read-only);
  --ig-form-switch-background: var(--ig-checkbox-unchecked-background-read-only);
}

.ig-checkbox[readonly] + label, .ig-form-control[type="checkbox"]:not([role="switch"])[readonly] + label {
  color: var(--ig-checkbox-text-readonly);
}

.ig-checkbox:checked, .ig-form-control[type="checkbox"]:not([role="switch"]):checked {
  --ig-form-switch-border: var(--ig-checkbox-checked-border);
  --ig-form-switch-background: var(--ig-checkbox-checked-background);
}

.ig-checkbox:checked:hover:not(:disabled), .ig-form-control[type="checkbox"]:not([role="switch"]):checked:hover:not(:disabled) {
  --ig-form-switch-border: var(--ig-checkbox-checked-border-hover);
  --ig-form-switch-background: var(--ig-checkbox-checked-background-hover);
  --ig-form-switch-indicator: var(--ig-checkbox-checked-indicator-hover);
}

.ig-checkbox:checked:active:not(:disabled), .ig-form-control[type="checkbox"]:not([role="switch"]):checked:active:not(:disabled) {
  --ig-form-switch-border: var(--ig-checkbox-checked-border-pressed);
  --ig-form-switch-background: var(--ig-checkbox-checked-background-pressed);
  --ig-form-switch-indicator: var(--ig-checkbox-checked-indicator-pressed);
}

.ig-checkbox:checked[readonly], .ig-form-control[type="checkbox"]:not([role="switch"]):checked[readonly] {
  --ig-form-switch-border: var(--ig-checkbox-checked-border-read-only);
  --ig-form-switch-background: var(--ig-checkbox-checked-background-read-only);
  --ig-form-switch-indicator: var(--ig-checkbox-checked-indicator-read-only);
}

.ig-checkbox:before, .ig-form-control[type="checkbox"]:not([role="switch"]):before {
  border-radius: var(--ig-border-radius-small);
  border: 1px solid var(--ig-form-switch-border);
  background: var(--ig-form-switch-background);
}

.ig-checkbox:after, .ig-form-control[type="checkbox"]:not([role="switch"]):after {
  width: 0;
  height: 0;
  margin: 50%;
}

.ig-checkbox:checked:after, .ig-form-control[type="checkbox"]:not([role="switch"]):checked:after {
  border-left: solid 2px var(--ig-form-switch-indicator);
  border-bottom: solid 2px var(--ig-form-switch-indicator);
  width: 65%;
  height: 40%;
  margin: 20%;
  transform: rotate(-45deg);
}

.ig-checkbox:indeterminate, .ig-form-control[type="checkbox"]:not([role="switch"]):indeterminate {
  --ig-form-switch-border: var(--ig-checkbox-indeterminate-border);
  --ig-form-switch-background: var(--ig-checkbox-indeterminate-background);
}

.ig-checkbox:indeterminate:after, .ig-form-control[type="checkbox"]:not([role="switch"]):indeterminate:after {
  border-bottom: solid 2px var(--ig-form-switch-indicator);
  width: 70%;
  height: 0;
  margin: calc(50% - 1px) 15%;
}

.ig-checkbox:indeterminate:hover:not(:disabled), .ig-form-control[type="checkbox"]:not([role="switch"]):indeterminate:hover:not(:disabled) {
  --ig-form-switch-border: var(--ig-checkbox-indeterminate-border-hover);
  --ig-form-switch-background: var(--ig-checkbox-indeterminate-background-hover);
  --ig-form-switch-indicator: var(--ig-checkbox-indeterminate-indicator-hover);
}

.ig-checkbox:indeterminate:active:not(:disabled), .ig-form-control[type="checkbox"]:not([role="switch"]):indeterminate:active:not(:disabled) {
  --ig-form-switch-border: var(--ig-checkbox-indeterminate-border-pressed);
  --ig-form-switch-background: var(--ig-checkbox-indeterminate-background-pressed);
  --ig-form-switch-indicator: var(--ig-checkbox-indeterminate-indicator-pressed);
}

.ig-checkbox:indeterminate[readonly], .ig-form-control[type="checkbox"]:not([role="switch"]):indeterminate[readonly] {
  --ig-form-switch-border: var(--ig-checkbox-indeterminate-border-read-only);
  --ig-form-switch-background: var(--ig-checkbox-indeterminate-background-read-only);
  --ig-form-switch-indicator: var(--ig-checkbox-indeterminate-indicator-read-only);
}

.ig-checkbox.ig-invalid:not(:checked, :indeterminate), .ig-form-control[type="checkbox"]:not([role="switch"]).ig-invalid:not(:checked, :indeterminate) {
  --ig-form-switch-border: var(--ig-checkbox-danger-unchecked-border);
  --ig-form-switch-background: var(--ig-checkbox-danger-unchecked-background);
  --ig-form-switch-indicator: var(--ig-checkbox-danger-unchecked-background);
}

.ig-checkbox.ig-invalid:not(:checked, :indeterminate) + label, .ig-form-control[type="checkbox"]:not([role="switch"]).ig-invalid:not(:checked, :indeterminate) + label {
  color: var(--ig-checkbox-text-danger);
}

.ig-checkbox.ig-invalid:not(:checked, :indeterminate):hover:not(:disabled), .ig-form-control[type="checkbox"]:not([role="switch"]).ig-invalid:not(:checked, :indeterminate):hover:not(:disabled) {
  --ig-form-switch-border: var(--ig-checkbox-danger-unchecked-border-hover);
  --ig-form-switch-background: var(--ig-checkbox-danger-unchecked-background-hover);
}

.ig-checkbox.ig-invalid:not(:checked, :indeterminate):active:not(:disabled), .ig-form-control[type="checkbox"]:not([role="switch"]).ig-invalid:not(:checked, :indeterminate):active:not(:disabled) {
  --ig-form-switch-border: var(--ig-checkbox-danger-unchecked-border-pressed);
  --ig-form-switch-background: var(--ig-checkbox-danger-unchecked-background-pressed);
}

@media (prefers-reduced-motion: no-preference) {
  .ig-checkbox:after, .ig-form-control[type="checkbox"]:not([role="switch"]):after {
    transition: width var(--ig-transition-duration) ease-in-out, height var(--ig-transition-duration) ease-in-out, margin var(--ig-transition-duration) ease-in-out, transform var(--ig-transition-duration) ease-in-out;
  }
}

.ig-form-validation .ig-checkbox:invalid, .ig-form-validation .ig-form-control[type="checkbox"]:invalid, .ig-form-user-validation .ig-checkbox:user-invalid, .ig-form-user-validation .ig-form-control[type="checkbox"]:user-invalid {
  --ig-form-switch-border: var(--ig-checkbox-danger-unchecked-border);
  --ig-form-switch-background: var(--ig-checkbox-danger-unchecked-background);
  --ig-form-switch-indicator: var(--ig-checkbox-danger-unchecked-background);
}

.ig-form-validation .ig-checkbox:invalid + label, .ig-form-validation .ig-form-control[type="checkbox"]:invalid + label, .ig-form-user-validation .ig-checkbox:user-invalid + label, .ig-form-user-validation .ig-form-control[type="checkbox"]:user-invalid + label {
  color: var(--ig-checkbox-text-danger);
}

.ig-form-validation .ig-checkbox:invalid:hover:not(:disabled), .ig-form-validation .ig-form-control[type="checkbox"]:invalid:hover:not(:disabled), .ig-form-user-validation .ig-checkbox:user-invalid:hover:not(:disabled), .ig-form-user-validation .ig-form-control[type="checkbox"]:user-invalid:hover:not(:disabled) {
  --ig-form-switch-border: var(--ig-checkbox-danger-unchecked-border-hover);
  --ig-form-switch-background: var(--ig-checkbox-danger-unchecked-background-hover);
}

.ig-form-validation .ig-checkbox:invalid:active:not(:disabled), .ig-form-validation .ig-form-control[type="checkbox"]:invalid:active:not(:disabled), .ig-form-user-validation .ig-checkbox:user-invalid:active:not(:disabled), .ig-form-user-validation .ig-form-control[type="checkbox"]:user-invalid:active:not(:disabled) {
  --ig-form-switch-border: var(--ig-checkbox-danger-unchecked-border-pressed);
  --ig-form-switch-background: var(--ig-checkbox-danger-unchecked-background-pressed);
}

.ig-checkbox-group {
  gap: var(--ig-size-050) var(--ig-size-150);
  grid-template-columns: max-content max-content;
  align-items: center;
  display: grid;
}

.ig-form-group--label-front .ig-checkbox-group {
  padding-block: var(--group-padding-y);
}

.ig-radio, .ig-form-control[type="radio"] {
  --ig-radio-unchecked-background: var(--ig-background-clear);
  --ig-radio-unchecked-background-hover: var(--ig-background-clear);
  --ig-radio-unchecked-background-pressed: var(--ig-background-clear);
  --ig-radio-unchecked-background-read-only: var(--ig-background-subtle);
  --ig-radio-unchecked-border: var(--ig-border-bold);
  --ig-radio-unchecked-border-hover: var(--ig-border-bold);
  --ig-radio-unchecked-border-pressed: var(--ig-border-medium);
  --ig-radio-unchecked-border-read-only: var(--ig-border-medium);
  --ig-radio-checked-background: var(--ig-background-secondary-bold);
  --ig-radio-checked-background-hover: var(--ig-background-secondary-bold-hover);
  --ig-radio-checked-background-pressed: var(--ig-background-secondary-bold-pressed);
  --ig-radio-checked-background-read-only: var(--ig-background-subtle);
  --ig-radio-checked-border: var(--ig-border-secondary-bold);
  --ig-radio-checked-border-hover: var(--ig-border-secondary-bold-hover);
  --ig-radio-checked-border-pressed: var(--ig-border-secondary-bold-pressed);
  --ig-radio-checked-border-read-only: var(--ig-border-medium);
  --ig-radio-checked-indicator: var(--ig-background-clear);
  --ig-radio-checked-indicator-hover: var(--ig-background-clear);
  --ig-radio-checked-indicator-pressed: var(--ig-background-clear);
  --ig-radio-checked-indicator-read-only: var(--ig-background-secondary-bold);
  --ig-radio-danger-unchecked-background: var(--ig-background-danger-soft);
  --ig-radio-danger-unchecked-background-hover: var(--ig-background-danger-soft);
  --ig-radio-danger-unchecked-background-pressed: var(--ig-background-danger-soft);
  --ig-radio-danger-unchecked-border: var(--ig-border-danger-bold);
  --ig-radio-danger-unchecked-border-hover: var(--ig-border-danger-soft);
  --ig-radio-danger-unchecked-border-pressed: var(--ig-background-danger-bold-pressed);
  --ig-radio-danger-checked-background: var(--ig-background-danger-soft);
  --ig-radio-danger-checked-background-hover: var(--ig-background-danger-soft);
  --ig-radio-danger-checked-background-pressed: var(--ig-background-danger-soft);
  --ig-radio-danger-checked-border: var(--ig-border-danger-bold);
  --ig-radio-danger-checked-border-hover: var(--ig-border-danger-soft);
  --ig-radio-danger-checked-border-pressed: var(--ig-background-danger-bold-pressed);
  --ig-radio-danger-checked-indicator: var(--ig-background-danger-bold);
  --ig-radio-danger-checked-indicator-hover: var(--ig-background-danger-bold-hover);
  --ig-radio-danger-checked-indicator-pressed: var(--ig-background-danger-bold-pressed);
  --ig-radio-text: var(--ig-text-bold);
  --ig-radio-text-readonly: var(--ig-text-medium);
  --ig-radio-text-danger: var(--ig-text-bold);
  --ig-form-switch-size: var(--ig-size-200);
  --ig-form-switch-border: var(--ig-radio-unchecked-border);
  --ig-form-switch-background: var(--ig-radio-unchecked-background);
  --ig-form-switch-indicator: var(--ig-radio-checked-indicator);
  appearance: none;
  width: var(--ig-form-switch-size);
  height: var(--ig-form-switch-size);
  position: relative;
}

.ig-radio + label, .ig-form-control[type="radio"] + label {
  --ig-radio-text: var(--ig-text-bold);
  --ig-radio-text-readonly: var(--ig-text-medium);
  --ig-radio-text-danger: var(--ig-text-bold);
  color: var(--ig-radio-text);
  user-select: none;
  text-box-trim: trim-end;
}

.ig-radio:before, .ig-form-control[type="radio"]:before, .ig-radio:after, .ig-form-control[type="radio"]:after {
  content: "";
  position: absolute;
  inset: 0;
}

.ig-radio:disabled:not([readonly]), .ig-form-control[type="radio"]:disabled:not([readonly]), .ig-radio:disabled:not([readonly]) + label, .ig-form-control[type="radio"]:disabled:not([readonly]) + label {
  opacity: var(--ig-opacity-disabled);
  cursor: not-allowed;
}

.ig-radio:not(:disabled), .ig-form-control[type="radio"]:not(:disabled) {
  cursor: pointer;
}

.ig-radio:hover:not(:disabled), .ig-form-control[type="radio"]:hover:not(:disabled) {
  --ig-form-switch-border: var(--ig-radio-unchecked-border-hover);
  --ig-form-switch-background: var(--ig-radio-unchecked-background-hover);
}

.ig-radio:hover:not(:disabled):before, .ig-form-control[type="radio"]:hover:not(:disabled):before {
  box-shadow: var(--ig-elevation-level-2);
}

.ig-radio:active:not(:disabled), .ig-form-control[type="radio"]:active:not(:disabled) {
  --ig-form-switch-border: var(--ig-radio-unchecked-border-pressed);
  --ig-form-switch-background: var(--ig-radio-unchecked-background-pressed);
}

.ig-radio[readonly], .ig-form-control[type="radio"][readonly] {
  --ig-form-switch-border: var(--ig-radio-unchecked-border-read-only);
  --ig-form-switch-background: var(--ig-radio-unchecked-background-read-only);
}

.ig-radio[readonly] + label, .ig-form-control[type="radio"][readonly] + label {
  color: var(--ig-radio-text-readonly);
}

.ig-radio:checked, .ig-form-control[type="radio"]:checked {
  --ig-form-switch-border: var(--ig-radio-checked-border);
  --ig-form-switch-background: var(--ig-radio-checked-background);
}

.ig-radio:checked:hover:not(:disabled), .ig-form-control[type="radio"]:checked:hover:not(:disabled) {
  --ig-form-switch-border: var(--ig-radio-checked-border-hover);
  --ig-form-switch-background: var(--ig-radio-checked-background-hover);
  --ig-form-switch-indicator: var(--ig-radio-checked-indicator-hover);
}

.ig-radio:checked:active:not(:disabled), .ig-form-control[type="radio"]:checked:active:not(:disabled) {
  --ig-form-switch-border: var(--ig-radio-checked-border-pressed);
  --ig-form-switch-background: var(--ig-radio-checked-background-pressed);
  --ig-form-switch-indicator: var(--ig-radio-checked-indicator-pressed);
}

.ig-radio:checked[readonly], .ig-form-control[type="radio"]:checked[readonly] {
  --ig-form-switch-border: var(--ig-radio-checked-border-read-only);
  --ig-form-switch-background: var(--ig-radio-checked-background-read-only);
  --ig-form-switch-indicator: var(--ig-radio-checked-indicator-read-only);
}

.ig-radio:before, .ig-form-control[type="radio"]:before {
  border: 1px solid var(--ig-form-switch-border);
  background: var(--ig-form-switch-indicator);
  border-radius: 50%;
}

.ig-radio:after, .ig-form-control[type="radio"]:after {
  border-radius: 50%;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
}

.ig-radio:checked:after, .ig-form-control[type="radio"]:checked:after {
  background: var(--ig-form-switch-background);
  width: 50%;
  height: 50%;
  margin: 25%;
}

.ig-radio.ig-invalid:not(:checked), .ig-form-control[type="radio"].ig-invalid:not(:checked) {
  --ig-form-switch-border: var(--ig-radio-danger-unchecked-border);
  --ig-form-switch-background: var(--ig-radio-danger-unchecked-background);
  --ig-form-switch-indicator: var(--ig-radio-danger-unchecked-background);
}

.ig-radio.ig-invalid:not(:checked) + label, .ig-form-control[type="radio"].ig-invalid:not(:checked) + label {
  color: var(--ig-radio-text-danger);
}

.ig-radio.ig-invalid:not(:checked):hover:not(:disabled), .ig-form-control[type="radio"].ig-invalid:not(:checked):hover:not(:disabled) {
  --ig-form-switch-border: var(--ig-radio-danger-unchecked-border-hover);
  --ig-form-switch-background: var(--ig-radio-danger-unchecked-background-hover);
}

.ig-radio.ig-invalid:not(:checked):active:not(:disabled), .ig-form-control[type="radio"].ig-invalid:not(:checked):active:not(:disabled) {
  --ig-form-switch-border: var(--ig-radio-danger-unchecked-border-pressed);
  --ig-form-switch-background: var(--ig-radio-danger-unchecked-background-pressed);
}

@media (prefers-reduced-motion: no-preference) {
  .ig-radio:after, .ig-form-control[type="radio"]:after {
    transition: width var(--ig-transition-duration) ease-in-out, height var(--ig-transition-duration) ease-in-out, margin var(--ig-transition-duration) ease-in-out;
  }
}

.ig-form-validation .ig-radio:invalid, .ig-form-validation .ig-form-control[type="radio"]:invalid, .ig-form-user-validation .ig-radio:user-invalid, .ig-form-user-validation .ig-form-control[type="radio"]:user-invalid {
  --ig-form-switch-border: var(--ig-radio-danger-unchecked-border);
  --ig-form-switch-background: var(--ig-radio-danger-unchecked-background);
  --ig-form-switch-indicator: var(--ig-radio-danger-unchecked-background);
}

.ig-form-validation .ig-radio:invalid + label, .ig-form-validation .ig-form-control[type="radio"]:invalid + label, .ig-form-user-validation .ig-radio:user-invalid + label, .ig-form-user-validation .ig-form-control[type="radio"]:user-invalid + label {
  color: var(--ig-radio-text-danger);
}

.ig-form-validation .ig-radio:invalid:hover:not(:disabled), .ig-form-validation .ig-form-control[type="radio"]:invalid:hover:not(:disabled), .ig-form-user-validation .ig-radio:user-invalid:hover:not(:disabled), .ig-form-user-validation .ig-form-control[type="radio"]:user-invalid:hover:not(:disabled) {
  --ig-form-switch-border: var(--ig-radio-danger-unchecked-border-hover);
  --ig-form-switch-background: var(--ig-radio-danger-unchecked-background-hover);
}

.ig-form-validation .ig-radio:invalid:active:not(:disabled), .ig-form-validation .ig-form-control[type="radio"]:invalid:active:not(:disabled), .ig-form-user-validation .ig-radio:user-invalid:active:not(:disabled), .ig-form-user-validation .ig-form-control[type="radio"]:user-invalid:active:not(:disabled) {
  --ig-form-switch-border: var(--ig-radio-danger-unchecked-border-pressed);
  --ig-form-switch-background: var(--ig-radio-danger-unchecked-background-pressed);
}

.ig-radio-group {
  gap: var(--ig-size-050) var(--ig-size-150);
  grid-template-columns: max-content max-content;
  align-items: center;
  display: grid;
}

.ig-form-group--label-front .ig-radio-group {
  padding-block: var(--group-padding-y);
}

select.ig-form-control {
  --ig-select-multi-select-icon-clear: var(--ig-icon-medium);
  --ig-select-utility-icon-readonly: var(--ig-icon-medium);
  --ig-select-utility-icon: var(--ig-icon-secondary);
  --ig-select-background: var(--ig-background-clear);
  --ig-select-border: var(--ig-border-raised);
  --ig-select-header-background: var(--ig-background-transparent-clear);
  --ig-select-header-content: var(--ig-text-medium);
  --ig-select-item-background: var(--ig-background-clear);
  --ig-select-item-background-hover: var(--ig-background-clear-hover);
  --ig-select-item-background-selected: var(--ig-background-clear-selected);
  --ig-select-item-content-title: var(--ig-text-bold);
  --ig-select-item-content-title-hover: var(--ig-text-bold-hover);
  --ig-select-item-content-title-selected: var(--ig-text-bold-selected);
  --ig-select-item-content-subtitle: var(--ig-text-medium);
  --ig-select-item-content-subtitle-hover: var(--ig-text-medium-hover);
  --ig-select-item-content-subtitle-selected: var(--ig-text-medium-selected);
  --font: var(--input-group-control-font, var(--ig-typography-body-medium-regular));
  --line-height: var(--input-group-control-line-height, var(--ig-line-height-body));
  --padding-y: var(--input-group-control-padding-y, var(--ig-component-input-medium-vertical-padding));
  --padding-x: var(--input-group-control-padding-x, var(--ig-component-input-medium-horizontal-padding));
  border-radius: var(--ig-border-radius-input);
  border: 1px solid var(--ig-input-base-border);
  width: 100%;
  box-shadow: 0 -1px 0 0 var(--ig-input-base-border-default-bottom) inset;
  color: var(--ig-input-base-text-active);
  background: var(--ig-input-base-background);
  appearance: none;
  font: var(--font);
  border-bottom-color: #0000;
  flex: 1 1 0;
  align-items: center;
}

select.ig-form-control:has(option[value=""]:checked) {
  min-height: calc(var(--line-height)  + 2 * var(--padding-y)  + 2px);
}

select.ig-form-control:not([multiple]) {
  padding: var(--padding-y) calc(var(--padding-x)  + 17px + var(--ig-size-150)) var(--padding-y) var(--padding-x);
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"16\" viewBox=\"0 0 17 16\" fill=\"none\"><path d=\"M15.1554 3.99285C15.0233 3.99596 14.8979 4.0512 14.8064 4.14649L8.65992 10.293L2.51344 4.14649C2.46683 4.0985 2.41107 4.06034 2.34945 4.03428C2.28783 4.00823 2.22161 3.9948 2.15471 3.9948C2.05521 3.99482 1.95797 4.02453 1.87544 4.08013C1.79292 4.13573 1.72885 4.21469 1.69145 4.3069C1.65405 4.39911 1.64501 4.50038 1.66549 4.59776C1.68597 4.69513 1.73503 4.78419 1.80641 4.85352L8.30641 11.3535C8.40018 11.4473 8.52734 11.4999 8.65992 11.4999C8.79251 11.4999 8.91967 11.4473 9.01344 11.3535L15.5134 4.85352C15.5861 4.78374 15.6361 4.69361 15.6567 4.59496C15.6773 4.4963 15.6676 4.39373 15.6289 4.30068C15.5901 4.20763 15.5242 4.12845 15.4397 4.07352C15.3552 4.01858 15.2561 3.99047 15.1554 3.99285Z\" fill=\"%231882C0\"/></svg>");
  background-repeat: no-repeat;
  background-position: right var(--padding-x) center;
}

select.ig-form-control[multiple] {
  flex: 1;
}

select.ig-form-control[multiple] option {
  padding: var(--padding-y) var(--padding-x);
  color: var(--ig-input-base-text-active);
  border-left: solid 4px var(--ig-border-transparent);
}

select.ig-form-control[multiple] option:hover, select.ig-form-control[multiple] option:focus {
  background: var(--ig-select-item-background-hover);
}

select.ig-form-control[multiple] option:checked {
  background: var(--ig-select-item-background-selected);
  border-left: solid 4px var(--ig-border-secondary-bold);
}

select.ig-form-control[multiple] option:disabled {
  opacity: var(--ig-opacity-disabled);
  cursor: not-allowed;
}

@supports (appearance: base-select) {
  select.ig-form-control:not([multiple]) {
    appearance: base-select;
  }

  select.ig-form-control:not([multiple])::picker-icon {
    display: none;
  }

  select.ig-form-control:not([multiple])::picker(select) {
    appearance: base-select;
    border-radius: var(--ig-border-radius-input);
    border: 1px solid var(--ig-select-border);
    background: var(--ig-select-background);
    overflow-x: hidden;
  }

  select.ig-form-control:not([multiple]) option {
    background: var(--ig-select-item-background);
    padding: var(--padding-y) var(--padding-x);
    border-left: solid 4px var(--ig-border-transparent);
  }

  select.ig-form-control:not([multiple]) option:hover:not(:disabled), select.ig-form-control:not([multiple]) option:focus:not(:disabled) {
    background: var(--ig-select-item-background-hover);
  }

  select.ig-form-control:not([multiple]) option:checked {
    background: var(--ig-select-item-background-selected);
    border-left: solid 4px var(--ig-border-secondary-bold);
  }

  select.ig-form-control:not([multiple]) option::checkmark {
    display: none;
  }
}

select.ig-form-control:focus-visible, select.ig-form-control:focus {
  box-shadow: 0 -2px 0 0 var(--ig-input-base-border-active-bottom) inset;
  border-bottom-color: #0000;
  outline: none;
}

select.ig-form-control:disabled {
  opacity: var(--ig-opacity-disabled);
  cursor: not-allowed;
}

select.ig-form-control.ig-form-control--sm {
  --font: var(--ig-typography-body-small-regular);
  --padding-y: var(--ig-component-input-small-vertical-padding);
  --padding-x: var(--ig-component-input-small-horizontal-padding);
  --line-height: var(--ig-line-height-body-small);
}

select.ig-form-control.ig-form-control--lg {
  --font: var(--ig-typography-body-large-regular);
  --padding-y: var(--ig-component-input-large-vertical-padding);
  --padding-x: var(--ig-component-input-large-horizontal-padding);
  --line-height: var(--ig-line-height-body-large);
}

.ig-form-validation select.ig-form-control:invalid, .ig-form-user-validation select.ig-form-control:user-invalid {
  box-shadow: 0 -2px 0 0 var(--ig-input-base-danger-border-default-bottom) inset;
}

[data-theme="dark"] .ig-select:not([multiple]), [data-theme="dark"] select.ig-form-control:not([multiple]) {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"16\" viewBox=\"0 0 17 16\" fill=\"none\"><path d=\"M15.1554 3.99285C15.0233 3.99596 14.8979 4.0512 14.8064 4.14649L8.65992 10.293L2.51344 4.14649C2.46683 4.0985 2.41107 4.06034 2.34945 4.03428C2.28783 4.00823 2.22161 3.9948 2.15471 3.9948C2.05521 3.99482 1.95797 4.02453 1.87544 4.08013C1.79292 4.13573 1.72885 4.21469 1.69145 4.3069C1.65405 4.39911 1.64501 4.50038 1.66549 4.59776C1.68597 4.69513 1.73503 4.78419 1.80641 4.85352L8.30641 11.3535C8.40018 11.4473 8.52734 11.4999 8.65992 11.4999C8.79251 11.4999 8.91967 11.4473 9.01344 11.3535L15.5134 4.85352C15.5861 4.78374 15.6361 4.69361 15.6567 4.59496C15.6773 4.4963 15.6676 4.39373 15.6289 4.30068C15.5901 4.20763 15.5242 4.12845 15.4397 4.07352C15.3552 4.01858 15.2561 3.99047 15.1554 3.99285Z\" fill=\"%2393C4EA\"/></svg>");
}

.ig-toggle-switch {
  --ig-toggle-switch-unchecked-background: var(--ig-background-soft);
  --ig-toggle-switch-unchecked-background-hover: var(--ig-background-soft);
  --ig-toggle-switch-unchecked-background-pressed: var(--ig-background-soft);
  --ig-toggle-switch-unchecked-background-read-only: var(--ig-background-clear);
  --ig-toggle-switch-unchecked-indicator-element: var(--ig-background-soft);
  --ig-toggle-switch-unchecked-indicator-element-hover: var(--ig-background-soft);
  --ig-toggle-switch-unchecked-indicator-element-pressed: var(--ig-background-soft);
  --ig-toggle-switch-unchecked-indicator-element-read-only: var(--ig-background-clear);
  --ig-toggle-switch-unchecked-indicator-background: var(--ig-background-bold);
  --ig-toggle-switch-unchecked-indicator-background-hover: var(--ig-background-bold);
  --ig-toggle-switch-unchecked-indicator-background-pressed: var(--ig-background-bold);
  --ig-toggle-switch-unchecked-indicator-background-read-only: var(--ig-background-bold);
  --ig-toggle-switch-unchecked-border: var(--ig-border-bold);
  --ig-toggle-switch-unchecked-border-hover: var(--ig-border-bold);
  --ig-toggle-switch-unchecked-border-pressed: var(--ig-border-medium);
  --ig-toggle-switch-unchecked-border-read-only: var(--ig-border-medium);
  --ig-toggle-switch-checked-background: var(--ig-background-secondary-bold);
  --ig-toggle-switch-checked-background-hover: var(--ig-background-secondary-bold-hover);
  --ig-toggle-switch-checked-background-pressed: var(--ig-background-secondary-bold-pressed);
  --ig-toggle-switch-checked-background-read-only: var(--ig-background-clear);
  --ig-toggle-switch-checked-border: var(--ig-border-transparent);
  --ig-toggle-switch-checked-border-hover: var(--ig-border-secondary-bold-hover);
  --ig-toggle-switch-checked-border-pressed: var(--ig-border-transparent);
  --ig-toggle-switch-checked-border-read-only: var(--ig-border-medium);
  --ig-toggle-switch-checked-indicator-element: var(--ig-background-secondary-bold);
  --ig-toggle-switch-checked-indicator-element-hover: var(--ig-background-secondary-bold-hover);
  --ig-toggle-switch-checked-indicator-element-pressed: var(--ig-background-secondary-bold-pressed);
  --ig-toggle-switch-checked-indicator-element-read-only: var(--ig-background-clear);
  --ig-toggle-switch-checked-indicator-background: var(--ig-background-clear);
  --ig-toggle-switch-checked-indicator-background-hover: var(--ig-background-clear);
  --ig-toggle-switch-checked-indicator-background-pressed: var(--ig-background-clear);
  --ig-toggle-switch-checked-indicator-background-read-only: var(--ig-background-secondary-bold);
  --ig-toggle-switch-text: var(--ig-text-bold);
  --ig-toggle-switch-text-readonly: var(--ig-text-medium);
  --ig-toggle-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -16 32 32'%3e%3ccircle r='16' fill='%23606E78'/%3e%3c/svg%3e");
  --ig-toggle-switch-checked-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -16 32 32'%3e%3ccircle r='16' fill='%23FFFFFF'/%3e%3cg transform='translate(-8,-5.5) scale(2)'%3e%3cpath d='M7.48908 0L3.42366 4.14329L1.30963 1.98878L0.399994 2.91713L3.42366 6L8.39999 0.928356L7.48908 0Z' fill='%231882C0'/%3e%3c/g%3e%3c/svg%3e");
  --ig-toggle-switch-checked-readonly-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -16 32 32'%3e%3ccircle r='16' fill='%231882C0'/%3e%3cg transform='translate(-8,-5.5) scale(2)'%3e%3cpath d='M7.48908 0L3.42366 4.14329L1.30963 1.98878L0.399994 2.91713L3.42366 6L8.39999 0.928356L7.48908 0Z' fill='%23FFFFFF'/%3e%3c/g%3e%3c/svg%3e");
  --ig-toggle-border-radius: .625rem;
  gap: var(--ig-component-input-small-label-horizontal-gap);
  display: flex;
}

.ig-toggle-switch__input[type="checkbox"] {
  appearance: none;
  height: var(--ig-size-250);
  width: var(--ig-size-500);
  background-size: var(--ig-size-200);
  border-radius: var(--ig-toggle-border-radius);
  border-width: var(--ig-border-width-input);
  border-style: solid;
}

@media (prefers-reduced-motion: no-preference) {
  .ig-toggle-switch__input[type="checkbox"] {
    transition: background-position .15s ease-in-out;
  }
}

.ig-toggle-switch__input[type="checkbox"]:not(:disabled, [readonly]):hover {
  box-shadow: var(--ig-elevation-level-2);
  cursor: pointer;
}

.ig-toggle-switch__input[type="checkbox"]:not(:disabled, [readonly]) + label {
  cursor: pointer;
  color: var(--ig-toggle-switch-text);
}

.ig-toggle-switch__input[type="checkbox"]:disabled {
  cursor: not-allowed;
  opacity: var(--ig-opacity-disabled);
}

.ig-toggle-switch__input[type="checkbox"]:disabled + label {
  cursor: not-allowed;
}

.ig-toggle-switch__input[type="checkbox"][readonly] {
  pointer-events: none;
}

.ig-toggle-switch__input[type="checkbox"][readonly] + label {
  color: var(--ig-toggle-switch-readonly);
  pointer-events: none;
}

.ig-toggle-switch__input[type="checkbox"]:not(:checked) {
  border-color: var(--ig-toggle-switch-unchecked-border);
  background-color: var(--ig-toggle-switch-unchecked-background);
  background-image: var(--ig-toggle-switch-bg);
  background-position: 1px 50%;
}

.ig-toggle-switch__input[type="checkbox"]:not(:checked):focus {
  border-color: var(--ig-toggle-switch-unchecked-border-pressed);
  background-color: var(--ig-toggle-switch-unchecked-background-pressed);
}

.ig-toggle-switch__input[type="checkbox"]:not(:checked)[readonly] {
  background-color: var(--ig-toggle-switch-unchecked-background-read-only);
}

.ig-toggle-switch__input[type="checkbox"]:checked {
  border-color: var(--ig-toggle-switch-checked-border);
  background-color: var(--ig-toggle-switch-checked-background);
  background-image: var(--ig-toggle-switch-checked-bg);
  background-position: right 1px center;
}

.ig-toggle-switch__input[type="checkbox"]:checked:focus {
  border-color: var(--ig-toggle-switch-checked-border-pressed);
  background-color: var(--ig-toggle-switch-checked-background-pressed);
}

.ig-toggle-switch__input[type="checkbox"]:checked[readonly] {
  border-color: var(--ig-toggle-switch-checked-border-read-only);
  background-color: var(--ig-toggle-switch-checked-background-read-only);
  background-image: var(--ig-toggle-switch-checked-readonly-bg);
}

.ig-form-label:has( + .ig-input-group--sm) {
  font: var(--ig-typography-body-small-regular);
  padding: var(--ig-component-input-small-vertical-padding) var(--ig-component-input-small-horizontal-padding);
  padding-left: 0;
}

.ig-form-label:has( + .ig-input-group--lg) {
  font: var(--ig-typography-body-large-regular);
  padding: var(--ig-component-input-large-vertical-padding) var(--ig-component-input-large-horizontal-padding);
  padding-left: 0;
}

.ig-input-group {
  --ig-input-group-background: var(--ig-background-subtle);
  --ig-input-group-clickable-background: var(--ig-background-clear);
  --ig-input-group-clickable-background-hover: var(--ig-background-clear-hover);
  --ig-input-group-clickable-background-pressed: var(--ig-background-clear-pressed);
  --ig-input-group-content: var(--ig-text-bold);
  --ig-input-base-text-cursor: var(--ig-border-medium);
  --ig-input-base-border: var(--ig-border-medium);
  --ig-input-base-border-default-bottom: var(--ig-border-bold);
  --ig-input-base-border-active: var(--ig-input-base-border);
  --ig-input-base-border-active-bottom: var(--ig-border-secondary-bold);
  --ig-input-base-border-readonly: var(--ig-border-medium);
  --ig-input-base-border-plaintext: var(--ig-border-transparent);
  --ig-input-base-background: var(--ig-background-clear);
  --ig-input-base-background-active: var(--ig-input-base-background);
  --ig-input-base-background-readonly: var(--ig-background-subtle);
  --ig-input-base-background-plaintext: var(--ig-background-transparent-clear);
  --ig-input-base-text-placeholder: var(--ig-text-soft);
  --ig-input-base-text: var(--ig-text-bold);
  --ig-input-base-text-active: var(--ig-input-base-text);
  --ig-input-base-text-readonly: var(--ig-text-medium);
  --ig-input-base-text-counter: var(--ig-text-medium);
  --ig-input-base-danger-border: var(--ig-input-base-border);
  --ig-input-base-danger-border-default-bottom: var(--ig-border-danger-bold);
  --ig-input-base-danger-background: var(--ig-input-base-background);
  --ig-input-base-danger-text-placeholder: var(--ig-text-medium);
  --ig-input-base-danger-text: var(--ig-input-base-text);
  --ig-input-base-success-border: var(--ig-input-base-border);
  --ig-input-base-success-border-default-bottom: var(--ig-border-success-bold);
  --ig-input-base-success-background: var(--ig-input-base-background);
  --ig-input-base-success-text-placeholder: var(--ig-text-medium);
  --ig-input-base-success-text: var(--ig-input-base-text);
  --ig-input-base-warning-border: var(--ig-input-base-border);
  --ig-input-base-warning-border-default-bottom: var(--ig-border-warning-bold);
  --ig-input-base-warning-background: var(--ig-input-base-background);
  --ig-input-base-warning-text-placeholder: var(--ig-text-medium);
  --ig-input-base-warning-text-filled: var(--ig-input-base-text);
  --input-group-text-font: var(--ig-typography-body-medium-regular);
  --input-group-text-padding-y: var(--ig-component-input-medium-vertical-padding);
  --input-group-text-padding-x: var(--ig-component-input-medium-horizontal-padding);
  --input-group-control-font: var(--ig-typography-body-medium-regular);
  --input-group-control-btn: var(--ig-typography-body-medium-medium);
  --input-group-control-padding-y: var(--ig-component-input-medium-vertical-padding);
  --input-group-control-padding-x: var(--ig-component-input-medium-horizontal-padding);
  --input-group-control-line-height: var(--ig-line-height-body);
  flex: 1 0 0;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ig-input-group .ig-form-control {
  flex: auto;
}

.ig-input-group .ig-input-group-text {
  padding: var(--input-group-text-padding-y) var(--input-group-text-padding-x);
  font: var(--input-group-text-font);
  color: var(--ig-input-group-content);
  text-align: center;
  white-space: nowrap;
  background-color: var(--ig-input-group-background);
  border: var(--ig-border-width) solid var(--ig-input-base-border);
  border-radius: var(--ig-border-radius-input);
  align-items: center;
  display: flex;
}

.ig-input-group input.ig-form-control[type="text"], .ig-input-group input.ig-form-control[type="email"], .ig-input-group input.ig-form-control[type="number"], .ig-input-group input.ig-form-control[type="tel"], .ig-input-group input.ig-form-control[type="url"], .ig-input-group input.ig-form-control[type="password"], .ig-input-group input.ig-form-control[type="search"], .ig-input-group select.ig-form-control, .ig-input-group textarea.ig-form-control, .ig-input-group .ig-input-group-text, .ig-input-group .ig-btn {
  font: var(--input-group-control-font);
  box-shadow: none;
  border-bottom-color: var(--ig-input-base-border-default-bottom);
  border-radius: 0;
}

.ig-input-group input.ig-form-control[type="text"]:first-child, .ig-input-group input.ig-form-control[type="email"]:first-child, .ig-input-group input.ig-form-control[type="number"]:first-child, .ig-input-group input.ig-form-control[type="tel"]:first-child, .ig-input-group input.ig-form-control[type="url"]:first-child, .ig-input-group input.ig-form-control[type="password"]:first-child, .ig-input-group input.ig-form-control[type="search"]:first-child, .ig-input-group select.ig-form-control:first-child, .ig-input-group textarea.ig-form-control:first-child, .ig-input-group .ig-input-group-text:first-child, .ig-input-group .ig-btn:first-child {
  border-top-left-radius: var(--ig-border-radius-input);
  border-bottom-left-radius: var(--ig-border-radius-input);
}

.ig-input-group input.ig-form-control[type="text"]:last-child, .ig-input-group input.ig-form-control[type="email"]:last-child, .ig-input-group input.ig-form-control[type="number"]:last-child, .ig-input-group input.ig-form-control[type="tel"]:last-child, .ig-input-group input.ig-form-control[type="url"]:last-child, .ig-input-group input.ig-form-control[type="password"]:last-child, .ig-input-group input.ig-form-control[type="search"]:last-child, .ig-input-group select.ig-form-control:last-child, .ig-input-group textarea.ig-form-control:last-child, .ig-input-group .ig-input-group-text:last-child, .ig-input-group .ig-btn:last-child {
  border-top-right-radius: var(--ig-border-radius-input);
  border-bottom-right-radius: var(--ig-border-radius-input);
}

.ig-input-group input.ig-form-control[type="text"]:not(:first-child), .ig-input-group input.ig-form-control[type="email"]:not(:first-child), .ig-input-group input.ig-form-control[type="number"]:not(:first-child), .ig-input-group input.ig-form-control[type="tel"]:not(:first-child), .ig-input-group input.ig-form-control[type="url"]:not(:first-child), .ig-input-group input.ig-form-control[type="password"]:not(:first-child), .ig-input-group input.ig-form-control[type="search"]:not(:first-child), .ig-input-group select.ig-form-control:not(:first-child), .ig-input-group textarea.ig-form-control:not(:first-child), .ig-input-group .ig-input-group-text:not(:first-child), .ig-input-group .ig-btn:not(:first-child) {
  border-left: none;
}

.ig-input-group input.ig-form-control[type="text"]:not(.ig-btn--icon), .ig-input-group input.ig-form-control[type="email"]:not(.ig-btn--icon), .ig-input-group input.ig-form-control[type="number"]:not(.ig-btn--icon), .ig-input-group input.ig-form-control[type="tel"]:not(.ig-btn--icon), .ig-input-group input.ig-form-control[type="url"]:not(.ig-btn--icon), .ig-input-group input.ig-form-control[type="password"]:not(.ig-btn--icon), .ig-input-group input.ig-form-control[type="search"]:not(.ig-btn--icon), .ig-input-group select.ig-form-control:not(.ig-btn--icon), .ig-input-group textarea.ig-form-control:not(.ig-btn--icon), .ig-input-group .ig-input-group-text:not(.ig-btn--icon), .ig-input-group .ig-btn:not(.ig-btn--icon) {
  padding: var(--input-group-control-padding-y) var(--input-group-control-padding-x);
}

.ig-input-group .ig-btn {
  font: var(--input-group-control-btn);
}

.ig-input-group input.ig-form-control[type="text"]:focus, .ig-input-group input.ig-form-control[type="text"]:focus-visible, .ig-input-group input.ig-form-control[type="email"]:focus, .ig-input-group input.ig-form-control[type="email"]:focus-visible, .ig-input-group input.ig-form-control[type="number"]:focus, .ig-input-group input.ig-form-control[type="number"]:focus-visible, .ig-input-group input.ig-form-control[type="tel"]:focus, .ig-input-group input.ig-form-control[type="tel"]:focus-visible, .ig-input-group input.ig-form-control[type="url"]:focus, .ig-input-group input.ig-form-control[type="url"]:focus-visible, .ig-input-group input.ig-form-control[type="password"]:focus, .ig-input-group input.ig-form-control[type="password"]:focus-visible, .ig-input-group input.ig-form-control[type="search"]:focus, .ig-input-group input.ig-form-control[type="search"]:focus-visible, .ig-input-group select.ig-form-control:focus, .ig-input-group select.ig-form-control:focus-visible, .ig-input-group textarea.ig-form-control:focus, .ig-input-group textarea.ig-form-control:focus-visible {
  --box-shadow-color: var(--ig-input-base-border-active-bottom);
  --box-shadow-size: -2px;
  box-shadow: 0 var(--box-shadow-size) 0 0 var(--box-shadow-color) inset;
}

.ig-input-group select.ig-form-control {
  border-bottom: 1px solid var(--ig-input-base-border-default-bottom);
}

.ig-input-group.ig-input-group--sm {
  --input-group-text-font: var(--ig-typography-body-small-regular);
  --input-group-text-padding-y: var(--ig-component-input-small-vertical-padding);
  --input-group-text-padding-x: var(--ig-component-input-small-horizontal-padding);
  --input-group-control-font: var(--ig-typography-body-small-regular);
  --input-group-control-btn: var(--ig-typography-body-small-medium);
  --input-group-control-padding-y: var(--ig-component-input-small-vertical-padding);
  --input-group-control-padding-x: var(--ig-component-input-small-horizontal-padding);
  --input-group-control-line-height: var(--ig-line-height-body-small);
}

.ig-input-group.ig-input-group--lg {
  --input-group-text-font: var(--ig-typography-body-large-regular);
  --input-group-text-padding-y: var(--ig-component-input-large-vertical-padding);
  --input-group-text-padding-x: var(--ig-component-input-large-horizontal-padding);
  --input-group-control-font: var(--ig-typography-body-large-regular);
  --input-group-control-btn: var(--ig-typography-body-large-medium);
  --input-group-control-padding-y: var(--ig-component-input-large-vertical-padding);
  --input-group-control-padding-x: var(--ig-component-input-large-horizontal-padding);
  --input-group-control-line-height: var(--ig-line-height-body-large);
}

.ig-form-counter {
  --ig-input-base-text-cursor: var(--ig-border-medium);
  --ig-input-base-border: var(--ig-border-medium);
  --ig-input-base-border-default-bottom: var(--ig-border-bold);
  --ig-input-base-border-active: var(--ig-input-base-border);
  --ig-input-base-border-active-bottom: var(--ig-border-secondary-bold);
  --ig-input-base-border-readonly: var(--ig-border-medium);
  --ig-input-base-border-plaintext: var(--ig-border-transparent);
  --ig-input-base-background: var(--ig-background-clear);
  --ig-input-base-background-active: var(--ig-input-base-background);
  --ig-input-base-background-readonly: var(--ig-background-subtle);
  --ig-input-base-background-plaintext: var(--ig-background-transparent-clear);
  --ig-input-base-text-placeholder: var(--ig-text-soft);
  --ig-input-base-text: var(--ig-text-bold);
  --ig-input-base-text-active: var(--ig-input-base-text);
  --ig-input-base-text-readonly: var(--ig-text-medium);
  --ig-input-base-text-counter: var(--ig-text-medium);
  --ig-input-base-danger-border: var(--ig-input-base-border);
  --ig-input-base-danger-border-default-bottom: var(--ig-border-danger-bold);
  --ig-input-base-danger-background: var(--ig-input-base-background);
  --ig-input-base-danger-text-placeholder: var(--ig-text-medium);
  --ig-input-base-danger-text: var(--ig-input-base-text);
  --ig-input-base-success-border: var(--ig-input-base-border);
  --ig-input-base-success-border-default-bottom: var(--ig-border-success-bold);
  --ig-input-base-success-background: var(--ig-input-base-background);
  --ig-input-base-success-text-placeholder: var(--ig-text-medium);
  --ig-input-base-success-text: var(--ig-input-base-text);
  --ig-input-base-warning-border: var(--ig-input-base-border);
  --ig-input-base-warning-border-default-bottom: var(--ig-border-warning-bold);
  --ig-input-base-warning-background: var(--ig-input-base-background);
  --ig-input-base-warning-text-placeholder: var(--ig-text-medium);
  --ig-input-base-warning-text-filled: var(--ig-input-base-text);
  color: var(--ig-input-base-text-counter);
  font: var(--ig-typography-body-small-regular);
  margin: var(--ig-size-050) 0 0 auto;
}

.ig-account-menu {
  --ig-navigation-action-list-background: var(--ig-background-transparent-clear);
  --ig-navigation-highlighted-actions-list-background: var(--ig-background-transparent-clear-selected-emphasized-secondary);
  --ig-navigation-highlighted-actions-list-item-content: var(--ig-text-bold);
  --ig-navigation-highlighted-actions-list-item-content-hover: var(--ig-text-bold-hover);
  --ig-navigation-highlighted-actions-list-item-background: var(--ig-background-clear);
  --ig-navigation-highlighted-actions-list-item-background-hover: var(--ig-background-clear-hover);
  --ig-navigation-highlighted-actions-list-item-highlighted-content: var(--ig-text-secondary);
  --ig-navigation-highlighted-actions-list-item-highlighted-content-hover: var(--ig-text-secondary-hover);
  --ig-navigation-highlighted-actions-list-item-highlighted-background: var(--ig-background-clear);
  --ig-navigation-highlighted-actions-list-item-highlighted-background-hover: var(--ig-background-clear-hover);
  --ig-navigation-account-content-icon: var(--ig-icon-bold);
  --ig-navigation-account-content-title: var(--ig-text-bold);
  --ig-navigation-account-content-title-hover: var(--ig-text-bold-hover);
  --ig-navigation-account-content-title-selected: var(--ig-text-bold-selected);
  --ig-navigation-account-content-subtitle: var(--ig-text-medium);
  --ig-navigation-account-content-subtitle-hover: var(--ig-text-medium-hover);
  --ig-navigation-account-content-subtitle-selected: var(--ig-text-medium-selected);
  --ig-navigation-account-background: var(--ig-background-transparent-clear-selected-emphasized-secondary);
  --ig-navigation-account-background-hover: oklch(from var(--ig-background-secondary-bold-pressed) l c h / .16);
  --ig-navigation-account-background-selected: oklch(from var(--ig-background-secondary-bold-pressed) l c h / .25);
  --ig-navigation-account-menu-background: var(--ig-background-clear);
  --ig-navigation-account-menu-border: var(--ig-border-raised);
  --ig-navigation-account-menu-user-info-background: var(--ig-background-transparent-clear);
  --ig-navigation-account-menu-user-info-highlighted-background: var(--ig-background-soft);
  --ig-navigation-account-menu-user-info-content-title: var(--ig-text-bold);
  --ig-navigation-account-menu-user-info-content-subtitle: var(--ig-text-medium);
  --ig-navigation-account-menu-profile-list-background: var(--ig-background-transparent-clear);
  --ig-navigation-account-menu-profile-list-item-background: var(--ig-background-clear);
  --ig-navigation-account-menu-profile-list-item-background-hover: var(--ig-background-clear-hover);
  --ig-navigation-account-menu-profile-list-item-background-selected: var(--ig-background-clear-selected);
  --ig-navigation-account-menu-profile-list-item-content-title: var(--ig-text-bold);
  --ig-navigation-account-menu-profile-list-item-content-title-hover: var(--ig-text-bold-hover);
  --ig-navigation-account-menu-profile-list-item-content-title-selected: var(--ig-text-bold-selected);
  --ig-navigation-account-menu-profile-list-item-content-subtitle: var(--ig-text-medium);
  --ig-navigation-account-menu-profile-list-item-content-subtitle-hover: var(--ig-text-medium-hover);
  --ig-navigation-account-menu-profile-list-item-content-subtitle-selected: var(--ig-text-secondary);
  --ig-navigation-account-menu-heading-title: var(--ig-text-soft);
  --ig-navigation-account-menu-actions-list-item-background: var(--ig-background-clear);
  --ig-navigation-account-menu-actions-list-item-background-hover: var(--ig-background-clear-hover);
  --ig-navigation-account-menu-actions-list-item-background-selected: var(--ig-background-clear-selected);
  --ig-navigation-account-menu-actions-list-item-content-title: var(--ig-text-bold);
  --ig-navigation-account-menu-actions-list-item-content-title-hover: var(--ig-text-bold-hover);
  --ig-navigation-account-menu-actions-list-item-content-title-selected: var(--ig-text-bold-selected);
  --ig-navigation-account-menu-actions-list-item-highlighted-background: var(--ig-background-clear);
  --ig-navigation-account-menu-actions-list-item-highlighted-background-hover: var(--ig-background-clear-hover);
  --ig-navigation-account-menu-actions-list-item-highlighted-background-selected: var(--ig-background-clear-selected);
  --ig-navigation-account-menu-actions-list-item-highlighted-content-title: var(--ig-text-secondary);
  --ig-navigation-account-menu-actions-list-item-highlighted-content-title-hover: var(--ig-text-secondary-hover);
  --ig-navigation-account-menu-actions-list-item-highlighted-content-title-selected: var(--ig-text-secondary-pressed);
  --ig-navigation-account-menu-toggle-actions-list-item-background: var(--ig-background-transparent-clear);
  --ig-navigation-account-menu-toggle-actions-list-item-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-navigation-account-menu-toggle-actions-list-item-background-selected: var(--ig-background-transparent-clear-selected);
  --ig-navigation-account-menu-toggle-actions-list-item-content-title: var(--ig-text-bold);
  --ig-navigation-account-menu-toggle-actions-list-item-content-title-hover: var(--ig-text-bold-hover);
  --ig-navigation-account-menu-toggle-actions-list-item-content-title-selected: var(--ig-text-bold-selected);
  --ig-navigation-account-menu-toggle-actions-list-background-closed: var(--ig-background-clear);
  --ig-navigation-account-menu-toggle-actions-list-background-opened: var(--ig-background-subtle);
  --ig-navigation-theme-switcher-background: var(--ig-background-transparent-clear-selected-emphasized-secondary);
  flex-direction: column;
  width: 280px;
  display: flex;
}

.ig-account-menu-user-info {
  padding: var(--ig-size-100);
  margin: var(--ig-size-100);
  border-radius: var(--ig-border-radius);
  background: var(--ig-navigation-account-menu-user-info-background);
  gap: var(--ig-size-150);
  display: flex;
}

.ig-account-menu-user-info-avatar {
  align-items: center;
  display: flex;
}

.ig-account-menu-user-info-content {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

.ig-account-menu-user-info-content__title {
  font: var(--ig-typography-body-medium-medium);
  color: var(--ig-navigation-account-menu-user-info-content-title);
}

.ig-account-menu-user-info-content__subtitle {
  font: var(--ig-typography-body-small-regular);
  color: var(--ig-navigation-account-menu-user-info-content-subtitle, #54636d);
}

.ig-account-menu-user-info--highlighted {
  background: var(--ig-navigation-account-menu-user-info-highlighted-background);
}

.ig-account-menu-user-info--large {
  padding: var(--ig-size-150) var(--ig-size-200);
  align-items: center;
  gap: var(--ig-size-150);
  flex-direction: column;
}

.ig-account-menu-user-info--large .ig-account-menu-user-info-avatar .ig-avatar {
  --ig-avatar-size: var(--ig-size-1200);
}

.ig-account-menu-user-info--large .ig-account-menu-user-info-content {
  text-align: center;
  align-items: center;
}

.ig-account-menu-divider {
  margin: var(--ig-size-050) var(--ig-size-100);
}

.ig-account-menu-heading {
  padding: var(--ig-size-100) var(--ig-size-150);
  font: var(--ig-typography-caption-small-medium);
  color: var(--ig-navigation-account-menu-heading-title);
  text-transform: uppercase;
}

.ig-account-menu-actions {
  padding: var(--ig-size-100);
  margin: var(--ig-size-100);
  border-radius: var(--ig-border-radius);
  background: var(--ig-navigation-highlighted-actions-list-background);
  gap: var(--ig-size-100);
  display: flex;
}

.ig-account-menu-action {
  justify-content: center;
  align-items: center;
  gap: var(--ig-size-100);
  flex: 1 0 0;
  display: flex;
}

.ig-avatar {
  --ig-avatar-gray-bold-background: var(--ig-background-bold);
  --ig-avatar-gray-bold-border: var(--ig-border-clear);
  --ig-avatar-gray-bold-content: var(--ig-text-on-bold-bold);
  --ig-avatar-gray-subtle-background: var(--ig-background-soft);
  --ig-avatar-gray-subtle-border: var(--ig-border-medium);
  --ig-avatar-gray-subtle-content: var(--ig-text-bold);
  --ig-avatar-accent-01-bold-background: var(--ig-background-accent-1-bold);
  --ig-avatar-accent-01-bold-border: var(--ig-border-clear);
  --ig-avatar-accent-01-bold-content: var(--ig-text-on-bold-bold);
  --ig-avatar-accent-01-subtle-background: var(--ig-background-accent-1-subtle);
  --ig-avatar-accent-01-subtle-border: var(--ig-border-accent-1-bold);
  --ig-avatar-accent-01-subtle-content: var(--ig-text-accent-1);
  --ig-avatar-accent-02-bold-background: var(--ig-background-accent-2-bold);
  --ig-avatar-accent-02-bold-border: var(--ig-border-clear);
  --ig-avatar-accent-02-bold-content: var(--ig-text-on-bold-bold);
  --ig-avatar-accent-02-subtle-background: var(--ig-background-accent-2-subtle);
  --ig-avatar-accent-02-subtle-border: var(--ig-border-accent-2-bold);
  --ig-avatar-accent-02-subtle-content: var(--ig-text-accent-2);
  --ig-avatar-accent-03-bold-background: var(--ig-background-accent-3-bold);
  --ig-avatar-accent-03-bold-border: var(--ig-border-clear);
  --ig-avatar-accent-03-bold-content: var(--ig-text-on-bold-bold);
  --ig-avatar-accent-03-subtle-background: var(--ig-background-accent-3-subtle);
  --ig-avatar-accent-03-subtle-border: var(--ig-border-accent-3-bold);
  --ig-avatar-accent-03-subtle-content: var(--ig-text-accent-3);
  --ig-avatar-accent-04-bold-background: var(--ig-background-accent-4-bold);
  --ig-avatar-accent-04-bold-border: var(--ig-border-clear);
  --ig-avatar-accent-04-bold-content: var(--ig-text-on-bold-bold);
  --ig-avatar-accent-04-subtle-background: var(--ig-background-accent-4-subtle);
  --ig-avatar-accent-04-subtle-border: var(--ig-border-accent-4-bold);
  --ig-avatar-accent-04-subtle-content: var(--ig-text-accent-4);
  --ig-avatar-accent-05-bold-background: var(--ig-background-accent-5-bold);
  --ig-avatar-accent-05-bold-border: var(--ig-border-clear);
  --ig-avatar-accent-05-bold-content: var(--ig-text-on-bold-bold);
  --ig-avatar-accent-05-subtle-background: var(--ig-background-accent-5-subtle);
  --ig-avatar-accent-05-subtle-border: var(--ig-border-accent-5-bold);
  --ig-avatar-accent-05-subtle-content: var(--ig-text-accent-5);
  --ig-avatar-accent-06-bold-background: var(--ig-background-accent-6-bold);
  --ig-avatar-accent-06-bold-border: var(--ig-border-clear);
  --ig-avatar-accent-06-bold-content: var(--ig-text-on-bold-bold);
  --ig-avatar-accent-06-subtle-background: var(--ig-background-accent-6-subtle);
  --ig-avatar-accent-06-subtle-border: var(--ig-border-accent-6-bold);
  --ig-avatar-accent-06-subtle-content: var(--ig-text-accent-6);
  --ig-avatar-accent-07-bold-background: var(--ig-background-accent-7-bold);
  --ig-avatar-accent-07-bold-border: var(--ig-border-clear);
  --ig-avatar-accent-07-bold-content: var(--ig-text-on-bold-bold);
  --ig-avatar-accent-07-subtle-background: var(--ig-background-accent-7-subtle);
  --ig-avatar-accent-07-subtle-border: var(--ig-border-accent-7-bold);
  --ig-avatar-accent-07-subtle-content: var(--ig-text-accent-7);
  --ig-avatar-accent-08-bold-background: var(--ig-background-accent-8-bold);
  --ig-avatar-accent-08-bold-border: var(--ig-border-clear);
  --ig-avatar-accent-08-bold-content: var(--ig-text-on-bold-bold);
  --ig-avatar-accent-08-subtle-background: var(--ig-background-accent-8-subtle);
  --ig-avatar-accent-08-subtle-border: var(--ig-border-accent-8-bold);
  --ig-avatar-accent-08-subtle-content: var(--ig-text-accent-8);
  --ig-avatar-accent-09-bold-background: var(--ig-background-accent-9-bold);
  --ig-avatar-accent-09-bold-border: var(--ig-border-clear);
  --ig-avatar-accent-09-bold-content: var(--ig-text-on-bold-bold);
  --ig-avatar-accent-09-subtle-background: var(--ig-background-accent-9-subtle);
  --ig-avatar-accent-09-subtle-border: var(--ig-border-accent-9-bold);
  --ig-avatar-accent-09-subtle-content: var(--ig-text-accent-9);
  --ig-avatar-accent-10-bold-background: var(--ig-background-accent-10-bold);
  --ig-avatar-accent-10-bold-border: var(--ig-border-clear);
  --ig-avatar-accent-10-bold-content: var(--ig-text-on-bold-bold);
  --ig-avatar-accent-10-subtle-background: var(--ig-background-accent-10-subtle);
  --ig-avatar-accent-10-subtle-border: var(--ig-border-accent-10-bold);
  --ig-avatar-accent-10-subtle-content: var(--ig-text-accent-10);
  --ig-avatar-accent-11-bold-background: var(--ig-background-accent-11-bold);
  --ig-avatar-accent-11-bold-border: var(--ig-border-clear);
  --ig-avatar-accent-11-bold-content: var(--ig-text-on-bold-bold);
  --ig-avatar-accent-11-subtle-background: var(--ig-background-accent-11-subtle);
  --ig-avatar-accent-11-subtle-border: var(--ig-border-accent-11-bold);
  --ig-avatar-accent-11-subtle-content: var(--ig-text-accent-11);
  --ig-avatar-accent-12-bold-background: var(--ig-background-accent-12-bold);
  --ig-avatar-accent-12-bold-border: var(--ig-border-clear);
  --ig-avatar-accent-12-bold-content: var(--ig-text-on-bold-bold);
  --ig-avatar-accent-12-subtle-background: var(--ig-background-accent-12-subtle);
  --ig-avatar-accent-12-subtle-border: var(--ig-border-accent-12-bold);
  --ig-avatar-accent-12-subtle-content: var(--ig-text-accent-12);
  --ig-avatar-size: var(--ig-size-500);
  --ig-avatar-font: var(--ig-font-weight-regular) var(--ig-size-200) / var(--ig-size-300) var(--ig-font-family-body);
  --ig-avatar-icon-size: var(--ig-size-300);
  --ig-avatar-bg: var(--ig-avatar-gray-bold-background);
  --ig-avatar-border: var(--ig-avatar-gray-bold-border);
  --ig-avatar-color: var(--ig-avatar-gray-bold-content);
  white-space: nowrap;
  font: var(--ig-avatar-font);
  text-transform: var(--ig-text-transform-uppercase);
  width: var(--ig-avatar-size);
  height: var(--ig-avatar-size);
  background-color: var(--ig-avatar-bg);
  border: solid 1px var(--ig-avatar-border);
  color: var(--ig-avatar-color);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ig-avatar.ig-avatar--subtle {
  --ig-avatar-bg: var(--ig-avatar-gray-subtle-background);
  --ig-avatar-border: var(--ig-avatar-gray-subtle-border);
  --ig-avatar-color: var(--ig-avatar-gray-subtle-content);
}

.ig-avatar > img {
  vertical-align: top;
  border-radius: 50%;
  width: 100%;
}

.ig-avatar > i {
  font-size: var(--ig-avatar-icon-size);
  line-height: 0;
}

.ig-avatar.ig-avatar--gray {
  --ig-avatar-bg: var(--ig-avatar-gray-bold-background);
  --ig-avatar-border: var(--ig-avatar-gray-bold-border);
  --ig-avatar-color: var(--ig-avatar-gray-bold-content);
}

.ig-avatar.ig-avatar--gray.ig-avatar--subtle {
  --ig-avatar-bg: var(--ig-avatar-gray-subtle-background);
  --ig-avatar-border: var(--ig-avatar-gray-subtle-border);
  --ig-avatar-color: var(--ig-avatar-gray-subtle-content);
}

.ig-avatar.ig-avatar--accent-01 {
  --ig-avatar-bg: var(--ig-avatar-accent-01-bold-background);
  --ig-avatar-border: var(--ig-avatar-accent-01-bold-border);
  --ig-avatar-color: var(--ig-avatar-accent-01-bold-content);
}

.ig-avatar.ig-avatar--accent-01.ig-avatar--subtle {
  --ig-avatar-bg: var(--ig-avatar-accent-01-subtle-background);
  --ig-avatar-border: var(--ig-avatar-accent-01-subtle-border);
  --ig-avatar-color: var(--ig-avatar-accent-01-subtle-content);
}

.ig-avatar.ig-avatar--accent-02 {
  --ig-avatar-bg: var(--ig-avatar-accent-02-bold-background);
  --ig-avatar-border: var(--ig-avatar-accent-02-bold-border);
  --ig-avatar-color: var(--ig-avatar-accent-02-bold-content);
}

.ig-avatar.ig-avatar--accent-02.ig-avatar--subtle {
  --ig-avatar-bg: var(--ig-avatar-accent-02-subtle-background);
  --ig-avatar-border: var(--ig-avatar-accent-02-subtle-border);
  --ig-avatar-color: var(--ig-avatar-accent-02-subtle-content);
}

.ig-avatar.ig-avatar--accent-03 {
  --ig-avatar-bg: var(--ig-avatar-accent-03-bold-background);
  --ig-avatar-border: var(--ig-avatar-accent-03-bold-border);
  --ig-avatar-color: var(--ig-avatar-accent-03-bold-content);
}

.ig-avatar.ig-avatar--accent-03.ig-avatar--subtle {
  --ig-avatar-bg: var(--ig-avatar-accent-03-subtle-background);
  --ig-avatar-border: var(--ig-avatar-accent-03-subtle-border);
  --ig-avatar-color: var(--ig-avatar-accent-03-subtle-content);
}

.ig-avatar.ig-avatar--accent-04 {
  --ig-avatar-bg: var(--ig-avatar-accent-04-bold-background);
  --ig-avatar-border: var(--ig-avatar-accent-04-bold-border);
  --ig-avatar-color: var(--ig-avatar-accent-04-bold-content);
}

.ig-avatar.ig-avatar--accent-04.ig-avatar--subtle {
  --ig-avatar-bg: var(--ig-avatar-accent-04-subtle-background);
  --ig-avatar-border: var(--ig-avatar-accent-04-subtle-border);
  --ig-avatar-color: var(--ig-avatar-accent-04-subtle-content);
}

.ig-avatar.ig-avatar--accent-05 {
  --ig-avatar-bg: var(--ig-avatar-accent-05-bold-background);
  --ig-avatar-border: var(--ig-avatar-accent-05-bold-border);
  --ig-avatar-color: var(--ig-avatar-accent-05-bold-content);
}

.ig-avatar.ig-avatar--accent-05.ig-avatar--subtle {
  --ig-avatar-bg: var(--ig-avatar-accent-05-subtle-background);
  --ig-avatar-border: var(--ig-avatar-accent-05-subtle-border);
  --ig-avatar-color: var(--ig-avatar-accent-05-subtle-content);
}

.ig-avatar.ig-avatar--accent-06 {
  --ig-avatar-bg: var(--ig-avatar-accent-06-bold-background);
  --ig-avatar-border: var(--ig-avatar-accent-06-bold-border);
  --ig-avatar-color: var(--ig-avatar-accent-06-bold-content);
}

.ig-avatar.ig-avatar--accent-06.ig-avatar--subtle {
  --ig-avatar-bg: var(--ig-avatar-accent-06-subtle-background);
  --ig-avatar-border: var(--ig-avatar-accent-06-subtle-border);
  --ig-avatar-color: var(--ig-avatar-accent-06-subtle-content);
}

.ig-avatar.ig-avatar--accent-07 {
  --ig-avatar-bg: var(--ig-avatar-accent-07-bold-background);
  --ig-avatar-border: var(--ig-avatar-accent-07-bold-border);
  --ig-avatar-color: var(--ig-avatar-accent-07-bold-content);
}

.ig-avatar.ig-avatar--accent-07.ig-avatar--subtle {
  --ig-avatar-bg: var(--ig-avatar-accent-07-subtle-background);
  --ig-avatar-border: var(--ig-avatar-accent-07-subtle-border);
  --ig-avatar-color: var(--ig-avatar-accent-07-subtle-content);
}

.ig-avatar.ig-avatar--accent-08 {
  --ig-avatar-bg: var(--ig-avatar-accent-08-bold-background);
  --ig-avatar-border: var(--ig-avatar-accent-08-bold-border);
  --ig-avatar-color: var(--ig-avatar-accent-08-bold-content);
}

.ig-avatar.ig-avatar--accent-08.ig-avatar--subtle {
  --ig-avatar-bg: var(--ig-avatar-accent-08-subtle-background);
  --ig-avatar-border: var(--ig-avatar-accent-08-subtle-border);
  --ig-avatar-color: var(--ig-avatar-accent-08-subtle-content);
}

.ig-avatar.ig-avatar--accent-09 {
  --ig-avatar-bg: var(--ig-avatar-accent-09-bold-background);
  --ig-avatar-border: var(--ig-avatar-accent-09-bold-border);
  --ig-avatar-color: var(--ig-avatar-accent-09-bold-content);
}

.ig-avatar.ig-avatar--accent-09.ig-avatar--subtle {
  --ig-avatar-bg: var(--ig-avatar-accent-09-subtle-background);
  --ig-avatar-border: var(--ig-avatar-accent-09-subtle-border);
  --ig-avatar-color: var(--ig-avatar-accent-09-subtle-content);
}

.ig-avatar.ig-avatar--accent-10 {
  --ig-avatar-bg: var(--ig-avatar-accent-10-bold-background);
  --ig-avatar-border: var(--ig-avatar-accent-10-bold-border);
  --ig-avatar-color: var(--ig-avatar-accent-10-bold-content);
}

.ig-avatar.ig-avatar--accent-10.ig-avatar--subtle {
  --ig-avatar-bg: var(--ig-avatar-accent-10-subtle-background);
  --ig-avatar-border: var(--ig-avatar-accent-10-subtle-border);
  --ig-avatar-color: var(--ig-avatar-accent-10-subtle-content);
}

.ig-avatar.ig-avatar--accent-11 {
  --ig-avatar-bg: var(--ig-avatar-accent-11-bold-background);
  --ig-avatar-border: var(--ig-avatar-accent-11-bold-border);
  --ig-avatar-color: var(--ig-avatar-accent-11-bold-content);
}

.ig-avatar.ig-avatar--accent-11.ig-avatar--subtle {
  --ig-avatar-bg: var(--ig-avatar-accent-11-subtle-background);
  --ig-avatar-border: var(--ig-avatar-accent-11-subtle-border);
  --ig-avatar-color: var(--ig-avatar-accent-11-subtle-content);
}

.ig-avatar.ig-avatar--accent-12 {
  --ig-avatar-bg: var(--ig-avatar-accent-12-bold-background);
  --ig-avatar-border: var(--ig-avatar-accent-12-bold-border);
  --ig-avatar-color: var(--ig-avatar-accent-12-bold-content);
}

.ig-avatar.ig-avatar--accent-12.ig-avatar--subtle {
  --ig-avatar-bg: var(--ig-avatar-accent-12-subtle-background);
  --ig-avatar-border: var(--ig-avatar-accent-12-subtle-border);
  --ig-avatar-color: var(--ig-avatar-accent-12-subtle-content);
}

.ig-avatar.ig-avatar--xxl {
  --ig-avatar-size: var(--ig-size-1600);
  --ig-avatar-font: var(--ig-font-weight-regular) var(--ig-size-600) / var(--ig-size-300) var(--ig-font-family-body);
  --ig-avatar-icon-size: var(--ig-size-1000);
}

.ig-avatar.ig-avatar--xxl > .ig-badge {
  --ig-badge-size: var(--ig-size-600);
  --ig-badge-font: var(--ig-typography-body-large-bold);
}

.ig-avatar.ig-avatar--xl {
  --ig-avatar-size: var(--ig-size-1200);
  --ig-avatar-font: var(--ig-font-weight-regular) var(--ig-size-500) / var(--ig-size-300) var(--ig-font-family-body);
  --ig-avatar-icon-size: 56px;
}

.ig-avatar.ig-avatar--xl > .ig-badge {
  --ig-badge-size: var(--ig-size-500);
  --ig-badge-font: var(--ig-typography-body-medium-bold);
}

.ig-avatar.ig-avatar--lg {
  --ig-avatar-size: var(--ig-size-800);
  --ig-avatar-font: var(--ig-font-weight-regular) var(--ig-size-300) / var(--ig-size-300) var(--ig-font-family-body);
  --ig-avatar-icon-size: var(--ig-size-500);
}

.ig-avatar.ig-avatar--lg > .ig-badge {
  --ig-badge-size: var(--ig-size-300);
  --ig-badge-font: var(--ig-typography-body-small-bold);
}

.ig-avatar.ig-avatar--sm {
  --ig-avatar-size: var(--ig-size-400);
  --ig-avatar-font: var(--ig-font-weight-regular) var(--ig-font-size-body) / var(--ig-size-300) var(--ig-font-family-body);
  --ig-avatar-icon-size: var(--ig-size-250);
}

.ig-avatar.ig-avatar--sm > .ig-badge {
  --ig-badge-size: var(--ig-size-200);
  --ig-badge-font: var(--ig-typography-body-xsmall-bold);
}

.ig-avatar.ig-avatar--xs {
  --ig-avatar-size: var(--ig-size-300);
  --ig-avatar-font: var(--ig-font-weight-regular) var(--ig-size-150) / var(--ig-size-300) var(--ig-font-family-body);
  --ig-avatar-icon-size: var(--ig-size-200);
}

.ig-avatar.ig-avatar--xs > .ig-badge {
  display: none;
}

.ig-avatar.ig-avatar--xxs {
  --ig-avatar-size: var(--ig-size-200);
  --ig-avatar-font: var(--ig-font-weight-regular) var(--ig-size-100) / var(--ig-size-300) var(--ig-font-family-body);
  --ig-avatar-icon-size: var(--ig-size-150);
}

.ig-avatar.ig-avatar--xxs > .ig-badge {
  display: none;
}

.ig-avatar .ig-badge {
  --ig-badge-position: -5px;
}

.ig-badge {
  --ig-badge-gray-background: var(--ig-icon-medium);
  --ig-badge-gray-content: var(--ig-text-on-bold-bold);
  --ig-badge-gray-border: var(--ig-border-clear);
  --ig-badge-info-background: var(--ig-icon-info);
  --ig-badge-info-content: var(--ig-text-on-bold-bold);
  --ig-badge-info-border: var(--ig-border-clear);
  --ig-badge-warning-background: var(--ig-icon-warning);
  --ig-badge-warning-content: var(--ig-icon-on-warning);
  --ig-badge-warning-border: var(--ig-border-clear);
  --ig-badge-danger-background: var(--ig-icon-danger);
  --ig-badge-danger-content: var(--ig-text-on-bold-bold);
  --ig-badge-danger-border: var(--ig-border-clear);
  --ig-badge-success-background: var(--ig-icon-success);
  --ig-badge-success-content: var(--ig-text-on-bold-bold);
  --ig-badge-success-border: var(--ig-border-clear);
  --ig-badge-size: var(--ig-size-200);
  --ig-badge-icon-size: var(--ig-size-200);
  --ig-badge-font: var(--ig-typography-body-xsmall-bold);
  --ig-badge-bg: var(--ig-badge-gray-background);
  --ig-badge-border: var(--ig-badge-gray-border);
  --ig-badge-color: var(--ig-badge-gray-content);
  --ig-badge-border-width: var(--ig-border-width-2x);
  font: var(--ig-badge-font);
  width: var(--ig-badge-size);
  height: var(--ig-badge-size);
  color: var(--ig-badge-color);
  background: var(--ig-badge-bg);
  border: var(--ig-badge-border-width) solid var(--ig-badge-border);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ig-badge i {
  font-size: calc(var(--ig-badge-size) * .6);
  line-height: 0;
}

.ig-badge.ig-badge--gray {
  --ig-badge-bg: var(--ig-badge-gray-background);
  --ig-badge-border: var(--ig-badge-gray-border);
  --ig-badge-color: var(--ig-badge-gray-content);
}

.ig-badge.ig-badge--info {
  --ig-badge-bg: var(--ig-badge-info-background);
  --ig-badge-border: var(--ig-badge-info-border);
  --ig-badge-color: var(--ig-badge-info-content);
}

.ig-badge.ig-badge--danger {
  --ig-badge-bg: var(--ig-badge-danger-background);
  --ig-badge-border: var(--ig-badge-danger-border);
  --ig-badge-color: var(--ig-badge-danger-content);
}

.ig-badge.ig-badge--success {
  --ig-badge-bg: var(--ig-badge-success-background);
  --ig-badge-border: var(--ig-badge-success-border);
  --ig-badge-color: var(--ig-badge-success-content);
}

.ig-badge.ig-badge--warning {
  --ig-badge-bg: var(--ig-badge-warning-background);
  --ig-badge-border: var(--ig-badge-warning-border);
  --ig-badge-color: var(--ig-badge-warning-content);
}

.ig-badge.ig-badge--xs {
  --ig-badge-size: var(--ig-size-200);
  --ig-badge-icon-size: var(--ig-size-200);
  --ig-badge-font: var(--ig-typography-body-xxsmall-bold);
  --ig-badge-border-width: 1px;
}

.ig-badge.ig-badge--sm {
  --ig-badge-size: var(--ig-size-250);
  --ig-badge-icon-size: var(--ig-size-250);
  --ig-badge-font: var(--ig-typography-body-xsmall-bold);
  --ig-badge-border-width: 1.25px;
}

.ig-badge.ig-badge--md {
  --ig-badge-size: var(--ig-size-300);
  --ig-badge-icon-size: var(--ig-size-300);
  --ig-badge-font: var(--ig-typography-body-small-bold);
  --ig-badge-border-width: 1.5px;
}

.ig-badge.ig-badge--lg {
  --ig-badge-size: var(--ig-size-500);
  --ig-badge-icon-size: var(--ig-size-500);
  --ig-badge-font: var(--ig-typography-body-medium-bold);
  --ig-badge-border-width: 2.5px;
}

.ig-badge.ig-badge--xl {
  --ig-badge-size: var(--ig-size-600);
  --ig-badge-icon-size: var(--ig-size-600);
  --ig-badge-font: var(--ig-typography-body-large-bold);
  --ig-badge-border-width: 3px;
}

.ig-badge--top-right, .ig-badge--bottom-right, .ig-badge--top-left, .ig-badge--bottom-left {
  --ig-badge-position: calc(var(--ig-badge-size) / -3);
  position: absolute;
}

.ig-badge--top-right {
  right: var(--ig-badge-position);
  top: var(--ig-badge-position);
}

.ig-badge--bottom-right {
  right: var(--ig-badge-position);
  bottom: var(--ig-badge-position);
  top: auto;
}

.ig-badge--top-left {
  left: var(--ig-badge-position);
  top: var(--ig-badge-position);
  right: auto;
}

.ig-badge--bottom-left {
  inset: auto auto var(--ig-badge-position) var(--ig-badge-position);
}

* :has( > .ig-badge--top-right,  > .ig-badge--bottom-right,  > .ig-badge--bottom-left,  > .ig-badge--top-left) {
  position: relative;
  overflow: visible;
}

.ig-btn-close {
  --cross-thickness: 1.5px;
  background: var(--ig-button-plain-background);
  width: var(--ig-btn-close-size, var(--ig-component-size-small));
  height: var(--ig-btn-close-size, var(--ig-component-size-small));
  border-radius: var(--ig-border-radius-input);
  position: relative;
}

.ig-btn-close:before, .ig-btn-close:after {
  top: 0;
  left: calc(var(--ig-btn-close-size, var(--ig-component-size-small)) / 2 - var(--cross-thickness) / 2);
  content: " ";
  height: var(--ig-btn-close-size, var(--ig-component-size-small));
  width: var(--cross-thickness);
  background-color: var(--ig-btn-close-background, var(--ig-icon-close));
  position: absolute;
}

.ig-btn-close:before {
  transform: rotate(45deg);
}

.ig-btn-close:after {
  transform: rotate(-45deg);
}

.ig-btn-close:hover {
  background: var(--ig-button-plain-background-hover);
}

.ig-btn-close:active {
  background: var(--ig-button-plain-background-pressed);
}

.ig-btn {
  --ig-button-filled-border: var(--ig-border-transparent);
  --ig-button-filled-background: var(--ig-background-strong);
  --ig-button-filled-background-hover: var(--ig-background-strong-hover);
  --ig-button-filled-background-pressed: var(--ig-background-strong-pressed);
  --ig-button-filled-content: var(--ig-text-on-bold-bold);
  --ig-button-filled-content-hover: var(--ig-text-on-bold-bold-hover);
  --ig-button-filled-content-pressed: var(--ig-text-on-bold-bold-pressed);
  --ig-button-outlined-border: var(--ig-border-bold);
  --ig-button-outlined-background: var(--ig-background-clear);
  --ig-button-outlined-background-hover: var(--ig-background-clear-hover);
  --ig-button-outlined-background-pressed: var(--ig-background-clear-pressed);
  --ig-button-outlined-content: var(--ig-text-bold);
  --ig-button-outlined-content-hover: var(--ig-text-bold-hover);
  --ig-button-outlined-content-pressed: var(--ig-text-bold-pressed);
  --ig-button-soft-border: var(--ig-border-transparent);
  --ig-button-soft-background: var(--ig-background-transparent-subtle);
  --ig-button-soft-background-hover: var(--ig-background-transparent-subtle-hover);
  --ig-button-soft-background-pressed: var(--ig-background-transparent-subtle-pressed);
  --ig-button-soft-content: var(--ig-text-bold);
  --ig-button-soft-content-hover: var(--ig-text-bold);
  --ig-button-soft-content-pressed: var(--ig-text-bold);
  --ig-button-plain-border: var(--ig-border-transparent);
  --ig-button-plain-background: var(--ig-background-transparent-clear);
  --ig-button-plain-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-button-plain-background-pressed: var(--ig-background-transparent-clear-pressed);
  --ig-button-plain-content: var(--ig-text-bold);
  --ig-button-plain-content-hover: var(--ig-text-bold-hover);
  --ig-button-plain-content-pressed: var(--ig-text-bold-pressed);
  --ig-button-danger-filled-border: var(--ig-border-transparent);
  --ig-button-danger-filled-background: var(--ig-background-danger-bold);
  --ig-button-danger-filled-background-hover: var(--ig-background-danger-bold-hover);
  --ig-button-danger-filled-background-pressed: var(--ig-background-danger-bold-pressed);
  --ig-button-danger-filled-content: var(--ig-text-on-bold-bold);
  --ig-button-danger-filled-content-hover: var(--ig-text-on-bold-bold-hover);
  --ig-button-danger-filled-content-pressed: var(--ig-text-on-bold-bold-pressed);
  --ig-button-danger-outlined-border: var(--ig-border-danger-bold);
  --ig-button-danger-outlined-background: var(--ig-background-clear);
  --ig-button-danger-outlined-background-hover: var(--ig-background-danger-subtle);
  --ig-button-danger-outlined-background-pressed: var(--ig-background-danger-soft);
  --ig-button-danger-outlined-content: var(--ig-text-danger);
  --ig-button-danger-outlined-content-hover: var(--ig-text-danger-hover);
  --ig-button-danger-outlined-content-pressed: var(--ig-text-danger-pressed);
  --ig-button-danger-soft-border: var(--ig-border-transparent);
  --ig-button-danger-soft-background: var(--ig-background-transparent-danger);
  --ig-button-danger-soft-background-hover: var(--ig-background-transparent-danger-hover);
  --ig-button-danger-soft-background-pressed: var(--ig-background-transparent-danger-pressed);
  --ig-button-danger-soft-content: var(--ig-text-danger);
  --ig-button-danger-soft-content-hover: var(--ig-text-danger-hover);
  --ig-button-danger-soft-content-pressed: var(--ig-text-danger-pressed);
  --ig-button-danger-plain-border: var(--ig-border-transparent);
  --ig-button-danger-plain-background: var(--ig-background-transparent-clear);
  --ig-button-danger-plain-background-hover: var(--ig-background-transparent-danger-hover);
  --ig-button-danger-plain-background-pressed: var(--ig-background-transparent-danger-pressed);
  --ig-button-danger-plain-content: var(--ig-text-danger);
  --ig-button-danger-plain-content-hover: var(--ig-text-danger-hover);
  --ig-button-danger-plain-content-pressed: var(--ig-text-danger-pressed);
  --ig-button-success-filled-border: var(--ig-border-transparent);
  --ig-button-success-filled-background: var(--ig-background-success-bold);
  --ig-button-success-filled-background-hover: var(--ig-background-success-bold-hover);
  --ig-button-success-filled-background-pressed: var(--ig-background-success-bold-pressed);
  --ig-button-success-filled-content: var(--ig-text-on-bold-bold);
  --ig-button-success-filled-content-hover: var(--ig-text-on-bold-bold-hover);
  --ig-button-success-filled-content-pressed: var(--ig-text-on-bold-bold-pressed);
  --ig-button-success-outlined-border: var(--ig-border-success-bold);
  --ig-button-success-outlined-background: var(--ig-background-clear);
  --ig-button-success-outlined-background-hover: var(--ig-background-success-subtle);
  --ig-button-success-outlined-background-pressed: var(--ig-background-success-soft);
  --ig-button-success-outlined-content: var(--ig-text-success);
  --ig-button-success-outlined-content-hover: var(--ig-text-success-hover);
  --ig-button-success-outlined-content-pressed: var(--ig-text-success-pressed);
  --ig-button-success-soft-border: var(--ig-border-transparent);
  --ig-button-success-soft-background: var(--ig-background-transparent-success);
  --ig-button-success-soft-background-hover: var(--ig-background-transparent-success-hover);
  --ig-button-success-soft-background-pressed: var(--ig-background-transparent-success-pressed);
  --ig-button-success-soft-content: var(--ig-text-success);
  --ig-button-success-soft-content-hover: var(--ig-text-success-hover);
  --ig-button-success-soft-content-pressed: var(--ig-text-success-pressed);
  --ig-button-success-plain-border: var(--ig-border-transparent);
  --ig-button-success-plain-background: var(--ig-background-transparent-clear);
  --ig-button-success-plain-background-hover: var(--ig-background-transparent-success-hover);
  --ig-button-success-plain-background-pressed: var(--ig-background-transparent-success-pressed);
  --ig-button-success-plain-content: var(--ig-text-success);
  --ig-button-success-plain-content-hover: var(--ig-text-success-hover);
  --ig-button-success-plain-content-pressed: var(--ig-text-success-pressed);
  --ig-button-group-border: var(--ig-border-medium);
  --ig-button-brand-filled-border: var(--ig-border-transparent);
  --ig-button-brand-filled-background: var(--ig-background-primary-bold);
  --ig-button-brand-filled-background-hover: var(--ig-background-primary-bold-hover);
  --ig-button-brand-filled-background-pressed: var(--ig-background-primary-bold-pressed);
  --ig-button-brand-filled-content: var(--ig-text-on-bold-bold);
  --ig-button-brand-filled-content-hover: var(--ig-text-on-bold-bold-hover);
  --ig-button-brand-filled-content-pressed: var(--ig-text-on-bold-bold-pressed);
  --ig-button-brand-outlined-border: var(--ig-border-primary-bold);
  --ig-button-brand-outlined-background: var(--ig-background-clear);
  --ig-button-brand-outlined-background-hover: var(--ig-background-primary-subtle);
  --ig-button-brand-outlined-background-pressed: var(--ig-background-primary-soft);
  --ig-button-brand-outlined-content: var(--ig-text-primary);
  --ig-button-brand-outlined-content-hover: var(--ig-text-primary-hover);
  --ig-button-brand-outlined-content-pressed: var(--ig-text-primary-pressed);
  --ig-btn-font: var(--ig-typography-body-medium-medium);
  --ig-btn-padding-x: var(--ig-component-input-medium-horizontal-padding);
  --ig-btn-padding-y: var(--ig-component-input-medium-vertical-padding);
  --ig-btn-gap: var(--ig-component-input-medium-gap);
  --ig-btn-icon-size: var(--ig-line-height-body);
  --ig-btn-box-shadow: none;
  --ig-btn-bg: var(--ig-button-soft-background);
  --ig-btn-border: var(--ig-button-soft-border);
  --ig-btn-color: var(--ig-button-soft-content);
  --ig-btn-spinner-size: var(--ig-btn-icon-size);
  --ig-btn-spinner-width: calc(var(--ig-btn-spinner-size) / 10);
  --ig-btn-spinner-fill: currentColor;
  --ig-btn-spinner-bg: transparent;
}

.ig-btn:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-soft-background-hover);
  --ig-btn-color: var(--ig-button-soft-content-hover);
  --ig-btn-box-shadow: var(--ig-elevation-level-1);
  --ig-link-hover: var(--ig-button-soft-content-hover);
  text-decoration: none;
}

.ig-btn:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-soft-background-pressed);
  --ig-btn-color: var(--ig-button-soft-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
  --ig-link-pressed: var(--ig-button-soft-content-pressed);
  text-decoration: none;
}

.ig-btn {
  vertical-align: middle;
  white-space: nowrap;
  user-select: none;
  color: var(--ig-btn-color);
  background-color: var(--ig-btn-bg);
  border: var(--ig-border-width) solid var(--ig-btn-border);
  border-radius: var(--ig-border-radius-input);
  box-shadow: var(--ig-btn-box-shadow);
  padding: var(--ig-btn-padding-y) var(--ig-btn-padding-x);
  gap: var(--ig-btn-gap);
  font: var(--ig-btn-font);
  width: fit-content;
  display: inline-flex;
}

.ig-btn * {
  pointer-events: none;
}

.ig-btn span {
  text-box-trim: trim-end;
  line-height: 1.5;
}

.ig-btn i {
  font-size: var(--ig-btn-icon-size);
  line-height: 0;
}

.ig-btn--icon {
  padding: var(--ig-btn-padding-y);
}

.ig-btn[disabled] {
  opacity: var(--ig-opacity-disabled);
  pointer-events: none;
  position: relative;
}

.ig-btn[disabled]:before {
  content: "";
  pointer-events: all;
  cursor: not-allowed;
  position: absolute;
  inset: 0;
}

.ig-btn.ig-btn--filled {
  --ig-btn-bg: var(--ig-button-filled-background);
  --ig-btn-border: var(--ig-button-filled-border);
  --ig-btn-color: var(--ig-button-filled-content);
}

.ig-btn.ig-btn--filled:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-filled-background-hover);
  --ig-btn-color: var(--ig-button-filled-content-hover);
  --ig-link-hover: var(--ig-button-filled-content-hover);
  text-decoration: none;
}

.ig-btn.ig-btn--filled:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-filled-background-pressed);
  --ig-btn-color: var(--ig-button-filled-content-pressed);
  --ig-link-pressed: var(--ig-button-filled-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--outlined {
  --ig-btn-bg: var(--ig-button-outlined-background);
  --ig-btn-border: var(--ig-button-outlined-border);
  --ig-btn-color: var(--ig-button-outlined-content);
}

.ig-btn.ig-btn--outlined:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-outlined-background-hover);
  --ig-btn-color: var(--ig-button-outlined-content-hover);
  --ig-link-hover: var(--ig-button-outlined-content-hover);
  text-decoration: none;
}

.ig-btn.ig-btn--outlined:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-outlined-background-pressed);
  --ig-btn-color: var(--ig-button-outlined-content-pressed);
  --ig-link-pressed: var(--ig-button-outlined-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--soft {
  --ig-btn-bg: var(--ig-button-soft-background);
  --ig-btn-border: var(--ig-button-soft-border);
  --ig-btn-color: var(--ig-button-soft-content);
}

.ig-btn.ig-btn--soft:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-soft-background-hover);
  --ig-btn-color: var(--ig-button-soft-content-hover);
  --ig-link-hover: var(--ig-button-soft-content-hover);
  text-decoration: none;
}

.ig-btn.ig-btn--soft:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-soft-background-pressed);
  --ig-btn-color: var(--ig-button-soft-content-pressed);
  --ig-link-pressed: var(--ig-button-soft-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--plain {
  --ig-btn-bg: var(--ig-button-plain-background);
  --ig-btn-border: var(--ig-button-plain-border);
  --ig-btn-color: var(--ig-button-plain-content);
}

.ig-btn.ig-btn--plain:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-plain-background-hover);
  --ig-btn-color: var(--ig-button-plain-content-hover);
  --ig-link-hover: var(--ig-button-plain-content-hover);
  --ig-btn-box-shadow: none;
  text-decoration: none;
}

.ig-btn.ig-btn--plain:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-plain-background-pressed);
  --ig-btn-color: var(--ig-button-plain-content-pressed);
  --ig-link-pressed: var(--ig-button-plain-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--brand-filled {
  --ig-btn-bg: var(--ig-button-brand-filled-background);
  --ig-btn-border: var(--ig-button-brand-filled-border);
  --ig-btn-color: var(--ig-button-brand-filled-content);
}

.ig-btn.ig-btn--brand-filled:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-brand-filled-background-hover);
  --ig-btn-color: var(--ig-button-brand-filled-content-hover);
  --ig-link-hover: var(--ig-button-brand-filled-content-hover);
  text-decoration: none;
}

.ig-btn.ig-btn--brand-filled:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-brand-filled-background-pressed);
  --ig-btn-color: var(--ig-button-brand-filled-content-pressed);
  --ig-link-pressed: var(--ig-button-brand-filled-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--brand-outlined {
  --ig-btn-bg: var(--ig-button-brand-outlined-background);
  --ig-btn-border: var(--ig-button-brand-outlined-border);
  --ig-btn-color: var(--ig-button-brand-outlined-content);
}

.ig-btn.ig-btn--brand-outlined:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-brand-outlined-background-hover);
  --ig-btn-color: var(--ig-button-brand-outlined-content-hover);
  --ig-link-hover: var(--ig-button-brand-outlined-content-hover);
  text-decoration: none;
}

.ig-btn.ig-btn--brand-outlined:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-brand-outlined-background-pressed);
  --ig-btn-color: var(--ig-button-brand-outlined-content-pressed);
  --ig-link-pressed: var(--ig-button-brand-outlined-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--brand-soft {
  --ig-btn-bg: var(--ig-button-brand-soft-background);
  --ig-btn-border: var(--ig-button-brand-soft-border);
  --ig-btn-color: var(--ig-button-brand-soft-content);
}

.ig-btn.ig-btn--brand-soft:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-brand-soft-background-hover);
  --ig-btn-color: var(--ig-button-brand-soft-content-hover);
  --ig-link-hover: var(--ig-button-brand-soft-content-hover);
  text-decoration: none;
}

.ig-btn.ig-btn--brand-soft:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-brand-soft-background-pressed);
  --ig-btn-color: var(--ig-button-brand-soft-content-pressed);
  --ig-link-pressed: var(--ig-button-brand-soft-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--brand-plain {
  --ig-btn-bg: var(--ig-button-brand-plain-background);
  --ig-btn-border: var(--ig-button-brand-plain-border);
  --ig-btn-color: var(--ig-button-brand-plain-content);
}

.ig-btn.ig-btn--brand-plain:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-brand-plain-background-hover);
  --ig-btn-color: var(--ig-button-brand-plain-content-hover);
  --ig-link-hover: var(--ig-button-brand-plain-content-hover);
  --ig-btn-box-shadow: none;
  text-decoration: none;
}

.ig-btn.ig-btn--brand-plain:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-brand-plain-background-pressed);
  --ig-btn-color: var(--ig-button-brand-plain-content-pressed);
  --ig-link-pressed: var(--ig-button-brand-plain-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--danger-filled {
  --ig-btn-bg: var(--ig-button-danger-filled-background);
  --ig-btn-border: var(--ig-button-danger-filled-border);
  --ig-btn-color: var(--ig-button-danger-filled-content);
}

.ig-btn.ig-btn--danger-filled:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-danger-filled-background-hover);
  --ig-btn-color: var(--ig-button-danger-filled-content-hover);
  --ig-link-hover: var(--ig-button-danger-filled-content-hover);
  text-decoration: none;
}

.ig-btn.ig-btn--danger-filled:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-danger-filled-background-pressed);
  --ig-btn-color: var(--ig-button-danger-filled-content-pressed);
  --ig-link-pressed: var(--ig-button-danger-filled-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--danger-outlined {
  --ig-btn-bg: var(--ig-button-danger-outlined-background);
  --ig-btn-border: var(--ig-button-danger-outlined-border);
  --ig-btn-color: var(--ig-button-danger-outlined-content);
}

.ig-btn.ig-btn--danger-outlined:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-danger-outlined-background-hover);
  --ig-btn-color: var(--ig-button-danger-outlined-content-hover);
  --ig-link-hover: var(--ig-button-danger-outlined-content-hover);
  text-decoration: none;
}

.ig-btn.ig-btn--danger-outlined:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-danger-outlined-background-pressed);
  --ig-btn-color: var(--ig-button-danger-outlined-content-pressed);
  --ig-link-pressed: var(--ig-button-danger-outlined-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--danger-soft {
  --ig-btn-bg: var(--ig-button-danger-soft-background);
  --ig-btn-border: var(--ig-button-danger-soft-border);
  --ig-btn-color: var(--ig-button-danger-soft-content);
}

.ig-btn.ig-btn--danger-soft:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-danger-soft-background-hover);
  --ig-btn-color: var(--ig-button-danger-soft-content-hover);
  --ig-link-hover: var(--ig-button-danger-soft-content-hover);
  text-decoration: none;
}

.ig-btn.ig-btn--danger-soft:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-danger-soft-background-pressed);
  --ig-btn-color: var(--ig-button-danger-soft-content-pressed);
  --ig-link-pressed: var(--ig-button-danger-soft-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--danger-plain {
  --ig-btn-bg: var(--ig-button-danger-plain-background);
  --ig-btn-border: var(--ig-button-danger-plain-border);
  --ig-btn-color: var(--ig-button-danger-plain-content);
}

.ig-btn.ig-btn--danger-plain:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-danger-plain-background-hover);
  --ig-btn-color: var(--ig-button-danger-plain-content-hover);
  --ig-link-hover: var(--ig-button-danger-plain-content-hover);
  --ig-btn-box-shadow: none;
  text-decoration: none;
}

.ig-btn.ig-btn--danger-plain:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-danger-plain-background-pressed);
  --ig-btn-color: var(--ig-button-danger-plain-content-pressed);
  --ig-link-pressed: var(--ig-button-danger-plain-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--success-filled {
  --ig-btn-bg: var(--ig-button-success-filled-background);
  --ig-btn-border: var(--ig-button-success-filled-border);
  --ig-btn-color: var(--ig-button-success-filled-content);
}

.ig-btn.ig-btn--success-filled:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-success-filled-background-hover);
  --ig-btn-color: var(--ig-button-success-filled-content-hover);
  --ig-link-hover: var(--ig-button-success-filled-content-hover);
  text-decoration: none;
}

.ig-btn.ig-btn--success-filled:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-success-filled-background-pressed);
  --ig-btn-color: var(--ig-button-success-filled-content-pressed);
  --ig-link-pressed: var(--ig-button-success-filled-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--success-outlined {
  --ig-btn-bg: var(--ig-button-success-outlined-background);
  --ig-btn-border: var(--ig-button-success-outlined-border);
  --ig-btn-color: var(--ig-button-success-outlined-content);
}

.ig-btn.ig-btn--success-outlined:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-success-outlined-background-hover);
  --ig-btn-color: var(--ig-button-success-outlined-content-hover);
  --ig-link-hover: var(--ig-button-success-outlined-content-hover);
  text-decoration: none;
}

.ig-btn.ig-btn--success-outlined:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-success-outlined-background-pressed);
  --ig-btn-color: var(--ig-button-success-outlined-content-pressed);
  --ig-link-pressed: var(--ig-button-success-outlined-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--success-soft {
  --ig-btn-bg: var(--ig-button-success-soft-background);
  --ig-btn-border: var(--ig-button-success-soft-border);
  --ig-btn-color: var(--ig-button-success-soft-content);
}

.ig-btn.ig-btn--success-soft:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-success-soft-background-hover);
  --ig-btn-color: var(--ig-button-success-soft-content-hover);
  --ig-link-hover: var(--ig-button-success-soft-content-hover);
  text-decoration: none;
}

.ig-btn.ig-btn--success-soft:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-success-soft-background-pressed);
  --ig-btn-color: var(--ig-button-success-soft-content-pressed);
  --ig-link-pressed: var(--ig-button-success-soft-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--success-plain {
  --ig-btn-bg: var(--ig-button-success-plain-background);
  --ig-btn-border: var(--ig-button-success-plain-border);
  --ig-btn-color: var(--ig-button-success-plain-content);
}

.ig-btn.ig-btn--success-plain:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-success-plain-background-hover);
  --ig-btn-color: var(--ig-button-success-plain-content-hover);
  --ig-link-hover: var(--ig-button-success-plain-content-hover);
  --ig-btn-box-shadow: none;
  text-decoration: none;
}

.ig-btn.ig-btn--success-plain:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-success-plain-background-pressed);
  --ig-btn-color: var(--ig-button-success-plain-content-pressed);
  --ig-link-pressed: var(--ig-button-success-plain-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-btn.ig-btn--sm {
  --ig-btn-font: var(--ig-typography-body-small-medium);
  --ig-btn-padding-x: var(--ig-component-input-small-horizontal-padding);
  --ig-btn-padding-y: var(--ig-component-input-small-vertical-padding);
  --ig-btn-gap: var(--ig-component-input-small-gap);
  --ig-btn-icon-size: var(--ig-line-height-body-small);
}

.ig-btn.ig-btn--lg {
  --ig-btn-font: var(--ig-typography-body-large-medium);
  --ig-btn-padding-x: var(--ig-component-input-large-horizontal-padding);
  --ig-btn-padding-y: var(--ig-component-input-large-vertical-padding);
  --ig-btn-gap: var(--ig-component-input-large-gap);
  --ig-btn-icon-size: var(--ig-line-height-body-large);
}

@media (prefers-reduced-motion: no-preference) {
  .ig-btn {
    transition: background-color var(--ig-transition-duration), color var(--ig-transition-duration), box-shadow var(--ig-transition-duration);
  }
}

.ig-empty-state {
  --empty-state-content-mw: calc(4 * var(--ig-size-1600));
  --empty-state-image-width: 500px;
  --empty-state-image-height: 300px;
  --icon-base-width: 144px;
  --icon-box-width: calc(var(--icon-base-width) / 2);
  --icon-box-border-radius: 32px;
  padding: var(--ig-size-500);
  gap: var(--ig-size-500);
  flex-direction: column;
  align-items: center;
  margin: auto;
  display: flex;
}

.ig-empty-state__content {
  max-width: var(--empty-state-content-mw);
  padding: var(--ig-size-0);
  align-items: center;
  gap: var(--ig-size-300);
  flex-direction: column;
  display: flex;
}

.ig-empty-state__content:empty {
  display: none;
}

.ig-empty-state__text-wrapper {
  align-items: center;
  gap: var(--ig-size-100);
  flex-direction: column;
  display: flex;
}

.ig-empty-state__description {
  color: var(--ig-text-medium);
  text-align: center;
  font-size: 1rem;
}

.ig-empty-state__actions {
  gap: var(--ig-size-200);
  justify-content: center;
  display: flex;
}

.ig-empty-state__actions:empty {
  display: none;
}

.ig-empty-state [class*="ig-empty-state-image-"] {
  width: var(--empty-state-image-width);
  height: var(--empty-state-image-height);
}

.ig-empty-state [class*="illustrative-"] {
  height: var(--icon-base-width);
  width: var(--icon-base-width);
}

.ig-empty-state div[class*="illustrative-"] {
  border-radius: var(--icon-box-border-radius);
}

.ig-empty-state div[class*="illustrative-"] > i {
  width: var(--icon-box-width);
  height: var(--icon-box-width);
  margin: auto;
  display: block;
}

.ig-empty-state--sm {
  --empty-state-image-width: 240px;
  --empty-state-image-height: 144px;
  --icon-base-width: 96px;
  --icon-box-width: calc(var(--icon-base-width) / 2);
  --icon-box-border-radius: 24px;
}

.ig-empty-state--lg {
  --empty-state-image-width: 800px;
  --empty-state-image-height: 480px;
  --icon-base-width: 192px;
  --icon-box-width: calc(var(--icon-base-width) / 2);
  --icon-box-border-radius: 40px;
}

a, .ig-link {
  --ig-link: var(--ig-text-primary);
  --ig-link-hover: var(--ig-text-primary-hover);
  --ig-link-pressed: var(--ig-text-primary-pressed);
  --ig-link-decoration: var(--ig-text-decoration-primary);
  --ig-link-decoration-hover: var(--ig-text-decoration-primary-hover);
  --ig-link-decoration-pressed: var(--ig-text-decoration-primary-pressed);
  --ig-link-subtle: var(--ig-text-bold);
  --ig-link-subtle-hover: var(--ig-text-bold-hover);
  --ig-link-subtle-pressed: var(--ig-text-bold-pressed);
  --ig-link-subtle-decoration: var(--ig-text-decoration-bold);
  --ig-link-subtle-decoration-hover: var(--ig-text-decoration-bold-hover);
  --ig-link-subtle-decoration-pressed: var(--ig-text-decoration-bold-pressed);
  --ig-link-color: var(--ig-link);
  --ig-link-hover-color: var(--ig-link-hover);
  --ig-link-pressed-color: var(--ig-link-pressed);
  --ig-link-decoration-color: var(--ig-link-decoration);
  --ig-link-decoration-hover-color: var(--ig-link-decoration-hover);
  --ig-link-decoration-pressed-color: var(--ig-link-decoration-pressed);
  --ig-link-gap: var(--ig-size-100);
  --ig-link-font: var(--ig-typography-body-medium-regular);
  --icon-size: var(--ig-size-200);
}

a {
  color: var(--ig-link);
}

a:hover {
  color: var(--ig-link-hover);
  text-decoration-color: var(--ig-link-decoration-hover);
}

a:active {
  color: var(--ig-link-pressed);
  text-decoration-color: var(--ig-link-decoration-pressed);
}

a:not([href]), a:not([href]):hover, .ig-link--disabled, .ig-link--disabled:hover {
  opacity: var(--ig-opacity-disabled);
  cursor: not-allowed;
  pointer-events: none;
  user-select: none;
  text-decoration: none;
}

.ig-link {
  gap: var(--ig-link-gap);
  font: var(--ig-link-font);
  color: var(--ig-link-color);
  text-decoration: none;
  text-decoration-color: var(--ig-link-decoration-color);
  display: inline-flex;
}

.ig-link:hover {
  color: var(--ig-link-hover-color);
  text-decoration: underline;
  text-decoration-color: var(--ig-link-decoration-hover-color);
}

.ig-link:active {
  color: var(--ig-link-pressed-color);
  text-decoration-color: var(--ig-link-decoration-pressed-color);
}

.ig-link i[class*="ig-icon"] {
  font-size: var(--icon-size);
}

.ig-link--sm {
  --ig-link-gap: var(--ig-size-050);
  --ig-link-font: var(--ig-typography-body-small-regular);
  --icon-size: var(--ig-size-150);
}

.ig-link--lg {
  --ig-link-gap: var(--ig-size-150);
  --ig-link-font: var(--ig-typography-body-large-regular);
  --icon-size: var(--ig-size-250);
}

.ig-link--subtle {
  --ig-link-color: var(--ig-link-subtle);
  --ig-link-hover-color: var(--ig-link-subtle-hover);
  --ig-link-pressed-color: var(--ig-link-subtle-pressed);
  --ig-link-decoration-color: var(--ig-link-subtle-decoration);
  --ig-link-decoration-hover-color: var(--ig-link-subtle-decoration-hover);
  --ig-link-decoration-pressed-color: var(--ig-link-subtle-decoration-pressed);
  text-decoration: underline;
}

.ig-link--subtle.ig-link--disabled {
  text-decoration: none;
}

.ig-modal {
  --ig-modal-background: var(--ig-background-clear);
  --ig-modal-title: var(--ig-text-bold);
  --ig-modal-backdrop: var(--ig-background-backdrop);
  --ig-modal-border: var(--ig-border-soft);
  --ig-modal-body-background: var(--ig-modal-background);
  --ig-modal-body-text: var(--ig-text-bold);
  --ig-modal-footer-background: var(--ig-modal-background);
  --ig-modal-footer-text: var(--ig-text-bold);
  --ig-modal-header-background: var(--ig-modal-background);
  --ig-modal-header-text: var(--ig-text-bold);
  --ig-modal-elevation-level: var(--ig-elevation-level-3);
  --ig-modal-border-radius: var(--ig-border-radius);
  --ig-modal-sm-max-width: 400px;
  --ig-modal-md-max-width: 550px;
  --ig-modal-lg-max-width: 700px;
  --ig-modal-xl-max-width: 1140px;
  background: var(--ig-modal-background);
  border: solid 1px var(--ig-modal-border);
  border-radius: var(--ig-modal-border-radius);
  box-shadow: var(--ig-modal-elevation-level);
  width: 100%;
  max-width: var(--ig-modal-max-width, 100%);
  flex-direction: column;
  padding: 0;
}

.ig-modal:open {
  display: flex;
}

.ig-modal__header {
  padding: var(--ig-size-300) var(--ig-size-300) var(--ig-size-150) var(--ig-size-300);
  align-items: center;
  gap: var(--ig-size-100);
  justify-content: space-between;
  align-self: stretch;
  display: flex;
}

.ig-modal__header i[class^="illustrative-"] {
  width: 1em;
  height: 1em;
}

.ig-modal__title {
  align-items: center;
  gap: var(--ig-size-100);
  margin: 0;
  display: flex;
}

.ig-modal__title i {
  color: var(--modal-icon-color, currentColor);
  line-height: 0;
}

.ig-modal__body {
  padding: var(--ig-size-150) var(--ig-size-300);
  overflow-y: auto;
}

.ig-modal__footer {
  padding: var(--ig-size-150) var(--ig-size-300) var(--ig-size-300) var(--ig-size-300);
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--ig-size-100);
  align-self: stretch;
  display: flex;
}

.ig-modal::backdrop {
  background: var(--ig-modal-backdrop);
}

.ig-modal:not(.ig-modal--sm, .ig-modal--md, .ig-modal--lg, .ig-modal--xl) {
  --ig-modal-max-width: var(--ig-modal-md-max-width);
}

@media (width >= 576px) {
  .ig-modal.ig-modal--sm {
    --ig-modal-max-width: var(--ig-modal-sm-max-width);
  }
}

@media (width >= 768px) {
  .ig-modal.ig-modal--md {
    --ig-modal-max-width: var(--ig-modal-md-max-width);
  }
}

@media (width >= 992px) {
  .ig-modal.ig-modal--lg {
    --ig-modal-max-width: var(--ig-modal-lg-max-width);
  }
}

@media (width >= 1200px) {
  .ig-modal.ig-modal--xl {
    --ig-modal-max-width: var(--ig-modal-xl-max-width);
  }
}

.ig-modal--info {
  --modal-icon-color: var(--ig-icon-info);
}

.ig-modal--success {
  --modal-icon-color: var(--ig-icon-success);
}

.ig-modal--danger {
  --modal-icon-color: var(--ig-icon-danger);
}

.ig-modal--warning {
  --modal-icon-color: var(--ig-icon-warning);
}

@media (prefers-reduced-motion: no-preference) {
  .ig-modal {
    opacity: 0;
    transition: overlay var(--ig-transition-duration) ease-out allow-discrete, display var(--ig-transition-duration) ease-out allow-discrete, opacity var(--ig-transition-duration) ease-out, transform var(--ig-transition-duration) ease-out;
    transform: scale(.8);
  }

  .ig-modal:open {
    opacity: 1;
    transform: scale(1);
  }

  @starting-style {
    .ig-modal:open {
      opacity: 0;
      transform: scale(.8);
    }
  }
}

.ig-popover {
  --ig-popover-background: var(--ig-background-secondary-strong);
  --ig-popover-border: var(--ig-border-transparent);
  --ig-popover-text: var(--ig-text-on-bold-bold);
  --ig-popover-icon: var(--ig-text-on-bold-medium);
  --ig-popover-tip: var(--ig-background-secondary-strong);
  --ig-popover-danger-background: var(--ig-background-danger-soft);
  --ig-popover-danger-border: var(--ig-border-danger-bold);
  --ig-popover-danger-text: var(--ig-text-bold);
  --ig-popover-danger-tip: var(--ig-background-danger-bold);
  --ig-popover-padding-x: var(--ig-size-250);
  --ig-popover-padding-y: var(--ig-size-250);
  --ig-popover-arrow: var(--ig-size-075);
  --ig-popover-font: var(--ig-typography-body-medium-regular);
  --ig-popover-elevation-level: var(--ig-elevation-level-3);
  --ig-popover-border-width: var(--ig-border-width);
  --ig-popover-max-width: 360px;
}

.ig-popover--danger {
  --ig-popover-background: var(--ig-popover-danger-background);
  --ig-popover-border: var(--ig-popover-danger-border);
  --ig-popover-text: var(--ig-popover-danger-text);
  --ig-popover-icon: var(--ig-text-on-bold-medium);
  --ig-popover-tip: var(--ig-popover-danger-tip);
  --ig-popover-danger-background: var(--ig-background-danger-soft);
  --ig-popover-danger-border: var(--ig-border-danger-bold);
  --ig-popover-danger-text: var(--ig-text-bold);
  --ig-popover-danger-tip: var(--ig-background-danger-bold);
  --ig-popover-border-width: 1px 1px 1px 4px;
}

.ig-popover {
  inset: unset;
  padding: var(--ig-popover-padding-y) var(--ig-popover-padding-x);
  border-radius: var(--ig-border-radius);
  background: var(--ig-popover-background);
  color: var(--ig-popover-text);
  border-width: var(--ig-popover-border-width);
  border-color: var(--ig-popover-border);
  bottom: calc(anchor(top)  + var(--ig-popover-arrow));
  justify-self: anchor-center;
  font: var(--ig-popover-font);
  box-shadow: var(--ig-popover-elevation-level);
  max-width: var(--ig-popover-max-width);
  border-style: solid;
  margin: 0;
  position: fixed;
  overflow: visible;
}

.ig-popover:has(.ig-popover__inner) {
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
}

.ig-popover:not(:has(.ig-popover__inner)):before {
  content: "";
  top: 100%;
  left: calc(50% - var(--ig-popover-arrow));
  border-style: solid;
  border-width: var(--ig-popover-arrow) var(--ig-popover-arrow) 0;
  border-color: #0000;
  border-top-color: var(--ig-popover-tip);
  position: absolute;
}

.ig-popover:has(.ig-popover__content) {
  padding: 0;
}

.ig-popover__inner {
  padding: var(--ig-popover-padding-y) var(--ig-popover-padding-x);
  border-radius: var(--ig-border-radius);
  background: var(--ig-popover-background);
  margin-bottom: var(--ig-popover-arrow);
  box-shadow: var(--ig-popover-elevation-level);
  border-width: var(--ig-popover-border-width);
  border-color: var(--ig-popover-border);
  pointer-events: auto;
  border-style: solid;
  position: relative;
}

.ig-popover__inner:has(.ig-popover__content) {
  padding: 0;
}

.ig-popover__close {
  color: var(--ig-popover-text);
  position: absolute;
  top: 0;
  right: 0;
}

.ig-popover__arrow {
  width: calc(var(--ig-popover-arrow) * 2);
  height: var(--ig-popover-arrow);
  position: absolute;
}

.ig-popover__arrow:before {
  content: "";
  border-style: solid;
  border-width: var(--ig-popover-arrow) var(--ig-popover-arrow) 0;
  border-color: #0000;
  border-top-color: var(--ig-popover-tip);
  position: absolute;
}

.ig-popover__title {
  padding: var(--ig-popover-padding-y) var(--ig-popover-padding-x) var(--ig-size-100);
  font: var(--ig-typography-heading-small-bold);
}

.ig-popover__content {
  padding: var(--ig-popover-padding-y) var(--ig-popover-padding-x);
}

.ig-popover__title + .ig-popover__content {
  padding-top: 0;
}

.ig-popover--bottom {
  bottom: unset;
  top: anchor(bottom);
  justify-self: anchor-center;
}

.ig-popover--bottom .ig-popover__inner {
  margin-top: var(--ig-popover-arrow);
  margin-bottom: 0;
}

.ig-popover--bottom .ig-popover__arrow:before {
  border-width: 0 var(--ig-popover-arrow) var(--ig-popover-arrow);
  border-color: #0000;
  border-bottom-color: var(--ig-popover-tip);
}

.ig-popover--bottom:not(:has(.ig-popover__inner)) {
  margin: var(--ig-popover-arrow) 0 0 0;
}

.ig-popover--bottom:not(:has(.ig-popover__inner)):before {
  border-width: 0 var(--ig-popover-arrow) var(--ig-popover-arrow);
  border-color: #0000;
  border-bottom-color: var(--ig-popover-tip);
  top: auto;
  bottom: 100%;
}

.ig-popover--left {
  bottom: unset;
  justify-self: unset;
  right: anchor(left);
  align-self: anchor-center;
}

.ig-popover--left .ig-popover__inner {
  margin-right: var(--ig-popover-arrow);
  margin-bottom: 0;
}

.ig-popover--left .ig-popover__arrow {
  width: var(--ig-popover-arrow);
  height: calc(var(--ig-popover-arrow) * 2);
}

.ig-popover--left .ig-popover__arrow:before {
  border-width: var(--ig-popover-arrow) 0 var(--ig-popover-arrow) var(--ig-popover-arrow);
  border-color: #0000;
  border-left-color: var(--ig-popover-tip);
}

.ig-popover--left:not(:has(.ig-popover__inner)) {
  margin: 0 var(--ig-popover-arrow) 0 0;
}

.ig-popover--left:not(:has(.ig-popover__inner)):before {
  top: calc(50% - var(--ig-popover-arrow));
  border-width: var(--ig-popover-arrow) 0 var(--ig-popover-arrow) var(--ig-popover-arrow);
  border-color: #0000;
  border-left-color: var(--ig-popover-tip);
  left: 100%;
}

.ig-popover--right {
  bottom: unset;
  justify-self: unset;
  left: anchor(right);
  align-self: anchor-center;
}

.ig-popover--right .ig-popover__inner {
  margin-left: var(--ig-popover-arrow);
  margin-bottom: 0;
}

.ig-popover--right .ig-popover__arrow {
  width: var(--ig-popover-arrow);
  height: calc(var(--ig-popover-arrow) * 2);
}

.ig-popover--right .ig-popover__arrow:before {
  border-width: var(--ig-popover-arrow) var(--ig-popover-arrow) var(--ig-popover-arrow) 0;
  border-color: #0000;
  border-right-color: var(--ig-popover-tip);
}

.ig-popover--right:not(:has(.ig-popover__inner)) {
  margin: 0 0 0 var(--ig-popover-arrow);
}

.ig-popover--right:not(:has(.ig-popover__inner)):before {
  top: calc(50% - var(--ig-popover-arrow));
  left: calc(-1 * var(--ig-popover-arrow));
  border-width: var(--ig-popover-arrow) var(--ig-popover-arrow) var(--ig-popover-arrow) 0;
  border-color: #0000;
  border-right-color: var(--ig-popover-tip);
}

.ig-popover--sm {
  --ig-popover-font: var(--ig-typography-body-small-regular);
  --ig-popover-padding-x: var(--ig-size-200);
  --ig-popover-padding-y: var(--ig-size-200);
}

.ig-popover--lg {
  --ig-popover-font: var(--ig-typography-body-large-regular);
  --ig-popover-padding-x: var(--ig-size-300);
  --ig-popover-padding-y: var(--ig-size-300);
}

@media (prefers-reduced-motion: no-preference) {
  .ig-popover {
    transition: opacity var(--ig-transition-duration) ease-in-out, overlay var(--ig-transition-duration) ease-in-out allow-discrete, display var(--ig-transition-duration) ease-in-out allow-discrete;
    opacity: 0;
  }

  .ig-popover:popover-open {
    opacity: 1;
  }

  @starting-style {
    .ig-popover:popover-open {
      opacity: 0;
    }
  }
}

[data-theme="light"] .ig-popover__content {
  color-scheme: dark;
}

[data-theme="dark"] .ig-popover__content {
  color-scheme: light;
}

.ig-scrollbar {
  --ig-scrollbar-background: var(--ig-background-soft);
  --ig-scrollbar-element: var(--ig-background-bold);
  --ig-scrollbar-element-selected: var(--ig-background-bold-selected);
  --ig-scrollbar-border: var(--ig-border-soft);
  --ig-scrollbar-width: var(--ig-size-100);
  --ig-scrollbar-border-width: var(--ig-border-width-2x);
  --ig-scrollbar-track: transparent;
}

.ig-scrollbar::-webkit-scrollbar {
  width: var(--ig-scrollbar-width);
  height: var(--ig-scrollbar-width);
}

.ig-scrollbar::-webkit-scrollbar-thumb {
  border: var(--ig-scrollbar-border-width) solid var(--ig-scrollbar-border);
  border-radius: var(--ig-size-150);
  background: var(--ig-scrollbar-element);
  background-clip: padding-box;
}

.ig-scrollbar::-webkit-scrollbar-thumb:vertical {
  min-height: var(--ig-scrollbar-width);
}

.ig-scrollbar::-webkit-scrollbar-thumb:horizontal {
  min-width: var(--ig-scrollbar-width);
}

.ig-scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--ig-scrollbar-element-selected);
  background-clip: padding-box;
}

.ig-scrollbar::-webkit-scrollbar-corner {
  background: var(--ig-scrollbar-track);
}

.ig-scrollbar::-webkit-scrollbar-track {
  background-color: var(--ig-scrollbar-track);
}

.ig-scrollbar--bold {
  --ig-scrollbar-track: var(--ig-scrollbar-background);
}

.ig-scrollbar--lg {
  --ig-scrollbar-width: var(--ig-size-150);
}

@supports not selector(::-webkit-scrollbar) {
  .ig-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--ig-scrollbar-element) var(--ig-scrollbar-track);
  }

  .ig-scrollbar--lg {
    scrollbar-width: auto;
  }
}

.ig-tag {
  --ig-tag-gray-subtle-background: var(--ig-background-soft);
  --ig-tag-gray-subtle-background-hover: var(--ig-background-soft-hover);
  --ig-tag-gray-subtle-background-pressed: var(--ig-background-soft-pressed);
  --ig-tag-gray-subtle-content: var(--ig-text-bold);
  --ig-tag-gray-subtle-border: var(--ig-border-medium);
  --ig-tag-gray-bold-background: var(--ig-background-bold);
  --ig-tag-gray-bold-background-hover: var(--ig-background-bold-hover);
  --ig-tag-gray-bold-background-pressed: var(--ig-background-bold-pressed);
  --ig-tag-gray-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-gray-bold-border: var(--ig-border-transparent);
  --ig-tag-info-subtle-background: var(--ig-background-info-subtle);
  --ig-tag-info-subtle-background-hover: var(--ig-background-info-subtle-hover);
  --ig-tag-info-subtle-background-pressed: var(--ig-background-info-subtle-pressed);
  --ig-tag-info-subtle-content: var(--ig-text-info);
  --ig-tag-info-subtle-border: var(--ig-border-info-soft);
  --ig-tag-info-bold-background: var(--ig-background-info-bold);
  --ig-tag-info-bold-background-hover: var(--ig-background-info-bold-hover);
  --ig-tag-info-bold-background-pressed: var(--ig-background-info-bold-pressed);
  --ig-tag-info-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-info-bold-border: var(--ig-border-transparent);
  --ig-tag-warning-subtle-background: var(--ig-background-warning-subtle);
  --ig-tag-warning-subtle-background-hover: var(--ig-background-warning-subtle-hover);
  --ig-tag-warning-subtle-background-pressed: var(--ig-background-warning-subtle-pressed);
  --ig-tag-warning-subtle-content: var(--ig-text-warning);
  --ig-tag-warning-subtle-border: var(--ig-border-warning-soft);
  --ig-tag-warning-bold-background: var(--ig-background-warning-bold);
  --ig-tag-warning-bold-background-hover: var(--ig-background-warning-bold-hover);
  --ig-tag-warning-bold-background-pressed: var(--ig-background-warning-bold-pressed);
  --ig-tag-warning-bold-content: var(--ig-text-on-warning);
  --ig-tag-warning-bold-border: var(--ig-border-transparent);
  --ig-tag-danger-subtle-background: var(--ig-background-danger-subtle);
  --ig-tag-danger-subtle-background-hover: var(--ig-background-danger-subtle-hover);
  --ig-tag-danger-subtle-background-pressed: var(--ig-background-danger-subtle-pressed);
  --ig-tag-danger-subtle-content: var(--ig-text-danger);
  --ig-tag-danger-subtle-border: var(--ig-border-danger-soft);
  --ig-tag-danger-bold-background: var(--ig-background-danger-bold);
  --ig-tag-danger-bold-background-hover: var(--ig-background-danger-bold-hover);
  --ig-tag-danger-bold-background-pressed: var(--ig-background-danger-bold-pressed);
  --ig-tag-danger-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-danger-bold-border: var(--ig-border-transparent);
  --ig-tag-success-subtle-background: var(--ig-background-success-subtle);
  --ig-tag-success-subtle-background-hover: var(--ig-background-success-subtle-hover);
  --ig-tag-success-subtle-background-pressed: var(--ig-background-success-subtle-pressed);
  --ig-tag-success-subtle-content: var(--ig-text-success);
  --ig-tag-success-subtle-border: var(--ig-border-success-soft);
  --ig-tag-success-bold-background: var(--ig-background-success-bold);
  --ig-tag-success-bold-background-hover: var(--ig-background-success-bold-hover);
  --ig-tag-success-bold-background-pressed: var(--ig-background-success-bold-pressed);
  --ig-tag-success-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-success-bold-border: var(--ig-border-transparent);
  --ig-tag-accent-01-subtle-background: var(--ig-background-accent-1-subtle);
  --ig-tag-accent-01-subtle-background-hover: var(--ig-background-accent-1-subtle-hover);
  --ig-tag-accent-01-subtle-background-pressed: var(--ig-background-accent-1-subtle-pressed);
  --ig-tag-accent-01-subtle-content: var(--ig-text-accent-1);
  --ig-tag-accent-01-subtle-border: var(--ig-border-accent-1-soft);
  --ig-tag-accent-01-bold-background: var(--ig-background-accent-1-bold);
  --ig-tag-accent-01-bold-background-hover: var(--ig-background-accent-1-bold-hover);
  --ig-tag-accent-01-bold-background-pressed: var(--ig-background-accent-1-bold-pressed);
  --ig-tag-accent-01-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-accent-01-bold-border: var(--ig-border-transparent);
  --ig-tag-accent-02-subtle-background: var(--ig-background-accent-2-subtle);
  --ig-tag-accent-02-subtle-background-hover: var(--ig-background-accent-2-subtle-hover);
  --ig-tag-accent-02-subtle-background-pressed: var(--ig-background-accent-2-subtle-pressed);
  --ig-tag-accent-02-subtle-content: var(--ig-text-accent-2);
  --ig-tag-accent-02-subtle-border: var(--ig-border-accent-2-soft);
  --ig-tag-accent-02-bold-background: var(--ig-background-accent-2-bold);
  --ig-tag-accent-02-bold-background-hover: var(--ig-background-accent-2-bold-hover);
  --ig-tag-accent-02-bold-background-pressed: var(--ig-background-accent-2-bold-pressed);
  --ig-tag-accent-02-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-accent-02-bold-border: var(--ig-border-transparent);
  --ig-tag-accent-03-subtle-background: var(--ig-background-accent-3-subtle);
  --ig-tag-accent-03-subtle-background-hover: var(--ig-background-accent-3-subtle-hover);
  --ig-tag-accent-03-subtle-background-pressed: var(--ig-background-accent-3-subtle-pressed);
  --ig-tag-accent-03-subtle-content: var(--ig-text-accent-3);
  --ig-tag-accent-03-subtle-border: var(--ig-border-accent-3-soft);
  --ig-tag-accent-03-bold-background: var(--ig-background-accent-3-bold);
  --ig-tag-accent-03-bold-background-hover: var(--ig-background-accent-3-bold-hover);
  --ig-tag-accent-03-bold-background-pressed: var(--ig-background-accent-3-bold-pressed);
  --ig-tag-accent-03-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-accent-03-bold-border: var(--ig-border-transparent);
  --ig-tag-accent-04-subtle-background: var(--ig-background-accent-4-subtle);
  --ig-tag-accent-04-subtle-background-hover: var(--ig-background-accent-4-subtle-hover);
  --ig-tag-accent-04-subtle-background-pressed: var(--ig-background-accent-4-subtle-pressed);
  --ig-tag-accent-04-subtle-content: var(--ig-text-accent-4);
  --ig-tag-accent-04-subtle-border: var(--ig-border-accent-4-soft);
  --ig-tag-accent-04-bold-background: var(--ig-background-accent-4-bold);
  --ig-tag-accent-04-bold-background-hover: var(--ig-background-accent-4-bold-hover);
  --ig-tag-accent-04-bold-background-pressed: var(--ig-background-accent-4-bold-pressed);
  --ig-tag-accent-04-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-accent-04-bold-border: var(--ig-border-transparent);
  --ig-tag-accent-05-subtle-background: var(--ig-background-accent-5-subtle);
  --ig-tag-accent-05-subtle-background-hover: var(--ig-background-accent-5-subtle-hover);
  --ig-tag-accent-05-subtle-background-pressed: var(--ig-background-accent-5-subtle-pressed);
  --ig-tag-accent-05-subtle-content: var(--ig-text-accent-5);
  --ig-tag-accent-05-subtle-border: var(--ig-border-accent-5-soft);
  --ig-tag-accent-05-bold-background: var(--ig-background-accent-5-bold);
  --ig-tag-accent-05-bold-background-hover: var(--ig-background-accent-5-bold-hover);
  --ig-tag-accent-05-bold-background-pressed: var(--ig-background-accent-5-bold-pressed);
  --ig-tag-accent-05-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-accent-05-bold-border: var(--ig-border-transparent);
  --ig-tag-accent-06-subtle-background: var(--ig-background-accent-6-subtle);
  --ig-tag-accent-06-subtle-background-hover: var(--ig-background-accent-6-subtle-hover);
  --ig-tag-accent-06-subtle-background-pressed: var(--ig-background-accent-6-subtle-pressed);
  --ig-tag-accent-06-subtle-content: var(--ig-text-accent-6);
  --ig-tag-accent-06-subtle-border: var(--ig-border-accent-6-soft);
  --ig-tag-accent-06-bold-background: var(--ig-background-accent-6-bold);
  --ig-tag-accent-06-bold-background-hover: var(--ig-background-accent-6-bold-hover);
  --ig-tag-accent-06-bold-background-pressed: var(--ig-background-accent-6-bold-pressed);
  --ig-tag-accent-06-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-accent-06-bold-border: var(--ig-border-transparent);
  --ig-tag-accent-07-subtle-background: var(--ig-background-accent-7-subtle);
  --ig-tag-accent-07-subtle-background-hover: var(--ig-background-accent-7-subtle-hover);
  --ig-tag-accent-07-subtle-background-pressed: var(--ig-background-accent-7-subtle-pressed);
  --ig-tag-accent-07-subtle-content: var(--ig-text-accent-7);
  --ig-tag-accent-07-subtle-border: var(--ig-border-accent-7-soft);
  --ig-tag-accent-07-bold-background: var(--ig-background-accent-7-bold);
  --ig-tag-accent-07-bold-background-hover: var(--ig-background-accent-7-bold-hover);
  --ig-tag-accent-07-bold-background-pressed: var(--ig-background-accent-7-bold-pressed);
  --ig-tag-accent-07-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-accent-07-bold-border: var(--ig-border-transparent);
  --ig-tag-accent-08-subtle-background: var(--ig-background-accent-8-subtle);
  --ig-tag-accent-08-subtle-background-hover: var(--ig-background-accent-8-subtle-hover);
  --ig-tag-accent-08-subtle-background-pressed: var(--ig-background-accent-8-subtle-pressed);
  --ig-tag-accent-08-subtle-content: var(--ig-text-accent-8);
  --ig-tag-accent-08-subtle-border: var(--ig-border-accent-8-soft);
  --ig-tag-accent-08-bold-background: var(--ig-background-accent-8-bold);
  --ig-tag-accent-08-bold-background-hover: var(--ig-background-accent-8-bold-hover);
  --ig-tag-accent-08-bold-background-pressed: var(--ig-background-accent-8-bold-pressed);
  --ig-tag-accent-08-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-accent-08-bold-border: var(--ig-border-transparent);
  --ig-tag-accent-09-subtle-background: var(--ig-background-accent-9-subtle);
  --ig-tag-accent-09-subtle-background-hover: var(--ig-background-accent-9-subtle-hover);
  --ig-tag-accent-09-subtle-background-pressed: var(--ig-background-accent-9-subtle-pressed);
  --ig-tag-accent-09-subtle-content: var(--ig-text-accent-9);
  --ig-tag-accent-09-subtle-border: var(--ig-border-accent-9-soft);
  --ig-tag-accent-09-bold-background: var(--ig-background-accent-9-bold);
  --ig-tag-accent-09-bold-background-hover: var(--ig-background-accent-9-bold-hover);
  --ig-tag-accent-09-bold-background-pressed: var(--ig-background-accent-9-bold-pressed);
  --ig-tag-accent-09-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-accent-09-bold-border: var(--ig-border-transparent);
  --ig-tag-accent-10-subtle-background: var(--ig-background-accent-10-subtle);
  --ig-tag-accent-10-subtle-background-hover: var(--ig-background-accent-10-subtle-hover);
  --ig-tag-accent-10-subtle-background-pressed: var(--ig-background-accent-10-subtle-pressed);
  --ig-tag-accent-10-subtle-content: var(--ig-text-accent-10);
  --ig-tag-accent-10-subtle-border: var(--ig-border-accent-10-soft);
  --ig-tag-accent-10-bold-background: var(--ig-background-accent-10-bold);
  --ig-tag-accent-10-bold-background-hover: var(--ig-background-accent-10-bold-hover);
  --ig-tag-accent-10-bold-background-pressed: var(--ig-background-accent-10-bold-pressed);
  --ig-tag-accent-10-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-accent-10-bold-border: var(--ig-border-transparent);
  --ig-tag-accent-11-subtle-background: var(--ig-background-accent-11-subtle);
  --ig-tag-accent-11-subtle-background-hover: var(--ig-background-accent-11-subtle-hover);
  --ig-tag-accent-11-subtle-background-pressed: var(--ig-background-accent-11-subtle-pressed);
  --ig-tag-accent-11-subtle-content: var(--ig-text-accent-11);
  --ig-tag-accent-11-subtle-border: var(--ig-border-accent-11-soft);
  --ig-tag-accent-11-bold-background: var(--ig-background-accent-11-bold);
  --ig-tag-accent-11-bold-background-hover: var(--ig-background-accent-11-bold-hover);
  --ig-tag-accent-11-bold-background-pressed: var(--ig-background-accent-11-bold-pressed);
  --ig-tag-accent-11-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-accent-11-bold-border: var(--ig-border-transparent);
  --ig-tag-accent-12-subtle-background: var(--ig-background-accent-12-subtle);
  --ig-tag-accent-12-subtle-background-hover: var(--ig-background-accent-12-subtle-hover);
  --ig-tag-accent-12-subtle-background-pressed: var(--ig-background-accent-12-subtle-pressed);
  --ig-tag-accent-12-subtle-content: var(--ig-text-accent-12);
  --ig-tag-accent-12-subtle-border: var(--ig-border-accent-12-soft);
  --ig-tag-accent-12-bold-background: var(--ig-background-accent-12-bold);
  --ig-tag-accent-12-bold-background-hover: var(--ig-background-accent-12-bold-hover);
  --ig-tag-accent-12-bold-background-pressed: var(--ig-background-accent-12-bold-pressed);
  --ig-tag-accent-12-bold-content: var(--ig-text-on-bold-bold);
  --ig-tag-accent-12-bold-border: var(--ig-border-transparent);
  --ig-tag-bg: var(--ig-tag-gray-bold-background);
  --ig-tag-border: var(--ig-tag-gray-bold-border);
  --ig-tag-color: var(--ig-tag-gray-bold-content);
  --ig-tag-padding-x: var(--ig-size-100);
  --ig-tag-padding-y: var(--ig-component-vertical-fix-small);
  --ig-tag-gap: var(--ig-size-050);
  --ig-tag-font: var(--ig-typography-caption-small-medium);
  --ig-tag-glyph-size: var(--ig-line-height-caption-small);
  color: var(--ig-tag-color);
  background-color: var(--ig-tag-bg);
  border: var(--ig-border-width) solid var(--ig-tag-border);
  padding: var(--ig-tag-padding-y) var(--ig-tag-padding-x);
  align-items: center;
  gap: var(--ig-tag-gap);
  font: var(--ig-tag-font);
  text-transform: var(--ig-text-transform-uppercase);
  border-radius: var(--ig-border-radius);
  display: inline-flex;
  position: relative;
}

.ig-tag a {
  color: var(--ig-tag-color);
  text-decoration: var(--ig-text-decoration-link);
}

.ig-tag a:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ig-tag button.ig-btn-close {
  --ig-btn-close-background: var(--ig-tag-color);
  --ig-btn-close-size: var(--ig-tag-glyph-size);
  flex-shrink: 0;
}

.ig-tag:has(a) button.ig-btn-close {
  display: none;
}

.ig-tag.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-gray-subtle-background);
  --ig-tag-border: var(--ig-tag-gray-subtle-border);
  --ig-tag-color: var(--ig-tag-gray-subtle-content);
}

.ig-tag.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-gray-subtle-background-hover);
}

.ig-tag.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-gray-subtle-background-pressed);
}

.ig-tag i {
  font-size: var(--ig-tag-glyph-size);
  line-height: 0;
}

.ig-tag .ig-avatar {
  width: var(--ig-tag-glyph-size);
  height: var(--ig-tag-glyph-size);
}

.ig-tag:has(a):hover {
  --ig-tag-bg: var(--ig-tag-gray-bold-background-hover);
}

.ig-tag:has(a):active {
  --ig-tag-bg: var(--ig-tag-gray-bold-background-pressed);
}

.ig-tag--gray {
  --ig-tag-bg: var(--ig-tag-gray-bold-background);
  --ig-tag-border: var(--ig-tag-gray-bold-border);
  --ig-tag-color: var(--ig-tag-gray-bold-content);
}

.ig-tag--gray:has(a):hover {
  --ig-tag-bg: var(--ig-tag-gray-bold-background-hover);
}

.ig-tag--gray:has(a):active {
  --ig-tag-bg: var(--ig-tag-gray-bold-background-pressed);
}

.ig-tag--gray.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-gray-subtle-background);
  --ig-tag-border: var(--ig-tag-gray-subtle-border);
  --ig-tag-color: var(--ig-tag-gray-subtle-content);
}

.ig-tag--gray.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-gray-subtle-background-hover);
}

.ig-tag--gray.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-gray-subtle-background-pressed);
}

.ig-tag--info {
  --ig-tag-bg: var(--ig-tag-info-bold-background);
  --ig-tag-border: var(--ig-tag-info-bold-border);
  --ig-tag-color: var(--ig-tag-info-bold-content);
}

.ig-tag--info:has(a):hover {
  --ig-tag-bg: var(--ig-tag-info-bold-background-hover);
}

.ig-tag--info:has(a):active {
  --ig-tag-bg: var(--ig-tag-info-bold-background-pressed);
}

.ig-tag--info.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-info-subtle-background);
  --ig-tag-border: var(--ig-tag-info-subtle-border);
  --ig-tag-color: var(--ig-tag-info-subtle-content);
}

.ig-tag--info.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-info-subtle-background-hover);
}

.ig-tag--info.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-info-subtle-background-pressed);
}

.ig-tag--danger {
  --ig-tag-bg: var(--ig-tag-danger-bold-background);
  --ig-tag-border: var(--ig-tag-danger-bold-border);
  --ig-tag-color: var(--ig-tag-danger-bold-content);
}

.ig-tag--danger:has(a):hover {
  --ig-tag-bg: var(--ig-tag-danger-bold-background-hover);
}

.ig-tag--danger:has(a):active {
  --ig-tag-bg: var(--ig-tag-danger-bold-background-pressed);
}

.ig-tag--danger.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-danger-subtle-background);
  --ig-tag-border: var(--ig-tag-danger-subtle-border);
  --ig-tag-color: var(--ig-tag-danger-subtle-content);
}

.ig-tag--danger.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-danger-subtle-background-hover);
}

.ig-tag--danger.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-danger-subtle-background-pressed);
}

.ig-tag--success {
  --ig-tag-bg: var(--ig-tag-success-bold-background);
  --ig-tag-border: var(--ig-tag-success-bold-border);
  --ig-tag-color: var(--ig-tag-success-bold-content);
}

.ig-tag--success:has(a):hover {
  --ig-tag-bg: var(--ig-tag-success-bold-background-hover);
}

.ig-tag--success:has(a):active {
  --ig-tag-bg: var(--ig-tag-success-bold-background-pressed);
}

.ig-tag--success.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-success-subtle-background);
  --ig-tag-border: var(--ig-tag-success-subtle-border);
  --ig-tag-color: var(--ig-tag-success-subtle-content);
}

.ig-tag--success.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-success-subtle-background-hover);
}

.ig-tag--success.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-success-subtle-background-pressed);
}

.ig-tag--warning {
  --ig-tag-bg: var(--ig-tag-warning-bold-background);
  --ig-tag-border: var(--ig-tag-warning-bold-border);
  --ig-tag-color: var(--ig-tag-warning-bold-content);
}

.ig-tag--warning:has(a):hover {
  --ig-tag-bg: var(--ig-tag-warning-bold-background-hover);
}

.ig-tag--warning:has(a):active {
  --ig-tag-bg: var(--ig-tag-warning-bold-background-pressed);
}

.ig-tag--warning.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-warning-subtle-background);
  --ig-tag-border: var(--ig-tag-warning-subtle-border);
  --ig-tag-color: var(--ig-tag-warning-subtle-content);
}

.ig-tag--warning.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-warning-subtle-background-hover);
}

.ig-tag--warning.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-warning-subtle-background-pressed);
}

.ig-tag--accent-01 {
  --ig-tag-bg: var(--ig-tag-accent-01-bold-background);
  --ig-tag-border: var(--ig-tag-accent-01-bold-border);
  --ig-tag-color: var(--ig-tag-accent-01-bold-content);
}

.ig-tag--accent-01:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-01-bold-background-hover);
}

.ig-tag--accent-01:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-01-bold-background-pressed);
}

.ig-tag--accent-01.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-accent-01-subtle-background);
  --ig-tag-border: var(--ig-tag-accent-01-subtle-border);
  --ig-tag-color: var(--ig-tag-accent-01-subtle-content);
}

.ig-tag--accent-01.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-01-subtle-background-hover);
}

.ig-tag--accent-01.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-01-subtle-background-pressed);
}

.ig-tag--accent-02 {
  --ig-tag-bg: var(--ig-tag-accent-02-bold-background);
  --ig-tag-border: var(--ig-tag-accent-02-bold-border);
  --ig-tag-color: var(--ig-tag-accent-02-bold-content);
}

.ig-tag--accent-02:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-02-bold-background-hover);
}

.ig-tag--accent-02:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-02-bold-background-pressed);
}

.ig-tag--accent-02.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-accent-02-subtle-background);
  --ig-tag-border: var(--ig-tag-accent-02-subtle-border);
  --ig-tag-color: var(--ig-tag-accent-02-subtle-content);
}

.ig-tag--accent-02.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-02-subtle-background-hover);
}

.ig-tag--accent-02.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-02-subtle-background-pressed);
}

.ig-tag--accent-03 {
  --ig-tag-bg: var(--ig-tag-accent-03-bold-background);
  --ig-tag-border: var(--ig-tag-accent-03-bold-border);
  --ig-tag-color: var(--ig-tag-accent-03-bold-content);
}

.ig-tag--accent-03:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-03-bold-background-hover);
}

.ig-tag--accent-03:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-03-bold-background-pressed);
}

.ig-tag--accent-03.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-accent-03-subtle-background);
  --ig-tag-border: var(--ig-tag-accent-03-subtle-border);
  --ig-tag-color: var(--ig-tag-accent-03-subtle-content);
}

.ig-tag--accent-03.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-03-subtle-background-hover);
}

.ig-tag--accent-03.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-03-subtle-background-pressed);
}

.ig-tag--accent-04 {
  --ig-tag-bg: var(--ig-tag-accent-04-bold-background);
  --ig-tag-border: var(--ig-tag-accent-04-bold-border);
  --ig-tag-color: var(--ig-tag-accent-04-bold-content);
}

.ig-tag--accent-04:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-04-bold-background-hover);
}

.ig-tag--accent-04:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-04-bold-background-pressed);
}

.ig-tag--accent-04.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-accent-04-subtle-background);
  --ig-tag-border: var(--ig-tag-accent-04-subtle-border);
  --ig-tag-color: var(--ig-tag-accent-04-subtle-content);
}

.ig-tag--accent-04.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-04-subtle-background-hover);
}

.ig-tag--accent-04.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-04-subtle-background-pressed);
}

.ig-tag--accent-05 {
  --ig-tag-bg: var(--ig-tag-accent-05-bold-background);
  --ig-tag-border: var(--ig-tag-accent-05-bold-border);
  --ig-tag-color: var(--ig-tag-accent-05-bold-content);
}

.ig-tag--accent-05:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-05-bold-background-hover);
}

.ig-tag--accent-05:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-05-bold-background-pressed);
}

.ig-tag--accent-05.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-accent-05-subtle-background);
  --ig-tag-border: var(--ig-tag-accent-05-subtle-border);
  --ig-tag-color: var(--ig-tag-accent-05-subtle-content);
}

.ig-tag--accent-05.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-05-subtle-background-hover);
}

.ig-tag--accent-05.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-05-subtle-background-pressed);
}

.ig-tag--accent-06 {
  --ig-tag-bg: var(--ig-tag-accent-06-bold-background);
  --ig-tag-border: var(--ig-tag-accent-06-bold-border);
  --ig-tag-color: var(--ig-tag-accent-06-bold-content);
}

.ig-tag--accent-06:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-06-bold-background-hover);
}

.ig-tag--accent-06:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-06-bold-background-pressed);
}

.ig-tag--accent-06.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-accent-06-subtle-background);
  --ig-tag-border: var(--ig-tag-accent-06-subtle-border);
  --ig-tag-color: var(--ig-tag-accent-06-subtle-content);
}

.ig-tag--accent-06.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-06-subtle-background-hover);
}

.ig-tag--accent-06.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-06-subtle-background-pressed);
}

.ig-tag--accent-07 {
  --ig-tag-bg: var(--ig-tag-accent-07-bold-background);
  --ig-tag-border: var(--ig-tag-accent-07-bold-border);
  --ig-tag-color: var(--ig-tag-accent-07-bold-content);
}

.ig-tag--accent-07:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-07-bold-background-hover);
}

.ig-tag--accent-07:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-07-bold-background-pressed);
}

.ig-tag--accent-07.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-accent-07-subtle-background);
  --ig-tag-border: var(--ig-tag-accent-07-subtle-border);
  --ig-tag-color: var(--ig-tag-accent-07-subtle-content);
}

.ig-tag--accent-07.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-07-subtle-background-hover);
}

.ig-tag--accent-07.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-07-subtle-background-pressed);
}

.ig-tag--accent-08 {
  --ig-tag-bg: var(--ig-tag-accent-08-bold-background);
  --ig-tag-border: var(--ig-tag-accent-08-bold-border);
  --ig-tag-color: var(--ig-tag-accent-08-bold-content);
}

.ig-tag--accent-08:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-08-bold-background-hover);
}

.ig-tag--accent-08:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-08-bold-background-pressed);
}

.ig-tag--accent-08.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-accent-08-subtle-background);
  --ig-tag-border: var(--ig-tag-accent-08-subtle-border);
  --ig-tag-color: var(--ig-tag-accent-08-subtle-content);
}

.ig-tag--accent-08.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-08-subtle-background-hover);
}

.ig-tag--accent-08.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-08-subtle-background-pressed);
}

.ig-tag--accent-09 {
  --ig-tag-bg: var(--ig-tag-accent-09-bold-background);
  --ig-tag-border: var(--ig-tag-accent-09-bold-border);
  --ig-tag-color: var(--ig-tag-accent-09-bold-content);
}

.ig-tag--accent-09:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-09-bold-background-hover);
}

.ig-tag--accent-09:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-09-bold-background-pressed);
}

.ig-tag--accent-09.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-accent-09-subtle-background);
  --ig-tag-border: var(--ig-tag-accent-09-subtle-border);
  --ig-tag-color: var(--ig-tag-accent-09-subtle-content);
}

.ig-tag--accent-09.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-09-subtle-background-hover);
}

.ig-tag--accent-09.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-09-subtle-background-pressed);
}

.ig-tag--accent-10 {
  --ig-tag-bg: var(--ig-tag-accent-10-bold-background);
  --ig-tag-border: var(--ig-tag-accent-10-bold-border);
  --ig-tag-color: var(--ig-tag-accent-10-bold-content);
}

.ig-tag--accent-10:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-10-bold-background-hover);
}

.ig-tag--accent-10:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-10-bold-background-pressed);
}

.ig-tag--accent-10.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-accent-10-subtle-background);
  --ig-tag-border: var(--ig-tag-accent-10-subtle-border);
  --ig-tag-color: var(--ig-tag-accent-10-subtle-content);
}

.ig-tag--accent-10.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-10-subtle-background-hover);
}

.ig-tag--accent-10.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-10-subtle-background-pressed);
}

.ig-tag--accent-11 {
  --ig-tag-bg: var(--ig-tag-accent-11-bold-background);
  --ig-tag-border: var(--ig-tag-accent-11-bold-border);
  --ig-tag-color: var(--ig-tag-accent-11-bold-content);
}

.ig-tag--accent-11:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-11-bold-background-hover);
}

.ig-tag--accent-11:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-11-bold-background-pressed);
}

.ig-tag--accent-11.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-accent-11-subtle-background);
  --ig-tag-border: var(--ig-tag-accent-11-subtle-border);
  --ig-tag-color: var(--ig-tag-accent-11-subtle-content);
}

.ig-tag--accent-11.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-11-subtle-background-hover);
}

.ig-tag--accent-11.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-11-subtle-background-pressed);
}

.ig-tag--accent-12 {
  --ig-tag-bg: var(--ig-tag-accent-12-bold-background);
  --ig-tag-border: var(--ig-tag-accent-12-bold-border);
  --ig-tag-color: var(--ig-tag-accent-12-bold-content);
}

.ig-tag--accent-12:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-12-bold-background-hover);
}

.ig-tag--accent-12:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-12-bold-background-pressed);
}

.ig-tag--accent-12.ig-tag--subtle {
  --ig-tag-bg: var(--ig-tag-accent-12-subtle-background);
  --ig-tag-border: var(--ig-tag-accent-12-subtle-border);
  --ig-tag-color: var(--ig-tag-accent-12-subtle-content);
}

.ig-tag--accent-12.ig-tag--subtle:has(a):hover {
  --ig-tag-bg: var(--ig-tag-accent-12-subtle-background-hover);
}

.ig-tag--accent-12.ig-tag--subtle:has(a):active {
  --ig-tag-bg: var(--ig-tag-accent-12-subtle-background-pressed);
}

.ig-tag--sm {
  --ig-tag-font: var(--ig-typography-caption-xsmall-medium);
}

.ig-tag--sm :is(button, i, .ig-avatar) {
  display: none;
}

.ig-tag--lg {
  --ig-tag-font: var(--ig-typography-caption-medium-medium);
  --ig-tag-glyph-size: var(--ig-line-height-caption);
}

.ig-tag--xl {
  --ig-tag-font: var(--ig-typography-caption-large-medium);
  --ig-tag-glyph-size: var(--ig-line-height-caption-large);
}

@media (prefers-reduced-motion: no-preference) {
  .ig-tag {
    transition: background-color var(--ig-transition-duration), opacity var(--ig-transition-duration), display var(--ig-transition-duration) allow-discrete;
  }

  .ig-tag--fade {
    opacity: 0;
    display: none;
  }
}

.ig-tooltip {
  --ig-tooltip-background: var(--ig-background-secondary-strong);
  --ig-tooltip-tip: var(--ig-background-secondary-strong);
  --ig-tooltip-text: var(--ig-text-on-bold-bold);
  --ig-tooltip-padding-x: var(--ig-size-150);
  --ig-tooltip-padding-y: var(--ig-size-075);
  --ig-tooltip-arrow: var(--ig-size-075);
  --ig-tooltip-font: var(--ig-typography-body-medium-regular);
  --ig-tooltip-elevation-level: var(--ig-elevation-level-3);
  --ig-tooltip-max-width: 400px;
  inset: unset;
  padding: var(--ig-tooltip-padding-y) var(--ig-tooltip-padding-x);
  border-radius: var(--ig-border-radius);
  background: var(--ig-tooltip-background);
  color: var(--ig-tooltip-text);
  bottom: calc(anchor(top)  + var(--ig-tooltip-arrow));
  justify-self: anchor-center;
  font: var(--ig-tooltip-font);
  box-shadow: var(--ig-tooltip-elevation-level);
  max-width: var(--ig-tooltip-max-width);
  border: none;
  margin: 0;
  position: fixed;
  overflow: visible;
}

.ig-tooltip:has(.ig-tooltip__inner) {
  box-shadow: none;
  background: none;
  border-radius: 0;
  padding: 0;
}

.ig-tooltip:not(:has(.ig-tooltip__inner)):before {
  content: "";
  top: 100%;
  left: calc(50% - var(--ig-tooltip-arrow));
  border-style: solid;
  border-width: var(--ig-tooltip-arrow) var(--ig-tooltip-arrow) 0;
  border-color: #0000;
  border-top-color: var(--ig-tooltip-background);
  position: absolute;
}

.ig-tooltip .ig-tooltip__inner {
  padding: var(--ig-tooltip-padding-y) var(--ig-tooltip-padding-x);
  border-radius: var(--ig-border-radius);
  background: var(--ig-tooltip-background);
  margin-bottom: var(--ig-tooltip-arrow);
  box-shadow: var(--ig-tooltip-elevation-level);
}

.ig-tooltip .ig-tooltip__arrow {
  width: calc(var(--ig-tooltip-arrow) * 2);
  height: var(--ig-tooltip-arrow);
  position: absolute;
}

.ig-tooltip .ig-tooltip__arrow:before {
  content: "";
  border-style: solid;
  border-width: var(--ig-tooltip-arrow) var(--ig-tooltip-arrow) 0;
  border-color: #0000;
  border-top-color: var(--ig-tooltip-background);
  position: absolute;
}

.ig-tooltip--bottom {
  bottom: unset;
  top: anchor(bottom);
  justify-self: anchor-center;
}

.ig-tooltip--bottom .ig-tooltip__inner {
  margin-top: var(--ig-tooltip-arrow);
  margin-bottom: 0;
}

.ig-tooltip--bottom .ig-tooltip__arrow:before {
  border-width: 0 var(--ig-tooltip-arrow) var(--ig-tooltip-arrow);
  border-color: #0000;
  border-bottom-color: var(--ig-tooltip-background);
}

.ig-tooltip--bottom:not(:has(.ig-tooltip__inner)) {
  margin: var(--ig-tooltip-arrow) 0 0 0;
}

.ig-tooltip--bottom:not(:has(.ig-tooltip__inner)):before {
  border-width: 0 var(--ig-tooltip-arrow) var(--ig-tooltip-arrow);
  border-color: #0000;
  border-bottom-color: var(--ig-tooltip-background);
  top: auto;
  bottom: 100%;
}

.ig-tooltip--left {
  bottom: unset;
  justify-self: unset;
  right: anchor(left);
  align-self: anchor-center;
}

.ig-tooltip--left .ig-tooltip__inner {
  margin-right: var(--ig-tooltip-arrow);
  margin-bottom: 0;
}

.ig-tooltip--left .ig-tooltip__arrow {
  width: var(--ig-tooltip-arrow);
  height: calc(var(--ig-tooltip-arrow) * 2);
}

.ig-tooltip--left .ig-tooltip__arrow:before {
  border-width: var(--ig-tooltip-arrow) 0 var(--ig-tooltip-arrow) var(--ig-tooltip-arrow);
  border-color: #0000;
  border-left-color: var(--ig-tooltip-background);
}

.ig-tooltip--left:not(:has(.ig-tooltip__inner)) {
  margin: 0 var(--ig-tooltip-arrow) 0 0;
}

.ig-tooltip--left:not(:has(.ig-tooltip__inner)):before {
  top: calc(50% - var(--ig-tooltip-arrow));
  border-width: var(--ig-tooltip-arrow) 0 var(--ig-tooltip-arrow) var(--ig-tooltip-arrow);
  border-color: #0000;
  border-left-color: var(--ig-tooltip-background);
  left: 100%;
}

.ig-tooltip--right {
  bottom: unset;
  justify-self: unset;
  left: anchor(right);
  align-self: anchor-center;
}

.ig-tooltip--right .ig-tooltip__inner {
  margin-left: var(--ig-tooltip-arrow);
  margin-bottom: 0;
}

.ig-tooltip--right .ig-tooltip__arrow {
  width: var(--ig-tooltip-arrow);
  height: calc(var(--ig-tooltip-arrow) * 2);
}

.ig-tooltip--right .ig-tooltip__arrow:before {
  border-width: var(--ig-tooltip-arrow) var(--ig-tooltip-arrow) var(--ig-tooltip-arrow) 0;
  border-color: #0000;
  border-right-color: var(--ig-tooltip-background);
}

.ig-tooltip--right:not(:has(.ig-tooltip__inner)) {
  margin: 0 0 0 var(--ig-tooltip-arrow);
}

.ig-tooltip--right:not(:has(.ig-tooltip__inner)):before {
  top: calc(50% - var(--ig-tooltip-arrow));
  left: calc(-1 * var(--ig-tooltip-arrow));
  border-width: var(--ig-tooltip-arrow) var(--ig-tooltip-arrow) var(--ig-tooltip-arrow) 0;
  border-color: #0000;
  border-right-color: var(--ig-tooltip-background);
}

.ig-tooltip--sm {
  --ig-tooltip-font: var(--ig-typography-body-small-regular);
  --ig-tooltip-padding-x: var(--ig-size-100);
  --ig-tooltip-padding-y: var(--ig-size-050);
}

.ig-tooltip--lg {
  --ig-tooltip-font: var(--ig-typography-body-large-regular);
  --ig-tooltip-padding-x: var(--ig-size-200);
  --ig-tooltip-padding-y: var(--ig-size-100);
}

@media (prefers-reduced-motion: no-preference) {
  .ig-tooltip {
    transition: opacity var(--ig-transition-duration) ease-in-out, overlay var(--ig-transition-duration) ease-in-out allow-discrete, display var(--ig-transition-duration) ease-in-out allow-discrete;
    opacity: 0;
  }

  .ig-tooltip:popover-open {
    opacity: 1;
  }

  @starting-style {
    .ig-tooltip:popover-open {
      opacity: 0;
    }
  }
}

.ig-toc {
  --ig-toc-item-content: var(--ig-text-medium);
  --ig-toc-item-content-hover: var(--ig-text-bold-hover-emphasized);
  --ig-toc-item-content-selected: var(--ig-text-bold-selected-emphasized);
  --ig-toc-item-background: var(--ig-background-transparent-clear);
  --ig-toc-item-background-hover: var(--ig-background-transparent-clear);
  --ig-toc-item-background-selected: var(--ig-background-transparent-clear);
  --ig-toc-border: var(--ig-border-medium);
  --ig-toc-background: var(--ig-background-transparent-clear);
  --ig-toc-item-font: var(--ig-typography-body-medium-regular);
  --ig-toc-item-padding-left: var(--ig-size-100);
  --ig-toc-item-padding-y: var(--ig-size-075);
  border-left: 1px solid var(--ig-toc-border);
  background: var(--ig-toc-background);
  display: block;
}

.ig-toc ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.ig-toc ul li {
  color: var(--ig-toc-item-content);
  border-left: var(--ig-border-width-indicator) solid var(--ig-border-transparent);
  background: var(--ig-toc-item-background);
  font: var(--ig-toc-item-font);
  padding: var(--ig-toc-item-padding-y) 0 var(--ig-toc-item-padding-y) var(--ig-toc-item-padding-left);
  position: relative;
}

.ig-toc ul li:hover {
  color: var(--ig-toc-item-content-hover);
  border-color: var(--ig-background-indicator-primary-hover);
  background: var(--ig-toc-item-background-hover);
}

.ig-toc ul li.active {
  font-weight: var(--ig-font-weight-bold);
  color: var(--ig-toc-item-content-selected);
  border-color: var(--ig-background-indicator-primary);
  background: var(--ig-toc-item-background-selected);
}

.ig-toc ul li.active:hover {
  color: var(--ig-toc-item-content-hover);
  border-color: var(--ig-background-indicator-primary-hover);
  background: var(--ig-toc-item-background-hover);
}

.ig-toc ul li a {
  color: inherit;
  text-decoration: none;
}

.ig-toc ul li a:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ig-toc ul li.level0 {
  font-weight: var(--ig-font-weight-bold);
  --ig-toc-item-padding-left: 8px;
}

.ig-toc ul li.level1 {
  --ig-toc-item-padding-left: 18px;
}

.ig-toc ul li.level2 {
  --ig-toc-item-padding-left: 28px;
}

.ig-toc ul li.level3 {
  --ig-toc-item-padding-left: 38px;
}

.ig-toc ul li.level4 {
  --ig-toc-item-padding-left: 48px;
}

.ig-toc ul li.level5 {
  --ig-toc-item-padding-left: 58px;
}

.ig-toc.ig-toc--sm {
  --ig-toc-item-font: var(--ig-typography-body-small-regular);
  --ig-toc-item-padding-y: var(--ig-size-050);
}

.ig-toc.ig-toc--sm li.level0 {
  --ig-toc-item-padding-left: 6px;
}

.ig-toc.ig-toc--sm li.level1 {
  --ig-toc-item-padding-left: 14px;
}

.ig-toc.ig-toc--sm li.level2 {
  --ig-toc-item-padding-left: 22px;
}

.ig-toc.ig-toc--sm li.level3 {
  --ig-toc-item-padding-left: 30px;
}

.ig-toc.ig-toc--sm li.level4 {
  --ig-toc-item-padding-left: 38px;
}

.ig-toc.ig-toc--sm li.level5 {
  --ig-toc-item-padding-left: 46px;
}

.ig-toc.ig-toc--lg {
  --ig-toc-item-font: var(--ig-typography-body-large-regular);
  --ig-toc-item-padding-y: var(--ig-size-100);
  --ig-toc-item-padding-left: var(--ig-size-150);
}

.ig-toc.ig-toc--lg li.level0 {
  --ig-toc-item-padding-left: 10px;
}

.ig-toc.ig-toc--lg li.level1 {
  --ig-toc-item-padding-left: 22px;
}

.ig-toc.ig-toc--lg li.level2 {
  --ig-toc-item-padding-left: 34px;
}

.ig-toc.ig-toc--lg li.level3 {
  --ig-toc-item-padding-left: 46px;
}

.ig-toc.ig-toc--lg li.level4 {
  --ig-toc-item-padding-left: 58px;
}

.ig-toc.ig-toc--lg li.level5 {
  --ig-toc-item-padding-left: 70px;
}

.ig-tabs {
  --ig-tab-tab-item-nested-background: var(--ig-background-transparent-clear);
  --ig-tab-tab-item-nested-background-hover: var(--ig-tab-tab-item-nested-background);
  --ig-tab-tab-item-nested-background-selected: var(--ig-background-clear);
  --ig-tab-tab-item-nested-border: var(--ig-border-soft);
  --ig-tab-tab-item-nested-border-selected-hide: var(--ig-tab-tab-item-nested-background-selected);
  --ig-tab-tab-item-nested-content: var(--ig-text-medium);
  --ig-tab-tab-item-nested-content-hover: var(--ig-text-medium-hover);
  --ig-tab-tab-item-nested-content-selected: var(--ig-text-medium-selected);
  --ig-tab-tab-item-background: var(--ig-background-transparent-clear);
  --ig-tab-tab-item-background-hover: var(--ig-background-transparent-clear);
  --ig-tab-tab-item-background-selected: var(--ig-background-transparent-clear);
  --ig-tab-tab-item-border: var(--ig-border-soft);
  --ig-tab-tab-item-border-selected-warning: var(--ig-background-primary-bold);
  --ig-tab-tab-item-border-selected-danger: var(--ig-background-danger-bold);
  --ig-tab-tab-item-content: var(--ig-text-medium);
  --ig-tab-tab-item-content-hover: var(--ig-text-medium-hover);
  --ig-tab-tab-item-content-selected: var(--ig-text-primary);
  --ig-tab-tab-item-content-danger: var(--ig-text-danger);
  --ig-tab-background: var(--ig-background-subtle);
  --ig-tab-background-selected: var(--ig-background-clear);
  --ig-tab-border: var(--ig-border-soft);
  --tablist-gap: var(--ig-size-400);
  --tablist-padding-left: var(--ig-size-200);
  --tab-height: calc(var(--ig-size-500)  - var(--ig-border-width-2x));
  --tab-font: var(--ig-typography-body-medium-medium);
  --tab-color: var(--ig-tab-tab-item-content);
  --tab-bg: var(--ig-tab-tab-item-background);
  --tab-icon-size: var(--ig-line-height-body);
  --tab-icon-color: var(--ig-tab-tab-item-content);
  --tab-gap: var(--ig-size-100);
  --tab-padding: var(--ig-size-0) var(--ig-size-0) var(--ig-size-050) var(--ig-size-0);
  flex-direction: column;
  display: flex;
}

.ig-tabs .ig-tab-list {
  padding-left: var(--tablist-padding-left);
  align-items: center;
  gap: var(--tablist-gap);
  border-bottom: var(--ig-border-width-2x) solid var(--ig-tab-border);
  flex-wrap: wrap;
  margin-bottom: 0;
  list-style: none;
  display: flex;
}

.ig-tabs .ig-tab-list .ig-tab {
  user-select: none;
  cursor: pointer;
  height: var(--tab-height);
  background: var(--tab-bg);
  color: var(--tab-color);
  font: var(--tab-font);
  padding: var(--tab-padding);
  align-items: end;
  gap: var(--tab-gap);
  text-decoration: none;
  display: flex;
  position: relative;
}

.ig-tabs .ig-tab-list .ig-tab a {
  color: var(--tab-color);
  text-decoration: none;
}

.ig-tabs .ig-tab-list .ig-tab i {
  line-height: 0;
  font-size: var(--tab-icon-size);
  color: var(--tab-icon-color);
}

.ig-tabs .ig-tab-list .ig-tab--disabled {
  opacity: var(--ig-opacity-disabled);
  cursor: not-allowed;
}

.ig-tabs .ig-tab-list .ig-tab--disabled * {
  pointer-events: none;
}

.ig-tabs .ig-tab-list .ig-tab:not(:is(.ig-tab--disabled, .ig-tab--active)):hover {
  --tab-bg: var(--ig-tab-tab-item-background-hover);
  --tab-color: var(--ig-tab-tab-item-content-hover);
  --tab-icon-color: var(--ig-tab-tab-item-content-hover);
}

.ig-tabs .ig-tab-list .ig-tab--active {
  --tab-bg: var(--ig-tab-tab-item-background-selected);
  --tab-color: var(--ig-tab-tab-item-content-selected);
  --tab-icon-color: var(--ig-tab-tab-item-content-selected);
}

.ig-tabs .ig-tab-list .ig-tab--active:before {
  content: "";
  width: 100%;
  bottom: calc(-1 * var(--ig-border-width-2x));
  border-bottom: var(--ig-border-width-2x) solid var(--ig-tab-tab-item-border-selected-warning);
  position: absolute;
}

.ig-tabs .ig-tab-list .ig-tab--danger i:last-child {
  color: var(--ig-icon-danger);
}

.ig-tabs .ig-tab-list .ig-tab--warning i:last-child {
  color: var(--ig-icon-warning);
}

.ig-tabs .ig-tab-panel {
  padding: var(--ig-size-200) var(--tablist-padding-left);
  flex-grow: 1;
}

.ig-tabs .ig-tab-panel--hidden {
  display: none;
}

.ig-tabs--lg {
  --tablist-gap: var(--ig-size-600);
  --tab-font: var(--ig-typography-body-large-medium);
  --tab-height: calc(var(--ig-size-600)  - var(--ig-border-width-2x));
  --tab-padding: var(--ig-size-0) var(--ig-size-0) var(--ig-size-100) var(--ig-size-0);
  --tab-icon-size: var(--ig-line-height-body-large);
}

.ig-tabs--vertical {
  --tablist-gap: var(--ig-size-0);
  --tablist-padding-left: var(--ig-size-0);
  --tab-padding: var(--ig-size-0) var(--ig-size-200) var(--ig-size-0) var(--ig-size-200);
  flex-direction: row;
}

.ig-tabs--vertical .ig-tab-list {
  border: none;
  border-left: var(--ig-border-width-indicator) solid var(--ig-tab-border);
  flex-direction: column;
  align-items: flex-start;
}

.ig-tabs--vertical .ig-tab-list .ig-tab {
  justify-content: start;
  align-items: center;
  width: 100%;
}

.ig-tabs--vertical .ig-tab-list .ig-tab--active:before {
  content: "";
  height: 100%;
  top: 0;
  left: calc(-1 * var(--ig-border-width-2x));
  border: none;
  border-left: var(--ig-border-width-2x) solid var(--ig-tab-tab-item-border-selected-warning);
  position: absolute;
}

.ig-tabs--vertical .ig-tab-panel {
  padding: var(--ig-size-0) var(--ig-size-200);
}

@media (prefers-reduced-motion: no-preference) {
  .ig-tabs * {
    transition: background-color var(--ig-transition-duration), color var(--ig-transition-duration);
  }
}

.ig-tabs-nested {
  --ig-tab-tab-item-nested-background: var(--ig-background-transparent-clear);
  --ig-tab-tab-item-nested-background-hover: var(--ig-tab-tab-item-nested-background);
  --ig-tab-tab-item-nested-background-selected: var(--ig-background-clear);
  --ig-tab-tab-item-nested-border: var(--ig-border-soft);
  --ig-tab-tab-item-nested-border-selected-hide: var(--ig-tab-tab-item-nested-background-selected);
  --ig-tab-tab-item-nested-content: var(--ig-text-medium);
  --ig-tab-tab-item-nested-content-hover: var(--ig-text-medium-hover);
  --ig-tab-tab-item-nested-content-selected: var(--ig-text-medium-selected);
  --ig-tab-tab-item-background: var(--ig-background-transparent-clear);
  --ig-tab-tab-item-background-hover: var(--ig-background-transparent-clear);
  --ig-tab-tab-item-background-selected: var(--ig-background-transparent-clear);
  --ig-tab-tab-item-border: var(--ig-border-soft);
  --ig-tab-tab-item-border-selected-warning: var(--ig-background-primary-bold);
  --ig-tab-tab-item-border-selected-danger: var(--ig-background-danger-bold);
  --ig-tab-tab-item-content: var(--ig-text-medium);
  --ig-tab-tab-item-content-hover: var(--ig-text-medium-hover);
  --ig-tab-tab-item-content-selected: var(--ig-text-primary);
  --ig-tab-tab-item-content-danger: var(--ig-text-danger);
  --ig-tab-background: var(--ig-background-subtle);
  --ig-tab-background-selected: var(--ig-background-clear);
  --ig-tab-border: var(--ig-border-soft);
  --tab-height: calc(var(--ig-size-500)  - var(--ig-border-width));
  --tab-font: var(--ig-typography-body-medium-medium);
  --tab-icon-size: var(--ig-line-height-body);
  --tab-color: var(--ig-tab-tab-item-nested-content);
  --tab-icon-color: var(--ig-tab-tab-item-nested-content);
  --tab-bg: var(--ig-tab-tab-item-nested-background);
  border: var(--ig-border-width) solid var(--ig-tab-border);
  flex-direction: column;
  display: flex;
}

.ig-tabs-nested .ig-tab-list {
  align-items: center;
  gap: var(--ig-size-0);
  background: var(--ig-tab-background);
  border-bottom: var(--ig-border-width) solid var(--ig-tab-border);
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
}

.ig-tabs-nested .ig-tab-list .ig-tab {
  user-select: none;
  cursor: pointer;
  height: var(--tab-height);
  background: var(--tab-bg);
  font: var(--tab-font);
  color: var(--tab-color);
  padding: var(--ig-size-0) var(--ig-size-200);
  justify-content: flex-end;
  align-items: center;
  gap: var(--ig-size-100);
  border-left: 1px solid var(--ig-border-transparent);
  border-right: 1px solid var(--ig-border-transparent);
  text-decoration: none;
  display: flex;
  position: relative;
}

.ig-tabs-nested .ig-tab-list .ig-tab a {
  color: var(--tab-color);
  text-decoration: none;
}

.ig-tabs-nested .ig-tab-list .ig-tab i {
  line-height: 0;
  font-size: var(--tab-icon-size);
  color: var(--tab-icon-color);
}

.ig-tabs-nested .ig-tab-list .ig-tab--disabled {
  opacity: var(--ig-opacity-disabled);
  cursor: not-allowed;
}

.ig-tabs-nested .ig-tab-list .ig-tab--disabled a {
  pointer-events: none;
}

.ig-tabs-nested .ig-tab-list .ig-tab:not(:is(.ig-tab--disabled, .ig-tab--active)):hover {
  --tab-bg: var(--ig-tab-tab-item-nested-background-hover);
  --tab-color: var(--ig-tab-tab-item-nested-content-hover);
  --tab-icon-color: var(--ig-tab-tab-item-nested-content-hover);
}

.ig-tabs-nested .ig-tab-list .ig-tab--active {
  --tab-bg: var(--ig-tab-tab-item-nested-background-selected);
  --tab-color: var(--ig-tab-tab-item-nested-content-selected);
  border-left: var(--ig-border-width) solid var(--ig-tab-border);
  border-right: var(--ig-border-width) solid var(--ig-tab-border);
}

.ig-tabs-nested .ig-tab-list .ig-tab--active.ig-tab--first {
  border-left: 1px solid var(--ig-border-transparent);
}

.ig-tabs-nested .ig-tab-list .ig-tab--active:before {
  content: "";
  border-bottom: var(--ig-border-width) solid var(--ig-tab-tab-item-nested-border-selected-hide);
  width: 100%;
  bottom: calc(-1 * var(--ig-border-width));
  position: absolute;
  left: 0;
}

.ig-tabs-nested .ig-tab-list .ig-tab--danger i:last-child {
  color: var(--ig-icon-danger);
}

.ig-tabs-nested .ig-tab-list .ig-tab--warning i:last-child {
  color: var(--ig-icon-warning);
}

.ig-tabs-nested .ig-tab-panel {
  padding: var(--ig-size-200);
  flex-grow: 1;
}

.ig-tabs-nested .ig-tab-panel--hidden {
  display: none;
}

.ig-tabs-nested--lg {
  --tab-font: var(--ig-typography-body-large-medium);
  --tab-height: calc(var(--ig-size-600)  - var(--ig-border-width));
  --tab-icon-size: var(--ig-line-height-body-large);
}

.ig-tabs-nested--vertical {
  flex-direction: row;
}

.ig-tabs-nested--vertical .ig-tab-list {
  border: none;
  flex-direction: column;
  align-items: flex-start;
}

.ig-tabs-nested--vertical .ig-tab-list .ig-tab {
  border-right: var(--ig-border-width) solid var(--ig-tab-border);
  width: 100%;
}

.ig-tabs-nested--vertical .ig-tab-list .ig-tab--active {
  border-top: var(--ig-border-width) solid var(--ig-tab-border);
  border-right: var(--ig-border-width) solid var(--ig-tab-tab-item-nested-border-selected-hide);
  border-bottom: var(--ig-border-width) solid var(--ig-tab-border);
  border-left: none;
}

.ig-tabs-nested--vertical .ig-tab-list .ig-tab--active.ig-tab--first {
  border-top: 1px solid var(--ig-border-transparent);
}

.ig-tabs-nested--vertical .ig-tab-list .ig-tab--active.ig-tab--last {
  border-bottom: 1px solid var(--ig-border-transparent);
}

.ig-tabs-nested--vertical .ig-tab-list .ig-tab--active:before {
  content: none;
}

@media (prefers-reduced-motion: no-preference) {
  .ig-tabs-nested * {
    transition: background-color var(--ig-transition-duration), color var(--ig-transition-duration);
  }
}

.ig-banner {
  --ig-banner-info-background: var(--ig-background-info-subtle);
  --ig-banner-info-content: var(--ig-text-info);
  --ig-banner-info-border: var(--ig-border-info-soft);
  --ig-banner-info-indicator: var(--ig-border-info-bold);
  --ig-banner-warning-background: var(--ig-background-warning-subtle);
  --ig-banner-warning-content: var(--ig-text-warning);
  --ig-banner-warning-border: var(--ig-border-warning-soft);
  --ig-banner-warning-indicator: var(--ig-border-warning-bold);
  --ig-banner-danger-background: var(--ig-background-danger-subtle);
  --ig-banner-danger-content: var(--ig-text-danger);
  --ig-banner-danger-border: var(--ig-border-danger-soft);
  --ig-banner-danger-indicator: var(--ig-border-danger-bold);
  --ig-banner-success-background: var(--ig-background-success-subtle);
  --ig-banner-success-content: var(--ig-text-success);
  --ig-banner-success-border: var(--ig-border-success-soft);
  --ig-banner-success-indicator: var(--ig-border-success-bold);
  --banner-bg: var(--ig-banner-info-background);
  --banner-color: var(--ig-banner-info-content);
  --banner-border: var(--ig-banner-info-border);
  --banner-indicator: var(--ig-banner-info-indicator);
  --banner-padding: var(--ig-size-150) var(--ig-size-300);
  --banner-icon-size: var(--ig-size-400);
  --banner-heading-font: var(--ig-typography-heading-xxsmall-bold);
  background: var(--banner-bg);
  color: var(--banner-color);
  border: 1px solid var(--banner-border);
  border-left: 4px solid var(--banner-indicator);
  padding: var(--banner-padding);
  gap: var(--ig-size-300);
  display: flex;
  position: relative;
}

.ig-banner > * {
  align-self: center;
}

.ig-banner__icon {
  align-items: center;
  display: flex;
}

.ig-banner__icon > i[class*="illustrative-"] {
  width: var(--banner-icon-size);
  height: var(--banner-icon-size);
}

.ig-banner__content {
  width: 100%;
}

.ig-banner__heading {
  font: var(--banner-heading-font);
}

.ig-banner__description {
  margin: 0;
}

.ig-banner__actions {
  gap: var(--ig-size-100);
  display: flex;
}

.ig-banner button.ig-btn[aria-label="Close"] {
  padding: var(--ig-size-050);
}

.ig-banner--lg {
  --banner-padding: var(--ig-size-200) var(--ig-size-300);
  --banner-icon-size: var(--ig-size-600);
  --banner-heading-font: var(--ig-typography-heading-xsmall-bold);
}

.ig-banner--info {
  --banner-bg: var(--ig-banner-info-background);
  --banner-color: var(--ig-banner-info-content);
  --banner-border: var(--ig-banner-info-border);
  --banner-indicator: var(--ig-banner-info-indicator);
}

.ig-banner--danger {
  --banner-bg: var(--ig-banner-danger-background);
  --banner-color: var(--ig-banner-danger-content);
  --banner-border: var(--ig-banner-danger-border);
  --banner-indicator: var(--ig-banner-danger-indicator);
}

.ig-banner--success {
  --banner-bg: var(--ig-banner-success-background);
  --banner-color: var(--ig-banner-success-content);
  --banner-border: var(--ig-banner-success-border);
  --banner-indicator: var(--ig-banner-success-indicator);
}

.ig-banner--warning {
  --banner-bg: var(--ig-banner-warning-background);
  --banner-color: var(--ig-banner-warning-content);
  --banner-border: var(--ig-banner-warning-border);
  --banner-indicator: var(--ig-banner-warning-indicator);
}

@media (prefers-reduced-motion: no-preference) {
  .ig-banner {
    transition: opacity var(--ig-transition-duration), display var(--ig-transition-duration) allow-discrete;
  }

  .ig-banner--fade {
    opacity: 0;
    display: none;
  }
}

.ig-inline-notification {
  --ig-inline-notification-high-importance-info-background: var(--ig-background-info-subtle);
  --ig-inline-notification-high-importance-info-border: var(--ig-border-info-bold);
  --ig-inline-notification-high-importance-info-title: var(--ig-text-bold);
  --ig-inline-notification-high-importance-info-body: var(--ig-text-medium);
  --ig-inline-notification-high-importance-warning-background: var(--ig-background-warning-subtle);
  --ig-inline-notification-high-importance-warning-border: var(--ig-border-warning-bold);
  --ig-inline-notification-high-importance-warning-title: var(--ig-text-bold);
  --ig-inline-notification-high-importance-warning-body: var(--ig-text-medium);
  --ig-inline-notification-high-importance-danger-background: var(--ig-background-danger-subtle);
  --ig-inline-notification-high-importance-danger-border: var(--ig-border-danger-bold);
  --ig-inline-notification-high-importance-danger-title: var(--ig-text-bold);
  --ig-inline-notification-high-importance-danger-body: var(--ig-text-medium);
  --ig-inline-notification-high-importance-success-background: var(--ig-background-success-subtle);
  --ig-inline-notification-high-importance-success-border: var(--ig-border-success-bold);
  --ig-inline-notification-high-importance-success-title: var(--ig-text-bold);
  --ig-inline-notification-high-importance-success-body: var(--ig-text-medium);
  --ig-inline-notification-low-importance-info-background: var(--ig-background-transparent-clear);
  --ig-inline-notification-low-importance-info-title: var(--ig-text-bold);
  --ig-inline-notification-low-importance-warning-background: var(--ig-background-transparent-clear);
  --ig-inline-notification-low-importance-warning-title: var(--ig-text-bold);
  --ig-inline-notification-low-importance-danger-background: var(--ig-background-transparent-clear);
  --ig-inline-notification-low-importance-danger-title: var(--ig-text-bold);
  --ig-inline-notification-low-importance-success-background: var(--ig-background-transparent-clear);
  --ig-inline-notification-low-importance-success-title: var(--ig-text-bold);
  --notification-bg: var(--ig-inline-notification-high-importance-info-background);
  --notification-icon-color: var(--ig-icon-info);
  --notification-title-color: var(--ig-inline-notification-high-importance-info-title);
  --notification-description-color: var(--ig-inline-notification-high-importance-info-body);
  --notification-border: var(--ig-inline-notification-high-importance-info-border);
  --notification-indicator: var(--ig-inline-notification-high-importance-info-border);
  --notification-padding: var(--ig-size-200);
  --notification-gap: var(--ig-size-200);
  --notification-title-font: var(--ig-typography-body-large-bold);
  --notification-description-font: var(--ig-typography-body-medium-regular);
}

.ig-inline-notification.ig-inline-notification--low-importance {
  --notification-bg: var(--ig-inline-notification-low-importance-info-background);
  --notification-title-color: var(--ig-inline-notification-low-importance-info-title);
  --notification-description-color: var(--ig-inline-notification-low-importance-info-body);
  --notification-border: var(--ig-inline-notification-low-importance-info-border);
  --notification-indicator: var(--ig-inline-notification-low-importance-info-border);
}

.ig-inline-notification {
  background: var(--notification-bg);
  border: 1px solid var(--notification-border);
  border-left: 4px solid var(--notification-indicator);
  border-radius: var(--ig-border-radius);
  padding: var(--notification-padding);
  gap: var(--notification-gap);
  display: flex;
  position: relative;
}

.ig-inline-notification__icon {
  font-size: var(--ig-size-300);
  color: var(--notification-icon-color);
  align-items: flex-start;
  display: flex;
}

.ig-inline-notification__content {
  width: 100%;
}

.ig-inline-notification__heading {
  font: var(--notification-title-font);
  color: var(--notification-title-color);
}

.ig-inline-notification__description {
  font: var(--notification-description-font);
  color: var(--notification-description-color);
  margin: 0;
}

.ig-inline-notification button.ig-btn[aria-label="Close"] {
  padding: var(--ig-size-050);
}

.ig-inline-notification--low-importance {
  --notification-title-font: var(--ig-typography-body-large-regular);
  --notification-padding: var(--ig-size-100);
  --notification-gap: var(--ig-size-100);
  display: inline-flex;
}

.ig-inline-notification--info {
  --notification-bg: var(--ig-inline-notification-high-importance-info-background);
  --notification-icon-color: var(--ig-icon-info);
  --notification-title-color: var(--ig-inline-notification-high-importance-info-title);
  --notification-description-color: var(--ig-inline-notification-high-importance-info-body);
  --notification-border: var(--ig-inline-notification-high-importance-info-border);
  --notification-indicator: var(--ig-inline-notification-high-importance-info-border);
}

.ig-inline-notification--info.ig-inline-notification--low-importance {
  --notification-bg: var(--ig-inline-notification-low-importance-info-background);
  --notification-title-color: var(--ig-inline-notification-low-importance-info-title);
  --notification-description-color: var(--ig-inline-notification-low-importance-info-body);
  --notification-border: var(--ig-inline-notification-low-importance-info-border);
  --notification-indicator: var(--ig-inline-notification-low-importance-info-border);
}

.ig-inline-notification--danger {
  --notification-bg: var(--ig-inline-notification-high-importance-danger-background);
  --notification-icon-color: var(--ig-icon-danger);
  --notification-title-color: var(--ig-inline-notification-high-importance-danger-title);
  --notification-description-color: var(--ig-inline-notification-high-importance-danger-body);
  --notification-border: var(--ig-inline-notification-high-importance-danger-border);
  --notification-indicator: var(--ig-inline-notification-high-importance-danger-border);
}

.ig-inline-notification--danger.ig-inline-notification--low-importance {
  --notification-bg: var(--ig-inline-notification-low-importance-danger-background);
  --notification-title-color: var(--ig-inline-notification-low-importance-danger-title);
  --notification-description-color: var(--ig-inline-notification-low-importance-danger-body);
  --notification-border: var(--ig-inline-notification-low-importance-danger-border);
  --notification-indicator: var(--ig-inline-notification-low-importance-danger-border);
}

.ig-inline-notification--success {
  --notification-bg: var(--ig-inline-notification-high-importance-success-background);
  --notification-icon-color: var(--ig-icon-success);
  --notification-title-color: var(--ig-inline-notification-high-importance-success-title);
  --notification-description-color: var(--ig-inline-notification-high-importance-success-body);
  --notification-border: var(--ig-inline-notification-high-importance-success-border);
  --notification-indicator: var(--ig-inline-notification-high-importance-success-border);
}

.ig-inline-notification--success.ig-inline-notification--low-importance {
  --notification-bg: var(--ig-inline-notification-low-importance-success-background);
  --notification-title-color: var(--ig-inline-notification-low-importance-success-title);
  --notification-description-color: var(--ig-inline-notification-low-importance-success-body);
  --notification-border: var(--ig-inline-notification-low-importance-success-border);
  --notification-indicator: var(--ig-inline-notification-low-importance-success-border);
}

.ig-inline-notification--warning {
  --notification-bg: var(--ig-inline-notification-high-importance-warning-background);
  --notification-icon-color: var(--ig-icon-warning);
  --notification-title-color: var(--ig-inline-notification-high-importance-warning-title);
  --notification-description-color: var(--ig-inline-notification-high-importance-warning-body);
  --notification-border: var(--ig-inline-notification-high-importance-warning-border);
  --notification-indicator: var(--ig-inline-notification-high-importance-warning-border);
}

.ig-inline-notification--warning.ig-inline-notification--low-importance {
  --notification-bg: var(--ig-inline-notification-low-importance-warning-background);
  --notification-title-color: var(--ig-inline-notification-low-importance-warning-title);
  --notification-description-color: var(--ig-inline-notification-low-importance-warning-body);
  --notification-border: var(--ig-inline-notification-low-importance-warning-border);
  --notification-indicator: var(--ig-inline-notification-low-importance-warning-border);
}

@media (prefers-reduced-motion: no-preference) {
  .ig-inline-notification {
    transition: opacity var(--ig-transition-duration), display var(--ig-transition-duration) allow-discrete;
  }

  .ig-inline-notification--fade {
    opacity: 0;
    display: none;
  }
}

.ig-btn-group {
  flex-direction: row;
  display: flex;
}

.ig-btn-group .ig-btn {
  box-shadow: none;
  border-color: var(--ig-button-group-border);
  align-self: auto;
}

.ig-btn-group > :not(:last-of-type) .ig-btn, .ig-btn-group > .ig-btn:not(:last-of-type) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ig-btn-group > :not(:first-of-type) .ig-btn, .ig-btn-group > .ig-btn:not(:first-of-type) {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ig-btn-group.ig-btn-group--outlined .ig-btn {
  --ig-btn-bg: var(--ig-button-outlined-background);
  --ig-btn-color: var(--ig-button-outlined-content);
}

.ig-btn-group.ig-btn-group--outlined .ig-btn:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-outlined-background-hover);
  --ig-btn-color: var(--ig-button-outlined-content-hover);
  --ig-link-hover: var(--ig-button-outlined-content-hover);
}

.ig-btn-group.ig-btn-group--outlined .ig-btn:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-outlined-background-pressed);
  --ig-btn-color: var(--ig-button-outlined-content-pressed);
  --ig-link-pressed: var(--ig-button-outlined-content-pressed);
}

.ig-btn-group.ig-btn-group--soft .ig-btn {
  --ig-btn-bg: var(--ig-button-soft-background);
  --ig-btn-color: var(--ig-button-soft-content);
}

.ig-btn-group.ig-btn-group--soft .ig-btn:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-soft-background-hover);
  --ig-btn-color: var(--ig-button-soft-content-hover);
  --ig-link-hover: var(--ig-button-soft-content-hover);
}

.ig-btn-group.ig-btn-group--soft .ig-btn:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-soft-background-pressed);
  --ig-btn-color: var(--ig-button-soft-content-pressed);
  --ig-link-pressed: var(--ig-button-soft-content-pressed);
}

.ig-btn-group.ig-btn-group--sm .ig-btn {
  --ig-btn-font: var(--ig-typography-body-small-medium);
  --ig-btn-padding-x: var(--ig-component-input-small-horizontal-padding);
  --ig-btn-padding-y: var(--ig-component-input-small-vertical-padding);
  --ig-btn-gap: var(--ig-component-input-small-gap);
  --ig-btn-icon-size: var(--ig-line-height-body-small);
}

.ig-btn-group.ig-btn-group--lg .ig-btn {
  --ig-btn-font: var(--ig-typography-body-large-medium);
  --ig-btn-padding-x: var(--ig-component-input-large-horizontal-padding);
  --ig-btn-padding-y: var(--ig-component-input-large-vertical-padding);
  --ig-btn-gap: var(--ig-component-input-large-gap);
  --ig-btn-icon-size: var(--ig-line-height-body-large);
}

.ig-card {
  --ig-card-clear-background: var(--ig-background-clear);
  --ig-card-clear-border: var(--ig-border-soft);
  --ig-card-clear-text: var(--ig-text-bold);
  --ig-card-subtle-background: var(--ig-background-subtle);
  --ig-card-subtle-border: var(--ig-border-soft);
  --ig-card-subtle-text: var(--ig-text-bold);
  --ig-card-strong-background: var(--ig-background-secondary-strong);
  --ig-card-strong-border: var(--ig-border-transparent);
  --ig-card-strong-text: var(--ig-text-bold-inverse);
  --ig-card-header-title: var(--ig-text-bold);
  --ig-card-header-subtitle: var(--ig-text-medium);
  --ig-card-header-on-strong-title: var(--ig-text-on-bold-bold);
  --ig-card-header-on-strong-subtitle: var(--ig-text-on-bold-medium);
  --ig-card-footer-title: var(--ig-text-medium);
  --ig-card-footer-on-strong-title: var(--ig-text-on-strong-medium);
  --ig-divider-bold: var(--ig-border-medium);
  --ig-divider-subtle: var(--ig-border-soft);
  --card-bg: var(--ig-card-clear-background);
  --card-border: var(--ig-card-clear-border);
  --card-text: var(--ig-card-clear-text);
  --card-divider: var(--ig-divider-subtle);
  --title-color: var(--ig-card-header-title);
  --subtitle-color: var(--ig-card-header-subtitle);
  --footer-color: var(--ig-card-footer-title);
  background: var(--card-bg);
  color: var(--card-text);
  border: var(--ig-border-width) solid var(--card-border);
  border-radius: var(--ig-border-radius);
  flex-direction: column;
  display: flex;
  position: relative;
}

.ig-card__header {
  padding: var(--ig-size-200) var(--ig-size-300);
  border-bottom: var(--ig-border-width) solid var(--card-divider);
}

.ig-card__header:empty {
  display: none;
}

.ig-card__title {
  color: var(--title-color);
  font: var(--ig-typography-heading-xsmall-bold);
  display: block;
}

.ig-card__subtitle {
  color: var(--subtitle-color);
  font: var(--ig-typography-body-large-regular);
  display: block;
}

.ig-card__body {
  padding: var(--ig-size-300) var(--ig-size-300);
}

.ig-card__footer {
  color: var(--footer-color);
  padding: var(--ig-size-200) var(--ig-size-300);
  border-top: var(--ig-border-width) solid var(--card-divider);
}

.ig-card__footer:empty {
  display: none;
}

.ig-card--shadow {
  box-shadow: var(--ig-elevation-level-1);
}

.ig-card--clear {
  --card-bg: var(--ig-card-clear-background);
  --card-border: var(--ig-card-clear-border);
  --card-text: var(--ig-card-clear-text);
}

.ig-card--subtle {
  --card-bg: var(--ig-card-subtle-background);
  --card-border: var(--ig-card-subtle-border);
  --card-text: var(--ig-card-subtle-text);
}

.ig-card--strong {
  --card-bg: var(--ig-card-strong-background);
  --card-border: var(--ig-card-strong-border);
  --card-text: var(--ig-card-strong-text);
  --title-color: var(--ig-card-header-on-strong-title);
  --subtitle-color: var(--ig-card-header-on-strong-subtitle);
  --footer-color: var(--ig-card-footer-on-strong-title);
  --card-divider: var(--ig-divider-bold);
}

.ig-drawer {
  --ig-drawer-background: var(--ig-background-clear);
  --ig-drawer-border: var(--ig-border-raised);
  --ig-drawer-backdrop: var(--ig-background-backdrop);
  --ig-drawer-body-background: var(--ig-drawer-background);
  --ig-drawer-body-text: var(--ig-text-bold);
  --ig-drawer-footer-background: var(--ig-drawer-background);
  --ig-drawer-footer-text: var(--ig-text-bold);
  --ig-drawer-header-background: var(--ig-drawer-background);
  --ig-drawer-header-text: var(--ig-text-bold);
  --ig-drawer-elevation-level: var(--ig-elevation-level-4);
  --ig-drawer-xs-max-width: 300px;
  --ig-drawer-sm-max-width: 400px;
  --ig-drawer-md-max-width: 550px;
  --ig-drawer-lg-max-width: 700px;
  --ig-drawer-xl-max-width: 1140px;
  width: 100%;
  max-width: var(--ig-drawer-max-width, 100%);
  background: var(--ig-drawer-background);
  border: 0;
  border-right: solid 1px var(--ig-drawer-border);
  height: 100%;
  max-height: 100%;
  box-shadow: var(--ig-drawer-elevation-level);
  flex-direction: column;
  margin-left: 0;
  padding: 0;
}

.ig-drawer:open {
  display: flex;
}

.ig-drawer--right {
  border-right: 0;
  border-left: solid 1px var(--ig-drawer-border);
  margin-left: auto;
  margin-right: 0;
}

.ig-drawer__header {
  padding: var(--ig-size-200) var(--ig-size-300);
  align-items: center;
  gap: var(--ig-size-100);
  justify-content: space-between;
  align-self: stretch;
  display: flex;
}

.ig-drawer__title {
  margin: 0;
}

.ig-drawer__body {
  padding: var(--ig-size-300);
  flex-direction: column;
  flex: 1 0 0;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.ig-drawer__footer {
  padding: var(--ig-size-200) var(--ig-size-300);
  justify-content: flex-end;
  align-items: center;
  gap: var(--ig-size-100);
  align-self: stretch;
  display: flex;
}

.ig-drawer::backdrop {
  background: var(--ig-drawer-backdrop);
}

.ig-drawer:not(.ig-drawer--xs, .ig-drawer--sm, .ig-drawer--md, .ig-drawer--lg, .ig-drawer--xl) {
  --ig-drawer-max-width: var(--ig-drawer-sm-max-width);
}

.ig-drawer.ig-drawer--xs {
  --ig-drawer-max-width: var(--ig-drawer-xs-max-width);
}

@media (width >= 576px) {
  .ig-drawer.ig-drawer--sm {
    --ig-drawer-max-width: var(--ig-drawer-sm-max-width);
  }
}

@media (width >= 768px) {
  .ig-drawer.ig-drawer--md {
    --ig-drawer-max-width: var(--ig-drawer-md-max-width);
  }
}

@media (width >= 992px) {
  .ig-drawer.ig-drawer--lg {
    --ig-drawer-max-width: var(--ig-drawer-lg-max-width);
  }
}

@media (width >= 1200px) {
  .ig-drawer.ig-drawer--xl {
    --ig-drawer-max-width: var(--ig-drawer-xl-max-width);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .ig-drawer {
    transition: overlay var(--ig-transition-duration) ease-out allow-discrete, display var(--ig-transition-duration) ease-out allow-discrete, transform var(--ig-transition-duration) ease-out;
    transform: translateX(-100%);
  }

  .ig-drawer:open {
    transform: none;
  }

  .ig-drawer--right {
    transform: translateX(100%);
  }

  .ig-drawer--right:open {
    transform: none;
  }

  @starting-style {
    .ig-drawer:open {
      transform: translateX(-100%);
    }

    .ig-drawer--right:open {
      transform: translateX(100%);
    }
  }
}

.ig-spinner {
  --ig-spinner-primary-background: var(--ig-background-primary-subtle-hover);
  --ig-spinner-primary-fill: var(--ig-background-primary-bold);
  --ig-spinner-neutral-bold-background: var(--ig-background-soft);
  --ig-spinner-neutral-bold-fill: var(--ig-background-bold);
  --ig-spinner-neutral-subtle-background: var(--ig-background-soft);
  --ig-spinner-neutral-subtle-fill: var(--ig-background-medium);
  --ig-spinner-button-filled-background: var(--ig-background-transparent-clear);
  --ig-spinner-button-filled-fill: var(--ig-button-filled-content);
  --ig-spinner-button-outlined-background: var(--ig-background-transparent-clear);
  --ig-spinner-button-outlined-fill: var(--ig-button-outlined-content);
  --ig-spinner-button-soft-background: var(--ig-background-transparent-clear);
  --ig-spinner-button-soft-fill: var(--ig-button-soft-content);
  --ig-spinner-button-plain-background: var(--ig-background-transparent-clear);
  --ig-spinner-button-plain-fill: var(--ig-button-plain-content);
  --spinner-bg: var(--ig-btn-spinner-bg, var(--ig-spinner-primary-background));
  --spinner-fill: var(--ig-btn-spinner-fill, var(--ig-spinner-primary-fill));
  --spinner-size: var(--ig-btn-spinner-size, var(--ig-size-600));
  --spinner-border-width: var(--ig-btn-spinner-width, var(--ig-size-050));
  height: var(--spinner-size);
  width: var(--spinner-size);
  border-radius: 50%;
  position: relative;
}

.ig-spinner:before, .ig-spinner:after {
  content: "";
  border: var(--spinner-border-width) solid var(--spinner-bg);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ig-spinner:after {
  border-color: var(--spinner-fill);
  border-right-color: #0000;
  animation: 1s linear infinite spin;
}

.ig-spinner--dark {
  --spinner-bg: var(--ig-spinner-neutral-bold-background);
  --spinner-fill: var(--ig-spinner-neutral-bold-fill);
}

.ig-spinner--light {
  --spinner-bg: var(--ig-spinner-neutral-subtle-background);
  --spinner-fill: var(--ig-spinner-neutral-subtle-fill);
}

.ig-spinner--growing:before, .ig-spinner--growing:after {
  opacity: .6;
  background-color: var(--spinner-fill);
  border: none;
  animation: 2s ease-in-out infinite grow;
}

.ig-spinner--growing:after {
  animation-delay: -1s;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes grow {
  0%, 100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

.ig-btn-group-segmented {
  --ig-segmented-control-background: var(--ig-background-soft);
  --ig-segmented-control-border: var(--ig-border-medium);
  --ig-segmented-control-inactive-background: var(--ig-background-transparent-clear);
  --ig-segmented-control-inactive-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-segmented-control-inactive-background-pressed: var(--ig-background-transparent-clear-pressed);
  --ig-segmented-control-inactive-content: var(--ig-text-bold);
  --ig-segmented-control-inactive-content-hover: var(--ig-text-bold-hover);
  --ig-segmented-control-inactive-content-pressed: var(--ig-text-bold-pressed);
  --ig-segmented-control-inactive-border: var(--ig-border-transparent);
  --ig-segmented-divider: var(--ig-size-250);
  background: var(--ig-segmented-control-background);
  border-radius: var(--ig-border-radius-input);
  padding: var(--ig-size-025);
  border: solid 1px var(--ig-segmented-control-border);
  flex-direction: row;
  display: inline-flex;
}

.ig-btn-group-segmented .ig-btn {
  border-radius: var(--ig-border-radius-small);
  box-shadow: none;
  padding-top: calc(var(--ig-btn-padding-y)  - 3px);
  padding-bottom: calc(var(--ig-btn-padding-y)  - 3px);
  position: relative;
  border-color: #0000 !important;
}

.ig-btn-group-segmented .ig-btn, .ig-btn-group-segmented .ig-btn:hover {
  overflow: visible;
}

.ig-btn-group-segmented .ig-btn:active, .ig-btn-group-segmented .ig-btn.active {
  box-shadow: var(--ig-elevation-level-1);
}

.ig-btn-group-segmented .ig-btn:not(:active, .active) {
  background: var(--ig-segmented-control-inactive-background);
  color: var(--ig-segmented-control-inactive-content);
}

.ig-btn-group-segmented .ig-btn:not(:active, .active):hover {
  background: var(--ig-segmented-control-inactive-background-hover);
  color: var(--ig-segmented-control-inactive-content-hover);
}

.ig-btn-group-segmented .ig-btn:not(:active, .active):active {
  background: var(--ig-segmented-control-inactive-background-pressed);
  color: var(--ig-segmented-control-inactive-content-pressed);
}

.ig-btn-group-segmented .ig-btn {
  --ig-btn-bg: var(--ig-button-outlined-background);
  --ig-btn-color: var(--ig-button-outlined-content);
}

.ig-btn-group-segmented .ig-btn:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-outlined-background-hover);
  --ig-btn-color: var(--ig-button-outlined-content-hover);
  --ig-link-hover: var(--ig-button-outlined-content-hover);
}

.ig-btn-group-segmented .ig-btn:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-outlined-background-pressed);
  --ig-btn-color: var(--ig-button-outlined-content-pressed);
  --ig-link-pressed: var(--ig-button-outlined-content-pressed);
}

.ig-btn-group-segmented.ig-btn-group-segmented--filled .ig-btn {
  --ig-btn-bg: var(--ig-button-filled-background);
  --ig-btn-color: var(--ig-button-filled-content);
}

.ig-btn-group-segmented.ig-btn-group-segmented--filled .ig-btn:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-filled-background-hover);
  --ig-btn-color: var(--ig-button-filled-content-hover);
  --ig-link-hover: var(--ig-button-filled-content-hover);
}

.ig-btn-group-segmented.ig-btn-group-segmented--filled .ig-btn:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-filled-background-pressed);
  --ig-btn-color: var(--ig-button-filled-content-pressed);
  --ig-link-pressed: var(--ig-button-filled-content-pressed);
}

.ig-btn-group-segmented.ig-btn-group-segmented--outlined .ig-btn {
  --ig-btn-bg: var(--ig-button-outlined-background);
  --ig-btn-color: var(--ig-button-outlined-content);
}

.ig-btn-group-segmented.ig-btn-group-segmented--outlined .ig-btn:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-outlined-background-hover);
  --ig-btn-color: var(--ig-button-outlined-content-hover);
  --ig-link-hover: var(--ig-button-outlined-content-hover);
}

.ig-btn-group-segmented.ig-btn-group-segmented--outlined .ig-btn:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-outlined-background-pressed);
  --ig-btn-color: var(--ig-button-outlined-content-pressed);
  --ig-link-pressed: var(--ig-button-outlined-content-pressed);
}

.ig-btn-group-segmented.ig-btn-group-segmented--sm .ig-btn {
  --ig-btn-font: var(--ig-typography-body-small-medium);
  --ig-btn-padding-x: var(--ig-component-input-small-horizontal-padding);
  --ig-btn-padding-y: var(--ig-component-input-small-vertical-padding);
  --ig-btn-gap: var(--ig-component-input-small-gap);
  --ig-btn-icon-size: var(--ig-line-height-body-small);
  --ig-segmented-divider: var(--ig-size-200);
}

.ig-btn-group-segmented.ig-btn-group-segmented--lg .ig-btn {
  --ig-btn-font: var(--ig-typography-body-large-medium);
  --ig-btn-padding-x: var(--ig-component-input-large-horizontal-padding);
  --ig-btn-padding-y: var(--ig-component-input-large-vertical-padding);
  --ig-btn-gap: var(--ig-component-input-large-gap);
  --ig-btn-icon-size: var(--ig-line-height-body-large);
  --ig-segmented-divider: var(--ig-size-300);
}

.ig-btn-group-segmented.ig-btn-group-segmented--vertical {
  flex-direction: column;
}

.ig-btn-group-segmented .ig-btn:not(.active) + :not(.active):before {
  content: " ";
  border-left: solid 1px var(--ig-segmented-control-border);
  width: 4px;
  height: var(--ig-segmented-divider);
  position: absolute;
  right: 100%;
}

.ig-header {
  --ig-header-background: var(--ig-background-transparent-clear);
  --ig-header-border: var(--ig-border-soft);
  --ig-header-menu-item-list-item-content: var(--ig-text-medium);
  --ig-header-menu-item-list-item-content-hover: var(--ig-text-medium-hover);
  --ig-header-menu-item-list-item-content-pressed: var(--ig-text-medium-pressed);
  --ig-header-menu-item-list-item-content-selected: var(--ig-text-primary);
  --ig-header-menu-item-list-item-background: var(--ig-background-transparent-clear);
  --ig-header-menu-item-list-item-background-hover: var(--ig-background-transparent-clear);
  --ig-header-menu-item-list-item-background-pressed: var(--ig-background-transparent-clear-pressed);
  --ig-header-menu-item-list-item-background-selected: var(--ig-background-transparent-clear-selected-emphasized);
  --ig-header-branded-background: var(--ig-background-secondary-soft);
  --ig-header-branded-border: var(--ig-border-transparent);
  --ig-navigation-action-list-background: var(--ig-background-transparent-clear);
  --ig-navigation-highlighted-actions-list-background: var(--ig-background-transparent-clear-selected-emphasized-secondary);
  --ig-navigation-highlighted-actions-list-item-content: var(--ig-text-bold);
  --ig-navigation-highlighted-actions-list-item-content-hover: var(--ig-text-bold-hover);
  --ig-navigation-highlighted-actions-list-item-background: var(--ig-background-clear);
  --ig-navigation-highlighted-actions-list-item-background-hover: var(--ig-background-clear-hover);
  --ig-navigation-highlighted-actions-list-item-highlighted-content: var(--ig-text-secondary);
  --ig-navigation-highlighted-actions-list-item-highlighted-content-hover: var(--ig-text-secondary-hover);
  --ig-navigation-highlighted-actions-list-item-highlighted-background: var(--ig-background-clear);
  --ig-navigation-highlighted-actions-list-item-highlighted-background-hover: var(--ig-background-clear-hover);
  --ig-navigation-account-content-icon: var(--ig-icon-bold);
  --ig-navigation-account-content-title: var(--ig-text-bold);
  --ig-navigation-account-content-title-hover: var(--ig-text-bold-hover);
  --ig-navigation-account-content-title-selected: var(--ig-text-bold-selected);
  --ig-navigation-account-content-subtitle: var(--ig-text-medium);
  --ig-navigation-account-content-subtitle-hover: var(--ig-text-medium-hover);
  --ig-navigation-account-content-subtitle-selected: var(--ig-text-medium-selected);
  --ig-navigation-account-background: var(--ig-background-transparent-clear-selected-emphasized-secondary);
  --ig-navigation-account-background-hover: oklch(from var(--ig-background-secondary-bold-pressed) l c h / .16);
  --ig-navigation-account-background-selected: oklch(from var(--ig-background-secondary-bold-pressed) l c h / .25);
  --ig-navigation-account-menu-background: var(--ig-background-clear);
  --ig-navigation-account-menu-border: var(--ig-border-raised);
  --ig-navigation-account-menu-user-info-background: var(--ig-background-transparent-clear);
  --ig-navigation-account-menu-user-info-highlighted-background: var(--ig-background-soft);
  --ig-navigation-account-menu-user-info-content-title: var(--ig-text-bold);
  --ig-navigation-account-menu-user-info-content-subtitle: var(--ig-text-medium);
  --ig-navigation-account-menu-profile-list-background: var(--ig-background-transparent-clear);
  --ig-navigation-account-menu-profile-list-item-background: var(--ig-background-clear);
  --ig-navigation-account-menu-profile-list-item-background-hover: var(--ig-background-clear-hover);
  --ig-navigation-account-menu-profile-list-item-background-selected: var(--ig-background-clear-selected);
  --ig-navigation-account-menu-profile-list-item-content-title: var(--ig-text-bold);
  --ig-navigation-account-menu-profile-list-item-content-title-hover: var(--ig-text-bold-hover);
  --ig-navigation-account-menu-profile-list-item-content-title-selected: var(--ig-text-bold-selected);
  --ig-navigation-account-menu-profile-list-item-content-subtitle: var(--ig-text-medium);
  --ig-navigation-account-menu-profile-list-item-content-subtitle-hover: var(--ig-text-medium-hover);
  --ig-navigation-account-menu-profile-list-item-content-subtitle-selected: var(--ig-text-secondary);
  --ig-navigation-account-menu-heading-title: var(--ig-text-soft);
  --ig-navigation-account-menu-actions-list-item-background: var(--ig-background-clear);
  --ig-navigation-account-menu-actions-list-item-background-hover: var(--ig-background-clear-hover);
  --ig-navigation-account-menu-actions-list-item-background-selected: var(--ig-background-clear-selected);
  --ig-navigation-account-menu-actions-list-item-content-title: var(--ig-text-bold);
  --ig-navigation-account-menu-actions-list-item-content-title-hover: var(--ig-text-bold-hover);
  --ig-navigation-account-menu-actions-list-item-content-title-selected: var(--ig-text-bold-selected);
  --ig-navigation-account-menu-actions-list-item-highlighted-background: var(--ig-background-clear);
  --ig-navigation-account-menu-actions-list-item-highlighted-background-hover: var(--ig-background-clear-hover);
  --ig-navigation-account-menu-actions-list-item-highlighted-background-selected: var(--ig-background-clear-selected);
  --ig-navigation-account-menu-actions-list-item-highlighted-content-title: var(--ig-text-secondary);
  --ig-navigation-account-menu-actions-list-item-highlighted-content-title-hover: var(--ig-text-secondary-hover);
  --ig-navigation-account-menu-actions-list-item-highlighted-content-title-selected: var(--ig-text-secondary-pressed);
  --ig-navigation-account-menu-toggle-actions-list-item-background: var(--ig-background-transparent-clear);
  --ig-navigation-account-menu-toggle-actions-list-item-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-navigation-account-menu-toggle-actions-list-item-background-selected: var(--ig-background-transparent-clear-selected);
  --ig-navigation-account-menu-toggle-actions-list-item-content-title: var(--ig-text-bold);
  --ig-navigation-account-menu-toggle-actions-list-item-content-title-hover: var(--ig-text-bold-hover);
  --ig-navigation-account-menu-toggle-actions-list-item-content-title-selected: var(--ig-text-bold-selected);
  --ig-navigation-account-menu-toggle-actions-list-background-closed: var(--ig-background-clear);
  --ig-navigation-account-menu-toggle-actions-list-background-opened: var(--ig-background-subtle);
  --ig-navigation-theme-switcher-background: var(--ig-background-transparent-clear-selected-emphasized-secondary);
  --header-height: var(--ig-size-600);
  --header-logo-height: var(--ig-size-400);
  --header-menu-item-padding: var(--ig-size-100) var(--ig-size-150);
  --header-menu-item-font-size: var(--ig-font-size-body);
  --header-menu-item-line-height: var(--ig-line-height-body);
  --header-action-list-badge-size: var(--ig-size-200);
  --header-action-list-badge-font: var(--ig-typography-body-xxsmall-bold);
  --header-account-menu-height: var(--ig-size-500);
}

.ig-header--thin {
  --header-height: var(--ig-size-600);
  --header-logo-height: var(--ig-size-400);
  --header-menu-item-padding: var(--ig-size-100) var(--ig-size-150);
  --header-menu-item-font-size: var(--ig-font-size-body);
  --header-menu-item-line-height: var(--ig-line-height-body);
  --header-account-menu-height: var(--ig-size-500);
}

.ig-header--thick {
  --header-height: var(--ig-size-800);
  --header-menu-item-padding: var(--ig-size-200);
  --header-menu-item-font-size: var(--ig-font-size-body-large);
  --header-menu-item-line-height: var(--ig-line-height-body-large);
  --header-account-menu-height: 3.25rem;
}

.ig-header, .ig-header--clear {
  --header-background: var(--ig-header-background);
  --header-border: var(--ig-header-border);
}

.ig-header--branded {
  --header-background: var(--ig-header-branded-background);
  --header-border: var(--ig-header-branded-border);
  color-scheme: dark;
}

.ig-header {
  width: 100%;
  height: var(--header-height);
  border-bottom: 1px solid var(--header-border);
  background: var(--header-background);
  color: var(--ig-text-bold);
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.ig-header__left, .ig-header__right {
  align-items: center;
  gap: var(--ig-size-300);
  flex-direction: row;
  height: 100%;
  display: flex;
}

.ig-header__left {
  flex-grow: 1;
  order: 1;
}

.ig-header__right {
  padding-right: var(--ig-size-100);
  order: 2;
}

.ig-header__logo {
  align-items: center;
  display: flex;
}

.ig-header__logo img {
  margin-left: var(--ig-size-300);
  margin-right: var(--ig-size-400);
  height: var(--header-logo-height);
}

.ig-header__menu-items {
  flex-direction: row;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
}

.ig-header__menu-item {
  isolation: isolate;
  align-items: center;
  gap: var(--ig-size-100);
  height: 100%;
  font-size: var(--header-menu-item-font-size);
  line-height: var(--header-menu-item-line-height);
  font-weight: var(--ig-font-weight-medium);
  display: flex;
  position: relative;
}

.ig-header__menu-item-content {
  color: var(--ig-header-menu-item-list-item-content);
  background-color: var(--ig-header-menu-item-list-item-background);
  align-items: center;
  gap: var(--ig-size-100);
  height: 100%;
  padding: var(--header-menu-item-padding);
  text-decoration: none;
  display: flex;
}

.ig-header__menu-item-content i {
  display: flex;
}

.ig-header__menu-item-content span {
  text-box-trim: trim-end;
}

.ig-header__menu-item-content.active {
  color: var(--ig-header-menu-item-list-item-content-selected);
  background-color: var(--ig-header-menu-item-list-item-background-selected);
  box-shadow: inset 0 -2px 0 0 var(--ig-background-indicator-primary);
}

.ig-header__menu-item-content:hover:not(.active) {
  color: var(--ig-header-menu-item-list-item-content-hover);
  text-decoration: none;
}

.ig-header__menu-item-content:active:not(.active) {
  background-color: var(--ig-header-menu-item-list-item-background-pressed);
  color: var(--ig-header-menu-item-list-item-content-pressed);
}

.ig-header__menu-item.disabled {
  cursor: not-allowed;
  opacity: var(--ig-opacity-disabled);
}

.ig-header__menu-item.disabled * {
  pointer-events: none;
}

.ig-header ig-segmented-control, .ig-header .ig-btn-group-segmented {
  background: var(--ig-navigation-theme-switcher-background);
  border: none;
}

.ig-header__actions {
  padding: var(--ig-size-100);
  display: flex;
}

.ig-header__actions .ig-btn {
  padding: var(--ig-component-vertical-fix-medium);
}

.ig-header__actions .ig-btn .ig-badge {
  width: var(--header-action-list-badge-size);
  height: var(--header-action-list-badge-size);
  font: var(--header-action-list-badge-font);
  border-width: var(--ig-border-width);
  position: absolute;
  top: 0;
  right: 0;
}

.ig-header .ig-profile-switcher {
  height: var(--header-account-menu-height);
}

[data-theme="light"] .ig-header--branded .ig-dropdown {
  color-scheme: light;
}

.ig-dropdown {
  --ig-dropdown-menu-background: var(--ig-background-clear);
  --ig-dropdown-menu-border: var(--ig-border-raised);
  --ig-dropdown-menu-item-background: var(--ig-background-clear);
  --ig-dropdown-menu-item-background-hover: var(--ig-background-clear-hover);
  --ig-dropdown-menu-item-background-pressed: var(--ig-background-clear-pressed);
  --ig-dropdown-menu-item-background-selected: var(--ig-background-clear-selected);
  --ig-dropdown-menu-item-content-title: var(--ig-text-bold);
  --ig-dropdown-menu-item-content-title-hover: var(--ig-text-bold-hover);
  --ig-dropdown-menu-item-content-title-pressed: var(--ig-text-bold-pressed);
  --ig-dropdown-menu-item-content-title-selected: var(--ig-text-bold-selected);
  --ig-dropdown-menu-item-content-subtitle: var(--ig-text-medium);
  --ig-dropdown-menu-item-content-subtitle-hover: var(--ig-text-medium-hover);
  --ig-dropdown-menu-item-content-subtitle-pressed: var(--ig-text-medium-pressed);
  --ig-dropdown-menu-item-content-subtitle-selected: var(--ig-text-medium-selected);
  --ig-dropdown-menu-item-content-secondary-text: var(--ig-text-medium);
  --ig-dropdown-menu-item-content-secondary-text-hover: var(--ig-text-medium-hover);
  --ig-dropdown-menu-item-content-secondary-text-pressed: var(--ig-text-medium-pressed);
  --ig-dropdown-menu-item-content-secondary-text-selected: var(--ig-text-medium-selected);
  --position-area: bottom span-right;
  --item-bg: var(--ig-dropdown-menu-item-background);
  --item-color: var(--ig-dropdown-menu-item-content-title);
  --item-font: var(--ig-typography-body-medium-regular);
  --item-padding: var(--ig-size-075) var(--ig-component-input-medium-horizontal-padding);
  --item-gap: var(--ig-component-input-medium-gap);
  --item-icon-size: var(--ig-line-height-body);
  --item-min-width: var(--ig-size-1200);
  --title-font: var(--ig-typography-body-small-regular);
  --title-padding: var(--ig-size-150) var(--ig-size-150) var(--ig-size-075) var(--ig-size-150);
  --subtitle-font: var(--ig-typography-body-small-regular);
  --subtitle-color: var(--ig-dropdown-menu-item-content-subtitle);
  inset: unset;
  position-area: var(--position-area);
  position-try-fallbacks: flip-block;
  margin: var(--ig-size-100) 0;
  border-radius: var(--ig-border-radius);
  border: 1px solid var(--ig-dropdown-menu-border);
  background: var(--ig-dropdown-menu-background);
  box-shadow: var(--ig-elevation-level-3);
  padding: 0;
}

.ig-dropdown + .ig-dropdown__toggle:after {
  font-variant: normal;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-style: normal;
  line-height: 1;
  display: inline-block;
  font-family: ignite-icons !important;
  font-weight: normal !important;
}

@media (prefers-reduced-motion: no-preference) {
  .ig-dropdown + .ig-dropdown__toggle:after {
    transition: transform var(--ig-transition-duration-fast) ease-in-out;
  }
}

.ig-dropdown + .ig-dropdown__toggle:after {
  align-self: center;
}

.ig-dropdown:popover-open {
  flex-direction: column;
  display: flex;
}

.ig-dropdown:popover-open + .ig-dropdown__toggle {
  --ig-btn-bg: var(--ig-button-soft-background-pressed);
  --ig-btn-color: var(--ig-button-soft-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-dropdown:popover-open + .ig-dropdown__toggle:after {
  transform: rotate(-180deg);
}

.ig-dropdown .ig-dropdown__title {
  font: var(--title-font);
  padding: var(--title-padding);
  color: var(--ig-dropdown-menu-item-content-title);
}

.ig-dropdown .ig-dropdown__title:hover {
  color: var(--ig-dropdown-menu-item-content-title-hover);
}

.ig-dropdown .ig-dropdown__item {
  font: var(--item-font);
  padding: var(--item-padding);
  background: var(--item-bg);
  color: var(--item-color);
  gap: var(--item-gap);
  text-align: left;
  min-width: var(--item-min-width);
  text-decoration: none;
  display: inline-flex;
}

.ig-dropdown .ig-dropdown__item i {
  font-size: var(--item-icon-size);
  line-height: 0;
}

.ig-dropdown .ig-dropdown__item span {
  text-box-trim: trim-end;
  line-height: 1.5;
}

.ig-dropdown .ig-dropdown__item .ig-dropdown__item-description {
  font: var(--subtitle-font);
  color: var(--subtitle-color);
  display: block;
}

.ig-dropdown .ig-dropdown__item:hover, .ig-dropdown .ig-dropdown__item:focus-visible {
  --item-bg: var(--ig-dropdown-menu-item-background-hover);
  --item-color: var(--ig-dropdown-menu-item-content-title-hover);
  --subtitle-color: var(--ig-dropdown-menu-item-content-subtitle-hover);
  text-decoration: none;
}

.ig-dropdown .ig-dropdown__item.active, .ig-dropdown .ig-dropdown__item:active {
  --item-bg: var(--ig-dropdown-menu-item-background-selected);
  --item-color: var(--ig-dropdown-menu-item-content-title-pressed);
  --subtitle-color: var(--ig-dropdown-menu-item-content-subtitle-pressed);
  text-decoration: none;
}

.ig-dropdown-button:after {
  font-variant: normal;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "";
  align-self: center;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  font-family: ignite-icons !important;
  font-weight: normal !important;
}

.ig-dropdown-button--opened:after {
  transform: scale(-1);
}

.ig-dropdown-container {
  flex-direction: column;
  display: flex;
}

.ig-dropdown-container .ig-btn {
  flex: auto;
}

.ig-dropdown-container:has(:popover-open) .ig-dropdown-button:after {
  transform: scale(-1);
}

.ig-dropdown-divider {
  margin: 0;
}

.ig-dropdown--sm {
  --item-padding: var(--ig-size-050) var(--ig-component-input-small-horizontal-padding);
  --item-font: var(--ig-typography-body-small-regular);
  --item-icon-size: var(--ig-line-height-body-small);
  --item-min-width: var(--ig-size-1000);
  --title-font: var(--ig-typography-body-xsmall-regular);
  --title-padding: var(--ig-size-100) var(--ig-size-100) var(--ig-size-050) var(--ig-size-100);
  --subtitle-font: var(--ig-typography-body-xsmall-regular);
}

.ig-dropdown--sm + .ig-dropdown__toggle {
  --ig-btn-font: var(--ig-typography-body-small-medium);
  --ig-btn-padding-x: var(--ig-component-input-small-horizontal-padding);
  --ig-btn-padding-y: var(--ig-component-input-small-vertical-padding);
  --ig-btn-gap: var(--ig-component-input-small-gap);
  --ig-btn-icon-size: var(--ig-line-height-body-small);
}

.ig-dropdown--lg {
  --item-padding: var(--ig-size-100) var(--ig-component-input-large-horizontal-padding);
  --item-font: var(--ig-typography-body-large-regular);
  --item-icon-size: var(--ig-line-height-body-large);
  --item-min-width: var(--ig-size-1600);
  --title-font: var(--ig-typography-body-medium-regular);
  --title-padding: var(--ig-size-200) var(--ig-size-200) var(--ig-size-100) var(--ig-size-200);
  --subtitle-font: var(--ig-typography-body-medium-regular);
}

.ig-dropdown--lg + .ig-dropdown__toggle {
  --ig-btn-font: var(--ig-typography-body-large-medium);
  --ig-btn-padding-x: var(--ig-component-input-large-horizontal-padding);
  --ig-btn-padding-y: var(--ig-component-input-large-vertical-padding);
  --ig-btn-gap: var(--ig-component-input-large-gap);
  --ig-btn-icon-size: var(--ig-line-height-body-large);
}

.ig-dropdown--filled + .ig-dropdown__toggle {
  --ig-btn-bg: var(--ig-button-filled-background);
  --ig-btn-border: var(--ig-button-filled-border);
  --ig-btn-color: var(--ig-button-filled-content);
}

.ig-dropdown--filled + .ig-dropdown__toggle:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-filled-background-hover);
  --ig-btn-color: var(--ig-button-filled-content-hover);
  --ig-link-hover: var(--ig-button-filled-content-hover);
  text-decoration: none;
}

.ig-dropdown--filled + .ig-dropdown__toggle:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-filled-background-pressed);
  --ig-btn-color: var(--ig-button-filled-content-pressed);
  --ig-link-pressed: var(--ig-button-filled-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-dropdown--filled:popover-open + .ig-dropdown__toggle, .ig-dropdown--filled:popover-open + .ig-dropdown__toggle:hover {
  --ig-btn-bg: var(--ig-button-filled-background-pressed);
  --ig-btn-color: var(--ig-button-filled-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-dropdown--outlined + .ig-dropdown__toggle {
  --ig-btn-bg: var(--ig-button-outlined-background);
  --ig-btn-border: var(--ig-button-outlined-border);
  --ig-btn-color: var(--ig-button-outlined-content);
}

.ig-dropdown--outlined + .ig-dropdown__toggle:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-outlined-background-hover);
  --ig-btn-color: var(--ig-button-outlined-content-hover);
  --ig-link-hover: var(--ig-button-outlined-content-hover);
  text-decoration: none;
}

.ig-dropdown--outlined + .ig-dropdown__toggle:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-outlined-background-pressed);
  --ig-btn-color: var(--ig-button-outlined-content-pressed);
  --ig-link-pressed: var(--ig-button-outlined-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-dropdown--outlined:popover-open + .ig-dropdown__toggle, .ig-dropdown--outlined:popover-open + .ig-dropdown__toggle:hover {
  --ig-btn-bg: var(--ig-button-outlined-background-pressed);
  --ig-btn-color: var(--ig-button-outlined-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-dropdown--soft + .ig-dropdown__toggle {
  --ig-btn-bg: var(--ig-button-soft-background);
  --ig-btn-border: var(--ig-button-soft-border);
  --ig-btn-color: var(--ig-button-soft-content);
}

.ig-dropdown--soft + .ig-dropdown__toggle:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-soft-background-hover);
  --ig-btn-color: var(--ig-button-soft-content-hover);
  --ig-link-hover: var(--ig-button-soft-content-hover);
  text-decoration: none;
}

.ig-dropdown--soft + .ig-dropdown__toggle:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-soft-background-pressed);
  --ig-btn-color: var(--ig-button-soft-content-pressed);
  --ig-link-pressed: var(--ig-button-soft-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-dropdown--soft:popover-open + .ig-dropdown__toggle, .ig-dropdown--soft:popover-open + .ig-dropdown__toggle:hover {
  --ig-btn-bg: var(--ig-button-soft-background-pressed);
  --ig-btn-color: var(--ig-button-soft-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-dropdown--plain + .ig-dropdown__toggle {
  --ig-btn-bg: var(--ig-button-plain-background);
  --ig-btn-border: var(--ig-button-plain-border);
  --ig-btn-color: var(--ig-button-plain-content);
}

.ig-dropdown--plain + .ig-dropdown__toggle:hover:not([disabled]) {
  --ig-btn-bg: var(--ig-button-plain-background-hover);
  --ig-btn-color: var(--ig-button-plain-content-hover);
  --ig-link-hover: var(--ig-button-plain-content-hover);
  --ig-btn-box-shadow: none;
  text-decoration: none;
}

.ig-dropdown--plain + .ig-dropdown__toggle:active:not([disabled]) {
  --ig-btn-bg: var(--ig-button-plain-background-pressed);
  --ig-btn-color: var(--ig-button-plain-content-pressed);
  --ig-link-pressed: var(--ig-button-plain-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-dropdown--plain:popover-open + .ig-dropdown__toggle, .ig-dropdown--plain:popover-open + .ig-dropdown__toggle:hover {
  --ig-btn-bg: var(--ig-button-plain-background-pressed);
  --ig-btn-color: var(--ig-button-plain-content-pressed);
  --ig-btn-box-shadow: var(--ig-elevation-inset);
}

.ig-dropdown--bottom-end {
  --position-area: bottom span-left;
}

.ig-progress-bar {
  --ig-progress-bar-track-fill: var(--ig-background-secondary-bold);
  --ig-progress-bar-track-background: var(--ig-background-transparent-subtle);
  --ig-progress-bar-track-text: var(--ig-text-medium);
  --ig-progress-bar-track-danger-fill: var(--ig-background-danger-bold);
  --ig-progress-bar-track-danger-background: var(--ig-progress-bar-track-background);
  --ig-progress-bar-track-danger-text: var(--ig-text-medium);
  --ig-progress-bar-track-success-fill: var(--ig-background-success-bold);
  --ig-progress-bar-track-success-background: var(--ig-progress-bar-track-background);
  --ig-progress-bar-track-success-text: var(--ig-text-medium);
  --progress-bar-height: var(--ig-size-200);
  --progress-bar-border-radius: var(--ig-border-radius);
  gap: var(--ig-size-100);
  grid-template-columns: 1fr auto;
  grid-template-areas: "label percentage"
                       "progress progress"
                       "helper helper";
  display: grid;
}

.ig-progress-bar--sm {
  --progress-bar-height: var(--ig-size-100);
  --progress-bar-border-radius: var(--ig-border-radius-small);
}

.ig-progress-bar--inline-percentage .ig-progress-bar__progress-container {
  gap: var(--ig-size-200);
  grid-area: progress;
  align-items: center;
  display: flex;
}

.ig-progress-bar--inline-percentage .ig-progress-bar__percentage {
  display: none;
}

.ig-progress-bar__label {
  color: var(--ig-progress-bar-track-text);
  grid-area: label;
}

.ig-progress-bar__percentage {
  color: var(--ig-progress-bar-track-text);
  white-space: nowrap;
  grid-area: percentage;
  justify-self: end;
}

.ig-progress-bar__progress-container, .ig-progress-bar__progress {
  width: 100%;
  height: var(--progress-bar-height);
  grid-area: progress;
  position: relative;
}

.ig-progress-bar__progress {
  background: var(--ig-progress-bar-track-background);
  height: var(--progress-bar-height);
  border-radius: var(--progress-bar-border-radius);
  overflow: hidden;
}

.ig-progress-bar__progress:before {
  content: "";
  height: 100%;
  width: calc(var(--progress) * 1%);
  background: var(--ig-progress-bar-track-fill);
  position: absolute;
  top: 0;
  left: 0;
}

.ig-progress-bar__progress[data-indeterminate]:before {
  background: repeating-linear-gradient(45deg, transparent 0%, transparent 25%, var(--ig-progress-bar-track-fill) 25%, var(--ig-progress-bar-track-fill) 50%, transparent 50%, transparent 75%, var(--ig-progress-bar-track-fill) 75%, var(--ig-progress-bar-track-fill) 100%);
  background-size: var(--ig-size-300) var(--ig-size-300);
  width: 100%;
}

.ig-progress-bar__inline-percentage {
  color: var(--ig-progress-bar-track-text);
  white-space: nowrap;
  text-align: right;
  flex-shrink: 0;
  width: 4ch;
}

.ig-progress-bar__helper {
  gap: var(--ig-size-100);
  color: var(--ig-progress-bar-track-text);
  grid-area: helper;
  align-items: center;
  display: flex;
}

.ig-progress-bar__helper i {
  font-size: var(--ig-size-250);
  line-height: var(--ig-size-250);
}

.ig-progress-bar--danger {
  --ig-progress-bar-track-fill: var(--ig-progress-bar-track-danger-fill);
}

.ig-progress-bar--danger .ig-progress-bar__helper-text, .ig-progress-bar--danger .ig-progress-bar__helper i {
  color: var(--ig-progress-bar-track-danger-fill);
}

.ig-progress-bar--success {
  --ig-progress-bar-track-fill: var(--ig-progress-bar-track-success-fill);
}

.ig-progress-bar--success .ig-progress-bar__helper-text, .ig-progress-bar--success .ig-progress-bar__helper i {
  color: var(--ig-progress-bar-track-success-fill);
}

@media (prefers-reduced-motion: no-preference) {
  .ig-progress-bar .ig-progress-bar__progress:before {
    transition: width .1s ease-out;
  }

  .ig-progress-bar .ig-progress-bar__progress[data-indeterminate]:before {
    animation: 1.5s linear infinite progress-indeterminate;
  }

  @keyframes progress-indeterminate {
    0% {
      background-position: var(--ig-size-300) 0;
    }

    100% {
      background-position: 0 0;
    }
  }
}

.ig-breadcrumb {
  --ig-breadcrumb-content: var(--ig-text-medium);
  --ig-breadcrumb-content-hover: var(--ig-text-medium-hover);
  --ig-breadcrumb-content-selected: var(--ig-text-medium-selected);
}

.ig-breadcrumb__list {
  align-items: center;
  gap: var(--ig-size-200);
  flex-direction: row;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.ig-breadcrumb-item {
  align-items: center;
  gap: var(--ig-size-200);
  display: flex;
}

.ig-breadcrumb-item__link, .ig-breadcrumb-item__text {
  align-items: center;
  gap: var(--ig-size-100);
  color: var(--ig-breadcrumb-content);
  font: var(--ig-typography-body-medium-regular);
  text-decoration: none;
  display: flex;
}

.ig-breadcrumb-item__label {
  text-box-trim: trim-end;
}

.ig-breadcrumb-item__link.ig-breadcrumb-item__link .ig-breadcrumb-item__icon, .ig-breadcrumb-item__text.ig-breadcrumb-item__text .ig-breadcrumb-item__icon {
  font-size: var(--ig-size-200);
  line-height: 0;
}

.ig-breadcrumb-item__separator {
  font-size: var(--ig-font-size-body-large);
  display: flex;
}

.ig-breadcrumb-item--active .ig-breadcrumb-item__text {
  font: var(--ig-typography-body-medium-medium);
  color: var(--ig-breadcrumb-content-selected);
}

.ig-breadcrumb-item--disabled .ig-breadcrumb-item__text {
  cursor: not-allowed;
  opacity: var(--ig-opacity-disabled);
}

.ig-breadcrumb .ig-breadcrumb-item .ig-breadcrumb-item__link:hover {
  color: var(--ig-breadcrumb-content-hover);
  text-decoration: underline;
}

.ig-breadcrumb--no-separators .ig-breadcrumb-item__separator, .ig-breadcrumb ig-breadcrumb-item:first-child .ig-breadcrumb-item__separator {
  display: none;
}

.ig-tree-view {
  --ig-tree-view-container-filled-background: var(--ig-background-clear);
  --ig-tree-view-container-filled-border: var(--ig-border-soft);
  --ig-tree-view-container-transparent-background: var(--ig-background-transparent-clear);
  --ig-tree-view-container-transparent-border: var(--ig-border-transparent);
  --ig-tree-view-item-chevron: var(--ig-icon-bold);
  --ig-tree-view-item-content-label: var(--ig-text-bold);
  --ig-tree-view-item-content-label-hover: var(--ig-text-bold);
  --ig-tree-view-item-content-label-selected: var(--ig-text-secondary);
  --ig-tree-view-item-content-secondary-label: var(--ig-text-medium);
  --ig-tree-view-item-content-secondary-label-hover: var(--ig-text-medium);
  --ig-tree-view-item-content-secondary-label-selected: var(--ig-text-medium);
  --ig-tree-view-item-content-icon: var(--ig-icon-bold);
  --ig-tree-view-item-content-icon-hover: var(--ig-icon-bold);
  --ig-tree-view-item-content-icon-selected: var(--ig-icon-bold);
  --ig-tree-view-item-background: var(--ig-background-transparent-clear);
  --ig-tree-view-item-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-tree-view-item-background-selected: var(--ig-background-transparent-clear-selected);
  --ig-search-icon-search: var(--ig-icon-secondary);
  --ig-search-icon-clear: var(--ig-icon-medium);
  border: 1px solid var(--ig-tree-view-container-transparent-border);
  background: var(--ig-tree-view-container-transparent-background);
  --ig-tree-view-font-size: var(--ig-font-size-body);
  --ig-tree-view-line-height: var(--ig-line-height-body);
  --ig-tree-view-icon-size: var(--ig-line-height-body);
  --ig-tree-view-item-padding: var(--ig-size-075);
  --ig-tree-view-item-gap: var(--ig-size-075);
  --ig-tree-view-children-indent: var(--ig-size-200);
  --ig-tree-view-children-base-padding: var(--ig-size-075);
  --ig-tree-view-secondary-font-size: var(--ig-font-size-body-small);
  flex-direction: column;
  display: flex;
}

.ig-tree-view--container {
  border: 1px solid var(--ig-tree-view-container-filled-border);
  border-radius: var(--ig-size-100);
  background: var(--ig-tree-view-container-filled-background);
  padding: var(--ig-size-100);
}

.ig-tree-view--sm {
  --ig-tree-view-font-size: var(--ig-font-size-body-small);
  --ig-tree-view-line-height: var(--ig-line-height-body-small);
  --ig-tree-view-icon-size: var(--ig-line-height-body-small);
  --ig-tree-view-item-padding: var(--ig-size-050);
  --ig-tree-view-item-gap: var(--ig-size-050);
  --ig-tree-view-children-indent: var(--ig-size-100);
  --ig-tree-view-children-base-padding: var(--ig-size-050);
  --ig-tree-view-secondary-font-size: var(--ig-font-size-body-xsmall);
}

.ig-tree-view--lg {
  --ig-tree-view-font-size: var(--ig-font-size-body-large);
  --ig-tree-view-line-height: var(--ig-line-height-body-large);
  --ig-tree-view-icon-size: var(--ig-line-height-body-large);
  --ig-tree-view-item-padding: var(--ig-size-100);
  --ig-tree-view-item-gap: var(--ig-size-100);
  --ig-tree-view-children-indent: var(--ig-size-250);
  --ig-tree-view-children-base-padding: var(--ig-size-100);
  --ig-tree-view-secondary-font-size: var(--ig-font-size-body);
}

.ig-tree-view__search-wrapper {
  margin-bottom: var(--ig-size-100);
  position: relative;
}

.ig-tree-view__search-wrapper:before {
  font-variant: normal;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "";
  left: var(--ig-size-150);
  color: var(--ig-search-icon-search);
  font-style: normal;
  line-height: 1;
  font-size: var(--ig-size-250);
  pointer-events: none;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-family: ignite-icons !important;
  font-weight: normal !important;
}

.ig-tree-view__search-wrapper input.ig-tree-view__search[type="text"] {
  padding-left: var(--ig-size-500);
}

.ig-tree-view-item {
  grid-template-columns: var(--ig-tree-view-icon-size) var(--ig-tree-view-icon-size) auto 1fr auto;
  align-items: center;
  gap: var(--ig-tree-view-item-gap);
  padding: var(--ig-tree-view-item-padding);
  background: var(--ig-tree-view-item-background);
  border-left: var(--ig-size-025) solid transparent;
  font-size: var(--ig-tree-view-font-size);
  line-height: var(--ig-tree-view-line-height);
  grid-template-areas: "toggle icon checkbox label secondary";
  display: grid;
}

.ig-tree-view-item:not(:has(.ig-checkbox)) {
  grid-template-columns: var(--ig-tree-view-icon-size) var(--ig-tree-view-icon-size) 1fr auto;
  grid-template-areas: "toggle icon label secondary";
}

.ig-tree-view-item:before {
  font-variant: normal;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "";
  content: "";
  font-style: normal;
  line-height: 1;
  font-size: var(--ig-tree-view-icon-size);
  color: var(--ig-tree-view-item-content-icon);
  grid-area: icon;
  line-height: 0;
  display: inline-block;
  font-family: ignite-icons !important;
  font-weight: normal !important;
}

.ig-tree-view-item > i {
  font-size: var(--ig-tree-view-icon-size);
  color: var(--ig-tree-view-item-content-icon);
  grid-area: icon;
  line-height: 0;
}

.ig-tree-view-item:has( > i):before {
  content: none;
}

.ig-tree-view-item .ig-checkbox {
  grid-area: checkbox;
}

.ig-tree-view-item__toggle {
  cursor: pointer;
  color: var(--ig-tree-view-item-chevron);
  width: var(--ig-tree-view-icon-size);
  background: none;
  border: none;
  grid-area: toggle;
  justify-content: center;
  align-items: center;
  padding: 0;
  line-height: 0;
  display: flex;
  position: relative;
}

.ig-tree-view-item__toggle:before {
  line-height: 0;
}

.ig-tree-view-item__toggle--expanded:before {
  font-variant: normal;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-style: normal;
  line-height: 1;
  display: inline-block;
  font-family: ignite-icons !important;
  font-weight: normal !important;
}

.ig-tree-view-item__toggle--collapsed:before {
  font-variant: normal;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-style: normal;
  line-height: 1;
  display: inline-block;
  font-family: ignite-icons !important;
  font-weight: normal !important;
}

.ig-tree-view-item__label {
  color: var(--ig-tree-view-item-content-label);
  text-align: left;
  background: none;
  grid-area: label;
  padding: 0;
}

.ig-tree-view-item__secondary-label {
  color: var(--ig-tree-view-item-content-secondary-label);
  font-size: var(--ig-tree-view-secondary-font-size);
  grid-area: secondary;
}

.ig-tree-view-item--selected {
  background: var(--ig-tree-view-item-background-selected);
  border-left: var(--ig-size-025) solid var(--ig-text-secondary);
}

.ig-tree-view-item--selected:before {
  color: var(--ig-tree-view-item-content-icon-selected);
}

.ig-tree-view-item--selected .ig-tree-view-item__label {
  color: var(--ig-text-secondary);
  font-weight: var(--ig-font-weight-medium);
}

.ig-tree-view-item--selected .ig-tree-view-item__secondary-label {
  color: var(--ig-tree-view-item-content-secondary-label-selected);
}

.ig-tree-view-item--selected > i {
  color: var(--ig-tree-view-item-content-icon-selected);
}

.ig-tree-view-item:hover {
  background: var(--ig-tree-view-item-background-hover);
}

.ig-tree-view-item:hover:before {
  color: var(--ig-tree-view-item-content-icon-hover);
}

.ig-tree-view-item:hover .ig-tree-view-item__label {
  color: var(--ig-text-secondary);
}

.ig-tree-view-item:hover .ig-tree-view-item__secondary-label {
  color: var(--ig-tree-view-item-content-secondary-label-hover);
}

.ig-tree-view-item:hover > i {
  color: var(--ig-tree-view-item-content-icon-hover);
}

.ig-tree-view-item__children .ig-tree-view-item {
  padding-left: calc(var(--ig-tree-view-children-base-padding)  + var(--ig-tree-view-children-indent) * var(--level));
}

.ig-list-group {
  --ig-list-group-background: var(--ig-background-transparent-clear);
  --ig-list-group-border: var(--ig-border-medium);
  --ig-list-group-list-group-header-background: var(--ig-background-transparent-clear);
  --ig-list-group-list-group-header-content: var(--ig-text-medium);
  --ig-list-group-list-group-header-content-muted: var(--ig-text-medium);
  --ig-list-group-list-group-item-background: var(--ig-background-transparent-clear);
  --ig-list-group-list-group-item-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-list-group-list-group-item-background-selected: var(--ig-background-transparent-clear-selected);
  --ig-list-group-list-group-item-content-title: var(--ig-text-medium);
  --ig-list-group-list-group-item-content-title-hover: var(--ig-text-medium-hover);
  --ig-list-group-list-group-item-content-title-pressed: var(--ig-text-medium-pressed);
  --ig-list-group-list-group-item-content-subtitle: var(--ig-text-medium);
  --ig-list-group-list-group-item-content-subtitle-hover: var(--ig-text-medium-hover);
  --ig-list-group-list-group-item-content-subtitle-pressed: var(--ig-text-medium-pressed);
  --ig-list-group-list-group-item-content-muted: var(--ig-text-medium);
  --ig-list-group-list-group-item-content-muted-hover: var(--ig-text-medium-hover);
  --ig-list-group-list-group-item-content-muted-pressed: var(--ig-text-medium-pressed);
  background-color: var(--ig-list-group-background);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ig-list-group--borders {
  border: 1px solid var(--ig-list-group-border);
}

.ig-list-group--no-borders, .ig-list-group--flush {
  border: 0;
}

.ig-list-group__header {
  padding: var(--ig-size-200) var(--ig-size-100);
  background-color: var(--ig-list-group-list-group-header-background);
  width: 100%;
}

.ig-list-group__header:empty {
  display: none;
}

.ig-list-group--borders .ig-list-group__header, .ig-list-group--flush .ig-list-group__header {
  border-bottom: 1px solid var(--ig-list-group-border);
}

.ig-list-group--borders .ig-list-group__header:empty, .ig-list-group--flush .ig-list-group__header:empty {
  border-bottom: none;
}

.ig-list-group__header-title {
  color: var(--ig-list-group-list-group-item-content-title);
  font-family: var(--ig-font-family-body);
  font-style: normal;
  font-weight: var(--ig-font-weight-bold);
}

.ig-list-group--sm .ig-list-group__header-title {
  font-size: var(--ig-font-size-body-small);
  line-height: var(--ig-line-height-body-small);
}

.ig-list-group--sm .ig-list-group__header-title i {
  font-size: var(--ig-line-height-body-small);
}

.ig-list-group--md .ig-list-group__header-title {
  font-size: var(--ig-font-size-body);
  line-height: var(--ig-line-height-body);
}

.ig-list-group--lg .ig-list-group__header-title {
  font-size: var(--ig-font-size-body-large);
  line-height: var(--ig-line-height-body-large);
}

.ig-list-group--lg .ig-list-group__header-title i {
  font-size: var(--ig-line-height-body-large);
}

.ig-list-group__header-title {
  display: block;
}

.ig-list-group__list {
  display: contents;
}

.ig-list-group-item {
  background-color: var(--ig-list-group-list-group-item-background);
  border-left: var(--ig-border-width-indicator) solid transparent;
  align-items: flex-start;
  width: 100%;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.ig-list-group-item__content {
  align-items: flex-start;
  gap: var(--ig-size-100);
  width: 100%;
  padding: var(--ig-size-200) var(--ig-size-100) var(--ig-size-200) calc(var(--ig-size-025)  + var(--ig-size-050));
  display: flex;
}

.ig-list-group--sm .ig-list-group-item__content {
  padding: var(--ig-size-100) var(--ig-size-100) var(--ig-size-100) calc(var(--ig-size-025)  + var(--ig-size-050));
}

.ig-list-group--lg .ig-list-group-item__content {
  padding: var(--ig-size-250) var(--ig-size-150) var(--ig-size-250) calc(var(--ig-size-025)  + var(--ig-size-100));
}

.ig-list-group-item__icon {
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.ig-list-group-item__icon i {
  font-size: var(--ig-line-height-body);
}

.ig-list-group--sm .ig-list-group-item__icon {
  font-size: var(--ig-font-size-body-small);
  line-height: var(--ig-line-height-body-small);
}

.ig-list-group--sm .ig-list-group-item__icon i {
  font-size: var(--ig-line-height-body-small);
}

.ig-list-group--md .ig-list-group-item__icon {
  font-size: var(--ig-font-size-body);
  line-height: var(--ig-line-height-body);
}

.ig-list-group--lg .ig-list-group-item__icon {
  font-size: var(--ig-font-size-body-large);
  line-height: var(--ig-line-height-body-large);
}

.ig-list-group--lg .ig-list-group-item__icon i {
  font-size: var(--ig-line-height-body-large);
}

.ig-list-group-item__text {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ig-list-group-item__title {
  color: var(--ig-list-group-list-group-item-content-title);
  font-family: var(--ig-font-family-body);
  font-style: normal;
  font-weight: var(--ig-font-weight-bold);
}

.ig-list-group--sm .ig-list-group-item__title {
  font-size: var(--ig-font-size-body-small);
  line-height: var(--ig-line-height-body-small);
}

.ig-list-group--sm .ig-list-group-item__title i {
  font-size: var(--ig-line-height-body-small);
}

.ig-list-group--md .ig-list-group-item__title {
  font-size: var(--ig-font-size-body);
  line-height: var(--ig-line-height-body);
}

.ig-list-group--lg .ig-list-group-item__title {
  font-size: var(--ig-font-size-body-large);
  line-height: var(--ig-line-height-body-large);
}

.ig-list-group--lg .ig-list-group-item__title i {
  font-size: var(--ig-line-height-body-large);
}

.ig-list-group-item__subtitle {
  color: var(--ig-list-group-list-group-item-content-subtitle);
  font-family: var(--ig-font-family-body);
  font-style: normal;
  font-weight: var(--ig-font-weight-regular);
}

.ig-list-group--sm .ig-list-group-item__subtitle {
  font-size: var(--ig-font-size-body-small);
  line-height: var(--ig-line-height-body-small);
}

.ig-list-group--sm .ig-list-group-item__subtitle i {
  font-size: var(--ig-line-height-body-small);
}

.ig-list-group--md .ig-list-group-item__subtitle {
  font-size: var(--ig-font-size-body);
  line-height: var(--ig-line-height-body);
}

.ig-list-group--lg .ig-list-group-item__subtitle {
  font-size: var(--ig-font-size-body-large);
  line-height: var(--ig-line-height-body-large);
}

.ig-list-group--lg .ig-list-group-item__subtitle i {
  font-size: var(--ig-line-height-body-large);
}

.ig-list-group--borders .ig-list-group-item, .ig-list-group--flush .ig-list-group-item {
  border-bottom: 1px solid var(--ig-list-group-border);
}

.ig-list-group--borders .ig-list-group-item:last-child, .ig-list-group--flush .ig-list-group-item:last-child {
  border-bottom: none;
}

.ig-list-group-item:hover:not(.ig-list-group-item--disabled), .ig-list-group-item:focus:not(.ig-list-group-item--disabled) {
  background-color: var(--ig-list-group-list-group-item-background-hover);
}

.ig-list-group-item:hover:not(.ig-list-group-item--disabled) .ig-list-group-item__title, .ig-list-group-item:focus:not(.ig-list-group-item--disabled) .ig-list-group-item__title {
  color: var(--ig-list-group-list-group-item-content-title-hover);
}

.ig-list-group-item:hover:not(.ig-list-group-item--disabled) .ig-list-group-item__subtitle, .ig-list-group-item:focus:not(.ig-list-group-item--disabled) .ig-list-group-item__subtitle {
  color: var(--ig-list-group-list-group-item-content-subtitle-hover);
}

.ig-list-group-item--selected {
  background-color: var(--ig-list-group-list-group-item-background-selected);
  border-left-color: var(--ig-background-indicator-secondary);
}

.ig-list-group-item--selected .ig-list-group-item__title {
  color: var(--ig-list-group-list-group-item-content-title-pressed);
}

.ig-list-group-item--selected .ig-list-group-item__subtitle {
  color: var(--ig-list-group-list-group-item-content-subtitle-pressed);
}

.ig-list-group-item--disabled {
  cursor: not-allowed;
  opacity: var(--ig-opacity-disabled);
  user-select: none;
}

.ig-list-group-item--disabled .ig-list-group-item__content {
  pointer-events: none;
}

.ig-toast, .ig-toast-container {
  --ig-toast-info-background: var(--ig-background-clear);
  --ig-toast-info-border: var(--ig-border-info-bold);
  --ig-toast-info-title: var(--ig-text-bold);
  --ig-toast-info-body: var(--ig-text-medium);
  --ig-toast-warning-background: var(--ig-background-clear);
  --ig-toast-warning-border: var(--ig-border-warning-bold);
  --ig-toast-warning-title: var(--ig-text-bold);
  --ig-toast-warning-body: var(--ig-text-medium);
  --ig-toast-danger-background: var(--ig-background-clear);
  --ig-toast-danger-border: var(--ig-border-danger-bold);
  --ig-toast-danger-title: var(--ig-text-bold);
  --ig-toast-danger-body: var(--ig-text-medium);
  --ig-toast-success-background: var(--ig-background-clear);
  --ig-toast-success-border: var(--ig-border-success-bold);
  --ig-toast-success-title: var(--ig-text-bold);
  --ig-toast-success-body: var(--ig-text-medium);
}

.ig-toast {
  --ig-toast-border: var(--ig-toast-info-border);
  --ig-toast-background: var(--ig-toast-info-background);
  --ig-toast-title: var(--ig-toast-info-title);
  --ig-toast-body: var(--ig-toast-info-body);
  --ig-toast-inset: var(--ig-size-200) var(--ig-size-200) auto auto;
  --ig-toast-width: 360px;
  padding: var(--ig-size-200) var(--ig-size-600) var(--ig-size-200) var(--ig-size-200);
  width: var(--ig-toast-width);
  border-radius: var(--ig-border-radius);
  border: 1px solid var(--ig-toast-border);
  background: var(--ig-toast-background);
  max-width: 100%;
  box-shadow: var(--ig-elevation-level-3);
  inset: var(--ig-toast-inset);
  align-items: flex-start;
  gap: var(--ig-size-200);
  border-left-width: 4px;
  position: fixed;
}

.ig-toast:open {
  display: flex;
}

.ig-toast__icon {
  font-size: var(--ig-size-300);
  color: var(--ig-toast-border);
}

.ig-toast__content {
  gap: var(--ig-size-100);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ig-toast__title {
  font: var(--ig-typography-heading-xxsmall-bold);
  color: var(--ig-toast-title);
}

.ig-toast__body {
  font: var(--ig-typography-body-medium-regular);
  color: var(--ig-toast-body);
}

.ig-toast__actions {
  gap: var(--ig-size-100);
  display: flex;
}

.ig-toast__close {
  top: var(--ig-size-100);
  right: var(--ig-size-100);
  color: var(--ig-popover-text);
  position: absolute;
}

.ig-toast-container {
  --ig-toast-container-inset: var(--ig-size-200) var(--ig-size-200) auto auto;
  --ig-toast-container-width: 360px;
  gap: var(--ig-size-100);
  inset: var(--ig-toast-container-inset);
  pointer-events: none;
  z-index: 1200;
  flex-direction: column;
  display: flex;
  position: fixed;
}

.ig-toast-container .ig-toast {
  pointer-events: auto;
  position: relative;
  inset: auto;
}

.ig-toast-container--top-right {
  --ig-toast-container-inset: var(--ig-size-200) var(--ig-size-200) auto auto;
}

.ig-toast-container--bottom-right {
  --ig-toast-container-inset: auto var(--ig-size-200) var(--ig-size-200) auto;
}

.ig-toast-container--bottom-left {
  --ig-toast-container-inset: auto auto var(--ig-size-200) var(--ig-size-200);
}

.ig-toast-container--top-left {
  --ig-toast-container-inset: var(--ig-size-200) auto auto var(--ig-size-200);
}

.ig-toast-container--top-center {
  --ig-toast-container-inset: var(--ig-size-200) 0 auto 0;
}

.ig-toast-container--bottom-center {
  --ig-toast-container-inset: auto 0 var(--ig-size-200) 0;
}

.ig-toast--info {
  --ig-toast-border: var(--ig-toast-info-border);
  --ig-toast-background: var(--ig-toast-info-background);
  --ig-toast-title: var(--ig-toast-info-title);
  --ig-toast-body: var(--ig-toast-info-body);
}

.ig-toast--danger {
  --ig-toast-border: var(--ig-toast-danger-border);
  --ig-toast-background: var(--ig-toast-danger-background);
  --ig-toast-title: var(--ig-toast-danger-title);
  --ig-toast-body: var(--ig-toast-danger-body);
}

.ig-toast--success {
  --ig-toast-border: var(--ig-toast-success-border);
  --ig-toast-background: var(--ig-toast-success-background);
  --ig-toast-title: var(--ig-toast-success-title);
  --ig-toast-body: var(--ig-toast-success-body);
}

.ig-toast--warning {
  --ig-toast-border: var(--ig-toast-warning-border);
  --ig-toast-background: var(--ig-toast-warning-background);
  --ig-toast-title: var(--ig-toast-warning-title);
  --ig-toast-body: var(--ig-toast-warning-body);
}

.ig-toast--top-right {
  --ig-toast-inset: var(--ig-size-200) var(--ig-size-200) auto auto;
}

.ig-toast--bottom-right {
  --ig-toast-inset: auto var(--ig-size-200) var(--ig-size-200) auto;
}

.ig-toast--bottom-left {
  --ig-toast-inset: auto auto var(--ig-size-200) var(--ig-size-200);
}

.ig-toast--top-left {
  --ig-toast-inset: var(--ig-size-200) auto auto var(--ig-size-200);
}

.ig-toast--top-center {
  --ig-toast-inset: var(--ig-size-200) 0 auto 0;
}

.ig-toast--bottom-center {
  --ig-toast-inset: auto 0 var(--ig-size-200) 0;
}

@media (prefers-reduced-motion: no-preference) {
  .ig-toast {
    transition: opacity var(--ig-transition-duration) ease-in-out, overlay var(--ig-transition-duration) ease-out allow-discrete, display var(--ig-transition-duration) ease-out allow-discrete;
    opacity: 0;
  }

  .ig-toast:open {
    opacity: 1;
  }

  @starting-style {
    .ig-toast:open {
      opacity: 0;
    }
  }
}

.ig-pagination {
  --ig-pagination-item-background: var(--ig-background-transparent-clear);
  --ig-pagination-item-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-pagination-item-background-pressed: var(--ig-background-transparent-clear-pressed);
  --ig-pagination-item-background-selected: var(--ig-background-primary-bold);
  --ig-pagination-item-content: var(--ig-text-bold);
  --ig-pagination-item-content-hover: var(--ig-text-bold);
  --ig-pagination-item-content-pressed: var(--ig-text-bold);
  --ig-pagination-item-content-selected: var(--ig-text-on-bold-bold);
  align-items: flex-start;
  gap: var(--ig-size-025);
  display: inline-flex;
}

.ig-pagination__list {
  list-style: none;
  display: contents;
}

.ig-pagination-item {
  height: var(--ig-component-size-medium);
  padding: var(--ig-size-075) var(--ig-size-150);
  align-items: center;
  gap: var(--ig-size-050);
  border-radius: var(--ig-size-050);
  background: var(--ig-pagination-item-background);
  color: var(--ig-pagination-item-content);
  font-family: var(--ig-font-family-body);
  font-weight: var(--ig-font-weight-regular);
  cursor: pointer;
  border: none;
  line-height: normal;
  display: flex;
}

.ig-pagination-item > i {
  line-height: 0;
}

.ig-pagination-item:hover:not(:disabled, .ig-pagination-item--selected) {
  background: var(--ig-pagination-item-background-hover);
  color: var(--ig-pagination-item-content-hover);
}

.ig-pagination-item:active:not(:disabled, .ig-pagination-item--selected) {
  background: var(--ig-pagination-item-background-pressed);
  color: var(--ig-pagination-item-content-pressed);
}

.ig-pagination-item:disabled {
  cursor: not-allowed;
  opacity: var(--ig-opacity-disabled);
}

.ig-pagination-item--selected {
  background: var(--ig-pagination-item-background-selected);
  color: var(--ig-pagination-item-content-selected);
  font-weight: var(--ig-font-weight-bold);
  cursor: default;
}

.ig-pagination-item--disabled {
  background: var(--ig-pagination-item-background);
  color: var(--ig-pagination-item-content);
  opacity: var(--ig-opacity-disabled);
}

.ig-pagination-item--disabled:hover {
  background: var(--ig-pagination-item-background);
  color: var(--ig-pagination-item-content);
}

.ig-pagination-item--ellipsis {
  cursor: default;
}

.ig-pagination-item--ellipsis:hover {
  background: var(--ig-pagination-item-background);
  color: var(--ig-pagination-item-content);
}

.ig-pagination-item--number {
  min-width: var(--ig-component-size-medium);
  justify-content: center;
}

.ig-snackbar {
  --ig-snackbar-info-background: var(--ig-background-info-subtle);
  --ig-snackbar-info-border: var(--ig-border-info-bold);
  --ig-snackbar-info-title: var(--ig-text-bold);
  --ig-snackbar-warning-background: var(--ig-background-warning-subtle);
  --ig-snackbar-warning-border: var(--ig-border-warning-bold);
  --ig-snackbar-warning-title: var(--ig-text-bold);
  --ig-snackbar-danger-background: var(--ig-background-danger-subtle);
  --ig-snackbar-danger-border: var(--ig-border-danger-bold);
  --ig-snackbar-danger-title: var(--ig-text-bold);
  --ig-snackbar-success-background: var(--ig-background-success-subtle);
  --ig-snackbar-success-border: var(--ig-border-success-bold);
  --ig-snackbar-success-title: var(--ig-text-bold);
  --ig-snackbar-border: var(--ig-snackbar-info-border);
  --ig-snackbar-background: var(--ig-snackbar-info-background);
  --ig-snackbar-title: var(--ig-snackbar-info-title);
  --ig-snackbar-inset: auto 0 var(--ig-size-300) 0;
  padding: var(--ig-size-150) var(--ig-size-300);
  border-radius: var(--ig-border-radius);
  border: 1px solid var(--ig-snackbar-border);
  background: var(--ig-snackbar-background);
  box-shadow: var(--ig-elevation-level-3);
  inset: var(--ig-snackbar-inset);
  align-items: center;
  gap: var(--ig-size-300);
  z-index: 1001;
  border-left-width: 4px;
  position: fixed;
}

.ig-snackbar:open {
  display: inline-flex;
}

.ig-snackbar__icon {
  font-size: var(--ig-size-300);
  color: var(--ig-snackbar-border);
}

.ig-snackbar__title {
  font: var(--ig-typography-body-large-medium);
  color: var(--ig-snackbar-title);
}

.ig-snackbar__action .ig-btn {
  text-decoration: var(--ig-text-decoration-link);
  font: var(--ig-typography-body-normal-regular);
}

.ig-snackbar-container {
  --ig-snackbar-container-inset: auto 0 var(--ig-size-300) 0;
  gap: var(--ig-size-100);
  inset: var(--ig-snackbar-container-inset);
  pointer-events: none;
  flex-direction: column;
  display: flex;
  position: fixed;
}

.ig-snackbar-container .ig-snackbar {
  pointer-events: auto;
  position: relative;
  inset: auto;
}

.ig-snackbar-container--top-right {
  --ig-snackbar-container-inset: var(--ig-size-300) var(--ig-size-300) auto auto;
}

.ig-snackbar-container--bottom-right {
  --ig-snackbar-container-inset: auto var(--ig-size-300) var(--ig-size-300) auto;
}

.ig-snackbar-container--bottom-left {
  --ig-snackbar-container-inset: auto auto var(--ig-size-300) var(--ig-size-300);
}

.ig-snackbar-container--top-left {
  --ig-snackbar-container-inset: var(--ig-size-300) auto auto var(--ig-size-300);
}

.ig-snackbar-container--top-center {
  --ig-snackbar-container-inset: var(--ig-size-300) 0 auto 0;
}

.ig-snackbar-container--bottom-center {
  --ig-snackbar-container-inset: auto 0 var(--ig-size-300) 0;
}

.ig-snackbar--info {
  --ig-snackbar-border: var(--ig-snackbar-info-border);
  --ig-snackbar-background: var(--ig-snackbar-info-background);
  --ig-snackbar-title: var(--ig-snackbar-info-title);
}

.ig-snackbar--danger {
  --ig-snackbar-border: var(--ig-snackbar-danger-border);
  --ig-snackbar-background: var(--ig-snackbar-danger-background);
  --ig-snackbar-title: var(--ig-snackbar-danger-title);
}

.ig-snackbar--success {
  --ig-snackbar-border: var(--ig-snackbar-success-border);
  --ig-snackbar-background: var(--ig-snackbar-success-background);
  --ig-snackbar-title: var(--ig-snackbar-success-title);
}

.ig-snackbar--warning {
  --ig-snackbar-border: var(--ig-snackbar-warning-border);
  --ig-snackbar-background: var(--ig-snackbar-warning-background);
  --ig-snackbar-title: var(--ig-snackbar-warning-title);
}

.ig-snackbar--top-right {
  --ig-snackbar-inset: var(--ig-size-300) var(--ig-size-300) auto auto;
}

.ig-snackbar--bottom-right {
  --ig-snackbar-inset: auto var(--ig-size-300) var(--ig-size-300) auto;
}

.ig-snackbar--bottom-left {
  --ig-snackbar-inset: auto auto var(--ig-size-300) var(--ig-size-300);
}

.ig-snackbar--top-left {
  --ig-snackbar-inset: var(--ig-size-300) auto auto var(--ig-size-300);
}

.ig-snackbar--top-center {
  --ig-snackbar-inset: var(--ig-size-300) 0 auto 0;
}

.ig-snackbar--bottom-center {
  --ig-snackbar-inset: auto 0 var(--ig-size-300) 0;
}

@media (prefers-reduced-motion: no-preference) {
  .ig-snackbar {
    transition: opacity var(--ig-transition-duration) ease-in-out, overlay var(--ig-transition-duration) ease-out allow-discrete, display var(--ig-transition-duration) ease-out allow-discrete;
    opacity: 0;
  }

  .ig-snackbar:open {
    opacity: 1;
  }

  @starting-style {
    .ig-snackbar:open {
      opacity: 0;
    }
  }
}

.ig-overflow-menu {
  --ig-dropdown-menu-background: var(--ig-background-clear);
  --ig-dropdown-menu-border: var(--ig-border-raised);
  --ig-dropdown-menu-item-background: var(--ig-background-clear);
  --ig-dropdown-menu-item-background-hover: var(--ig-background-clear-hover);
  --ig-dropdown-menu-item-background-pressed: var(--ig-background-clear-pressed);
  --ig-dropdown-menu-item-background-selected: var(--ig-background-clear-selected);
  --ig-dropdown-menu-item-content-title: var(--ig-text-bold);
  --ig-dropdown-menu-item-content-title-hover: var(--ig-text-bold-hover);
  --ig-dropdown-menu-item-content-title-pressed: var(--ig-text-bold-pressed);
  --ig-dropdown-menu-item-content-title-selected: var(--ig-text-bold-selected);
  --ig-dropdown-menu-item-content-subtitle: var(--ig-text-medium);
  --ig-dropdown-menu-item-content-subtitle-hover: var(--ig-text-medium-hover);
  --ig-dropdown-menu-item-content-subtitle-pressed: var(--ig-text-medium-pressed);
  --ig-dropdown-menu-item-content-subtitle-selected: var(--ig-text-medium-selected);
  --ig-dropdown-menu-item-content-secondary-text: var(--ig-text-medium);
  --ig-dropdown-menu-item-content-secondary-text-hover: var(--ig-text-medium-hover);
  --ig-dropdown-menu-item-content-secondary-text-pressed: var(--ig-text-medium-pressed);
  --ig-dropdown-menu-item-content-secondary-text-selected: var(--ig-text-medium-selected);
  --ig-dropdown-elevation-level: var(--ig-elevation-level-3);
  --ig-dropdown-border-radius: var(--ig-border-radius);
  --ig-dropdown-item-padding: var(--ig-size-100);
  --ig-dropdown-font: var(--ig-typography-body-medium-regular);
  --ig-dropdown-position-area: bottom span-right;
  --ig-icon-caret: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMC4zMzM0IDQuNjY2NjZDMjAuMTcyNyA0LjY2NjY3IDIwLjAxNDQgNC43MDU0IDE5Ljg3MTggNC43Nzk1NkMxOS43MjkzIDQuODUzNzIgMTkuNjA2NyA0Ljk2MTE0IDE5LjUxNDUgNS4wOTI3MUMxOS40MjIyIDUuMjI0MjkgMTkuMzYzMSA1LjM3NjE1IDE5LjM0MiA1LjUzNTQ0QzE5LjMyMDkgNS42OTQ3MyAxOS4zMzg1IDUuODU2NzYgMTkuMzkzMiA2LjAwNzgxTDIwLjg0NTEgMTBIMTIuNTQ1NkwxMS45MTQxIDguNjY2NjdIMTNDMTMuMTMyNSA4LjY2ODU0IDEzLjI2NDEgOC42NDQwNiAxMy4zODcxIDguNTk0NjRDMTMuNTEgOC41NDUyMyAxMy42MjIgOC40NzE4NyAxMy43MTYzIDguMzc4ODNDMTMuODEwNyA4LjI4NTc4IDEzLjg4NTYgOC4xNzQ5MSAxMy45MzY4IDguMDUyNjVDMTMuOTg3OSA3LjkzMDM5IDE0LjAxNDMgNy43OTkxOSAxNC4wMTQzIDcuNjY2NjdDMTQuMDE0MyA3LjUzNDE0IDEzLjk4NzkgNy40MDI5NCAxMy45MzY4IDcuMjgwNjhDMTMuODg1NiA3LjE1ODQyIDEzLjgxMDcgNy4wNDc1NSAxMy43MTYzIDYuOTU0NUMxMy42MjIgNi44NjE0NiAxMy41MSA2Ljc4ODEgMTMuMzg3MSA2LjczODY5QzEzLjI2NDEgNi42ODkyNyAxMy4xMzI1IDYuNjY0NzkgMTMgNi42NjY2N0gxMC40ODE4QzEwLjM3ODcgNi42NTA0MyAxMC4yNzM3IDYuNjUwNDMgMTAuMTcwNiA2LjY2NjY3SDkuMDAwMDJDOC44Njc1MSA2LjY2NDc5IDguNzM1OTQgNi42ODkyNyA4LjYxMjk4IDYuNzM4NjlDOC40OTAwMSA2Ljc4ODEgOC4zNzgwOSA2Ljg2MTQ2IDguMjgzNzIgNi45NTQ1QzguMTg5MzUgNy4wNDc1NSA4LjExNDQxIDcuMTU4NDIgOC4wNjMyNiA3LjI4MDY4QzguMDEyMTIgNy40MDI5NCA3Ljk4NTc4IDcuNTM0MTQgNy45ODU3OCA3LjY2NjY3QzcuOTg1NzggNy43OTkxOSA4LjAxMjEyIDcuOTMwMzkgOC4wNjMyNiA4LjA1MjY1QzguMTE0NDEgOC4xNzQ5MSA8LjE4OTM1IDguMjg1NzggOC4yODM3MiA4LjM3ODgzQzguMzc4MDkgOC40NzE4NyA4LjQ5MDAxIDguNTQ1MjMgOC42MTI5OCA4LjU5NDY0QzguNzM1OTQgOC42NDQwNiA4Ljg2NzUxIDguNjY4NTQgOS4wMDAwMiA4LjY2NjY3SDkuNzAwNTRMMTAuNjczMiAxMC43MjE0TDguMjI5MTkgMTVDNy42MzUzNyAxNC43ODgyIDYuOTk5IDE0LjY2NjcgNi4zMzMzNSAxNC42NjY3QzMuMjA4NjkgMTQuNjY2NyAwLjY2NjY4NyAxNy4yMDg3IDAuNjY2Njg3IDIwLjMzMzNDMC42NjY2ODcgMjMuNDU4IDMuMjA4NjkgMjYgNi4zMzMzNSAyNkM4LjYyNTM1IDI2IDEwLjU5OTYgMjQuNjI5MyAxMS40OTA5IDIyLjY2NjdIOS4xNTg4N0M4LjQ4NTU0IDIzLjQ4MDcgNy40NjkzNSAyNCA2LjMzMzM1IDI0QzQuMzEyMDIgMjQgMi42NjY2OSAyMi4zNTUzIDIuNjY2NjkgMjAuMzMzM0MyLjY2NjY5IDE4LjMxMTMgNC4zMTIwMiAxNi42NjY3IDYuMzMzMzUgMTYuNjY2N0M2LjYzNzE3IDE2LjY2NjcgNi45MzEwNCAxNi43MDczIDcuMjEzNTYgMTYuNzc3M0w1LjQ2NDg2IDE5LjgzNzJDNS4zNzc5OSAxOS45ODkzIDUuMzMyNTkgMjAuMTYxNiA1LjMzMzIxIDIwLjMzNjhDNS4zMzM4MyAyMC41MTE5IDUuMzgwNDQgMjAuNjgzOCA1LjQ2ODM4IDIwLjgzNTNDNS41NTYzMiAyMC45ODY4IDUuNjgyNSAyMS4xMTI1IDUuODM0MyAyMS4xOTk5QzUuOTg2MSAyMS4yODczIDYuMTU4MTkgMjEuMzMzMyA2LjMzMzM1IDIxLjMzMzNIMTYuMTg0OUMxNi40MDkgMjEuMzY4MiAxNi42MzgzIDIxLjMyNTggMTYuODM1MSAyMS4yMTMyQzE3LjAzMiAyMS4xMDA1IDE3LjE4NDcgMjAuOTI0NCAxNy4yNjgyIDIwLjcxMzVMMjEuODM0NyAxMi43MjE0TDIyLjgyNDIgMTUuNDQyN0MyMS4xNDA0IDE2LjQyNzcgMjAgMTguMjUxMiAyMCAyMC4zMzMzQzIwIDIzLjQ1MTEgMjIuNTQ4OSAyNiAyNS42NjY3IDI2QzI4Ljc4NDUgMjYgMzEuMzMzNCAyMy40NTExIDMxLjMzMzQgMjAuMzMzM0MzMS4zMzM0IDE3LjIxNTYgMjguNzg0NSAxNC42NjY3IDI1LjY2NjcgMTQuNjY2N0MyNS4zMzc1IDE0LjY2NjcgMjUuMDE3MyAxNC43MDIgMjQuNzAzMSAxNC43NTY1TDIxLjc2MTcgNi42NjY2N0gyM0MyMy4xMzI1IDYuNjY4NTQgMjMuMjY0MSA2LjY0NDA2IDIzLjM4NzEgNi41OTQ2NEMyMy41MSA2LjU0NTIzIDIzLjYyMiA2LjQ3MTg3IDIzLjcxNjMgNi4zNzg4M0MyMy44MTA3IDYuMjg1NzggMjMuODg1NiA2LjE3NDkxIDIzLjkzNjggNi4wNTI2NUMyMy45ODc5IDUuOTMwMzkgMjQuMDE0MyA1Ljc5OTE5IDI0LjAxNDMgNS42NjY2NkMyNC4wMTQzIDUuNTM0MTQgMjMuOTg3OSA1LjQwMjk0IDIzLjkzNjggNS4yODA2OEMyMy44ODU2IDUuMTU4NDIgMjMuODEwNyA1LjA0NzU1IDIzLjcxNjMgNC45NTQ1QzIzLjYyMiA0Ljg2MTQ2IDIzLjUxIDQuNzg4MSAyMy4zODcxIDQuNzM4NjlDMjMuMjY0MSA0LjY4OTI3IDIzLjEzMjUgNC42NjQ3OSAyMyA0LjY2NjY2SDIwLjMzMzRaTTEzLjQ5MjIgMTJIMTkuOTQyN0wxNi40MTY3IDE4LjE3MTlMMTMuNDkyMiAxMlpNMTEuNzE3NSAxMi45MjU4TDE0Ljc1MjYgMTkuMzMzM0gxMS45MDYzQzExLjY2NzUgMTggMTAuOTY1NSAxNi44MjU5IDkuOTY3NDcgMTUuOTg5NkwxMS43MTc1IDEyLjkyNThaTTI1LjY2NjcgMTYuNjY2N0MyNy43MDM2IDE2LjY2NjcgMjkuMzMzNCAxOC4yOTY0IDI5LjMzMzQgMjAuMzMzM0MyOS4zMzM0IDIyLjM3MDIgMjcuNzAzNiAyNCAyNS42NjY3IDI0QzIzLjYyOTggMjQgMjIgMjIuMzcwMiAyMiAyMC4zMzMzQzIyIDE5LjEwMTQgMjIuNTk5IDE4LjAyMTcgMjMuNTIwOSAxNy4zNTgxTDI0LjcyNjYgMjAuNjc0NUMyNC43NzA5IDIwLjc5ODUgMjQuODM5MyAyMC45MTI2IDI0LjkyNzkgMjEuMDEwMkMyNS4wMTY0IDIxLjEwNzcgMjUuMTIzNCAyMS4xODY4IDI1LjI0MjYgMjEuMjQyOUMyNS4zNjE4IDIxLjI5OSAyNS40OTA5IDIxLjMzMDkgMjUuNjIyNSAyMS4zMzdDMjUuNzU0MiAyMS4zNDMgMjUuODg1NyAyMS4zMjMgMjYuMDA5NSAyMS4yNzhDMjYuMTMzMyAyMS4yMzMxIDI2LjI0NzEgMjEuMTY0MSAyNi4zNDQyIDIxLjA3NTFDMjYuNDQxMyAyMC45ODYxIDI2LjUxOTkgMjAuODc4NyAyNi41NzU0IDIwLjc1OTJDMjYuNjMwOSAyMC42Mzk4IDI2LjY2MjIgMjAuNTEwNSAyNi42Njc2IDIwLjM3ODhDMjYuNjczIDIwLjI0NzIgMjYuNjUyMyAyMC4xMTU4IDI2LjYwNjggMTkuOTkyMkwyNS40MDI0IDE2LjY3OTdDMjUuNDkwMSAxNi42NzM1IDI1LjU3NzMgMTYuNjY2NyAyNS42NjY3IDE2LjY2NjdaTTguOTUwNTQgMTcuNzcwOEM5LjM3MzE1IDE4LjIwMjMgOS42ODg1OCAxOC43MzY3IDkuODU4MDkgMTkuMzMzM0g4LjA1NzMxTDguOTUwNTQgMTcuNzcwOFoiIGZpbGw9IiMzMDNDNDUiLz4NCjwvc3ZnPg0K");
  inset: unset;
  position-area: var(--ig-dropdown-position-area);
  position-try-fallbacks: flip-block;
  margin: var(--ig-size-100) 0;
  border-radius: var(--ig-dropdown-border-radius);
  border: 1px solid var(--ig-dropdown-menu-border);
  background: var(--ig-dropdown-menu-background);
  box-shadow: var(--ig-dropdown-elevation-level);
  font: var(--ig-dropdown-font);
  padding: 0;
}

.ig-overflow-menu:popover-open {
  flex-direction: column;
  display: flex;
}

.ig-overflow-menu--sm {
  --ig-dropdown-item-padding: var(--ig-size-075);
  --ig-dropdown-font: var(--ig-typography-body-small-regular);
}

.ig-overflow-menu--lg {
  --ig-dropdown-item-padding: var(--ig-size-150);
  --ig-dropdown-font: var(--ig-typography-body-large-regular);
}

.ig-overflow-menu--bottom-end {
  --ig-dropdown-position-area: bottom span-left;
}

.ig-overflow-menu-button {
  --ig-overflow-menu-button-icon-size: var(--ig-line-height-body);
  --ig-overflow-menu-button-size: var(--ig-component-size-medium);
  --ig-overflow-menu-button-padding: var(--ig-size-050);
}

.ig-overflow-menu-button--sm {
  --ig-overflow-menu-button-icon-size: var(--ig-line-height-body-small);
  --ig-overflow-menu-button-size: var(--ig-component-size-small);
  --ig-overflow-menu-button-padding: var(--ig-size-025);
}

.ig-overflow-menu-button--lg {
  --ig-overflow-menu-button-icon-size: var(--ig-line-height-body-large);
  --ig-overflow-menu-button-size: var(--ig-component-size-large);
  --ig-overflow-menu-button-padding: var(--ig-size-075);
}

.ig-overflow-menu-button {
  border-radius: var(--ig-border-radius-input);
  width: var(--ig-overflow-menu-button-size);
  height: var(--ig-overflow-menu-button-size);
  padding: var(--ig-overflow-menu-button-padding);
  cursor: pointer;
  background-color: #0000;
  border: 0;
}

.ig-overflow-menu-button:disabled {
  opacity: var(--ig-opacity-disabled);
  cursor: not-allowed;
}

.ig-overflow-menu-button:hover:not(:disabled) {
  box-shadow: var(--ig-elevation-level-1);
  background-color: var(--ig-background-transparent-clear-hover);
}

.ig-overflow-menu-button > i {
  font-size: var(--ig-overflow-menu-button-icon-size);
  line-height: 0;
  display: block;
}

.ig-overflow-menu-item {
  background: var(--ig-dropdown-menu-item-background);
  padding: var(--ig-dropdown-item-padding);
  color: var(--ig-dropdown-menu-item-content-subtitle);
  text-decoration: none;
}

.ig-overflow-menu-item:hover, .ig-overflow-menu-item:focus-visible {
  background: var(--ig-dropdown-menu-item-background-hover);
  color: var(--ig-dropdown-menu-item-content-title-hover);
  text-decoration: none;
}

.ig-overflow-menu-item:active {
  background: var(--ig-dropdown-menu-item-background-selected);
  color: var(--ig-dropdown-menu-item-content-title-pressed);
}

.ig-overflow-menu hr {
  margin: 0;
}

.ig-sidebar {
  --ig-sidebar-divider: var(--ig-border-soft);
  --ig-sidebar-border: var(--ig-border-soft);
  --ig-sidebar-background: var(--ig-background-transparent-clear);
  --ig-sidebar-menu-header-text: var(--ig-text-medium);
  --ig-sidebar-menu-header-background: var(--ig-background-transparent-clear);
  --ig-sidebar-menu-item-background: var(--ig-background-transparent-clear);
  --ig-sidebar-menu-item-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-sidebar-menu-item-background-pressed: var(--ig-background-transparent-clear-pressed);
  --ig-sidebar-menu-item-background-selected: var(--ig-background-primary-subtle);
  --ig-sidebar-menu-item-text: var(--ig-text-medium);
  --ig-sidebar-menu-item-text-hover: var(--ig-text-medium-hover-emphasized);
  --ig-sidebar-menu-item-text-pressed: var(--ig-text-medium-hover-emphasized);
  --ig-sidebar-menu-item-text-selected: var(--ig-text-medium-selected-emphasized);
  --ig-sidebar-menu-item-border: var(--ig-border-transparent);
  --ig-sidebar-menu-group-background: var(--ig-background-transparent-clear);
  --ig-sidebar-menu-group-background-hover: var(--ig-background-transparent-clear);
  --ig-sidebar-menu-group-background-pressed: var(--ig-background-transparent-clear);
  --ig-sidebar-menu-group-background-selected: var(--ig-background-transparent-clear);
  --ig-sidebar-menu-group-text: var(--ig-text-medium);
  --ig-sidebar-menu-group-text-hover: var(--ig-text-medium-hover-emphasized);
  --ig-sidebar-menu-group-text-pressed: var(--ig-text-medium-hover-emphasized);
  --ig-sidebar-menu-group-text-selected: var(--ig-text-medium-selected-emphasized);
  --ig-sidebar-menu-group-border: var(--ig-border-transparent);
  --ig-sidebar-submenu-modal-background: var(--ig-background-clear);
  --ig-sidebar-submenu-modal-border: var(--ig-sidebar-border);
  --ig-sidebar-submenu-modal-menu-header-text: var(--ig-text-medium);
  --ig-sidebar-submenu-modal-menu-item-background: var(--ig-background-transparent-clear);
  --ig-sidebar-submenu-modal-menu-item-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-sidebar-submenu-modal-menu-item-background-selected: var(--ig-background-transparent-clear-selected-emphasized);
  --ig-sidebar-submenu-modal-menu-item-text: var(--ig-text-medium);
  --ig-sidebar-submenu-modal-menu-item-text-hover: var(--ig-text-medium-hover);
  --ig-sidebar-submenu-modal-menu-item-text-selected: var(--ig-text-medium-selected-emphasized);
  --ig-sidebar-menu-shortcut-fixed-background: var(--ig-background-subtle);
  --ig-sidebar-menu-shortcut-fixed-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-sidebar-menu-shortcut-fixed-background-pressed: var(--ig-background-transparent-clear-pressed);
  --ig-sidebar-menu-shortcut-fixed-background-selected: var(--ig-background-primary-subtle);
  --ig-sidebar-menu-shortcut-fixed-text: var(--ig-text-medium);
  --ig-sidebar-menu-shortcut-fixed-text-hover: var(--ig-text-medium-hover-emphasized);
  --ig-sidebar-menu-shortcut-fixed-text-pressed: var(--ig-text-medium-hover-emphasized);
  --ig-sidebar-menu-shortcut-fixed-text-selected: var(--ig-text-medium-selected-emphasized);
  --ig-sidebar-menu-shortcut-fixed-border: var(--ig-border-subtle);
  --ig-sidebar-menu-action-bar-fixed-menu-action-background: var(--ig-background-clear);
  --ig-sidebar-menu-action-bar-fixed-menu-action-background-hover: var(--ig-background-clear-hover);
  --ig-sidebar-menu-action-bar-fixed-menu-action-background-pressed: var(--ig-background-clear-selected-emphasized);
  --ig-sidebar-menu-action-bar-fixed-menu-action-icon: var(--ig-text-medium);
  --ig-sidebar-menu-action-bar-fixed-menu-action-icon-hover: var(--ig-text-medium-hover-emphasized);
  --ig-sidebar-menu-action-bar-fixed-menu-action-icon-pressed: var(--ig-text-medium-hover-emphasized);
  --ig-sidebar-menu-action-bar-fixed-background: var(--ig-background-soft);
  --ig-sidebar-menu-action-bar-fixed-border: var(--ig-border-transparent);
  --ig-sidebar-toggle-expand-collapse-background: var(--ig-background-clear);
  --ig-sidebar-toggle-expand-collapse-border: var(--ig-border-soft);
  --ig-sidebar-floating-border: var(--ig-border-transparent);
  --ig-sidebar-floating-menu-shortcut-background: var(--ig-background-clear);
  --ig-sidebar-floating-menu-shortcut-background-hover: var(--ig-background-transparent-subtle-hover);
  --ig-sidebar-floating-menu-shortcut-background-pressed: var(--ig-background-transparent-subtle-pressed);
  --ig-sidebar-floating-menu-shortcut-background-selected: var(--ig-background-primary-subtle);
  --ig-sidebar-floating-menu-shortcut-text: var(--ig-text-medium);
  --ig-sidebar-floating-menu-shortcut-text-hover: var(--ig-text-medium-hover-emphasized);
  --ig-sidebar-floating-menu-shortcut-text-pressed: var(--ig-text-medium-hover-emphasized);
  --ig-sidebar-floating-menu-shortcut-text-selected: var(--ig-text-medium-selected-emphasized);
  --ig-sidebar-floating-menu-shortcut-border: var(--ig-border-soft);
  --ig-sidebar-floating-menu-action-bar-menu-action-background: var(--ig-background-clear);
  --ig-sidebar-floating-menu-action-bar-menu-action-background-hover: var(--ig-background-clear-hover);
  --ig-sidebar-floating-menu-action-bar-menu-action-background-pressed: var(--ig-background-clear-selected-emphasized);
  --ig-sidebar-floating-menu-action-bar-menu-action-icon: var(--ig-text-medium);
  --ig-sidebar-floating-menu-action-bar-menu-action-icon-hover: var(--ig-text-medium-hover-emphasized);
  --ig-sidebar-floating-menu-action-bar-menu-action-icon-pressed: var(--ig-text-medium-hover-emphasized);
  --ig-sidebar-floating-menu-action-bar-background: var(--ig-background-transparent-clear);
  --ig-sidebar-floating-menu-action-bar-border: var(--ig-border-soft);
  --ig-sidebar-branded-background: var(--ig-background-secondary-soft);
  --ig-sidebar-branded-border: var(--ig-border-transparent);
  --ig-sidebar-branded-submenu-modal-background: var(--ig-background-secondary-soft);
  --ig-sidebar-branded-submenu-modal-border: var(--ig-sidebar-branded-border);
  --ig-sidebar-branded-toggle-expand-collapse-background: var(--ig-sidebar-branded-background);
  --ig-sidebar-branded-toggle-expand-collapse-border: var(--ig-sidebar-branded-border);
  --ig-sidebar-collapsed-width: 80px;
  --ig-sidebar-expanded-width: 250px;
  --ig-sidebar-width: 100%;
  --ig-sidebar-border-full: default;
  --ig-sidebar-toggle-top: .5rem;
  --ig-sidebar-toggle-background: default;
  --ig-sidebar-toggle-border: default;
  width: calc(var(--ig-sidebar-width)  + var(--ig-sidebar-padding-x) * 2);
  background: var(--ig-sidebar-background);
  border-right: var(--ig-sidebar-border-full);
  padding: var(--ig-sidebar-padding-x) var(--ig-sidebar-padding-y);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow-x: hidden;
}

.ig-sidebar__body {
  flex: 1;
  overflow: hidden auto;
}

.ig-sidebar__header, .ig-sidebar__footer {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.ig-sidebar nav ul {
  padding: 0;
  padding: var(--ig-size-100) 0;
  margin: 0;
  list-style: none;
}

.ig-sidebar nav ul li:has(a.disabled) {
  cursor: not-allowed;
}

.ig-sidebar nav ul li:has(a.disabled) a {
  user-select: none;
  pointer-events: none;
  opacity: var(--ig-opacity-disabled);
}

.ig-sidebar nav ul li.ig-sidebar__item {
  text-overflow: ellipsis;
}

.ig-sidebar nav ul li.ig-sidebar__item-text {
  padding: var(--ig-size-150);
  color: var(--ig-sidebar-menu-item-text);
  text-transform: uppercase;
  font: var(--ig-typography-caption-small-medium);
}

.ig-sidebar nav ul li.ig-sidebar__item-divider {
  border-bottom: solid 1px var(--ig-sidebar-divider);
}

.ig-sidebar nav ul li.ig-sidebar__item a {
  align-items: center;
  gap: var(--ig-sidebar-item-gap);
  color: var(--ig-sidebar-menu-item-text);
  background: var(--ig-sidebar-menu-item-background);
  border-left: var(--ig-sidebar-item-border);
  flex-direction: var(--ig-sidebar-item-flex-direction);
  border-radius: var(--ig-sidebar-item-border-radius);
  --interest-delay-start: 0s;
  text-decoration: none;
  display: flex;
}

.ig-sidebar nav ul li.ig-sidebar__item a .ig-sidebar__item-label {
  flex: 1;
}

.ig-sidebar nav ul li.ig-sidebar__item a:hover {
  background: var(--ig-sidebar-menu-item-background-hover);
  color: var(--ig-sidebar-menu-item-text-hover);
}

.ig-sidebar nav ul li.ig-sidebar__item a:active {
  background: var(--ig-sidebar-menu-item-background-pressed);
  color: var(--ig-sidebar-menu-item-text-pressed);
}

.ig-sidebar nav ul li.ig-sidebar__item a.active {
  color: var(--ig-sidebar-menu-item-text-selected);
}

.ig-sidebar nav ul li.ig-sidebar__item a.active i[class^="ig-icon-"]:before, .ig-sidebar nav ul li.ig-sidebar__item a.active i[class*=" ig-icon-"]:before {
  background: var(--ig-gradients-brand-primary);
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.ig-sidebar nav ul li.ig-sidebar__item a.active:not(:has( + ul a.active)) {
  background: var(--ig-sidebar-menu-item-background-selected);
  border-left-color: var(--ig-background-indicator-primary);
}

.ig-sidebar nav ul li.ig-sidebar__item a > i[class^="ig-icon-"], .ig-sidebar nav ul li.ig-sidebar__item a > i[class*=" ig-icon-"] {
  pointer-events: none;
  line-height: 1;
}

.ig-sidebar nav ul li.ig-sidebar__item a > i[class^="ig-icon-"]:before, .ig-sidebar nav ul li.ig-sidebar__item a > i[class*=" ig-icon-"]:before {
  font-size: var(--ig-sidebar-item-icon-size);
}

@media (prefers-reduced-motion: no-preference) {
  .ig-sidebar nav ul li.ig-sidebar__item .ig-sidebar__item-caret i {
    transition: transform .2s ease-in-out;
  }
}

.ig-sidebar nav ul li.ig-sidebar__item .ig-sidebar__item-caret.open i {
  transform: rotate(-180deg);
}

.ig-sidebar nav ul li.ig-sidebar__subitem a {
  padding: var(--ig-sidebar-item-padding) var(--ig-sidebar-item-padding) var(--ig-sidebar-item-padding) var(--ig-size-500);
}

.ig-sidebar--expanded {
  --ig-sidebar-width: var(--ig-sidebar-expanded-width);
  --ig-sidebar-item-icon-size: var(--ig-size-250);
  --ig-sidebar-item-flex-direction: row;
  --ig-sidebar-item-padding: var(--ig-size-150);
  --ig-sidebar-item-gap: var(--ig-size-050);
}

.ig-sidebar--expanded .ig-sidebar__item a {
  padding: 0 var(--ig-size-150);
}

.ig-sidebar--expanded .ig-sidebar__item a .ig-sidebar__item-icon {
  width: var(--ig-sidebar-item-icon-size);
}

.ig-sidebar--expanded .ig-sidebar__item a .ig-sidebar__item-label {
  margin-left: var(--ig-size-050);
  padding: var(--ig-sidebar-item-padding) 0;
}

.ig-sidebar--expanded .ig-sidebar__item-submenu {
  padding: 0;
}

.ig-sidebar--expanded .ig-sidebar__item-submenu-title {
  display: none;
}

.ig-sidebar--collapsed {
  --ig-sidebar-width: var(--ig-sidebar-collapsed-width);
  --ig-sidebar-item-icon-size: var(--ig-size-300);
  --ig-sidebar-item-flex-direction: column;
  --ig-sidebar-item-padding: var(--ig-size-150) var(--ig-size-025);
  --ig-sidebar-item-gap: var(--ig-size-075);
  --ig-sidebar-submenu-border: var(--ig-sidebar-submenu-modal-border);
  --ig-sidebar-submenu-background: var(--ig-sidebar-submenu-modal-background);
  --ig-sidebar-submenu-min-width: 14rem;
  --ig-sidebar-submenu-max-height: 19rem;
}

.ig-sidebar--collapsed .ig-sidebar__item a {
  padding: var(--ig-size-150) 0;
  position: relative;
}

.ig-sidebar--collapsed .ig-sidebar__item a .ig-sidebar__item-label {
  text-align: center;
}

.ig-sidebar--collapsed .ig-sidebar__item a .ig-badge {
  --ig-badge-position: calc(var(--ig-badge-size) / -3 + 10px);
  right: var(--ig-badge-position);
  top: var(--ig-badge-position);
  position: absolute;
}

.ig-sidebar--collapsed .ig-sidebar__item-text, .ig-sidebar--collapsed .ig-sidebar__item-caret {
  display: none;
}

.ig-sidebar--collapsed .ig-sidebar__item-submenu {
  left: anchor(right);
  top: anchor(top);
  border: 1px solid var(--ig-sidebar-submenu-border);
  background: var(--ig-sidebar-submenu-background);
  box-shadow: var(--ig-elevation-level-4);
  padding: var(--ig-size-100) 0;
  min-width: var(--ig-sidebar-submenu-min-width);
  max-height: var(--ig-sidebar-submenu-max-height);
  border-radius: 4px;
}

.ig-sidebar--collapsed .ig-sidebar__item-submenu .ig-sidebar__item-submenu-title, .ig-sidebar--collapsed .ig-sidebar__item-submenu li.ig-sidebar__subitem a {
  padding: var(--ig-size-100) var(--ig-size-200);
  align-items: flex-start;
}

.ig-sidebar--collapsed .ig-sidebar__item-submenu .ig-sidebar__item-submenu-title {
  user-select: none;
  color: var(--ig-sidebar-submenu-modal-menu-header-text);
  font: var(--ig-typography-body-large-bold);
}

.ig-sidebar--collapsed .ig-sidebar__item-submenu .ig-sidebar__item-text {
  display: block;
}

.ig-sidebar--clear {
  --ig-sidebar-border-full: solid 1px var(--ig-sidebar-border);
  --ig-sidebar-padding-x: 0px;
  --ig-sidebar-padding-y: 0px;
  --ig-sidebar-toggle-background: var(--ig-sidebar-toggle-expand-collapse-background);
  --ig-sidebar-toggle-border: var(--ig-sidebar-toggle-expand-collapse-border);
  --ig-sidebar-item-border: var(--ig-border-width-indicator) solid var(--ig-border-transparent);
}

.ig-sidebar--branded {
  --ig-sidebar-background: var(--ig-sidebar-branded-background);
  --ig-sidebar-border-full: solid 1px var(--ig-sidebar-branded-border);
  --ig-sidebar-padding-x: 0px;
  --ig-sidebar-padding-y: 0px;
  --ig-sidebar-toggle-background: var(--ig-sidebar-branded-toggle-expand-collapse-background);
  --ig-sidebar-toggle-border: var(--ig-sidebar-branded-toggle-expand-collapse-border);
  --ig-sidebar-item-border: var(--ig-border-width-indicator) solid var(--ig-border-transparent);
  --ig-sidebar-submenu-border: var(--ig-sidebar-branded-submenu-modal-border);
  --ig-sidebar-submenu-background: var(--ig-sidebar-branded-submenu-modal-background);
  color-scheme: dark;
}

.ig-sidebar--floating {
  --ig-sidebar-border-full: solid 1px var(--ig-sidebar-floating-border);
  --ig-sidebar-padding-x: var(--ig-size-250);
  --ig-sidebar-padding-y: var(--ig-size-150);
  --ig-sidebar-item-border: none;
  --ig-sidebar-item-border-radius: var(--ig-border-radius);
  padding-top: 0;
  padding-bottom: var(--ig-size-200);
}

.ig-sidebar--floating a.active {
  position: relative;
}

.ig-sidebar--floating a.active:after {
  content: "";
  opacity: .4;
  background: var(--ig-background-indicator-primary);
  width: .33px;
  height: 70%;
  box-shadow: 0 4px 2px 0 #00000040, 0 -4px 2px 0 var(--ig-background-indicator-primary);
  filter: blur(.5px);
  display: block;
  position: absolute;
  top: 15%;
  right: 2px;
}

.ig-sidebar--floating.ig-sidebar--collapsed a.active {
  --ig-sidebar-menu-item-background: var(--ig-sidebar-menu-item-background-selected);
}

.ig-sidebar--floating .ig-sidebar__toggle {
  text-align: center;
}

.ig-sidebar--floating .ig-sidebar__toggle .ig-btn {
  --ig-btn-border: var(--ig-sidebar-toggle-expand-collapse-border);
}

.ig-sidebar:not(.ig-sidebar--floating) .ig-sidebar__toggle {
  z-index: 1;
  top: auto;
  left: calc(var(--ig-sidebar-width)  - 12px);
  margin-top: 12px;
  position: fixed;
}

.ig-sidebar:not(.ig-sidebar--floating) .ig-sidebar__toggle .ig-btn {
  --ig-btn-bg: var(--ig-sidebar-toggle-background);
  --ig-btn-border: var(--ig-sidebar-toggle-border);
}

@media (prefers-reduced-motion: no-preference) {
  .ig-sidebar {
    transition: width var(--ig-transition-duration) ease-in-out;
  }

  .ig-sidebar:not(.ig-sidebar--floating) .ig-sidebar__toggle {
    transition: left var(--ig-transition-duration) ease-in-out;
  }
}

[data-theme="light"] .ig-sidebar--branded .ig-dropdown {
  color-scheme: light;
}

.ig-tile {
  --ig-tile-clear-background: var(--ig-background-clear);
  --ig-tile-clear-background-hover: var(--ig-background-clear-hover);
  --ig-tile-clear-background-pressed: var(--ig-background-clear-pressed);
  --ig-tile-clear-background-selected: var(--ig-background-secondary-soft);
  --ig-tile-clear-border: var(--ig-border-soft);
  --ig-tile-clear-border-hover: var(--ig-border-soft);
  --ig-tile-clear-border-pressed: var(--ig-border-soft);
  --ig-tile-clear-border-selected: var(--ig-border-selected-secondary);
  --ig-tile-subtle-background: var(--ig-background-subtle);
  --ig-tile-subtle-background-hover: var(--ig-background-subtle-hover);
  --ig-tile-subtle-background-pressed: var(--ig-background-subtle-pressed);
  --ig-tile-subtle-background-selected: var(--ig-background-secondary-soft);
  --ig-tile-subtle-border: var(--ig-border-soft);
  --ig-tile-subtle-border-hover: var(--ig-border-soft);
  --ig-tile-subtle-border-pressed: var(--ig-border-soft);
  --ig-tile-subtle-border-selected: var(--ig-border-selected-secondary);
  --ig-tile-strong-background: var(--ig-background-secondary-strong);
  --ig-tile-strong-background-hover: var(--ig-background-secondary-strong-hover);
  --ig-tile-strong-background-pressed: var(--ig-background-secondary-strong-pressed);
  --ig-tile-strong-background-selected: var(--ig-background-secondary-strong-pressed);
  --ig-tile-strong-border: var(--ig-border-transparent);
  --ig-tile-strong-border-hover: var(--ig-border-transparent);
  --ig-tile-strong-border-pressed: var(--ig-border-transparent);
  --ig-tile-strong-border-selected: var(--ig-border-selected-secondary);
  --ig-tile-background: var(--ig-tile-clear-background);
  --ig-tile-border: var(--ig-tile-clear-border);
  background-color: var(--ig-tile-background);
  border: solid 1px var(--ig-tile-border);
  border-radius: var(--ig-border-radius);
  color: var(--ig-text-soft);
  box-shadow: var(--ig-elevation-level-1);
  text-decoration: none;
}

.ig-tile:hover {
  color: var(--ig-text-soft);
  text-decoration: none;
}

.ig-tile--embeded {
  box-shadow: none;
}

.ig-tile__header {
  padding: var(--ig-size-200) var(--ig-size-300);
  border-bottom: solid 1px var(--ig-tile-border);
}

.ig-tile__title {
  color: var(--ig-text-bold);
  font: var(--ig-typography-heading-xsmall-bold);
  margin: 0;
}

.ig-tile__subtitle {
  color: var(--ig-text-medium);
  font: var(--ig-typography-body-large-regular);
}

.ig-tile__body {
  padding: var(--ig-size-300);
}

.ig-tile__footer {
  padding: var(--ig-size-200) var(--ig-size-300);
  border-top: solid 1px var(--ig-tile-border);
}

.ig-tile:hover {
  --ig-tile-background: var(--ig-tile-clear-background-hover);
  --ig-tile-border: var(--ig-tile-clear-border-hover);
}

.ig-tile:active {
  --ig-tile-background: var(--ig-tile-clear-background-pressed);
  --ig-tile-border: var(--ig-tile-clear-border-pressed);
}

.ig-tile--selected {
  --ig-tile-background: var(--ig-tile-clear-background-selected);
  --ig-tile-border: var(--ig-tile-clear-border-selected);
}

.ig-tile--subtle {
  --ig-tile-background: var(--ig-tile-subtle-background);
  --ig-tile-border: var(--ig-tile-subtle-border);
}

.ig-tile--subtle:hover {
  --ig-tile-background: var(--ig-tile-subtle-background-hover);
  --ig-tile-border: var(--ig-tile-subtle-border-hover);
}

.ig-tile--subtle:active {
  --ig-tile-background: var(--ig-tile-subtle-background-pressed);
  --ig-tile-border: var(--ig-tile-subtle-border-pressed);
}

.ig-tile--subtle--selected {
  --ig-tile-background: var(--ig-tile-subtle-background-selected);
  --ig-tile-border: var(--ig-tile-subtle-border-selected);
}

.ig-tile--strong {
  --ig-tile-background: var(--ig-tile-strong-background);
  --ig-tile-border: var(--ig-tile-strong-border);
}

.ig-tile--strong:hover {
  --ig-tile-background: var(--ig-tile-strong-background-hover);
  --ig-tile-border: var(--ig-tile-strong-border-hover);
}

.ig-tile--strong:active {
  --ig-tile-background: var(--ig-tile-strong-background-pressed);
  --ig-tile-border: var(--ig-tile-strong-border-pressed);
}

.ig-tile--strong--selected {
  --ig-tile-background: var(--ig-tile-strong-background-selected);
  --ig-tile-border: var(--ig-tile-strong-border-selected);
}

.ig-profile-switcher {
  --ig-navigation-action-list-background: var(--ig-background-transparent-clear);
  --ig-navigation-highlighted-actions-list-background: var(--ig-background-transparent-clear-selected-emphasized-secondary);
  --ig-navigation-highlighted-actions-list-item-content: var(--ig-text-bold);
  --ig-navigation-highlighted-actions-list-item-content-hover: var(--ig-text-bold-hover);
  --ig-navigation-highlighted-actions-list-item-background: var(--ig-background-clear);
  --ig-navigation-highlighted-actions-list-item-background-hover: var(--ig-background-clear-hover);
  --ig-navigation-highlighted-actions-list-item-highlighted-content: var(--ig-text-secondary);
  --ig-navigation-highlighted-actions-list-item-highlighted-content-hover: var(--ig-text-secondary-hover);
  --ig-navigation-highlighted-actions-list-item-highlighted-background: var(--ig-background-clear);
  --ig-navigation-highlighted-actions-list-item-highlighted-background-hover: var(--ig-background-clear-hover);
  --ig-navigation-account-content-icon: var(--ig-icon-bold);
  --ig-navigation-account-content-title: var(--ig-text-bold);
  --ig-navigation-account-content-title-hover: var(--ig-text-bold-hover);
  --ig-navigation-account-content-title-selected: var(--ig-text-bold-selected);
  --ig-navigation-account-content-subtitle: var(--ig-text-medium);
  --ig-navigation-account-content-subtitle-hover: var(--ig-text-medium-hover);
  --ig-navigation-account-content-subtitle-selected: var(--ig-text-medium-selected);
  --ig-navigation-account-background: var(--ig-background-transparent-clear-selected-emphasized-secondary);
  --ig-navigation-account-background-hover: oklch(from var(--ig-background-secondary-bold-pressed) l c h / .16);
  --ig-navigation-account-background-selected: oklch(from var(--ig-background-secondary-bold-pressed) l c h / .25);
  --ig-navigation-account-menu-background: var(--ig-background-clear);
  --ig-navigation-account-menu-border: var(--ig-border-raised);
  --ig-navigation-account-menu-user-info-background: var(--ig-background-transparent-clear);
  --ig-navigation-account-menu-user-info-highlighted-background: var(--ig-background-soft);
  --ig-navigation-account-menu-user-info-content-title: var(--ig-text-bold);
  --ig-navigation-account-menu-user-info-content-subtitle: var(--ig-text-medium);
  --ig-navigation-account-menu-profile-list-background: var(--ig-background-transparent-clear);
  --ig-navigation-account-menu-profile-list-item-background: var(--ig-background-clear);
  --ig-navigation-account-menu-profile-list-item-background-hover: var(--ig-background-clear-hover);
  --ig-navigation-account-menu-profile-list-item-background-selected: var(--ig-background-clear-selected);
  --ig-navigation-account-menu-profile-list-item-content-title: var(--ig-text-bold);
  --ig-navigation-account-menu-profile-list-item-content-title-hover: var(--ig-text-bold-hover);
  --ig-navigation-account-menu-profile-list-item-content-title-selected: var(--ig-text-bold-selected);
  --ig-navigation-account-menu-profile-list-item-content-subtitle: var(--ig-text-medium);
  --ig-navigation-account-menu-profile-list-item-content-subtitle-hover: var(--ig-text-medium-hover);
  --ig-navigation-account-menu-profile-list-item-content-subtitle-selected: var(--ig-text-secondary);
  --ig-navigation-account-menu-heading-title: var(--ig-text-soft);
  --ig-navigation-account-menu-actions-list-item-background: var(--ig-background-clear);
  --ig-navigation-account-menu-actions-list-item-background-hover: var(--ig-background-clear-hover);
  --ig-navigation-account-menu-actions-list-item-background-selected: var(--ig-background-clear-selected);
  --ig-navigation-account-menu-actions-list-item-content-title: var(--ig-text-bold);
  --ig-navigation-account-menu-actions-list-item-content-title-hover: var(--ig-text-bold-hover);
  --ig-navigation-account-menu-actions-list-item-content-title-selected: var(--ig-text-bold-selected);
  --ig-navigation-account-menu-actions-list-item-highlighted-background: var(--ig-background-clear);
  --ig-navigation-account-menu-actions-list-item-highlighted-background-hover: var(--ig-background-clear-hover);
  --ig-navigation-account-menu-actions-list-item-highlighted-background-selected: var(--ig-background-clear-selected);
  --ig-navigation-account-menu-actions-list-item-highlighted-content-title: var(--ig-text-secondary);
  --ig-navigation-account-menu-actions-list-item-highlighted-content-title-hover: var(--ig-text-secondary-hover);
  --ig-navigation-account-menu-actions-list-item-highlighted-content-title-selected: var(--ig-text-secondary-pressed);
  --ig-navigation-account-menu-toggle-actions-list-item-background: var(--ig-background-transparent-clear);
  --ig-navigation-account-menu-toggle-actions-list-item-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-navigation-account-menu-toggle-actions-list-item-background-selected: var(--ig-background-transparent-clear-selected);
  --ig-navigation-account-menu-toggle-actions-list-item-content-title: var(--ig-text-bold);
  --ig-navigation-account-menu-toggle-actions-list-item-content-title-hover: var(--ig-text-bold-hover);
  --ig-navigation-account-menu-toggle-actions-list-item-content-title-selected: var(--ig-text-bold-selected);
  --ig-navigation-account-menu-toggle-actions-list-background-closed: var(--ig-background-clear);
  --ig-navigation-account-menu-toggle-actions-list-background-opened: var(--ig-background-subtle);
  --ig-navigation-theme-switcher-background: var(--ig-background-transparent-clear-selected-emphasized-secondary);
  align-items: center;
  gap: var(--ig-size-100);
  border-radius: var(--ig-border-radius);
  padding: var(--ig-size-050) var(--ig-size-100);
  background: var(--ig-navigation-account-background);
  flex: 1;
  display: flex;
}

.ig-profile-switcher:hover {
  background: var(--ig-navigation-account-background-hover);
}

.ig-profile-switcher:active {
  background: var(--ig-navigation-account-background-selected);
}

.ig-profile-switcher .ig-avatar {
  flex-shrink: 0;
}

.ig-profile-switcher__text {
  padding-right: var(--ig-size-200);
  flex-direction: column;
  flex-grow: inherit;
  align-items: flex-start;
  display: flex;
}

.ig-profile-switcher__text__title {
  font: var(--ig-typography-body-small-bold);
  color: var(--ig-navigation-account-content-title);
}

.ig-profile-switcher__text__subtitle {
  font: var(--ig-typography-body-xsmall-regular);
  color: var(--ig-navigation-account-content-subtitle);
}

.ig-profile-switcher__collapse-expand {
  width: var(--ig-size-100);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.ig-profile-switcher__collapse-expand > i {
  color: var(--ig-navigation-account-content-icon);
  font-size: var(--ig-size-100);
  line-height: var(--ig-size-100);
  aspect-ratio: 1;
  flex-shrink: 0;
}

.ig-ag-grid {
  --ig-data-table-background: var(--ig-background-clear);
  --ig-data-table-background-alt: var(--ig-background-subtle);
  --ig-data-table-background-pressed: var(--ig-background-transparent-clear-pressed);
  --ig-data-table-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-data-table-background-selected: var(--ig-background-secondary-soft);
  --ig-data-table-background-danger: var(--ig-background-danger-soft);
  --ig-data-table-background-warning: var(--ig-background-warning-subtle);
  --ig-data-table-border: var(--ig-border-medium);
  --ig-data-table-border-subtle: var(--ig-border-subtle);
  --ig-data-table-border-danger: var(--ig-border-danger-bold);
  --ig-data-table-border-warning: var(--ig-border-warning-bold);
  --ig-data-table-content: var(--ig-text-bold);
  --ig-data-table-content-subtle: var(--ig-text-medium);
  --ig-data-table-content-warning: var(--ig-text-warning);
  --ig-data-table-head-background: var(--ig-background-clear);
  --ig-data-table-head-background-alt: var(--ig-background-soft);
  --ig-data-table-head-background-hover: var(--ig-background-clear-hover);
  --ig-data-table-head-content: var(--ig-text-medium);
  --ig-data-table-head-icon: var(--ig-text-bold);
  --ig-data-table-head-icon-not-sorted: var(--ig-text-medium);
  --ig-data-table-head-border: var(--ig-border-medium);
  --ig-data-table-toolbar-background: var(--ig-background-transparent-clear);
  --ig-data-table-toolbar-content: var(--ig-text-medium);
}

[data-theme="dark"] .ig-ag-grid .ag-root-wrapper {
  color-scheme: dark;
}

.ag-theme-sdworx {
  --ag-icon-font-code-aggregation: "";
  --ag-icon-font-code-arrows: "";
  --ag-icon-font-code-asc: "";
  --ag-icon-font-code-cancel: "";
  --ag-icon-font-code-chart: "";
  --ag-icon-font-code-color-picker: "";
  --ag-icon-font-code-columns: "";
  --ag-icon-font-code-contracted: "";
  --ag-icon-font-code-copy: "";
  --ag-icon-font-code-cross: "";
  --ag-icon-font-code-csv: "";
  --ag-icon-font-code-cut: "";
  --ag-icon-font-code-desc: "";
  --ag-icon-font-code-down: "";
  --ag-icon-font-code-excel: "";
  --ag-icon-font-code-expanded: "";
  --ag-icon-font-code-eye-slash: "";
  --ag-icon-font-code-filter: "";
  --ag-icon-font-code-first: "";
  --ag-icon-font-code-grip: "";
  --ag-icon-font-code-group: "";
  --ag-icon-font-code-last: "";
  --ag-icon-font-code-left: "";
  --ag-icon-font-code-linked: "";
  --ag-icon-font-code-loading: "";
  --ag-icon-font-code-maximize: "";
  --ag-icon-font-code-menu: "";
  --ag-icon-font-code-menu-alt: "";
  --ag-icon-font-code-minimize: "";
  --ag-icon-font-code-minus: "";
  --ag-icon-font-code-next: "";
  --ag-icon-font-code-none: "";
  --ag-icon-font-code-not-allowed: "";
  --ag-icon-font-code-paste: "";
  --ag-icon-font-code-pin: "";
  --ag-icon-font-code-pivot: "";
  --ag-icon-font-code-previous: "";
  --ag-icon-font-code-radio-button-off: "";
  --ag-icon-font-code-radio-button-on: "";
  --ag-icon-font-code-right: "";
  --ag-icon-font-code-save: "";
  --ag-icon-font-code-settings: "";
  --ag-icon-font-code-small-down: "";
  --ag-icon-font-code-small-left: "";
  --ag-icon-font-code-small-right: "";
  --ag-icon-font-code-small-up: "";
  --ag-icon-font-code-tick: "";
  --ag-icon-font-code-tree-closed: "";
  --ag-icon-font-code-tree-indeterminate: "";
  --ag-icon-font-code-tree-open: "";
  --ag-icon-font-code-unlinked: "";
  --ag-icon-font-code-up: "";
  --ag-icon-font-family: "ignite-icons" !important;
}

.ag-theme-sdworx .ag-filter-icon .ag-icon-filter {
  --ag-icon-font-code-filter: "";
}

.ig-ng-select.ng-select {
  --ig-select-multi-select-icon-clear: var(--ig-icon-medium);
  --ig-select-utility-icon-readonly: var(--ig-icon-medium);
  --ig-select-utility-icon: var(--ig-icon-secondary);
  --ig-select-background: var(--ig-background-clear);
  --ig-select-border: var(--ig-border-raised);
  --ig-select-header-background: var(--ig-background-transparent-clear);
  --ig-select-header-content: var(--ig-text-medium);
  --ig-select-item-background: var(--ig-background-clear);
  --ig-select-item-background-hover: var(--ig-background-clear-hover);
  --ig-select-item-background-selected: var(--ig-background-clear-selected);
  --ig-select-item-content-title: var(--ig-text-bold);
  --ig-select-item-content-title-hover: var(--ig-text-bold-hover);
  --ig-select-item-content-title-selected: var(--ig-text-bold-selected);
  --ig-select-item-content-subtitle: var(--ig-text-medium);
  --ig-select-item-content-subtitle-hover: var(--ig-text-medium-hover);
  --ig-select-item-content-subtitle-selected: var(--ig-text-medium-selected);
  --ig-input-base-text-cursor: var(--ig-border-medium);
  --ig-input-base-border: var(--ig-border-medium);
  --ig-input-base-border-default-bottom: var(--ig-border-bold);
  --ig-input-base-border-active: var(--ig-input-base-border);
  --ig-input-base-border-active-bottom: var(--ig-border-secondary-bold);
  --ig-input-base-border-readonly: var(--ig-border-medium);
  --ig-input-base-border-plaintext: var(--ig-border-transparent);
  --ig-input-base-background: var(--ig-background-clear);
  --ig-input-base-background-active: var(--ig-input-base-background);
  --ig-input-base-background-readonly: var(--ig-background-subtle);
  --ig-input-base-background-plaintext: var(--ig-background-transparent-clear);
  --ig-input-base-text-placeholder: var(--ig-text-soft);
  --ig-input-base-text: var(--ig-text-bold);
  --ig-input-base-text-active: var(--ig-input-base-text);
  --ig-input-base-text-readonly: var(--ig-text-medium);
  --ig-input-base-text-counter: var(--ig-text-medium);
  --ig-input-base-danger-border: var(--ig-input-base-border);
  --ig-input-base-danger-border-default-bottom: var(--ig-border-danger-bold);
  --ig-input-base-danger-background: var(--ig-input-base-background);
  --ig-input-base-danger-text-placeholder: var(--ig-text-medium);
  --ig-input-base-danger-text: var(--ig-input-base-text);
  --ig-input-base-success-border: var(--ig-input-base-border);
  --ig-input-base-success-border-default-bottom: var(--ig-border-success-bold);
  --ig-input-base-success-background: var(--ig-input-base-background);
  --ig-input-base-success-text-placeholder: var(--ig-text-medium);
  --ig-input-base-success-text: var(--ig-input-base-text);
  --ig-input-base-warning-border: var(--ig-input-base-border);
  --ig-input-base-warning-border-default-bottom: var(--ig-border-warning-bold);
  --ig-input-base-warning-background: var(--ig-input-base-background);
  --ig-input-base-warning-text-placeholder: var(--ig-text-medium);
  --ig-input-base-warning-text-filled: var(--ig-input-base-text);
  --ig-select-option-vertical-padding: var(--ig-component-input-medium-vertical-padding);
  --ig-select-option-horizontal-padding: var(--ig-component-input-medium-horizontal-padding);
}

.ig-ng-select.ng-select.ng-select-opened > .ng-select-container {
  background: var(--ig-input-base-background);
  border: 1px solid var(--ig-input-base-border);
}

.ig-ng-select.ng-select.ng-select-opened > .ng-select-container:hover {
  box-shadow: none;
}

.ig-ng-select.ng-select.ng-select-opened > .ng-select-container .ng-arrow, .ig-ng-select.ng-select .ng-has-value .ng-placeholder {
  display: none;
}

.ig-ng-select.ng-select .ng-select-container {
  color: var(--ig-input-base-text-active);
  background-color: var(--ig-input-base-background);
  border-radius: var(--ig-border-radius-input);
  border: 1px solid var(--ig-input-base-border);
  box-shadow: 0 -1px 0 0 var(--ig-input-base-border-default-bottom) inset;
  border-bottom-color: #0000;
  align-items: center;
}

.ig-ng-select.ng-select .ng-select-container:hover {
  box-shadow: 0 -2px 0 0 var(--ig-input-base-border-active-bottom) inset;
}

.ig-ng-select.ng-select .ng-select-container .ng-value-container {
  padding: 0 var(--ig-select-option-horizontal-padding);
  align-items: center;
}

.ig-ng-select.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: var(--ig-input-base-text-placeholder);
}

.ig-ng-select.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding: var(--ig-select-option-vertical-padding) 0;
  width: auto;
  position: relative;
}

.ig-ng-select.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
  border: 1px solid var(--ig-input-base-border);
}

.ig-ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding: var(--ig-size-025);
}

.ig-ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  font: var(--ig-typography-body-small-regular);
  color: var(--ig-text-bold);
  background-color: var(--ig-background-soft);
  border-radius: var(--ig-border-radius-input);
  margin-right: var(--ig-size-025);
  padding: 0 var(--ig-size-050);
  flex-direction: row-reverse;
  align-items: center;
  display: flex;
}

.ig-ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  display: inline-block;
}

.ig-ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  margin-left: var(--ig-size-100);
  height: 17px;
  font-size: 0;
  display: inline-block;
}

.ig-ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  color: var(--ig-text-danger-hover);
}

.ig-ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 0 3px 3px;
}

.ig-ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input {
  color: var(--ig-input-base-text-active);
}

.ig-ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding-bottom: 5px;
  padding-left: 3px;
  top: 5px;
}

.ig-ng-select.ng-select .ng-clear-wrapper {
  color: var(--ig-input-base-text-active);
}

.ig-ng-select.ng-select .ng-clear-wrapper .ng-clear {
  font-size: 0;
}

.ig-ng-select.ng-select .ng-clear-wrapper:hover .ng-clear {
  color: var(--ig-text-danger-hover);
}

.ig-ng-select.ng-select .ng-clear-wrapper:focus .ng-clear {
  color: var(--ig-text-danger);
}

.ig-ng-select.ng-select .ng-clear-wrapper:focus {
  outline: none;
}

.ig-ng-select.ng-select .ng-spinner-zone {
  padding: 5px 5px 0 0;
}

.ig-ng-select.ng-select .ng-arrow-wrapper {
  width: 25px;
  padding-right: 5px;
}

.ig-ng-select.ng-select .ng-arrow-wrapper .ng-arrow {
  display: none;
}

.ng-dropdown-panel {
  background: var(--ig-input-base-background);
  border: solid 1px var(--ig-input-base-border);
  box-shadow: var(--ig-elevation-level-3);
  left: 0;
}

.ng-dropdown-panel.ng-select-top {
  border-top-right-radius: var(--ig-border-radius-input);
  border-top-left-radius: var(--ig-border-radius-input);
  border-bottom-color: var(--ig-input-base-border);
  margin-bottom: -1px;
  bottom: 100%;
}

.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: var(--ig-border-radius-input);
  border-top-left-radius: var(--ig-border-radius-input);
}

.ng-dropdown-panel.ng-select-right {
  border-top-right-radius: var(--ig-border-radius-input);
  border-bottom-right-radius: var(--ig-border-radius-input);
  border-bottom-left-radius: var(--ig-border-radius-input);
  border-bottom-color: var(--ig-input-base-border);
  margin-bottom: -1px;
  top: 0;
  left: 100%;
}

.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: var(--ig-border-radius-input);
}

.ng-dropdown-panel.ng-select-bottom {
  border-bottom-right-radius: var(--ig-border-radius-input);
  border-bottom-left-radius: var(--ig-border-radius-input);
  border-top-color: var(--ig-input-base-border);
  margin-top: -1px;
  top: 100%;
}

.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: var(--ig-border-radius-input);
  border-bottom-left-radius: var(--ig-border-radius-input);
}

.ng-dropdown-panel.ng-select-left {
  border-top-left-radius: var(--ig-border-radius-input);
  border-bottom-right-radius: var(--ig-border-radius-input);
  border-bottom-left-radius: var(--ig-border-radius-input);
  border-bottom-color: var(--ig-input-base-border);
  margin-bottom: -1px;
  top: 0;
  left: -100%;
}

.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child {
  border-top-left-radius: var(--ig-border-radius-input);
}

.ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid var(--ig-input-base-border);
  padding: 5px 7px;
}

.ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid var(--ig-input-base-border);
  padding: 5px 7px;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  user-select: none;
  color: var(--ig-text-medium);
  cursor: pointer;
  padding: 8px 10px;
  font-weight: 500;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background: var(--ig-select-item-background-hover);
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
  background: var(--ig-select-item-background-selected);
  border-left: solid 4px var(--ig-border-secondary-bold);
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: var(--ig-size-075, ) var(--ig-select-option-horizontal-padding);
  border-left: solid 4px var(--ig-border-transparent);
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  background: var(--ig-select-item-background-selected);
  border-left: solid 4px var(--ig-border-secondary-bold);
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background: var(--ig-select-item-background-hover);
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  opacity: var(--ig-opacity-disabled);
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-right: 5px;
  font-size: 80%;
  font-weight: 400;
}

.ng-select .ng-arrow-wrapper:before {
  font-variant: normal;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-size: 1rem;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  font-family: ignite-icons !important;
  font-weight: normal !important;
}

.ng-select.ng-select-opened .ng-arrow-wrapper:before {
  font-variant: normal;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-size: 1rem;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  font-family: ignite-icons !important;
  font-weight: normal !important;
}

.ng-select .ng-clear-wrapper > .ng-clear:before, .ng-select-multiple .ng-value-icon:before {
  font-variant: normal;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-size: 1rem;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  font-family: ignite-icons !important;
  font-weight: normal !important;
}

.ng-select-multiple.ng-select-sm .ng-value-icon:before, form.form-sm .ng-select-multiple .ng-value-icon:before {
  font-size: .75rem;
}

.ng-select-multiple.ng-select-lg .ng-value-icon:before, form.form-lg .ng-select-multiple .ng-value-icon:before {
  font-size: 1.25rem;
}

.ig-ngb-datepicker {
  --ig-date-picker-background: var(--ig-background-clear);
  --ig-date-picker-border: var(--ig-border-raised);
  --ig-date-picker-title: var(--ig-text-medium);
  --ig-date-picker-day-text: var(--ig-text-medium);
  --ig-date-picker-day-background: var(--ig-background-transparent-clear);
  --ig-date-picker-month-text: var(--ig-text-medium);
  --ig-date-picker-month-text-hover: var(--ig-text-medium-hover);
  --ig-date-picker-month-text-selected: var(--ig-text-on-bold-bold);
  --ig-date-picker-month-background: var(--ig-background-transparent-clear);
  --ig-date-picker-month-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-date-picker-month-background-selected: var(--ig-background-secondary-bold);
  --ig-date-picker-date-text: var(--ig-text-medium);
  --ig-date-picker-date-text-hover: var(--ig-text-medium);
  --ig-date-picker-date-text-selected: var(--ig-text-on-bold-bold);
  --ig-date-picker-date-today-text: var(--ig-text-secondary);
  --ig-date-picker-date-today-text-hover: var(--ig-text-secondary-hover);
  --ig-date-picker-date-today-text-selected: var(--ig-text-on-bold-bold);
  --ig-date-picker-date-today-background: var(--ig-background-transparent-clear);
  --ig-date-picker-date-today-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-date-picker-date-today-background-selected: var(--ig-date-picker-date-background-selected);
  --ig-date-picker-date-background: var(--ig-background-transparent-clear);
  --ig-date-picker-date-background-hover: var(--ig-background-clear-hover);
  --ig-date-picker-date-background-selected: var(--ig-background-secondary-bold);
  --ig-date-picker-date-range-included-text: var(--ig-text-medium);
  --ig-date-picker-date-range-included-text-hover: var(--ig-text-medium-hover);
  --ig-date-picker-date-range-included-today-text: var(--ig-text-medium);
  --ig-date-picker-date-range-included-today-text-hover: var(--ig-text-secondary);
  --ig-date-picker-date-range-included-today-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-date-picker-date-range-included-today-background: var(--ig-text-medium);
  --ig-date-picker-date-range-included-background: var(--ig-background-secondary-soft);
  --ig-date-picker-date-range-included-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-date-picker-date-range-start-text: var(--ig-text-on-bold-bold);
  --ig-date-picker-date-range-start-text-hover: var(--ig-text-bold-hover);
  --ig-date-picker-date-range-start-today-text: var(--ig-text-on-bold-bold);
  --ig-date-picker-date-range-start-today-text-hover: var(--ig-text-secondary);
  --ig-date-picker-date-range-start-today-background: var(--ig-background-secondary-bold);
  --ig-date-picker-date-range-start-today-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-date-picker-date-range-start-background: var(--ig-background-secondary-bold);
  --ig-date-picker-date-range-start-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-date-picker-date-range-end-text: var(--ig-text-on-bold-bold);
  --ig-date-picker-date-range-end-text-hover: var(--ig-text-bold-hover);
  --ig-date-picker-date-range-end-today-text: var(--ig-text-on-bold-bold);
  --ig-date-picker-date-range-end-today-text-hover: var(--ig-text-secondary);
  --ig-date-picker-date-range-end-today-background: var(--ig-background-secondary-bold);
  --ig-date-picker-date-range-end-today-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-date-picker-date-range-end-background: var(--ig-background-secondary-bold);
  --ig-date-picker-date-range-end-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-date-picker-date-other-text: var(--ig-text-soft);
  --ig-date-picker-date-other-text-hover: var(--ig-text-soft);
  --ig-date-picker-date-other-background: var(--ig-background-transparent-clear);
  --ig-date-picker-date-other-background-hover: var(--ig-background-transparent-clear-hover);
  --ig-date-picker-date-holiday-approved-text: var(--ig-text-on-bold-bold);
  --ig-date-picker-date-holiday-approved-background: var(--ig-background-success-bold);
  --ig-date-picker-date-holiday-legal-text: var(--ig-text-on-bold-bold);
  --ig-date-picker-date-holiday-legal-background: var(--ig-background-info-bold);
  --ig-date-picker-date-holiday-requested-text: var(--ig-text-on-warning);
  --ig-date-picker-date-holiday-requested-background: var(--ig-background-warning-bold);
  --ig-date-picker-date-holiday-declined-text: var(--ig-text-on-bold-bold);
  --ig-date-picker-date-holiday-declined-background: var(--ig-background-danger-bold);
  --ig-date-picker-smart-dates-background: var(--ig-background-soft);
  border: 1px solid var(--ig-date-picker-border);
  border-radius: var(--ig-border-radius);
  background-color: var(--ig-date-picker-background);
  z-index: 1000;
}

.ig-ngb-datepicker .visually-hidden {
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.ig-ngb-datepicker .ngb-dp-navigation-chevron {
  border-width: .1em .1em 0 0;
  border-color: var(--ig-date-picker-title);
}

.ig-ngb-datepicker .ngb-dp-navigation-chevron:before {
  display: none;
}

.ig-ngb-datepicker .ngb-dp-header {
  background-color: var(--ig-date-picker-background);
}

.ig-ngb-datepicker .ngb-dp-navigation-select select {
  border: 1px solid var(--ig-date-picker-border);
  border-radius: var(--ig-border-radius);
  appearance: none;
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"16\" viewBox=\"0 0 17 16\" fill=\"none\"><path d=\"M15.1554 3.99285C15.0233 3.99596 14.8979 4.0512 14.8064 4.14649L8.65992 10.293L2.51344 4.14649C2.46683 4.0985 2.41107 4.06034 2.34945 4.03428C2.28783 4.00823 2.22161 3.9948 2.15471 3.9948C2.05521 3.99482 1.95797 4.02453 1.87544 4.08013C1.79292 4.13573 1.72885 4.21469 1.69145 4.3069C1.65405 4.39911 1.64501 4.50038 1.66549 4.59776C1.68597 4.69513 1.73503 4.78419 1.80641 4.85352L8.30641 11.3535C8.40018 11.4473 8.52734 11.4999 8.65992 11.4999C8.79251 11.4999 8.91967 11.4473 9.01344 11.3535L15.5134 4.85352C15.5861 4.78374 15.6361 4.69361 15.6567 4.59496C15.6773 4.4963 15.6676 4.39373 15.6289 4.30068C15.5901 4.20763 15.5242 4.12845 15.4397 4.07352C15.3552 4.01858 15.2561 3.99047 15.1554 3.99285Z\" fill=\"%231882C0\"/></svg>");
  background-repeat: no-repeat;
  background-position: right var(--ig-component-input-medium-horizontal-padding) center;
}

.ig-ngb-datepicker .ngb-dp-navigation-select select:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ig-ngb-datepicker .ngb-dp-navigation-select select:last-child {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ig-ngb-datepicker .ngb-dp-weekday {
  color: var(--ig-date-picker-day-text);
  font: var(--ig-typography-body-small-bold);
  font-style: normal;
  line-height: 2rem;
}

.ig-ngb-datepicker .ngb-dp-day > div {
  border-radius: var(--ig-border-radius);
  text-align: center;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  background: var(--ig-date-picker-date-background) !important;
}

.ig-ngb-datepicker .ngb-dp-day > div:hover, .ig-ngb-datepicker .ngb-dp-day > div.active {
  background: var(--ig-date-picker-date-background-hover) !important;
}

.ig-ngb-datepicker .ngb-dp-day > div.bg-primary {
  background: var(--ig-date-picker-date-background-selected) !important;
  color: var(--ig-date-picker-date-text-selected) !important;
}

.ig-ngb-datepicker .ngb-dp-day > div.outside {
  opacity: 1;
  color: var(--ig-date-picker-date-other-text) !important;
}

.ig-ngb-datepicker .ngb-dp-day > div.faded {
  border-radius: 0;
  background-color: var(--ig-date-picker-date-range-included-background) !important;
  color: var(--ig-date-picker-date-range-included-text) !important;
}

.ig-ngb-datepicker .ngb-dp-day.ngb-dp-today div:not(.bg-primary) {
  color: var(--ig-date-picker-date-today-text) !important;
}

.ig-ngb-datepicker .ngb-dp-day.ngb-dp-today div:not(.bg-primary):hover {
  color: var(--ig-date-picker-date-today-text-hover) !important;
}

.ig-top-loader {
  --ig-top-loader-background-container: var(--ig-background-medium);
  --ig-top-loader-background-progress: var(--ig-background-secondary-bold);
  --ig-top-loader-height: var(--ig-size-025);
}

.ig-top-loader .ngx-bar {
  box-shadow: var(--ig-elevation-level-1);
}

.ig-border {
  --border-width: var(--ig-border-width);
  --border-style: solid;
  --border-color: var(--ig-border-medium);
  border: var(--border-width, var(--ig-border-width)) var(--border-style, solid) var(--border-color, var(--ig-border-medium));
}

.ig-border-0 {
  border: 0;
}

.ig-border-clear {
  --border-color: var(--ig-border-clear);
}

.ig-border-subtle {
  --border-color: var(--ig-border-subtle);
}

.ig-border-soft {
  --border-color: var(--ig-border-soft);
}

.ig-border-medium {
  --border-color: var(--ig-border-medium);
}

.ig-border-bold {
  --border-color: var(--ig-border-bold);
}

.ig-border-primary {
  --border-color: var(--ig-border-primary-bold);
}

.ig-border-secondary {
  --border-color: var(--ig-border-secondary-bold);
}

.ig-border-info {
  --border-color: var(--ig-border-info-bold);
}

.ig-border-success {
  --border-color: var(--ig-border-success-bold);
}

.ig-border-danger {
  --border-color: var(--ig-border-danger-bold);
}

.ig-border-warning {
  --border-color: var(--ig-border-warning-bold);
}

.ig-border-focus {
  --border-color: var(--ig-border-focus);
}

.ig-border-transparent {
  --border-color: var(--ig-border-transparent);
}

.ig-border-top {
  border-top: var(--border-width, var(--ig-border-width)) var(--border-style, solid) var(--border-color, var(--ig-border-medium));
}

.ig-border-top-0 {
  border-top: 0;
}

.ig-border-end {
  border-right: var(--border-width, var(--ig-border-width)) var(--border-style, solid) var(--border-color, var(--ig-border-medium));
}

.ig-border-end-0 {
  border-right: 0;
}

.ig-border-bottom {
  border-bottom: var(--border-width, var(--ig-border-width)) var(--border-style, solid) var(--border-color, var(--ig-border-medium));
}

.ig-border-bottom-0 {
  border-bottom: 0;
}

.ig-border-start {
  border-left: var(--border-width, var(--ig-border-width)) var(--border-style, solid) var(--border-color, var(--ig-border-medium));
}

.ig-border-start-0 {
  border-left: 0;
}

.ig-border-2x {
  --border-width: var(--ig-border-width-2x);
}

.ig-border-dashed {
  --border-style: dashed;
}

.ig-border-dotted {
  --border-style: dotted;
}

.ig-border-radius {
  border-radius: var(--ig-border-radius);
}

.ig-border-radius-small {
  border-radius: var(--ig-border-radius-small);
}

.ig-border-radius-large {
  border-radius: var(--ig-border-radius-large);
}

.ig-text-soft {
  color: var(--ig-text-soft);
}

.ig-text-medium {
  color: var(--ig-text-medium);
}

.ig-text-bold {
  color: var(--ig-text-bold);
}

.ig-text-primary {
  color: var(--ig-text-primary);
}

.ig-text-secondary {
  color: var(--ig-text-secondary);
}

.ig-text-info {
  color: var(--ig-text-info);
}

.ig-text-success {
  color: var(--ig-text-success);
}

.ig-text-danger {
  color: var(--ig-text-danger);
}

.ig-text-warning {
  color: var(--ig-text-warning);
}

.ig-bg-subtle {
  background-color: var(--ig-background-subtle);
}

.ig-bg-soft {
  background-color: var(--ig-background-soft);
}

.ig-bg-bold {
  background-color: var(--ig-background-bold);
}

.ig-bg-strong {
  background-color: var(--ig-background-strong);
}

.ig-bg-primary-subtle {
  background-color: var(--ig-background-primary-subtle);
}

.ig-bg-primary-soft {
  background-color: var(--ig-background-primary-soft);
}

.ig-bg-primary {
  background-color: var(--ig-background-primary-bold);
}

.ig-bg-primary-strong {
  background-color: var(--ig-background-primary-strong);
}

.ig-bg-secondary-subtle {
  background-color: var(--ig-background-secondary-subtle);
}

.ig-bg-secondary-soft {
  background-color: var(--ig-background-secondary-soft);
}

.ig-bg-secondary {
  background-color: var(--ig-background-secondary-bold);
}

.ig-bg-secondary-strong {
  background-color: var(--ig-background-secondary-strong);
}

.ig-bg-info {
  background-color: var(--ig-background-info-bold);
}

.ig-bg-info-subtle {
  background-color: var(--ig-background-info-subtle);
}

.ig-bg-success {
  background-color: var(--ig-background-success-bold);
}

.ig-bg-success-subtle {
  background-color: var(--ig-background-success-subtle);
}

.ig-bg-danger {
  background-color: var(--ig-background-danger-bold);
}

.ig-bg-danger-subtle {
  background-color: var(--ig-background-danger-subtle);
}

.ig-bg-warning {
  background-color: var(--ig-background-warning-bold);
}

.ig-bg-warning-subtle {
  background-color: var(--ig-background-warning-subtle);
}

.ig-d-inline {
  display: inline;
}

.ig-d-inline-block {
  display: inline-block;
}

.ig-d-block {
  display: block;
}

.ig-d-flex {
  display: flex;
}

.ig-d-inline-flex {
  display: inline-flex;
}

.ig-d-none {
  display: none;
}

.ig-visible {
  visibility: visible;
}

.ig-invisible {
  visibility: hidden;
}

.ig-elevation-inset {
  box-shadow: var(--ig-elevation-inset);
}

.ig-elevation-0 {
  box-shadow: none;
}

.ig-elevation-1 {
  box-shadow: var(--ig-elevation-level-1);
}

.ig-elevation-2 {
  box-shadow: var(--ig-elevation-level-2);
}

.ig-elevation-3 {
  box-shadow: var(--ig-elevation-level-3);
}

.ig-elevation-4 {
  box-shadow: var(--ig-elevation-level-4);
}

.ig-flex-row {
  flex-direction: row;
}

.ig-flex-column {
  flex-direction: column;
}

.ig-justify-content-start {
  justify-content: flex-start;
}

.ig-justify-content-end {
  justify-content: flex-end;
}

.ig-justify-content-center {
  justify-content: center;
}

.ig-justify-content-between {
  justify-content: space-between;
}

.ig-justify-content-around {
  justify-content: space-around;
}

.ig-justify-content-evenly {
  justify-content: space-evenly;
}

.ig-align-items-start {
  align-items: flex-start;
}

.ig-align-items-end {
  align-items: flex-end;
}

.ig-align-items-center {
  align-items: center;
}

.ig-align-items-baseline {
  align-items: baseline;
}

.ig-align-items-stretch {
  align-items: stretch;
}

.ig-flex-grow-0 {
  flex-grow: 0;
}

.ig-flex-grow-1 {
  flex-grow: 1;
}

.ig-flex-shrink-0 {
  flex-shrink: 0;
}

.ig-flex-shrink-1 {
  flex-shrink: 1;
}

.ig-flex-wrap {
  flex-wrap: wrap;
}

.ig-flex-nowrap {
  flex-wrap: nowrap;
}

.ig-flex-fill {
  flex: auto;
}

.ig-overflow-auto {
  overflow: auto;
}

.ig-overflow-hidden {
  overflow: hidden;
}

.ig-overflow-visible {
  overflow: visible;
}

.ig-overflow-scroll {
  overflow: scroll;
}

.ig-overflow-x-auto {
  overflow-x: auto;
}

.ig-overflow-x-hidden {
  overflow-x: hidden;
}

.ig-overflow-x-visible {
  overflow-x: visible;
}

.ig-overflow-x-scroll {
  overflow-x: scroll;
}

.ig-overflow-y-auto {
  overflow-y: auto;
}

.ig-overflow-y-hidden {
  overflow-y: hidden;
}

.ig-overflow-y-visible {
  overflow-y: visible;
}

.ig-overflow-y-scroll {
  overflow-y: scroll;
}

.ig-w-25 {
  width: 25%;
}

.ig-w-50 {
  width: 50%;
}

.ig-w-75 {
  width: 75%;
}

.ig-w-100 {
  width: 100%;
}

.ig-w-auto {
  width: auto;
}

.ig-h-25 {
  height: 25%;
}

.ig-h-50 {
  height: 50%;
}

.ig-h-75 {
  height: 75%;
}

.ig-h-100 {
  height: 100%;
}

.ig-h-auto {
  height: auto;
}

.ig-m-0 {
  margin: var(--ig-size-0);
}

.ig-m-1 {
  margin: var(--ig-size-050);
}

.ig-m-2 {
  margin: var(--ig-size-100);
}

.ig-m, .ig-m-3 {
  margin: var(--ig-size-200);
}

.ig-m-4 {
  margin: var(--ig-size-300);
}

.ig-m-5 {
  margin: var(--ig-size-400);
}

.ig-m-6 {
  margin: var(--ig-size-600);
}

.ig-m-auto {
  margin: auto;
}

.ig-mx-0 {
  margin-right: var(--ig-size-0);
  margin-left: var(--ig-size-0);
}

.ig-mx-1 {
  margin-right: var(--ig-size-050);
  margin-left: var(--ig-size-050);
}

.ig-mx-2 {
  margin-right: var(--ig-size-100);
  margin-left: var(--ig-size-100);
}

.ig-mx, .ig-mx-3 {
  margin-right: var(--ig-size-200);
  margin-left: var(--ig-size-200);
}

.ig-mx-4 {
  margin-right: var(--ig-size-300);
  margin-left: var(--ig-size-300);
}

.ig-mx-5 {
  margin-right: var(--ig-size-400);
  margin-left: var(--ig-size-400);
}

.ig-mx-6 {
  margin-right: var(--ig-size-600);
  margin-left: var(--ig-size-600);
}

.ig-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.ig-my-0 {
  margin-top: var(--ig-size-0);
  margin-bottom: var(--ig-size-0);
}

.ig-my-1 {
  margin-top: var(--ig-size-050);
  margin-bottom: var(--ig-size-050);
}

.ig-my-2 {
  margin-top: var(--ig-size-100);
  margin-bottom: var(--ig-size-100);
}

.ig-my, .ig-my-3 {
  margin-top: var(--ig-size-200);
  margin-bottom: var(--ig-size-200);
}

.ig-my-4 {
  margin-top: var(--ig-size-300);
  margin-bottom: var(--ig-size-300);
}

.ig-my-5 {
  margin-top: var(--ig-size-400);
  margin-bottom: var(--ig-size-400);
}

.ig-my-6 {
  margin-top: var(--ig-size-600);
  margin-bottom: var(--ig-size-600);
}

.ig-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.ig-mt-0 {
  margin-top: var(--ig-size-0);
}

.ig-mt-1 {
  margin-top: var(--ig-size-050);
}

.ig-mt-2 {
  margin-top: var(--ig-size-100);
}

.ig-mt, .ig-mt-3 {
  margin-top: var(--ig-size-200);
}

.ig-mt-4 {
  margin-top: var(--ig-size-300);
}

.ig-mt-5 {
  margin-top: var(--ig-size-400);
}

.ig-mt-6 {
  margin-top: var(--ig-size-600);
}

.ig-mt-auto {
  margin-top: auto;
}

.ig-me-0 {
  margin-right: var(--ig-size-0);
}

.ig-me-1 {
  margin-right: var(--ig-size-050);
}

.ig-me-2 {
  margin-right: var(--ig-size-100);
}

.ig-me, .ig-me-3 {
  margin-right: var(--ig-size-200);
}

.ig-me-4 {
  margin-right: var(--ig-size-300);
}

.ig-me-5 {
  margin-right: var(--ig-size-400);
}

.ig-me-6 {
  margin-right: var(--ig-size-600);
}

.ig-me-auto {
  margin-right: auto;
}

.ig-mb-0 {
  margin-bottom: var(--ig-size-0);
}

.ig-mb-1 {
  margin-bottom: var(--ig-size-050);
}

.ig-mb-2 {
  margin-bottom: var(--ig-size-100);
}

.ig-mb, .ig-mb-3 {
  margin-bottom: var(--ig-size-200);
}

.ig-mb-4 {
  margin-bottom: var(--ig-size-300);
}

.ig-mb-5 {
  margin-bottom: var(--ig-size-400);
}

.ig-mb-6 {
  margin-bottom: var(--ig-size-600);
}

.ig-mb-auto {
  margin-bottom: auto;
}

.ig-ms-0 {
  margin-left: var(--ig-size-0);
}

.ig-ms-1 {
  margin-left: var(--ig-size-050);
}

.ig-ms-2 {
  margin-left: var(--ig-size-100);
}

.ig-ms, .ig-ms-3 {
  margin-left: var(--ig-size-200);
}

.ig-ms-4 {
  margin-left: var(--ig-size-300);
}

.ig-ms-5 {
  margin-left: var(--ig-size-400);
}

.ig-ms-6 {
  margin-left: var(--ig-size-600);
}

.ig-ms-auto {
  margin-left: auto;
}

.ig-p-0 {
  padding: var(--ig-size-0);
}

.ig-p-1 {
  padding: var(--ig-size-050);
}

.ig-p-2 {
  padding: var(--ig-size-100);
}

.ig-p, .ig-p-3 {
  padding: var(--ig-size-200);
}

.ig-p-4 {
  padding: var(--ig-size-300);
}

.ig-p-5 {
  padding: var(--ig-size-400);
}

.ig-p-6 {
  padding: var(--ig-size-600);
}

.ig-p-auto {
  padding: auto;
}

.ig-px-0 {
  padding-right: var(--ig-size-0);
  padding-left: var(--ig-size-0);
}

.ig-px-1 {
  padding-right: var(--ig-size-050);
  padding-left: var(--ig-size-050);
}

.ig-px-2 {
  padding-right: var(--ig-size-100);
  padding-left: var(--ig-size-100);
}

.ig-px, .ig-px-3 {
  padding-right: var(--ig-size-200);
  padding-left: var(--ig-size-200);
}

.ig-px-4 {
  padding-right: var(--ig-size-300);
  padding-left: var(--ig-size-300);
}

.ig-px-5 {
  padding-right: var(--ig-size-400);
  padding-left: var(--ig-size-400);
}

.ig-px-6 {
  padding-right: var(--ig-size-600);
  padding-left: var(--ig-size-600);
}

.ig-px-auto {
  padding-left: auto;
  padding-right: auto;
}

.ig-py-0 {
  padding-top: var(--ig-size-0);
  padding-bottom: var(--ig-size-0);
}

.ig-py-1 {
  padding-top: var(--ig-size-050);
  padding-bottom: var(--ig-size-050);
}

.ig-py-2 {
  padding-top: var(--ig-size-100);
  padding-bottom: var(--ig-size-100);
}

.ig-py, .ig-py-3 {
  padding-top: var(--ig-size-200);
  padding-bottom: var(--ig-size-200);
}

.ig-py-4 {
  padding-top: var(--ig-size-300);
  padding-bottom: var(--ig-size-300);
}

.ig-py-5 {
  padding-top: var(--ig-size-400);
  padding-bottom: var(--ig-size-400);
}

.ig-py-6 {
  padding-top: var(--ig-size-600);
  padding-bottom: var(--ig-size-600);
}

.ig-py-auto {
  padding-top: auto;
  padding-bottom: auto;
}

.ig-pt-0 {
  padding-top: var(--ig-size-0);
}

.ig-pt-1 {
  padding-top: var(--ig-size-050);
}

.ig-pt-2 {
  padding-top: var(--ig-size-100);
}

.ig-pt, .ig-pt-3 {
  padding-top: var(--ig-size-200);
}

.ig-pt-4 {
  padding-top: var(--ig-size-300);
}

.ig-pt-5 {
  padding-top: var(--ig-size-400);
}

.ig-pt-6 {
  padding-top: var(--ig-size-600);
}

.ig-pt-auto {
  padding-top: auto;
}

.ig-pe-0 {
  padding-right: var(--ig-size-0);
}

.ig-pe-1 {
  padding-right: var(--ig-size-050);
}

.ig-pe-2 {
  padding-right: var(--ig-size-100);
}

.ig-pe, .ig-pe-3 {
  padding-right: var(--ig-size-200);
}

.ig-pe-4 {
  padding-right: var(--ig-size-300);
}

.ig-pe-5 {
  padding-right: var(--ig-size-400);
}

.ig-pe-6 {
  padding-right: var(--ig-size-600);
}

.ig-pe-auto {
  padding-right: auto;
}

.ig-pb-0 {
  padding-bottom: var(--ig-size-0);
}

.ig-pb-1 {
  padding-bottom: var(--ig-size-050);
}

.ig-pb-2 {
  padding-bottom: var(--ig-size-100);
}

.ig-pb, .ig-pb-3 {
  padding-bottom: var(--ig-size-200);
}

.ig-pb-4 {
  padding-bottom: var(--ig-size-300);
}

.ig-pb-5 {
  padding-bottom: var(--ig-size-400);
}

.ig-pb-6 {
  padding-bottom: var(--ig-size-600);
}

.ig-pb-auto {
  padding-bottom: auto;
}

.ig-ps-0 {
  padding-left: var(--ig-size-0);
}

.ig-ps-1 {
  padding-left: var(--ig-size-050);
}

.ig-ps-2 {
  padding-left: var(--ig-size-100);
}

.ig-ps, .ig-ps-3 {
  padding-left: var(--ig-size-200);
}

.ig-ps-4 {
  padding-left: var(--ig-size-300);
}

.ig-ps-5 {
  padding-left: var(--ig-size-400);
}

.ig-ps-6 {
  padding-left: var(--ig-size-600);
}

.ig-ps-auto {
  padding-left: auto;
}

.ig-gap-0 {
  gap: var(--ig-size-0);
}

.ig-gap-1 {
  gap: var(--ig-size-050);
}

.ig-gap-2 {
  gap: var(--ig-size-100);
}

.ig-gap, .ig-gap-3 {
  gap: var(--ig-size-200);
}

.ig-gap-4 {
  gap: var(--ig-size-300);
}

.ig-gap-5 {
  gap: var(--ig-size-400);
}

.ig-gap-6 {
  gap: var(--ig-size-600);
}

.ig-row-gap-0 {
  row-gap: var(--ig-size-0);
}

.ig-row-gap-1 {
  row-gap: var(--ig-size-050);
}

.ig-row-gap-2 {
  row-gap: var(--ig-size-100);
}

.ig-row-gap, .ig-row-gap-3 {
  row-gap: var(--ig-size-200);
}

.ig-row-gap-4 {
  row-gap: var(--ig-size-300);
}

.ig-row-gap-5 {
  row-gap: var(--ig-size-400);
}

.ig-row-gap-6 {
  row-gap: var(--ig-size-600);
}

.ig-column-gap-0 {
  column-gap: var(--ig-size-0);
}

.ig-column-gap-1 {
  column-gap: var(--ig-size-050);
}

.ig-column-gap-2 {
  column-gap: var(--ig-size-100);
}

.ig-column-gap, .ig-column-gap-3 {
  column-gap: var(--ig-size-200);
}

.ig-column-gap-4 {
  column-gap: var(--ig-size-300);
}

.ig-column-gap-5 {
  column-gap: var(--ig-size-400);
}

.ig-column-gap-6 {
  column-gap: var(--ig-size-600);
}

.ig-text-start {
  text-align: start;
}

.ig-text-end {
  text-align: end;
}

.ig-text-center {
  text-align: center;
}

.ig-text-underline {
  text-decoration: underline;
}

.ig-text-line-through {
  text-decoration: line-through;
}

.ig-text-overline {
  text-decoration: overline;
}

.ig-text-lowercase {
  text-transform: lowercase;
}

.ig-text-uppercase {
  text-transform: uppercase;
}

.ig-text-capitalize {
  text-transform: capitalize;
}

.ig-text-weight-light {
  font-weight: var(--ig-font-weight-light);
}

.ig-text-weight-regular {
  font-weight: var(--ig-font-weight-regular);
}

.ig-text-weight-medium {
  font-weight: var(--ig-font-weight-medium);
}

.ig-text-weight-bold {
  font-weight: var(--ig-font-weight-bold);
}

.ig-text-italic {
  font-style: italic;
}

@media (width >= 576px) {
  .ig-d-sm-inline {
    display: inline;
  }

  .ig-d-sm-inline-block {
    display: inline-block;
  }

  .ig-d-sm-block {
    display: block;
  }

  .ig-d-sm-flex {
    display: flex;
  }

  .ig-d-sm-inline-flex {
    display: inline-flex;
  }

  .ig-d-sm-none {
    display: none;
  }

  .ig-flex-sm-row {
    flex-direction: row;
  }

  .ig-flex-sm-column {
    flex-direction: column;
  }

  .ig-justify-content-sm-start {
    justify-content: flex-start;
  }

  .ig-justify-content-sm-end {
    justify-content: flex-end;
  }

  .ig-justify-content-sm-center {
    justify-content: center;
  }

  .ig-justify-content-sm-between {
    justify-content: space-between;
  }

  .ig-justify-content-sm-around {
    justify-content: space-around;
  }

  .ig-justify-content-sm-evenly {
    justify-content: space-evenly;
  }

  .ig-align-items-sm-start {
    align-items: flex-start;
  }

  .ig-align-items-sm-end {
    align-items: flex-end;
  }

  .ig-align-items-sm-center {
    align-items: center;
  }

  .ig-align-items-sm-baseline {
    align-items: baseline;
  }

  .ig-align-items-sm-stretch {
    align-items: stretch;
  }

  .ig-flex-grow-sm-0 {
    flex-grow: 0;
  }

  .ig-flex-grow-sm-1 {
    flex-grow: 1;
  }

  .ig-flex-shrink-sm-0 {
    flex-shrink: 0;
  }

  .ig-flex-shrink-sm-1 {
    flex-shrink: 1;
  }

  .ig-flex-sm-wrap {
    flex-wrap: wrap;
  }

  .ig-flex-sm-nowrap {
    flex-wrap: nowrap;
  }

  .ig-flex-sm-fill {
    flex: auto;
  }
}

@media (width >= 768px) {
  .ig-d-md-inline {
    display: inline;
  }

  .ig-d-md-inline-block {
    display: inline-block;
  }

  .ig-d-md-block {
    display: block;
  }

  .ig-d-md-flex {
    display: flex;
  }

  .ig-d-md-inline-flex {
    display: inline-flex;
  }

  .ig-d-md-none {
    display: none;
  }

  .ig-flex-md-row {
    flex-direction: row;
  }

  .ig-flex-md-column {
    flex-direction: column;
  }

  .ig-justify-content-md-start {
    justify-content: flex-start;
  }

  .ig-justify-content-md-end {
    justify-content: flex-end;
  }

  .ig-justify-content-md-center {
    justify-content: center;
  }

  .ig-justify-content-md-between {
    justify-content: space-between;
  }

  .ig-justify-content-md-around {
    justify-content: space-around;
  }

  .ig-justify-content-md-evenly {
    justify-content: space-evenly;
  }

  .ig-align-items-md-start {
    align-items: flex-start;
  }

  .ig-align-items-md-end {
    align-items: flex-end;
  }

  .ig-align-items-md-center {
    align-items: center;
  }

  .ig-align-items-md-baseline {
    align-items: baseline;
  }

  .ig-align-items-md-stretch {
    align-items: stretch;
  }

  .ig-flex-grow-md-0 {
    flex-grow: 0;
  }

  .ig-flex-grow-md-1 {
    flex-grow: 1;
  }

  .ig-flex-shrink-md-0 {
    flex-shrink: 0;
  }

  .ig-flex-shrink-md-1 {
    flex-shrink: 1;
  }

  .ig-flex-md-wrap {
    flex-wrap: wrap;
  }

  .ig-flex-md-nowrap {
    flex-wrap: nowrap;
  }

  .ig-flex-md-fill {
    flex: auto;
  }
}

@media (width >= 992px) {
  .ig-d-lg-inline {
    display: inline;
  }

  .ig-d-lg-inline-block {
    display: inline-block;
  }

  .ig-d-lg-block {
    display: block;
  }

  .ig-d-lg-flex {
    display: flex;
  }

  .ig-d-lg-inline-flex {
    display: inline-flex;
  }

  .ig-d-lg-none {
    display: none;
  }

  .ig-flex-lg-row {
    flex-direction: row;
  }

  .ig-flex-lg-column {
    flex-direction: column;
  }

  .ig-justify-content-lg-start {
    justify-content: flex-start;
  }

  .ig-justify-content-lg-end {
    justify-content: flex-end;
  }

  .ig-justify-content-lg-center {
    justify-content: center;
  }

  .ig-justify-content-lg-between {
    justify-content: space-between;
  }

  .ig-justify-content-lg-around {
    justify-content: space-around;
  }

  .ig-justify-content-lg-evenly {
    justify-content: space-evenly;
  }

  .ig-align-items-lg-start {
    align-items: flex-start;
  }

  .ig-align-items-lg-end {
    align-items: flex-end;
  }

  .ig-align-items-lg-center {
    align-items: center;
  }

  .ig-align-items-lg-baseline {
    align-items: baseline;
  }

  .ig-align-items-lg-stretch {
    align-items: stretch;
  }

  .ig-flex-grow-lg-0 {
    flex-grow: 0;
  }

  .ig-flex-grow-lg-1 {
    flex-grow: 1;
  }

  .ig-flex-shrink-lg-0 {
    flex-shrink: 0;
  }

  .ig-flex-shrink-lg-1 {
    flex-shrink: 1;
  }

  .ig-flex-lg-wrap {
    flex-wrap: wrap;
  }

  .ig-flex-lg-nowrap {
    flex-wrap: nowrap;
  }

  .ig-flex-lg-fill {
    flex: auto;
  }
}

@media (width >= 1200px) {
  .ig-d-xl-inline {
    display: inline;
  }

  .ig-d-xl-inline-block {
    display: inline-block;
  }

  .ig-d-xl-block {
    display: block;
  }

  .ig-d-xl-flex {
    display: flex;
  }

  .ig-d-xl-inline-flex {
    display: inline-flex;
  }

  .ig-d-xl-none {
    display: none;
  }

  .ig-flex-xl-row {
    flex-direction: row;
  }

  .ig-flex-xl-column {
    flex-direction: column;
  }

  .ig-justify-content-xl-start {
    justify-content: flex-start;
  }

  .ig-justify-content-xl-end {
    justify-content: flex-end;
  }

  .ig-justify-content-xl-center {
    justify-content: center;
  }

  .ig-justify-content-xl-between {
    justify-content: space-between;
  }

  .ig-justify-content-xl-around {
    justify-content: space-around;
  }

  .ig-justify-content-xl-evenly {
    justify-content: space-evenly;
  }

  .ig-align-items-xl-start {
    align-items: flex-start;
  }

  .ig-align-items-xl-end {
    align-items: flex-end;
  }

  .ig-align-items-xl-center {
    align-items: center;
  }

  .ig-align-items-xl-baseline {
    align-items: baseline;
  }

  .ig-align-items-xl-stretch {
    align-items: stretch;
  }

  .ig-flex-grow-xl-0 {
    flex-grow: 0;
  }

  .ig-flex-grow-xl-1 {
    flex-grow: 1;
  }

  .ig-flex-shrink-xl-0 {
    flex-shrink: 0;
  }

  .ig-flex-shrink-xl-1 {
    flex-shrink: 1;
  }

  .ig-flex-xl-wrap {
    flex-wrap: wrap;
  }

  .ig-flex-xl-nowrap {
    flex-wrap: nowrap;
  }

  .ig-flex-xl-fill {
    flex: auto;
  }
}

@media (width >= 1920px) {
  .ig-d-xxl-inline {
    display: inline;
  }

  .ig-d-xxl-inline-block {
    display: inline-block;
  }

  .ig-d-xxl-block {
    display: block;
  }

  .ig-d-xxl-flex {
    display: flex;
  }

  .ig-d-xxl-inline-flex {
    display: inline-flex;
  }

  .ig-d-xxl-none {
    display: none;
  }

  .ig-flex-xxl-row {
    flex-direction: row;
  }

  .ig-flex-xxl-column {
    flex-direction: column;
  }

  .ig-justify-content-xxl-start {
    justify-content: flex-start;
  }

  .ig-justify-content-xxl-end {
    justify-content: flex-end;
  }

  .ig-justify-content-xxl-center {
    justify-content: center;
  }

  .ig-justify-content-xxl-between {
    justify-content: space-between;
  }

  .ig-justify-content-xxl-around {
    justify-content: space-around;
  }

  .ig-justify-content-xxl-evenly {
    justify-content: space-evenly;
  }

  .ig-align-items-xxl-start {
    align-items: flex-start;
  }

  .ig-align-items-xxl-end {
    align-items: flex-end;
  }

  .ig-align-items-xxl-center {
    align-items: center;
  }

  .ig-align-items-xxl-baseline {
    align-items: baseline;
  }

  .ig-align-items-xxl-stretch {
    align-items: stretch;
  }

  .ig-flex-grow-xxl-0 {
    flex-grow: 0;
  }

  .ig-flex-grow-xxl-1 {
    flex-grow: 1;
  }

  .ig-flex-shrink-xxl-0 {
    flex-shrink: 0;
  }

  .ig-flex-shrink-xxl-1 {
    flex-shrink: 1;
  }

  .ig-flex-xxl-wrap {
    flex-wrap: wrap;
  }

  .ig-flex-xxl-nowrap {
    flex-wrap: nowrap;
  }

  .ig-flex-xxl-fill {
    flex: auto;
  }
}