/* Colors / Brand */
:root {
  /* Trusive */
  /* color */
  --br-transparent: transparent;
  --br-neutral-0: #fffcf3;
  --br-neutral-100: #f5f5f2;
  --br-neutral-1000: #262223;
  --br-neutral-1100: #141213;
  --br-neutral-200: #e3e2dd;
  --br-neutral-300: #d2d2d2;
  --br-neutral-400: #c7c7c7;
  --br-neutral-500: #b3b1b2;
  --br-neutral-600: #949091;
  --br-neutral-700: #757172;
  --br-neutral-800: #545051;
  --br-neutral-900: #3d393a;
  --br-neutral-1000-opacity-15: #26222326;
  --br-neutral-1000-opacity-20: #26222333;
  --br-neutral-1000-opacity-45: #26222373;
  --br-neutral-200-opacity-92: #e3e2ddeb;
  --br-primary-0: #f2f2ff;
  --br-primary-100: #e8e8fe;
  --br-primary-1000: #190f6c;
  --br-primary-200: #d2d3fe;
  --br-primary-300: #b2b0fd;
  --br-primary-400: #8b84fc;
  --br-primary-500: #6555fb;
  --br-primary-600: #6147fb;
  --br-primary-700: #432ae7;
  --br-primary-800: #3822c2;
  --br-primary-900: #2f1c9e;
  --br-primary-1000-opacity-20: #190f6c33;
  --br-primary-1000-opacity-45: #190f6c73;
  --br-primary-700-opacity-5: #432ae70d;
  --br-primary-900-opacity-10: #2f1c9e1a;
  --br-primary-900-opacity-20: #2f1c9e33;
  --br-primary-900-opacity-30: #2f1c9e4d;
  --br-primary-900-opacity-40: #2f1c9e66;
  --br-primary-900-opacity-50: #2f1c9e80;
  --br-primary-900-opacity-60: #2f1c9e99;
  --br-primary-900-opacity-70: #2f1c9eb2;
  --br-primary-900-opacity-80: #2f1c9ecc;
  --br-primary-900-opacity-90: #2f1c9ee5;
  --br-secondary-0: #effffa;
  --br-secondary-100: #c9fff1;
  --br-secondary-1000: #033430;
  --br-secondary-200: #93fee4;
  --br-secondary-300: #58f9d5;
  --br-secondary-400: #30e6c1;
  --br-secondary-500: #1ebd9e;
  --br-secondary-600: #18a48b;
  --br-secondary-700: #138270;
  --br-secondary-800: #11675b;
  --br-secondary-900: #11554c;
  --br-secondary-700-opacity-10: #1382701a;
  --br-tertiary-0: #ffffe6;
  --br-tertiary-100: #fcfeca;
  --br-tertiary-1000: #273105;
  --br-tertiary-200: #f7fe9b;
  --br-tertiary-300: #f1ff66;
  --br-tertiary-400: #dff341;
  --br-tertiary-500: #c1d92e;
  --br-tertiary-600: #97af21;
  --br-tertiary-700: #71841a;
  --br-tertiary-800: #5a6816;
  --br-tertiary-900: #4a5716;
  --br-tertiary-300-opacity-10: #f1ff661a;
  --br-tertiary-300-opacity-20: #f1ff6633;
  --br-tertiary-300-opacity-30: #f1ff664d;
  --br-tertiary-300-opacity-40: #f1ff6666;
  --br-tertiary-300-opacity-50: #f1ff6680;
  --br-tertiary-300-opacity-60: #f1ff6699;
  --br-tertiary-300-opacity-70: #f1ff66b2;
  --br-tertiary-300-opacity-80: #f1ff66cc;
  --br-tertiary-300-opacity-90: #f1ff66e5;
}

/* Colors / Tokens */
:root {
  /* Light */
  /* color */
  --tk-border-solid-0: var(--br-neutral-100, #f5f5f2);
  --tk-border-solid-1: var(--br-neutral-200, #e3e2dd);
  --tk-border-solid-2: var(--br-neutral-300, #d2d2d2);
  --tk-border-solid-3: var(--br-neutral-500, #b3b1b2);
  --tk-border-translucent-1: var(--br-neutral-1000-opacity-15, #26222326);
  --tk-border-translucent-2: var(--br-neutral-1000-opacity-20, #26222333);
  --tk-border-translucent-3: var(--br-neutral-1000-opacity-45, #26222373);
  --tk-border-translucent-contrast-1: var(--ui-other-white-opacity-15, #ffffff26);
  --tk-border-translucent-contrast-2: var(--ui-other-white-opacity-20, #ffffff33);
  --tk-border-translucent-contrast-3: var(--ui-other-white-opacity-45, #ffffff73);
  --tk-control-danger-filled-content: var(--ui-other-white, #ffffff);
  --tk-control-danger-filled-fill: var(--ui-danger-600, #e7000b);
  --tk-control-danger-ghost-content: var(--ui-danger-700, #c10007);
  --tk-control-danger-outlined-content: var(--ui-danger-700, #c10007);
  --tk-control-danger-outlined-outline: var(--ui-danger-600, #e7000b);
  --tk-control-danger-subtle-content: var(--ui-danger-700, #c10007);
  --tk-control-danger-subtle-fill: var(--ui-danger-100, #ffe2e2);
  --tk-control-danger-subtle-outline: var(--ui-danger-300, #ffa2a2);
  --tk-control-disabled-filled-content: var(--br-neutral-700, #757172);
  --tk-control-disabled-filled-fill: var(--br-neutral-300, #d2d2d2);
  --tk-control-disabled-ghost-content: var(--br-neutral-600, #949091);
  --tk-control-disabled-outlined-content: var(--br-neutral-600, #949091);
  --tk-control-disabled-outlined-outline: var(--br-neutral-500, #b3b1b2);
  --tk-control-disabled-subtle-content: var(--br-neutral-600, #949091);
  --tk-control-disabled-subtle-outline: var(--br-neutral-500, #b3b1b2);
  --tk-control-info-filled-content: var(--ui-other-white, #ffffff);
  --tk-control-info-filled-fill: var(--ui-info-600, #6147fb);
  --tk-control-info-ghost-content: var(--ui-info-700, #432ae7);
  --tk-control-info-outlined-content: var(--ui-info-700, #432ae7);
  --tk-control-info-outlined-outline: var(--ui-info-700, #432ae7);
  --tk-control-info-subtle-content: var(--ui-info-700, #432ae7);
  --tk-control-info-subtle-fill: var(--ui-info-0, #f2f2ff);
  --tk-control-info-subtle-outline: var(--ui-info-300, #b2b0fd);
  --tk-control-neutral-filled-content: var(--br-neutral-100, #f5f5f2);
  --tk-control-neutral-filled-fill: var(--br-neutral-1000, #262223);
  --tk-control-neutral-ghost-content: var(--br-neutral-1000, #262223);
  --tk-control-neutral-outlined-content: var(--br-neutral-1000, #262223);
  --tk-control-neutral-outlined-outline: var(--br-neutral-1000, #262223);
  --tk-control-neutral-subtle-content: var(--br-neutral-900, #3d393a);
  --tk-control-neutral-subtle-fill: var(--tk-surface-elevated, #ffffff);
  --tk-control-neutral-subtle-outline: var(--tk-border-translucent-1, #26222326);
  --tk-control-primary-filled-content: var(--ui-other-white, #ffffff);
  --tk-control-primary-filled-fill: var(--br-primary-600, #6147fb);
  --tk-control-primary-ghost-content: var(--br-primary-700, #432ae7);
  --tk-control-primary-outlined-content: var(--br-primary-700, #432ae7);
  --tk-control-primary-outlined-outline: var(--br-primary-700, #432ae7);
  --tk-control-primary-subtle-content: var(--br-primary-700, #432ae7);
  --tk-control-primary-subtle-fill: var(--br-primary-0, #f2f2ff);
  --tk-control-primary-subtle-outline: var(--br-primary-300, #b2b0fd);
  --tk-control-secondary-filled-content: var(--ui-other-white, #ffffff);
  --tk-control-secondary-filled-fill: var(--br-secondary-700, #138270);
  --tk-control-secondary-ghost-content: var(--br-secondary-700, #138270);
  --tk-control-secondary-outlined-content: var(--br-secondary-700, #138270);
  --tk-control-secondary-outlined-outline: var(--br-secondary-700, #138270);
  --tk-control-secondary-subtle-content: var(--br-secondary-800, #11675b);
  --tk-control-secondary-subtle-fill: var(--br-secondary-200, #93fee4);
  --tk-control-secondary-subtle-outline: var(--br-secondary-500, #1ebd9e);
  --tk-control-success-filled-content: var(--ui-other-black, #000000);
  --tk-control-success-filled-fill: var(--ui-success-400, #00dc82);
  --tk-control-success-ghost-content: var(--ui-success-700, #007f45);
  --tk-control-success-outlined-content: var(--ui-success-700, #007f45);
  --tk-control-success-outlined-outline: var(--ui-success-700, #007f45);
  --tk-control-success-subtle-content: var(--ui-success-700, #007f45);
  --tk-control-success-subtle-fill: var(--ui-success-100, #cffae2);
  --tk-control-success-subtle-outline: var(--ui-success-400, #00dc82);
  --tk-control-tertiary-filled-content: var(--ui-other-black, #000000);
  --tk-control-tertiary-filled-fill: var(--br-tertiary-500, #c1d92e);
  --tk-control-tertiary-ghost-content: var(--br-tertiary-800, #5a6816);
  --tk-control-tertiary-outlined-content: var(--br-tertiary-800, #5a6816);
  --tk-control-tertiary-outlined-outline: var(--br-tertiary-800, #5a6816);
  --tk-control-tertiary-subtle-content: var(--br-tertiary-800, #5a6816);
  --tk-control-tertiary-subtle-fill: var(--br-tertiary-0, #ffffe6);
  --tk-control-tertiary-subtle-outline: var(--br-tertiary-500, #c1d92e);
  --tk-control-warning-filled-content: var(--ui-other-black, #000000);
  --tk-control-warning-filled-fill: var(--ui-warning-400, #ff931f);
  --tk-control-warning-ghost-content: var(--ui-warning-700, #b55400);
  --tk-control-warning-outlined-content: var(--ui-warning-700, #b55400);
  --tk-control-warning-outlined-outline: var(--ui-warning-500, #f57a00);
  --tk-control-warning-subtle-content: var(--ui-warning-700, #b55400);
  --tk-control-warning-subtle-fill: var(--ui-warning-100, #ffecd4);
  --tk-control-warning-subtle-outline: var(--ui-warning-300, #ffb96a);
  --tk-danger-accent: var(--ui-danger-0, #fef2f2);
  --tk-danger-base: var(--ui-danger-700, #c10007);
  --tk-danger-muted: var(--ui-danger-300, #ffa2a2);
  --tk-danger-strong: var(--ui-danger-900, #82181a);
  --tk-danger-subtle: var(--ui-danger-100, #ffe2e2);
  --tk-danger-toned: var(--ui-danger-500, #fb2c36);
  --tk-info-accent: var(--tk-primary-accent, #f2f2ff);
  --tk-info-base: var(--tk-primary-base, #6147fb);
  --tk-info-muted: var(--tk-primary-muted, #b2b0fd);
  --tk-info-strong: var(--tk-primary-strong, #3822c2);
  --tk-info-subtle: var(--tk-primary-subtle, #e8e8fe);
  --tk-info-toned: var(--tk-primary-toned, #8b84fc);
  --tk-ink-contrast-muted: var(--br-neutral-700, #757172);
  --tk-ink-contrast-primary: var(--br-neutral-100, #f5f5f2);
  --tk-ink-contrast-secondary: var(--br-neutral-500, #b3b1b2);
  --tk-ink-contrast-toned: var(--br-neutral-600, #949091);
  --tk-ink-main-muted: var(--br-neutral-600, #949091);
  --tk-ink-main-primary: var(--br-neutral-1000, #262223);
  --tk-ink-main-secondary: var(--br-neutral-800, #545051);
  --tk-ink-main-toned: var(--br-neutral-700, #757172);
  --tk-ink-other-accent: var(--tk-primary-base, #6147fb);
  --tk-ink-other-danger: var(--ui-danger-700, #c10007);
  --tk-ink-other-info: var(--ui-info-700, #432ae7);
  --tk-ink-other-link: var(--tk-primary-base, #6147fb);
  --tk-ink-other-success: var(--ui-success-700, #007f45);
  --tk-ink-other-warning: var(--ui-warning-700, #b55400);
  --tk-other-graph-10: var(--br-tertiary-300-opacity-10, #f1ff661a);
  --tk-other-graph-100: var(--br-tertiary-300, #f1ff66);
  --tk-other-graph-20: var(--br-tertiary-300-opacity-20, #f1ff6633);
  --tk-other-graph-30: var(--br-tertiary-300-opacity-30, #f1ff664d);
  --tk-other-graph-40: var(--br-tertiary-300-opacity-40, #f1ff6666);
  --tk-other-graph-50: var(--br-tertiary-300-opacity-50, #f1ff6680);
  --tk-other-graph-60: var(--br-tertiary-300-opacity-60, #f1ff6699);
  --tk-other-graph-70: var(--br-tertiary-300-opacity-70, #f1ff66b2);
  --tk-other-graph-80: var(--br-tertiary-300-opacity-80, #f1ff66cc);
  --tk-other-graph-90: var(--br-tertiary-300-opacity-90, #f1ff66e5);
  --tk-other-logo-dark: var(--br-neutral-1000, #262223);
  --tk-other-logo-light: var(--br-neutral-0, #fffcf3);
  --tk-other-logo-theme: var(--br-neutral-1000, #262223);
  --tk-primary-accent: var(--br-primary-0, #f2f2ff);
  --tk-primary-base: var(--br-primary-600, #6147fb);
  --tk-primary-muted: var(--br-primary-300, #b2b0fd);
  --tk-primary-strong: var(--br-primary-800, #3822c2);
  --tk-primary-subtle: var(--br-primary-100, #e8e8fe);
  --tk-primary-toned: var(--br-primary-400, #8b84fc);
  --tk-secondary-accent: var(--br-secondary-0, #effffa);
  --tk-secondary-base: var(--br-secondary-700, #138270);
  --tk-secondary-muted: var(--br-secondary-400, #30e6c1);
  --tk-secondary-strong: var(--br-secondary-900, #11554c);
  --tk-secondary-subtle: var(--br-secondary-200, #93fee4);
  --tk-secondary-toned: var(--br-secondary-500, #1ebd9e);
  --tk-success-accent: var(--ui-success-0, #effdf5);
  --tk-success-base: var(--ui-success-600, #009951);
  --tk-success-muted: var(--ui-success-300, #75edae);
  --tk-success-strong: var(--ui-success-900, #0a5331);
  --tk-success-subtle: var(--ui-success-100, #cffae2);
  --tk-success-toned: var(--ui-success-500, #00c16a);
  --tk-surface-accent: var(--br-neutral-0, #fffcf3);
  --tk-surface-base: var(--br-neutral-100, #f5f5f2);
  --tk-surface-elevated: var(--ui-other-white, #ffffff);
  --tk-surface-highlight-1: var(--br-tertiary-100, #fcfeca);
  --tk-surface-highlight-2: var(--br-tertiary-200, #f7fe9b);
  --tk-surface-muted: var(--br-neutral-400, #c7c7c7);
  --tk-surface-overlay-1: var(--br-neutral-1000-opacity-20, #26222333);
  --tk-surface-overlay-2: var(--br-neutral-1000-opacity-45, #26222373);
  --tk-surface-strong: var(--br-neutral-1000, #262223);
  --tk-surface-toned: var(--br-neutral-200, #e3e2dd);
  --tk-tertiary-accent: var(--br-tertiary-0, #ffffe6);
  --tk-tertiary-base: var(--br-tertiary-600, #97af21);
  --tk-tertiary-muted: var(--br-tertiary-400, #dff341);
  --tk-tertiary-strong: var(--br-tertiary-800, #5a6816);
  --tk-tertiary-subtle: var(--br-tertiary-200, #f7fe9b);
  --tk-tertiary-toned: var(--br-tertiary-500, #c1d92e);
  --tk-warning-accent: var(--ui-warning-0, #fff7ed);
  --tk-warning-base: var(--ui-warning-600, #cc6300);
  --tk-warning-muted: var(--ui-warning-300, #ffb96a);
  --tk-warning-strong: var(--ui-warning-900, #73380b);
  --tk-warning-subtle: var(--ui-warning-100, #ffecd4);
  --tk-warning-toned: var(--ui-warning-500, #f57a00);
}

/* Colors / UI */
:root {
  /* Mode 1 */
  /* color */
  --ui-danger-0: #fef2f2;
  --ui-danger-100: #ffe2e2;
  --ui-danger-1000: #460809;
  --ui-danger-200: #ffc9c9;
  --ui-danger-300: #ffa2a2;
  --ui-danger-400: #ff6467;
  --ui-danger-500: #fb2c36;
  --ui-danger-600: #e7000b;
  --ui-danger-700: #c10007;
  --ui-danger-800: #9f0712;
  --ui-danger-900: #82181a;
  --ui-info-0: var(--br-primary-0, #f2f2ff);
  --ui-info-100: var(--br-primary-100, #e8e8fe);
  --ui-info-1000: var(--br-primary-1000, #190f6c);
  --ui-info-200: var(--br-primary-200, #d2d3fe);
  --ui-info-300: var(--br-primary-300, #b2b0fd);
  --ui-info-400: var(--br-primary-400, #8b84fc);
  --ui-info-500: var(--br-primary-500, #6555fb);
  --ui-info-600: var(--br-primary-600, #6147fb);
  --ui-info-700: var(--br-primary-700, #432ae7);
  --ui-info-800: var(--br-primary-800, #3822c2);
  --ui-info-900: var(--br-primary-900, #2f1c9e);
  --ui-other-black: #000000;
  --ui-other-white: #ffffff;
  --ui-other-white-opacity-15: #ffffff26;
  --ui-other-white-opacity-20: #ffffff33;
  --ui-other-white-opacity-45: #ffffff73;
  --ui-success-0: #effdf5;
  --ui-success-100: #cffae2;
  --ui-success-1000: #052e16;
  --ui-success-200: #b3f5d1;
  --ui-success-300: #75edae;
  --ui-success-400: #00dc82;
  --ui-success-500: #00c16a;
  --ui-success-600: #009951;
  --ui-success-700: #007f45;
  --ui-success-800: #016538;
  --ui-success-900: #0a5331;
  --ui-warning-0: #fff7ed;
  --ui-warning-100: #ffecd4;
  --ui-warning-1000: #442006;
  --ui-warning-200: #ffd8a8;
  --ui-warning-300: #ffb96a;
  --ui-warning-400: #ff931f;
  --ui-warning-500: #f57a00;
  --ui-warning-600: #cc6300;
  --ui-warning-700: #b55400;
  --ui-warning-800: #9e4700;
  --ui-warning-900: #73380b;
}

/* Fonts */
:root {
  --font-main: Host Grotesk, sans-serif;
  --tg-scale-2xs: 1.2rem;
  --tg-scale-xs: 1.4rem;
  --tg-scale-s: 1.6rem;
  --tg-scale-m: 1.8rem;
  --tg-scale-l: 2rem;
  --tg-scale-xl: 2.4rem;
  --tg-scale-2xl: 3.2rem;
  --tg-scale-3xl: 4.2rem;
  --tg-scale-4xl: 5.6rem;
  --tg-scale-5xl: 7.6rem;
  --tg-scale-6xl: 10rem;
  --tg-scale-7xl: 13.2rem;
  --tg-scale-8xl: 17.6rem;
  --tg-scale-9xl: 23.4rem;
  --tg-styles-avatar-ls: 0.048rem;
  --tg-styles-avatar-size: var(--tg-scale-2xs, 1.2rem);
  --tg-styles-avatar-lh: 1.6rem;
  --tg-styles-avatar-ps: var(--tg-styles-avatar-lh, 1.6rem);
  --tg-styles-avatar-w: 500;
  --tg-styles-badge-m-ps: 0rem;
  --tg-styles-badge-m-ls: 0.064rem;
  --tg-styles-badge-m-size: var(--tg-scale-m, 1.8rem);
  --tg-styles-badge-m-lh: 2.8rem;
  --tg-styles-badge-m-w: 700;
  --tg-styles-badge-s-ps: 0rem;
  --tg-styles-badge-s-ls: 0.048rem;
  --tg-styles-badge-s-size: var(--tg-scale-xs, 1.4rem);
  --tg-styles-badge-s-lh: 2.4rem;
  --tg-styles-badge-s-w: 700;
  --tg-styles-body-l-ls: 0.04rem;
  --tg-styles-body-l-size: var(--tg-scale-l, 2rem);
  --tg-styles-body-l-lh: 3rem;
  --tg-styles-body-l-ps: var(--tg-styles-body-l-lh, 3rem);
  --tg-styles-body-l-w: 400;
  --tg-styles-body-m-ls: 0.036rem;
  --tg-styles-body-m-size: var(--tg-scale-m, 1.8rem);
  --tg-styles-body-m-lh: 2.8rem;
  --tg-styles-body-m-ps: var(--tg-styles-body-m-lh, 2.8rem);
  --tg-styles-body-m-w: 400;
  --tg-styles-body-s-ls: 0.032rem;
  --tg-styles-body-s-size: var(--tg-scale-s, 1.6rem);
  --tg-styles-body-s-lh: 2.4rem;
  --tg-styles-body-s-ps: var(--tg-styles-body-s-lh, 2.4rem);
  --tg-styles-body-s-w: 400;
  --tg-styles-body-xl-ls: 0.048rem;
  --tg-styles-body-xl-size: var(--tg-scale-xl, 2.4rem);
  --tg-styles-body-xl-lh: 3.6rem;
  --tg-styles-body-xl-ps: var(--tg-styles-body-xl-lh, 3.6rem);
  --tg-styles-body-xl-w: 400;
  --tg-styles-body-xs-ls: 0.028rem;
  --tg-styles-body-xs-size: var(--tg-scale-xs, 1.4rem);
  --tg-styles-body-xs-lh: 2.2rem;
  --tg-styles-body-xs-ps: var(--tg-styles-body-xs-lh, 2.2rem);
  --tg-styles-body-xs-w: 400;
  --tg-styles-button-m-ps: 0rem;
  --tg-styles-button-m-ls: 0.036rem;
  --tg-styles-button-m-size: var(--tg-scale-m, 1.8rem);
  --tg-styles-button-m-lh: 2.4rem;
  --tg-styles-button-m-w: 500;
  --tg-styles-button-s-ps: 0rem;
  --tg-styles-button-s-ls: 0.032rem;
  --tg-styles-button-s-size: var(--tg-scale-s, 1.6rem);
  --tg-styles-button-s-lh: 2.4rem;
  --tg-styles-button-s-w: 500;
  --tg-styles-button-xs-ps: 0rem;
  --tg-styles-button-xs-ls: 0.028rem;
  --tg-styles-button-xs-size: var(--tg-scale-xs, 1.4rem);
  --tg-styles-button-xs-lh: 2.4rem;
  --tg-styles-button-xs-w: 500;
  --tg-styles-heading-h1-ls: -0.2rem;
  --tg-styles-heading-h1-lh: 10rem;
  --tg-styles-heading-h1-ps: var(--tg-styles-heading-h1-lh, 10rem);
  --tg-styles-heading-h1-size: var(--tg-scale-6xl, 10rem);
  --tg-styles-heading-h1-w: 500;
  --tg-styles-heading-h2-ls: -0.152rem;
  --tg-styles-heading-h2-size: var(--tg-scale-5xl, 7.6rem);
  --tg-styles-heading-h2-lh: 8rem;
  --tg-styles-heading-h2-ps: var(--tg-styles-heading-h2-lh, 8rem);
  --tg-styles-heading-h2-w: 500;
  --tg-styles-heading-h3-ls: -0.056rem;
  --tg-styles-heading-h3-size: var(--tg-scale-4xl, 5.6rem);
  --tg-styles-heading-h3-lh: 6rem;
  --tg-styles-heading-h3-ps: var(--tg-styles-heading-h3-lh, 6rem);
  --tg-styles-heading-h3-w: 500;
  --tg-styles-heading-h4-ls: -0.042rem;
  --tg-styles-heading-h4-size: var(--tg-scale-3xl, 4.2rem);
  --tg-styles-heading-h4-lh: 4.8rem;
  --tg-styles-heading-h4-ps: var(--tg-styles-heading-h4-lh, 4.8rem);
  --tg-styles-heading-h4-w: 500;
  --tg-styles-heading-h5-ls: -0.032rem;
  --tg-styles-heading-h5-size: var(--tg-scale-2xl, 3.2rem);
  --tg-styles-heading-h5-lh: 3.6rem;
  --tg-styles-heading-h5-ps: var(--tg-styles-heading-h5-lh, 3.6rem);
  --tg-styles-heading-h5-w: 500;
  --tg-styles-heading-h6-ls: 0rem;
  --tg-styles-heading-h6-size: var(--tg-scale-xl, 2.4rem);
  --tg-styles-heading-h6-lh: 3.2rem;
  --tg-styles-heading-h6-ps: var(--tg-styles-heading-h6-lh, 3.2rem);
  --tg-styles-heading-h6-w: 600;
  --tg-styles-heading-h7-ls: 0.02rem;
  --tg-styles-heading-h7-size: var(--tg-scale-l, 2rem);
  --tg-styles-heading-h7-lh: 2.4rem;
  --tg-styles-heading-h7-ps: var(--tg-styles-heading-h7-lh, 2.4rem);
  --tg-styles-heading-h7-w: 600;
  --tg-styles-heading-h8-ls: 0.036rem;
  --tg-styles-heading-h8-size: var(--tg-scale-m, 1.8rem);
  --tg-styles-heading-h8-lh: 2.2rem;
  --tg-styles-heading-h8-ps: var(--tg-styles-heading-h8-lh, 2.2rem);
  --tg-styles-heading-h8-w: 600;
  --tg-styles-key-ps: 0rem;
  --tg-styles-key-ls: 0.038rem;
  --tg-styles-key-lh: var(--tg-styles-key-size, 1.8rem);
  --tg-styles-key-size: var(--tg-scale-m, 1.8rem);
  --tg-styles-key-w: 400;
  --tg-styles-navlink-ls: 0rem;
  --tg-styles-navlink-ps: 0rem;
  --tg-styles-navlink-size: var(--tg-scale-s, 1.6rem);
  --tg-styles-navlink-lh: 2.4rem;
  --tg-styles-navlink-w: 400;
  --tg-styles-overline-ls: 0.212rem;
  --tg-styles-overline-size: var(--tg-scale-xs, 1.4rem);
  --tg-styles-overline-lh: 2.4rem;
  --tg-styles-overline-ps: var(--tg-styles-overline-lh, 2.4rem);
  --tg-styles-overline-w: 500;
}

/* Numbers / Tokens */
:root {
  --nb-atom-badge-2xs-sides: 0.8rem;
  --nb-atom-badge-3xs-sides: 0.7rem;
  --nb-atom-button-l-badge-mask-margin: -0.4rem;
  --nb-atom-button-l-icon-mask-margin: -0.4rem;
  --nb-atom-button-l-gap: 1rem;
  --nb-atom-button-l-sides-ghost: 1.6rem;
  --nb-atom-button-l-icon-size: 2.4rem;
  --nb-atom-button-l-sides: 2.8rem;
  --nb-atom-button-m-badge-mask-margin: -0.4rem;
  --nb-atom-button-m-icon-mask-margin: -0.2rem;
  --nb-atom-button-m-gap: 0.8rem;
  --nb-atom-button-m-sides-ghost: 1.2rem;
  --nb-atom-button-m-icon-size: 2rem;
  --nb-atom-button-m-sides: 2rem;
  --nb-atom-button-s-badge-mask-margin: -0.4rem;
  --nb-atom-button-s-icon-mask-margin: -0.2rem;
  --nb-atom-button-s-gap: 0.8rem;
  --nb-atom-button-s-sides-ghost: 0.8rem;
  --nb-atom-button-s-sides: 1.6rem;
  --nb-atom-button-s-icon-size: 1.8rem;
  --nb-atom-chip-2xs-avatar-mask-margin: -0.7rem;
  --nb-atom-chip-2xs-icon-mask-margin: -0.2rem;
  --nb-atom-chip-2xs-gap: 0.6rem;
  --nb-atom-chip-2xs-sides: 1rem;
  --nb-atom-chip-2xs-icon-size: 1.8rem;
  --nb-atom-chip-xs-avatar-mask-margin: -0.8rem;
  --nb-atom-chip-xs-icon-mask-margin: -0.2rem;
  --nb-atom-chip-xs-gap: 0.6rem;
  --nb-atom-chip-xs-sides: 1.2rem;
  --nb-atom-chip-xs-icon-size: 1.8rem;
  --nb-atom-icon-stroke: 0.15rem;
  --nb-atom-icon-button-l-icon-size: 2.8rem;
  --nb-atom-icon-button-m-icon-size: 2.4rem;
  --nb-atom-icon-button-s-icon-size: 2rem;
  --nb-atom-input-l-icon-mask-margin: -0.4rem;
  --nb-atom-input-l-gap: 1.2rem;
  --nb-atom-input-l-sides: 2rem;
  --nb-atom-input-l-icon-size: 2.4rem;
  --nb-atom-input-xl-icon-mask-margin: -0.4rem;
  --nb-atom-input-xl-gap: 1.6rem;
  --nb-atom-input-xl-sides: 2rem;
  --nb-atom-input-xl-icon-size: 2.4rem;
  --nb-common-control-size-3xs: 2.4rem;
  --nb-common-control-size-2xs: 2.8rem;
  --nb-common-control-size-xs: 3.2rem;
  --nb-common-control-size-s: 3.6rem;
  --nb-common-control-size-m: 4.4rem;
  --nb-common-control-size-l: 5.2rem;
  --nb-common-control-size-xl: 5.6rem;
  --nb-common-grid-gap: 2.4rem;
  --nb-common-radius-layout: 0rem;
  --nb-common-radius-control-sharp: 0.2rem;
  --nb-common-radius-control-soft: 0.8rem;
  --nb-common-radius-control-pill: 100rem;
  --nb-common-stroke-s: 0.1rem;
  --nb-common-stroke-m: 0.15rem;
  --nb-molecule-buttons-row-gap-s: 0.8rem;
  --nb-molecule-buttons-row-gap-m: 1.2rem;
  --nb-molecule-buttons-row-gap-l: 1.6rem;
  --input-width: 39.7rem;
  --input-icon-space: 1.6rem;
  --input-content-space: 5.2rem;
  --input-label-padding: 0.8rem ;
}

:root {
  --only-desktop: 1;
  --is-container: 1;
  --container-w: $container-w;
  --container-w1: $container-w1;
  --container-w2: $container-w2;
  --container-org-w: $container-org-w;
  --boundary-container-max-width2: $boundary-container-max-width2;
  --tablet-org-w: $tablet-org-w;
  --mobile-org-w: $mobile-org-w;
  --container-padd: 2.4rem;
  --container-padd-in: 0;
  --def-trans-time: 0.3s;
  --def-trans-prop: all;
  --def-trans-delay: 0s;
  --def-trans-type: ease-out;
  --grid-gap: 3.2rem;
  --anim-time: 0.3s;
  --gap-1: 0.2rem;
  --gap-2: 0.4rem;
  --gap-3: 0.6rem;
  --gap-4: 0.8rem;
  --gap-5: 1.2rem;
  --gap-6: 1.4rem;
  --gap-7: 1.8rem;
  --gap-8: 2.2rem;
  --gap-9: 2.4rem;
  --gap-10: 3.2rem;
  --gap-11: 4.8rem;
  --gap-12: 1.6rem;
  --gap-13: 4rem;
  --nav-width: 28.8rem;
  --nav-padding-sides: 1.6rem;
  --breadcrumbs-height: 8rem;
  --nav-menuLink-gap: 0.8rem;
  --nav-footer-height: 15.3rem;
  --main-content-side-left: 4.8rem;
  --main-content-side-right: 2.4rem;
  --main-content-side-bottom: 2.4rem;
  --main-content-side-top: 2.4rem;
  --table-padding-top-bottom: 1rem;
  --table-padding-top-bottom-header: 1.4rem;
  --table-padding-sides: 1.2rem;
  --form-width-1: 82.4rem;
}

@font-face {
  font-family: "Host Grotesk";
  src: url("/assets/Host_Grotesk/static/HostGrotesk-Regular-75907cd3.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Host Grotesk";
  src: url("/assets/Host_Grotesk/static/HostGrotesk-Medium-93063708.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Host Grotesk";
  src: url("/assets/Host_Grotesk/static/HostGrotesk-SemiBold-61c44430.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Host Grotesk";
  src: url("/assets/Host_Grotesk/static/HostGrotesk-Bold-38cad68f.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Host Grotesk";
  src: url("/assets/Host_Grotesk/static/HostGrotesk-ExtraBold-95217622.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}
.custom-dd-html .custom-dd-body h1, .custom-dd-html .custom-dd-body h2, .custom-dd-html .custom-dd-body h3, .custom-dd-html .custom-dd-body h4, .custom-dd-html .custom-dd-body h5, .custom-dd-html .custom-dd-body h6 {
  color: inherit;
}

.custom-dd-html .custom-dd-body .h8-text, .custom-dd-html .custom-dd-body .h7-text, .custom-dd-html .custom-dd-body .h6-text, .custom-dd-html .custom-dd-body h6, .custom-dd-html .custom-dd-body .h5-text, .custom-dd-html .custom-dd-body h5, .custom-dd-html .custom-dd-body .h4-text, .custom-dd-html .custom-dd-body h4, .custom-dd-html .custom-dd-body .h3-text, .custom-dd-html .custom-dd-body h3, .custom-dd-html .custom-dd-body .h2-text, .custom-dd-html .custom-dd-body h2, .custom-dd-html .custom-dd-body .h1-text, .custom-dd-html .custom-dd-body h1 {
  color: var(--tk-ink-main-primary, #262223);
  font-style: normal;
}

.custom-dd-html .custom-dd-body .h1-text, .custom-dd-html .custom-dd-body h1 {
  font-size: var(--tg-styles-heading-h1-size, 10rem);
  font-weight: var(--tg-styles-heading-h1-w, 500);
  line-height: 1em; /* 100% */
  letter-spacing: -0.02em;
}

.custom-dd-html .custom-dd-body .h2-text, .custom-dd-html .custom-dd-body h2 {
  font-size: var(--tg-styles-heading-h2-size, 7.6rem);
  font-weight: var(--tg-styles-heading-h2-w, 500);
  line-height: 1.05em; /* 105.263% */
  letter-spacing: -0.02em;
}

.custom-dd-html .custom-dd-body .h3-text, .custom-dd-html .custom-dd-body h3 {
  font-size: var(--tg-styles-heading-h3-size, 5.6rem);
  font-weight: var(--tg-styles-heading-h3-w, 500);
  line-height: 1.07em; /* 107.143% */
  letter-spacing: -0.01em;
}

.custom-dd-html .custom-dd-body .h4-text, .custom-dd-html .custom-dd-body h4 {
  font-size: var(--tg-styles-heading-h4-size, 4.2rem);
  font-weight: var(--tg-styles-heading-h4-w, 500);
  line-height: 1.14em; /* 114.286% */
  letter-spacing: -0.01em;
}

.custom-dd-html .custom-dd-body .h5-text, .custom-dd-html .custom-dd-body h5 {
  font-size: var(--tg-styles-heading-h5-size, 3.2rem);
  font-weight: var(--tg-styles-heading-h5-w, 500);
  line-height: 1.12em; /* 112.5% */
  letter-spacing: -0.01em;
}

.custom-dd-html .custom-dd-body .h6-text, .custom-dd-html .custom-dd-body h6 {
  font-size: var(--tg-styles-heading-h6-size, 2.4rem);
  font-weight: var(--tg-styles-heading-h6-w, 600);
  line-height: 1.33em; /* 133.333% */
  letter-spacing: 0em;
}

.custom-dd-html .custom-dd-body .h7-text {
  font-size: var(--tg-styles-heading-h7-size, 2rem);
  font-weight: var(--tg-styles-heading-h7-w, 600);
  line-height: 1.2em; /* 120% */
  letter-spacing: 0.01em;
}

.custom-dd-html .custom-dd-body .h8-text {
  font-size: var(--tg-styles-heading-h8-size, 1.8rem);
  font-weight: var(--tg-styles-heading-h8-w, 600);
  line-height: 1.22em; /* 122.222% */
  letter-spacing: 0.02em;
}

.custom-dd-body .fav-container .includes .filters-container .filters-wrap .open-close-link, .custom-dd-body .fav-container .includes .filters-container .filters-content .single-filter, .custom-dd-body label,
.custom-dd-body .label, .custom-dd-body .input-field.search-input .err-container,
.custom-dd-body .field-unit.search-input .err-container, .custom-dd-body .input-field.search-input .support-container,
.custom-dd-body .field-unit.search-input .support-container, .custom-dd-body .field-unit__field[data-controller=collapsible-locales] > div label, .custom-dd-html .custom-dd-body .body-xs-text, .custom-dd-body .global-search-component .content-part .result-container .results-in .result-group, .custom-dd-body .single-body .custom-section-card .h7-text span:not(.translation_missing), .custom-dd-body .flash-error, .custom-dd-body .custom-pagination, .custom-dd-body table, .custom-dd-body .main-content__header .search .input-container input.search__input,
.custom-dd-body .search-form-container .search .input-container input.search__input, .custom-dd-html .custom-dd-body .body-s-text, .custom-dd-body label.checkbox-label,
.custom-dd-body .label.checkbox-label, .custom-dd-html .custom-dd-body .body-m-text, .custom-dd-html .custom-dd-body .body-l-text, .custom-dd-html .custom-dd-body .body-xl-text {
  color: var(--tk-ink-main-primary, #262223);
  font-style: normal;
  font-weight: var(--tg-styles-body-xl-w, 400);
}
.custom-dd-body .fav-container .includes .filters-container .filters-wrap .open-close-link strong, .custom-dd-body .fav-container .includes .filters-container .filters-content .single-filter strong, .custom-dd-body label strong,
.custom-dd-body .label strong, .custom-dd-body .input-field.search-input .err-container strong,
.custom-dd-body .field-unit.search-input .err-container strong, .custom-dd-body .input-field.search-input .support-container strong,
.custom-dd-body .field-unit.search-input .support-container strong, .custom-dd-body .field-unit__field[data-controller=collapsible-locales] > div label strong, .custom-dd-html .custom-dd-body .body-xs-text strong, .custom-dd-body .global-search-component .content-part .result-container .results-in .result-group strong, .custom-dd-body .single-body .custom-section-card .h7-text span:not(.translation_missing) strong, .custom-dd-body .flash-error strong, .custom-dd-body .custom-pagination strong, .custom-dd-body table strong, .custom-dd-body .main-content__header .search .input-container input.search__input strong,
.custom-dd-body .search-form-container .search .input-container input.search__input strong, .custom-dd-html .custom-dd-body .body-s-text strong, .custom-dd-body label.checkbox-label strong, .custom-dd-html .custom-dd-body .body-m-text strong, .custom-dd-html .custom-dd-body .body-l-text strong, .custom-dd-html .custom-dd-body .body-xl-text strong {
  font-weight: 700;
}
.custom-dd-body .fav-container .includes .filters-container .filters-wrap .open-close-link a:not(.button), .custom-dd-body .fav-container .includes .filters-container .filters-content .single-filter a:not(.button), .custom-dd-body label a:not(.button),
.custom-dd-body .label a:not(.button), .custom-dd-body .input-field.search-input .err-container a:not(.button),
.custom-dd-body .field-unit.search-input .err-container a:not(.button), .custom-dd-body .input-field.search-input .support-container a:not(.button),
.custom-dd-body .field-unit.search-input .support-container a:not(.button), .custom-dd-body .field-unit__field[data-controller=collapsible-locales] > div label a:not(.button), .custom-dd-html .custom-dd-body .body-xs-text a:not(.button), .custom-dd-body .global-search-component .content-part .result-container .results-in .result-group a:not(.button), .custom-dd-body .single-body .custom-section-card .h7-text span:not(.translation_missing) a:not(.button), .custom-dd-body .flash-error a:not(.button), .custom-dd-body .custom-pagination a:not(.button), .custom-dd-body table a:not(.button), .custom-dd-body .main-content__header .search .input-container input.search__input a:not(.button),
.custom-dd-body .search-form-container .search .input-container input.search__input a:not(.button), .custom-dd-html .custom-dd-body .body-s-text a:not(.button), .custom-dd-html .custom-dd-body .body-m-text a:not(.button), .custom-dd-html .custom-dd-body .body-l-text a:not(.button), .custom-dd-html .custom-dd-body .body-xl-text a:not(.button) {
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  color: var(--br-primary-1000);
  text-decoration: underline;
  line-break: auto;
  word-break: break-word;
}
@media (min-width: 1025px) {
  .custom-dd-body .fav-container .includes .filters-container .filters-wrap .open-close-link a:not(.button):hover, .custom-dd-body .fav-container .includes .filters-container .filters-content .single-filter a:not(.button):hover, .custom-dd-body label a:not(.button):hover,
  .custom-dd-body .label a:not(.button):hover, .custom-dd-body .input-field.search-input .err-container a:not(.button):hover,
  .custom-dd-body .field-unit.search-input .err-container a:not(.button):hover, .custom-dd-body .input-field.search-input .support-container a:not(.button):hover,
  .custom-dd-body .field-unit.search-input .support-container a:not(.button):hover, .custom-dd-html .custom-dd-body .body-xs-text a:not(.button):hover, .custom-dd-body .global-search-component .content-part .result-container .results-in .result-group a:not(.button):hover, .custom-dd-body .single-body .custom-section-card .h7-text span:not(.translation_missing) a:not(.button):hover, .custom-dd-body .flash-error a:not(.button):hover, .custom-dd-body .custom-pagination a:not(.button):hover, .custom-dd-body table a:not(.button):hover, .custom-dd-body .main-content__header .search .input-container input.search__input a:not(.button):hover,
  .custom-dd-body .search-form-container .search .input-container input.search__input a:not(.button):hover, .custom-dd-html .custom-dd-body .body-s-text a:not(.button):hover, .custom-dd-html .custom-dd-body .body-m-text a:not(.button):hover, .custom-dd-html .custom-dd-body .body-l-text a:not(.button):hover, .custom-dd-html .custom-dd-body .body-xl-text a:not(.button):hover {
    opacity: 0.7;
    color: var(--br-primary-500);
  }
}

.custom-dd-html .custom-dd-body .body-xl-text {
  font-size: var(--tg-styles-body-xl-size, 2.4rem);
  font-style: normal;
  font-weight: var(--tg-styles-body-xl-w, 400);
  line-height: var(--tg-styles-body-xl-lh, 3.6rem); /* 150% */
  letter-spacing: var(--tg-styles-body-xl-ls, 0.048rem);
}

.custom-dd-html .custom-dd-body .body-l-text {
  font-size: var(--tg-styles-body-l-size, 2rem);
  font-weight: var(--tg-styles-body-l-w, 400);
  line-height: var(--tg-styles-body-l-lh, 3rem); /* 150% */
  letter-spacing: var(--tg-styles-body-l-ls, 0.04rem);
}

.custom-dd-body label.checkbox-label,
.custom-dd-body .label.checkbox-label, .custom-dd-html .custom-dd-body .body-m-text {
  font-size: var(--tg-styles-body-m-size, 1.8rem);
  font-weight: var(--tg-styles-body-m-w, 400);
  line-height: var(--tg-styles-body-m-lh, 2.8rem); /* 155.556% */
  letter-spacing: var(--tg-styles-body-m-ls, 0.036rem);
}

.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group, .custom-dd-body .single-body .custom-section-card .h7-text span:not(.translation_missing), .custom-dd-body .flash-error, .custom-dd-body .custom-pagination, .custom-dd-body table, .custom-dd-body .main-content__header .search .input-container input.search__input,
.custom-dd-body .search-form-container .search .input-container input.search__input, .custom-dd-html .custom-dd-body .body-s-text {
  font-size: var(--tg-styles-body-s-size, 1.6rem);
  font-weight: var(--tg-styles-body-s-w, 400);
  line-height: var(--tg-styles-body-s-lh, 2.4rem); /* 150% */
  letter-spacing: var(--tg-styles-body-s-ls, 0.032rem);
}

.custom-dd-body .fav-container .includes .filters-container .filters-wrap .open-close-link, .custom-dd-body .fav-container .includes .filters-container .filters-content .single-filter, .custom-dd-body label,
.custom-dd-body .label, .custom-dd-body .input-field.search-input .err-container,
.custom-dd-body .field-unit.search-input .err-container, .custom-dd-body .input-field.search-input .support-container,
.custom-dd-body .field-unit.search-input .support-container, .custom-dd-body .field-unit__field[data-controller=collapsible-locales] > div label, .custom-dd-html .custom-dd-body .body-xs-text {
  font-size: var(--tg-styles-body-xs-size, 1.4rem);
  font-weight: var(--tg-styles-body-xs-w, 400);
  line-height: var(--tg-styles-body-xs-lh, 2.2rem); /* 157.143% */
  letter-spacing: var(--tg-styles-body-xs-ls, 0.028rem);
}

.custom-dd-html .custom-dd-body .menulink, .custom-dd-html .custom-dd-body .navlink {
  color: var(--tk-ink-main-primary, #262223);
  font-size: var(--tg-styles-body-xs-size, 1.4rem);
  font-style: normal;
  font-weight: var(--tg-styles-body-xs-w, 400);
  line-height: var(--tg-styles-body-xs-lh, 2.2rem); /* 157.143% */
  letter-spacing: var(--tg-styles-body-xs-ls, 0.028rem);
}

.custom-dd-body .global-search-open-button, .custom-dd-body nav.navigation .navigation-container .navigation-section a, .custom-dd-body nav.navigation .header-controls a,
.custom-dd-body nav.navigation .header-controls .nav-footer-link, .custom-dd-body nav.navigation .header-controls .user-profile-wrapper {
  color: var(--tk-ink-main-primary, #262223);
  font-size: var(--tg-styles-navlink-size, 1.6rem);
  font-style: normal;
  font-weight: var(--tg-styles-body-xs-w, 400);
  line-height: var(--tg-styles-navlink-lh, 2.4rem);
  letter-spacing: var(--tg-styles-navlink-ls, 0);
}

.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group .category, .custom-dd-html .custom-dd-body .overline-text {
  color: var(--tk-ink-main-primary, #262223);
  font-size: var(--tg-styles-overline-size, 1.4rem);
  font-style: normal;
  font-weight: 500;
  line-height: var(--tg-styles-overline-lh, 2.4rem); /* 171.429% */
  letter-spacing: var(--tg-styles-overline-ls, 0.212rem);
  text-transform: uppercase;
}

.custom-dd-html .custom-dd-body .button-base-text, .custom-dd-html .custom-dd-body .button-m-text, .custom-dd-html .custom-dd-body .button-xs-text, .custom-dd-html .custom-dd-body .button-s-text {
  color: var(--tk-ink-main-primary, #262223);
  font-size: var(--tg-styles-button-m-size, 1.8rem);
  font-style: normal;
  font-weight: var(--tg-styles-button-m-w, 500);
  line-height: var(--tg-styles-button-m-lh, 2.4rem); /* 133.333% */
  letter-spacing: var(--tg-styles-button-m-ls, 0.036rem);
}

.custom-dd-html .custom-dd-body .button-s-text {
  font-size: var(--tg-styles-button-s-size, 1.6rem);
  letter-spacing: var(--tg-styles-button-s-ls, 0.032rem);
}

.custom-dd-html .custom-dd-body .button-xs-text {
  font-size: var(--tg-styles-button-xs-size, 1.4rem);
  letter-spacing: var(--tg-styles-button-xs-ls, 0.028rem);
}

.custom-dd-body .context-button .btn-badge, .custom-dd-body .toggle-button .btn-badge, .custom-dd-html .custom-dd-body .badge-text {
  color: var(--tk-ink-main-primary, #262223);
  font-size: var(--tg-styles-badge-s-size, 1.4rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--tg-styles-badge-s-lh, 2.4rem); /* 171.429% */
  letter-spacing: var(--tg-styles-badge-s-ls, 0.048rem);
}

.custom-dd-html .custom-dd-body .avatar-text {
  color: var(--tk-ink-main-primary, #262223);
  font-size: var(--tg-styles-avatar-size, 1.2rem);
  font-style: normal;
  font-weight: var(--tg-styles-avatar-w, 500);
  line-height: var(--tg-styles-avatar-lh, 1.6rem); /* 133.333% */
  letter-spacing: var(--tg-styles-avatar-ls, 0.048rem);
}

.custom-dd-body .global-search-component .content-part .result-container .buttons-info .buttons-wrap-label, .custom-dd-html .custom-dd-body .keys-text {
  color: var(--tk-ink-main-primary, #262223);
  font-size: var(--tg-styles-key-size, 1.8rem);
  font-style: normal;
  font-weight: var(--tg-styles-body-l-w, 400);
  line-height: var(--tg-styles-key-lh, 1.8rem); /* 100% */
  letter-spacing: var(--tg-styles-key-ls, 0.038rem);
}

.custom-dd-html .custom-dd-body span[style*="text-decoration:"], .custom-dd-html .custom-dd-body span.underline-decoration {
  text-decoration: none !important;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.custom-dd-html .custom-dd-body span[style*="text-decoration:"]::after, .custom-dd-html .custom-dd-body span.underline-decoration::after {
  content: "";
  position: absolute;
  background: var(--br-tertiary-300);
  height: 0.5em;
  width: calc(100% + 0.3em);
  left: -0.15em;
  bottom: 0;
  z-index: -1;
}

html.custom-dd-html {
  font-size: 10px;
  background-color: var(--tk-surface-base);
  min-width: 1023px;
}
html.custom-dd-html * {
  scrollbar-color: var(--br-neutral-300) transparent;
  scrollbar-width: thin;
}
html.custom-dd-html ::-webkit-scrollbar {
  width: 1rem;
}
html.custom-dd-html ::-webkit-scrollbar-track {
  background: transparent;
}
html.custom-dd-html ::-webkit-scrollbar-thumb {
  background-color: var(--br-neutral-300);
  border-radius: 1rem;
  border: 0.2rem solid #f1f1f1;
}

body.custom-dd-body {
  margin: 0;
  background-color: var(--color-neutral-0);
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  color: var(--tk-ink-main-primary, #262223);
  font-family: var(--font-main);
  font-size: var(--tg-styles-body-s-size, 1.6rem);
  font-style: normal;
  font-weight: var(--tg-styles-body-s-w, 400);
  line-height: var(--tg-styles-body-s-lh, 2.4rem);
  /* 150% */
  letter-spacing: var(--tg-styles-body-s-ls, 0.032rem);
  padding-top: var(--main-content-side-top);
  padding-bottom: var(--main-content-side-bottom);
}
body.custom-dd-body .content-global {
  max-height: calc(100vh - (var(--main-content-side-bottom) + var(--main-content-side-top) + var(--breadcrumbs-height) + 1px));
  overflow-x: auto;
  scrollbar-gutter: stable;
  margin-right: -1.9rem;
  padding-right: 0.8rem;
  padding-bottom: var(--main-content-side-bottom);
}
@media (max-width: 1220px) {
  body.custom-dd-body .content-global {
    margin-right: -2.2rem;
  }
}

*,
.custom-dd-body * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: var(--font-main);
}

.custom-dd-body .container, body.custom-dd-body {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  max-width: var(--container-w);
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}
.custom-dd-body .no-padd-l-r.container, body.no-padd-l-r.custom-dd-body {
  padding-left: 0;
  padding-right: 0;
}
.custom-dd-body .no-max-width.container, body.no-max-width.custom-dd-body {
  max-width: none;
}

.custom-dd-body .container-in {
  padding-left: var(--container-padd-in);
  padding-right: var(--container-padd-in);
}

.custom-dd-body a {
  color: inherit;
  outline: none;
  cursor: pointer !important;
  text-decoration: none;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body a img {
  border: none;
}
.custom-dd-body h1,
.custom-dd-body h2,
.custom-dd-body h3,
.custom-dd-body h4,
.custom-dd-body h5,
.custom-dd-body h6,
.custom-dd-body p,
.custom-dd-body ul,
.custom-dd-body ol {
  margin: 0;
}
.custom-dd-body ol,
.custom-dd-body ul {
  padding: 1.1em 0 1.2em 1.3em;
}
.custom-dd-body svg,
.custom-dd-body img:not(.x2) {
  max-width: 100%;
  width: auto;
  height: auto;
}
.custom-dd-body .d-table {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.custom-dd-body .d-table > * {
  display: table-cell;
  vertical-align: middle;
}
.custom-dd-body .clr {
  clear: both !important;
  float: none !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}
.custom-dd-body main {
  display: block;
}
.custom-dd-body iframe {
  max-width: 100%;
}

.custom-dd-body hr {
  margin: 5.6rem 0 !important;
  display: block;
  height: 1px;
  width: 100%;
  padding: 0;
  border: none;
  border-top: 1px solid var(--color-surface);
}
@media (max-width: 599px) {
  .custom-dd-body hr {
    margin: 3rem 0 !important;
  }
}
.custom-dd-body main {
  position: relative;
  -webkit-transition: opacity 0.5s var(--def-trans-type) var(--def-trans-delay);
  transition: opacity 0.5s var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body .js .anim-block {
  -webkit-transition: var(--def-trans-prop) var(--anim-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--anim-time) var(--def-trans-type) var(--def-trans-delay);
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  opacity: 0;
}
.custom-dd-body .js .anim-block.active.step-1 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.custom-dd-body .js .anim-block.active.step-2 {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.custom-dd-body .js .anim-block.active.step-3 {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}
.custom-dd-body .js .anim-block.active.step-4 {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
.custom-dd-body .js .anim-block.active.step-5 {
  -webkit-transition-delay: 2.3s;
  transition-delay: 2.3s;
}
.custom-dd-body .js .anim-block.active.step-6 {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
.custom-dd-body .js .anim-block.active.step-7 {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
.custom-dd-body .js .anim-block.active.step-8 {
  -webkit-transition-delay: 3.8s;
  transition-delay: 3.8s;
}
.custom-dd-body .js .anim-block.active.step-9 {
  -webkit-transition-delay: 4.3s;
  transition-delay: 4.3s;
}
.custom-dd-body .js .anim-block.active.step-10 {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.custom-dd-body .js .anim-block-rev {
  -webkit-transform: translateX(10rem);
  transform: translateX(10rem);
}
.custom-dd-body .js .anim-block-top {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}
.custom-dd-body .js .anim-block-bottom {
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}
.custom-dd-body .js .anim-block-opac {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 0;
}
.custom-dd-body .js .anim-block-bright {
  transform: none;
  -webkit-transform: none;
  filter: brightness(0.3);
  -webkit-filter: brightness(0.3);
  opacity: 1;
}
.custom-dd-body .js .anim-block-bright.active {
  filter: brightness(1);
  -webkit-filter: brightness(1);
}
.custom-dd-body .js .anim-block.active {
  -webkit-transform: translateX(0px) translateY(0px) scale(1);
  transform: translateX(0px) translateY(0px) scale(1);
  opacity: 1;
}
.custom-dd-body .js .anim-block-scale > * {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: var(--def-trans-prop) var(--anim-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--anim-time) var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body .js .anim-block-scale.active > * {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.custom-dd-body .parallax-window {
  position: relative;
  overflow: hidden;
}
.custom-dd-body .parallax-window img {
  display: block;
  max-width: 100%;
  width: auto;
}
.custom-dd-body .parallax-window .parallax-window-in {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 110%;
  z-index: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body .parallax-window .parallax-window-in.no-anim {
  -webkit-transition: none;
  transition: none;
}
.custom-dd-body .parallax-window .parallax-window-in img,
.custom-dd-body .parallax-window .parallax-window-in svg,
.custom-dd-body .parallax-window .parallax-window-in video {
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
}
.custom-dd-body .line-break {
  display: block;
  width: 40px;
  height: 2px;
  background-color: var(--color-surface);
  margin: 1.1rem 0;
}
.custom-dd-body .button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.custom-dd-body .only-tablet {
  display: none;
}
@media (max-width: 1024px) {
  .custom-dd-body .only-tablet {
    display: block;
  }
}
.custom-dd-body .text {
  white-space: normal !important;
}

.opened-el {
  overflow: clip;
  opacity: 1;
}

.closed-el {
  max-height: 0;
  overflow: clip;
}
.closed-el .wrap-in {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.text-align-left {
  text-align: left !important;
}

.text-align-right {
  text-align: right !important;
}

.text-align-center {
  text-align: center !important;
}

.app-container {
  max-width: unset;
  padding: unset;
}
.app-container nav {
  flex: unset;
  padding: unset;
}
.app-container .main-content {
  flex: unset;
  min-width: unset;
  padding-bottom: 0;
  background-color: unset;
  box-shadow: none;
}

.custom-dd-body .app-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  min-height: unset;
}
.custom-dd-body .app-container .main-content {
  flex: 1;
  min-width: 0;
}
.custom-dd-body .search__eyeglass-icon {
  width: 25px;
}
.custom-dd-body td.cell-data--localized-string-field {
  text-align: center;
}
.custom-dd-body .overflow-1 {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}
.custom-dd-body button,
.custom-dd-body .button,
.custom-dd-body .btn,
.custom-dd-body .context-button,
.custom-dd-body .toggle-button,
.custom-dd-body textarea {
  outline: 1px solid transparent !important;
  outline-offset: 1px;
}
.custom-dd-body button:focus,
.custom-dd-body .button:focus,
.custom-dd-body .btn:focus,
.custom-dd-body .context-button:focus,
.custom-dd-body .toggle-button:focus,
.custom-dd-body textarea:focus {
  outline: 1px solid var(--tk-control-neutral-filled-fill) !important;
  outline-offset: 1px;
}

.custom-dd-body .grid-el, .custom-dd-body .grid-el-12 {
  display: grid;
  grid-column-gap: var(--grid_gap);
  grid-row-gap: var(--grid_gap);
  width: 100%;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}

.custom-dd-body .grid-el-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
@media (max-width: 767px) {
  .custom-dd-body .grid-el-12 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.custom-dd-body .no-padd-l-r {
  padding-left: 0;
  padding-right: 0;
}

.custom-dd-body .no-padd-l {
  padding-left: 0;
}

.custom-dd-body .no-padd-r {
  padding-right: 0;
}

@media (max-width: 1024px) {
  .custom-dd-body .no-padd-l-r-tab {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 599px) {
  .custom-dd-body .no-padd-l-r-mobs {
    padding-left: 0;
    padding-right: 0;
  }
}

.custom-dd-body .no-max-width {
  max-width: none;
}

.custom-dd-body .d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.custom-dd-body .flex-column {
  flex-direction: column !important;
}
.custom-dd-body .flex-row {
  flex-direction: row !important;
}
.custom-dd-body .flex-row-reverse {
  flex-direction: row-reverse !important;
}
.custom-dd-body .flex-column-reverse {
  flex-direction: column-reverse !important;
}
.custom-dd-body .flex-wrap {
  flex-wrap: wrap !important;
}
.custom-dd-body .flex-nowrap {
  flex-wrap: nowrap !important;
}
.custom-dd-body .flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.custom-dd-body .flex-fill {
  flex: 1 1 auto !important;
}
.custom-dd-body .flex-grow-0 {
  flex-grow: 0 !important;
}
.custom-dd-body .flex-grow-1 {
  flex-grow: 1 !important;
}
.custom-dd-body .flex-shrink-0 {
  flex-shrink: 0 !important;
}
.custom-dd-body .flex-shrink-1 {
  flex-shrink: 1 !important;
}
.custom-dd-body .justify-content-start {
  justify-content: flex-start !important;
}
.custom-dd-body .justify-content-end {
  justify-content: flex-end !important;
}
.custom-dd-body .justify-content-center {
  justify-content: center !important;
}
.custom-dd-body .justify-content-between {
  justify-content: space-between !important;
}
.custom-dd-body .justify-content-around {
  justify-content: space-around !important;
}
.custom-dd-body .justify-content-stretch {
  justify-content: stretch !important;
}
.custom-dd-body .align-items-start {
  align-items: flex-start !important;
}
.custom-dd-body .align-items-end {
  align-items: flex-end !important;
}
.custom-dd-body .align-items-center {
  align-items: center !important;
}
.custom-dd-body .align-items-baseline {
  align-items: baseline !important;
}
.custom-dd-body .align-items-stretch {
  align-items: stretch !important;
}
.custom-dd-body .align-content-start {
  align-content: flex-start !important;
}
.custom-dd-body .align-content-end {
  align-content: flex-end !important;
}
.custom-dd-body .align-content-center {
  align-content: center !important;
}
.custom-dd-body .align-content-between {
  align-content: space-between !important;
}
.custom-dd-body .align-content-around {
  align-content: space-around !important;
}
.custom-dd-body .align-content-stretch {
  align-content: stretch !important;
}
.custom-dd-body .align-self-auto {
  align-self: auto !important;
}
.custom-dd-body .align-self-start {
  align-self: flex-start !important;
}
.custom-dd-body .align-self-end {
  align-self: flex-end !important;
}
.custom-dd-body .align-self-center {
  align-self: center !important;
}
.custom-dd-body .align-self-baseline {
  align-self: baseline !important;
}
.custom-dd-body .align-self-stretch {
  align-self: stretch !important;
}
.custom-dd-body .w-100 {
  width: 100%;
}
.custom-dd-body .h-100 {
  height: 100%;
}
.custom-dd-body .common-gap {
  gap: var(--nb-common-grid-gap);
}
.custom-dd-body .grid-gap {
  gap: var(--grid-gap);
}
.custom-dd-body .mt-auto {
  margin-top: auto !important;
}
.custom-dd-body .mb-auto {
  margin-bottom: auto !important;
}
.custom-dd-body .mb-0 {
  margin-bottom: 0 !important;
}
.custom-dd-body .mt-0 {
  margin-top: 0 !important;
}
.custom-dd-body .ml-auto {
  margin-left: auto !important;
}
.custom-dd-body .mr-auto {
  margin-right: auto !important;
}
.custom-dd-body .ml-0 {
  margin-left: 0 !important;
}
.custom-dd-body .mr-0 {
  margin-right: 0 !important;
}
.custom-dd-body .mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.custom-dd-body .my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.custom-dd-body .pl-0 {
  padding-left: 0 !important;
}
.custom-dd-body .pr-0 {
  margin-right: 0 !important;
}
.custom-dd-body .pb-0 {
  padding-bottom: 0 !important;
}
.custom-dd-body .pt-0 {
  padding-top: 0 !important;
}
.custom-dd-body .p-0 {
  padding: 0 !important;
}
.custom-dd-body .gap-1 {
  gap: var(--gap-1);
}
.custom-dd-body .p-1 {
  padding: var(--gap-1);
}
.custom-dd-body .pt-1 {
  padding-top: var(--gap-1);
}
.custom-dd-body .pb-1 {
  padding-bottom: var(--gap-1);
}
.custom-dd-body .pl-1 {
  padding-left: var(--gap-1);
}
.custom-dd-body .pr-1 {
  padding-right: var(--gap-1);
}
.custom-dd-body .px-1 {
  padding-left: var(--gap-1);
  padding-right: var(--gap-1);
}
.custom-dd-body .py-1 {
  padding-top: var(--gap-1);
  padding-bottom: var(--gap-1);
}
.custom-dd-body .m-1 {
  margin: var(--gap-1);
}
.custom-dd-body .mt-1 {
  margin-top: var(--gap-1);
}
.custom-dd-body .mb-1 {
  margin-bottom: var(--gap-1);
}
.custom-dd-body .ml-1 {
  margin-left: var(--gap-1);
}
.custom-dd-body .mr-1 {
  margin-right: var(--gap-1);
}
.custom-dd-body .mx-1 {
  margin-left: var(--gap-1);
  margin-right: var(--gap-1);
}
.custom-dd-body .my-1 {
  margin-top: var(--gap-1);
  margin-bottom: var(--gap-1);
}
.custom-dd-body .gap-2 {
  gap: var(--gap-2);
}
.custom-dd-body .p-2 {
  padding: var(--gap-2);
}
.custom-dd-body .pt-2 {
  padding-top: var(--gap-2);
}
.custom-dd-body .pb-2 {
  padding-bottom: var(--gap-2);
}
.custom-dd-body .pl-2 {
  padding-left: var(--gap-2);
}
.custom-dd-body .pr-2 {
  padding-right: var(--gap-2);
}
.custom-dd-body .px-2 {
  padding-left: var(--gap-2);
  padding-right: var(--gap-2);
}
.custom-dd-body .py-2 {
  padding-top: var(--gap-2);
  padding-bottom: var(--gap-2);
}
.custom-dd-body .m-2 {
  margin: var(--gap-2);
}
.custom-dd-body .mt-2 {
  margin-top: var(--gap-2);
}
.custom-dd-body .mb-2 {
  margin-bottom: var(--gap-2);
}
.custom-dd-body .ml-2 {
  margin-left: var(--gap-2);
}
.custom-dd-body .mr-2 {
  margin-right: var(--gap-2);
}
.custom-dd-body .mx-2 {
  margin-left: var(--gap-2);
  margin-right: var(--gap-2);
}
.custom-dd-body .my-2 {
  margin-top: var(--gap-2);
  margin-bottom: var(--gap-2);
}
.custom-dd-body .gap-3 {
  gap: var(--gap-3);
}
.custom-dd-body .p-3 {
  padding: var(--gap-3);
}
.custom-dd-body .pt-3 {
  padding-top: var(--gap-3);
}
.custom-dd-body .pb-3 {
  padding-bottom: var(--gap-3);
}
.custom-dd-body .pl-3 {
  padding-left: var(--gap-3);
}
.custom-dd-body .pr-3 {
  padding-right: var(--gap-3);
}
.custom-dd-body .px-3 {
  padding-left: var(--gap-3);
  padding-right: var(--gap-3);
}
.custom-dd-body .py-3 {
  padding-top: var(--gap-3);
  padding-bottom: var(--gap-3);
}
.custom-dd-body .m-3 {
  margin: var(--gap-3);
}
.custom-dd-body .mt-3 {
  margin-top: var(--gap-3);
}
.custom-dd-body .mb-3 {
  margin-bottom: var(--gap-3);
}
.custom-dd-body .ml-3 {
  margin-left: var(--gap-3);
}
.custom-dd-body .mr-3 {
  margin-right: var(--gap-3);
}
.custom-dd-body .mx-3 {
  margin-left: var(--gap-3);
  margin-right: var(--gap-3);
}
.custom-dd-body .my-3 {
  margin-top: var(--gap-3);
  margin-bottom: var(--gap-3);
}
.custom-dd-body .gap-4 {
  gap: var(--gap-4);
}
.custom-dd-body .p-4 {
  padding: var(--gap-4);
}
.custom-dd-body .pt-4 {
  padding-top: var(--gap-4);
}
.custom-dd-body .pb-4 {
  padding-bottom: var(--gap-4);
}
.custom-dd-body .pl-4 {
  padding-left: var(--gap-4);
}
.custom-dd-body .pr-4 {
  padding-right: var(--gap-4);
}
.custom-dd-body .px-4 {
  padding-left: var(--gap-4);
  padding-right: var(--gap-4);
}
.custom-dd-body .py-4 {
  padding-top: var(--gap-4);
  padding-bottom: var(--gap-4);
}
.custom-dd-body .m-4 {
  margin: var(--gap-4);
}
.custom-dd-body .mt-4 {
  margin-top: var(--gap-4);
}
.custom-dd-body .mb-4 {
  margin-bottom: var(--gap-4);
}
.custom-dd-body .ml-4 {
  margin-left: var(--gap-4);
}
.custom-dd-body .mr-4 {
  margin-right: var(--gap-4);
}
.custom-dd-body .mx-4 {
  margin-left: var(--gap-4);
  margin-right: var(--gap-4);
}
.custom-dd-body .my-4 {
  margin-top: var(--gap-4);
  margin-bottom: var(--gap-4);
}
.custom-dd-body .gap-5 {
  gap: var(--gap-5);
}
.custom-dd-body .p-5 {
  padding: var(--gap-5);
}
.custom-dd-body .pt-5 {
  padding-top: var(--gap-5);
}
.custom-dd-body .pb-5 {
  padding-bottom: var(--gap-5);
}
.custom-dd-body .pl-5 {
  padding-left: var(--gap-5);
}
.custom-dd-body .pr-5 {
  padding-right: var(--gap-5);
}
.custom-dd-body .px-5 {
  padding-left: var(--gap-5);
  padding-right: var(--gap-5);
}
.custom-dd-body .py-5 {
  padding-top: var(--gap-5);
  padding-bottom: var(--gap-5);
}
.custom-dd-body .m-5 {
  margin: var(--gap-5);
}
.custom-dd-body .mt-5 {
  margin-top: var(--gap-5);
}
.custom-dd-body .mb-5 {
  margin-bottom: var(--gap-5);
}
.custom-dd-body .ml-5 {
  margin-left: var(--gap-5);
}
.custom-dd-body .mr-5 {
  margin-right: var(--gap-5);
}
.custom-dd-body .mx-5 {
  margin-left: var(--gap-5);
  margin-right: var(--gap-5);
}
.custom-dd-body .my-5 {
  margin-top: var(--gap-5);
  margin-bottom: var(--gap-5);
}
.custom-dd-body .gap-6 {
  gap: var(--gap-6);
}
.custom-dd-body .p-6 {
  padding: var(--gap-6);
}
.custom-dd-body .pt-6 {
  padding-top: var(--gap-6);
}
.custom-dd-body .pb-6 {
  padding-bottom: var(--gap-6);
}
.custom-dd-body .pl-6 {
  padding-left: var(--gap-6);
}
.custom-dd-body .pr-6 {
  padding-right: var(--gap-6);
}
.custom-dd-body .px-6 {
  padding-left: var(--gap-6);
  padding-right: var(--gap-6);
}
.custom-dd-body .py-6 {
  padding-top: var(--gap-6);
  padding-bottom: var(--gap-6);
}
.custom-dd-body .m-6 {
  margin: var(--gap-6);
}
.custom-dd-body .mt-6 {
  margin-top: var(--gap-6);
}
.custom-dd-body .mb-6 {
  margin-bottom: var(--gap-6);
}
.custom-dd-body .ml-6 {
  margin-left: var(--gap-6);
}
.custom-dd-body .mr-6 {
  margin-right: var(--gap-6);
}
.custom-dd-body .mx-6 {
  margin-left: var(--gap-6);
  margin-right: var(--gap-6);
}
.custom-dd-body .my-6 {
  margin-top: var(--gap-6);
  margin-bottom: var(--gap-6);
}
.custom-dd-body .gap-7 {
  gap: var(--gap-7);
}
.custom-dd-body .p-7 {
  padding: var(--gap-7);
}
.custom-dd-body .pt-7 {
  padding-top: var(--gap-7);
}
.custom-dd-body .pb-7 {
  padding-bottom: var(--gap-7);
}
.custom-dd-body .pl-7 {
  padding-left: var(--gap-7);
}
.custom-dd-body .pr-7 {
  padding-right: var(--gap-7);
}
.custom-dd-body .px-7 {
  padding-left: var(--gap-7);
  padding-right: var(--gap-7);
}
.custom-dd-body .py-7 {
  padding-top: var(--gap-7);
  padding-bottom: var(--gap-7);
}
.custom-dd-body .m-7 {
  margin: var(--gap-7);
}
.custom-dd-body .mt-7 {
  margin-top: var(--gap-7);
}
.custom-dd-body .mb-7 {
  margin-bottom: var(--gap-7);
}
.custom-dd-body .ml-7 {
  margin-left: var(--gap-7);
}
.custom-dd-body .mr-7 {
  margin-right: var(--gap-7);
}
.custom-dd-body .mx-7 {
  margin-left: var(--gap-7);
  margin-right: var(--gap-7);
}
.custom-dd-body .my-7 {
  margin-top: var(--gap-7);
  margin-bottom: var(--gap-7);
}
.custom-dd-body .gap-8 {
  gap: var(--gap-8);
}
.custom-dd-body .p-8 {
  padding: var(--gap-8);
}
.custom-dd-body .pt-8 {
  padding-top: var(--gap-8);
}
.custom-dd-body .pb-8 {
  padding-bottom: var(--gap-8);
}
.custom-dd-body .pl-8 {
  padding-left: var(--gap-8);
}
.custom-dd-body .pr-8 {
  padding-right: var(--gap-8);
}
.custom-dd-body .px-8 {
  padding-left: var(--gap-8);
  padding-right: var(--gap-8);
}
.custom-dd-body .py-8 {
  padding-top: var(--gap-8);
  padding-bottom: var(--gap-8);
}
.custom-dd-body .m-8 {
  margin: var(--gap-8);
}
.custom-dd-body .mt-8 {
  margin-top: var(--gap-8);
}
.custom-dd-body .mb-8 {
  margin-bottom: var(--gap-8);
}
.custom-dd-body .ml-8 {
  margin-left: var(--gap-8);
}
.custom-dd-body .mr-8 {
  margin-right: var(--gap-8);
}
.custom-dd-body .mx-8 {
  margin-left: var(--gap-8);
  margin-right: var(--gap-8);
}
.custom-dd-body .my-8 {
  margin-top: var(--gap-8);
  margin-bottom: var(--gap-8);
}
.custom-dd-body .gap-9 {
  gap: var(--gap-9);
}
.custom-dd-body .p-9 {
  padding: var(--gap-9);
}
.custom-dd-body .pt-9 {
  padding-top: var(--gap-9);
}
.custom-dd-body .pb-9 {
  padding-bottom: var(--gap-9);
}
.custom-dd-body .pl-9 {
  padding-left: var(--gap-9);
}
.custom-dd-body .pr-9 {
  padding-right: var(--gap-9);
}
.custom-dd-body .px-9 {
  padding-left: var(--gap-9);
  padding-right: var(--gap-9);
}
.custom-dd-body .py-9 {
  padding-top: var(--gap-9);
  padding-bottom: var(--gap-9);
}
.custom-dd-body .m-9 {
  margin: var(--gap-9);
}
.custom-dd-body .mt-9 {
  margin-top: var(--gap-9);
}
.custom-dd-body .mb-9 {
  margin-bottom: var(--gap-9);
}
.custom-dd-body .ml-9 {
  margin-left: var(--gap-9);
}
.custom-dd-body .mr-9 {
  margin-right: var(--gap-9);
}
.custom-dd-body .mx-9 {
  margin-left: var(--gap-9);
  margin-right: var(--gap-9);
}
.custom-dd-body .my-9 {
  margin-top: var(--gap-9);
  margin-bottom: var(--gap-9);
}
.custom-dd-body .gap-10 {
  gap: var(--gap-10);
}
.custom-dd-body .p-10 {
  padding: var(--gap-10);
}
.custom-dd-body .pt-10 {
  padding-top: var(--gap-10);
}
.custom-dd-body .pb-10 {
  padding-bottom: var(--gap-10);
}
.custom-dd-body .pl-10 {
  padding-left: var(--gap-10);
}
.custom-dd-body .pr-10 {
  padding-right: var(--gap-10);
}
.custom-dd-body .px-10 {
  padding-left: var(--gap-10);
  padding-right: var(--gap-10);
}
.custom-dd-body .py-10 {
  padding-top: var(--gap-10);
  padding-bottom: var(--gap-10);
}
.custom-dd-body .m-10 {
  margin: var(--gap-10);
}
.custom-dd-body .mt-10 {
  margin-top: var(--gap-10);
}
.custom-dd-body .mb-10 {
  margin-bottom: var(--gap-10);
}
.custom-dd-body .ml-10 {
  margin-left: var(--gap-10);
}
.custom-dd-body .mr-10 {
  margin-right: var(--gap-10);
}
.custom-dd-body .mx-10 {
  margin-left: var(--gap-10);
  margin-right: var(--gap-10);
}
.custom-dd-body .my-10 {
  margin-top: var(--gap-10);
  margin-bottom: var(--gap-10);
}
.custom-dd-body .gap-11 {
  gap: var(--gap-11);
}
.custom-dd-body .p-11 {
  padding: var(--gap-11);
}
.custom-dd-body .pt-11 {
  padding-top: var(--gap-11);
}
.custom-dd-body .pb-11 {
  padding-bottom: var(--gap-11);
}
.custom-dd-body .pl-11 {
  padding-left: var(--gap-11);
}
.custom-dd-body .pr-11 {
  padding-right: var(--gap-11);
}
.custom-dd-body .px-11 {
  padding-left: var(--gap-11);
  padding-right: var(--gap-11);
}
.custom-dd-body .py-11 {
  padding-top: var(--gap-11);
  padding-bottom: var(--gap-11);
}
.custom-dd-body .m-11 {
  margin: var(--gap-11);
}
.custom-dd-body .mt-11 {
  margin-top: var(--gap-11);
}
.custom-dd-body .mb-11 {
  margin-bottom: var(--gap-11);
}
.custom-dd-body .ml-11 {
  margin-left: var(--gap-11);
}
.custom-dd-body .mr-11 {
  margin-right: var(--gap-11);
}
.custom-dd-body .mx-11 {
  margin-left: var(--gap-11);
  margin-right: var(--gap-11);
}
.custom-dd-body .my-11 {
  margin-top: var(--gap-11);
  margin-bottom: var(--gap-11);
}
.custom-dd-body .gap-12 {
  gap: var(--gap-12);
}
.custom-dd-body .p-12 {
  padding: var(--gap-12);
}
.custom-dd-body .pt-12 {
  padding-top: var(--gap-12);
}
.custom-dd-body .pb-12 {
  padding-bottom: var(--gap-12);
}
.custom-dd-body .pl-12 {
  padding-left: var(--gap-12);
}
.custom-dd-body .pr-12 {
  padding-right: var(--gap-12);
}
.custom-dd-body .px-12 {
  padding-left: var(--gap-12);
  padding-right: var(--gap-12);
}
.custom-dd-body .py-12 {
  padding-top: var(--gap-12);
  padding-bottom: var(--gap-12);
}
.custom-dd-body .m-12 {
  margin: var(--gap-12);
}
.custom-dd-body .mt-12 {
  margin-top: var(--gap-12);
}
.custom-dd-body .mb-12 {
  margin-bottom: var(--gap-12);
}
.custom-dd-body .ml-12 {
  margin-left: var(--gap-12);
}
.custom-dd-body .mr-12 {
  margin-right: var(--gap-12);
}
.custom-dd-body .mx-12 {
  margin-left: var(--gap-12);
  margin-right: var(--gap-12);
}
.custom-dd-body .my-12 {
  margin-top: var(--gap-12);
  margin-bottom: var(--gap-12);
}
.custom-dd-body .gap-13 {
  gap: var(--gap-13);
}
.custom-dd-body .p-13 {
  padding: var(--gap-13);
}
.custom-dd-body .pt-13 {
  padding-top: var(--gap-13);
}
.custom-dd-body .pb-13 {
  padding-bottom: var(--gap-13);
}
.custom-dd-body .pl-13 {
  padding-left: var(--gap-13);
}
.custom-dd-body .pr-13 {
  padding-right: var(--gap-13);
}
.custom-dd-body .px-13 {
  padding-left: var(--gap-13);
  padding-right: var(--gap-13);
}
.custom-dd-body .py-13 {
  padding-top: var(--gap-13);
  padding-bottom: var(--gap-13);
}
.custom-dd-body .m-13 {
  margin: var(--gap-13);
}
.custom-dd-body .mt-13 {
  margin-top: var(--gap-13);
}
.custom-dd-body .mb-13 {
  margin-bottom: var(--gap-13);
}
.custom-dd-body .ml-13 {
  margin-left: var(--gap-13);
}
.custom-dd-body .mr-13 {
  margin-right: var(--gap-13);
}
.custom-dd-body .mx-13 {
  margin-left: var(--gap-13);
  margin-right: var(--gap-13);
}
.custom-dd-body .my-13 {
  margin-top: var(--gap-13);
  margin-bottom: var(--gap-13);
}

.custom-dd-body .btn, .custom-dd-body .button, .custom-dd-body button, .custom-dd-body button.link, .custom-dd-body button:not(.link),
.custom-dd-body button[type=button],
.custom-dd-body button[type=reset],
.custom-dd-body button[type=submit],
.custom-dd-body .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-family: var(--font-main, sans-serif);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1;
  border-style: solid;
  border-radius: var(--nb-common-radius-control-pill, 100rem);
  cursor: pointer;
  transition: all var(--def-trans-time, 0.2s) ease-in-out;
  -webkit-appearance: none;
  background-color: var(--btn-bg);
  color: var(--btn-col);
  border-color: var(--btn-bd);
}
@media (hover: hover) {
  .custom-dd-body .btn:hover, .custom-dd-body .button:hover, .custom-dd-body button:hover, .custom-dd-body button.link:hover, .custom-dd-body button:not(.link):hover,
  .custom-dd-body button[type=button]:hover,
  .custom-dd-body button[type=reset]:hover,
  .custom-dd-body button[type=submit]:hover,
  .custom-dd-body .button:hover {
    background-color: var(--btn-h-bg);
    color: var(--btn-h-col);
    border-color: var(--btn-h-bd);
    opacity: 1;
  }
}
.custom-dd-body .btn:active, .custom-dd-body .button:active, .custom-dd-body button:active, .custom-dd-body button.link:active, .custom-dd-body button:not(.link):active,
.custom-dd-body button[type=button]:active,
.custom-dd-body button[type=reset]:active,
.custom-dd-body button[type=submit]:active,
.custom-dd-body .button:active {
  transform: translateY(1px);
}
.custom-dd-body .btn:disabled, .custom-dd-body .btn.is-disabled, .custom-dd-body .button:disabled, .custom-dd-body .button.is-disabled, .custom-dd-body button:disabled, .custom-dd-body button.is-disabled, .custom-dd-body button.link:disabled, .custom-dd-body button.link.is-disabled, .custom-dd-body button:not(.link):disabled, .custom-dd-body button:not(.link).is-disabled,
.custom-dd-body button[type=button]:disabled,
.custom-dd-body button[type=button].is-disabled,
.custom-dd-body button[type=reset]:disabled,
.custom-dd-body button[type=reset].is-disabled,
.custom-dd-body button[type=submit]:disabled,
.custom-dd-body button[type=submit].is-disabled,
.custom-dd-body .button:disabled,
.custom-dd-body .button.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
  opacity: 1;
}
.custom-dd-body .btn svg, .custom-dd-body .button svg, .custom-dd-body button svg, .custom-dd-body button.link svg, .custom-dd-body button:not(.link) svg,
.custom-dd-body button[type=button] svg,
.custom-dd-body button[type=reset] svg,
.custom-dd-body button[type=submit] svg,
.custom-dd-body .button svg {
  fill: currentColor;
  flex-shrink: 0;
  display: block;
}
.custom-dd-body .btn.btn--size-l, .custom-dd-body .button.btn--size-l, .custom-dd-body button.btn--size-l, .custom-dd-body button.link.btn--size-l, .custom-dd-body button:not(.link).btn--size-l,
.custom-dd-body button[type=button].btn--size-l,
.custom-dd-body button[type=reset].btn--size-l,
.custom-dd-body button[type=submit].btn--size-l,
.custom-dd-body .button.btn--size-l {
  height: var(--nb-common-control-size-l, 5.2rem);
  padding: 0 var(--nb-atom-button-l-sides, 2.8rem);
  gap: var(--nb-atom-button-l-gap, 1rem);
  font-size: var(--tg-styles-button-m-size, 1.8rem);
  --btn-border-width: var(--nb-common-stroke-m, 1.5px);
}
.custom-dd-body .btn.btn--size-l svg, .custom-dd-body .button.btn--size-l svg, .custom-dd-body button.btn--size-l svg, .custom-dd-body button.link.btn--size-l svg, .custom-dd-body button:not(.link).btn--size-l svg,
.custom-dd-body button[type=button].btn--size-l svg,
.custom-dd-body button[type=reset].btn--size-l svg,
.custom-dd-body button[type=submit].btn--size-l svg,
.custom-dd-body .button.btn--size-l svg {
  width: var(--nb-atom-button-l-icon-size, 2.4rem);
  min-width: var(--nb-atom-button-l-icon-size, 2.4rem);
  max-width: var(--nb-atom-button-l-icon-size, 2.4rem);
  height: var(--nb-atom-button-l-icon-size, 2.4rem);
}
.custom-dd-body .btn.btn--size-l svg:first-child, .custom-dd-body .button.btn--size-l svg:first-child, .custom-dd-body button.btn--size-l svg:first-child, .custom-dd-body button.link.btn--size-l svg:first-child, .custom-dd-body button:not(.link).btn--size-l svg:first-child,
.custom-dd-body button[type=button].btn--size-l svg:first-child,
.custom-dd-body button[type=reset].btn--size-l svg:first-child,
.custom-dd-body button[type=submit].btn--size-l svg:first-child,
.custom-dd-body .button.btn--size-l svg:first-child {
  margin-left: -4px;
}
.custom-dd-body .btn.btn--size-l svg:last-child, .custom-dd-body .button.btn--size-l svg:last-child, .custom-dd-body button.btn--size-l svg:last-child, .custom-dd-body button.link.btn--size-l svg:last-child, .custom-dd-body button:not(.link).btn--size-l svg:last-child,
.custom-dd-body button[type=button].btn--size-l svg:last-child,
.custom-dd-body button[type=reset].btn--size-l svg:last-child,
.custom-dd-body button[type=submit].btn--size-l svg:last-child,
.custom-dd-body .button.btn--size-l svg:last-child {
  margin-right: -4px;
}
.custom-dd-body .btn.btn--size-l.btn--compact, .custom-dd-body .button.btn--size-l.btn--compact, .custom-dd-body button.btn--size-l.btn--compact, .custom-dd-body button.link.btn--size-l.btn--compact, .custom-dd-body button:not(.link).btn--size-l.btn--compact,
.custom-dd-body button[type=button].btn--size-l.btn--compact,
.custom-dd-body button[type=reset].btn--size-l.btn--compact,
.custom-dd-body button[type=submit].btn--size-l.btn--compact,
.custom-dd-body .button.btn--size-l.btn--compact {
  padding-left: 0;
  padding-right: 0;
  min-height: auto;
  height: auto;
}
.custom-dd-body .btn.btn--size-m, .custom-dd-body .button.btn--size-m, .custom-dd-body button.btn--size-m, .custom-dd-body button.link.btn--size-m, .custom-dd-body button:not(.link).btn--size-m,
.custom-dd-body button[type=button].btn--size-m,
.custom-dd-body button[type=reset].btn--size-m,
.custom-dd-body button[type=submit].btn--size-m,
.custom-dd-body .button.btn--size-m {
  height: var(--nb-common-control-size-m, 4.4rem);
  padding: 0 var(--nb-atom-button-m-sides, 2rem);
  gap: var(--nb-atom-button-m-gap, 0.8rem);
  font-size: var(--tg-styles-button-s-size, 1.8rem);
  --btn-border-width: var(--nb-common-stroke-m, 1.5px);
}
.custom-dd-body .btn.btn--size-m svg, .custom-dd-body .button.btn--size-m svg, .custom-dd-body button.btn--size-m svg, .custom-dd-body button.link.btn--size-m svg, .custom-dd-body button:not(.link).btn--size-m svg,
.custom-dd-body button[type=button].btn--size-m svg,
.custom-dd-body button[type=reset].btn--size-m svg,
.custom-dd-body button[type=submit].btn--size-m svg,
.custom-dd-body .button.btn--size-m svg {
  width: var(--nb-atom-button-m-icon-size, 2rem);
  min-width: var(--nb-atom-button-m-icon-size, 2rem);
  max-width: var(--nb-atom-button-m-icon-size, 2rem);
  height: var(--nb-atom-button-m-icon-size, 2rem);
}
.custom-dd-body .btn.btn--size-m svg:first-child, .custom-dd-body .button.btn--size-m svg:first-child, .custom-dd-body button.btn--size-m svg:first-child, .custom-dd-body button.link.btn--size-m svg:first-child, .custom-dd-body button:not(.link).btn--size-m svg:first-child,
.custom-dd-body button[type=button].btn--size-m svg:first-child,
.custom-dd-body button[type=reset].btn--size-m svg:first-child,
.custom-dd-body button[type=submit].btn--size-m svg:first-child,
.custom-dd-body .button.btn--size-m svg:first-child {
  margin-left: -2px;
}
.custom-dd-body .btn.btn--size-m svg:last-child, .custom-dd-body .button.btn--size-m svg:last-child, .custom-dd-body button.btn--size-m svg:last-child, .custom-dd-body button.link.btn--size-m svg:last-child, .custom-dd-body button:not(.link).btn--size-m svg:last-child,
.custom-dd-body button[type=button].btn--size-m svg:last-child,
.custom-dd-body button[type=reset].btn--size-m svg:last-child,
.custom-dd-body button[type=submit].btn--size-m svg:last-child,
.custom-dd-body .button.btn--size-m svg:last-child {
  margin-right: -2px;
}
.custom-dd-body .btn.btn--size-m.btn--compact, .custom-dd-body .button.btn--size-m.btn--compact, .custom-dd-body button.btn--size-m.btn--compact, .custom-dd-body button.link.btn--size-m.btn--compact, .custom-dd-body button:not(.link).btn--size-m.btn--compact,
.custom-dd-body button[type=button].btn--size-m.btn--compact,
.custom-dd-body button[type=reset].btn--size-m.btn--compact,
.custom-dd-body button[type=submit].btn--size-m.btn--compact,
.custom-dd-body .button.btn--size-m.btn--compact {
  padding-left: 0;
  padding-right: 0;
  min-height: auto;
  height: auto;
}
.custom-dd-body .btn.btn--size-s, .custom-dd-body .button.btn--size-s, .custom-dd-body button.btn--size-s, .custom-dd-body button.link.btn--size-s, .custom-dd-body button:not(.link).btn--size-s,
.custom-dd-body button[type=button].btn--size-s,
.custom-dd-body button[type=reset].btn--size-s,
.custom-dd-body button[type=submit].btn--size-s,
.custom-dd-body .button.btn--size-s {
  height: var(--nb-common-control-size-s, 3.6rem);
  padding: 0 var(--nb-atom-button-s-sides, 1.6rem);
  gap: var(--nb-atom-button-s-gap, 0.8rem);
  font-size: var(--tg-styles-button-xs-size, 1.6rem);
  --btn-border-width: var(--nb-common-stroke-m, 1.5px);
}
.custom-dd-body .btn.btn--size-s svg, .custom-dd-body .button.btn--size-s svg, .custom-dd-body button.btn--size-s svg, .custom-dd-body button.link.btn--size-s svg, .custom-dd-body button:not(.link).btn--size-s svg,
.custom-dd-body button[type=button].btn--size-s svg,
.custom-dd-body button[type=reset].btn--size-s svg,
.custom-dd-body button[type=submit].btn--size-s svg,
.custom-dd-body .button.btn--size-s svg {
  width: var(--nb-atom-button-s-icon-size, 1.8rem);
  min-width: var(--nb-atom-button-s-icon-size, 1.8rem);
  max-width: var(--nb-atom-button-s-icon-size, 1.8rem);
  height: var(--nb-atom-button-s-icon-size, 1.8rem);
}
.custom-dd-body .btn.btn--size-s svg:first-child, .custom-dd-body .button.btn--size-s svg:first-child, .custom-dd-body button.btn--size-s svg:first-child, .custom-dd-body button.link.btn--size-s svg:first-child, .custom-dd-body button:not(.link).btn--size-s svg:first-child,
.custom-dd-body button[type=button].btn--size-s svg:first-child,
.custom-dd-body button[type=reset].btn--size-s svg:first-child,
.custom-dd-body button[type=submit].btn--size-s svg:first-child,
.custom-dd-body .button.btn--size-s svg:first-child {
  margin-left: -2px;
}
.custom-dd-body .btn.btn--size-s svg:last-child, .custom-dd-body .button.btn--size-s svg:last-child, .custom-dd-body button.btn--size-s svg:last-child, .custom-dd-body button.link.btn--size-s svg:last-child, .custom-dd-body button:not(.link).btn--size-s svg:last-child,
.custom-dd-body button[type=button].btn--size-s svg:last-child,
.custom-dd-body button[type=reset].btn--size-s svg:last-child,
.custom-dd-body button[type=submit].btn--size-s svg:last-child,
.custom-dd-body .button.btn--size-s svg:last-child {
  margin-right: -2px;
}
.custom-dd-body .btn.btn--size-s.btn--compact, .custom-dd-body .button.btn--size-s.btn--compact, .custom-dd-body button.btn--size-s.btn--compact, .custom-dd-body button.link.btn--size-s.btn--compact, .custom-dd-body button:not(.link).btn--size-s.btn--compact,
.custom-dd-body button[type=button].btn--size-s.btn--compact,
.custom-dd-body button[type=reset].btn--size-s.btn--compact,
.custom-dd-body button[type=submit].btn--size-s.btn--compact,
.custom-dd-body .button.btn--size-s.btn--compact {
  padding-left: 0;
  padding-right: 0;
  min-height: auto;
  height: auto;
}
.custom-dd-body .btn.btn--neutral, .custom-dd-body .button.btn--neutral, .custom-dd-body button.btn--neutral, .custom-dd-body button.link.btn--neutral, .custom-dd-body button:not(.link).btn--neutral,
.custom-dd-body button[type=button].btn--neutral,
.custom-dd-body button[type=reset].btn--neutral,
.custom-dd-body button[type=submit].btn--neutral,
.custom-dd-body .button.btn--neutral {
  --btn-bg: var(--tk-control-neutral-filled-fill);
  --btn-col: var(--tk-control-neutral-filled-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-neutral-filled-content);
  --btn-h-col: var(--tk-control-neutral-filled-fill);
  --btn-h-bd: var(--tk-control-neutral-filled-content);
}
.custom-dd-body .btn.btn--neutral:disabled, .custom-dd-body .btn.btn--neutral.is-disabled, .custom-dd-body .button.btn--neutral:disabled, .custom-dd-body .button.btn--neutral.is-disabled, .custom-dd-body button.btn--neutral:disabled, .custom-dd-body button.btn--neutral.is-disabled, .custom-dd-body button.link.btn--neutral:disabled, .custom-dd-body button.link.btn--neutral.is-disabled, .custom-dd-body button:not(.link).btn--neutral:disabled, .custom-dd-body button:not(.link).btn--neutral.is-disabled,
.custom-dd-body button[type=button].btn--neutral:disabled,
.custom-dd-body button[type=button].btn--neutral.is-disabled,
.custom-dd-body button[type=reset].btn--neutral:disabled,
.custom-dd-body button[type=reset].btn--neutral.is-disabled,
.custom-dd-body button[type=submit].btn--neutral:disabled,
.custom-dd-body button[type=submit].btn--neutral.is-disabled,
.custom-dd-body .button.btn--neutral:disabled,
.custom-dd-body .button.btn--neutral.is-disabled {
  --btn-bg: var(--tk-control-disabled-filled-fill);
  --btn-col: var(--tk-control-disabled-filled-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--neutral-outlined, .custom-dd-body .button.btn--neutral-outlined, .custom-dd-body button.btn--neutral-outlined, .custom-dd-body button.link.btn--neutral-outlined, .custom-dd-body button:not(.link).btn--neutral-outlined,
.custom-dd-body button[type=button].btn--neutral-outlined,
.custom-dd-body button[type=reset].btn--neutral-outlined,
.custom-dd-body button[type=submit].btn--neutral-outlined,
.custom-dd-body .button.btn--neutral-outlined {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-neutral-outlined-content);
  --btn-bd: var(--tk-control-neutral-outlined-outline);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-neutral-outlined-outline);
  --btn-h-col: var(--tk-control-neutral-filled-content);
  --btn-h-bd: var(--tk-control-neutral-outlined-outline);
}
.custom-dd-body .btn.btn--neutral-outlined:disabled, .custom-dd-body .btn.btn--neutral-outlined.is-disabled, .custom-dd-body .button.btn--neutral-outlined:disabled, .custom-dd-body .button.btn--neutral-outlined.is-disabled, .custom-dd-body button.btn--neutral-outlined:disabled, .custom-dd-body button.btn--neutral-outlined.is-disabled, .custom-dd-body button.link.btn--neutral-outlined:disabled, .custom-dd-body button.link.btn--neutral-outlined.is-disabled, .custom-dd-body button:not(.link).btn--neutral-outlined:disabled, .custom-dd-body button:not(.link).btn--neutral-outlined.is-disabled,
.custom-dd-body button[type=button].btn--neutral-outlined:disabled,
.custom-dd-body button[type=button].btn--neutral-outlined.is-disabled,
.custom-dd-body button[type=reset].btn--neutral-outlined:disabled,
.custom-dd-body button[type=reset].btn--neutral-outlined.is-disabled,
.custom-dd-body button[type=submit].btn--neutral-outlined:disabled,
.custom-dd-body button[type=submit].btn--neutral-outlined.is-disabled,
.custom-dd-body .button.btn--neutral-outlined:disabled,
.custom-dd-body .button.btn--neutral-outlined.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-outlined-content);
  --btn-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .btn.btn--neutral-subtle, .custom-dd-body .button.btn--neutral-subtle, .custom-dd-body button.btn--neutral-subtle, .custom-dd-body button.link.btn--neutral-subtle, .custom-dd-body button:not(.link).btn--neutral-subtle,
.custom-dd-body button[type=button].btn--neutral-subtle,
.custom-dd-body button[type=reset].btn--neutral-subtle,
.custom-dd-body button[type=submit].btn--neutral-subtle,
.custom-dd-body .button.btn--neutral-subtle {
  --btn-bg: var(--tk-control-neutral-subtle-fill);
  --btn-col: var(--tk-control-neutral-subtle-content);
  --btn-bd: var(--tk-control-neutral-subtle-outline, transparent);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-neutral-subtle-content);
  --btn-h-col: var(--tk-control-neutral-subtle-fill);
  --btn-h-bd: var(--tk-control-neutral-subtle-content);
}
.custom-dd-body .btn.btn--neutral-subtle:disabled, .custom-dd-body .btn.btn--neutral-subtle.is-disabled, .custom-dd-body .button.btn--neutral-subtle:disabled, .custom-dd-body .button.btn--neutral-subtle.is-disabled, .custom-dd-body button.btn--neutral-subtle:disabled, .custom-dd-body button.btn--neutral-subtle.is-disabled, .custom-dd-body button.link.btn--neutral-subtle:disabled, .custom-dd-body button.link.btn--neutral-subtle.is-disabled, .custom-dd-body button:not(.link).btn--neutral-subtle:disabled, .custom-dd-body button:not(.link).btn--neutral-subtle.is-disabled,
.custom-dd-body button[type=button].btn--neutral-subtle:disabled,
.custom-dd-body button[type=button].btn--neutral-subtle.is-disabled,
.custom-dd-body button[type=reset].btn--neutral-subtle:disabled,
.custom-dd-body button[type=reset].btn--neutral-subtle.is-disabled,
.custom-dd-body button[type=submit].btn--neutral-subtle:disabled,
.custom-dd-body button[type=submit].btn--neutral-subtle.is-disabled,
.custom-dd-body .button.btn--neutral-subtle:disabled,
.custom-dd-body .button.btn--neutral-subtle.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-subtle-content);
  --btn-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .btn.btn--neutral-ghost, .custom-dd-body .button.btn--neutral-ghost, .custom-dd-body button.btn--neutral-ghost, .custom-dd-body button.link.btn--neutral-ghost, .custom-dd-body button:not(.link).btn--neutral-ghost,
.custom-dd-body button[type=button].btn--neutral-ghost,
.custom-dd-body button[type=reset].btn--neutral-ghost,
.custom-dd-body button[type=submit].btn--neutral-ghost,
.custom-dd-body .button.btn--neutral-ghost {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-neutral-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-neutral-ghost-content);
  --btn-h-col: var(--tk-control-neutral-filled-content);
  --btn-h-bd: var(--tk-control-neutral-ghost-content);
}
.custom-dd-body .btn.btn--neutral-ghost:disabled, .custom-dd-body .btn.btn--neutral-ghost.is-disabled, .custom-dd-body .button.btn--neutral-ghost:disabled, .custom-dd-body .button.btn--neutral-ghost.is-disabled, .custom-dd-body button.btn--neutral-ghost:disabled, .custom-dd-body button.btn--neutral-ghost.is-disabled, .custom-dd-body button.link.btn--neutral-ghost:disabled, .custom-dd-body button.link.btn--neutral-ghost.is-disabled, .custom-dd-body button:not(.link).btn--neutral-ghost:disabled, .custom-dd-body button:not(.link).btn--neutral-ghost.is-disabled,
.custom-dd-body button[type=button].btn--neutral-ghost:disabled,
.custom-dd-body button[type=button].btn--neutral-ghost.is-disabled,
.custom-dd-body button[type=reset].btn--neutral-ghost:disabled,
.custom-dd-body button[type=reset].btn--neutral-ghost.is-disabled,
.custom-dd-body button[type=submit].btn--neutral-ghost:disabled,
.custom-dd-body button[type=submit].btn--neutral-ghost.is-disabled,
.custom-dd-body .button.btn--neutral-ghost:disabled,
.custom-dd-body .button.btn--neutral-ghost.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--neutral-compact, .custom-dd-body .button.btn--neutral-compact, .custom-dd-body button.btn--neutral-compact, .custom-dd-body button.link.btn--neutral-compact, .custom-dd-body button:not(.link).btn--neutral-compact,
.custom-dd-body button[type=button].btn--neutral-compact,
.custom-dd-body button[type=reset].btn--neutral-compact,
.custom-dd-body button[type=submit].btn--neutral-compact,
.custom-dd-body .button.btn--neutral-compact {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-neutral-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  min-height: unset;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0 !important;
  --btn-h-bg: transparent;
  --btn-h-col: var(--tk-control-neutral-ghost-content);
  --btn-h-bd: transparent;
}
@media (hover: hover) {
  .custom-dd-body .btn.btn--neutral-compact:hover, .custom-dd-body .button.btn--neutral-compact:hover, .custom-dd-body button.btn--neutral-compact:hover, .custom-dd-body button.link.btn--neutral-compact:hover, .custom-dd-body button:not(.link).btn--neutral-compact:hover,
  .custom-dd-body button[type=button].btn--neutral-compact:hover,
  .custom-dd-body button[type=reset].btn--neutral-compact:hover,
  .custom-dd-body button[type=submit].btn--neutral-compact:hover,
  .custom-dd-body .button.btn--neutral-compact:hover {
    opacity: 0.7;
  }
}
.custom-dd-body .btn.btn--neutral-compact:disabled, .custom-dd-body .btn.btn--neutral-compact.is-disabled, .custom-dd-body .button.btn--neutral-compact:disabled, .custom-dd-body .button.btn--neutral-compact.is-disabled, .custom-dd-body button.btn--neutral-compact:disabled, .custom-dd-body button.btn--neutral-compact.is-disabled, .custom-dd-body button.link.btn--neutral-compact:disabled, .custom-dd-body button.link.btn--neutral-compact.is-disabled, .custom-dd-body button:not(.link).btn--neutral-compact:disabled, .custom-dd-body button:not(.link).btn--neutral-compact.is-disabled,
.custom-dd-body button[type=button].btn--neutral-compact:disabled,
.custom-dd-body button[type=button].btn--neutral-compact.is-disabled,
.custom-dd-body button[type=reset].btn--neutral-compact:disabled,
.custom-dd-body button[type=reset].btn--neutral-compact.is-disabled,
.custom-dd-body button[type=submit].btn--neutral-compact:disabled,
.custom-dd-body button[type=submit].btn--neutral-compact.is-disabled,
.custom-dd-body .button.btn--neutral-compact:disabled,
.custom-dd-body .button.btn--neutral-compact.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
  opacity: 1;
}
.custom-dd-body .btn.btn--primary, .custom-dd-body .button.btn--primary, .custom-dd-body button.btn--primary, .custom-dd-body button.link.btn--primary, .custom-dd-body button:not(.link).btn--primary,
.custom-dd-body button[type=button].btn--primary,
.custom-dd-body button[type=reset].btn--primary,
.custom-dd-body button[type=submit].btn--primary,
.custom-dd-body .button.btn--primary {
  --btn-bg: var(--tk-control-primary-filled-fill);
  --btn-col: var(--tk-control-primary-filled-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-primary-filled-content);
  --btn-h-col: var(--tk-control-primary-filled-fill);
  --btn-h-bd: var(--tk-control-primary-filled-content);
}
.custom-dd-body .btn.btn--primary:disabled, .custom-dd-body .btn.btn--primary.is-disabled, .custom-dd-body .button.btn--primary:disabled, .custom-dd-body .button.btn--primary.is-disabled, .custom-dd-body button.btn--primary:disabled, .custom-dd-body button.btn--primary.is-disabled, .custom-dd-body button.link.btn--primary:disabled, .custom-dd-body button.link.btn--primary.is-disabled, .custom-dd-body button:not(.link).btn--primary:disabled, .custom-dd-body button:not(.link).btn--primary.is-disabled,
.custom-dd-body button[type=button].btn--primary:disabled,
.custom-dd-body button[type=button].btn--primary.is-disabled,
.custom-dd-body button[type=reset].btn--primary:disabled,
.custom-dd-body button[type=reset].btn--primary.is-disabled,
.custom-dd-body button[type=submit].btn--primary:disabled,
.custom-dd-body button[type=submit].btn--primary.is-disabled,
.custom-dd-body .button.btn--primary:disabled,
.custom-dd-body .button.btn--primary.is-disabled {
  --btn-bg: var(--tk-control-disabled-filled-fill);
  --btn-col: var(--tk-control-disabled-filled-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--primary-outlined, .custom-dd-body .button.btn--primary-outlined, .custom-dd-body button.btn--primary-outlined, .custom-dd-body button.link.btn--primary-outlined, .custom-dd-body button:not(.link).btn--primary-outlined,
.custom-dd-body button[type=button].btn--primary-outlined,
.custom-dd-body button[type=reset].btn--primary-outlined,
.custom-dd-body button[type=submit].btn--primary-outlined,
.custom-dd-body .button.btn--primary-outlined {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-primary-outlined-content);
  --btn-bd: var(--tk-control-primary-outlined-outline);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-primary-outlined-outline);
  --btn-h-col: var(--tk-control-primary-filled-content);
  --btn-h-bd: var(--tk-control-primary-outlined-outline);
}
.custom-dd-body .btn.btn--primary-outlined:disabled, .custom-dd-body .btn.btn--primary-outlined.is-disabled, .custom-dd-body .button.btn--primary-outlined:disabled, .custom-dd-body .button.btn--primary-outlined.is-disabled, .custom-dd-body button.btn--primary-outlined:disabled, .custom-dd-body button.btn--primary-outlined.is-disabled, .custom-dd-body button.link.btn--primary-outlined:disabled, .custom-dd-body button.link.btn--primary-outlined.is-disabled, .custom-dd-body button:not(.link).btn--primary-outlined:disabled, .custom-dd-body button:not(.link).btn--primary-outlined.is-disabled,
.custom-dd-body button[type=button].btn--primary-outlined:disabled,
.custom-dd-body button[type=button].btn--primary-outlined.is-disabled,
.custom-dd-body button[type=reset].btn--primary-outlined:disabled,
.custom-dd-body button[type=reset].btn--primary-outlined.is-disabled,
.custom-dd-body button[type=submit].btn--primary-outlined:disabled,
.custom-dd-body button[type=submit].btn--primary-outlined.is-disabled,
.custom-dd-body .button.btn--primary-outlined:disabled,
.custom-dd-body .button.btn--primary-outlined.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-outlined-content);
  --btn-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .btn.btn--primary-subtle, .custom-dd-body .button.btn--primary-subtle, .custom-dd-body button.btn--primary-subtle, .custom-dd-body button.link.btn--primary-subtle, .custom-dd-body button:not(.link).btn--primary-subtle,
.custom-dd-body button[type=button].btn--primary-subtle,
.custom-dd-body button[type=reset].btn--primary-subtle,
.custom-dd-body button[type=submit].btn--primary-subtle,
.custom-dd-body .button.btn--primary-subtle {
  --btn-bg: var(--tk-control-primary-subtle-fill);
  --btn-col: var(--tk-control-primary-subtle-content);
  --btn-bd: var(--tk-control-primary-subtle-outline, transparent);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-primary-subtle-content);
  --btn-h-col: var(--tk-control-primary-subtle-fill);
  --btn-h-bd: var(--tk-control-primary-subtle-content);
}
.custom-dd-body .btn.btn--primary-subtle:disabled, .custom-dd-body .btn.btn--primary-subtle.is-disabled, .custom-dd-body .button.btn--primary-subtle:disabled, .custom-dd-body .button.btn--primary-subtle.is-disabled, .custom-dd-body button.btn--primary-subtle:disabled, .custom-dd-body button.btn--primary-subtle.is-disabled, .custom-dd-body button.link.btn--primary-subtle:disabled, .custom-dd-body button.link.btn--primary-subtle.is-disabled, .custom-dd-body button:not(.link).btn--primary-subtle:disabled, .custom-dd-body button:not(.link).btn--primary-subtle.is-disabled,
.custom-dd-body button[type=button].btn--primary-subtle:disabled,
.custom-dd-body button[type=button].btn--primary-subtle.is-disabled,
.custom-dd-body button[type=reset].btn--primary-subtle:disabled,
.custom-dd-body button[type=reset].btn--primary-subtle.is-disabled,
.custom-dd-body button[type=submit].btn--primary-subtle:disabled,
.custom-dd-body button[type=submit].btn--primary-subtle.is-disabled,
.custom-dd-body .button.btn--primary-subtle:disabled,
.custom-dd-body .button.btn--primary-subtle.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-subtle-content);
  --btn-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .btn.btn--primary-ghost, .custom-dd-body .button.btn--primary-ghost, .custom-dd-body button.btn--primary-ghost, .custom-dd-body button.link.btn--primary-ghost, .custom-dd-body button:not(.link).btn--primary-ghost,
.custom-dd-body button[type=button].btn--primary-ghost,
.custom-dd-body button[type=reset].btn--primary-ghost,
.custom-dd-body button[type=submit].btn--primary-ghost,
.custom-dd-body .button.btn--primary-ghost {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-primary-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-primary-ghost-content);
  --btn-h-col: var(--tk-control-primary-filled-content);
  --btn-h-bd: var(--tk-control-primary-ghost-content);
}
.custom-dd-body .btn.btn--primary-ghost:disabled, .custom-dd-body .btn.btn--primary-ghost.is-disabled, .custom-dd-body .button.btn--primary-ghost:disabled, .custom-dd-body .button.btn--primary-ghost.is-disabled, .custom-dd-body button.btn--primary-ghost:disabled, .custom-dd-body button.btn--primary-ghost.is-disabled, .custom-dd-body button.link.btn--primary-ghost:disabled, .custom-dd-body button.link.btn--primary-ghost.is-disabled, .custom-dd-body button:not(.link).btn--primary-ghost:disabled, .custom-dd-body button:not(.link).btn--primary-ghost.is-disabled,
.custom-dd-body button[type=button].btn--primary-ghost:disabled,
.custom-dd-body button[type=button].btn--primary-ghost.is-disabled,
.custom-dd-body button[type=reset].btn--primary-ghost:disabled,
.custom-dd-body button[type=reset].btn--primary-ghost.is-disabled,
.custom-dd-body button[type=submit].btn--primary-ghost:disabled,
.custom-dd-body button[type=submit].btn--primary-ghost.is-disabled,
.custom-dd-body .button.btn--primary-ghost:disabled,
.custom-dd-body .button.btn--primary-ghost.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--primary-compact, .custom-dd-body .button.btn--primary-compact, .custom-dd-body button.btn--primary-compact, .custom-dd-body button.link.btn--primary-compact, .custom-dd-body button:not(.link).btn--primary-compact,
.custom-dd-body button[type=button].btn--primary-compact,
.custom-dd-body button[type=reset].btn--primary-compact,
.custom-dd-body button[type=submit].btn--primary-compact,
.custom-dd-body .button.btn--primary-compact {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-primary-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  min-height: unset;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0 !important;
  --btn-h-bg: transparent;
  --btn-h-col: var(--tk-control-primary-ghost-content);
  --btn-h-bd: transparent;
}
@media (hover: hover) {
  .custom-dd-body .btn.btn--primary-compact:hover, .custom-dd-body .button.btn--primary-compact:hover, .custom-dd-body button.btn--primary-compact:hover, .custom-dd-body button.link.btn--primary-compact:hover, .custom-dd-body button:not(.link).btn--primary-compact:hover,
  .custom-dd-body button[type=button].btn--primary-compact:hover,
  .custom-dd-body button[type=reset].btn--primary-compact:hover,
  .custom-dd-body button[type=submit].btn--primary-compact:hover,
  .custom-dd-body .button.btn--primary-compact:hover {
    opacity: 0.7;
  }
}
.custom-dd-body .btn.btn--primary-compact:disabled, .custom-dd-body .btn.btn--primary-compact.is-disabled, .custom-dd-body .button.btn--primary-compact:disabled, .custom-dd-body .button.btn--primary-compact.is-disabled, .custom-dd-body button.btn--primary-compact:disabled, .custom-dd-body button.btn--primary-compact.is-disabled, .custom-dd-body button.link.btn--primary-compact:disabled, .custom-dd-body button.link.btn--primary-compact.is-disabled, .custom-dd-body button:not(.link).btn--primary-compact:disabled, .custom-dd-body button:not(.link).btn--primary-compact.is-disabled,
.custom-dd-body button[type=button].btn--primary-compact:disabled,
.custom-dd-body button[type=button].btn--primary-compact.is-disabled,
.custom-dd-body button[type=reset].btn--primary-compact:disabled,
.custom-dd-body button[type=reset].btn--primary-compact.is-disabled,
.custom-dd-body button[type=submit].btn--primary-compact:disabled,
.custom-dd-body button[type=submit].btn--primary-compact.is-disabled,
.custom-dd-body .button.btn--primary-compact:disabled,
.custom-dd-body .button.btn--primary-compact.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
  opacity: 1;
}
.custom-dd-body .btn.btn--secondary, .custom-dd-body .button.btn--secondary, .custom-dd-body button.btn--secondary, .custom-dd-body button.link.btn--secondary, .custom-dd-body button:not(.link).btn--secondary,
.custom-dd-body button[type=button].btn--secondary,
.custom-dd-body button[type=reset].btn--secondary,
.custom-dd-body button[type=submit].btn--secondary,
.custom-dd-body .button.btn--secondary {
  --btn-bg: var(--tk-control-secondary-filled-fill);
  --btn-col: var(--tk-control-secondary-filled-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-secondary-filled-content);
  --btn-h-col: var(--tk-control-secondary-filled-fill);
  --btn-h-bd: var(--tk-control-secondary-filled-content);
}
.custom-dd-body .btn.btn--secondary:disabled, .custom-dd-body .btn.btn--secondary.is-disabled, .custom-dd-body .button.btn--secondary:disabled, .custom-dd-body .button.btn--secondary.is-disabled, .custom-dd-body button.btn--secondary:disabled, .custom-dd-body button.btn--secondary.is-disabled, .custom-dd-body button.link.btn--secondary:disabled, .custom-dd-body button.link.btn--secondary.is-disabled, .custom-dd-body button:not(.link).btn--secondary:disabled, .custom-dd-body button:not(.link).btn--secondary.is-disabled,
.custom-dd-body button[type=button].btn--secondary:disabled,
.custom-dd-body button[type=button].btn--secondary.is-disabled,
.custom-dd-body button[type=reset].btn--secondary:disabled,
.custom-dd-body button[type=reset].btn--secondary.is-disabled,
.custom-dd-body button[type=submit].btn--secondary:disabled,
.custom-dd-body button[type=submit].btn--secondary.is-disabled,
.custom-dd-body .button.btn--secondary:disabled,
.custom-dd-body .button.btn--secondary.is-disabled {
  --btn-bg: var(--tk-control-disabled-filled-fill);
  --btn-col: var(--tk-control-disabled-filled-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--secondary-outlined, .custom-dd-body .button.btn--secondary-outlined, .custom-dd-body button.btn--secondary-outlined, .custom-dd-body button.link.btn--secondary-outlined, .custom-dd-body button:not(.link).btn--secondary-outlined,
.custom-dd-body button[type=button].btn--secondary-outlined,
.custom-dd-body button[type=reset].btn--secondary-outlined,
.custom-dd-body button[type=submit].btn--secondary-outlined,
.custom-dd-body .button.btn--secondary-outlined {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-secondary-outlined-content);
  --btn-bd: var(--tk-control-secondary-outlined-outline);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-secondary-outlined-outline);
  --btn-h-col: var(--tk-control-secondary-filled-content);
  --btn-h-bd: var(--tk-control-secondary-outlined-outline);
}
.custom-dd-body .btn.btn--secondary-outlined:disabled, .custom-dd-body .btn.btn--secondary-outlined.is-disabled, .custom-dd-body .button.btn--secondary-outlined:disabled, .custom-dd-body .button.btn--secondary-outlined.is-disabled, .custom-dd-body button.btn--secondary-outlined:disabled, .custom-dd-body button.btn--secondary-outlined.is-disabled, .custom-dd-body button.link.btn--secondary-outlined:disabled, .custom-dd-body button.link.btn--secondary-outlined.is-disabled, .custom-dd-body button:not(.link).btn--secondary-outlined:disabled, .custom-dd-body button:not(.link).btn--secondary-outlined.is-disabled,
.custom-dd-body button[type=button].btn--secondary-outlined:disabled,
.custom-dd-body button[type=button].btn--secondary-outlined.is-disabled,
.custom-dd-body button[type=reset].btn--secondary-outlined:disabled,
.custom-dd-body button[type=reset].btn--secondary-outlined.is-disabled,
.custom-dd-body button[type=submit].btn--secondary-outlined:disabled,
.custom-dd-body button[type=submit].btn--secondary-outlined.is-disabled,
.custom-dd-body .button.btn--secondary-outlined:disabled,
.custom-dd-body .button.btn--secondary-outlined.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-outlined-content);
  --btn-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .btn.btn--secondary-subtle, .custom-dd-body .button.btn--secondary-subtle, .custom-dd-body button.btn--secondary-subtle, .custom-dd-body button.link.btn--secondary-subtle, .custom-dd-body button:not(.link).btn--secondary-subtle,
.custom-dd-body button[type=button].btn--secondary-subtle,
.custom-dd-body button[type=reset].btn--secondary-subtle,
.custom-dd-body button[type=submit].btn--secondary-subtle,
.custom-dd-body .button.btn--secondary-subtle {
  --btn-bg: var(--tk-control-secondary-subtle-fill);
  --btn-col: var(--tk-control-secondary-subtle-content);
  --btn-bd: var(--tk-control-secondary-subtle-outline, transparent);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-secondary-subtle-content);
  --btn-h-col: var(--tk-control-secondary-subtle-fill);
  --btn-h-bd: var(--tk-control-secondary-subtle-content);
}
.custom-dd-body .btn.btn--secondary-subtle:disabled, .custom-dd-body .btn.btn--secondary-subtle.is-disabled, .custom-dd-body .button.btn--secondary-subtle:disabled, .custom-dd-body .button.btn--secondary-subtle.is-disabled, .custom-dd-body button.btn--secondary-subtle:disabled, .custom-dd-body button.btn--secondary-subtle.is-disabled, .custom-dd-body button.link.btn--secondary-subtle:disabled, .custom-dd-body button.link.btn--secondary-subtle.is-disabled, .custom-dd-body button:not(.link).btn--secondary-subtle:disabled, .custom-dd-body button:not(.link).btn--secondary-subtle.is-disabled,
.custom-dd-body button[type=button].btn--secondary-subtle:disabled,
.custom-dd-body button[type=button].btn--secondary-subtle.is-disabled,
.custom-dd-body button[type=reset].btn--secondary-subtle:disabled,
.custom-dd-body button[type=reset].btn--secondary-subtle.is-disabled,
.custom-dd-body button[type=submit].btn--secondary-subtle:disabled,
.custom-dd-body button[type=submit].btn--secondary-subtle.is-disabled,
.custom-dd-body .button.btn--secondary-subtle:disabled,
.custom-dd-body .button.btn--secondary-subtle.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-subtle-content);
  --btn-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .btn.btn--secondary-ghost, .custom-dd-body .button.btn--secondary-ghost, .custom-dd-body button.btn--secondary-ghost, .custom-dd-body button.link.btn--secondary-ghost, .custom-dd-body button:not(.link).btn--secondary-ghost,
.custom-dd-body button[type=button].btn--secondary-ghost,
.custom-dd-body button[type=reset].btn--secondary-ghost,
.custom-dd-body button[type=submit].btn--secondary-ghost,
.custom-dd-body .button.btn--secondary-ghost {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-secondary-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-secondary-ghost-content);
  --btn-h-col: var(--tk-control-secondary-filled-content);
  --btn-h-bd: var(--tk-control-secondary-ghost-content);
}
.custom-dd-body .btn.btn--secondary-ghost:disabled, .custom-dd-body .btn.btn--secondary-ghost.is-disabled, .custom-dd-body .button.btn--secondary-ghost:disabled, .custom-dd-body .button.btn--secondary-ghost.is-disabled, .custom-dd-body button.btn--secondary-ghost:disabled, .custom-dd-body button.btn--secondary-ghost.is-disabled, .custom-dd-body button.link.btn--secondary-ghost:disabled, .custom-dd-body button.link.btn--secondary-ghost.is-disabled, .custom-dd-body button:not(.link).btn--secondary-ghost:disabled, .custom-dd-body button:not(.link).btn--secondary-ghost.is-disabled,
.custom-dd-body button[type=button].btn--secondary-ghost:disabled,
.custom-dd-body button[type=button].btn--secondary-ghost.is-disabled,
.custom-dd-body button[type=reset].btn--secondary-ghost:disabled,
.custom-dd-body button[type=reset].btn--secondary-ghost.is-disabled,
.custom-dd-body button[type=submit].btn--secondary-ghost:disabled,
.custom-dd-body button[type=submit].btn--secondary-ghost.is-disabled,
.custom-dd-body .button.btn--secondary-ghost:disabled,
.custom-dd-body .button.btn--secondary-ghost.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--secondary-compact, .custom-dd-body .button.btn--secondary-compact, .custom-dd-body button.btn--secondary-compact, .custom-dd-body button.link.btn--secondary-compact, .custom-dd-body button:not(.link).btn--secondary-compact,
.custom-dd-body button[type=button].btn--secondary-compact,
.custom-dd-body button[type=reset].btn--secondary-compact,
.custom-dd-body button[type=submit].btn--secondary-compact,
.custom-dd-body .button.btn--secondary-compact {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-secondary-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  min-height: unset;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0 !important;
  --btn-h-bg: transparent;
  --btn-h-col: var(--tk-control-secondary-ghost-content);
  --btn-h-bd: transparent;
}
@media (hover: hover) {
  .custom-dd-body .btn.btn--secondary-compact:hover, .custom-dd-body .button.btn--secondary-compact:hover, .custom-dd-body button.btn--secondary-compact:hover, .custom-dd-body button.link.btn--secondary-compact:hover, .custom-dd-body button:not(.link).btn--secondary-compact:hover,
  .custom-dd-body button[type=button].btn--secondary-compact:hover,
  .custom-dd-body button[type=reset].btn--secondary-compact:hover,
  .custom-dd-body button[type=submit].btn--secondary-compact:hover,
  .custom-dd-body .button.btn--secondary-compact:hover {
    opacity: 0.7;
  }
}
.custom-dd-body .btn.btn--secondary-compact:disabled, .custom-dd-body .btn.btn--secondary-compact.is-disabled, .custom-dd-body .button.btn--secondary-compact:disabled, .custom-dd-body .button.btn--secondary-compact.is-disabled, .custom-dd-body button.btn--secondary-compact:disabled, .custom-dd-body button.btn--secondary-compact.is-disabled, .custom-dd-body button.link.btn--secondary-compact:disabled, .custom-dd-body button.link.btn--secondary-compact.is-disabled, .custom-dd-body button:not(.link).btn--secondary-compact:disabled, .custom-dd-body button:not(.link).btn--secondary-compact.is-disabled,
.custom-dd-body button[type=button].btn--secondary-compact:disabled,
.custom-dd-body button[type=button].btn--secondary-compact.is-disabled,
.custom-dd-body button[type=reset].btn--secondary-compact:disabled,
.custom-dd-body button[type=reset].btn--secondary-compact.is-disabled,
.custom-dd-body button[type=submit].btn--secondary-compact:disabled,
.custom-dd-body button[type=submit].btn--secondary-compact.is-disabled,
.custom-dd-body .button.btn--secondary-compact:disabled,
.custom-dd-body .button.btn--secondary-compact.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
  opacity: 1;
}
.custom-dd-body .btn.btn--tertiary, .custom-dd-body .button.btn--tertiary, .custom-dd-body button.btn--tertiary, .custom-dd-body button.link.btn--tertiary, .custom-dd-body button:not(.link).btn--tertiary,
.custom-dd-body button[type=button].btn--tertiary,
.custom-dd-body button[type=reset].btn--tertiary,
.custom-dd-body button[type=submit].btn--tertiary,
.custom-dd-body .button.btn--tertiary {
  --btn-bg: var(--tk-control-tertiary-filled-fill);
  --btn-col: var(--tk-control-tertiary-filled-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-tertiary-filled-content);
  --btn-h-col: var(--tk-control-tertiary-filled-fill);
  --btn-h-bd: var(--tk-control-tertiary-filled-content);
}
.custom-dd-body .btn.btn--tertiary:disabled, .custom-dd-body .btn.btn--tertiary.is-disabled, .custom-dd-body .button.btn--tertiary:disabled, .custom-dd-body .button.btn--tertiary.is-disabled, .custom-dd-body button.btn--tertiary:disabled, .custom-dd-body button.btn--tertiary.is-disabled, .custom-dd-body button.link.btn--tertiary:disabled, .custom-dd-body button.link.btn--tertiary.is-disabled, .custom-dd-body button:not(.link).btn--tertiary:disabled, .custom-dd-body button:not(.link).btn--tertiary.is-disabled,
.custom-dd-body button[type=button].btn--tertiary:disabled,
.custom-dd-body button[type=button].btn--tertiary.is-disabled,
.custom-dd-body button[type=reset].btn--tertiary:disabled,
.custom-dd-body button[type=reset].btn--tertiary.is-disabled,
.custom-dd-body button[type=submit].btn--tertiary:disabled,
.custom-dd-body button[type=submit].btn--tertiary.is-disabled,
.custom-dd-body .button.btn--tertiary:disabled,
.custom-dd-body .button.btn--tertiary.is-disabled {
  --btn-bg: var(--tk-control-disabled-filled-fill);
  --btn-col: var(--tk-control-disabled-filled-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--tertiary-outlined, .custom-dd-body .button.btn--tertiary-outlined, .custom-dd-body button.btn--tertiary-outlined, .custom-dd-body button.link.btn--tertiary-outlined, .custom-dd-body button:not(.link).btn--tertiary-outlined,
.custom-dd-body button[type=button].btn--tertiary-outlined,
.custom-dd-body button[type=reset].btn--tertiary-outlined,
.custom-dd-body button[type=submit].btn--tertiary-outlined,
.custom-dd-body .button.btn--tertiary-outlined {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-tertiary-outlined-content);
  --btn-bd: var(--tk-control-tertiary-outlined-outline);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-tertiary-outlined-outline);
  --btn-h-col: var(--tk-control-tertiary-filled-content);
  --btn-h-bd: var(--tk-control-tertiary-outlined-outline);
}
.custom-dd-body .btn.btn--tertiary-outlined:disabled, .custom-dd-body .btn.btn--tertiary-outlined.is-disabled, .custom-dd-body .button.btn--tertiary-outlined:disabled, .custom-dd-body .button.btn--tertiary-outlined.is-disabled, .custom-dd-body button.btn--tertiary-outlined:disabled, .custom-dd-body button.btn--tertiary-outlined.is-disabled, .custom-dd-body button.link.btn--tertiary-outlined:disabled, .custom-dd-body button.link.btn--tertiary-outlined.is-disabled, .custom-dd-body button:not(.link).btn--tertiary-outlined:disabled, .custom-dd-body button:not(.link).btn--tertiary-outlined.is-disabled,
.custom-dd-body button[type=button].btn--tertiary-outlined:disabled,
.custom-dd-body button[type=button].btn--tertiary-outlined.is-disabled,
.custom-dd-body button[type=reset].btn--tertiary-outlined:disabled,
.custom-dd-body button[type=reset].btn--tertiary-outlined.is-disabled,
.custom-dd-body button[type=submit].btn--tertiary-outlined:disabled,
.custom-dd-body button[type=submit].btn--tertiary-outlined.is-disabled,
.custom-dd-body .button.btn--tertiary-outlined:disabled,
.custom-dd-body .button.btn--tertiary-outlined.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-outlined-content);
  --btn-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .btn.btn--tertiary-subtle, .custom-dd-body .button.btn--tertiary-subtle, .custom-dd-body button.btn--tertiary-subtle, .custom-dd-body button.link.btn--tertiary-subtle, .custom-dd-body button:not(.link).btn--tertiary-subtle,
.custom-dd-body button[type=button].btn--tertiary-subtle,
.custom-dd-body button[type=reset].btn--tertiary-subtle,
.custom-dd-body button[type=submit].btn--tertiary-subtle,
.custom-dd-body .button.btn--tertiary-subtle {
  --btn-bg: var(--tk-control-tertiary-subtle-fill);
  --btn-col: var(--tk-control-tertiary-subtle-content);
  --btn-bd: var(--tk-control-tertiary-subtle-outline, transparent);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-tertiary-subtle-content);
  --btn-h-col: var(--tk-control-tertiary-subtle-fill);
  --btn-h-bd: var(--tk-control-tertiary-subtle-content);
}
.custom-dd-body .btn.btn--tertiary-subtle:disabled, .custom-dd-body .btn.btn--tertiary-subtle.is-disabled, .custom-dd-body .button.btn--tertiary-subtle:disabled, .custom-dd-body .button.btn--tertiary-subtle.is-disabled, .custom-dd-body button.btn--tertiary-subtle:disabled, .custom-dd-body button.btn--tertiary-subtle.is-disabled, .custom-dd-body button.link.btn--tertiary-subtle:disabled, .custom-dd-body button.link.btn--tertiary-subtle.is-disabled, .custom-dd-body button:not(.link).btn--tertiary-subtle:disabled, .custom-dd-body button:not(.link).btn--tertiary-subtle.is-disabled,
.custom-dd-body button[type=button].btn--tertiary-subtle:disabled,
.custom-dd-body button[type=button].btn--tertiary-subtle.is-disabled,
.custom-dd-body button[type=reset].btn--tertiary-subtle:disabled,
.custom-dd-body button[type=reset].btn--tertiary-subtle.is-disabled,
.custom-dd-body button[type=submit].btn--tertiary-subtle:disabled,
.custom-dd-body button[type=submit].btn--tertiary-subtle.is-disabled,
.custom-dd-body .button.btn--tertiary-subtle:disabled,
.custom-dd-body .button.btn--tertiary-subtle.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-subtle-content);
  --btn-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .btn.btn--tertiary-ghost, .custom-dd-body .button.btn--tertiary-ghost, .custom-dd-body button.btn--tertiary-ghost, .custom-dd-body button.link.btn--tertiary-ghost, .custom-dd-body button:not(.link).btn--tertiary-ghost,
.custom-dd-body button[type=button].btn--tertiary-ghost,
.custom-dd-body button[type=reset].btn--tertiary-ghost,
.custom-dd-body button[type=submit].btn--tertiary-ghost,
.custom-dd-body .button.btn--tertiary-ghost {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-tertiary-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-tertiary-ghost-content);
  --btn-h-col: var(--tk-control-tertiary-filled-content);
  --btn-h-bd: var(--tk-control-tertiary-ghost-content);
}
.custom-dd-body .btn.btn--tertiary-ghost:disabled, .custom-dd-body .btn.btn--tertiary-ghost.is-disabled, .custom-dd-body .button.btn--tertiary-ghost:disabled, .custom-dd-body .button.btn--tertiary-ghost.is-disabled, .custom-dd-body button.btn--tertiary-ghost:disabled, .custom-dd-body button.btn--tertiary-ghost.is-disabled, .custom-dd-body button.link.btn--tertiary-ghost:disabled, .custom-dd-body button.link.btn--tertiary-ghost.is-disabled, .custom-dd-body button:not(.link).btn--tertiary-ghost:disabled, .custom-dd-body button:not(.link).btn--tertiary-ghost.is-disabled,
.custom-dd-body button[type=button].btn--tertiary-ghost:disabled,
.custom-dd-body button[type=button].btn--tertiary-ghost.is-disabled,
.custom-dd-body button[type=reset].btn--tertiary-ghost:disabled,
.custom-dd-body button[type=reset].btn--tertiary-ghost.is-disabled,
.custom-dd-body button[type=submit].btn--tertiary-ghost:disabled,
.custom-dd-body button[type=submit].btn--tertiary-ghost.is-disabled,
.custom-dd-body .button.btn--tertiary-ghost:disabled,
.custom-dd-body .button.btn--tertiary-ghost.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--tertiary-compact, .custom-dd-body .button.btn--tertiary-compact, .custom-dd-body button.btn--tertiary-compact, .custom-dd-body button.link.btn--tertiary-compact, .custom-dd-body button:not(.link).btn--tertiary-compact,
.custom-dd-body button[type=button].btn--tertiary-compact,
.custom-dd-body button[type=reset].btn--tertiary-compact,
.custom-dd-body button[type=submit].btn--tertiary-compact,
.custom-dd-body .button.btn--tertiary-compact {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-tertiary-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  min-height: unset;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0 !important;
  --btn-h-bg: transparent;
  --btn-h-col: var(--tk-control-tertiary-ghost-content);
  --btn-h-bd: transparent;
}
@media (hover: hover) {
  .custom-dd-body .btn.btn--tertiary-compact:hover, .custom-dd-body .button.btn--tertiary-compact:hover, .custom-dd-body button.btn--tertiary-compact:hover, .custom-dd-body button.link.btn--tertiary-compact:hover, .custom-dd-body button:not(.link).btn--tertiary-compact:hover,
  .custom-dd-body button[type=button].btn--tertiary-compact:hover,
  .custom-dd-body button[type=reset].btn--tertiary-compact:hover,
  .custom-dd-body button[type=submit].btn--tertiary-compact:hover,
  .custom-dd-body .button.btn--tertiary-compact:hover {
    opacity: 0.7;
  }
}
.custom-dd-body .btn.btn--tertiary-compact:disabled, .custom-dd-body .btn.btn--tertiary-compact.is-disabled, .custom-dd-body .button.btn--tertiary-compact:disabled, .custom-dd-body .button.btn--tertiary-compact.is-disabled, .custom-dd-body button.btn--tertiary-compact:disabled, .custom-dd-body button.btn--tertiary-compact.is-disabled, .custom-dd-body button.link.btn--tertiary-compact:disabled, .custom-dd-body button.link.btn--tertiary-compact.is-disabled, .custom-dd-body button:not(.link).btn--tertiary-compact:disabled, .custom-dd-body button:not(.link).btn--tertiary-compact.is-disabled,
.custom-dd-body button[type=button].btn--tertiary-compact:disabled,
.custom-dd-body button[type=button].btn--tertiary-compact.is-disabled,
.custom-dd-body button[type=reset].btn--tertiary-compact:disabled,
.custom-dd-body button[type=reset].btn--tertiary-compact.is-disabled,
.custom-dd-body button[type=submit].btn--tertiary-compact:disabled,
.custom-dd-body button[type=submit].btn--tertiary-compact.is-disabled,
.custom-dd-body .button.btn--tertiary-compact:disabled,
.custom-dd-body .button.btn--tertiary-compact.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
  opacity: 1;
}
.custom-dd-body .btn.btn--danger, .custom-dd-body .button.btn--danger, .custom-dd-body button.btn--danger, .custom-dd-body button.link.btn--danger, .custom-dd-body button:not(.link).btn--danger,
.custom-dd-body button[type=button].btn--danger,
.custom-dd-body button[type=reset].btn--danger,
.custom-dd-body button[type=submit].btn--danger,
.custom-dd-body .button.btn--danger {
  --btn-bg: var(--tk-control-danger-filled-fill);
  --btn-col: var(--tk-control-danger-filled-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-danger-filled-content);
  --btn-h-col: var(--tk-control-danger-filled-fill);
  --btn-h-bd: var(--tk-control-danger-filled-content);
}
.custom-dd-body .btn.btn--danger:disabled, .custom-dd-body .btn.btn--danger.is-disabled, .custom-dd-body .button.btn--danger:disabled, .custom-dd-body .button.btn--danger.is-disabled, .custom-dd-body button.btn--danger:disabled, .custom-dd-body button.btn--danger.is-disabled, .custom-dd-body button.link.btn--danger:disabled, .custom-dd-body button.link.btn--danger.is-disabled, .custom-dd-body button:not(.link).btn--danger:disabled, .custom-dd-body button:not(.link).btn--danger.is-disabled,
.custom-dd-body button[type=button].btn--danger:disabled,
.custom-dd-body button[type=button].btn--danger.is-disabled,
.custom-dd-body button[type=reset].btn--danger:disabled,
.custom-dd-body button[type=reset].btn--danger.is-disabled,
.custom-dd-body button[type=submit].btn--danger:disabled,
.custom-dd-body button[type=submit].btn--danger.is-disabled,
.custom-dd-body .button.btn--danger:disabled,
.custom-dd-body .button.btn--danger.is-disabled {
  --btn-bg: var(--tk-control-disabled-filled-fill);
  --btn-col: var(--tk-control-disabled-filled-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--danger-outlined, .custom-dd-body .button.btn--danger-outlined, .custom-dd-body button.btn--danger-outlined, .custom-dd-body button.link.btn--danger-outlined, .custom-dd-body button:not(.link).btn--danger-outlined,
.custom-dd-body button[type=button].btn--danger-outlined,
.custom-dd-body button[type=reset].btn--danger-outlined,
.custom-dd-body button[type=submit].btn--danger-outlined,
.custom-dd-body .button.btn--danger-outlined {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-danger-outlined-content);
  --btn-bd: var(--tk-control-danger-outlined-outline);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-danger-outlined-outline);
  --btn-h-col: var(--tk-control-danger-filled-content);
  --btn-h-bd: var(--tk-control-danger-outlined-outline);
}
.custom-dd-body .btn.btn--danger-outlined:disabled, .custom-dd-body .btn.btn--danger-outlined.is-disabled, .custom-dd-body .button.btn--danger-outlined:disabled, .custom-dd-body .button.btn--danger-outlined.is-disabled, .custom-dd-body button.btn--danger-outlined:disabled, .custom-dd-body button.btn--danger-outlined.is-disabled, .custom-dd-body button.link.btn--danger-outlined:disabled, .custom-dd-body button.link.btn--danger-outlined.is-disabled, .custom-dd-body button:not(.link).btn--danger-outlined:disabled, .custom-dd-body button:not(.link).btn--danger-outlined.is-disabled,
.custom-dd-body button[type=button].btn--danger-outlined:disabled,
.custom-dd-body button[type=button].btn--danger-outlined.is-disabled,
.custom-dd-body button[type=reset].btn--danger-outlined:disabled,
.custom-dd-body button[type=reset].btn--danger-outlined.is-disabled,
.custom-dd-body button[type=submit].btn--danger-outlined:disabled,
.custom-dd-body button[type=submit].btn--danger-outlined.is-disabled,
.custom-dd-body .button.btn--danger-outlined:disabled,
.custom-dd-body .button.btn--danger-outlined.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-outlined-content);
  --btn-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .btn.btn--danger-subtle, .custom-dd-body .button.btn--danger-subtle, .custom-dd-body button.btn--danger-subtle, .custom-dd-body button.link.btn--danger-subtle, .custom-dd-body button:not(.link).btn--danger-subtle,
.custom-dd-body button[type=button].btn--danger-subtle,
.custom-dd-body button[type=reset].btn--danger-subtle,
.custom-dd-body button[type=submit].btn--danger-subtle,
.custom-dd-body .button.btn--danger-subtle {
  --btn-bg: var(--tk-control-danger-subtle-fill);
  --btn-col: var(--tk-control-danger-subtle-content);
  --btn-bd: var(--tk-control-danger-subtle-outline, transparent);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-danger-subtle-content);
  --btn-h-col: var(--tk-control-danger-subtle-fill);
  --btn-h-bd: var(--tk-control-danger-subtle-content);
}
.custom-dd-body .btn.btn--danger-subtle:disabled, .custom-dd-body .btn.btn--danger-subtle.is-disabled, .custom-dd-body .button.btn--danger-subtle:disabled, .custom-dd-body .button.btn--danger-subtle.is-disabled, .custom-dd-body button.btn--danger-subtle:disabled, .custom-dd-body button.btn--danger-subtle.is-disabled, .custom-dd-body button.link.btn--danger-subtle:disabled, .custom-dd-body button.link.btn--danger-subtle.is-disabled, .custom-dd-body button:not(.link).btn--danger-subtle:disabled, .custom-dd-body button:not(.link).btn--danger-subtle.is-disabled,
.custom-dd-body button[type=button].btn--danger-subtle:disabled,
.custom-dd-body button[type=button].btn--danger-subtle.is-disabled,
.custom-dd-body button[type=reset].btn--danger-subtle:disabled,
.custom-dd-body button[type=reset].btn--danger-subtle.is-disabled,
.custom-dd-body button[type=submit].btn--danger-subtle:disabled,
.custom-dd-body button[type=submit].btn--danger-subtle.is-disabled,
.custom-dd-body .button.btn--danger-subtle:disabled,
.custom-dd-body .button.btn--danger-subtle.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-subtle-content);
  --btn-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .btn.btn--danger-ghost, .custom-dd-body .button.btn--danger-ghost, .custom-dd-body button.btn--danger-ghost, .custom-dd-body button.link.btn--danger-ghost, .custom-dd-body button:not(.link).btn--danger-ghost,
.custom-dd-body button[type=button].btn--danger-ghost,
.custom-dd-body button[type=reset].btn--danger-ghost,
.custom-dd-body button[type=submit].btn--danger-ghost,
.custom-dd-body .button.btn--danger-ghost {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-danger-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-danger-ghost-content);
  --btn-h-col: var(--tk-control-danger-filled-content);
  --btn-h-bd: var(--tk-control-danger-ghost-content);
}
.custom-dd-body .btn.btn--danger-ghost:disabled, .custom-dd-body .btn.btn--danger-ghost.is-disabled, .custom-dd-body .button.btn--danger-ghost:disabled, .custom-dd-body .button.btn--danger-ghost.is-disabled, .custom-dd-body button.btn--danger-ghost:disabled, .custom-dd-body button.btn--danger-ghost.is-disabled, .custom-dd-body button.link.btn--danger-ghost:disabled, .custom-dd-body button.link.btn--danger-ghost.is-disabled, .custom-dd-body button:not(.link).btn--danger-ghost:disabled, .custom-dd-body button:not(.link).btn--danger-ghost.is-disabled,
.custom-dd-body button[type=button].btn--danger-ghost:disabled,
.custom-dd-body button[type=button].btn--danger-ghost.is-disabled,
.custom-dd-body button[type=reset].btn--danger-ghost:disabled,
.custom-dd-body button[type=reset].btn--danger-ghost.is-disabled,
.custom-dd-body button[type=submit].btn--danger-ghost:disabled,
.custom-dd-body button[type=submit].btn--danger-ghost.is-disabled,
.custom-dd-body .button.btn--danger-ghost:disabled,
.custom-dd-body .button.btn--danger-ghost.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--danger-compact, .custom-dd-body .button.btn--danger-compact, .custom-dd-body button.btn--danger-compact, .custom-dd-body button.link.btn--danger-compact, .custom-dd-body button:not(.link).btn--danger-compact,
.custom-dd-body button[type=button].btn--danger-compact,
.custom-dd-body button[type=reset].btn--danger-compact,
.custom-dd-body button[type=submit].btn--danger-compact,
.custom-dd-body .button.btn--danger-compact {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-danger-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  min-height: unset;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0 !important;
  --btn-h-bg: transparent;
  --btn-h-col: var(--tk-control-danger-ghost-content);
  --btn-h-bd: transparent;
}
@media (hover: hover) {
  .custom-dd-body .btn.btn--danger-compact:hover, .custom-dd-body .button.btn--danger-compact:hover, .custom-dd-body button.btn--danger-compact:hover, .custom-dd-body button.link.btn--danger-compact:hover, .custom-dd-body button:not(.link).btn--danger-compact:hover,
  .custom-dd-body button[type=button].btn--danger-compact:hover,
  .custom-dd-body button[type=reset].btn--danger-compact:hover,
  .custom-dd-body button[type=submit].btn--danger-compact:hover,
  .custom-dd-body .button.btn--danger-compact:hover {
    opacity: 0.7;
  }
}
.custom-dd-body .btn.btn--danger-compact:disabled, .custom-dd-body .btn.btn--danger-compact.is-disabled, .custom-dd-body .button.btn--danger-compact:disabled, .custom-dd-body .button.btn--danger-compact.is-disabled, .custom-dd-body button.btn--danger-compact:disabled, .custom-dd-body button.btn--danger-compact.is-disabled, .custom-dd-body button.link.btn--danger-compact:disabled, .custom-dd-body button.link.btn--danger-compact.is-disabled, .custom-dd-body button:not(.link).btn--danger-compact:disabled, .custom-dd-body button:not(.link).btn--danger-compact.is-disabled,
.custom-dd-body button[type=button].btn--danger-compact:disabled,
.custom-dd-body button[type=button].btn--danger-compact.is-disabled,
.custom-dd-body button[type=reset].btn--danger-compact:disabled,
.custom-dd-body button[type=reset].btn--danger-compact.is-disabled,
.custom-dd-body button[type=submit].btn--danger-compact:disabled,
.custom-dd-body button[type=submit].btn--danger-compact.is-disabled,
.custom-dd-body .button.btn--danger-compact:disabled,
.custom-dd-body .button.btn--danger-compact.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
  opacity: 1;
}
.custom-dd-body .btn.btn--warning, .custom-dd-body .button.btn--warning, .custom-dd-body button.btn--warning, .custom-dd-body button.link.btn--warning, .custom-dd-body button:not(.link).btn--warning,
.custom-dd-body button[type=button].btn--warning,
.custom-dd-body button[type=reset].btn--warning,
.custom-dd-body button[type=submit].btn--warning,
.custom-dd-body .button.btn--warning {
  --btn-bg: var(--tk-control-warning-filled-fill);
  --btn-col: var(--tk-control-warning-filled-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-warning-filled-content);
  --btn-h-col: var(--tk-control-warning-filled-fill);
  --btn-h-bd: var(--tk-control-warning-filled-content);
}
.custom-dd-body .btn.btn--warning:disabled, .custom-dd-body .btn.btn--warning.is-disabled, .custom-dd-body .button.btn--warning:disabled, .custom-dd-body .button.btn--warning.is-disabled, .custom-dd-body button.btn--warning:disabled, .custom-dd-body button.btn--warning.is-disabled, .custom-dd-body button.link.btn--warning:disabled, .custom-dd-body button.link.btn--warning.is-disabled, .custom-dd-body button:not(.link).btn--warning:disabled, .custom-dd-body button:not(.link).btn--warning.is-disabled,
.custom-dd-body button[type=button].btn--warning:disabled,
.custom-dd-body button[type=button].btn--warning.is-disabled,
.custom-dd-body button[type=reset].btn--warning:disabled,
.custom-dd-body button[type=reset].btn--warning.is-disabled,
.custom-dd-body button[type=submit].btn--warning:disabled,
.custom-dd-body button[type=submit].btn--warning.is-disabled,
.custom-dd-body .button.btn--warning:disabled,
.custom-dd-body .button.btn--warning.is-disabled {
  --btn-bg: var(--tk-control-disabled-filled-fill);
  --btn-col: var(--tk-control-disabled-filled-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--warning-outlined, .custom-dd-body .button.btn--warning-outlined, .custom-dd-body button.btn--warning-outlined, .custom-dd-body button.link.btn--warning-outlined, .custom-dd-body button:not(.link).btn--warning-outlined,
.custom-dd-body button[type=button].btn--warning-outlined,
.custom-dd-body button[type=reset].btn--warning-outlined,
.custom-dd-body button[type=submit].btn--warning-outlined,
.custom-dd-body .button.btn--warning-outlined {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-warning-outlined-content);
  --btn-bd: var(--tk-control-warning-outlined-outline);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-warning-outlined-outline);
  --btn-h-col: var(--tk-control-warning-filled-content);
  --btn-h-bd: var(--tk-control-warning-outlined-outline);
}
.custom-dd-body .btn.btn--warning-outlined:disabled, .custom-dd-body .btn.btn--warning-outlined.is-disabled, .custom-dd-body .button.btn--warning-outlined:disabled, .custom-dd-body .button.btn--warning-outlined.is-disabled, .custom-dd-body button.btn--warning-outlined:disabled, .custom-dd-body button.btn--warning-outlined.is-disabled, .custom-dd-body button.link.btn--warning-outlined:disabled, .custom-dd-body button.link.btn--warning-outlined.is-disabled, .custom-dd-body button:not(.link).btn--warning-outlined:disabled, .custom-dd-body button:not(.link).btn--warning-outlined.is-disabled,
.custom-dd-body button[type=button].btn--warning-outlined:disabled,
.custom-dd-body button[type=button].btn--warning-outlined.is-disabled,
.custom-dd-body button[type=reset].btn--warning-outlined:disabled,
.custom-dd-body button[type=reset].btn--warning-outlined.is-disabled,
.custom-dd-body button[type=submit].btn--warning-outlined:disabled,
.custom-dd-body button[type=submit].btn--warning-outlined.is-disabled,
.custom-dd-body .button.btn--warning-outlined:disabled,
.custom-dd-body .button.btn--warning-outlined.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-outlined-content);
  --btn-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .btn.btn--warning-subtle, .custom-dd-body .button.btn--warning-subtle, .custom-dd-body button.btn--warning-subtle, .custom-dd-body button.link.btn--warning-subtle, .custom-dd-body button:not(.link).btn--warning-subtle,
.custom-dd-body button[type=button].btn--warning-subtle,
.custom-dd-body button[type=reset].btn--warning-subtle,
.custom-dd-body button[type=submit].btn--warning-subtle,
.custom-dd-body .button.btn--warning-subtle {
  --btn-bg: var(--tk-control-warning-subtle-fill);
  --btn-col: var(--tk-control-warning-subtle-content);
  --btn-bd: var(--tk-control-warning-subtle-outline, transparent);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-warning-subtle-content);
  --btn-h-col: var(--tk-control-warning-subtle-fill);
  --btn-h-bd: var(--tk-control-warning-subtle-content);
}
.custom-dd-body .btn.btn--warning-subtle:disabled, .custom-dd-body .btn.btn--warning-subtle.is-disabled, .custom-dd-body .button.btn--warning-subtle:disabled, .custom-dd-body .button.btn--warning-subtle.is-disabled, .custom-dd-body button.btn--warning-subtle:disabled, .custom-dd-body button.btn--warning-subtle.is-disabled, .custom-dd-body button.link.btn--warning-subtle:disabled, .custom-dd-body button.link.btn--warning-subtle.is-disabled, .custom-dd-body button:not(.link).btn--warning-subtle:disabled, .custom-dd-body button:not(.link).btn--warning-subtle.is-disabled,
.custom-dd-body button[type=button].btn--warning-subtle:disabled,
.custom-dd-body button[type=button].btn--warning-subtle.is-disabled,
.custom-dd-body button[type=reset].btn--warning-subtle:disabled,
.custom-dd-body button[type=reset].btn--warning-subtle.is-disabled,
.custom-dd-body button[type=submit].btn--warning-subtle:disabled,
.custom-dd-body button[type=submit].btn--warning-subtle.is-disabled,
.custom-dd-body .button.btn--warning-subtle:disabled,
.custom-dd-body .button.btn--warning-subtle.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-subtle-content);
  --btn-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .btn.btn--warning-ghost, .custom-dd-body .button.btn--warning-ghost, .custom-dd-body button.btn--warning-ghost, .custom-dd-body button.link.btn--warning-ghost, .custom-dd-body button:not(.link).btn--warning-ghost,
.custom-dd-body button[type=button].btn--warning-ghost,
.custom-dd-body button[type=reset].btn--warning-ghost,
.custom-dd-body button[type=submit].btn--warning-ghost,
.custom-dd-body .button.btn--warning-ghost {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-warning-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-warning-ghost-content);
  --btn-h-col: var(--tk-control-warning-filled-content);
  --btn-h-bd: var(--tk-control-warning-ghost-content);
}
.custom-dd-body .btn.btn--warning-ghost:disabled, .custom-dd-body .btn.btn--warning-ghost.is-disabled, .custom-dd-body .button.btn--warning-ghost:disabled, .custom-dd-body .button.btn--warning-ghost.is-disabled, .custom-dd-body button.btn--warning-ghost:disabled, .custom-dd-body button.btn--warning-ghost.is-disabled, .custom-dd-body button.link.btn--warning-ghost:disabled, .custom-dd-body button.link.btn--warning-ghost.is-disabled, .custom-dd-body button:not(.link).btn--warning-ghost:disabled, .custom-dd-body button:not(.link).btn--warning-ghost.is-disabled,
.custom-dd-body button[type=button].btn--warning-ghost:disabled,
.custom-dd-body button[type=button].btn--warning-ghost.is-disabled,
.custom-dd-body button[type=reset].btn--warning-ghost:disabled,
.custom-dd-body button[type=reset].btn--warning-ghost.is-disabled,
.custom-dd-body button[type=submit].btn--warning-ghost:disabled,
.custom-dd-body button[type=submit].btn--warning-ghost.is-disabled,
.custom-dd-body .button.btn--warning-ghost:disabled,
.custom-dd-body .button.btn--warning-ghost.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--warning-compact, .custom-dd-body .button.btn--warning-compact, .custom-dd-body button.btn--warning-compact, .custom-dd-body button.link.btn--warning-compact, .custom-dd-body button:not(.link).btn--warning-compact,
.custom-dd-body button[type=button].btn--warning-compact,
.custom-dd-body button[type=reset].btn--warning-compact,
.custom-dd-body button[type=submit].btn--warning-compact,
.custom-dd-body .button.btn--warning-compact {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-warning-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  min-height: unset;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0 !important;
  --btn-h-bg: transparent;
  --btn-h-col: var(--tk-control-warning-ghost-content);
  --btn-h-bd: transparent;
}
@media (hover: hover) {
  .custom-dd-body .btn.btn--warning-compact:hover, .custom-dd-body .button.btn--warning-compact:hover, .custom-dd-body button.btn--warning-compact:hover, .custom-dd-body button.link.btn--warning-compact:hover, .custom-dd-body button:not(.link).btn--warning-compact:hover,
  .custom-dd-body button[type=button].btn--warning-compact:hover,
  .custom-dd-body button[type=reset].btn--warning-compact:hover,
  .custom-dd-body button[type=submit].btn--warning-compact:hover,
  .custom-dd-body .button.btn--warning-compact:hover {
    opacity: 0.7;
  }
}
.custom-dd-body .btn.btn--warning-compact:disabled, .custom-dd-body .btn.btn--warning-compact.is-disabled, .custom-dd-body .button.btn--warning-compact:disabled, .custom-dd-body .button.btn--warning-compact.is-disabled, .custom-dd-body button.btn--warning-compact:disabled, .custom-dd-body button.btn--warning-compact.is-disabled, .custom-dd-body button.link.btn--warning-compact:disabled, .custom-dd-body button.link.btn--warning-compact.is-disabled, .custom-dd-body button:not(.link).btn--warning-compact:disabled, .custom-dd-body button:not(.link).btn--warning-compact.is-disabled,
.custom-dd-body button[type=button].btn--warning-compact:disabled,
.custom-dd-body button[type=button].btn--warning-compact.is-disabled,
.custom-dd-body button[type=reset].btn--warning-compact:disabled,
.custom-dd-body button[type=reset].btn--warning-compact.is-disabled,
.custom-dd-body button[type=submit].btn--warning-compact:disabled,
.custom-dd-body button[type=submit].btn--warning-compact.is-disabled,
.custom-dd-body .button.btn--warning-compact:disabled,
.custom-dd-body .button.btn--warning-compact.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
  opacity: 1;
}
.custom-dd-body .btn.btn--success, .custom-dd-body .button.btn--success, .custom-dd-body button.btn--success, .custom-dd-body button.link.btn--success, .custom-dd-body button:not(.link).btn--success,
.custom-dd-body button[type=button].btn--success,
.custom-dd-body button[type=reset].btn--success,
.custom-dd-body button[type=submit].btn--success,
.custom-dd-body .button.btn--success {
  --btn-bg: var(--tk-control-success-filled-fill);
  --btn-col: var(--tk-control-success-filled-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-success-filled-content);
  --btn-h-col: var(--tk-control-success-filled-fill);
  --btn-h-bd: var(--tk-control-success-filled-content);
}
.custom-dd-body .btn.btn--success:disabled, .custom-dd-body .btn.btn--success.is-disabled, .custom-dd-body .button.btn--success:disabled, .custom-dd-body .button.btn--success.is-disabled, .custom-dd-body button.btn--success:disabled, .custom-dd-body button.btn--success.is-disabled, .custom-dd-body button.link.btn--success:disabled, .custom-dd-body button.link.btn--success.is-disabled, .custom-dd-body button:not(.link).btn--success:disabled, .custom-dd-body button:not(.link).btn--success.is-disabled,
.custom-dd-body button[type=button].btn--success:disabled,
.custom-dd-body button[type=button].btn--success.is-disabled,
.custom-dd-body button[type=reset].btn--success:disabled,
.custom-dd-body button[type=reset].btn--success.is-disabled,
.custom-dd-body button[type=submit].btn--success:disabled,
.custom-dd-body button[type=submit].btn--success.is-disabled,
.custom-dd-body .button.btn--success:disabled,
.custom-dd-body .button.btn--success.is-disabled {
  --btn-bg: var(--tk-control-disabled-filled-fill);
  --btn-col: var(--tk-control-disabled-filled-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--success-outlined, .custom-dd-body .button.btn--success-outlined, .custom-dd-body button.btn--success-outlined, .custom-dd-body button.link.btn--success-outlined, .custom-dd-body button:not(.link).btn--success-outlined,
.custom-dd-body button[type=button].btn--success-outlined,
.custom-dd-body button[type=reset].btn--success-outlined,
.custom-dd-body button[type=submit].btn--success-outlined,
.custom-dd-body .button.btn--success-outlined {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-success-outlined-content);
  --btn-bd: var(--tk-control-success-outlined-outline);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-success-outlined-outline);
  --btn-h-col: var(--tk-control-success-filled-content);
  --btn-h-bd: var(--tk-control-success-outlined-outline);
}
.custom-dd-body .btn.btn--success-outlined:disabled, .custom-dd-body .btn.btn--success-outlined.is-disabled, .custom-dd-body .button.btn--success-outlined:disabled, .custom-dd-body .button.btn--success-outlined.is-disabled, .custom-dd-body button.btn--success-outlined:disabled, .custom-dd-body button.btn--success-outlined.is-disabled, .custom-dd-body button.link.btn--success-outlined:disabled, .custom-dd-body button.link.btn--success-outlined.is-disabled, .custom-dd-body button:not(.link).btn--success-outlined:disabled, .custom-dd-body button:not(.link).btn--success-outlined.is-disabled,
.custom-dd-body button[type=button].btn--success-outlined:disabled,
.custom-dd-body button[type=button].btn--success-outlined.is-disabled,
.custom-dd-body button[type=reset].btn--success-outlined:disabled,
.custom-dd-body button[type=reset].btn--success-outlined.is-disabled,
.custom-dd-body button[type=submit].btn--success-outlined:disabled,
.custom-dd-body button[type=submit].btn--success-outlined.is-disabled,
.custom-dd-body .button.btn--success-outlined:disabled,
.custom-dd-body .button.btn--success-outlined.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-outlined-content);
  --btn-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .btn.btn--success-subtle, .custom-dd-body .button.btn--success-subtle, .custom-dd-body button.btn--success-subtle, .custom-dd-body button.link.btn--success-subtle, .custom-dd-body button:not(.link).btn--success-subtle,
.custom-dd-body button[type=button].btn--success-subtle,
.custom-dd-body button[type=reset].btn--success-subtle,
.custom-dd-body button[type=submit].btn--success-subtle,
.custom-dd-body .button.btn--success-subtle {
  --btn-bg: var(--tk-control-success-subtle-fill);
  --btn-col: var(--tk-control-success-subtle-content);
  --btn-bd: var(--tk-control-success-subtle-outline, transparent);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-success-subtle-content);
  --btn-h-col: var(--tk-control-success-subtle-fill);
  --btn-h-bd: var(--tk-control-success-subtle-content);
}
.custom-dd-body .btn.btn--success-subtle:disabled, .custom-dd-body .btn.btn--success-subtle.is-disabled, .custom-dd-body .button.btn--success-subtle:disabled, .custom-dd-body .button.btn--success-subtle.is-disabled, .custom-dd-body button.btn--success-subtle:disabled, .custom-dd-body button.btn--success-subtle.is-disabled, .custom-dd-body button.link.btn--success-subtle:disabled, .custom-dd-body button.link.btn--success-subtle.is-disabled, .custom-dd-body button:not(.link).btn--success-subtle:disabled, .custom-dd-body button:not(.link).btn--success-subtle.is-disabled,
.custom-dd-body button[type=button].btn--success-subtle:disabled,
.custom-dd-body button[type=button].btn--success-subtle.is-disabled,
.custom-dd-body button[type=reset].btn--success-subtle:disabled,
.custom-dd-body button[type=reset].btn--success-subtle.is-disabled,
.custom-dd-body button[type=submit].btn--success-subtle:disabled,
.custom-dd-body button[type=submit].btn--success-subtle.is-disabled,
.custom-dd-body .button.btn--success-subtle:disabled,
.custom-dd-body .button.btn--success-subtle.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-subtle-content);
  --btn-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .btn.btn--success-ghost, .custom-dd-body .button.btn--success-ghost, .custom-dd-body button.btn--success-ghost, .custom-dd-body button.link.btn--success-ghost, .custom-dd-body button:not(.link).btn--success-ghost,
.custom-dd-body button[type=button].btn--success-ghost,
.custom-dd-body button[type=reset].btn--success-ghost,
.custom-dd-body button[type=submit].btn--success-ghost,
.custom-dd-body .button.btn--success-ghost {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-success-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-success-ghost-content);
  --btn-h-col: var(--tk-control-success-filled-content);
  --btn-h-bd: var(--tk-control-success-ghost-content);
}
.custom-dd-body .btn.btn--success-ghost:disabled, .custom-dd-body .btn.btn--success-ghost.is-disabled, .custom-dd-body .button.btn--success-ghost:disabled, .custom-dd-body .button.btn--success-ghost.is-disabled, .custom-dd-body button.btn--success-ghost:disabled, .custom-dd-body button.btn--success-ghost.is-disabled, .custom-dd-body button.link.btn--success-ghost:disabled, .custom-dd-body button.link.btn--success-ghost.is-disabled, .custom-dd-body button:not(.link).btn--success-ghost:disabled, .custom-dd-body button:not(.link).btn--success-ghost.is-disabled,
.custom-dd-body button[type=button].btn--success-ghost:disabled,
.custom-dd-body button[type=button].btn--success-ghost.is-disabled,
.custom-dd-body button[type=reset].btn--success-ghost:disabled,
.custom-dd-body button[type=reset].btn--success-ghost.is-disabled,
.custom-dd-body button[type=submit].btn--success-ghost:disabled,
.custom-dd-body button[type=submit].btn--success-ghost.is-disabled,
.custom-dd-body .button.btn--success-ghost:disabled,
.custom-dd-body .button.btn--success-ghost.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--success-compact, .custom-dd-body .button.btn--success-compact, .custom-dd-body button.btn--success-compact, .custom-dd-body button.link.btn--success-compact, .custom-dd-body button:not(.link).btn--success-compact,
.custom-dd-body button[type=button].btn--success-compact,
.custom-dd-body button[type=reset].btn--success-compact,
.custom-dd-body button[type=submit].btn--success-compact,
.custom-dd-body .button.btn--success-compact {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-success-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  min-height: unset;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0 !important;
  --btn-h-bg: transparent;
  --btn-h-col: var(--tk-control-success-ghost-content);
  --btn-h-bd: transparent;
}
@media (hover: hover) {
  .custom-dd-body .btn.btn--success-compact:hover, .custom-dd-body .button.btn--success-compact:hover, .custom-dd-body button.btn--success-compact:hover, .custom-dd-body button.link.btn--success-compact:hover, .custom-dd-body button:not(.link).btn--success-compact:hover,
  .custom-dd-body button[type=button].btn--success-compact:hover,
  .custom-dd-body button[type=reset].btn--success-compact:hover,
  .custom-dd-body button[type=submit].btn--success-compact:hover,
  .custom-dd-body .button.btn--success-compact:hover {
    opacity: 0.7;
  }
}
.custom-dd-body .btn.btn--success-compact:disabled, .custom-dd-body .btn.btn--success-compact.is-disabled, .custom-dd-body .button.btn--success-compact:disabled, .custom-dd-body .button.btn--success-compact.is-disabled, .custom-dd-body button.btn--success-compact:disabled, .custom-dd-body button.btn--success-compact.is-disabled, .custom-dd-body button.link.btn--success-compact:disabled, .custom-dd-body button.link.btn--success-compact.is-disabled, .custom-dd-body button:not(.link).btn--success-compact:disabled, .custom-dd-body button:not(.link).btn--success-compact.is-disabled,
.custom-dd-body button[type=button].btn--success-compact:disabled,
.custom-dd-body button[type=button].btn--success-compact.is-disabled,
.custom-dd-body button[type=reset].btn--success-compact:disabled,
.custom-dd-body button[type=reset].btn--success-compact.is-disabled,
.custom-dd-body button[type=submit].btn--success-compact:disabled,
.custom-dd-body button[type=submit].btn--success-compact.is-disabled,
.custom-dd-body .button.btn--success-compact:disabled,
.custom-dd-body .button.btn--success-compact.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
  opacity: 1;
}
.custom-dd-body .btn.btn--info, .custom-dd-body .button.btn--info, .custom-dd-body button.btn--info, .custom-dd-body button.link.btn--info, .custom-dd-body button:not(.link).btn--info,
.custom-dd-body button[type=button].btn--info,
.custom-dd-body button[type=reset].btn--info,
.custom-dd-body button[type=submit].btn--info,
.custom-dd-body .button.btn--info {
  --btn-bg: var(--tk-control-info-filled-fill);
  --btn-col: var(--tk-control-info-filled-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-info-filled-content);
  --btn-h-col: var(--tk-control-info-filled-fill);
  --btn-h-bd: var(--tk-control-info-filled-content);
}
.custom-dd-body .btn.btn--info:disabled, .custom-dd-body .btn.btn--info.is-disabled, .custom-dd-body .button.btn--info:disabled, .custom-dd-body .button.btn--info.is-disabled, .custom-dd-body button.btn--info:disabled, .custom-dd-body button.btn--info.is-disabled, .custom-dd-body button.link.btn--info:disabled, .custom-dd-body button.link.btn--info.is-disabled, .custom-dd-body button:not(.link).btn--info:disabled, .custom-dd-body button:not(.link).btn--info.is-disabled,
.custom-dd-body button[type=button].btn--info:disabled,
.custom-dd-body button[type=button].btn--info.is-disabled,
.custom-dd-body button[type=reset].btn--info:disabled,
.custom-dd-body button[type=reset].btn--info.is-disabled,
.custom-dd-body button[type=submit].btn--info:disabled,
.custom-dd-body button[type=submit].btn--info.is-disabled,
.custom-dd-body .button.btn--info:disabled,
.custom-dd-body .button.btn--info.is-disabled {
  --btn-bg: var(--tk-control-disabled-filled-fill);
  --btn-col: var(--tk-control-disabled-filled-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--info-outlined, .custom-dd-body .button.btn--info-outlined, .custom-dd-body button.btn--info-outlined, .custom-dd-body button.link.btn--info-outlined, .custom-dd-body button:not(.link).btn--info-outlined,
.custom-dd-body button[type=button].btn--info-outlined,
.custom-dd-body button[type=reset].btn--info-outlined,
.custom-dd-body button[type=submit].btn--info-outlined,
.custom-dd-body .button.btn--info-outlined {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-info-outlined-content);
  --btn-bd: var(--tk-control-info-outlined-outline);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-info-outlined-outline);
  --btn-h-col: var(--tk-control-info-filled-content);
  --btn-h-bd: var(--tk-control-info-outlined-outline);
}
.custom-dd-body .btn.btn--info-outlined:disabled, .custom-dd-body .btn.btn--info-outlined.is-disabled, .custom-dd-body .button.btn--info-outlined:disabled, .custom-dd-body .button.btn--info-outlined.is-disabled, .custom-dd-body button.btn--info-outlined:disabled, .custom-dd-body button.btn--info-outlined.is-disabled, .custom-dd-body button.link.btn--info-outlined:disabled, .custom-dd-body button.link.btn--info-outlined.is-disabled, .custom-dd-body button:not(.link).btn--info-outlined:disabled, .custom-dd-body button:not(.link).btn--info-outlined.is-disabled,
.custom-dd-body button[type=button].btn--info-outlined:disabled,
.custom-dd-body button[type=button].btn--info-outlined.is-disabled,
.custom-dd-body button[type=reset].btn--info-outlined:disabled,
.custom-dd-body button[type=reset].btn--info-outlined.is-disabled,
.custom-dd-body button[type=submit].btn--info-outlined:disabled,
.custom-dd-body button[type=submit].btn--info-outlined.is-disabled,
.custom-dd-body .button.btn--info-outlined:disabled,
.custom-dd-body .button.btn--info-outlined.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-outlined-content);
  --btn-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .btn.btn--info-subtle, .custom-dd-body .button.btn--info-subtle, .custom-dd-body button.btn--info-subtle, .custom-dd-body button.link.btn--info-subtle, .custom-dd-body button:not(.link).btn--info-subtle,
.custom-dd-body button[type=button].btn--info-subtle,
.custom-dd-body button[type=reset].btn--info-subtle,
.custom-dd-body button[type=submit].btn--info-subtle,
.custom-dd-body .button.btn--info-subtle {
  --btn-bg: var(--tk-control-info-subtle-fill);
  --btn-col: var(--tk-control-info-subtle-content);
  --btn-bd: var(--tk-control-info-subtle-outline, transparent);
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-info-subtle-content);
  --btn-h-col: var(--tk-control-info-subtle-fill);
  --btn-h-bd: var(--tk-control-info-subtle-content);
}
.custom-dd-body .btn.btn--info-subtle:disabled, .custom-dd-body .btn.btn--info-subtle.is-disabled, .custom-dd-body .button.btn--info-subtle:disabled, .custom-dd-body .button.btn--info-subtle.is-disabled, .custom-dd-body button.btn--info-subtle:disabled, .custom-dd-body button.btn--info-subtle.is-disabled, .custom-dd-body button.link.btn--info-subtle:disabled, .custom-dd-body button.link.btn--info-subtle.is-disabled, .custom-dd-body button:not(.link).btn--info-subtle:disabled, .custom-dd-body button:not(.link).btn--info-subtle.is-disabled,
.custom-dd-body button[type=button].btn--info-subtle:disabled,
.custom-dd-body button[type=button].btn--info-subtle.is-disabled,
.custom-dd-body button[type=reset].btn--info-subtle:disabled,
.custom-dd-body button[type=reset].btn--info-subtle.is-disabled,
.custom-dd-body button[type=submit].btn--info-subtle:disabled,
.custom-dd-body button[type=submit].btn--info-subtle.is-disabled,
.custom-dd-body .button.btn--info-subtle:disabled,
.custom-dd-body .button.btn--info-subtle.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-subtle-content);
  --btn-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .btn.btn--info-ghost, .custom-dd-body .button.btn--info-ghost, .custom-dd-body button.btn--info-ghost, .custom-dd-body button.link.btn--info-ghost, .custom-dd-body button:not(.link).btn--info-ghost,
.custom-dd-body button[type=button].btn--info-ghost,
.custom-dd-body button[type=reset].btn--info-ghost,
.custom-dd-body button[type=submit].btn--info-ghost,
.custom-dd-body .button.btn--info-ghost {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-info-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  --btn-h-bg: var(--tk-control-info-ghost-content);
  --btn-h-col: var(--tk-control-info-filled-content);
  --btn-h-bd: var(--tk-control-info-ghost-content);
}
.custom-dd-body .btn.btn--info-ghost:disabled, .custom-dd-body .btn.btn--info-ghost.is-disabled, .custom-dd-body .button.btn--info-ghost:disabled, .custom-dd-body .button.btn--info-ghost.is-disabled, .custom-dd-body button.btn--info-ghost:disabled, .custom-dd-body button.btn--info-ghost.is-disabled, .custom-dd-body button.link.btn--info-ghost:disabled, .custom-dd-body button.link.btn--info-ghost.is-disabled, .custom-dd-body button:not(.link).btn--info-ghost:disabled, .custom-dd-body button:not(.link).btn--info-ghost.is-disabled,
.custom-dd-body button[type=button].btn--info-ghost:disabled,
.custom-dd-body button[type=button].btn--info-ghost.is-disabled,
.custom-dd-body button[type=reset].btn--info-ghost:disabled,
.custom-dd-body button[type=reset].btn--info-ghost.is-disabled,
.custom-dd-body button[type=submit].btn--info-ghost:disabled,
.custom-dd-body button[type=submit].btn--info-ghost.is-disabled,
.custom-dd-body .button.btn--info-ghost:disabled,
.custom-dd-body .button.btn--info-ghost.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
}
.custom-dd-body .btn.btn--info-compact, .custom-dd-body .button.btn--info-compact, .custom-dd-body button.btn--info-compact, .custom-dd-body button.link.btn--info-compact, .custom-dd-body button:not(.link).btn--info-compact,
.custom-dd-body button[type=button].btn--info-compact,
.custom-dd-body button[type=reset].btn--info-compact,
.custom-dd-body button[type=submit].btn--info-compact,
.custom-dd-body .button.btn--info-compact {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-info-ghost-content);
  --btn-bd: transparent;
  border-width: var(--btn-border-width);
  min-height: unset;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0 !important;
  --btn-h-bg: transparent;
  --btn-h-col: var(--tk-control-info-ghost-content);
  --btn-h-bd: transparent;
}
@media (hover: hover) {
  .custom-dd-body .btn.btn--info-compact:hover, .custom-dd-body .button.btn--info-compact:hover, .custom-dd-body button.btn--info-compact:hover, .custom-dd-body button.link.btn--info-compact:hover, .custom-dd-body button:not(.link).btn--info-compact:hover,
  .custom-dd-body button[type=button].btn--info-compact:hover,
  .custom-dd-body button[type=reset].btn--info-compact:hover,
  .custom-dd-body button[type=submit].btn--info-compact:hover,
  .custom-dd-body .button.btn--info-compact:hover {
    opacity: 0.7;
  }
}
.custom-dd-body .btn.btn--info-compact:disabled, .custom-dd-body .btn.btn--info-compact.is-disabled, .custom-dd-body .button.btn--info-compact:disabled, .custom-dd-body .button.btn--info-compact.is-disabled, .custom-dd-body button.btn--info-compact:disabled, .custom-dd-body button.btn--info-compact.is-disabled, .custom-dd-body button.link.btn--info-compact:disabled, .custom-dd-body button.link.btn--info-compact.is-disabled, .custom-dd-body button:not(.link).btn--info-compact:disabled, .custom-dd-body button:not(.link).btn--info-compact.is-disabled,
.custom-dd-body button[type=button].btn--info-compact:disabled,
.custom-dd-body button[type=button].btn--info-compact.is-disabled,
.custom-dd-body button[type=reset].btn--info-compact:disabled,
.custom-dd-body button[type=reset].btn--info-compact.is-disabled,
.custom-dd-body button[type=submit].btn--info-compact:disabled,
.custom-dd-body button[type=submit].btn--info-compact.is-disabled,
.custom-dd-body .button.btn--info-compact:disabled,
.custom-dd-body .button.btn--info-compact.is-disabled {
  --btn-bg: transparent;
  --btn-col: var(--tk-control-disabled-ghost-content);
  --btn-bd: transparent;
  opacity: 1;
}

.custom-dd-body .toggle-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-family: var(--font-main, sans-serif);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1;
  border-style: solid;
  border-width: var(--nb-common-stroke-m, 1.5px);
  border-radius: var(--nb-common-radius-control-pill, 100rem);
  cursor: pointer;
  transition: all var(--def-trans-time, 0.2s) ease-in-out;
  -webkit-appearance: none;
}
.custom-dd-body .toggle-button svg {
  fill: currentColor;
  flex-shrink: 0;
  display: block;
}
.custom-dd-body .toggle-button svg path {
  fill: currentColor;
}
.custom-dd-body .toggle-button .btn-badge {
  height: var(--nb-common-control-size-3xs, 2.4rem);
  min-width: var(--nb-common-control-size-3xs, 2.4rem);
  border-radius: var(--nb-common-radius-control-pill, 100rem);
  padding: var(--nb-atom-badge-3xs-sides);
  color: var(--tk-ink-contrast-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.custom-dd-body .toggle-button.btn-on, .custom-dd-body .toggle-button.active {
  border-radius: var(--nb-common-radius-control-soft, 0.8rem);
}
.custom-dd-body .toggle-button.btn-on .btn-badge, .custom-dd-body .toggle-button.active .btn-badge {
  display: flex;
}
.custom-dd-body .toggle-button:disabled, .custom-dd-body .toggle-button.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
  opacity: 1;
}
.custom-dd-body .toggle-button:disabled .btn-badge, .custom-dd-body .toggle-button.is-disabled .btn-badge {
  display: none !important;
}
.custom-dd-body .toggle-button:disabled, .custom-dd-body .toggle-button.is-disabled {
  color: var(--tk-control-disabled-subtle-outline) !important;
  border-color: var(--tk-control-disabled-subtle-outline) !important;
}
.custom-dd-body .toggle-button.btn--size-l {
  height: var(--nb-common-control-size-l, 5.2rem);
  padding: 0 var(--nb-atom-button-l-sides, 2.8rem);
  gap: var(--nb-atom-button-l-gap, 1rem);
  font-size: var(--tg-styles-button-m-size, 1.8rem);
}
.custom-dd-body .toggle-button.btn--size-l svg {
  width: var(--nb-atom-button-l-icon-size, 2.4rem);
  min-width: var(--nb-atom-button-l-icon-size, 2.4rem);
  max-width: var(--nb-atom-button-l-icon-size, 2.4rem);
  height: var(--nb-atom-button-l-icon-size, 2.4rem);
  margin-left: -4px;
}
.custom-dd-body .toggle-button.btn--size-l .btn-badge {
  margin-right: -4px;
}
.custom-dd-body .toggle-button.btn--size-m {
  height: var(--nb-common-control-size-m, 4.4rem);
  padding: 0 var(--nb-atom-button-m-sides, 2rem);
  gap: var(--nb-atom-button-m-gap, 0.8rem);
  font-size: var(--tg-styles-button-s-size, 1.6rem);
}
.custom-dd-body .toggle-button.btn--size-m svg {
  width: var(--nb-atom-button-m-icon-size, 2rem);
  min-width: var(--nb-atom-button-m-icon-size, 2rem);
  max-width: var(--nb-atom-button-m-icon-size, 2rem);
  height: var(--nb-atom-button-m-icon-size, 2rem);
  margin-left: -2px;
}
.custom-dd-body .toggle-button.btn--size-m .btn-badge {
  margin-right: -2px;
}
.custom-dd-body .toggle-button.btn--size-s {
  height: var(--nb-common-control-size-s, 3.6rem);
  padding: 0 var(--nb-atom-button-s-sides, 1.6rem);
  gap: var(--nb-atom-button-s-gap, 0.8rem);
  font-size: var(--tg-styles-button-xs-size, 1.4rem);
}
.custom-dd-body .toggle-button.btn--size-s svg {
  width: var(--nb-atom-button-s-icon-size, 1.8rem);
  min-width: var(--nb-atom-button-s-icon-size, 1.8rem);
  max-width: var(--nb-atom-button-s-icon-size, 1.8rem);
  height: var(--nb-atom-button-s-icon-size, 1.8rem);
  margin-left: -2px;
}
.custom-dd-body .toggle-button.btn--size-s .btn-badge {
  margin-right: -2px;
}
.custom-dd-body .toggle-button.btn--neutral {
  color: var(--tk-control-neutral-subtle-content);
  border-color: var(--tk-control-neutral-subtle-outline);
}
.custom-dd-body .toggle-button.btn--neutral .btn-badge {
  background-color: var(--tk-surface-strong);
}
@media (hover: hover) {
  .custom-dd-body .toggle-button.btn--neutral:hover {
    border-color: var(--tk-control-neutral-subtle-content);
  }
}
.custom-dd-body .toggle-button.btn--neutral.btn-on {
  color: var(--tk-control-neutral-outlined-content);
  border-color: var(--tk-control-neutral-outlined-outline);
}
.custom-dd-body .toggle-button.btn--neutral.btn-on .btn-badge {
  background-color: var(--tk-surface-strong);
}
@media (hover: hover) {
  .custom-dd-body .toggle-button.btn--neutral.btn-on:hover {
    border-color: var(--tk-control-neutral-subtle-outline);
  }
}
.custom-dd-body .toggle-button.btn--neutral.active {
  color: var(--tk-control-neutral-outlined-content);
  border-color: var(--tk-control-neutral-outlined-outline);
}
.custom-dd-body .toggle-button.btn--neutral.active .btn-badge {
  background-color: var(--tk-surface-strong);
}
@media (hover: hover) {
  .custom-dd-body .toggle-button.btn--neutral.active:hover {
    border-color: var(--tk-control-neutral-subtle-outline);
  }
}
.custom-dd-body .toggle-button.btn--primary {
  color: var(--tk-control-neutral-outlined-content);
  border-color: var(--tk-control-neutral-subtle-outline);
}
.custom-dd-body .toggle-button.btn--primary .btn-badge {
  background-color: var(--tk-surface-strong);
}
@media (hover: hover) {
  .custom-dd-body .toggle-button.btn--primary:hover {
    border-color: var(--tk-control-neutral-outlined-content);
  }
}
.custom-dd-body .toggle-button.btn--primary.btn-on {
  color: var(--tk-control-primary-subtle-content);
  border-color: var(--tk-control-primary-subtle-outline);
}
.custom-dd-body .toggle-button.btn--primary.btn-on .btn-badge {
  background-color: var(--tk-primary-strong);
}
@media (hover: hover) {
  .custom-dd-body .toggle-button.btn--primary.btn-on:hover {
    border-color: var(--tk-control-primary-subtle-content);
  }
}
.custom-dd-body .toggle-button.btn--primary.active {
  color: var(--tk-control-primary-subtle-content);
  border-color: var(--tk-control-primary-subtle-outline);
}
.custom-dd-body .toggle-button.btn--primary.active .btn-badge {
  background-color: var(--tk-primary-strong);
}
@media (hover: hover) {
  .custom-dd-body .toggle-button.btn--primary.active:hover {
    border-color: var(--tk-control-primary-subtle-content);
  }
}

.custom-dd-body .context-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-family: var(--font-main, sans-serif);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1;
  color: var(--tk-control-neutral-outlined-content);
  border-style: solid;
  border-width: var(--nb-common-stroke-m, 1.5px);
  border-color: var(--tk-control-neutral-subtle-outline);
  cursor: pointer;
  transition: all var(--def-trans-time, 0.2s) ease-in-out;
  -webkit-appearance: none;
}
.custom-dd-body .context-button .btn-badge {
  height: var(--nb-common-control-size-3xs, 2.4rem);
  min-width: var(--nb-common-control-size-3xs, 2.4rem);
  padding: var(--nb-atom-badge-3xs-sides);
  border-radius: var(--nb-common-radius-control-pill, 100rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-dd-body .context-button.btn--size-l {
  height: var(--nb-common-control-size-l, 5.2rem);
  padding: 0 var(--nb-atom-button-l-sides, 2.8rem);
  gap: var(--nb-atom-button-l-gap, 1rem);
  font-size: var(--tg-styles-button-m-size, 1.8rem);
}
.custom-dd-body .context-button.btn--size-l .btn-badge {
  margin-right: -0.4rem;
}
.custom-dd-body .context-button.btn--size-m {
  height: var(--nb-common-control-size-m, 4.4rem);
  padding: 0 var(--nb-atom-button-m-sides, 2rem);
  gap: var(--nb-atom-button-m-gap, 0.8rem);
  font-size: var(--tg-styles-button-s-size, 1.6rem);
}
.custom-dd-body .context-button.btn--size-m .btn-badge {
  margin-right: -0.4rem;
}
.custom-dd-body .context-button.btn--size-s {
  height: var(--nb-common-control-size-s, 3.6rem);
  padding: 0 var(--nb-atom-button-s-sides, 1.6rem);
  gap: var(--nb-atom-button-s-gap, 0.8rem);
  font-size: var(--tg-styles-button-xs-size, 1.4rem);
}
.custom-dd-body .context-button.btn--size-s .btn-badge {
  margin-right: -0.4rem;
}
.custom-dd-body .context-button.btn--surface {
  border-radius: var(--nb-common-radius-control-pill, 100rem);
}
.custom-dd-body .context-button.btn--surface .btn-badge {
  color: var(--tk-ink-contrast-primary);
  background-color: var(--tk-surface-strong);
}
@media (hover: hover) {
  .custom-dd-body .context-button.btn--surface:hover {
    border-color: var(--tk-surface-strong);
  }
}
.custom-dd-body .context-button.btn--primary {
  border-radius: var(--nb-common-radius-control-soft, 0.8rem);
}
.custom-dd-body .context-button.btn--primary .btn-badge {
  color: var(--tk-ink-contrast-primary);
  background-color: var(--tk-primary-strong);
}
@media (hover: hover) {
  .custom-dd-body .context-button.btn--primary:hover {
    border-color: var(--tk-primary-strong);
  }
}
.custom-dd-body .context-button.btn--tertiary {
  border-radius: var(--nb-common-radius-control-soft, 0.8rem);
}
.custom-dd-body .context-button.btn--tertiary .btn-badge {
  color: var(--tk-ink-main-primary);
  background-color: var(--tk-tertiary-toned);
}
@media (hover: hover) {
  .custom-dd-body .context-button.btn--tertiary:hover {
    border-color: var(--tk-tertiary-toned);
  }
}

.custom-dd-body .arrow {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-family: var(--font-main, sans-serif);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1;
  border-style: solid;
  border-radius: var(--nb-common-radius-control-pill, 100rem);
  cursor: pointer;
  transition: all var(--def-trans-time, 0.2s) ease-in-out;
  -webkit-appearance: none;
  background-color: var(--arrow-bg);
  color: var(--arrow-col);
  border-color: var(--arrow-bd);
}
@media (hover: hover) {
  .custom-dd-body .arrow:hover {
    background-color: var(--arrow-h-bg);
    color: var(--arrow-h-col);
    border-color: var(--arrow-h-bd);
    opacity: 1;
  }
}
.custom-dd-body .arrow:active {
  transform: translateY(1px);
}
.custom-dd-body .arrow:disabled, .custom-dd-body .arrow.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
  opacity: 1;
}
.custom-dd-body .arrow svg {
  fill: currentColor;
  flex-shrink: 0;
  display: block;
}
.custom-dd-body .arrow.arrow--size-l {
  height: var(--nb-common-control-size-l, 5.2rem);
  width: var(--nb-common-control-size-l, 5.2rem);
  --arrow-border-width: var(--nb-common-stroke-m, 1.5px);
}
.custom-dd-body .arrow.arrow--size-l svg {
  width: var(--nb-atom-button-l-icon-size, 2.8rem);
  min-width: var(--nb-atom-button-l-icon-size, 2.8rem);
  max-width: var(--nb-atom-button-l-icon-size, 2.8rem);
  height: var(--nb-atom-button-l-icon-size, 2.8rem);
}
.custom-dd-body .arrow.arrow--size-m {
  height: var(--nb-common-control-size-m, 4.4rem);
  width: var(--nb-common-control-size-m, 4.4rem);
  --arrow-border-width: var(--nb-common-stroke-m, 1.5px);
}
.custom-dd-body .arrow.arrow--size-m svg {
  width: var(--nb-atom-button-m-icon-size, 2rem);
  min-width: var(--nb-atom-button-m-icon-size, 2rem);
  max-width: var(--nb-atom-button-m-icon-size, 2rem);
  height: var(--nb-atom-button-m-icon-size, 2rem);
}
.custom-dd-body .arrow.arrow--size-s {
  height: var(--nb-common-control-size-s, 3.6rem);
  width: var(--nb-common-control-size-s, 3.6rem);
  --arrow-border-width: var(--nb-common-stroke-m, 1.5px);
}
.custom-dd-body .arrow.arrow--size-s svg {
  width: var(--nb-atom-button-s-icon-size, 1.8rem);
  min-width: var(--nb-atom-button-s-icon-size, 1.8rem);
  max-width: var(--nb-atom-button-s-icon-size, 1.8rem);
  height: var(--nb-atom-button-s-icon-size, 1.8rem);
}
.custom-dd-body .arrow.arrow--neutral {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-neutral-filled-fill);
  --arrow-col: var(--tk-control-neutral-filled-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-neutral-filled-content);
  --arrow-h-col: var(--tk-control-neutral-filled-fill);
  --arrow-h-bd: var(--tk-control-neutral-filled-content);
}
.custom-dd-body .arrow.arrow--neutral:disabled, .custom-dd-body .arrow.arrow--neutral.is-disabled {
  --arrow-bg: var(--tk-control-disabled-filled-fill);
  --arrow-col: var(--tk-control-disabled-filled-content);
  --arrow-bd: transparent;
}
.custom-dd-body .arrow.arrow--neutral-outlined {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-neutral-outlined-content);
  --arrow-bd: var(--tk-control-neutral-outlined-outline);
  --arrow-h-bg: var(--tk-control-neutral-outlined-outline);
  --arrow-h-col: var(--tk-control-neutral-filled-content);
  --arrow-h-bd: var(--tk-control-neutral-outlined-outline);
}
.custom-dd-body .arrow.arrow--neutral-outlined:disabled, .custom-dd-body .arrow.arrow--neutral-outlined.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-outlined-content);
  --arrow-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .arrow.arrow--neutral-subtle {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-neutral-subtle-fill);
  --arrow-col: var(--tk-control-neutral-subtle-content);
  --arrow-bd: var(--tk-control-neutral-subtle-outline, transparent);
  --arrow-h-bg: var(--tk-control-neutral-subtle-content);
  --arrow-h-col: var(--tk-control-neutral-subtle-fill);
  --arrow-h-bd: var(--tk-control-neutral-subtle-content);
}
.custom-dd-body .arrow.arrow--neutral-subtle:disabled, .custom-dd-body .arrow.arrow--neutral-subtle.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-subtle-content);
  --arrow-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .arrow.arrow--neutral-ghost {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-neutral-ghost-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-neutral-ghost-content);
  --arrow-h-col: var(--tk-control-neutral-filled-content);
  --arrow-h-bd: var(--tk-control-neutral-ghost-content);
}
.custom-dd-body .arrow.arrow--neutral-ghost:disabled, .custom-dd-body .arrow.arrow--neutral-ghost.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-ghost-content);
  --arrow-bd: transparent;
}
.custom-dd-body .arrow.arrow--primary {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-primary-filled-fill);
  --arrow-col: var(--tk-control-primary-filled-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-primary-filled-content);
  --arrow-h-col: var(--tk-control-primary-filled-fill);
  --arrow-h-bd: var(--tk-control-primary-filled-content);
}
.custom-dd-body .arrow.arrow--primary:disabled, .custom-dd-body .arrow.arrow--primary.is-disabled {
  --arrow-bg: var(--tk-control-disabled-filled-fill);
  --arrow-col: var(--tk-control-disabled-filled-content);
  --arrow-bd: transparent;
}
.custom-dd-body .arrow.arrow--primary-outlined {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-primary-outlined-content);
  --arrow-bd: var(--tk-control-primary-outlined-outline);
  --arrow-h-bg: var(--tk-control-primary-outlined-outline);
  --arrow-h-col: var(--tk-control-primary-filled-content);
  --arrow-h-bd: var(--tk-control-primary-outlined-outline);
}
.custom-dd-body .arrow.arrow--primary-outlined:disabled, .custom-dd-body .arrow.arrow--primary-outlined.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-outlined-content);
  --arrow-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .arrow.arrow--primary-subtle {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-primary-subtle-fill);
  --arrow-col: var(--tk-control-primary-subtle-content);
  --arrow-bd: var(--tk-control-primary-subtle-outline, transparent);
  --arrow-h-bg: var(--tk-control-primary-subtle-content);
  --arrow-h-col: var(--tk-control-primary-subtle-fill);
  --arrow-h-bd: var(--tk-control-primary-subtle-content);
}
.custom-dd-body .arrow.arrow--primary-subtle:disabled, .custom-dd-body .arrow.arrow--primary-subtle.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-subtle-content);
  --arrow-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .arrow.arrow--primary-ghost {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-primary-ghost-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-primary-ghost-content);
  --arrow-h-col: var(--tk-control-primary-filled-content);
  --arrow-h-bd: var(--tk-control-primary-ghost-content);
}
.custom-dd-body .arrow.arrow--primary-ghost:disabled, .custom-dd-body .arrow.arrow--primary-ghost.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-ghost-content);
  --arrow-bd: transparent;
}
.custom-dd-body .arrow.arrow--secondary {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-secondary-filled-fill);
  --arrow-col: var(--tk-control-secondary-filled-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-secondary-filled-content);
  --arrow-h-col: var(--tk-control-secondary-filled-fill);
  --arrow-h-bd: var(--tk-control-secondary-filled-content);
}
.custom-dd-body .arrow.arrow--secondary:disabled, .custom-dd-body .arrow.arrow--secondary.is-disabled {
  --arrow-bg: var(--tk-control-disabled-filled-fill);
  --arrow-col: var(--tk-control-disabled-filled-content);
  --arrow-bd: transparent;
}
.custom-dd-body .arrow.arrow--secondary-outlined {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-secondary-outlined-content);
  --arrow-bd: var(--tk-control-secondary-outlined-outline);
  --arrow-h-bg: var(--tk-control-secondary-outlined-outline);
  --arrow-h-col: var(--tk-control-secondary-filled-content);
  --arrow-h-bd: var(--tk-control-secondary-outlined-outline);
}
.custom-dd-body .arrow.arrow--secondary-outlined:disabled, .custom-dd-body .arrow.arrow--secondary-outlined.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-outlined-content);
  --arrow-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .arrow.arrow--secondary-subtle {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-secondary-subtle-fill);
  --arrow-col: var(--tk-control-secondary-subtle-content);
  --arrow-bd: var(--tk-control-secondary-subtle-outline, transparent);
  --arrow-h-bg: var(--tk-control-secondary-subtle-content);
  --arrow-h-col: var(--tk-control-secondary-subtle-fill);
  --arrow-h-bd: var(--tk-control-secondary-subtle-content);
}
.custom-dd-body .arrow.arrow--secondary-subtle:disabled, .custom-dd-body .arrow.arrow--secondary-subtle.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-subtle-content);
  --arrow-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .arrow.arrow--secondary-ghost {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-secondary-ghost-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-secondary-ghost-content);
  --arrow-h-col: var(--tk-control-secondary-filled-content);
  --arrow-h-bd: var(--tk-control-secondary-ghost-content);
}
.custom-dd-body .arrow.arrow--secondary-ghost:disabled, .custom-dd-body .arrow.arrow--secondary-ghost.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-ghost-content);
  --arrow-bd: transparent;
}
.custom-dd-body .arrow.arrow--tertiary {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-tertiary-filled-fill);
  --arrow-col: var(--tk-control-tertiary-filled-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-tertiary-filled-content);
  --arrow-h-col: var(--tk-control-tertiary-filled-fill);
  --arrow-h-bd: var(--tk-control-tertiary-filled-content);
}
.custom-dd-body .arrow.arrow--tertiary:disabled, .custom-dd-body .arrow.arrow--tertiary.is-disabled {
  --arrow-bg: var(--tk-control-disabled-filled-fill);
  --arrow-col: var(--tk-control-disabled-filled-content);
  --arrow-bd: transparent;
}
.custom-dd-body .arrow.arrow--tertiary-outlined {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-tertiary-outlined-content);
  --arrow-bd: var(--tk-control-tertiary-outlined-outline);
  --arrow-h-bg: var(--tk-control-tertiary-outlined-outline);
  --arrow-h-col: var(--tk-control-tertiary-filled-content);
  --arrow-h-bd: var(--tk-control-tertiary-outlined-outline);
}
.custom-dd-body .arrow.arrow--tertiary-outlined:disabled, .custom-dd-body .arrow.arrow--tertiary-outlined.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-outlined-content);
  --arrow-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .arrow.arrow--tertiary-subtle {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-tertiary-subtle-fill);
  --arrow-col: var(--tk-control-tertiary-subtle-content);
  --arrow-bd: var(--tk-control-tertiary-subtle-outline, transparent);
  --arrow-h-bg: var(--tk-control-tertiary-subtle-content);
  --arrow-h-col: var(--tk-control-tertiary-subtle-fill);
  --arrow-h-bd: var(--tk-control-tertiary-subtle-content);
}
.custom-dd-body .arrow.arrow--tertiary-subtle:disabled, .custom-dd-body .arrow.arrow--tertiary-subtle.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-subtle-content);
  --arrow-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .arrow.arrow--tertiary-ghost {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-tertiary-ghost-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-tertiary-ghost-content);
  --arrow-h-col: var(--tk-control-tertiary-filled-content);
  --arrow-h-bd: var(--tk-control-tertiary-ghost-content);
}
.custom-dd-body .arrow.arrow--tertiary-ghost:disabled, .custom-dd-body .arrow.arrow--tertiary-ghost.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-ghost-content);
  --arrow-bd: transparent;
}
.custom-dd-body .arrow.arrow--danger {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-danger-filled-fill);
  --arrow-col: var(--tk-control-danger-filled-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-danger-filled-content);
  --arrow-h-col: var(--tk-control-danger-filled-fill);
  --arrow-h-bd: var(--tk-control-danger-filled-content);
}
.custom-dd-body .arrow.arrow--danger:disabled, .custom-dd-body .arrow.arrow--danger.is-disabled {
  --arrow-bg: var(--tk-control-disabled-filled-fill);
  --arrow-col: var(--tk-control-disabled-filled-content);
  --arrow-bd: transparent;
}
.custom-dd-body .arrow.arrow--danger-outlined {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-danger-outlined-content);
  --arrow-bd: var(--tk-control-danger-outlined-outline);
  --arrow-h-bg: var(--tk-control-danger-outlined-outline);
  --arrow-h-col: var(--tk-control-danger-filled-content);
  --arrow-h-bd: var(--tk-control-danger-outlined-outline);
}
.custom-dd-body .arrow.arrow--danger-outlined:disabled, .custom-dd-body .arrow.arrow--danger-outlined.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-outlined-content);
  --arrow-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .arrow.arrow--danger-subtle {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-danger-subtle-fill);
  --arrow-col: var(--tk-control-danger-subtle-content);
  --arrow-bd: var(--tk-control-danger-subtle-outline, transparent);
  --arrow-h-bg: var(--tk-control-danger-subtle-content);
  --arrow-h-col: var(--tk-control-danger-subtle-fill);
  --arrow-h-bd: var(--tk-control-danger-subtle-content);
}
.custom-dd-body .arrow.arrow--danger-subtle:disabled, .custom-dd-body .arrow.arrow--danger-subtle.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-subtle-content);
  --arrow-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .arrow.arrow--danger-ghost {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-danger-ghost-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-danger-ghost-content);
  --arrow-h-col: var(--tk-control-danger-filled-content);
  --arrow-h-bd: var(--tk-control-danger-ghost-content);
}
.custom-dd-body .arrow.arrow--danger-ghost:disabled, .custom-dd-body .arrow.arrow--danger-ghost.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-ghost-content);
  --arrow-bd: transparent;
}
.custom-dd-body .arrow.arrow--warning {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-warning-filled-fill);
  --arrow-col: var(--tk-control-warning-filled-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-warning-filled-content);
  --arrow-h-col: var(--tk-control-warning-filled-fill);
  --arrow-h-bd: var(--tk-control-warning-filled-content);
}
.custom-dd-body .arrow.arrow--warning:disabled, .custom-dd-body .arrow.arrow--warning.is-disabled {
  --arrow-bg: var(--tk-control-disabled-filled-fill);
  --arrow-col: var(--tk-control-disabled-filled-content);
  --arrow-bd: transparent;
}
.custom-dd-body .arrow.arrow--warning-outlined {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-warning-outlined-content);
  --arrow-bd: var(--tk-control-warning-outlined-outline);
  --arrow-h-bg: var(--tk-control-warning-outlined-outline);
  --arrow-h-col: var(--tk-control-warning-filled-content);
  --arrow-h-bd: var(--tk-control-warning-outlined-outline);
}
.custom-dd-body .arrow.arrow--warning-outlined:disabled, .custom-dd-body .arrow.arrow--warning-outlined.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-outlined-content);
  --arrow-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .arrow.arrow--warning-subtle {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-warning-subtle-fill);
  --arrow-col: var(--tk-control-warning-subtle-content);
  --arrow-bd: var(--tk-control-warning-subtle-outline, transparent);
  --arrow-h-bg: var(--tk-control-warning-subtle-content);
  --arrow-h-col: var(--tk-control-warning-subtle-fill);
  --arrow-h-bd: var(--tk-control-warning-subtle-content);
}
.custom-dd-body .arrow.arrow--warning-subtle:disabled, .custom-dd-body .arrow.arrow--warning-subtle.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-subtle-content);
  --arrow-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .arrow.arrow--warning-ghost {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-warning-ghost-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-warning-ghost-content);
  --arrow-h-col: var(--tk-control-warning-filled-content);
  --arrow-h-bd: var(--tk-control-warning-ghost-content);
}
.custom-dd-body .arrow.arrow--warning-ghost:disabled, .custom-dd-body .arrow.arrow--warning-ghost.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-ghost-content);
  --arrow-bd: transparent;
}
.custom-dd-body .arrow.arrow--success {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-success-filled-fill);
  --arrow-col: var(--tk-control-success-filled-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-success-filled-content);
  --arrow-h-col: var(--tk-control-success-filled-fill);
  --arrow-h-bd: var(--tk-control-success-filled-content);
}
.custom-dd-body .arrow.arrow--success:disabled, .custom-dd-body .arrow.arrow--success.is-disabled {
  --arrow-bg: var(--tk-control-disabled-filled-fill);
  --arrow-col: var(--tk-control-disabled-filled-content);
  --arrow-bd: transparent;
}
.custom-dd-body .arrow.arrow--success-outlined {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-success-outlined-content);
  --arrow-bd: var(--tk-control-success-outlined-outline);
  --arrow-h-bg: var(--tk-control-success-outlined-outline);
  --arrow-h-col: var(--tk-control-success-filled-content);
  --arrow-h-bd: var(--tk-control-success-outlined-outline);
}
.custom-dd-body .arrow.arrow--success-outlined:disabled, .custom-dd-body .arrow.arrow--success-outlined.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-outlined-content);
  --arrow-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .arrow.arrow--success-subtle {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-success-subtle-fill);
  --arrow-col: var(--tk-control-success-subtle-content);
  --arrow-bd: var(--tk-control-success-subtle-outline, transparent);
  --arrow-h-bg: var(--tk-control-success-subtle-content);
  --arrow-h-col: var(--tk-control-success-subtle-fill);
  --arrow-h-bd: var(--tk-control-success-subtle-content);
}
.custom-dd-body .arrow.arrow--success-subtle:disabled, .custom-dd-body .arrow.arrow--success-subtle.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-subtle-content);
  --arrow-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .arrow.arrow--success-ghost {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-success-ghost-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-success-ghost-content);
  --arrow-h-col: var(--tk-control-success-filled-content);
  --arrow-h-bd: var(--tk-control-success-ghost-content);
}
.custom-dd-body .arrow.arrow--success-ghost:disabled, .custom-dd-body .arrow.arrow--success-ghost.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-ghost-content);
  --arrow-bd: transparent;
}
.custom-dd-body .arrow.arrow--info {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-info-filled-fill);
  --arrow-col: var(--tk-control-info-filled-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-info-filled-content);
  --arrow-h-col: var(--tk-control-info-filled-fill);
  --arrow-h-bd: var(--tk-control-info-filled-content);
}
.custom-dd-body .arrow.arrow--info:disabled, .custom-dd-body .arrow.arrow--info.is-disabled {
  --arrow-bg: var(--tk-control-disabled-filled-fill);
  --arrow-col: var(--tk-control-disabled-filled-content);
  --arrow-bd: transparent;
}
.custom-dd-body .arrow.arrow--info-outlined {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-info-outlined-content);
  --arrow-bd: var(--tk-control-info-outlined-outline);
  --arrow-h-bg: var(--tk-control-info-outlined-outline);
  --arrow-h-col: var(--tk-control-info-filled-content);
  --arrow-h-bd: var(--tk-control-info-outlined-outline);
}
.custom-dd-body .arrow.arrow--info-outlined:disabled, .custom-dd-body .arrow.arrow--info-outlined.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-outlined-content);
  --arrow-bd: var(--tk-control-disabled-outlined-outline);
}
.custom-dd-body .arrow.arrow--info-subtle {
  border-width: var(--arrow-border-width);
  --arrow-bg: var(--tk-control-info-subtle-fill);
  --arrow-col: var(--tk-control-info-subtle-content);
  --arrow-bd: var(--tk-control-info-subtle-outline, transparent);
  --arrow-h-bg: var(--tk-control-info-subtle-content);
  --arrow-h-col: var(--tk-control-info-subtle-fill);
  --arrow-h-bd: var(--tk-control-info-subtle-content);
}
.custom-dd-body .arrow.arrow--info-subtle:disabled, .custom-dd-body .arrow.arrow--info-subtle.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-subtle-content);
  --arrow-bd: var(--tk-control-disabled-subtle-outline);
}
.custom-dd-body .arrow.arrow--info-ghost {
  border-width: var(--arrow-border-width);
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-info-ghost-content);
  --arrow-bd: transparent;
  --arrow-h-bg: var(--tk-control-info-ghost-content);
  --arrow-h-col: var(--tk-control-info-filled-content);
  --arrow-h-bd: var(--tk-control-info-ghost-content);
}
.custom-dd-body .arrow.arrow--info-ghost:disabled, .custom-dd-body .arrow.arrow--info-ghost.is-disabled {
  --arrow-bg: transparent;
  --arrow-col: var(--tk-control-disabled-ghost-content);
  --arrow-bd: transparent;
}

.custom-dd-body .badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-family: var(--font-main, sans-serif);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1;
  border-radius: var(--nb-common-radius-control-pill, 1000px);
  cursor: default;
  transition: all var(--def-trans-time, 0.2s) ease-in-out;
  -webkit-appearance: none;
}
.custom-dd-body .badge.badge--size-l {
  height: var(--nb-common-control-size-2xs, 2.8rem);
  min-width: var(--nb-common-control-size-2xs, 2.8rem);
  padding: 0 var(--nb-atom-badge-2xs-sides, 0.8rem);
  font-size: var(--tg-styles-badge-m-size, 1.6rem);
}
.custom-dd-body .badge.badge--size-m {
  height: var(--nb-common-control-size-3xs, 2.4rem);
  min-width: var(--nb-common-control-size-3xs, 2.4rem);
  padding: 0 var(--nb-atom-badge-3xs-sides, 0.7rem);
  font-size: var(--tg-styles-badge-s-size, 1.4rem);
}
.custom-dd-body .badge.badge--surface {
  color: var(--tk-ink-contrast-primary);
  background-color: var(--tk-surface-strong);
}
.custom-dd-body .badge.badge--primary {
  color: var(--tk-ink-contrast-primary);
  background-color: var(--tk-primary-strong);
}
.custom-dd-body .badge.badge--secondary {
  color: var(--tk-ink-main-primary);
  background-color: var(--tk-secondary-muted);
}
.custom-dd-body .badge.badge--tertiary {
  color: var(--tk-ink-main-primary);
  background-color: var(--tk-tertiary-toned);
}
.custom-dd-body .badge.badge--danger {
  color: var(--tk-ink-contrast-primary);
  background-color: var(--tk-danger-base);
}
.custom-dd-body .badge.badge--warning {
  color: var(--tk-ink-main-primary);
  background-color: var(--tk-warning-toned);
}
.custom-dd-body .badge.badge--success {
  color: var(--tk-ink-main-primary);
  background-color: var(--tk-success-toned);
}
.custom-dd-body .badge.badge--info {
  color: var(--tk-ink-main-primary);
  background-color: var(--tk-info-muted);
}

.custom-dd-body .chip {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-family: var(--font-main, sans-serif);
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap !important;
  line-height: 1;
  color: var(--tk-control-neutral-outlined-content);
  border-style: solid;
  border-width: var(--nb-common-stroke-m, 1.5px);
  border-radius: var(--nb-common-radius-control-soft, 0.8rem);
  cursor: default;
  transition: all var(--def-trans-time, 0.2s) ease-in-out;
  -webkit-appearance: none;
  height: var(--nb-common-control-size-2xs);
  padding: 0 var(--nb-atom-chip-2xs-sides);
}
.custom-dd-body .chip svg {
  fill: currentColor;
  flex-shrink: 0;
  display: block;
}
.custom-dd-body .chip svg path {
  fill: currentColor;
}
.custom-dd-body .chip:disabled, .custom-dd-body .chip.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
  opacity: 1;
}
.custom-dd-body .chip:disabled[class*=chip-], .custom-dd-body .chip.is-disabled[class*=chip-] {
  background-color: var(--tk-control-disabled-filled-fill);
  border-color: var(--tk-control-disabled-filled-fill);
  color: var(--tk-control-disabled-filled-content);
}
.custom-dd-body .chip:disabled[class*=chip-][class*=-subtle], .custom-dd-body .chip.is-disabled[class*=chip-][class*=-subtle] {
  background-color: var(--tk-control-neutral-subtle-fill);
  border-color: var(--tk-control-disabled-subtle-outline);
  color: var(--tk-control-disabled-subtle-content);
}
.custom-dd-body .chip:disabled[class*=chip-][class*=-outline], .custom-dd-body .chip.is-disabled[class*=chip-][class*=-outline] {
  background-color: var(--br-transparent);
  border-color: var(--tk-control-disabled-subtle-outline);
  color: var(--tk-control-disabled-subtle-content);
}
.custom-dd-body .chip.chip--size-xs {
  height: var(--nb-common-control-size-xs, 3.2rem);
  padding: 0 var(--nb-atom-chip-xs-sides, 1.2rem);
  gap: var(--nb-atom-chip-xs-gap, 1rem);
  font-size: var(--tg-styles-button-s-size, 1.6rem);
}
.custom-dd-body .chip.chip--size-xs svg {
  width: var(--nb-atom-chip-xs-icon-size, 1.8rem);
  min-width: var(--nb-atom-chip-xs-icon-size, 1.8rem);
  max-width: var(--nb-atom-chip-xs-icon-size, 1.8rem);
  height: var(--nb-atom-chip-xs-icon-size, 1.8rem);
}
.custom-dd-body .chip.chip--size-xs svg:first-child:not(:last-child) {
  margin-left: -0.2rem;
}
.custom-dd-body .chip.chip--size-xs svg:last-child:not(:first-child) {
  margin-right: -0.2rem;
}
.custom-dd-body .chip.chip--size-2xs {
  height: var(--nb-common-control-size-2xs, 2.8rem);
  padding: 0 var(--nb-atom-chip-2xs-sides, 1rem);
  gap: var(--nb-atom-chip-2xs-gap, 0.6rem);
  font-size: var(--tg-styles-button-xs-size, 1.6rem);
}
.custom-dd-body .chip.chip--size-2xs svg {
  width: var(--nb-atom-chip-2xs-icon-size, 2rem);
  min-width: var(--nb-atom-chip-2xs-icon-size, 2rem);
  max-width: var(--nb-atom-chip-2xs-icon-size, 2rem);
  height: var(--nb-atom-chip-2xs-icon-size, 2rem);
}
.custom-dd-body .chip.chip--size-2xs svg:first-child:not(:last-child) {
  margin-left: -0.2rem;
}
.custom-dd-body .chip.chip--size-2xs svg:last-child:not(:first-child) {
  margin-right: -0.2rem;
}
.custom-dd-body .chip.chip--neutral {
  border-color: var(--tk-control-neutral-filled-fill);
  background-color: var(--tk-control-neutral-filled-fill);
  color: var(--tk-control-neutral-filled-content);
}
.custom-dd-body .chip.chip--neutral-subtle {
  border-color: var(--tk-control-neutral-subtle-outline);
  background-color: var(--tk-control-neutral-subtle-fill);
  color: var(--tk-control-neutral-subtle-content);
}
.custom-dd-body .chip.chip--neutral-outline {
  border-color: var(--tk-control-neutral-subtle-outline);
  background-color: var(--br-transparent);
  color: var(--tk-control-neutral-subtle-content);
}
.custom-dd-body .chip.chip--primary {
  border-color: var(--tk-control-primary-filled-fill);
  background-color: var(--tk-control-primary-filled-fill);
  color: var(--tk-control-neutral-filled-content);
}
.custom-dd-body .chip.chip--primary-subtle {
  border-color: var(--tk-control-primary-subtle-outline);
  background-color: var(--tk-control-primary-subtle-fill);
  color: var(--tk-control-primary-subtle-content);
}
.custom-dd-body .chip.chip--primary-outline {
  border-color: var(--tk-control-primary-subtle-outline);
  background-color: var(--br-transparent);
  color: var(--tk-control-primary-subtle-content);
}
.custom-dd-body .chip.chip--secondary {
  border-color: var(--tk-control-secondary-filled-fill);
  background-color: var(--tk-control-secondary-filled-fill);
  color: var(--tk-control-neutral-filled-content);
}
.custom-dd-body .chip.chip--secondary-subtle {
  border-color: var(--tk-control-secondary-subtle-outline);
  background-color: var(--tk-control-secondary-subtle-fill);
  color: var(--tk-control-secondary-subtle-content);
}
.custom-dd-body .chip.chip--secondary-outline {
  border-color: var(--tk-control-secondary-subtle-outline);
  background-color: var(--br-transparent);
  color: var(--tk-control-secondary-subtle-content);
}
.custom-dd-body .chip.chip--tertiary {
  border-color: var(--tk-control-tertiary-filled-fill);
  background-color: var(--tk-control-tertiary-filled-fill);
  color: var(--tk-control-tertiary-filled-content);
}
.custom-dd-body .chip.chip--tertiary-subtle {
  border-color: var(--tk-control-tertiary-subtle-outline);
  background-color: var(--tk-control-tertiary-subtle-fill);
  color: var(--tk-control-tertiary-subtle-content);
}
.custom-dd-body .chip.chip--tertiary-outline {
  border-color: var(--tk-control-tertiary-subtle-outline);
  background-color: var(--br-transparent);
  color: var(--tk-control-tertiary-subtle-content);
}
.custom-dd-body .chip.chip--danger {
  border-color: var(--tk-control-danger-filled-fill);
  background-color: var(--tk-control-danger-filled-fill);
  color: var(--tk-control-danger-filled-content);
}
.custom-dd-body .chip.chip--danger-subtle {
  border-color: var(--tk-control-danger-subtle-outline);
  background-color: var(--tk-control-danger-subtle-fill);
  color: var(--tk-control-danger-subtle-content);
}
.custom-dd-body .chip.chip--danger-outline {
  border-color: var(--tk-control-danger-subtle-outline);
  background-color: var(--br-transparent);
  color: var(--tk-control-danger-subtle-content);
}
.custom-dd-body .chip.chip--warning {
  border-color: var(--tk-control-warning-filled-fill);
  background-color: var(--tk-control-warning-filled-fill);
  color: var(--tk-control-warning-filled-content);
}
.custom-dd-body .chip.chip--warning-subtle {
  border-color: var(--tk-control-warning-subtle-outline);
  background-color: var(--tk-control-warning-subtle-fill);
  color: var(--tk-control-warning-subtle-content);
}
.custom-dd-body .chip.chip--warning-outline {
  border-color: var(--tk-control-warning-subtle-outline);
  background-color: var(--br-transparent);
  color: var(--tk-control-warning-subtle-content);
}
.custom-dd-body .chip.chip--success {
  border-color: var(--tk-control-success-filled-fill);
  background-color: var(--tk-control-success-filled-fill);
  color: var(--tk-control-success-filled-content);
}
.custom-dd-body .chip.chip--success-subtle {
  border-color: var(--tk-control-success-subtle-outline);
  background-color: var(--tk-control-success-subtle-fill);
  color: var(--tk-control-success-subtle-content);
}
.custom-dd-body .chip.chip--success-outline {
  border-color: var(--tk-control-success-subtle-outline);
  background-color: var(--br-transparent);
  color: var(--tk-control-success-subtle-content);
}
.custom-dd-body .chip.chip--info {
  border-color: var(--tk-control-info-filled-fill);
  background-color: var(--tk-control-info-filled-fill);
  color: var(--tk-control-info-filled-content);
}
.custom-dd-body .chip.chip--info-subtle {
  border-color: var(--tk-control-info-subtle-outline);
  background-color: var(--tk-control-info-subtle-fill);
  color: var(--tk-control-info-subtle-content);
}
.custom-dd-body .chip.chip--info-outline {
  border-color: var(--tk-control-info-subtle-outline);
  background-color: var(--br-transparent);
  color: var(--tk-control-info-subtle-content);
}
.custom-dd-body .chip.button-chip {
  border-radius: var(--nb-common-radius-control-soft, 0.8rem);
}
.custom-dd-body .chip.no-margin svg {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.custom-dd-body .modal-base {
  max-width: 100vw;
  max-height: 100vh;
  background-color: unset;
  border: unset;
  box-shadow: unset;
  -webkit-box-shadow: unset;
  padding: 0;
  overflow: visible;
}
.custom-dd-body .modal-base::backdrop {
  background: var(--tk-surface-overlay-1);
  transition: opacity 0.3s ease;
}
.custom-dd-body .modal-base .modal-content {
  border: 1px solid var(--tk-border-solid-2, #D2D2D2);
  background: #FFF;
  box-shadow: 0 4px 64px 0 rgba(35, 31, 32, 0.4);
  padding: 4.8rem;
  display: flex;
  flex-direction: column;
  gap: var(--nb-common-grid-gap, 2.4rem);
}
.custom-dd-body .modal-base .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.custom-dd-body .modal-base .modal-body {
  flex-grow: 1;
}
.custom-dd-body .modal-base .modal-footer {
  flex-shrink: 0;
  padding-top: 1.6rem;
}
.custom-dd-body .modal-base .modal-footer .button-container {
  display: flex;
  gap: 0.8rem;
}
.custom-dd-body .modal-base .modal-footer .button-container .btn {
  width: 100%;
  flex: 1;
}
.custom-dd-body .modal-base.type-dialog .modal-footer {
  padding-top: 1.6rem;
}
.custom-dd-body .modal-base--center[open] {
  animation: modal-fade-in 0.2s ease forwards;
}
.custom-dd-body .modal-base--sidebar {
  margin-right: 0;
  margin-left: auto;
  height: 100vh;
  max-height: 100vh;
}
.custom-dd-body .modal-base--sidebar .modal-content {
  height: 100%;
}
.custom-dd-body .modal-base--sidebar[open] {
  animation: modal-slide-in-right 0.3s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.custom-dd-body .modal-base--popover {
  margin: 0 !important;
  overflow: visible;
}
.custom-dd-body .modal-base--popover[open] {
  animation: popover-fade-in 0.2s ease forwards;
}
@keyframes popover-fade-in {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.custom-dd-body .modal-w-s {
  width: 40rem;
}
.custom-dd-body .modal-w-m {
  width: 60rem;
}
.custom-dd-body .modal-w-l {
  width: 84.5rem;
}
.custom-dd-body .modal-w-xl {
  width: 110rem;
}
.custom-dd-body .modal-w-half {
  width: 50vw;
}

@keyframes modal-fade-in {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes modal-slide-in-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
/**
 * COMPONENT: Custom Search Input Field
 * -----------------------------------------------------------------------------
 * A flexible input component supporting icons, clear buttons, and validation states.
 *
 * HTML STRUCTURE:
 * <div class="input-field search-input [req] [err|war]">
 * <label>Label Text</label>
 * <div class="input-container">
 * <input class="search__input" type="search" placeholder=" " />
 * <span class="input-clear-button"></span>
 * </div>
 * <div class="err-container">Feedback message</div>
 * <div class="support-container">Secondary info</div>
 * </div>
 *
 * STATE CLASSES (apply to .input-field):
 * .req         - Adds a required asterisk (*) to the label.
 * .err         - Error state. Shows error icon, red text, and shifts clear button.
 * .war         - Warning state. Shows warning icon and orange text.
 * .search-input - Main modifier for search style (includes glass and clear icons).
 *
 * BEHAVIOR:
 * - Clear Button: Automatically appears when the input is not empty (via :not(:placeholder-shown)).
 * - Icons Layout: If an error or warning is present, the clear button shifts left 
 * automatically to avoid overlapping with the status icon.
 * - Sizing: Default is XL. Apply .size-l to the <input> for a smaller variant.
 *
 * DEPENDENCIES:
 * - Requires SVG icons in /icons/: search.svg, remove.svg, error-icon.svg, warning-icon.svg.
 * - Uses CSS Variables for theming (tk-ink, nb-atom, etc.).
 * -----------------------------------------------------------------------------
 */
.custom-dd-body .form-width-1 {
  width: 100%;
  max-width: var(--form-width-1);
}
.custom-dd-body .form-part-background {
  border: 1px solid var(--tk-border-solid-3);
  background: #FFF;
  padding: 2rem;
}
.custom-dd-body input,
.custom-dd-body textarea,
.custom-dd-body select,
.custom-dd-body button {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  outline: none;
  color: inherit;
  border-radius: 0;
  box-shadow: none;
  display: block;
}
.custom-dd-body input::placeholder,
.custom-dd-body textarea::placeholder,
.custom-dd-body select::placeholder,
.custom-dd-body button::placeholder {
  font-style: normal;
}
.custom-dd-body input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([id*=selectized]),
.custom-dd-body textarea {
  height: var(--nb-common-control-size-xl);
  padding: 0 var(--nb-atom-input-xl-sides);
  border: 1px solid var(--tk-border-solid-2);
  border-radius: var(--nb-common-radius-control-soft);
  color: var(--tk-ink-main-primary);
  font-size: var(--tg-styles-body-m-size, 1.8rem);
  transition: all var(--def-trans-time, 0.2s) ease-in-out;
  background-color: var(--tk-surface-elevated);
}
@media (hover: hover) {
  .custom-dd-body input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([id*=selectized]):hover,
  .custom-dd-body textarea:hover {
    border-color: var(--tk-border-solid-3);
  }
}
.custom-dd-body input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([id*=selectized]):focus, .custom-dd-body input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([id*=selectized]).focus,
.custom-dd-body textarea:focus,
.custom-dd-body textarea.focus {
  border-color: var(--ui-info-300);
  outline: none;
}
.custom-dd-body input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([id*=selectized])::placeholder,
.custom-dd-body textarea::placeholder {
  color: var(--tk-ink-main-toned);
  font-size: inherit;
}
.custom-dd-body input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([id*=selectized]),
.custom-dd-body textarea {
  width: 100%;
}
.custom-dd-body input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([id*=selectized]).size-l,
.custom-dd-body textarea.size-l {
  font-size: var(--tg-styles-body-s-size, 1.6rem);
  height: var(--nb-common-control-size-l);
}
.custom-dd-body input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([id*=selectized]):focus::placeholder,
.custom-dd-body textarea:focus::placeholder {
  opacity: 0;
}
.custom-dd-body textarea {
  padding: var(--nb-atom-input-xl-gap) var(--nb-atom-input-xl-sides);
}
.custom-dd-body input[type=checkbox] {
  width: 2rem;
  height: 2rem;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  appearance: none;
  text-decoration: none;
  border: 1px solid var(--tk-border-solid-3);
  border-radius: var(--nb-common-radius-control-sharp);
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.6rem 1.6rem;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body input[type=checkbox]:checked {
  border: 1px solid var(--tk-primary-base);
  background-color: var(--tk-primary-base);
  background-image: url("/assets/icons/check-white-950e1f51.svg");
}
.custom-dd-body input[type=checkbox]:focus {
  outline: none;
}
.custom-dd-body .field-unit--select {
  position: relative;
  width: 100%;
}
.custom-dd-body .selectize-control {
  height: auto;
  width: 100%;
}
.custom-dd-body .selectize-control .item {
  width: auto;
  flex-shrink: 0;
}
.custom-dd-body .selectize-control .selectize-input {
  height: var(--nb-common-control-size-xl);
  padding: 0 var(--nb-atom-input-xl-sides);
  border: 1px solid var(--tk-border-solid-2);
  border-radius: var(--nb-common-radius-control-soft);
  color: var(--tk-ink-main-primary);
  font-size: var(--tg-styles-body-m-size, 1.8rem);
  transition: all var(--def-trans-time, 0.2s) ease-in-out;
  background-color: var(--tk-surface-elevated);
}
@media (hover: hover) {
  .custom-dd-body .selectize-control .selectize-input:hover {
    border-color: var(--tk-border-solid-3);
  }
}
.custom-dd-body .selectize-control .selectize-input:focus, .custom-dd-body .selectize-control .selectize-input.focus {
  border-color: var(--ui-info-300);
  outline: none;
}
.custom-dd-body .selectize-control .selectize-input::placeholder {
  color: var(--tk-ink-main-toned);
  font-size: inherit;
}
.custom-dd-body .selectize-control .selectize-input {
  display: flex;
  align-items: center;
  width: 100%;
  box-shadow: none;
  background-image: none;
  position: relative;
}
.custom-dd-body .selectize-control .selectize-input.focus {
  box-shadow: none;
}
.custom-dd-body .selectize-control .selectize-input.dropdown-active {
  border-radius: var(--nb-common-radius-control-soft) var(--nb-common-radius-control-soft) 0 0;
}
.custom-dd-body .selectize-control .selectize-input.dropdown-active input {
  display: flex !important;
  width: -webkit-fill-available !important;
}
.custom-dd-body .selectize-control .selectize-input.input-active {
  display: flex;
}
.custom-dd-body .selectize-control .selectize-input.input-active input {
  display: block !important;
}
.custom-dd-body .selectize-control .selectize-input input {
  font-size: inherit !important;
  color: inherit !important;
  height: 100% !important;
  border: none !important;
  background: transparent !important;
  padding: 0 calc(var(--nb-atom-input-xl-sides) * 2) 0 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  position: relative !important;
  left: 0 !important;
  opacity: 1 !important;
  display: none !important;
}
.custom-dd-body .selectize-control .selectize-input::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: var(--nb-atom-input-xl-sides);
  width: 16px;
  height: 9px;
  transform: translateY(-50%);
  background-color: var(--tk-ink-main-toned);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9'%3E%3Cpath d='M7.53027 8.59082L0 1.06055L1.06055 0L7.53027 6.46973L14 5.65602e-07L15.0605 1.06055L7.53027 8.59082Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9'%3E%3Cpath d='M7.53027 8.59082L0 1.06055L1.06055 0L7.53027 6.46973L14 5.65602e-07L15.0605 1.06055L7.53027 8.59082Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  border: none;
  margin-top: 0;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body .selectize-control .selectize-input.dropdown-active::after {
  transform: translateY(-50%) rotate(-180deg);
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent var(--tk-ink-main-toned) transparent;
}
.custom-dd-body .selectize-control .selectize-dropdown {
  background: var(--tk-surface-elevated);
  border: 1px solid var(--tk-border-solid-2);
  border-top: none;
  border-radius: 0 0 var(--nb-common-radius-control-soft) var(--nb-common-radius-control-soft);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  margin: 0;
  z-index: 1000;
  width: 100% !important;
}
.custom-dd-body .selectize-control .selectize-dropdown .selectize-dropdown-content {
  padding: 0.4rem 0;
  max-height: 200px;
  overflow-y: auto;
}
.custom-dd-body .selectize-control .selectize-dropdown .option {
  padding: var(--nb-atom-input-xl-gap) var(--nb-atom-input-xl-sides);
  font-size: var(--tg-styles-body-m-size, 1.8rem);
  color: var(--tk-ink-main-primary);
  cursor: pointer;
}
.custom-dd-body .selectize-control .selectize-dropdown .option.active {
  background-color: var(--tk-control-neutral-filled-content);
  color: var(--tk-ink-main-primary);
}
.custom-dd-body .selectize-control .selectize-dropdown .option.selected {
  font-weight: 600;
  background-color: var(--br-neutral-200);
}
.custom-dd-body .input-container {
  position: relative;
  width: fit-content;
  height: fit-content;
}
.custom-dd-body label,
.custom-dd-body .label {
  display: block;
  color: var(--tk-ink-main-toned);
  position: relative;
  width: fit-content;
}
.custom-dd-body label.checkbox-label,
.custom-dd-body .label.checkbox-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  color: var(--tk-ink-main-primary);
  cursor: pointer;
}
.custom-dd-body label.checkbox-label.disabled,
.custom-dd-body .label.checkbox-label.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.custom-dd-body .input-field,
.custom-dd-body .field-unit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
}
.custom-dd-body .input-field label,
.custom-dd-body .input-field .label,
.custom-dd-body .field-unit label,
.custom-dd-body .field-unit .label {
  padding: 0 0 0.2rem var(--input-label-padding);
  text-align: left;
}
.custom-dd-body .input-field.search-input,
.custom-dd-body .field-unit.search-input {
  width: fit-content;
}
.custom-dd-body .input-field.search-input .err-container,
.custom-dd-body .field-unit.search-input .err-container {
  padding-left: var(--input-label-padding);
  color: var(--tk-ink-other-danger);
  display: none;
}
.custom-dd-body .input-field.search-input .support-container,
.custom-dd-body .field-unit.search-input .support-container {
  padding-left: var(--input-label-padding);
  display: block;
  color: var(--tk-ink-main-toned);
}
.custom-dd-body .input-field.search-input .input-container input.search__input,
.custom-dd-body .field-unit.search-input .input-container input.search__input {
  padding: 0 var(--input-content-space);
}
.custom-dd-body .input-field.search-input .input-container .input-clear-button,
.custom-dd-body .field-unit.search-input .input-container .input-clear-button {
  display: none;
  position: absolute;
  right: var(--input-icon-space);
  top: 50%;
  transform: translateY(-50%);
  width: var(--nb-atom-button-l-icon-size);
  height: var(--nb-atom-button-l-icon-size);
  background-image: url("/assets/icons/remove-6d1822cb.svg");
  background-size: contain;
  cursor: pointer;
  z-index: 2;
}
.custom-dd-body .input-field.search-input .input-container::before,
.custom-dd-body .field-unit.search-input .input-container::before {
  content: "";
  display: block;
  position: absolute;
  left: var(--input-icon-space);
  top: 50%;
  transform: translateY(-50%);
  background-image: url("/assets/icons/search-1ff72571.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: var(--nb-atom-button-l-icon-size);
  height: var(--nb-atom-button-l-icon-size);
  z-index: 1;
}
.custom-dd-body .input-field.search-input .input-container::after,
.custom-dd-body .field-unit.search-input .input-container::after {
  content: "";
  display: block;
  position: absolute;
  right: var(--input-icon-space);
  top: 50%;
  transform: translateY(-50%);
  background-image: url("/assets/icons/error-icon-56ab8ada.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: var(--nb-atom-button-l-icon-size);
  height: var(--nb-atom-button-l-icon-size);
  z-index: 1;
  display: none;
}
.custom-dd-body .input-field.search-input:has(input:not(:placeholder-shown)) .input-clear-button,
.custom-dd-body .field-unit.search-input:has(input:not(:placeholder-shown)) .input-clear-button {
  display: block;
}
.custom-dd-body .input-field.search-input.err label::after,
.custom-dd-body .input-field.search-input.err .label::after,
.custom-dd-body .field-unit.search-input.err label::after,
.custom-dd-body .field-unit.search-input.err .label::after {
  content: "*";
  margin-left: 0.4rem;
  color: var(--tk-ink-other-danger);
}
.custom-dd-body .input-field.search-input.err .input-container::after,
.custom-dd-body .field-unit.search-input.err .input-container::after {
  display: block;
}
.custom-dd-body .input-field.search-input.err .input-clear-button,
.custom-dd-body .field-unit.search-input.err .input-clear-button {
  right: calc(var(--input-icon-space) + var(--nb-atom-button-l-icon-size) + 0.4rem);
}
.custom-dd-body .input-field.search-input.err input,
.custom-dd-body .field-unit.search-input.err input {
  padding-right: calc(var(--input-content-space) + var(--nb-atom-button-l-icon-size) + 0.4rem);
}
.custom-dd-body .input-field.search-input.err .err-container,
.custom-dd-body .field-unit.search-input.err .err-container {
  display: block;
}
.custom-dd-body .input-field.search-input.req label::after,
.custom-dd-body .input-field.search-input.req .label::after, .custom-dd-body .input-field.search-input.war label::after,
.custom-dd-body .input-field.search-input.war .label::after,
.custom-dd-body .field-unit.search-input.req label::after,
.custom-dd-body .field-unit.search-input.req .label::after,
.custom-dd-body .field-unit.search-input.war label::after,
.custom-dd-body .field-unit.search-input.war .label::after {
  content: "*";
  margin-left: 0.4rem;
  color: var(--tk-ink-other-danger);
}
.custom-dd-body .input-field.search-input.war .input-container::after,
.custom-dd-body .field-unit.search-input.war .input-container::after {
  display: block;
  background-image: url("/assets/icons/warning-icon-498a64cc.svg");
}
.custom-dd-body .input-field.search-input.war .err-container,
.custom-dd-body .field-unit.search-input.war .err-container {
  display: block;
  color: var(--tk-ink-other-warning);
}
.custom-dd-body .input-field .field-unit__label,
.custom-dd-body .input-field .field-unit__field,
.custom-dd-body .field-unit .field-unit__label,
.custom-dd-body .field-unit .field-unit__field {
  margin-left: 0;
  width: 100%;
}
.custom-dd-body .input-field .field-unit__label, .custom-dd-body .input-field .field-unit__field,
.custom-dd-body .field-unit .field-unit__label,
.custom-dd-body .field-unit .field-unit__field {
  margin-left: 0;
}
.custom-dd-body .field-unit {
  margin-bottom: unset;
}
.custom-dd-body .field-unit {
  margin-bottom: unset;
}
.custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input {
  height: auto;
  min-height: var(--nb-common-control-size-xl);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-5);
  padding: var(--gap-4) var(--gap-11) var(--gap-4) var(--gap-4);
}
.custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item {
  background: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  margin: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-family: var(--font-main, sans-serif);
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap !important;
  line-height: 1;
  color: var(--tk-control-neutral-outlined-content);
  border-style: solid;
  border-width: var(--nb-common-stroke-m, 1.5px);
  border-radius: var(--nb-common-radius-control-soft, 0.8rem);
  cursor: default;
  transition: all var(--def-trans-time, 0.2s) ease-in-out;
  -webkit-appearance: none;
  height: var(--nb-common-control-size-2xs);
  padding: 0 var(--nb-atom-chip-2xs-sides);
}
.custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item svg {
  fill: currentColor;
  flex-shrink: 0;
  display: block;
}
.custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item svg path {
  fill: currentColor;
}
.custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item:disabled, .custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
  opacity: 1;
}
.custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item:disabled[class*=chip-], .custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item.is-disabled[class*=chip-] {
  background-color: var(--tk-control-disabled-filled-fill);
  border-color: var(--tk-control-disabled-filled-fill);
  color: var(--tk-control-disabled-filled-content);
}
.custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item:disabled[class*=chip-][class*=-subtle], .custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item.is-disabled[class*=chip-][class*=-subtle] {
  background-color: var(--tk-control-neutral-subtle-fill);
  border-color: var(--tk-control-disabled-subtle-outline);
  color: var(--tk-control-disabled-subtle-content);
}
.custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item:disabled[class*=chip-][class*=-outline], .custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item.is-disabled[class*=chip-][class*=-outline] {
  background-color: var(--br-transparent);
  border-color: var(--tk-control-disabled-subtle-outline);
  color: var(--tk-control-disabled-subtle-content);
}
.custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item {
  border-color: var(--tk-control-neutral-subtle-outline);
  background-color: var(--tk-control-neutral-subtle-fill);
  color: var(--tk-control-neutral-subtle-content);
  height: var(--nb-common-control-size-xs, 3.2rem);
  padding: 0 var(--nb-atom-chip-xs-sides, 1.2rem);
  gap: var(--nb-atom-chip-xs-gap, 1rem);
  font-size: var(--tg-styles-button-s-size, 1.6rem);
}
.custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item svg {
  width: var(--nb-atom-chip-xs-icon-size, 1.8rem);
  min-width: var(--nb-atom-chip-xs-icon-size, 1.8rem);
  max-width: var(--nb-atom-chip-xs-icon-size, 1.8rem);
  height: var(--nb-atom-chip-xs-icon-size, 1.8rem);
}
.custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item svg:first-child:not(:last-child) {
  margin-left: -0.2rem;
}
.custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item svg:last-child:not(:first-child) {
  margin-right: -0.2rem;
}
.custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input > .item {
  width: fit-content;
  overflow: unset;
}
.custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input.not-full input {
  width: auto !important;
  flex-grow: 1;
}
.custom-dd-body .field-unit.field-unit--has-many .field-unit__field .selectize-input.has-items input {
  width: auto !important;
  flex-grow: 1;
}
.custom-dd-body .field-unit__field[data-controller=collapsible-locales] {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: stretch;
  justify-content: flex-start;
}
.custom-dd-body .field-unit__field[data-controller=collapsible-locales] .collapsible-item {
  margin-bottom: var(--gap-12);
}
.custom-dd-body .field-unit__field[data-controller=collapsible-locales] > div[data-collapsible-locales-target=other] {
  display: none;
  margin-left: 8.7%;
  overflow: hidden;
}
.custom-dd-body .field-unit__field[data-controller=collapsible-locales] > div label {
  font-size: 1.2rem;
}
.custom-dd-body .field-unit__field[data-controller=collapsible-locales] button {
  align-self: flex-start;
  margin-bottom: var(--gap-12);
}
.custom-dd-body select {
  height: var(--nb-common-control-size-xl);
  padding: 0 var(--nb-atom-input-xl-sides);
  border: 1px solid var(--tk-border-solid-2);
  border-radius: var(--nb-common-radius-control-soft);
  color: var(--tk-ink-main-primary);
  font-size: var(--tg-styles-body-m-size, 1.8rem);
  transition: all var(--def-trans-time, 0.2s) ease-in-out;
  background-color: var(--tk-surface-elevated);
}
@media (hover: hover) {
  .custom-dd-body select:hover {
    border-color: var(--tk-border-solid-3);
  }
}
.custom-dd-body select:focus, .custom-dd-body select.focus {
  border-color: var(--ui-info-300);
  outline: none;
}
.custom-dd-body select::placeholder {
  color: var(--tk-ink-main-toned);
  font-size: inherit;
}
.custom-dd-body select {
  display: flex;
  align-items: center;
  width: 100%;
  appearance: none;
  min-width: 10rem;
  cursor: pointer;
  padding-right: 4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9'%3E%3Cpath fill='%23333' d='M7.53027 8.59082L0 1.06055L1.06055 0L7.53027 6.46973L14 5.65602e-07L15.0605 1.06055L7.53027 8.59082Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 2rem center;
  background-size: 16px 9px;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--tk-border-solid-3);
  border-radius: 50%;
  background: var(--tk-surface-elevated);
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
  margin: 0 var(--gap-4) 0 0;
  outline: none;
  flex-shrink: 0;
}
.custom-dd-body input[type=radio]:before {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: var(--tk-primary-base);
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: all 0.2s ease-in-out;
}
.custom-dd-body input[type=radio]:checked {
  border-color: var(--tk-primary-base);
  border: 1.5px solid var(--tk-primary-base);
}
.custom-dd-body input[type=radio]:checked:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
@media (hover: hover) {
  .custom-dd-body input[type=radio]:hover:not(:checked) {
    border-color: var(--tk-primary-strong);
  }
}
.custom-dd-body input[type=radio]:focus-visible {
  box-shadow: 0 0 0 2px rgba(var(--tk-primary-strong), 0.4);
  border-color: var(--tk-primary-strong);
}
.custom-dd-body input[type=radio]:disabled {
  background: var(--tk-control-disabled-filled-fill);
  border-color: var(--tk-control-disabled-filled-content);
  cursor: not-allowed;
}
.custom-dd-body input[type=radio]:disabled:before {
  background: var(--tk-control-disabled-ghost-content);
}
.custom-dd-body label {
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
}

@media (max-width: 1220px) {
  html.custom-dd-html {
    font-size: 8px;
  }
}
.custom-dd-body nav.navigation {
  width: var(--nav-width);
  min-width: var(--nav-width);
  max-width: var(--nav-width);
  background-color: var(--tk-surface-elevated);
  border: 1px solid var(--tk-border-solid-2);
  min-height: calc(100vh - 4.8rem);
  display: flex;
  flex-direction: column;
}
.custom-dd-body nav.navigation hr {
  display: none;
}
.custom-dd-body nav.navigation .logo-container {
  padding: 0 var(--nav-padding-sides);
  height: var(--breadcrumbs-height);
  min-height: var(--breadcrumbs-height);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--tk-border-solid-2);
}
.custom-dd-body nav.navigation .logo-container img {
  display: block;
  width: 14.2rem;
  height: 2.8rem;
  object-fit: cover;
}
.custom-dd-body nav.navigation .navigation-container {
  padding: 2.4rem var(--nav-padding-sides);
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  flex: 1;
  max-height: calc(100vh - (var(--main-content-side-bottom) + var(--main-content-side-top) + var(--breadcrumbs-height) + 2px + var(--nav-footer-height)));
  overflow-y: scroll;
}
.custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-header {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  cursor: pointer;
  width: fit-content;
}
.custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-header .arrow-icon {
  margin-left: 0.4rem;
}
.custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-header img, .custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-header svg {
  display: block;
  width: 2rem;
  height: 2rem;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body nav.navigation .navigation-container .navigation-section.is-empty .navigation-header {
  pointer-events: none;
  cursor: default;
}
.custom-dd-body nav.navigation .navigation-container .navigation-section.is-empty .arrow-icon {
  display: none;
}
.custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-content .wrap-in {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  display: flex;
  flex-direction: column;
  gap: var(--nav-menuLink-gap);
  padding-left: 2.8rem;
  position: relative;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-content .wrap-in::before {
  content: "";
  display: block;
  position: absolute;
  background-color: var(--tk-surface-strong);
  width: 2px;
  height: calc(100% - 1.2rem);
  top: 0;
  left: 0.9rem;
}
.custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-content .wrap-in .star-link {
  display: flex;
  gap: 0.8rem;
}
.custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-content .wrap-in .navigation-link {
  position: relative;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  display: flex;
  gap: 0.8rem;
  width: fit-content;
}
.custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-content .wrap-in .navigation-link::before,
.custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-content .wrap-in .navigation-link .decor {
  content: "";
  display: block;
  position: absolute;
  background-color: var(--br-transparent);
  width: 0.8rem;
  height: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  left: -2.2rem;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-content .wrap-in .navigation-link.active::before {
  background-color: var(--tk-surface-strong);
}
@media (hover: hover) {
  .custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-content .wrap-in .navigation-link:hover::before,
  .custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-content .wrap-in .navigation-link:hover .decor {
    background-color: var(--tk-surface-strong);
  }
}
.custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-content .wrap-in .navigation-link .fav-cat {
  color: var(--tk-ink-main-toned);
}
.custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-content .wrap-in .delete-fav {
  background-color: var(--br-neutral-600);
  display: block;
  width: 2rem;
  height: 2rem;
  -webkit-mask-image: url("/assets/icons/small-star-c387fbc2.svg");
  mask-image: url("/assets/icons/small-star-c387fbc2.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  margin-left: auto;
  cursor: pointer;
}
@media (hover: hover) {
  .custom-dd-body nav.navigation .navigation-container .navigation-section .navigation-content .wrap-in .delete-fav:hover {
    background-color: var(--ui-danger-600);
  }
}
.custom-dd-body nav.navigation .navigation-container .navigation-section a {
  padding: unset;
  margin: unset;
}
.custom-dd-body nav.navigation .navigation-container .navigation-section.opened .arrow-icon svg {
  transform: rotate(180deg);
}
.custom-dd-body nav.navigation .header-controls {
  padding: var(--nav-padding-sides);
  background-color: var(--tk-surface-highlight-2);
  border-top: 1px solid var(--tk-border-solid-2);
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.custom-dd-body nav.navigation .header-controls a,
.custom-dd-body nav.navigation .header-controls .nav-footer-link {
  cursor: pointer;
  display: flex;
  gap: 0.8rem;
  align-items: center;
  text-decoration: underline;
  text-decoration-color: transparent;
  width: fit-content;
}
@media (hover: hover) {
  .custom-dd-body nav.navigation .header-controls a:hover,
  .custom-dd-body nav.navigation .header-controls .nav-footer-link:hover {
    text-decoration-color: inherit;
  }
  .custom-dd-body nav.navigation .header-controls a:hover .user-initials,
  .custom-dd-body nav.navigation .header-controls .nav-footer-link:hover .user-initials {
    text-decoration: none !important;
    display: inline-flex;
  }
}
.custom-dd-body nav.navigation .header-controls a img,
.custom-dd-body nav.navigation .header-controls a .icon,
.custom-dd-body nav.navigation .header-controls .nav-footer-link img,
.custom-dd-body nav.navigation .header-controls .nav-footer-link .icon {
  width: 2rem;
  height: 2rem;
  display: block;
}
.custom-dd-body nav.navigation .header-controls .user-profile-wrapper {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
.custom-dd-body nav.navigation .header-controls .user-profile-wrapper .user-initials {
  width: 2.4rem;
  aspect-ratio: 1;
  display: flex;
  align-self: center;
  justify-content: center;
  font-size: var(--tg-styles-avatar-size);
  font-weight: 500;
  line-height: 1;
  padding: 0.5rem 0;
}
.custom-dd-body nav.navigation .header-controls .user-profile-wrapper .user-initials.circle {
  border-radius: 100rem;
}
.custom-dd-body .locale-form {
  width: 100%;
}
.custom-dd-body .locale-form .select-wrap {
  width: 100%;
}

.custom-dd-body .breadcrumbs {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2.4rem;
  width: 100%;
  min-width: 0;
}
.custom-dd-body .breadcrumbs:not(.type-clear) {
  padding-left: var(--main-content-side-left);
  padding-right: var(--main-content-side-right);
  height: calc(var(--breadcrumbs-height) + 1px);
  border-bottom: 1px solid var(--tk-border-solid-2);
  border-top: 1px solid var(--tk-border-solid-2);
  border-right: 1px solid var(--tk-border-solid-2);
  background-color: var(--tk-surface-elevated);
}
.custom-dd-body .breadcrumbs .right-content {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2.4rem;
}
.custom-dd-body .breadcrumbs .breadcrumbs-nav {
  display: flex;
  height: 100%;
  align-items: center;
  flex: 1;
  min-width: 0;
}
.custom-dd-body .breadcrumbs .icon, .custom-dd-body .breadcrumbs svg {
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body .breadcrumbs .breadcrumbs-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-shrink: 1;
  min-width: 0;
}
.custom-dd-body .breadcrumbs .breadcrumbs-item a,
.custom-dd-body .breadcrumbs .breadcrumbs-item span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
}
.custom-dd-body .breadcrumbs .breadcrumbs-item a {
  text-decoration-color: transparent !important;
  color: inherit !important;
}
@media (hover: hover) {
  .custom-dd-body .breadcrumbs .breadcrumbs-item a:hover {
    text-decoration-color: var(--tk-ink-other-link) !important;
    color: var(--tk-ink-other-link) !important;
    opacity: 1 !important;
  }
}
.custom-dd-body .breadcrumbs .breadcrumbs-list {
  height: 100%;
  color: var(--tk-ink-main-toned);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2.4rem;
  min-width: 0;
  width: 100%;
}
.custom-dd-body .breadcrumbs .breadcrumbs-list li {
  min-width: 0;
  flex-shrink: 1;
}
.custom-dd-body .breadcrumbs .breadcrumbs-list li:first-child {
  flex-shrink: 0;
}
.custom-dd-body .breadcrumbs .breadcrumbs-list li:last-child {
  color: var(--tk-ink-main-primary);
  flex-shrink: 100;
}
.custom-dd-body .breadcrumbs .breadcrumbs-list li:not(:first-child) {
  position: relative;
}
.custom-dd-body .breadcrumbs .breadcrumbs-list li:not(:first-child)::before {
  content: "";
  position: absolute;
  display: block;
  left: -1.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  background-color: var(--tk-ink-main-toned);
}
.custom-dd-body .breadcrumbs ol,
.custom-dd-body .breadcrumbs li {
  padding: 0;
}
.custom-dd-body .breadcrumbs.type-2 .breadcrumbs-list {
  gap: var(--gap-4);
}
.custom-dd-body .breadcrumbs.type-2 li:not(:first-child):before {
  display: none;
}
.custom-dd-body .breadcrumbs.type-2 .icon, .custom-dd-body .breadcrumbs.type-2 svg {
  width: 2.4rem;
  height: 2.4rem;
}

.custom-dd-body .main-content__header {
  padding-left: var(--main-content-side-left);
  padding-right: var(--main-content-side-right);
  padding-top: var(--main-content-side-top);
  padding-bottom: 1.6rem;
  border: none;
  display: flex;
  flex-direction: column;
  gap: 2.6rem;
  align-items: flex-start;
}
.custom-dd-body .main-content__header .main-content__page-title {
  display: flex;
  flex-direction: row;
  gap: 3.2rem;
  align-items: flex-end;
}
.custom-dd-body .main-content__header .title-container {
  display: flex;
  flex-direction: row;
  gap: 1.6rem;
  align-items: center;
}
.custom-dd-body .main-content__header .title-container .icon, .custom-dd-body .main-content__header .title-container svg {
  width: 4.8rem;
  height: 4.8rem;
}
.custom-dd-body .main-content__header .ammount-of-total {
  color: var(--tk-ink-main-toned);
}

.custom-dd-body .main-content__body {
  padding-left: var(--main-content-side-left);
  padding-right: var(--main-content-side-right);
  padding-top: 0;
  padding-bottom: var(--main-content-side-nottom);
}

.custom-dd-body .main-content__header .search,
.custom-dd-body .search-form-container .search {
  margin-left: 0;
  max-width: unset;
  margin-right: unset;
  display: flex;
  flex-direction: row;
  gap: 0.8rem;
}
.custom-dd-body .main-content__header .search label,
.custom-dd-body .main-content__header .search .search__clear-link,
.custom-dd-body .search-form-container .search label,
.custom-dd-body .search-form-container .search .search__clear-link {
  display: none;
}
.custom-dd-body .main-content__header .search .input-container input.search__input,
.custom-dd-body .search-form-container .search .input-container input.search__input {
  width: 35rem;
  padding-left: var(--input-content-space);
  padding-right: 10rem;
  height: 4.4rem;
  border-radius: var(--nb-common-radius-control-pill);
}
.custom-dd-body .main-content__header .search .input-container.size-l input,
.custom-dd-body .search-form-container .search .input-container.size-l input {
  width: 40rem;
}
.custom-dd-body .main-content__header .search .input-container.size-xl input,
.custom-dd-body .search-form-container .search .input-container.size-xl input {
  width: 52rem;
}
.custom-dd-body .main-content__header .search .input-container::before,
.custom-dd-body .search-form-container .search .input-container::before {
  content: "";
  display: block;
  position: absolute;
  left: var(--input-icon-space);
  top: 50%;
  transform: translateY(-50%);
  background-image: url("/assets/icons/search-1ff72571.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: var(--nb-atom-button-l-icon-size);
  height: var(--nb-atom-button-l-icon-size);
  z-index: 1;
}
.custom-dd-body .main-content__header .search .input-container button,
.custom-dd-body .main-content__header .search .input-container .button,
.custom-dd-body .search-form-container .search .input-container button,
.custom-dd-body .search-form-container .search .input-container .button {
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
}
.custom-dd-body .main-content__header .filters-deprecated,
.custom-dd-body .search-form-container .filters-deprecated {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
}

.custom-dd-body table {
  background-color: var(--tk-surface-elevated);
  table-layout: auto;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--tk-border-solid-2);
}
.custom-dd-body table a:not(.button) {
  color: var(--tk-ink-main-primary) !important;
  text-decoration-color: var(--br-transparent) !important;
  word-break: break-word;
  white-space: normal;
}
.custom-dd-body table.personal-data-table a {
  color: var(--tk-ink-other-link) !important;
  text-decoration-color: var(--tk-ink-other-link) !important;
}
.custom-dd-body table .cell-label--action-button {
  text-align: center;
}
.custom-dd-body table .cell-label--action-button a {
  word-break: normal;
}
.custom-dd-body table .cell-data--localized-string-field,
.custom-dd-body table .cell-label--action-button {
  width: 1px;
}
.custom-dd-body table th,
.custom-dd-body table td {
  padding: var(--table-padding-top-bottom) var(--table-padding-sides);
  border: 1px solid var(--tk-border-solid-2);
  width: auto;
  text-align: left;
}
.custom-dd-body table th:empty {
  display: none;
}
.custom-dd-body table th {
  padding: var(--table-padding-top-bottom-header) var(--table-padding-sides);
}
.custom-dd-body table th.cell-label--pep_duplicate_id, .custom-dd-body table th.cell-label--rca_duplicate_id {
  width: 4rem;
}
.custom-dd-body table tr:hover {
  background-color: inherit !important;
}
.custom-dd-body table tr:focus {
  outline: none;
}
.custom-dd-body table td .chip {
  margin-top: -0.2rem;
  margin-bottom: -0.2rem;
}
.custom-dd-body table .table-chip {
  cursor: default;
  width: 100%;
}
.custom-dd-body table thead tr th {
  font-weight: 600;
}
.custom-dd-body table thead tr th a {
  display: flex;
  flex-direction: row;
  align-items: center;
  word-break: normal !important;
}
.custom-dd-body table thead tr th .cell-label__sort-indicator svg,
.custom-dd-body table thead tr th .cell-label__sort-indicator use {
  display: none;
}
.custom-dd-body table thead tr th .cell-label__sort-indicator {
  float: none;
  display: block;
  margin-left: 0.8rem;
  height: var(--nb-atom-input-xl-icon-size);
  width: var(--nb-atom-input-xl-icon-size);
  background-image: url("/assets/icons/table-arrow-9e0ef330.svg");
  background-size: 2.4rem 2.4rem;
  background-repeat: no-repeat;
  background-position: bottom center;
  cursor: pointer;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body table.vertical-align-top td,
.custom-dd-body table.vertical-align-top th {
  vertical-align: top;
}
.custom-dd-body table.type-1 .new-column {
  border-left: 0.2rem solid var(--tk-ink-other-warning);
  border-right: 0.2rem solid var(--tk-ink-other-warning);
}
.custom-dd-body table.type-1 .new-column.has-content {
  background-color: var(--tk-warning-subtle);
}
.custom-dd-body table.type-1 .source-column {
  vertical-align: top;
}
.custom-dd-body table.type-1 .source-column button {
  margin-top: var(--gap-7);
  display: flex;
}
.custom-dd-body table.type-1 .bold {
  font-weight: 600;
}
.custom-dd-body table.type-1 tr:first-child .new-column {
  border-top: 0.2rem solid var(--tk-ink-other-warning);
}
.custom-dd-body table.type-1 tr:last-of-type .new-column {
  border-bottom: 0.2rem solid var(--tk-ink-other-warning);
}
.custom-dd-body table[aria-labelledby=urls] {
  table-layout: auto;
}
.custom-dd-body table[aria-labelledby=urls] .cell-label--url_pep_sources_count {
  max-width: 10rem;
}
.custom-dd-body table.personal-data-table, .custom-dd-body table.stats-table {
  table-layout: fixed;
}
.custom-dd-body table.custom-peps-rca_person .cell-data--select a,
.custom-dd-body table.custom-peps-rca_person td:nth-child(1) a,
.custom-dd-body table.custom-peps-rca_person td:nth-child(2) a, .custom-dd-body table.custom-sources-pep_person .cell-data--select a,
.custom-dd-body table.custom-sources-pep_person td:nth-child(1) a,
.custom-dd-body table.custom-sources-pep_person td:nth-child(2) a, .custom-dd-body table.custom-rca_pep_connections-rca_url .cell-data--select a,
.custom-dd-body table.custom-rca_pep_connections-rca_url td:nth-child(1) a,
.custom-dd-body table.custom-rca_pep_connections-rca_url td:nth-child(2) a {
  word-break: normal;
}
.custom-dd-body table.custom-page-title-directive_category .cell-data--string a {
  word-break: normal;
}

.custom-dd-body .custom-pagination {
  padding: 1.2rem 0;
  display: flex;
  flex-direction: row;
  gap: 4.8rem;
  align-items: center;
  justify-content: flex-end;
}
.custom-dd-body .custom-pagination .pagination-per-page {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.6rem;
}
.custom-dd-body .custom-pagination .pagination-info .separator,
.custom-dd-body .custom-pagination .pagination-info .total {
  color: var(--tk-ink-main-toned);
}
.custom-dd-body .custom-pagination .pagination-info .separator {
  margin: 0 0.5rem;
}
.custom-dd-body .custom-pagination nav.pagination {
  margin-top: 0;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  align-items: center;
  padding: 0 1rem;
}
.custom-dd-body .custom-pagination nav.pagination span {
  margin: 0 !important;
}
.custom-dd-body .custom-pagination nav.pagination span.disabled {
  pointer-events: none;
  opacity: 0.7;
}
.custom-dd-body .custom-pagination nav.pagination a {
  display: block;
  text-indent: -99999px;
  overflow: clip;
  width: 2.4rem;
  height: 2.4rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 2.4rem;
}
.custom-dd-body .custom-pagination nav.pagination .first a {
  background-image: url("/assets/icons/pagination-arrow-first-44a1e288.svg");
}
.custom-dd-body .custom-pagination nav.pagination .prev a {
  background-image: url("/assets/icons/pagination-arrow-prev-70c7f45a.svg");
}
.custom-dd-body .custom-pagination nav.pagination .next a {
  background-image: url("/assets/icons/pagination-arrow-next-0c534951.svg");
}
.custom-dd-body .custom-pagination nav.pagination .last a {
  background-image: url("/assets/icons/pagination-arrow-last-d7e36c2c.svg");
}
.custom-dd-body .per-page-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--tk-control-neutral-subtle-fill);
  border: var(--nb-common-stroke-m) solid var(--tk-control-neutral-subtle-outline);
  border-radius: var(--nb-common-radius-control-soft);
  padding: 0.6rem 3.8rem 0.6rem 1.6rem;
  font-size: 14px;
  color: var(--tk-control-neutral-subtle-content);
  cursor: pointer;
  background-image: url("/assets/icons/select-arrow-22b2e637.svg");
  background-position: right 1.4rem center;
  background-repeat: no-repeat;
  background-size: 1.8rem;
  height: 3.6rem;
  min-width: unset;
}

.custom-dd-body .flash-error {
  background-color: transparent;
  padding: 0;
  text-align: left;
  color: var(--tk-ink-other-danger);
}

.custom-dd-body .single-header {
  flex-direction: row;
  align-items: flex-end;
  gap: 3.2rem;
  background-color: var(--tk-surface-elevated);
  border-bottom: 1px solid var(--tk-border-solid-2);
  border-right: 1px solid var(--tk-border-solid-2);
  padding-bottom: 2.4rem;
}
.custom-dd-body .single-header .breadcrumbs-item {
  gap: 0.8rem;
  align-items: center;
}
.custom-dd-body .single-header .breadcrumbs-item img,
.custom-dd-body .single-header .breadcrumbs-item .icon {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
.custom-dd-body .single-header .header-wrap {
  gap: 0.8rem;
  flex: 1;
}
.custom-dd-body .single-body {
  padding-top: 0.8rem;
}
.custom-dd-body .single-body .custom-section-card {
  padding-top: 4rem;
}
.custom-dd-body .single-body .custom-section-card .section-header {
  gap: var(--nb-common-grid-gap);
  align-items: flex-end;
}
.custom-dd-body .single-body .custom-section-card .section-header .h7-text {
  flex: 1;
}
.custom-dd-body .single-body .custom-section-card .section-header .header-actions {
  display: flex;
  gap: 0.8rem;
}
.custom-dd-body .single-body .custom-section-card .tables-flex-container {
  padding-top: 1.6rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2.4rem;
}
.custom-dd-body .single-body .custom-section-card .custom-table-wrapper {
  padding-top: 1.6rem;
}
.custom-dd-body .single-body .custom-section-card .empty-state {
  margin-top: 1.6rem;
  padding: 1.6rem 2.4rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.8rem;
  background-color: var(--tk-surface-toned);
  border: 1px solid var(--tk-border-solid-3);
}
.custom-dd-body .single-body .custom-section-card .empty-state .header-for-empty {
  flex: 1;
  color: var(--tk-ink-main-secondary);
}
.custom-dd-body .single-body .custom-section-card .h7-text {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  align-items: center;
}
.custom-dd-body .single-body .custom-section-card .h7-text span:not(.translation_missing) {
  color: --tk-ink-main-toned;
}

.custom-dd-body .main-content__body.single-body .input-table-form {
  position: relative;
  margin: calc(0px - var(--table-padding-top-bottom)) calc(0px - var(--table-padding-sides));
}
.custom-dd-body .main-content__body.single-body .input-table-form .chip {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.6rem;
  border-radius: var(--nb-common-radius-control-soft);
  margin-top: 0;
  margin-bottom: 0;
}
.custom-dd-body .main-content__body.single-body .input-table-form .chip svg {
  margin-right: 0;
}
.custom-dd-body .main-content__body.single-body .input-table-form input.text-input {
  height: 4.5rem;
  border-radius: 0;
  width: 100%;
  border-color: transparent;
  padding-right: 6rem;
  font-size: var(--tg-styles-body-s-size, 1.6rem);
}
@media (hover: hover) {
  .custom-dd-body .main-content__body.single-body .input-table-form input.text-input:hover {
    border-color: var(--tk-primary-base);
  }
}
.custom-dd-body .main-content__body.single-body .input-table-form input.text-input:focus {
  border-color: var(--tk-primary-base);
}

.custom-dd-body .fav-container .fav-button {
  height: var(--nb-common-control-size-m);
  width: var(--nb-common-control-size-m);
  border: var(--nb-common-stroke-m) solid var(--tk-control-disabled-subtle-outline);
  border-radius: var(--nb-common-radius-control-pill);
  background-image: url("/assets/icons/fav-disabled-7078eadd.svg");
  background-size: 2.4rem 2.4rem;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body .fav-container .fav-button.is-fav {
  border-radius: var(--nb-common-radius-control-soft);
  border-color: var(--tk-control-neutral-outlined-outline);
  background-image: url("/assets/icons/fav-enabled-641b5df5.svg");
}
.custom-dd-body .fav-container #fav-name-label {
  display: block !important;
}
.custom-dd-body .fav-container #checkbox-label {
  display: flex !important;
}
.custom-dd-body .fav-container .input-field {
  width: 100%;
  padding-bottom: 3.2rem;
}
.custom-dd-body .fav-container .input-container {
  width: 100%;
}
.custom-dd-body .fav-container .input-container::before {
  display: none !important;
}
.custom-dd-body .fav-container .input-container #fav-name-input {
  height: 5.6rem;
  width: 100%;
  border-radius: var(--nb-common-radius-control-soft);
  padding-left: 2rem;
}
.custom-dd-body .fav-container .includes {
  padding-bottom: 3.2rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.custom-dd-body .fav-container .includes .filter-value {
  color: var(--tk-ink-main-secondary);
}
.custom-dd-body .fav-container .includes .filters-container .filters-wrap {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
.custom-dd-body .fav-container .includes .filters-container .filters-wrap .open-close-link {
  color: var(--tk-control-primary-ghost-content);
}
.custom-dd-body .fav-container .includes .filters-container .filters-content {
  padding: 0 4rem;
}
.custom-dd-body .fav-container .includes .filters-container .filters-content .single-filter {
  padding: 0.8rem 0;
  border-bottom: 1px solid var(--tk-border-translucent-1);
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.custom-dd-body .fav-container .includes .filters-container .filters-content .single-filter span {
  flex: 1;
}
.custom-dd-body .fav-container .includes .filters-container .filters-content .single-filter .text {
  color: var(--tk-ink-main-secondary);
}
.custom-dd-body .fav-container .includes .filters-container.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.custom-dd-body .fav-container .includes .filters-container .open-close-link {
  display: flex;
  flex-direction: row;
  gap: 0.8rem;
  align-items: center;
  cursor: pointer;
}
.custom-dd-body .fav-container .includes .filters-container .open-close-link img {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body .fav-container .includes .filters-container.closed .closed {
  display: none;
}
.custom-dd-body .fav-container .includes .filters-container.opened img {
  transform: rotate(180deg);
}
.custom-dd-body .fav-container .includes .filters-container.opened .opened {
  display: none;
}

.custom-dd-body .global-search-component .content-part .result-container, .custom-dd-body .global-search-component .content-part:has(input:focus)::before {
  box-shadow: 0 0.4rem 6.4rem 0 rgba(35, 31, 32, 0.4);
}

.custom-dd-body .global-search-open-button {
  display: flex;
  flex-direction: row;
  gap: 1.2rem;
  height: 5.2rem;
  border: var(--nb-common-stroke-m) solid var(--tk-border-solid-2);
  border-radius: var(--nb-common-radius-control-soft);
  padding: 0 1.2rem;
  align-items: center;
  cursor: pointer;
}
.custom-dd-body .global-search-open-button .text {
  margin-right: 1.5rem;
}
.custom-dd-body .global-search-open-button .shortcut .mac,
.custom-dd-body .global-search-open-button .shortcut .pc {
  display: flex;
  gap: 0.4rem;
}
.custom-dd-body .global-search-open-button .shortcut .key-container {
  min-width: 2.8rem;
  height: 2.8rem;
  border-radius: 0.4rem;
  background-color: var(--tk-surface-toned);
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-dd-body .global-search-open-button .shortcut .key-container > svg {
  min-width: 1.8rem;
  width: 1.8rem;
  height: 1.8rem;
  display: block;
}
.custom-dd-body .global-search-open-button .shortcut .key-container > svg.pc-svg {
  min-width: 4rem;
  width: 4rem;
}
.custom-dd-body .global-search-open-button .shortcut.mac .pc {
  display: none;
}
.custom-dd-body .global-search-open-button .shortcut.pc .mac {
  display: none;
}
.custom-dd-body .global-search-component {
  position: absolute;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  gap: 2.4rem;
  padding-left: var(--main-content-side-left);
  padding-right: var(--main-content-side-right);
  background-color: var(--tk-surface-highlight-1);
  opacity: 0;
  visibility: none;
  z-index: 10;
  pointer-events: none;
  transition: all var(--def-trans-time) var(--def-trans-type);
}
.custom-dd-body .global-search-component .button-part {
  display: flex;
  flex-direction: row;
  gap: 1.6rem;
  align-items: center;
}
.custom-dd-body .global-search-component .button-part .arrow-back,
.custom-dd-body .global-search-component .button-part svg {
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  display: block;
  cursor: pointer;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}
@media (hover: hover) {
  .custom-dd-body .global-search-component .button-part .arrow-back:hover {
    transform: translateX(-0.4rem);
  }
}
.custom-dd-body .global-search-component .content-part {
  max-width: 74rem;
  width: 100%;
  margin-left: auto;
  position: relative;
  transition: opacity var(--def-trans-time) var(--def-trans-type);
}
.custom-dd-body .global-search-component .content-part .search-icon {
  position: absolute;
  left: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.custom-dd-body .global-search-component .content-part .search-icon svg,
.custom-dd-body .global-search-component .content-part .search-icon img {
  width: 2.4rem;
  height: 2.4rem;
  display: block;
}
.custom-dd-body .global-search-component .content-part input {
  padding: 0 4.8rem !important;
}
.custom-dd-body .global-search-component .content-part::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--nb-common-radius-control-soft);
  z-index: -1;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body .global-search-component .content-part .clear-button {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  -webkit-transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
  transition: var(--def-trans-prop) var(--def-trans-time) var(--def-trans-type) var(--def-trans-delay);
}
.custom-dd-body .global-search-component .content-part .clear-button svg,
.custom-dd-body .global-search-component .content-part .clear-button img {
  width: 2.4rem;
  height: 2.4rem;
  display: block;
}
@media (hover: hover) {
  .custom-dd-body .global-search-component .content-part .clear-button:hover {
    opacity: 0.7;
  }
}
.custom-dd-body .global-search-component .content-part .result-container {
  position: absolute;
  width: 100%;
  top: calc(100% - 0.8rem);
  left: 0;
  padding: 3.2rem 2.4rem 2.4rem 2.4rem;
  background-color: white;
  border-left: var(--nb-common-stroke-m) solid var(--tk-border-solid-2);
  border-right: var(--nb-common-stroke-m) solid var(--tk-border-solid-2);
  border-bottom: var(--nb-common-stroke-m) solid var(--tk-border-solid-2);
  border-bottom-left-radius: var(--nb-common-radius-control-soft);
  border-bottom-right-radius: var(--nb-common-radius-control-soft);
  z-index: -1;
  transition: opacity var(--def-trans-time) var(--def-trans-type);
  opacity: 0;
  pointer-events: none;
  visibility: none;
  max-height: calc(100vh - 5.8rem - 2 * var(--container-padd));
}
.custom-dd-body .global-search-component .content-part .result-container .empty-state {
  display: none;
}
.custom-dd-body .global-search-component .content-part .result-container .results-in {
  max-height: calc(100vh - 18.3rem - 2 * var(--container-padd));
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}
.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group .category {
  color: var(--tk-ink-main-secondary);
}
.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group a.single-resource,
.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group .single-resource {
  display: flex;
  flex-direction: row;
  gap: 2.4rem;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group a.single-resource.is-selected,
.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group .single-resource.is-selected {
  background-color: var(--tk-surface-toned);
}
.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group a.single-resource > div,
.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group .single-resource > div {
  flex: 1;
}
.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group a.single-resource .icon,
.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group .single-resource .icon {
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  flex-grow: unset;
}
.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group a.single-resource .icon img,
.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group a.single-resource .icon svg,
.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group .single-resource .icon img,
.custom-dd-body .global-search-component .content-part .result-container .results-in .result-group .single-resource .icon svg {
  width: 2.4rem;
  height: 2.4rem;
  display: block;
}
.custom-dd-body .global-search-component .content-part .result-container .separator {
  width: 100%;
  height: 0.1rem;
  background-color: var(--tk-border-solid-1);
  margin: 2rem 0;
}
.custom-dd-body .global-search-component .content-part .result-container .buttons-info {
  height: 2.8rem;
  display: flex;
  flex-direction: row;
  gap: 2.4rem;
}
.custom-dd-body .global-search-component .content-part .result-container .buttons-info .buttons-wrap-label {
  display: flex;
  flex-direction: row;
  gap: 0.6rem;
  align-items: center;
}
.custom-dd-body .global-search-component .content-part .result-container .buttons-info .buttons-wrap-label .icon-container {
  min-width: 2.8rem;
  height: 2.8rem;
  border-radius: 0.4rem;
  background-color: var(--tk-surface-toned);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.custom-dd-body .global-search-component .content-part .result-container .buttons-info .buttons-wrap-label .icon-container.text-icon {
  padding: 0 0.85rem;
}
.custom-dd-body .global-search-component .content-part .result-container .buttons-info .buttons-wrap-label .icon-container > svg {
  min-width: 1.8rem;
  width: 1.8rem;
  height: 1.8rem;
  display: block;
}
.custom-dd-body .global-search-component .content-part .result-container .buttons-info .buttons-wrap-label .text {
  margin-left: 0.6rem;
}
.custom-dd-body .global-search-component .content-part .result-container.results-visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.custom-dd-body .global-search-component .content-part .result-container.no-results .empty-state {
  display: block;
}
.custom-dd-body .global-search-component .content-part .result-container.no-results .results-in {
  display: none;
}
.custom-dd-body .global-search-component.is-open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.login-body.custom-dd-body {
  padding: 0;
  min-height: 100vh;
  display: flex;
  width: 100%;
}
.login-body.custom-dd-body main {
  flex: 1;
}
.login-body.custom-dd-body .columns-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  height: 100%;
}
.login-body.custom-dd-body .columns-layout .column:nth-child(2) {
  background: var(--tk-surface-muted);
}
.login-body.custom-dd-body .columns-layout .column:nth-child(2) .column-in {
  padding: var(--gap-9) 8rem;
}
.login-body.custom-dd-body .columns-layout .column .column-in {
  flex: 1;
}
.login-body.custom-dd-body .columns-layout .column .video {
  object-fit: cover;
}
.login-body.custom-dd-body .columns-layout .logo-container, .login-body.custom-dd-body .columns-layout .login-container {
  background: var(--tk-surface-accent);
  width: fit-content;
  min-width: 80%;
}
.login-body.custom-dd-body .columns-layout .logo-container {
  padding: 7.2rem;
}
@media (max-width: 1520px) {
  .login-body.custom-dd-body .columns-layout .logo-container {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }
}
.login-body.custom-dd-body .columns-layout .logo-container .border {
  width: 1px;
  height: 3.2rem;
  display: block;
  background: var(--tk-border-translucent-2);
}
.login-body.custom-dd-body .columns-layout .logo-container .subtitle {
  color: var(--tk-ink-main-muted);
}
.login-body.custom-dd-body .columns-layout .login-container {
  padding: 7.2rem 0 2.4rem 0;
  margin-left: auto;
  margin-top: -4.8rem;
}
.login-body.custom-dd-body .columns-layout .form-subtitle {
  color: var(--tk-ink-main-toned);
}
.login-body.custom-dd-body .columns-layout .login-container-in {
  gap: calc(7.2 / 152 * 100vw);
  padding-bottom: 7.2rem;
  padding: 0 7.2rem 7.2rem 7.2rem;
}
@media (min-width: 1920px) {
  .login-body.custom-dd-body .columns-layout .login-container-in {
    gap: 3.2rem;
  }
}
@media (max-width: 1520px) {
  .login-body.custom-dd-body .columns-layout .login-container-in {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }
}
.login-body.custom-dd-body .columns-layout .footer-container {
  border-top: 1px solid var(--tk-border-translucent-2);
  padding: 2.4rem 7.2rem 0 7.2rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(4.8 / 152 * 100vw);
}
@media (min-width: 1920px) {
  .login-body.custom-dd-body .columns-layout .footer-container {
    gap: 4.8rem;
  }
}
@media (max-width: 1520px) {
  .login-body.custom-dd-body .columns-layout .footer-container {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }
}
.login-body.custom-dd-body .login-content-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  overflow: hidden;
}
.login-body.custom-dd-body .content-container {
  grid-column: 1;
  grid-row: 1;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: max-height 1.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, transform 1s ease, visibility 0.1s;
}
.login-body.custom-dd-body .content-container.is-active {
  max-height: 2000px;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  z-index: 2;
}

/*# sourceMappingURL=/assets/admin/application-d13d3b51.css.map */