:root {
    --border-radius-50: 8px;
    --border-radius-100: 16px;
    --border-radius-150: 24px;
    --color-neutral-100: #fff;
    --color-neutral-100-rgb: 255, 255, 255;
    --color-neutral-200: #f7f7f7;
    --color-neutral-200-rgb: 247, 247, 247;
    --color-neutral-300: #e5e5e5;
    --color-neutral-400: #c7c7c7;
    --color-neutral-500: #8f8f8f;
    --color-neutral-600: #707070;
    --color-neutral-700: #363636;
    --color-neutral-800: #191919;
    --color-neutral-800-rgb: 25, 25, 25;
    --color-neutral-900: #000;
    --color-neutral-900-rgb: 0, 0, 0;
    --color-orange-100: #fffaf5;
    --color-orange-200: #ffead3;
    --color-orange-300: #ffc382;
    --color-orange-400: #ff8806;
    --color-orange-500: #ec7303;
    --color-orange-600: #c15100;
    --color-orange-700: #562501;
    --color-orange-800: #2f1604;
    --color-coral-100: #fff7f5;
    --color-coral-200: #ffe1d7;
    --color-coral-300: #ffa78a;
    --color-coral-400: #ff6a38;
    --color-coral-500: #f3511b;
    --color-coral-600: #d03706;
    --color-coral-700: #5e1d08;
    --color-coral-800: #2f0e04;
    --color-red-100: #fff5f5;
    --color-red-200: #ffdede;
    --color-red-300: #ffa0a0;
    --color-red-400: #ff5c5c;
    --color-red-500: #f02d2d;
    --color-red-600: #d50b0b;
    --color-red-700: #570303;
    --color-red-800: #2a0303;
    --color-pink-100: #fef6fa;
    --color-pink-200: #fcdcec;
    --color-pink-300: #f79cc8;
    --color-pink-400: #f155a0;
    --color-pink-500: #de458e;
    --color-pink-600: #a51359;
    --color-pink-700: #4b112d;
    --color-pink-800: #360606;
    --color-indigo-100: #f5fbff;
    --color-indigo-200: #d3effe;
    --color-indigo-300: #80d0fd;
    --color-indigo-400: #0aa7ff;
    --color-indigo-500: #0099f0;
    --color-indigo-600: #0364ab;
    --color-indigo-700: #003c66;
    --color-indigo-800: #01193d;
    --color-blue-100: #f5f9ff;
    --color-blue-200: #d4e5fe;
    --color-blue-300: #93c9ff;
    --color-blue-400: #659eff;
    --color-blue-500: #3665f3;
    --color-blue-600: #382aef;
    --color-blue-650: #003aa5;
    --color-blue-700: #002a69;
    --color-blue-800: #19133a;
    --color-violet-100: #f6f5fe;
    --color-violet-200: #e2ddfd;
    --color-violet-300: #ad9efa;
    --color-violet-400: #836bff;
    --color-violet-500: #583aee;
    --color-violet-600: #3b1fc6;
    --color-violet-700: #271a68;
    --color-violet-800: #20092b;
    --color-lilac-100: #faf5fe;
    --color-lilac-200: #efddfd;
    --color-lilac-300: #cc9ef0;
    --color-lilac-400: #b56bf0;
    --color-lilac-500: #8935cb;
    --color-lilac-600: #631f99;
    --color-lilac-700: #3e135f;
    --color-lilac-800: #2f041e;
    --color-green-100: #fbfef6;
    --color-green-200: #f0fce1;
    --color-green-300: #d5f6aa;
    --color-green-400: #aaed56;
    --color-green-500: #92c821;
    --color-green-600: #507d17;
    --color-green-700: #345110;
    --color-green-800: #1c2d06;
    --color-jade-100: #f7fdfd;
    --color-jade-200: #d8f8ee;
    --color-jade-300: #8feace;
    --color-jade-400: #1ed49e;
    --color-jade-500: #1ed49e;
    --color-jade-600: #0f805e;
    --color-jade-700: #055743;
    --color-jade-800: #002b20;
    --color-kiwi-100: #f6fef6;
    --color-kiwi-200: #e0fae0;
    --color-kiwi-300: #a6f0a5;
    --color-kiwi-400: #4ce160;
    --color-kiwi-500: #3cc14e;
    --color-kiwi-600: #288034;
    --color-kiwi-700: #1b561a;
    --color-kiwi-800: #0c310d;
    --color-marigold-100: #fffbf5;
    --color-marigold-200: #fff0d3;
    --color-marigold-300: #ffd480;
    --color-marigold-400: #ffa800;
    --color-marigold-500: #e99a02;
    --color-marigold-600: #a36302;
    --color-marigold-700: #562f01;
    --color-marigold-800: #2f1b04;
    --color-yellow-100: #fffcf5;
    --color-yellow-200: #fff8d5;
    --color-yellow-300: #ffe58a;
    --color-yellow-400: #ffbd14;
    --color-yellow-500: #eebb04;
    --color-yellow-600: #855f00;
    --color-yellow-700: #553b06;
    --color-yellow-800: #312102;
    --color-dijon-100: #fffdf5;
    --color-dijon-200: #fcf9de;
    --color-dijon-300: #faef8a;
    --color-dijon-400: #f6e016;
    --color-dijon-500: #e8d20c;
    --color-dijon-600: #766f28;
    --color-dijon-700: #524500;
    --color-dijon-800: #2e2400;
    --color-teal-100: #f7fdfd;
    --color-teal-200: #d7f4f6;
    --color-teal-300: #8edfe5;
    --color-teal-400: #44ccd5;
    --color-teal-500: #1bbfca;
    --color-teal-600: #006f93;
    --color-teal-700: #07465a;
    --color-teal-800: #04252f;
    --color-avocado-100: #fdfef6;
    --color-avocado-200: #f8fcde;
    --color-avocado-300: #e9f5a0;
    --color-avocado-400: #e3f13c;
    --color-avocado-500: #c1d737;
    --color-avocado-600: #68770d;
    --color-avocado-700: #4e4e0c;
    --color-avocado-800: #282306;
    --color-ai-solid-green-strong: #4ee04b;
    --color-ai-solid-green-subtle: #f1fdf1;
    --color-ai-solid-green-subtle-dark: #112611;
    --color-ai-solid-blue-strong: #0968f6;
    --color-ai-solid-blue-subtle: #f0f6fe;
    --color-ai-solid-blue-subtle-dark: #112c31;
    --color-ai-solid-purple-strong: #993ee0;
    --color-ai-solid-purple-subtle: #f9f3fd;
    --color-ai-solid-purple-subtle-dark: #20172f;
    --color-ai-solid-red-strong: #ff4242;
    --color-ai-solid-red-subtle: #fff4f4;
    --color-ai-solid-red-subtle-dark: #321919;
    --color-ai-solid-yellow-strong: #ffd80e;
    --opacity-50: 0.04;
    --opacity-100: 0.08;
    --opacity-150: 0.12;
    --opacity-200: 0.16;
    --font-size-10: 0.625rem;
    --font-size-12: 0.75rem;
    --font-size-14: 0.875rem;
    --font-size-16: 1rem;
    --font-size-18: 1.125rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-30: 1.875rem;
    --font-size-36: 2.25rem;
    --font-size-46: 2.875rem;
    --font-size-64: 4rem;
    --font-size-smallest: var(--font-size-10);
    --font-size-small: var(--font-size-12);
    --font-size-default: var(--font-size-14);
    --font-size-medium: var(--font-size-16);
    --font-size-large-1: var(--font-size-20);
    --font-size-large-2: var(--font-size-24);
    --font-size-giant-1: var(--font-size-30);
    --font-size-giant-2: var(--font-size-36);
    --font-size-giant-3: var(--font-size-46);
    --font-size-giant-4: var(--font-size-64);
    /* 
    Ratio of 20px (base line height) / 14px (body font) 
    This needs to be unitless for optimal scaling
    */
    --font-line-height-250: 1.4286;
    --font-weight-regular: 500;
    --font-weight-bold: 700;
    --spacing-25: 2px;
    --spacing-50: 4px;
    --spacing-75: 6px;
    --spacing-100: 8px;
    --spacing-125: 10px;
    --spacing-150: 12px;
    --spacing-200: 16px;
    --spacing-250: 20px;
    --spacing-300: 24px;
    --spacing-400: 32px;
    --spacing-450: 36px;
    --spacing-600: 48px;
    --spacing-700: 56px;
    --spacing-800: 64px;
}

:root {
    --color-background-primary: var(--color-neutral-100);
    --color-background-secondary: var(--color-neutral-200);
    --color-background-tertiary: var(--color-neutral-300);
    --color-background-faint: rgba(var(--color-neutral-900-rgb), 0.05);
    --color-background-disabled: var(--color-neutral-400);
    --color-background-inverse: var(--color-neutral-700);
    --color-background-attention: var(--color-red-600);
    --color-background-confirmation: var(--color-kiwi-600);
    --color-background-information: var(--color-blue-500);
    --color-background-education: var(--color-blue-100);
    --color-background-accent: var(--color-blue-500);
    --color-background-invalid: var(--color-red-200);
    --color-background-elevated: var(--color-neutral-100);
    --color-background-strong: var(--color-neutral-800);
    --color-background-strong-rgb: var(--color-neutral-800-rgb);
    --color-foreground-primary: var(--color-neutral-800);
    --color-foreground-secondary: var(--color-neutral-600);
    --color-foreground-disabled: var(--color-neutral-400);
    --color-foreground-attention: var(--color-red-600);
    --color-foreground-confirmation: var(--color-kiwi-600);
    --color-foreground-information: var(--color-blue-500);
    --color-foreground-accent: var(--color-blue-500);
    --color-foreground-visited: var(--color-pink-600);
    --color-foreground-on-primary: var(--color-neutral-800);
    --color-foreground-on-secondary: var(--color-neutral-800);
    --color-foreground-on-disabled: var(--color-neutral-300);
    --color-foreground-on-inverse: var(--color-neutral-100);
    --color-foreground-on-accent: var(--color-neutral-100);
    --color-foreground-on-attention: var(--color-neutral-100);
    --color-foreground-on-confirmation: var(--color-neutral-100);
    --color-foreground-on-information: var(--color-neutral-100);
    --color-foreground-on-strong: var(--color-neutral-100);
    --color-foreground-link-visited: var(--color-pink-600);
    --color-foreground-link-legal: var(--color-blue-650);
    --color-foreground-link-primary: var(--color-foreground-primary);
    --color-stroke-default: var(--color-neutral-500);
    --color-stroke-accent: var(--color-blue-500);
    --color-stroke-on-accent: var(--color-neutral-100);
    --color-stroke-attention: var(--color-red-600);
    --color-stroke-on-attention: var(--color-neutral-100);
    --color-stroke-confirmation: var(--color-kiwi-600);
    --color-stroke-on-confirmation: var(--color-neutral-100);
    --color-stroke-information: var(--color-blue-500);
    --color-stroke-disabled: var(--color-neutral-400);
    --color-stroke-on-disabled: var(--color-neutral-100);
    --color-stroke-strong: var(--color-neutral-800);
    --color-stroke-inverse: var(--color-neutral-100);
    --color-stroke-subtle: var(--color-neutral-300);
    --color-state-visited: var(--color-pink-600);
    --color-state-focus-stroke: #005fcc;
    --color-state-primary-hover: #f5f5f5;
    --color-state-primary-active: #ebebeb;
    --color-state-secondary-hover: #ededed;
    --color-state-secondary-hover-rgb: 237, 237, 237;
    --color-state-secondary-active: #e3e3e3;
    --color-state-secondary-active-rgb: 227, 227, 227;
    --color-state-inverse-hover: #343434;
    --color-state-inverse-active: #323232;
    --color-state-accent-hover: #2854d9;
    --color-state-hover-foreground-on-secondary: #3461e9;
    --color-state-accent-active: #254fd2;
    --color-state-active-foreground-on-secondary: #3461e9;
    --color-state-attention-hover: #d70f38;
    --color-state-attention-active: #d70f38;
    --color-state-hover-foreground-on-secondary-desctructive: #d70f38;
    --color-state-active-foreground-on-secondary-desctructive: #d70f38;
    --color-data-viz-grid: var(--color-neutral-300);
    --color-data-viz-labels: var(--color-neutral-800);
    --color-data-viz-legend: var(--color-neutral-600);
    --color-data-viz-legend-inactive: var(--color-neutral-400);
    --color-data-viz-legend-hover: var(--color-neutral-800);
    --color-data-viz-line-chart-primary: var(--color-blue-500);
    --color-data-viz-line-chart-secondary: var(--color-violet-700);
    --color-data-viz-line-chart-tertiary: var(--color-teal-600);
    --color-data-viz-line-chart-queternary: var(--color-pink-500);
    --color-data-viz-line-chart-quinary: var(--color-pink-600);
    --color-data-viz-trend-positive: var(--color-kiwi-600);
    --color-data-viz-trend-negative: var(--color-red-600);
    --color-data-viz-chart-primary: var(--color-blue-500);
    --color-data-viz-chart-secondary: var(--color-blue-700);
    --color-data-viz-chart-tertiary-background: var(--color-indigo-200);
    --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);
    --color-data-viz-chart-quaternary-background: var(--color-teal-300);
    --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);
    --color-data-viz-chart-quinary-background: var(--color-teal-200);
    --color-data-viz-chart-quinary-stroke: var(--color-teal-600);
    --color-data-viz-tooltip-shadow-primary: #00000026;
    --color-data-viz-tooltip-shadow-secondary: #0000002b;
    --color-scrim-image: rgba(0, 0, 0, 0.04);
    --color-scrim-background: rgba(0, 0, 0, 0.32);
    --color-marketing-lime-foreground-4: var(--color-green-700);
    --color-marketing-lime-background-4: var(--color-avocado-500);
    --color-marketing-green-foreground-3: var(--color-kiwi-700);
    --color-marketing-green-background-3: var(--color-kiwi-400);
    --color-marketing-teal-foreground-3: var(--color-teal-7);
    --color-marketing-teal-background-3: var(--color-teal-400);
    --color-marketing-teal-foreground-5: var(--color-neutral-100);
    --color-marketing-teal-background-5: var(--color-teal-600);
    --color-marketing-yellow-foreground-3: var(--color-marigold-700);
    --color-marketing-yellow-background-3: var(--color-yellow-400);
    --color-marketing-orange-foreground-3: var(--color-coral-700);
    --color-marketing-orange-background-3: var(--color-coral-400);
    --color-marketing-magenta-foreground-4: var(--color-neutral-100);
    --color-marketing-magenta-background-4: var(--color-pink-400);
    --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));
    --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));
    --state-layer-pressed: rgba(
        var(--color-neutral-900-rgb),
        var(--opacity-100)
    );
    --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));
    --color-ai-gradient-full-spectrum: linear-gradient(
        223deg,
        var(--color-ai-solid-yellow-strong) 9.79%,
        var(--color-ai-solid-red-strong) 26.69%,
        var(--color-ai-solid-purple-strong) 41.82%,
        var(--color-ai-solid-blue-strong) 56.17%,
        var(--color-ai-solid-green-strong) 78.48%
    );
    --color-ai-gradient-green-strong: linear-gradient(
        270deg,
        var(--color-ai-solid-green-strong) 0%,
        #44cf63 25%,
        var(--color-ai-solid-blue-strong) 100%
    );
    --color-ai-gradient-blue-strong: linear-gradient(
        270deg,
        var(--color-ai-solid-green-strong) 0%,
        var(--color-ai-solid-blue-strong) 55.62%,
        #5751ea 75.7%,
        var(--color-ai-solid-purple-strong) 100%
    );
    --color-ai-gradient-purple-strong: linear-gradient(
        270deg,
        var(--color-ai-solid-purple-strong) 0%,
        var(--color-ai-solid-red-strong) 100%
    );
    --color-ai-gradient-purple-subtle: linear-gradient(
        270deg,
        var(--color-ai-solid-purple-subtle) 0%,
        var(--color-ai-solid-red-subtle) 100%
    );
    --color-ai-gradient-blue-subtle: linear-gradient(
        270deg,
        var(--color-ai-solid-green-subtle) -36%,
        var(--color-ai-solid-blue-subtle) -46.87%,
        var(--color-ai-solid-purple-subtle) 113%
    );
    --color-ai-gradient-green-subtle: linear-gradient(
        270deg,
        var(--color-ai-solid-green-subtle) 0%,
        var(--color-ai-solid-blue-subtle) 154.5%
    );
    --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
    --shadow-strong:
        0px 5px 17px 0px rgba(0, 0, 0, 0.2), 0px 2px 7px 0px rgba(0, 0, 0, 0.15);
    --color-loading-overlay: var(--color-neutral-100-rgb), 0.7;
    --color-loading-fill: #ededed;
    --color-loading-shimmer: linear-gradient(
        270deg,
        var(--color-loading-fill) 0%,
        var(--color-loading-fill) 34%,
        #f8f8f8 50%,
        var(--color-loading-fill) 66%,
        var(--color-loading-fill) 100%
    );
    --color-loading-fill-on-secondary: #e4e4e4;
    --color-loading-shimmer-on-secondary: linear-gradient(
        270deg,
        var(--color-loading-fill-on-secondary) 0%,
        var(--color-loading-fill-on-secondary) 34%,
        #ededed 50%,
        var(--color-loading-fill-on-secondary) 66%,
        var(--color-loading-fill-on-secondary) 100%
    );
    --color-loading-ai-gradient-purple-subtle: linear-gradient(
        270deg,
        var(--color-ai-solid-red-subtle) 0%,
        var(--color-ai-solid-red-subtle) 34%,
        var(--color-ai-solid-purple-subtle) 50%,
        var(--color-ai-solid-red-subtle) 66%,
        var(--color-ai-solid-red-subtle) 100%
    );
    --color-loading-ai-gradient-blue-subtle: linear-gradient(
        270deg,
        var(--color-ai-solid-blue-subtle) 0%,
        var(--color-ai-solid-blue-subtle) 34%,
        var(--color-ai-solid-purple-subtle) 50%,
        var(--color-ai-solid-blue-subtle) 66%,
        var(--color-ai-solid-blue-subtle) 100%
    );
    --color-loading-ai-gradient-green-subtle: linear-gradient(
        270deg,
        var(--color-ai-solid-green-subtle) 0%,
        var(--color-ai-solid-green-subtle) 34%,
        var(--color-ai-solid-blue-subtle) 50%,
        var(--color-ai-solid-green-subtle) 66%,
        var(--color-ai-solid-green-subtle) 100%
    );
    --color-media-disabled-filter: grayscale(1) opacity(0.25);
    /* Motion Functions */
    --motion-easing-standard: cubic-bezier(0.3, 0, 0, 1);
    --motion-easing-quick-enter: cubic-bezier(0, 0, 0, 1);
    --motion-easing-quick-exit: cubic-bezier(1, 0, 0, 1);
    --motion-easing-soft-enter: cubic-bezier(0, 0, 0.7, 1);
    --motion-easing-soft-exit: cubic-bezier(0.3, 0, 1, 1);
    --motion-easing-continuous: cubic-bezier(0.3, 0, 0.7, 1);
    --motion-easing-bounce: cubic-bezier(0.3, 0, 0, 1.5);
    --motion-easing-linear: cubic-bezier(0, 0, 1, 1);
    /* Motion Timings */
    --motion-duration-instant: 17ms;
    --motion-duration-short-1: 50ms;
    --motion-duration-short-2: 83ms;
    --motion-duration-short-3: 167ms;
    --motion-duration-medium-1: 250ms;
    --motion-duration-medium-2: 333ms;
    --motion-duration-medium-3: 500ms;
    --motion-duration-long-1: 667ms;
    --motion-duration-long-2: 883ms;
    --motion-duration-long-3: 1000ms;
    /* Typography */
    --font-line-height-default: var(--font-line-height-250);
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
    line-height: 0;
}
.clearfix:after {
    clear: both;
}
.clipped {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.clipped--stealth:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    white-space: normal;
    width: auto;
}
.image-stretch {
    height: auto;
    width: 100%;
}
.image-scale {
    height: auto;
    max-width: 100%;
}
.image-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.image-center img {
    max-height: 100%;
    max-width: 100%;
}
.image-treatment {
    align-items: center;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.image-treatment:after {
    background: rgba(0, 0, 0, 0.05);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.image-treatment > img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.image-treatment-large {
    align-items: center;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.image-treatment-large:after {
    background: rgba(0, 0, 0, 0.05);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.image-treatment-large > img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.image-disabled {
    filter: var(--color-media-disabled-filter);
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scrollbars-permanent {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scroll-snap-type: proximity;
    scroll-snap-type: x proximity;
}

.scrollbars-permanent::-webkit-scrollbar {
    background-color: var(--color-background-faint);
    border-radius: 12px;
}

.scrollbars-permanent::-webkit-scrollbar:vertical {
    width: 6px;
}

.scrollbars-permanent::-webkit-scrollbar:horizontal {
    height: 6px;
}

.scrollbars-permanent::-webkit-scrollbar-thumb {
    background-color: var(--color-foreground-secondary);
    border-color: transparent;
    border-radius: 12px;
    border-right-style: inset;
    box-shadow: none;
}

:root {
    --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
    --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
    --dialog-lightbox-max-width: 616px;
}
.alert-dialog[role="alertdialog"] {
    background-color: var(--dialog-scrim-color-show);
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    will-change: background-color;
    z-index: 100000;
}
.alert-dialog[role="alertdialog"]:not([hidden]) {
    display: flex;
}

.alert-dialog__window {
    background-color: var(
        --dialog-window-background-color,
        var(--color-background-primary)
    );
    border-radius: var(--lightbox-border-radius, var(--border-radius-150));
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    margin: auto auto 16px;
    margin-left: var(--spacing-200);
    margin-right: var(--spacing-200);
    max-height: 90%;
    max-width: calc(100% - 32px);
    min-height: 55px;
    min-width: 208px;
    padding: var(--spacing-200);
    will-change: opacity, transform;
}

.alert-dialog__title {
    font-size: var(--font-size-large-1);
    font-weight: var(--font-weight-bold);
    line-height: 28px;
    margin: 0;
}

.alert-dialog__footer {
    text-align: right;
}

.alert-dialog__main {
    margin: var(--spacing-200) 0;
    min-height: var(--spacing-200);
}
.alert-dialog__main > :first-child {
    margin-top: 0;
}
.alert-dialog__main > :last-child {
    margin-bottom: 0;
}

.alert-dialog--hide.alert-dialog--mask-fade,
.alert-dialog--show.alert-dialog--mask-fade {
    transition: background-color 0.16s ease-out;
}
.alert-dialog--hide.alert-dialog--mask-fade-slow,
.alert-dialog--show.alert-dialog--mask-fade-slow {
    transition: background-color 0.32s ease-out;
}
.alert-dialog--hide .alert-dialog__window--fade,
.alert-dialog--show .alert-dialog__window--fade {
    transition: opacity 0.16s ease-out;
}

.alert-dialog--hide.alert-dialog--hide,
.alert-dialog--hide.alert-dialog--show-init,
.alert-dialog--show-init.alert-dialog--hide,
.alert-dialog--show-init.alert-dialog--show-init {
    display: flex;
}
.alert-dialog--hide.alert-dialog--mask-fade,
.alert-dialog--hide.alert-dialog--mask-fade-slow,
.alert-dialog--show-init.alert-dialog--mask-fade,
.alert-dialog--show-init.alert-dialog--mask-fade-slow {
    background-color: var(--dialog-scrim-color-hide);
}
.alert-dialog--hide .alert-dialog__window--fade,
.alert-dialog--show-init .alert-dialog__window--fade {
    opacity: 0;
}

.alert-dialog--hide-init.alert-dialog--hide-init,
.alert-dialog--hide-init.alert-dialog--show,
.alert-dialog--show.alert-dialog--hide-init,
.alert-dialog--show.alert-dialog--show {
    display: flex;
}
.alert-dialog--hide-init.alert-dialog--mask-fade,
.alert-dialog--hide-init.alert-dialog--mask-fade-slow,
.alert-dialog--show.alert-dialog--mask-fade,
.alert-dialog--show.alert-dialog--mask-fade-slow {
    background-color: var(--dialog-scrim-color-show);
}
.alert-dialog--hide-init .alert-dialog__window--fade,
.alert-dialog--show .alert-dialog__window--fade {
    opacity: 1;
}

@media (min-width: 768px) {
    .alert-dialog__window {
        border-radius: var(--lightbox-border-radius, var(--border-radius-100));
        margin: auto;
        max-width: calc(88% - var(--spacing-400));
    }
}
@media (min-width: 1024px) {
    .alert-dialog__window {
        max-width: var(--dialog-lightbox-max-width);
    }
}

nav.breadcrumbs {
    color: var(
        --breadcrumbs-item-foreground-color,
        var(--color-foreground-secondary)
    );
    font-size: var(--font-size-small);
    height: -moz-fit-content;
    height: fit-content;
    margin: 8px 0;
    min-height: 16px;
    overflow-x: scroll;
    padding: 8px;
    scrollbar-width: none;
    white-space: nowrap;
}

nav.breadcrumbs > ul {
    display: inline-block;
    margin: 0;
    min-width: 100%;
    padding: 0;
    right: 0;
}
nav.breadcrumbs > ul > li {
    align-items: center;
    display: inline-flex;
    vertical-align: middle;
}

nav.breadcrumbs > ul > li[hidden] {
    display: none;
}

nav.breadcrumbs > ul > li svg {
    margin-left: 3px;
    margin-right: 3px;
}

nav.breadcrumbs > ul > li svg.icon--12 {
    margin-left: var(--spacing-75);
    margin-right: var(--spacing-75);
}

nav.breadcrumbs > ul > li > a {
    text-decoration: none;
}

nav.breadcrumbs > ul > li > button {
    background: none;
    border: none;
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

nav.breadcrumbs > ul > li > a,
nav.breadcrumbs > ul > li > button {
    color: inherit;
    max-width: 168px;
    outline-offset: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
nav.breadcrumbs > ul > li > a:focus,
nav.breadcrumbs > ul > li > a:hover,
nav.breadcrumbs > ul > li > button:focus,
nav.breadcrumbs > ul > li > button:hover {
    text-decoration: underline;
}
nav.breadcrumbs > ul > li > a[aria-current],
nav.breadcrumbs > ul > li > button[aria-current] {
    color: var(
        --breadcrumbs-item-current-foreground-color,
        var(--color-foreground-primary)
    );
    text-decoration: none;
}

nav.breadcrumbs > ul > li > a:focus:not(:focus-visible),
nav.breadcrumbs > ul > li > button:focus:not(:focus-visible) {
    outline: none;
}
nav.breadcrumbs::-webkit-scrollbar {
    display: none;
}
nav.breadcrumbs.breadcrumb--overflow {
    overflow-x: unset;
    scrollbar-width: unset;
}

nav.breadcrumbs .fake-menu-button__button,
nav.breadcrumbs .menu-button__button {
    background-color: var(
        --icon-button-background-color,
        var(--color-background-secondary)
    );
    height: var(--spacing-300);
    min-height: var(--spacing-300);
    min-width: var(--spacing-300);
    outline-offset: 1px;
    width: var(--spacing-300);
}

nav.breadcrumbs .fake-menu-button__button svg.icon,
nav.breadcrumbs .menu-button__button svg.icon {
    fill: var(
        --breadcrumbs-overflow-foreground-color,
        var(--color-foreground-secondary)
    );
}

nav.breadcrumbs .fake-menu-button__menu,
nav.breadcrumbs .menu-button__menu {
    font-size: var(--font-size-default);
}

[dir="rtl"] nav.breadcrumbs svg.icon--12 {
    transform: rotate(180deg);
}

@media (min-width: 512px) {
    nav.breadcrumbs {
        margin: 16px 0;
    }
}

.checkbox {
    display: inline-flex;
    position: relative;
    vertical-align: text-bottom;
}

.checkbox__control[type="checkbox"] {
    height: 18px;
    min-width: 18px;
    width: 18px;
}

.checkbox--large .checkbox__control[type="checkbox"] {
    height: 24px;
    min-width: 24px;
    width: 24px;
}

span.checkbox__icon {
    display: inline-flex;
    height: 18px;
    outline-offset: 1px;
}

.checkbox--large span.checkbox__icon {
    height: 24px;
}
span.checkbox__icon[hidden] {
    display: inline-flex;
}

svg.checkbox__checked {
    color: var(--checkbox-checked-color, var(--color-foreground-primary));
}

svg.checkbox__unchecked {
    color: var(--checkbox-unchecked-color, var(--color-foreground-primary));
}

input.checkbox__control[type="checkbox"] {
    font-size: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    z-index: 1;
}

.checkbox svg {
    display: inline-block;
    fill: currentColor;
    pointer-events: none;
    stroke: currentColor;
    stroke-width: 0;
    height: 18px;
    vertical-align: middle;
    width: 18px;
}

.checkbox--large svg {
    height: 24px;
    width: 24px;
}

input.checkbox__control[type="checkbox"]
    + span.checkbox__icon
    svg.checkbox__checked {
    display: none;
}

input.checkbox__control[type="checkbox"]
    + span.checkbox__icon
    svg.checkbox__unchecked,
input.checkbox__control[type="checkbox"]:checked
    + span.checkbox__icon
    svg.checkbox__checked {
    display: inline-block;
}

input.checkbox__control[type="checkbox"]:checked
    + span.checkbox__icon
    svg.checkbox__unchecked {
    display: none;
}

input.checkbox__control[type="checkbox"][disabled] + span.checkbox__icon {
    opacity: 1;
}
input.checkbox__control[type="checkbox"][disabled] + span.checkbox__icon svg {
    fill: var(--checkbox-disabled-color, var(--color-foreground-disabled));
}
input.checkbox__control[type="checkbox"]:focus + span.checkbox__icon {
    outline: 1px auto;
    outline-color: var(--checkbox-outline, var(--color-foreground-secondary));
    outline-offset: 2px;
}

input.checkbox__control[type="checkbox"]:focus:not(:focus-visible)
    + span.checkbox__icon {
    outline: none;
}

svg.icon {
    display: inline-block;
    fill: currentColor;
    pointer-events: none;
    stroke: currentColor;
    stroke-width: 0;
    vertical-align: middle;
}
svg.icon--12,
svg.icon--12-fit {
    height: 12px;
    width: 12px;
}
svg.icon--16,
svg.icon--16-fit {
    height: 16px;
    width: 16px;
}
svg.icon--18,
svg.icon--18-fit {
    height: 18px;
    width: 18px;
}
svg.icon--20,
svg.icon--20-fit {
    height: 20px;
    width: 20px;
}
svg.icon--24,
svg.icon--24-fit {
    height: 24px;
    width: 24px;
}
svg.icon--30,
svg.icon--30-fit {
    height: 30px;
    width: 30px;
}
svg.icon--32,
svg.icon--32-fit {
    height: 32px;
    width: 32px;
}
svg.icon--48,
svg.icon--48-fit {
    height: 48px;
    width: 48px;
}
svg.icon--64,
svg.icon--64-fit {
    height: 32px;
    width: 64px;
}
svg.icon--12-colored {
    height: 12px;
}
svg.icon--16-colored {
    height: 16px;
}
svg.icon--18-colored {
    height: 18px;
}
svg.icon--20-colored {
    height: 20px;
}
svg.icon--24-colored {
    height: 24px;
}
svg.icon--30-colored {
    height: 30px;
}
svg.icon--32-colored {
    height: 32px;
}
svg.icon--48-colored {
    height: 48px;
}
svg.icon--64-colored {
    height: 64px;
}
svg.icon--disabled {
    filter: var(--color-media-disabled-filter);
}
svg.icon--attention-filled {
    color: var(--color-foreground-attention);
}
svg.icon--confirmation-filled {
    color: var(--color-foreground-confirmation);
}
svg.icon--information-filled {
    color: var(--color-foreground-information);
}

a.icon-link {
    align-items: center;
    display: inline-flex;
}
a.icon-link > svg {
    margin: 0 auto;
}

a.icon-link,
button.icon-btn {
    background-color: var(
        --icon-button-background-color,
        var(--color-background-secondary)
    );
    border: 2px solid transparent;
    border-radius: 50px;
    box-sizing: border-box;
    font-family: inherit;
    height: 40px;
    justify-content: center;
    margin: 0;
    padding: 0;
    vertical-align: text-bottom;
    width: 40px;
}
a.icon-link > svg,
button.icon-btn > svg {
    fill: var(
        --icon-button-icon-foreground-color,
        var(--color-foreground-primary)
    );
    max-width: 75%;
    position: relative;
}
a.icon-link:focus,
a.icon-link:hover,
button.icon-btn:focus,
button.icon-btn:hover {
    background-color: var(--color-state-secondary-hover);
}
a.icon-link:active,
button.icon-btn:active {
    background-color: var(--color-state-secondary-active);
}
a.icon-link:not(:focus-visible),
button.icon-btn:not(:focus-visible) {
    outline: none;
}

a.icon-link.icon-link--primary,
button.icon-btn.icon-btn--primary {
    background-color: var(
        --btn-primary-background-color,
        var(--color-background-accent)
    );
    border-color: var(--btn-primary-border-color, var(--color-stroke-accent));
    color: var(
        --btn-primary-foreground-color,
        var(--color-foreground-on-accent)
    );
}

a.icon-link.icon-link--primary > svg,
button.icon-btn.icon-btn--primary > svg {
    fill: var(
        --icon-button-icon-foreground-color,
        var(--color-foreground-on-accent)
    );
}

a.icon-link.icon-link--secondary > svg,
button.icon-btn.icon-btn--secondary > svg {
    fill: var(
        --icon-button-icon-foreground-color,
        var(--color-foreground-accent)
    );
}

a.icon-link.icon-link--small .progress-spinner,
button.icon-btn.icon-btn--small .progress-spinner {
    height: 20px;
    width: 20px;
}

a.icon-link.icon-link--transparent > svg,
button.icon-btn.icon-btn--transparent > svg {
    max-width: 100%;
}

a.icon-link.icon-link--small,
button.icon-btn.icon-btn--small {
    height: 32px;
    width: 32px;
}

a.icon-link.icon-link--large,
button.icon-btn.icon-btn--large {
    height: 48px;
    width: 48px;
}
a.icon-link--transparent,
a.icon-link--transparent:active,
a.icon-link--transparent:focus,
a.icon-link--transparent:hover,
button.icon-btn--transparent,
button.icon-btn--transparent:active,
button.icon-btn--transparent:focus,
button.icon-btn--transparent:hover {
    background-color: initial;
}

a.icon-link:visited > svg {
    fill: var(
        --icon-button-icon-foreground-color,
        var(--color-foreground-primary)
    );
}

a:not([href]).icon-link > svg,
a[aria-disabled="true"].icon-link > svg,
button[aria-disabled="true"].icon-btn > svg,
button[disabled].icon-btn > svg {
    background-color: initial;
    fill: var(--color-background-disabled);
}
a:not([href]).icon-link:focus > svg,
a:not([href]).icon-link:hover > svg,
a[aria-disabled="true"].icon-link:focus > svg,
a[aria-disabled="true"].icon-link:hover > svg,
button[aria-disabled="true"].icon-btn:focus > svg,
button[aria-disabled="true"].icon-btn:hover > svg,
button[disabled].icon-btn:focus > svg,
button[disabled].icon-btn:hover > svg {
    fill: var(--color-background-disabled);
}

a.icon-link:visited:focus > svg,
a.icon-link:visited:hover > svg {
    fill: var(
        --icon-button-icon-hover-foreground-color,
        var(--color-foreground-primary)
    );
}

a.icon-link.icon-link--primary:visited > svg {
    fill: var(
        --icon-button-icon-foreground-color,
        var(--color-foreground-on-accent)
    );
}

a.icon-link--badged,
button.icon-btn--badged {
    overflow: visible;
    position: relative;
}
a.icon-link--badged .badge,
button.icon-btn--badged .badge {
    left: 24px;
    pointer-events: none;
    position: absolute;
    top: -12px;
    z-index: 1;
}
a.icon-link > svg.icon--confirmation-filled-16,
a.icon-link > svg.icon--confirmation-filled-16:hover,
a.icon-link > svg.icon--confirmation-filled-24,
a.icon-link > svg.icon--confirmation-filled-24:hover,
button.icon-btn > svg.icon--confirmation-filled-16,
button.icon-btn > svg.icon--confirmation-filled-16:hover,
button.icon-btn > svg.icon--confirmation-filled-24,
button.icon-btn > svg.icon--confirmation-filled-24:hover {
    fill: var(--color-foreground-confirmation);
}
a.icon-link > svg.icon--attention-filled-16,
a.icon-link > svg.icon--attention-filled-16:hover,
a.icon-link > svg.icon--attention-filled-24,
a.icon-link > svg.icon--attention-filled-24:hover,
button.icon-btn > svg.icon--attention-filled-16,
button.icon-btn > svg.icon--attention-filled-16:hover,
button.icon-btn > svg.icon--attention-filled-24,
button.icon-btn > svg.icon--attention-filled-24:hover {
    fill: var(--color-foreground-attention);
}
a.icon-link > svg.icon--information-filled-16,
a.icon-link > svg.icon--information-filled-16:hover,
a.icon-link > svg.icon--information-filled-24,
a.icon-link > svg.icon--information-filled-24:hover,
button.icon-btn > svg.icon--information-filled-16,
button.icon-btn > svg.icon--information-filled-16:hover,
button.icon-btn > svg.icon--information-filled-24,
button.icon-btn > svg.icon--information-filled-24:hover {
    fill: var(--color-foreground-information);
}

a.icon-link.icon-link--primary,
a.icon-link.icon-link--secondary,
a.icon-link.icon-link--tertiary,
button.icon-btn.icon-btn--primary,
button.icon-btn.icon-btn--secondary,
button.icon-btn.icon-btn--tertiary {
    border-width: 1px;
}

a:not([href]).icon-link.icon-link--primary,
a[aria-disabled="true"].icon-link.icon-link--primary,
button[aria-disabled="true"].icon-btn.icon-btn--primary,
button[disabled].icon-btn.icon-btn--primary {
    background-color: var(
        --icon-button-disabled-background-color,
        var(--color-background-disabled)
    );
    border-color: var(
        --btn-primary-disabled-border-color,
        var(--color-stroke-disabled)
    );
}

a:not([href]).icon-link.icon-link--primary > svg,
a[aria-disabled="true"].icon-link.icon-link--primary > svg,
button[aria-disabled="true"].icon-btn.icon-btn--primary > svg,
button[disabled].icon-btn.icon-btn--primary > svg {
    fill: var(
        --icon-button-icon-foreground-color,
        var(--color-foreground-on-accent)
    );
}

a.icon-link.icon-link--primary .progress-spinner,
button.icon-btn.icon-btn--primary .progress-spinner {
    --color-spinner-icon-background: var(--color-background-primary);
    --color-spinner-icon-foreground: #8fa3f8;
}

a.icon-link.icon-link--secondary,
button.icon-btn.icon-btn--secondary {
    background-color: initial;
    border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));
    color: var(
        --btn-secondary-foreground-color,
        var(--color-foreground-accent)
    );
}

a.icon-link.icon-link--primary:not([disabled], [aria-disabled="true"]):focus,
a.icon-link.icon-link--primary:not([disabled], [aria-disabled="true"]):hover,
button.icon-btn.icon-btn--primary:not([disabled], [aria-disabled="true"]):focus,
button.icon-btn.icon-btn--primary:not(
        [disabled],
        [aria-disabled="true"]
    ):hover {
    background-blend-mode: multiply;
    filter: brightness(96%);
}
a.icon-link.icon-link--primary:not([disabled], [aria-disabled="true"]):active,
button.icon-btn.icon-btn--primary:not(
        [disabled],
        [aria-disabled="true"]
    ):active {
    filter: brightness(92%);
}

a.icon-link.icon-link--secondary .progress-spinner,
a.icon-link.icon-link--tertiary .progress-spinner,
button.icon-btn.icon-btn--secondary .progress-spinner,
button.icon-btn.icon-btn--tertiary .progress-spinner {
    --color-spinner-icon-foreground: #3665f366;
}

a:not([href]).icon-link.icon-link--secondary,
a[aria-disabled="true"].icon-link.icon-link--secondary,
button[aria-disabled="true"].icon-btn.icon-btn--secondary,
button[disabled].icon-btn.icon-btn--secondary {
    border-color: var(
        --btn-secondary-disabled-border-color,
        var(--color-stroke-disabled)
    );
}

a:not([href]).icon-link.icon-blinktn--secondary > svg,
a[aria-disabled="true"].icon-link.icon-link--secondary > svg,
button[aria-disabled="true"].icon-btn.icon-btn--secondary > svg,
button[disabled].icon-btn.icon-btn--secondary > svg {
    fill: var(
        --icon-button-icon-foreground-color,
        var(--color-foreground-disabled)
    );
}

a.icon-link.icon-link--secondary:not([disabled], [aria-disabled="true"]):focus,
a.icon-link.icon-link--secondary:not([disabled], [aria-disabled="true"]):hover,
button.icon-btn.icon-btn--secondary:not(
        [disabled],
        [aria-disabled="true"]
    ):focus,
button.icon-btn.icon-btn--secondary:not(
        [disabled],
        [aria-disabled="true"]
    ):hover {
    background-color: var(--color-state-secondary-hover);
}
a.icon-link.icon-link--secondary:not([disabled], [aria-disabled="true"]):active,
button.icon-btn.icon-btn--secondary:not(
        [disabled],
        [aria-disabled="true"]
    ):active {
    background-color: var(--color-state-secondary-active);
}

a.icon-link.icon-link--tertiary,
button.icon-btn.icon-btn--tertiary {
    background-color: initial;
    border-color: var(--btn-primary-border-color, var(--color-stroke-default));
    color: var(--btn-primary-foreground-color, var(--color-foreground-accent));
}

a:not([href]).icon-link.icon-link--tertiary,
a[aria-disabled="true"].icon-link.icon-link--tertiary,
button[aria-disabled="true"].icon-btn.icon-btn--tertiary,
button[disabled].icon-btn.icon-btn--tertiary {
    border-color: var(
        --btn-tertiary-disabled-border-color,
        var(--color-stroke-disabled)
    );
}

a.icon-link.icon-link--tertiary:not([disabled], [aria-disabled="true"]):focus,
a.icon-link.icon-link--tertiary:not([disabled], [aria-disabled="true"]):hover,
button.icon-btn.icon-btn--tertiary:not(
        [disabled],
        [aria-disabled="true"]
    ):focus,
button.icon-btn.icon-btn--tertiary:not(
        [disabled],
        [aria-disabled="true"]
    ):hover {
    background-color: var(--color-state-secondary-hover);
}
a.icon-link.icon-link--tertiary:not([disabled], [aria-disabled="true"]):active,
button.icon-btn.icon-btn--tertiary:not(
        [disabled],
        [aria-disabled="true"]
    ):active {
    background-color: var(--color-state-secondary-active);
}

a.fake-btn,
button.btn {
    background-color: initial;
    border: 1px solid;
    border-radius: var(--btn-border-radius, 20px);
    box-sizing: border-box;
    color: inherit;
    display: inline-block;
    font-family: inherit;
    font-size: var(--font-size-default);
    margin: 0;
    min-height: 40px;
    min-width: 88px;
    padding: 9.5px 20px;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
}
a.fake-btn--fixed-height,
a.fake-btn--truncated,
button.btn--fixed-height,
button.btn--truncated {
    height: 40px;
}
a.fake-btn:focus-visible,
button.btn:focus-visible {
    outline-offset: var(--spacing-25);
    outline-style: solid;
    outline-width: var(--spacing-25);
}
a.fake-btn:focus:not(:focus-visible),
button.btn:focus:not(:focus-visible) {
    outline: none;
}

button.btn[aria-disabled="true"],
button.btn[disabled] {
    border-color: var(
        --expand-btn-disabled-border-color,
        var(--color-stroke-disabled)
    );
    color: var(
        --expand-btn-disabled-foreground-color,
        var(--color-foreground-disabled)
    );
}

a.fake-btn:not([href]),
a.fake-btn[aria-disabled="true"] {
    color: var(
        --link-foreground-color-disabled,
        var(--color-foreground-disabled)
    );
}

a.fake-btn--borderless,
button.btn--borderless {
    border-color: transparent;
    min-width: auto;
    padding-left: 0;
    vertical-align: initial;
}
a.fake-btn--borderless:focus,
a.fake-btn--borderless:hover,
button.btn--borderless:focus,
button.btn--borderless:hover {
    background-color: initial;
    outline: none;
    text-decoration: underline;
}

a.fake-btn--borderless[aria-disabled="true"],
a.fake-btn--borderless[disabled],
button.btn--borderless[aria-disabled="true"],
button.btn--borderless[disabled] {
    border-color: transparent;
}

a.fake-btn--borderless.btn--destructive,
button.btn--borderless.btn--destructive {
    color: var(
        --btn-secondary-destructive-foreground-color,
        var(--color-foreground-attention)
    );
}

a.fake-btn--slim,
button.btn--slim {
    height: 40px;
    min-width: auto;
    padding-left: var(--spacing-100);
    padding-right: var(--spacing-100);
}

a.fake-btn:visited {
    color: inherit;
}

a.fake-btn--fluid,
button.btn--fluid {
    width: 100%;
}

.btn__cell,
.fake-btn__cell {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}
.btn__cell--fixed-height,
.fake-btn__cell--fixed-height {
    display: inline-flex;
}
.btn__cell--fixed-height > svg,
.fake-btn__cell--fixed-height > svg {
    align-self: baseline;
    max-width: calc(100% - 32px);
}
.btn__cell--truncated,
.fake-btn__cell--truncated {
    display: inline-flex;
}
.btn__cell--truncated > svg,
.fake-btn__cell--truncated > svg {
    align-self: baseline;
    max-width: calc(100% - 32px);
}

a.fake-btn--borderless .fake-btn__cell,
a.fake-btn--form .fake-btn__cell,
button.btn--borderless .btn__cell,
button.btn--form .btn__cell {
    justify-content: space-between;
}

a.fake-btn svg.icon,
button.btn svg.icon {
    align-self: center;
}
a.fake-btn svg.icon:first-child,
button.btn svg.icon:first-child {
    margin-inline-end: 8px;
}
a.fake-btn svg.icon:last-child,
button.btn svg.icon:last-child {
    margin-inline-start: 8px;
}
a.fake-btn svg.icon:only-child,
button.btn svg.icon:only-child {
    margin: 0;
}

a.fake-btn__cell--fixed-height svg.icon,
button.btn__cell--fixed-height svg.icon {
    align-self: center;
    height: 1rem;
    overflow: visible;
    width: 1rem;
}

a.fake-btn--primary,
button.btn--primary {
    background-color: var(
        --btn-primary-background-color,
        var(--color-background-accent)
    );
    border-color: var(--btn-primary-border-color, var(--color-stroke-accent));
    color: var(
        --btn-primary-foreground-color,
        var(--color-foreground-on-accent)
    );
    font-weight: 700;
    transition: all var(--motion-duration-short-3)
        var(--motion-easing-quick-enter);
}
a.fake-btn--primary:active,
button.btn--primary:active {
    transform: scale(0.97);
}

a.fake-btn--primary {
    outline-color: var(--color-foreground-primary);
}

a.fake-btn--primary:visited {
    color: var(
        --btn-primary-foreground-color,
        var(--color-foreground-on-accent)
    );
}

a.fake-btn--primary[href]:focus,
a.fake-btn--primary[href]:hover,
button.btn--primary:not([disabled], [aria-disabled="true"]):focus,
button.btn--primary:not([disabled], [aria-disabled="true"]):hover {
    background-blend-mode: multiply;
    filter: brightness(96%);
}
a.fake-btn--primary[href]:active,
button.btn--primary:not([disabled], [aria-disabled="true"]):active {
    filter: brightness(92%);
}

a.fake-btn--primary.fake-btn--destructive,
button.btn--primary.btn--destructive {
    background-color: var(
        --btn-primary-destructive-background-color,
        var(--color-background-attention)
    );
    border-color: var(
        --btn-primary-destructive-border-color,
        var(--color-stroke-attention)
    );
    color: var(
        --btn-primary-destructive-foreground-color,
        var(--color-foreground-on-attention)
    );
    font-weight: 700;
}

button.btn--primary.btn--destructive[aria-disabled="true"],
button.btn--primary.btn--destructive[disabled] {
    background-color: var(
        --btn-primary-destructive-disabled-background,
        var(--color-background-disabled)
    );
    border-color: var(
        --btn-primary-destructive-disabled-border,
        var(--color-stroke-disabled)
    );
}

a.fake-btn--primary.fake-btn--destructive[href]:focus,
a.fake-btn--primary.fake-btn--destructive[href]:hover,
button.btn--primary.btn--destructive:not(
        [disabled],
        [aria-disabled="true"]
    ):focus,
button.btn--primary.btn--destructive:not(
        [disabled],
        [aria-disabled="true"]
    ):hover {
    background-color: var(--color-state-attention-hover);
}
a.fake-btn--primary.fake-btn--destructive[href]:active,
button.btn--primary.btn--destructive:not(
        [disabled],
        [aria-disabled="true"]
    ):active {
    background-color: var(--color-state-attention-active);
}

button.btn .progress-spinner {
    height: 24px;
    margin: -4px 0;
    width: 24px;
}

button.btn--form .progress-spinner {
    margin-left: auto;
    margin-right: auto;
}

button.btn--primary .progress-spinner {
    --color-spinner-icon-background: var(--color-background-primary);
    --color-spinner-icon-foreground: #8fa3f8;
}

button.btn--primary.btn--destructive .progress-spinner {
    --color-spinner-icon-background: var(--color-foreground-on-accent);
    --color-spinner-icon-foreground: #ec7089;
}

a.fake-btn[aria-expanded="true"] svg.icon--12,
button.btn[aria-expanded="true"] svg.icon--12 {
    transform: rotate(180deg);
}

a.fake-btn--large svg.icon,
button.btn--large svg.icon {
    max-height: 22px;
}

a.fake-btn--small svg.icon,
button.btn--small svg.icon {
    max-height: 20px;
}

button.btn--primary[aria-disabled="true"],
button.btn--primary[disabled] {
    background-color: var(
        --btn-primary-disabled-background-color,
        var(--color-foreground-disabled)
    );
    border-color: var(
        --btn-primary-disabled-border-color,
        var(--color-foreground-disabled)
    );
    color: var(
        --btn-primary-foreground-color,
        var(--color-foreground-on-accent)
    );
}
button.btn--primary[aria-disabled="true"] svg.icon,
button.btn--primary[disabled] svg.icon {
    fill: var(
        --btn-primary-disabled-foreground-color,
        var(--color-background-primary)
    );
}

a.fake-btn--primary:not([href]),
a.fake-btn--primary[aria-disabled="true"] {
    background-color: var(
        --btn-primary-disabled-background-color,
        var(--color-foreground-disabled)
    );
    border-color: var(
        --btn-primary-disabled-border-color,
        var(--color-foreground-disabled)
    );
    color: var(
        --btn-primary-foreground-color,
        var(--color-foreground-on-accent)
    );
}

a.fake-btn--secondary,
button.btn--secondary {
    background-color: var(--btn-secondary-background-color, transparent);
    border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));
    color: var(
        --btn-secondary-foreground-color,
        var(--color-foreground-accent)
    );
    transition: all var(--motion-duration-short-3)
        var(--motion-easing-quick-enter);
}
a.fake-btn--secondary:active,
button.btn--secondary:active {
    transform: scale(0.97);
}

a.fake-btn--secondary:visited {
    color: var(
        --btn-secondary-foreground-color,
        var(--color-foreground-accent)
    );
}

a.fake-btn--secondary[href]:active,
button.btn--secondary:not([disabled], [aria-disabled="true"]):active {
    background-color: var(--color-state-primary-active);
    border-color: var(--color-state-active-foreground-on-secondary);
    color: var(--color-state-active-foreground-on-secondary);
}
a.fake-btn--secondary[href]:focus,
a.fake-btn--secondary[href]:hover,
button.btn--secondary:not([disabled], [aria-disabled="true"]):focus,
button.btn--secondary:not([disabled], [aria-disabled="true"]):hover {
    background-color: var(--color-state-primary-hover);
    border-color: var(--color-state-hover-foreground-on-secondary);
    color: var(--color-state-hover-foreground-on-secondary);
}

a.fake-btn--secondary.fake-btn--destructive,
button.btn--secondary.btn--destructive {
    background-color: var(
        --btn-secondary-destructive-background-color,
        transparent
    );
    border-color: var(
        --btn-secondary-destructive-border-color,
        var(--color-stroke-attention)
    );
    color: var(
        --btn-secondary-destructive-foreground-color,
        var(--color-foreground-attention)
    );
}

a.fake-btn--secondary.fake-btn--destructive[href]:focus,
a.fake-btn--secondary.fake-btn--destructive[href]:hover,
button.btn--secondary.btn--destructive:not(
        [disabled],
        [aria-disabled="true"]
    ):focus,
button.btn--secondary.btn--destructive:not(
        [disabled],
        [aria-disabled="true"]
    ):hover {
    background-color: var(--color-state-primary-hover);
    border-color: var(--color-state-hover-foreground-on-secondary-desctructive);
    color: var(--color-state-hover-foreground-on-secondary-desctructive);
}
a.fake-btn--secondary.fake-btn--destructive[href]:active,
button.btn--secondary.btn--destructive:not(
        [disabled],
        [aria-disabled="true"]
    ):active {
    background-color: var(--color-state-primary-active);
    border-color: var(
        --color-state-active-foreground-on-secondary-desctructive
    );
    color: var(--color-state-active-foreground-on-secondary-desctructive);
}

button.btn--secondary.btn--destructive .progress-spinner {
    --color-spinner-icon-background: #f39fb0;
    --color-spinner-icon-foreground: #e0103a;
}

button.btn--secondary[aria-disabled="true"],
button.btn--secondary[disabled] {
    background-color: var(
        --btn-secondary-disabled-background-color,
        var(--color-background-primary)
    );
    border-color: var(
        --btn-secondary-disabled-border-color,
        var(--color-stroke-disabled)
    );
    color: var(
        --btn-secondary-disabled-foreground-color,
        var(--color-background-disabled)
    );
}
button.btn--secondary[aria-disabled="true"] svg.icon,
button.btn--secondary[disabled] svg.icon {
    fill: var(
        --btn-secondary-disabled-foreground-color,
        var(--color-foreground-disabled)
    );
}

a.fake-btn--secondary:not([href]),
a.fake-btn--secondary[aria-disabled="true"] {
    border-color: var(
        --btn-secondary-disabled-border-color,
        var(--color-background-disabled)
    );
    color: var(
        --btn-secondary-disabled-foreground-color,
        var(--color-background-disabled)
    );
}

a.fake-btn--tertiary,
button.btn--tertiary {
    border-color: var(--btn-tertiary-border-color, var(--color-stroke-default));
    transition: all var(--motion-duration-short-3)
        var(--motion-easing-quick-enter);
}
a.fake-btn--tertiary:active,
button.btn--tertiary:active {
    transform: scale(0.97);
}

a.fake-btn--tertiary[href]:focus,
a.fake-btn--tertiary[href]:hover,
button.btn--tertiary:not([disabled], [aria-disabled="true"]):focus,
button.btn--tertiary:not([disabled], [aria-disabled="true"]):hover {
    background-color: var(--color-state-secondary-hover);
}
a.fake-btn--tertiary[href]:active,
button.btn--tertiary:not([disabled], [aria-disabled="true"]):active {
    background-color: var(--color-state-secondary-active);
}

a.fake-btn--tertiary:not([href]),
a.fake-btn--tertiary[aria-disabled="true"],
button.btn--tertiary[aria-disabled="true"]:not(
        [aria-live="polite"][aria-disabled="true"]
    ),
button.btn--tertiary[disabled] {
    border-color: var(
        --expand-btn-disabled-border-color,
        var(--color-stroke-disabled)
    );
    color: var(
        --btn-tertiary-disabled-foreground-color,
        var(--color-background-disabled)
    );
}

a.fake-btn--tertiary.fake-btn--destructive,
button.btn--tertiary.btn--destructive {
    border-color: var(
        --btn-tertiary-destructive-foreground-color,
        var(--color-stroke-subtle)
    );
}

a.fake-btn--tertiary.fake-btn--destructive[href]:focus,
a.fake-btn--tertiary.fake-btn--destructive[href]:hover,
button.btn--tertiary.btn--destructive:not(
        [disabled],
        [aria-disabled="true"]
    ):focus,
button.btn--tertiary.btn--destructive:not(
        [disabled],
        [aria-disabled="true"]
    ):hover {
    background-color: var(--color-state-secondary-hover);
}
a.fake-btn--tertiary.fake-btn--destructive[href]:active,
button.btn--tertiary.btn--destructive:not(
        [disabled],
        [aria-disabled="true"]
    ):active {
    background-color: var(--color-state-secondary-active);
}

button.btn--tertiary.btn--destructive[aria-disabled="true"],
button.btn--tertiary.btn--destructive[disabled] {
    color: var(
        --btn-tertiary-destructive-disabled-foreground-color,
        var(--color-foreground-disabled)
    );
}

button.btn--tertiary.btn--destructive .progress-spinner {
    --color-spinner-icon-background: #ee9aab;
    --color-spinner-icon-foreground: #e0103a;
}

a.fake-btn--large,
button.btn--large {
    border-radius: var(--btn-border-radius, 24px);
    font-size: var(--font-size-medium);
    min-height: 48px;
    padding: 13px 20px;
}

a.fake-btn--small,
button.btn--small {
    border-radius: var(--btn-border-radius, 16px);
    font-size: var(--font-size-default);
    min-height: 32px;
    padding: 6px 16px;
}

a.fake-btn--form,
button.btn--form {
    border-color: inherit;
    border-radius: var(--expand-btn-border-radius, var(--border-radius-50));
    max-width: 100%;
}

a.fake-btn--form:not([href]):focus,
a.fake-btn--form:not([href]):hover,
button.btn--form:not([disabled], [aria-disabled="true"]):focus,
button.btn--form:not([disabled], [aria-disabled="true"]):hover {
    background-color: var(--color-state-primary-hover);
}
a.fake-btn--form:not([href]):active,
button.btn--form:not([disabled], [aria-disabled="true"]):active {
    background-color: var(--color-state-primary-active);
}

button.btn--form.btn--large {
    padding: 13px 20px;
}

button.btn--form.btn--small {
    padding: 6px 16px;
}
a.fake-btn--transparent,
a.fake-btn--transparent:focus,
a.fake-btn--transparent:hover,
button.btn--transparent,
button.btn--transparent:focus,
button.btn--transparent:hover {
    background-color: initial;
}

a.fake-btn--fixed-height,
button.btn--fixed-height {
    padding-top: calc(21.5px - 0.75em);
}

a.fake-btn--large-fixed-height,
button.btn--large-fixed-height {
    height: 48px;
    min-height: 48px;
    padding-top: calc(27px - 0.75em);
}

a.fake-btn--truncated,
a.fake-btn--truncated span,
button.btn--truncated,
button.btn--truncated span {
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a.fake-btn--large-truncated,
button.btn--large-truncated {
    font-size: var(--font-size-medium);
    height: 48px;
    min-height: 48px;
    padding: 13px 20px;
}
a.fake-btn--large-truncated,
a.fake-btn--large-truncated span,
button.btn--large-truncated,
button.btn--large-truncated span {
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a.fake-btn--split-start,
button.btn--split-start {
    border-radius: 24px 0 0 24px;
}

a.fake-btn--split-end,
button.btn--split-end {
    border-radius: 0 24px 24px 0;
    margin-left: -1px;
    min-width: 40px;
    padding-left: 8px;
    padding-right: 8px;
}

a.fake-btn.fake-btn--tertiary.fake-btn--split-end,
button.btn.btn--tertiary.btn--split-end {
    margin-left: -2px;
}
a.fake-btn.fake-btn--primary.fake-btn--split-end,
a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,
a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,
button.btn.btn--primary.btn--split-end,
button.btn.btn--primary.btn--split-end:focus,
button.btn.btn--primary.btn--split-end:hover {
    border-left-color: var(
        --btn-primary-border-split-color,
        var(--color-background-primary)
    );
}

button.btn--floating-label {
    padding-bottom: 0;
    padding-top: 0;
}

button.btn--floating-label .btn__text {
    min-height: 19px;
    padding-bottom: 2px;
    padding-top: 17px;
}

button.btn--floating-label .btn__floating-label {
    align-self: flex-start;
    display: inline-block;
    overflow: hidden;
    padding-bottom: 2px;
    padding-top: 17px;
    pointer-events: none;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    transform: scale(0.75) translateY(-18px);
    transform-origin: left;
    white-space: nowrap;
    width: calc(100% - 24px);
    z-index: 1;
}

button.btn--floating-label .btn__floating-label--animate {
    transition:
        transform 0.3s ease,
        bottom 0.3s ease;
}

button.btn--floating-label .btn__floating-label--inline {
    font-size: 0.875rem;
    position: unset;
    transform: translateY(-6px);
}

[dir="rtl"] a.fake-btn--split-start,
[dir="rtl"] button.btn--split-start {
    border-radius: 0 24px 24px 0;
}
[dir="rtl"] a.fake-btn--split-end,
[dir="rtl"] button.btn--split-end {
    border-radius: 24px 0 0 24px;
    margin-left: inherit;
    margin-right: -1px;
}
[dir="rtl"] a.fake-btn.fake-btn--tertiary.fake-btn--split-end,
[dir="rtl"] button.btn.btn--tertiary.btn--split-end {
    margin-right: -2px;
}
[dir="rtl"] a.fake-btn.fake-btn--primary.fake-btn--split-end,
[dir="rtl"] a.fake-btn.fake-btn--primary.fake-btn--split-end:focus,
[dir="rtl"] a.fake-btn.fake-btn--primary.fake-btn--split-end:hover,
[dir="rtl"] button.btn.btn--primary.btn--split-end,
[dir="rtl"] button.btn.btn--primary.btn--split-end:focus,
[dir="rtl"] button.btn.btn--primary.btn--split-end:hover {
    border-left-color: var(
        --btn-primary-border-color,
        var(--color-stroke-accent)
    );
    border-right-color: var(
        --primary-border-split-color,
        var(--color-stroke-subtle)
    );
}

:root {
    --bubble-shadow:
        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
}
.combobox {
    box-sizing: border-box;
    line-height: normal;
    position: relative;
}

span.combobox {
    display: inline-block;
    vertical-align: bottom;
}

.combobox__value {
    flex: 1 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.combobox__options--fix-width[role="listbox"] {
    width: 100%;
}

.combobox__listbox {
    background-color: var(
        --combobox-listbox-background-color,
        var(--color-background-elevated)
    );
    border-radius: var(
        --combobox-listbox-border-radius,
        var(--border-radius-50)
    );
    box-shadow: var(--bubble-shadow);
    box-sizing: border-box;
    display: none;
    left: 0;
    max-height: 400px;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 2;
}
.combobox__listbox--set-position {
    min-width: 100%;
    top: calc(100% + 4px);
    width: auto;
}
.combobox__listbox--fixed {
    position: fixed;
}

.combobox__listbox--reverse,
[dir="rtl"] .combobox__listbox {
    left: unset;
    right: 0;
}
[dir="rtl"] .combobox__listbox--reverse {
    left: 0;
    right: unset;
}

.combobox__control > button,
.combobox__control > svg.icon {
    margin-inline-start: 8px;
}

.combobox__option[role^="option"] {
    background-color: initial;
    border-color: var(
        --listbox-option-border-color,
        var(--color-background-primary)
    );
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: var(
        --listbox-option-foreground-color,
        var(--color-foreground-primary)
    );
    cursor: default;
    display: inline-grid;
    font-family: inherit;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 8px 15px;
    position: relative;
    width: 100%;
}
.combobox__option[role^="option"]:focus {
    outline-offset: -4px;
}
.combobox__option[role^="option"][hidden] {
    display: none;
}
.combobox__option[role^="option"]:hover {
    color: var(
        --listbox-option-hover-foreground-color,
        var(--color-foreground-primary)
    );
}
.combobox__option[role^="option"]:active {
    font-weight: 700;
}
.combobox__option[role^="option"]:disabled,
.combobox__option[role^="option"][aria-disabled="true"] {
    background-color: unset;
    color: var(
        --listbox-option-disabled-foreground-color,
        var(--color-foreground-disabled)
    );
    font-weight: unset;
}
.combobox__option[role^="option"]:first-child {
    border-top-left-radius: var(
        --combobox-listbox-border-radius,
        var(--border-radius-50)
    );
    border-top-right-radius: var(
        --combobox-listbox-border-radius,
        var(--border-radius-50)
    );
}
.combobox__option[role^="option"]:last-child {
    border-bottom-left-radius: var(
        --combobox-listbox-border-radius,
        var(--border-radius-50)
    );
    border-bottom-right-radius: var(
        --combobox-listbox-border-radius,
        var(--border-radius-50)
    );
}
.combobox__option[role^="option"]:not(:last-child) {
    margin-bottom: 1px;
}
.combobox__option[role^="option"]:hover {
    background-color: var(--color-state-primary-hover);
}
.combobox__option[role^="option"] svg.icon {
    align-self: center;
    fill: currentColor;
    margin: 0 auto;
    opacity: 0;
    stroke: currentColor;
    stroke-width: 0;
}

.combobox__option--active[role^="option"] {
    background-color: var(--color-state-primary-active);
}
.combobox__option--active[role^="option"] svg.icon {
    opacity: 1;
}

.combobox__control button.icon-btn {
    height: 38px;
    padding: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 38px;
}

.combobox__control button.icon-btn svg {
    left: 0;
    margin: 0;
    right: 0;
}

.combobox--expanded .combobox__listbox {
    display: block;
}

.combobox--expanded svg.icon--12 {
    transform: rotate(180deg);
}

.combobox__control > svg.icon--12 {
    color: var(--combobox-textbox-icon-color, var(--color-foreground-primary));
    pointer-events: none;
    position: absolute;
    right: 17px;
    top: calc(50% - 8px);
}

.combobox__control > input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(
        --combobox-textbox-background-color,
        var(--color-background-secondary)
    );
    border-color: var(
        --combobox-textbox-border-color,
        var(--color-stroke-default)
    );
    border-radius: var(
        --combobox-textbox-border-radius,
        var(--border-radius-50)
    );
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: var(
        --combobox-textbox-foreground-color,
        var(--color-foreground-on-secondary)
    );
    font-family: inherit;
    font-size: inherit;
    height: 40px;
    margin-left: 0;
    margin-right: 0;
    padding: 0 32px 0 16px;
}
.combobox__control > input[readonly] {
    color: var(
        --combobox-textbox-foreground-color,
        var(--color-foreground-primary)
    );
    cursor: default;
    text-shadow: 0 0 0 inherit;
    --webkit-user-select: none;
}
.combobox__control > input[readonly]::-moz-selection,
.combobox__control > input[readonly]::selection {
    background-color: var(
        --combobox-textbox-readonly-selection-background,
        var(--color-background-primary)
    );
}
.combobox__control > input[aria-disabled="true"],
.combobox__control > input[disabled] {
    border-color: var(
        --combobox-textbox-disabled-border-color,
        var(--color-background-disabled)
    );
    color: var(
        --combobox-textbox-disabled-foreground-color,
        var(--color-foreground-disabled)
    );
}
.combobox__control > input[aria-disabled="true"][readonly],
.combobox__control > input[disabled][readonly] {
    text-shadow: 0 0 0 var(--color-foreground-disabled);
}
.combobox__control > input[aria-disabled="true"] + svg,
.combobox__control > input[disabled] + svg {
    opacity: 0.5;
}
.combobox__control > input[aria-invalid="true"] {
    border-color: var(
        --combobox-textbox-invalid-foreground-color,
        var(--color-stroke-attention)
    );
}
.combobox__control > input::-ms-clear {
    display: none;
}

.combobox__control--borderless > input {
    background-color: initial;
    border-color: transparent;
    padding-left: 0;
}

.combobox__control > input:focus {
    background-color: var(
        --combobox-textbox-focus-background-color,
        var(--color-background-primary)
    );
    border-color: var(
        --combobox-textbox-focus-border-color,
        var(--color-foreground-primary)
    );
}

.combobox__control--borderless > input:focus {
    border-color: transparent;
    outline: none;
}
.combobox--fluid,
.combobox--fluid .combobox__control > input {
    width: 100%;
}

.combobox--large .combobox__control > input {
    font-size: var(--font-size-medium);
    height: 48px;
}

.combobox__control > input[disabled] {
    background-color: var(
        --combobox-textbox-disabled-background-color,
        var(--color-background-secondary)
    );
}

.combobox__option--active[role="option"] {
    color: var(
        --combobox-listbox-option-hover-foreground-color,
        var(--color-foreground-primary)
    );
    font-weight: 700;
}

@media (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
    .combobox__value,
    ::-ms-backdrop {
        min-width: 100%;
    }
}
[dir="rtl"] .combobox__control > input {
    padding: 0 16px 0 32px;
}
[dir="rtl"] .combobox__control > button,
[dir="rtl"] .combobox__control > svg.icon {
    right: unset;
}
[dir="rtl"] .combobox__control > svg.icon {
    left: 16px;
    margin-top: 1.3px;
}
[dir="rtl"] .combobox__control > button {
    left: 0;
}
[dir="rtl"] .combobox__control button.icon-btn {
    left: 1px;
    right: inherit;
}

:root {
    --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
    --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
    --dialog-lightbox-max-width: 616px;
}
.confirm-dialog[role="dialog"] {
    background-color: var(--dialog-scrim-color-show);
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    will-change: background-color;
    z-index: 100000;
}
.confirm-dialog[role="dialog"]:not([hidden]) {
    display: flex;
}

.confirm-dialog__window {
    background-color: var(
        --dialog-window-background-color,
        var(--color-background-primary)
    );
    border-radius: var(--lightbox-border-radius, var(--border-radius-150));
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    margin: auto auto 16px;
    margin-left: var(--spacing-200);
    margin-right: var(--spacing-200);
    max-height: 90%;
    max-width: calc(100% - 32px);
    min-height: 55px;
    min-width: 208px;
    padding: var(--spacing-200);
    will-change: opacity, transform;
}

.confirm-dialog__title {
    font-size: var(--font-size-large-1);
    font-weight: var(--font-weight-bold);
    line-height: 28px;
    margin: 0;
}

.confirm-dialog__main {
    margin: var(--spacing-200) 0;
    min-height: var(--spacing-200);
}
.confirm-dialog__main > :first-child {
    margin-top: 0;
}
.confirm-dialog__main > :last-child {
    margin-bottom: 0;
}

.confirm-dialog__footer {
    text-align: right;
}

a.confirm-dialog__confirm,
button.confirm-dialog__confirm {
    margin-left: var(--spacing-100);
}

.confirm-dialog--hide.confirm-dialog--mask-fade,
.confirm-dialog--show.confirm-dialog--mask-fade {
    transition: background-color 0.16s ease-out;
}
.confirm-dialog--hide.confirm-dialog--mask-fade-slow,
.confirm-dialog--show.confirm-dialog--mask-fade-slow {
    transition: background-color 0.32s ease-out;
}
.confirm-dialog--hide .confirm-dialog__window--fade,
.confirm-dialog--show .confirm-dialog__window--fade {
    transition: opacity 0.16s ease-out;
}

.confirm-dialog--hide.confirm-dialog--hide,
.confirm-dialog--hide.confirm-dialog--show-init,
.confirm-dialog--show-init.confirm-dialog--hide,
.confirm-dialog--show-init.confirm-dialog--show-init {
    display: flex;
}
.confirm-dialog--hide.confirm-dialog--mask-fade,
.confirm-dialog--hide.confirm-dialog--mask-fade-slow,
.confirm-dialog--show-init.confirm-dialog--mask-fade,
.confirm-dialog--show-init.confirm-dialog--mask-fade-slow {
    background-color: var(--dialog-scrim-color-hide);
}
.confirm-dialog--hide .confirm-dialog__window--fade,
.confirm-dialog--show-init .confirm-dialog__window--fade {
    opacity: 0;
}

.confirm-dialog--hide-init.confirm-dialog--hide-init,
.confirm-dialog--hide-init.confirm-dialog--show,
.confirm-dialog--show.confirm-dialog--hide-init,
.confirm-dialog--show.confirm-dialog--show {
    display: flex;
}
.confirm-dialog--hide-init.confirm-dialog--mask-fade,
.confirm-dialog--hide-init.confirm-dialog--mask-fade-slow,
.confirm-dialog--show.confirm-dialog--mask-fade,
.confirm-dialog--show.confirm-dialog--mask-fade-slow {
    background-color: var(--dialog-scrim-color-show);
}
.confirm-dialog--hide-init .confirm-dialog__window--fade,
.confirm-dialog--show .confirm-dialog__window--fade {
    opacity: 1;
}

@media (min-width: 768px) {
    .confirm-dialog__window {
        border-radius: var(--lightbox-border-radius, var(--border-radius-100));
        margin: auto;
        max-width: calc(88% - var(--spacing-400));
    }
}
@media (min-width: 1024px) {
    .confirm-dialog__window {
        max-width: var(--dialog-lightbox-max-width);
    }
}

span.field {
    display: inline-block;
}

span.field + span.field {
    margin-left: 8px;
}

.field-group,
div.field {
    margin: 16px 0;
}

.field-group {
    display: flex;
}
.field-group > div.field {
    margin: 0;
}
span.field--table {
    display: inline-table;
}

div.field--table {
    display: table;
}

.field__description--group {
    display: flex;
    justify-content: flex-end;
}

.field__description--group > :last-child {
    margin-inline-start: 5px;
    text-align: right;
}

.field__description--group > :first-child {
    flex: 1;
}
.field__label {
    margin-right: 8px;
}

.field__description {
    color: var(--field-description-color, var(--color-foreground-secondary));
    font-size: var(--font-size-small);
    line-height: var(--spacing-200);
    margin-top: var(--spacing-50);
}

.field__description--confirmation {
    color: var(
        --field-description-confirmation-color,
        var(--color-foreground-confirmation)
    );
}

.field__description--information {
    color: var(
        --field-description-information-color,
        var(--color-foreground-information)
    );
}

.field__description--attention {
    color: var(
        --field-description-attention-color,
        var(--color-foreground-attention)
    );
}

.field__group > .field__description,
.field__group > .field__label {
    align-self: center;
}

span.field__group {
    display: inline-flex;
}

div.field__group {
    display: flex;
}

.field__control + span.field__description {
    margin-left: 8px;
}

.field__description .icon {
    display: inline-block;
    margin-right: var(--spacing-50);
}
div.field__description {
    margin: var(--spacing-100) 0 0;
}

.field__row {
    display: table-row;
}
.field__row > .field__control,
.field__row > .field__description,
.field__row > .field__label {
    display: table-cell;
}
.field__row .field__label {
    margin-right: auto;
    padding-right: 8px;
}
.field__row .field__control + span.field__description {
    margin-left: 0;
    padding-left: 8px;
}
.field__row:first-child > .field__description {
    padding-bottom: 8px;
}
.field__row:last-child > .field__description {
    padding-top: 8px;
}
.field__label--end {
    margin-left: 4px;
    margin-right: auto;
}

.field__label--stacked {
    display: block;
    margin-bottom: 8px;
}

.field__label--disabled {
    color: var(--field-label-color-disabled, var(--color-foreground-disabled));
}

.field--fluid,
.field__control--fluid,
.field__group--fluid {
    width: 100%;
}
.field--align-top .field__label {
    display: inline-block;
    margin-top: 16px;
}

.field--align-top .textbox {
    vertical-align: top;
}

.field__group--align-top > .field__label {
    align-self: flex-start;
    margin-top: 16px;
}

[dir="rtl"] .field__description--group > :last-child {
    text-align: left;
}

.inline-notice {
    margin: var(--spacing-100) 0;
}

div.inline-notice {
    display: flex;
}

span.inline-notice {
    display: inline-flex;
}

.inline-notice__header {
    display: flex;
    margin-inline-end: var(--spacing-100);
    margin-top: var(--spacing-50);
}

.inline-notice p {
    margin: 3px 0;
}

.inline-notice a,
.inline-notice button.fake-link {
    color: var(--color-foreground-primary);
}

:root {
    --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
    --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
    --dialog-lightbox-max-width: 616px;
    --dialog-lightbox-wide-max-width: 896px;
    --dialog-lightbox-narrow-max-width: 480px;
}

.lightbox-dialog[role="dialog"] {
    background-color: var(--dialog-scrim-color-show);
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    will-change: background-color;
    z-index: 100000;
}
.lightbox-dialog[role="dialog"]:not([hidden]) {
    display: flex;
}

.lightbox-dialog__window {
    background-color: var(
        --dialog-window-background-color,
        var(--color-background-primary)
    );
    border-radius: var(--lightbox-border-radius, var(--border-radius-150));
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    margin: auto auto 16px;
    max-height: 90%;
    max-width: calc(100% - 32px);
    min-height: 55px;
    min-width: 208px;
    will-change: opacity, transform;
}

.lightbox-dialog__header {
    display: flex;
    flex-shrink: 0;
    margin: var(--spacing-200) var(--spacing-200) 0;
    position: relative;
}
.lightbox-dialog__header h1,
.lightbox-dialog__header h2,
.lightbox-dialog__header h3,
.lightbox-dialog__header h4,
.lightbox-dialog__header h5,
.lightbox-dialog__header h6 {
    align-self: center;
    flex: 1 1 auto;
    margin: 0;
    overflow-wrap: anywhere;
}
.lightbox-dialog__header > :last-child:not(:only-child) {
    margin-inline-start: var(--spacing-200);
}

.lightbox-dialog__main {
    box-sizing: border-box;
    flex: 1 1 auto;
    min-height: 18px;
    overflow: auto;
    padding: var(--spacing-200);
    position: relative;
}
.lightbox-dialog__main > :first-child {
    margin-top: 0;
}
.lightbox-dialog__main > :last-child {
    margin-bottom: 0;
}

.lightbox-dialog__footer {
    border-top: 1px solid
        var(--dialog-lightbox-separator-color, var(--color-stroke-subtle));
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--spacing-200);
    position: relative;
}
.lightbox-dialog__footer > :not(:first-child) {
    margin-top: var(--spacing-200);
}

.lightbox-dialog__image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--border-radius-100) var(--border-radius-100) 0 0;
    height: 218px;
    position: absolute;
    width: 100%;
}

.lightbox-dialog--expressive .lightbox-dialog__window {
    padding-bottom: var(--spacing-100);
}

.lightbox-dialog--expressive .lightbox-dialog__header > * {
    margin-top: 218px;
}

.lightbox-dialog--expressive .lightbox-dialog__header {
    margin: var(--spacing-300) var(--spacing-300) 0;
}

.lightbox-dialog--expressive .lightbox-dialog__footer,
.lightbox-dialog--expressive .lightbox-dialog__main {
    padding: var(--spacing-200) var(--spacing-300);
}
button.icon-btn.lightbox-dialog__close,
button.icon-btn.lightbox-dialog__prev {
    align-self: flex-start;
    border: 0;
    height: 32px;
    min-width: 32px;
    position: relative;
    width: 32px;
    z-index: 1;
}

button.icon-btn.lightbox-dialog__prev {
    margin-inline-end: var(--spacing-200);
}

.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__close,
.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev {
    align-self: self-start;
    margin: 0;
}

.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev + * {
    margin-left: -32px;
}

.lightbox-dialog__title:not(:first-child) {
    margin-left: var(--spacing-200);
}

.lightbox-dialog__title--center {
    text-align: center;
}

.lightbox-dialog--hide.lightbox-dialog--mask-fade,
.lightbox-dialog--show.lightbox-dialog--mask-fade {
    transition: background-color 0.16s ease-out;
}
.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,
.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {
    transition: background-color 0.32s ease-out;
}
.lightbox-dialog--hide .lightbox-dialog__window--fade,
.lightbox-dialog--show .lightbox-dialog__window--fade {
    transition: opacity 0.16s ease-out;
}
.lightbox-dialog--hide .lightbox-dialog__window--animate,
.lightbox-dialog--show .lightbox-dialog__window--animate {
    transition:
        opacity 0.16s ease-out,
        transform 0.32s ease-out;
}

.lightbox-dialog--hide.lightbox-dialog--hide,
.lightbox-dialog--hide.lightbox-dialog--show-init,
.lightbox-dialog--show-init.lightbox-dialog--hide,
.lightbox-dialog--show-init.lightbox-dialog--show-init {
    display: flex;
}
.lightbox-dialog--hide.lightbox-dialog--mask-fade,
.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,
.lightbox-dialog--show-init.lightbox-dialog--mask-fade,
.lightbox-dialog--show-init.lightbox-dialog--mask-fade-slow {
    background-color: var(--dialog-scrim-color-hide);
}
.lightbox-dialog--hide .lightbox-dialog__window--fade,
.lightbox-dialog--show-init .lightbox-dialog__window--fade {
    opacity: 0;
}
.lightbox-dialog--hide .lightbox-dialog__window--animate,
.lightbox-dialog--show-init .lightbox-dialog__window--animate {
    opacity: 0;
    transform: translateY(100%);
}

.lightbox-dialog--hide-init.lightbox-dialog--hide-init,
.lightbox-dialog--hide-init.lightbox-dialog--show,
.lightbox-dialog--show.lightbox-dialog--hide-init,
.lightbox-dialog--show.lightbox-dialog--show {
    display: flex;
}
.lightbox-dialog--hide-init.lightbox-dialog--mask-fade,
.lightbox-dialog--hide-init.lightbox-dialog--mask-fade-slow,
.lightbox-dialog--show.lightbox-dialog--mask-fade,
.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {
    background-color: var(--dialog-scrim-color-show);
}
.lightbox-dialog--hide-init .lightbox-dialog__window--fade,
.lightbox-dialog--show .lightbox-dialog__window--fade {
    opacity: 1;
}
.lightbox-dialog--hide-init .lightbox-dialog__window--animate,
.lightbox-dialog--show .lightbox-dialog__window--animate {
    opacity: 1;
    transform: translateY(0);
}
.lightbox-dialog__handle:after {
    background-color: var(--dialog-handle-color, var(--color-stroke-default));
    border-radius: 3px;
    content: "";
    display: block;
    height: 2px;
    width: 24px;
}

[dir="rtl"] button.icon-btn.lightbox-dialog__prev .icon--16 {
    transform: rotate(180deg);
}

.lightbox-dialog--fullscreen .lightbox-dialog__window,
.lightbox-dialog--large .lightbox-dialog__window {
    align-self: center;
    height: 70%;
    margin: var(--spacing-100);
    max-height: 95%;
}

@media (max-width: 512px) {
    .lightbox-dialog--large .lightbox-dialog__window {
        height: 95%;
        max-height: 95%;
        width: 100%;
    }
    .lightbox-dialog--fullscreen .lightbox-dialog__window {
        border-radius: 0;
        height: 100%;
        margin: 0;
        max-height: 100%;
        max-width: 100%;
        width: 100%;
    }
}
@media (min-width: 512px) {
    .lightbox-dialog__window {
        border-radius: var(--lightbox-border-radius, var(--border-radius-100));
        margin: auto;
        max-width: calc(88% - var(--spacing-400));
    }
    .lightbox-dialog--narrow .lightbox-dialog__window {
        max-width: var(--dialog-lightbox-narrow-max-width);
    }
    .lightbox-dialog__window .lightbox-dialog__footer {
        flex-direction: row;
        justify-content: flex-end;
    }
    .lightbox-dialog__window .lightbox-dialog__footer > :not(:first-child) {
        margin-left: var(--spacing-100);
        margin-top: 0;
    }
    .lightbox-dialog--hide .lightbox-dialog__window--animate,
    .lightbox-dialog--hide-init .lightbox-dialog__window--animate,
    .lightbox-dialog--show .lightbox-dialog__window--animate,
    .lightbox-dialog--show-init .lightbox-dialog__window--animate {
        transform: translateY(0);
    }
}
@media (min-width: 768px) {
    .lightbox-dialog__window {
        max-width: var(--dialog-lightbox-max-width);
    }
    .lightbox-dialog--wide .lightbox-dialog__window {
        max-width: var(--dialog-lightbox-wide-max-width);
    }
    .lightbox-dialog--wide .lightbox-dialog__image {
        height: 256px;
    }
    .lightbox-dialog--wide.lightbox-dialog--expressive
        .lightbox-dialog__header
        > * {
        margin-top: 256px;
    }
}

a.nav-link,
a.standalone-link {
    color: var(
        --nav-link-foreground-color,
        var(--color-foreground-link-primary)
    );
    text-decoration: none;
}
a.nav-link:visited,
a.standalone-link:visited {
    color: var(
        --link-foreground-color-default,
        var(--color-foreground-link-primary)
    );
}
a.nav-link:hover,
a.standalone-link:hover {
    color: var(
        --nav-link-foreground-hover-color,
        var(--color-foreground-secondary)
    );
    text-decoration: underline;
}
a.nav-link:not([href]),
a.nav-link[aria-disabled="true"],
a.standalone-link:not([href]),
a.standalone-link[aria-disabled="true"] {
    color: var(
        --link-forground-color-disabled,
        var(--color-foreground-disabled)
    );
    text-decoration: none;
}

button.fake-link {
    background-color: initial;
    border: 0;
    color: var(
        --fake-link-foreground-color,
        var(--color-foreground-link-primary)
    );
    font-family: inherit;
    font-size: inherit;
    padding: 0;
    text-decoration: underline;
}
button.fake-link:hover {
    color: var(
        --fake-link-foreground-color-hover,
        var(--color-foreground-secondary)
    );
}
button.fake-link[aria-disabled="true"],
button.fake-link[disabled] {
    color: var(
        --fake-link-foreground-disabled-color,
        var(--color-foreground-disabled)
    );
}

a.legal-link,
button.legal-link {
    text-decoration: underline;
}
a.legal-link,
a.legal-link:hover,
a.legal-link:visited,
button.legal-link,
button.legal-link:hover,
button.legal-link:visited {
    color: var(
        --legal-link-foreground-color,
        var(--color-foreground-link-legal)
    );
}

:root {
    --bubble-shadow:
        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
}
div.listbox {
    margin: var(--spacing-200) 0;
}

span.listbox {
    display: inline-block;
    vertical-align: bottom;
}

div.listbox__options[role="listbox"] {
    background-color: var(
        --listbox-background-color,
        var(--color-background-primary)
    );
    cursor: default;
}

span.listbox__options[role="listbox"] {
    display: inline-block;
}

div.listbox__options--fix-width[role="listbox"] {
    width: 100%;
}

div.listbox__options--reverse[role="listbox"] {
    right: 0;
}

.listbox__description {
    color: var(
        --listbox-button-subtitle-color,
        var(--color-foreground-secondary)
    );
    font-size: var(--font-size-small);
    font-weight: 400;
    grid-column: 1 2;
    grid-row: 2;
}

div.listbox__option[role="option"] {
    background-color: initial;
    border-color: var(
        --listbox-option-border-color,
        var(--color-background-primary)
    );
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: var(
        --listbox-option-foreground-color,
        var(--color-foreground-primary)
    );
    display: inline-grid;
    font-family: inherit;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 8px 15px;
    width: 100%;
}
div.listbox__option[role="option"]:not(:last-child) {
    margin-bottom: 1px;
}
div.listbox__option[role="option"]:focus {
    outline-offset: -4px;
}
div.listbox__option[role="option"][hidden] {
    display: none;
}
div.listbox__option[role="option"]:hover {
    background-color: var(--color-state-primary-hover);
    color: var(
        --listbox-option-hover-foreground-color,
        var(--color-foreground-primary)
    );
}
div.listbox__option[role="option"]:active {
    font-weight: 700;
}
div.listbox__option[role="option"]:disabled,
div.listbox__option[role="option"]:disabled .listbox__description,
div.listbox__option[role="option"][aria-disabled="true"],
div.listbox__option[role="option"][aria-disabled="true"] .listbox__description {
    background-color: unset;
    color: var(
        --listbox-option-disabled-foreground-color,
        var(--color-foreground-disabled)
    );
    font-weight: unset;
}

span.listbox__value {
    flex: 1;
    white-space: nowrap;
}

div.listbox__option svg.icon {
    align-self: center;
    fill: currentColor;
    margin: 0 auto;
    opacity: 0;
    stroke: currentColor;
    stroke-width: 0;
    margin-inline-start: var(--spacing-100);
}

div.listbox__options[role="listbox"]:focus
    .listbox__option--active[role="option"] {
    background-color: var(--color-state-primary-hover);
}

div.listbox__option[aria-selected="true"] svg.icon {
    opacity: 1;
}
.listbox__options:focus:not(:focus-visible) {
    outline: none;
}

:root {
    --bubble-shadow:
        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
}
.listbox-button {
    line-height: normal;
    position: relative;
    vertical-align: bottom;
}

span.listbox-button {
    display: inline-block;
}

.listbox-button .btn {
    padding-left: 15px;
    padding-right: 15px;
}

span.listbox-button--fluid,
span.listbox-button--fluid .btn,
span.listbox-button--fluid .expand-btn {
    width: 100%;
}

div.listbox-button__listbox {
    background-color: var(
        --listbox-button-listbox-background-color,
        var(--color-background-elevated)
    );
    border-radius: var(
        --listbox-button-listbox-border-radius,
        var(--border-radius-50)
    );
    box-shadow: var(--bubble-shadow);
    box-sizing: border-box;
    display: none;
    left: 0;
    max-height: 400px;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 2;
}
div.listbox-button__listbox--set-position {
    min-width: 100%;
    top: calc(100% + 4px);
    width: auto;
}
div.listbox-button__listbox--fixed {
    position: fixed;
}
[dir="rtl"] div.listbox-button__listbox {
    left: unset;
    right: 0;
}

.listbox-button button.btn[aria-expanded="true"] ~ div.listbox-button__listbox,
button.expand-btn[aria-expanded="true"] ~ div.listbox-button__listbox {
    display: block;
}

.listbox-button button[aria-invalid="true"] {
    border-color: var(
        --listbox-button-invalid-border-color,
        var(--color-stroke-attention)
    );
}

.listbox-button:not(.listbox-button--error)
    button:not(
        [disabled],
        [aria-disabled="true"],
        [aria-invalid="true"]
    ).btn--form {
    border-color: var(
        --listbox-button-border-color,
        var(--color-stroke-default)
    );
}
.listbox-button:not(.listbox-button--error)
    button:not(
        [disabled],
        [aria-disabled="true"],
        [aria-invalid="true"]
    ).btn--form:active,
.listbox-button:not(.listbox-button--error)
    button:not(
        [disabled],
        [aria-disabled="true"],
        [aria-invalid="true"]
    ).btn--form:focus,
.listbox-button:not(.listbox-button--error)
    button:not(
        [disabled],
        [aria-disabled="true"],
        [aria-invalid="true"]
    ).btn--form:hover {
    border-color: inherit;
}

.listbox-button button.btn--borderless,
.listbox-button button.expand-btn--borderless {
    background-color: initial;
    border-color: transparent;
    padding-left: 0;
    vertical-align: initial;
}
.listbox-button button.btn--borderless:focus,
.listbox-button button.expand-btn--borderless:focus {
    outline: none;
    text-decoration: underline;
}
.listbox-button
    button.btn--borderless[aria-expanded="true"]
    ~ .listbox-button__listbox,
.listbox-button
    button.expand-btn--borderless[aria-expanded="true"]
    ~ .listbox-button__listbox {
    top: 41px;
}

.listbox-button.listbox-button--form button {
    background-color: var(
        --listbox-button-background-color,
        var(--color-background-secondary)
    );
    border-color: var(
        --listbox-button-border-color,
        var(--color-stroke-default)
    );
    color: var(
        --listbox-button-foreground-color,
        var(--color-foreground-primary)
    );
}

.listbox-button.listbox-button--form button[aria-disabled="true"],
.listbox-button.listbox-button--form button[disabled] {
    border-color: var(
        --listbox-button-disabled-border-color,
        var(--color-background-disabled)
    );
    color: var(
        --listbox-button-disabled-foreground-color,
        var(--color-foreground-disabled)
    );
}

.listbox-button.listbox-button--form button:focus {
    background-color: var(
        --combobox-textbox-focus-background-color,
        var(--color-background-primary)
    );
}

.listbox-button.listbox-button--form button[aria-invalid="true"] {
    border-color: var(
        --listbox-button-invalid-border-color,
        var(--color-stroke-attention)
    );
}

.listbox-button.listbox-button--error button:not(.btn--borderless) {
    background-color: var(
        --listbox-button-background-color,
        var(--color-background-secondary)
    );
    border-color: var(
        --listbox-button-border-color,
        var(--color-stroke-attention)
    );
}

.listbox-button .btn__label {
    color: var(--listbox-button-label-color, var(--color-foreground-secondary));
    margin-right: 3px;
}

.listbox-button--expanded .btn__label {
    color: var(--listbox-button-label-color, var(--color-foreground-primary));
}

.listbox-button.listbox-button--error button .btn__floating-label,
.listbox-button.listbox-button--error button .btn__label {
    color: var(--listbox-button-label-color, var(--color-foreground-attention));
}

.listbox-button .btn__text {
    font-weight: 700;
    margin-right: auto;
}

.listbox-button__options {
    border-radius: var(--listbox-button-border-radius, var(--border-radius-50));
}

.listbox-button__options[role="listbox"]:focus
    .listbox-button__option--active[role="option"] {
    background-color: var(--color-state-primary-hover);
}

.listbox-button__option svg.icon {
    align-self: center;
    fill: currentColor;
    margin: 0 auto;
    opacity: 0;
    stroke: currentColor;
    stroke-width: 0;
    margin-inline-start: var(--spacing-100);
}

div.listbox-button__option[role="option"][aria-selected="true"] svg.icon {
    opacity: 1;
}

.listbox-button__description {
    color: var(
        --listbox-button-subtitle-color,
        var(--color-foreground-secondary)
    );
    font-size: var(--font-size-small);
    font-weight: 400;
    grid-column: 1 2;
    grid-row: 2;
}

div.listbox-button__option[role="option"] {
    background-color: initial;
    border-color: var(
        --listbox-option-border-color,
        var(--color-background-primary)
    );
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: var(
        --listbox-option-foreground-color,
        var(--color-foreground-primary)
    );
    cursor: default;
    display: inline-grid;
    font-family: inherit;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 8px 15px;
    width: 100%;
}
div.listbox-button__option[role="option"]:not(:last-child) {
    margin-bottom: 1px;
}
div.listbox-button__option[role="option"]:focus {
    outline-offset: -4px;
}
div.listbox-button__option[role="option"][hidden] {
    display: none;
}
div.listbox-button__option[role="option"]:hover {
    background-color: var(--color-state-primary-hover);
    color: var(
        --listbox-option-hover-foreground-color,
        var(--color-foreground-primary)
    );
}
div.listbox-button__option[role="option"]:active {
    font-weight: 700;
}
div.listbox-button__option[role="option"]:disabled,
div.listbox-button__option[role="option"][aria-disabled="true"] {
    background-color: unset;
    color: var(
        --listbox-option-disabled-foreground-color,
        var(--color-foreground-disabled)
    );
    font-weight: unset;
}
div.listbox-button__option[role="option"]:first-child {
    border-top-left-radius: var(
        --listbox-button-listbox-border-radius,
        var(--border-radius-50)
    );
    border-top-right-radius: var(
        --listbox-button-listbox-border-radius,
        var(--border-radius-50)
    );
}
div.listbox-button__option[role="option"]:last-child {
    border-bottom-left-radius: var(
        --listbox-button-listbox-border-radius,
        var(--border-radius-50)
    );
    border-bottom-right-radius: var(
        --listbox-button-listbox-border-radius,
        var(--border-radius-50)
    );
}
div.listbox-button__option[role="option"]:disabled .listbox-button__description,
div.listbox-button__option[role="option"][aria-disabled="true"]
    .listbox-button__description {
    background-color: unset;
    color: var(
        --listbox-option-disabled-foreground-color,
        var(--color-foreground-disabled)
    );
    font-weight: unset;
}

div.listbox-button__option--active[role="option"] {
    font-weight: 700;
}

span.listbox-button__value {
    flex: 1 0 auto;
    white-space: nowrap;
}
.listbox-button__options:focus:not(:focus-visible) {
    outline: none;
}
[dir="rtl"] .listbox-button .btn__label {
    color: var(--listbox-button-label-color, var(--color-foreground-secondary));
    margin-left: 3px;
    margin-right: 0;
}

:root {
    --bubble-shadow:
        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
}
.fake-menu__items,
.menu__items {
    background-color: var(
        --menu-background-color,
        var(--color-background-primary)
    );
    cursor: default;
}

span.fake-menu,
span.menu {
    display: inline-block;
    vertical-align: bottom;
}

span.fake-menu__items,
span.menu__items[role="menu"] {
    display: inline-block;
}

.fake-menu__items {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.fake-menu__item > svg.icon--16,
.menu__item > svg.icon--16 {
    align-self: center;
    fill: currentColor;
    margin: 0 auto;
    opacity: 0;
    stroke: currentColor;
    stroke-width: 0;
}

.fake-menu__item .badge,
.fake-menu__item > svg.icon--16:last-child,
.menu__item .badge,
.menu__item > svg.icon--16:last-child {
    margin-left: var(--spacing-100);
    margin-right: var(--spacing-100);
}

a.fake-menu__item {
    color: var(--menu-anchor-color, var(--color-foreground-primary));
    text-decoration: none;
}

button.fake-menu__item {
    font-size: inherit;
}

a.fake-menu__item,
button.fake-menu__item,
div.menu__item[role^="menuitem"] {
    background-color: initial;
    border-color: var(
        --menu-menuitem-border-color,
        var(--color-background-primary)
    );
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: var(
        --menu-menuitem-foreground-color,
        var(--color-foreground-primary)
    );
    display: inline-grid;
    font-family: inherit;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 8px 15px;
    width: 100%;
}
a.fake-menu__item:not(:last-child),
button.fake-menu__item:not(:last-child),
div.menu__item[role^="menuitem"]:not(:last-child) {
    margin-bottom: 1px;
}
a.fake-menu__item:focus,
button.fake-menu__item:focus,
div.menu__item[role^="menuitem"]:focus {
    outline-offset: -4px;
}
a.fake-menu__item:hover,
button.fake-menu__item:hover,
div.menu__item[role^="menuitem"]:hover {
    background-color: var(--color-state-primary-hover);
    color: var(
        --menu-menuitem-hover-foreground-color,
        var(--color-foreground-primary)
    );
}
a.fake-menu__item:active,
button.fake-menu__item:active,
div.menu__item[role^="menuitem"]:active {
    font-weight: 700;
}

a.fake-menu__item:focus {
    text-decoration: underline;
}

a.fake-menu__item[aria-current="page"] svg.icon--16,
button.fake-menu__item[aria-current="page"] svg.icon--16 {
    opacity: 1;
}

a.fake-menu__item:not([href]),
button.fake-menu__item[disabled],
div.menu__item[role^="menuitem"][aria-disabled="true"] {
    background-color: unset;
    color: var(
        --menu-menuitem-disabled-foreground-color,
        var(--color-foreground-disabled)
    );
    font-weight: unset;
}

div.menu__item[role^="menuitem"][aria-checked="true"] svg.icon--16 {
    opacity: 1;
}

a.fake-menu__item > span,
button.fake-menu__item > span,
div.menu__item[role^="menuitem"] > span {
    flex: 0 0 auto;
    text-align: left;
    white-space: nowrap;
}

a.fake-menu__item--badged,
button.fake-menu__item--badged,
div.menu__item--badged[role^="menuitem"] {
    position: relative;
}

a.fake-menu__item--badged span.badge,
button.fake-menu__item--badged span.badge,
div.menu__item--badged[role^="menuitem"] span.badge {
    padding: 1px 5px;
    position: absolute;
    top: 0;
    z-index: 1;
}

.menu__items--scroll[role="menu"] {
    overflow-y: scroll;
}

.fake-menu__items--fix-width,
.menu__items--fix-width[role="menu"] {
    width: 100%;
}

.fake-menu__items--reverse,
.menu__items--reverse[role="menu"] {
    right: 0;
}

.fake-menu button.expand-btn--borderless,
.menu button.expand-btn--borderless {
    background-color: initial;
    border-color: transparent;
    padding-left: 0;
    vertical-align: initial;
}
.fake-menu button.expand-btn--borderless:focus,
.menu button.expand-btn--borderless:focus {
    outline: none;
    text-decoration: underline;
}

hr.menu__separator {
    border-color: var(--menu-separator-color, var(--color-stroke-subtle));
    border-style: solid;
    border-width: 1px;
}
div.menu__item[role^="menuitem"]:focus:not(:focus-visible) {
    outline: none;
}

:root {
    --bubble-shadow:
        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
}
.fake-menu-button,
.menu-button {
    line-height: normal;
    position: relative;
}

.fake-menu-button__menu,
.menu-button__menu {
    background-color: var(
        --menu-button-menu-background-color,
        var(--color-background-elevated)
    );
    border-radius: var(
        --menu-button-menu-border-radius,
        var(--border-radius-50)
    );
    box-shadow: var(--bubble-shadow);
    box-sizing: border-box;
    display: none;
    left: 0;
    max-height: 400px;
    outline: 0;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 2;
}
.fake-menu-button__menu--set-position,
.menu-button__menu--set-position {
    min-width: 100%;
    top: calc(100% + 4px);
    width: auto;
}
.fake-menu-button__menu--fixed,
.menu-button__menu--fixed {
    position: fixed;
}
[dir="rtl"] .fake-menu-button__menu,
[dir="rtl"] .menu-button__menu {
    left: unset;
    right: 0;
}

span.fake-menu-button__button,
span.menu-button__button {
    display: inline-block;
    vertical-align: bottom;
}

.fake-menu-button__menu {
    list-style-type: none;
    margin: 0;
    max-height: calc(50vh - 40px);
    overflow-y: auto;
    padding: 0;
}

div.menu-button__item[role^="menuitem"] {
    background-color: initial;
    border-color: var(
        --menu-button-menuitem-border-color,
        var(--color-background-primary)
    );
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: var(
        --menu-button-menuitem-foreground-color,
        var(--color-foreground-primary)
    );
    cursor: default;
    display: inline-grid;
    font-family: inherit;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 8px 15px;
    width: 100%;
}
div.menu-button__item[role^="menuitem"]:not(:last-child) {
    margin-bottom: 1px;
}
div.menu-button__item[role^="menuitem"]:focus {
    outline-offset: -4px;
}
div.menu-button__item[role^="menuitem"]:hover {
    background-color: var(--color-state-primary-hover);
    color: var(
        --menu-button-menuitem-hover-foreground-color,
        var(--color-foreground-primary)
    );
}
div.menu-button__item[role^="menuitem"]:active {
    font-weight: 700;
}
div.menu-button__item[role^="menuitem"]:first-child {
    border-top-left-radius: var(
        --menu-button-menu-border-radius,
        var(--border-radius-50)
    );
    border-top-right-radius: var(
        --menu-button-menu-border-radius,
        var(--border-radius-50)
    );
}
div.menu-button__item[role^="menuitem"]:last-child {
    border-bottom-left-radius: var(
        --menu-button-menu-border-radius,
        var(--border-radius-50)
    );
    border-bottom-right-radius: var(
        --menu-button-menu-border-radius,
        var(--border-radius-50)
    );
}

.fake-menu-button__item > svg.icon--16,
.menu-button__item > svg.icon--16 {
    align-self: center;
    fill: currentColor;
    margin: 0 auto;
    opacity: 0;
    stroke: currentColor;
    stroke-width: 0;
}

.fake-menu-button__item > svg.icon--16:last-child,
.menu-button__item > svg.icon--16:last-child {
    margin-left: var(--spacing-100);
}
a.fake-menu-button__item {
    color: var(--menu-button-anchor-color, var(--color-foreground-primary));
    text-decoration: none;
}
a.fake-menu-button__item:focus {
    text-decoration: underline;
}
a.fake-menu-button__item:hover,
a.fake-menu-button__item:visited {
    color: var(--menu-button-anchor-color, var(--color-background-primary));
}
button.fake-menu-button__item {
    background-color: var(
        --menu-button-background-color,
        var(--color-background-primary)
    );
    color: var(--menu-button-foreground-color, var(--color-foreground-primary));
    font-family: inherit;
    font-size: 1em;
    text-align: left;
}

a.fake-menu-button__item[aria-current="page"] svg.icon--16,
button.fake-menu-button__item[aria-current="page"] svg.icon--16,
div.menu-button__item[role^="menuitem"][aria-checked="true"] svg.icon--16 {
    opacity: 1;
}

.fake-menu-button__menu a.fake-menu-button__item,
.fake-menu-button__menu button.fake-menu-button__item {
    background-color: initial;
    border-color: var(
        --menu-button-menuitem-border-color,
        var(--color-background-primary)
    );
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: var(
        --menu-button-menuitem-foreground-color,
        var(--color-foreground-primary)
    );
    display: inline-grid;
    font-family: inherit;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 8px 15px;
    width: 100%;
}
.fake-menu-button__menu a.fake-menu-button__item:not(:last-child),
.fake-menu-button__menu button.fake-menu-button__item:not(:last-child) {
    margin-bottom: 1px;
}
.fake-menu-button__menu a.fake-menu-button__item:focus,
.fake-menu-button__menu button.fake-menu-button__item:focus {
    outline-offset: -4px;
}
.fake-menu-button__menu a.fake-menu-button__item:hover,
.fake-menu-button__menu button.fake-menu-button__item:hover {
    background-color: var(--color-state-primary-hover);
    color: var(
        --menu-button-menuitem-hover-foreground-color,
        var(--color-foreground-primary)
    );
}
.fake-menu-button__menu a.fake-menu-button__item:active,
.fake-menu-button__menu button.fake-menu-button__item:active {
    font-weight: 700;
}

.fake-menu-button__menu a.fake-menu-button__item:not([href]),
.fake-menu-button__menu button.fake-menu-button__item[disabled],
.menu-button__menu
    div.menu-button__item[role^="menuitem"][aria-disabled="true"] {
    color: var(
        --menu-button-menuitem-disabled-foreground-color,
        var(--color-foreground-disabled)
    );
}

.fake-menu-button__menu > li:first-child a.fake-menu-button__item {
    border-top-left-radius: var(
        --menu-button-menu-border-radius,
        var(--border-radius-50)
    );
    border-top-right-radius: var(
        --menu-button-menu-border-radius,
        var(--border-radius-50)
    );
}

.fake-menu-button__menu > li:last-child a.fake-menu-button__item {
    border-bottom-left-radius: var(
        --menu-button-menu-border-radius,
        var(--border-radius-50)
    );
    border-bottom-right-radius: var(
        --menu-button-menu-border-radius,
        var(--border-radius-50)
    );
}

.fake-menu-button__menu--fix-width,
.menu-button__menu--fix-width {
    width: 100%;
}
.fake-menu-button__menu--fix-width span,
.menu-button__menu--fix-width span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

a.fake-menu-button__item > span,
button.fake-menu-button__item > span,
div.menu-button__item[role^="menuitem"] > span {
    flex: 1 0 auto;
    white-space: nowrap;
}

a.fake-menu-button__item--badged,
button.fake-menu-button__item--badged,
div.menu-button__item--badged[role^="menuitem"] {
    padding-right: 36px;
    position: relative;
}

a.fake-menu-button__item--badged .badge,
button.fake-menu-button__item--badged .badge,
div.menu-button__item--badged[role^="menuitem"] .badge {
    margin-left: var(--spacing-50);
    position: absolute;
    top: 6px;
    z-index: 1;
}

.menu-button__menu--scroll {
    overflow-y: scroll;
}

.fake-menu-button__menu--reverse,
.menu-button__menu--reverse {
    left: unset;
    right: 0;
}
[dir="rtl"] .fake-menu-button__menu--reverse,
[dir="rtl"] .menu-button__menu--reverse {
    left: 0;
    right: unset;
}

.fake-menu-button .btn[aria-expanded="true"] ~ .fake-menu-button__menu,
.fake-menu-button .expand-btn[aria-expanded="true"] ~ .fake-menu-button__menu,
.fake-menu-button__button[aria-expanded="true"] ~ .fake-menu-button__menu,
.menu-button .btn[aria-expanded="true"] ~ .menu-button__menu,
.menu-button .expand-btn[aria-expanded="true"] ~ .menu-button__menu,
.menu-button__button[aria-expanded="true"] ~ .menu-button__menu {
    display: block;
}

.btn ~ .fake-menu-button__menu--static,
.btn ~ .menu-button__menu--static,
.expand-btn ~ .menu-button__menu--static,
.expand_btn ~ .fake-menu-button__menu--static,
.fake-menu-button__button ~ .fake-menu-button__menu--static,
.menu-button__button ~ .menu-button__menu--static {
    position: static;
}

div.menu-button__option--active[role="option"] {
    font-weight: 700;
}

hr.menu-button__separator {
    border-color: var(
        --menu-button-separator-color,
        var(--color-stroke-subtle)
    );
    border-style: solid;
    border-width: 1px;
    margin: 0;
}
div.menu-button__item[role^="menuitem"]:focus:not(:focus-visible) {
    outline: none;
}

.page-notice {
    background-color: var(
        --page-notice-general-background-color,
        var(--color-background-inverse)
    );
    border-color: var(
        --page-notice-general-border-color,
        var(--color-background-inverse)
    );
    border-style: solid;
    border-width: 1px;
    color: var(--page-notice-color, var(--color-foreground-on-inverse));
    font-size: var(--font-size-default);
    margin: var(--spacing-100) 0;
    padding: var(--spacing-200);
}

div[role="region"].page-notice,
section.page-notice {
    display: grid;
    grid-template-columns: 32px auto auto auto;
}

span[role="region"].page-notice {
    display: grid;
}

.page-notice__title {
    font-size: var(--font-size-default);
    font-weight: 400;
    margin: 1px 0 0;
}

.page-notice a,
.page-notice__title:not(:only-child) {
    font-weight: 700;
}

.page-notice a {
    color: var(--page-notice-color, var(--color-foreground-on-inverse));
    font-size: var(--font-size-default);
}
.page-notice__cta a {
    white-space: nowrap;
}

.page-notice__dismiss {
    cursor: pointer;
}

.page-notice a:hover,
.page-notice button.fake-link {
    color: var(--page-notice-color, var(--color-foreground-on-inverse));
}

.page-notice button.fake-link {
    font-size: var(--font-size-default);
    font-weight: 700;
}

.page-notice button.fake-link:hover {
    color: var(--page-notice-color, var(--color-foreground-on-inverse));
}
.page-notice a:focus-visible,
.page-notice button.fake-link:focus-visible {
    outline: 2px solid var(--color-foreground-on-inverse);
    outline-offset: 2px;
}

.page-notice--attention {
    background-color: var(
        --page-notice-attention-background-color,
        var(--color-background-attention)
    );
    border-color: var(
        --page-notice-attention-border-color,
        var(--color-stroke-attention)
    );
}
.page-notice--attention .page-notice__header svg {
    color: var(
        --page-notice-attention-icon-color,
        var(--color-foreground-on-attention)
    );
}

.page-notice--confirmation {
    background-color: var(
        --page-notice-confirmation-background-color,
        var(--color-background-confirmation)
    );
    border-color: var(
        --page-notice-confirmation-border-color,
        var(--color-stroke-confirmation)
    );
}
.page-notice--confirmation .page-notice__header svg {
    color: var(
        --page-notice-confirmation-icon-color,
        var(--color-foreground-on-confirmation)
    );
}

.page-notice--information {
    background-color: var(
        --page-notice-information-background-color,
        var(--color-background-information)
    );
    border-color: var(
        --page-notice-information-border-color,
        var(--color-stroke-information)
    );
}
.page-notice--information .page-notice__header svg {
    color: var(
        --page-notice-information-icon-color,
        var(--color-foreground-on-information)
    );
}

.page-notice--general {
    background-color: var(
        --page-notice-general-background-color,
        var(--color-background-inverse)
    );
}

.page-notice__header {
    grid-column: 1;
}

.page-notice__header,
.page-notice__main {
    grid-row: 1;
    margin-inline-end: var(--spacing-200);
}

.page-notice__main {
    grid-column: 1 / 3;
}

.page-notice__header + .page-notice__main {
    grid-column: 2;
}

.page-notice__footer {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.page-notice__main p {
    font-size: var(--font-size-default);
    margin: 2px 0 0;
}
.page-notice__main .page-notice__title ~ p {
    margin: var(--spacing-50) 0 0;
}

p.page-notice__cta {
    grid-column: 2;
    grid-row: 2;
    justify-self: flex-start;
    margin-bottom: 0;
    margin-right: var(--spacing-200);
    margin-top: var(--spacing-200);
}

@media (min-width: 512px) {
    div[role="region"].page-notice,
    section.page-notice {
        margin: var(--spacing-200) 0;
    }
    .page-notice__title {
        margin-bottom: 2px;
    }
    p.page-notice__cta {
        grid-column: 4;
        grid-row: 1;
        justify-self: flex-end;
        margin-top: 1px;
        padding-right: var(--spacing-200);
    }
    .page-notice__footer {
        justify-self: flex-end;
        margin-top: 0;
    }
}
[dir="rtl"] .page-notice__footer {
    margin-left: 0;
    margin-right: auto;
    padding-left: 0;
    padding-right: 16px;
}

nav.pagination {
    align-items: center;
    color: var(
        --pagination-item-foreground-color,
        var(--color-foreground-secondary)
    );
    display: inline-flex;
    font-family: inherit;
    font-size: 1rem;
    justify-content: center;
    margin: var(--spacing-100) 0;
    max-width: 100%;
}

nav.pagination a,
nav.pagination button {
    color: inherit;
    font-size: 1em;
}

ol.pagination__items {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ol.pagination__items li:not([hidden]) {
    align-items: center;
    display: flex;
    justify-content: center;
}

a.pagination__next,
a.pagination__previous,
button.pagination__next,
button.pagination__previous {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

a.pagination__next,
button.pagination__next {
    margin-inline-start: var(--spacing-100);
}

a.pagination__previous,
button.pagination__previous {
    margin-inline-end: var(--spacing-100);
}

.pagination__item {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    font-weight: var(--font-weight-regular);
    height: 44px;
    justify-content: center;
    width: 44px;
}

button.pagination__item {
    background: none;
    border: none;
    font-family: inherit;
}

a.pagination__item {
    text-decoration: none;
}

a.pagination__item,
button.pagination__item {
    position: relative;
}
a.pagination__item:after,
button.pagination__item:after {
    background-color: initial;
    border-radius: 4px;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: calc(50% - 10px);
    position: absolute;
    width: 20px;
}
a.pagination__item[aria-current="page"],
button.pagination__item[aria-current="page"] {
    color: var(
        --pagination-item-current-foreground-color,
        var(--color-foreground-primary)
    );
    font-weight: var(--font-weight-bold);
}
a.pagination__item[aria-current="page"]:after,
button.pagination__item[aria-current="page"]:after {
    background-color: currentColor;
}
a.pagination__item:not([aria-current="page"]):active,
button.pagination__item:not([aria-current="page"]):active {
    color: var(
        --pagination-item-active-foreground-color,
        var(--color-foreground-primary)
    );
}
a.pagination__item:not([aria-current="page"]):focus,
a.pagination__item:not([aria-current="page"]):hover,
button.pagination__item:not([aria-current="page"]):focus,
button.pagination__item:not([aria-current="page"]):hover {
    color: var(
        --pagination-item-hover-foreground-color,
        var(--color-foreground-accent)
    );
}
a.pagination__item:not([aria-current="page"]):focus:after,
a.pagination__item:not([aria-current="page"]):hover:after,
button.pagination__item:not([aria-current="page"]):focus:after,
button.pagination__item:not([aria-current="page"]):hover:after {
    background-color: currentColor;
}
a.pagination__item:focus:not(:focus-visible),
button.pagination__item:focus:not(:focus-visible) {
    outline: none;
}

span.pagination__item button.icon-btn--transparent:focus,
span.pagination__item button.icon-btn--transparent:hover {
    background-color: var(--color-state-primary-hover);
}
span.pagination__item button.icon-btn--transparent:active {
    background-color: var(--color-state-primary-active);
}

nav.pagination--fluid {
    width: 100%;
}

nav.pagination--fluid ol.pagination__items {
    flex-grow: 1;
    max-width: none;
}

nav.pagination--fluid ol.pagination__items li {
    flex: 1 0 var(--spacing-600);
}

[dir="rtl"] nav.pagination svg.icon--arrow-left-16,
[dir="rtl"] nav.pagination svg.icon--arrow-right-16 {
    transform: rotate(180deg);
}

@media (min-width: 768px) {
    nav.pagination {
        margin: var(--spacing-200) 0;
    }
}

.radio {
    display: inline-flex;
    position: relative;
    vertical-align: text-bottom;
}

.radio__control[type="radio"] {
    height: 18px;
    min-width: 18px;
    width: 18px;
}

.radio--large .radio__control[type="radio"] {
    height: 24px;
    min-width: 24px;
    width: 24px;
}

span.radio__icon {
    display: inline-flex;
    height: 18px;
    outline-offset: 1px;
}

.radio--large span.radio__icon {
    height: 24px;
}
span.radio__icon[hidden] {
    display: inline-flex;
}

svg.radio__checked {
    color: var(--radio-checked-color, var(--color-foreground-primary));
}

svg.radio__unchecked {
    color: var(--radio-unchecked-color, var(--color-foreground-primary));
}

input.radio__control[type="radio"] {
    font-size: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    z-index: 1;
}

.radio svg {
    display: inline-block;
    fill: currentColor;
    pointer-events: none;
    stroke: currentColor;
    stroke-width: 0;
    height: 18px;
    vertical-align: middle;
    width: 18px;
}

.radio--large svg {
    height: 24px;
    width: 24px;
}

input.radio__control[type="radio"] + span.radio__icon svg.radio__checked {
    display: none;
}

input.radio__control[type="radio"] + span.radio__icon svg.radio__unchecked,
input.radio__control[type="radio"]:checked
    + span.radio__icon
    svg.radio__checked {
    display: inline-block;
}

input.radio__control[type="radio"]:checked
    + span.radio__icon
    svg.radio__unchecked {
    display: none;
}

input.radio__control[type="radio"][disabled] + span.radio__icon {
    opacity: 1;
}
input.radio__control[type="radio"][disabled] + span.radio__icon svg {
    fill: var(--radio-disabled-color, var(--color-foreground-disabled));
}
input.radio__control[type="radio"]:focus + span.radio__icon {
    outline: 1px auto;
    outline-color: var(--radio-outline, var(--color-foreground-secondary));
    outline-offset: 2px;
}

input.radio__control[type="radio"]:focus:not(:focus-visible)
    + span.radio__icon {
    outline: none;
}

.segmented-buttons {
    border: 1px solid var(--color-stroke-default);
    border-radius: var(--segmented-button-border-radius, 24px);
    max-width: 720px;
    min-width: 215px;
    padding: var(--spacing-50);
}

.segmented-buttons > ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.segmented-buttons > ul > li {
    display: flex;
    flex: 1;
}

.segmented-buttons > ul > li:not(:first-child) {
    margin-inline-start: var(--spacing-100);
}

.segmented-buttons__button {
    background-color: initial;
    border: none;
    border-radius: var(--btn-border-radius, 20px);
    color: var(--color-foreground-on-primary);
    font-size: var(--font-size-default);
    min-height: calc(40px - var(--spacing-50) * 2);
    padding: var(--spacing-100) var(--spacing-200);
    width: 100%;
}

.segmented-buttons--large .segmented-buttons__button {
    min-height: calc(48px - var(--spacing-50) * 2);
}

.segmented-buttons__button-cell {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

.segmented-buttons__button svg.icon {
    align-self: center;
}
.segmented-buttons__button svg.icon:first-child {
    margin-inline-end: 8px;
}
.segmented-buttons__button svg.icon:last-child {
    margin-inline-start: 8px;
}
.segmented-buttons__button svg.icon:only-child {
    margin: 0;
}

.segmented-buttons__button[aria-current] {
    background-color: var(--color-foreground-primary);
    color: var(--color-foreground-on-inverse);
}

.segmented-buttons__button:not([aria-current]):active {
    background-color: var(--color-state-primary-active);
}
.segmented-buttons__button:not([aria-current]):focus,
.segmented-buttons__button:not([aria-current]):hover {
    background-color: var(--color-state-primary-hover);
}

.select {
    color: var(--select-foreground-color, var(--color-foreground-primary));
    font-size: var(--font-size-default);
    position: relative;
}

span.select {
    display: inline-block;
}

.select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(
        --select-background-color,
        var(--color-background-secondary)
    );
    border-color: var(--select-border-color, var(--color-stroke-default));
    border-radius: var(--select-border-radius, var(--border-radius-50));
    border-style: solid;
    border-width: 1px;
    color: inherit;
    font-family: inherit;
    font-size: 1em;
    height: 40px;
    padding: 0 var(--spacing-400) 0 var(--spacing-200);
    vertical-align: middle;
}

.select svg.icon--12 {
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 0;
}

.select--large select {
    font-size: var(--font-size-medium);
    height: 48px;
}

.select--fluid,
.select--fluid select {
    width: 100%;
}

.select--borderless select {
    background-color: initial;
    border: 0;
    padding-left: 0;
    width: auto;
}
.select--borderless select:focus {
    background-color: initial;
    text-decoration: underline;
}

.select select:focus {
    background-color: var(
        --select-focus-background-color,
        var(--color-background-primary)
    );
}

.select select:focus:not(:read-only) {
    background-color: var(
        --select-focus-background-color,
        var(--color-background-primary)
    );
    border-color: var(--select-focus-border-color, var(--color-stroke-default));
    outline: 0;
    text-decoration: underline;
}
.select select::-ms-expand {
    display: none;
}

.select select[disabled] {
    border-color: var(
        --textbox-disabled-border-color,
        var(--color-background-disabled)
    );
    color: var(
        --select-disabled-foregound-color,
        var(--color-foreground-disabled)
    );
    opacity: 1;
}

.select select[disabled] + svg {
    color: var(
        --select-disabled-foregound-color,
        var(--color-foreground-on-disabled)
    );
}

.select select[readonly] {
    background-color: initial;
    border: none;
}

.select select[aria-invalid="true"] {
    border-color: var(
        --select-invalid-border-color,
        var(--color-stroke-attention)
    );
    border-style: solid;
    border-width: 1px;
}
.select select[aria-invalid="true"]:focus {
    background-color: var(
        --select-focus-background-color,
        var(--color-background-primary)
    );
    border-color: var(--select-focus-border-color, var(--color-stroke-default));
}
[dir="rtl"] .select > select {
    padding-left: 30px;
    padding-right: var(--spacing-200);
}
[dir="rtl"] .select svg {
    left: 16px;
    right: auto;
}
[dir="rtl"] .select--underline svg.icon {
    left: 0;
    right: auto;
}

.switch {
    box-sizing: border-box;
    height: 40px;
    position: relative;
    vertical-align: middle;
}

div.switch {
    display: flex;
}

span.switch {
    display: inline-flex;
}

span.switch__button {
    align-self: center;
    background-color: var(
        --switch-unchecked-background-color,
        var(--color-background-secondary)
    );
    border-color: var(--switch-border-color, var(--color-stroke-strong));
    border-radius: 400px;
    border-style: solid;
    border-width: 1px;
    color: transparent;
    display: inline-block;
    position: relative;
    text-indent: 100%;
    width: 40px;
}
span.switch__button,
span.switch__button:after {
    height: 24px;
    transition: left 0.15s ease-out 0s;
}
span.switch__button:after {
    background-color: var(
        --switch-foreground-color,
        var(--color-background-primary)
    );
    border-color: var(
        --switch-foreground-border-color,
        var(--color-stroke-strong)
    );
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    content: "";
    display: block;
    left: -1px;
    position: absolute;
    top: -1px;
    transform: translateZ(0);
    width: 24px;
}

input.switch__control,
span.switch__control {
    height: 24px;
    left: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    top: 8px;
    width: 40px;
    z-index: 1;
}
input.switch__control[disabled] + span.switch__button,
span.switch__control[aria-disabled="true"] + span.switch__button {
    border-color: var(--switch-border-color, var(--color-stroke-disabled));
}

input.switch__control {
    opacity: 0;
}
input.switch__control:focus + span.switch__button {
    outline: 1px auto
        var(--switch-custom-outline-color, var(--color-foreground-secondary));
}
input.switch__control:focus:not(:focus-visible) + span.switch__button {
    outline: none;
}
input.switch__control[disabled] + span.switch__button:after,
span.switch__control[aria-disabled="true"] + span.switch__button:after {
    border-color: var(--switch-border-color, var(--color-background-disabled));
}

input.switch__control:not([disabled]):focus + span.switch__button,
input.switch__control:not([disabled]):hover + span.switch__button,
span.switch__control:not([aria-disabled="true"]):focus + span.switch__button,
span.switch__control:not([aria-disabled="true"]):hover + span.switch__button {
    background-color: var(
        --switch-unchecked-hover-background-color,
        var(--color-state-secondary-hover)
    );
}
input.switch__control:not([disabled]):checked + span.switch__button,
span.switch__control:not([aria-disabled="true"])[aria-checked="true"]
    + span.switch__button {
    background-color: var(
        --switch-checked-background-color,
        var(--color-background-accent)
    );
}
input.switch__control[disabled]:checked + span.switch__button,
span.switch__control[aria-disabled="true"][aria-checked="true"]
    + span.switch__button {
    background-color: var(
        --switch-disabled-background-color,
        var(--color-background-disabled)
    );
    border-color: var(--switch-border-color, var(--color-background-disabled));
}

input.switch__control:not([disabled]):focus-visible + span.switch__button,
span.switch__control:not([aria-disabled="true"]):focus-visible
    + span.switch__button {
    box-shadow:
        0 0 0 2px var(--color-background-primary),
        0 0 0 4px var(--color-state-accent-hover);
}

input.switch__control:not([disabled]):checked:focus + span.switch__button,
input.switch__control:not([disabled]):checked:hover + span.switch__button,
span.switch__control:not([aria-disabled="true"])[aria-checked="true"]:focus
    + span.switch__button,
span.switch__control:not([aria-disabled="true"])[aria-checked="true"]:hover
    + span.switch__button {
    background-color: var(
        --switch-checked-hover-background-color,
        var(--color-state-accent-hover)
    );
}
input.switch__control:checked + span.switch__button:after,
span.switch__control[aria-checked="true"] + span.switch__button:after {
    left: 15px;
}
span.switch__control:focus:not(:focus-visible) {
    outline: 0;
}

@media screen and (-ms-high-contrast: active) {
    input.switch__control {
        opacity: 1;
    }
}

:root {
    --input-default-height: 40px;
    --input-large-height: 48px;
}

.textbox {
    align-items: center;
    background-color: var(
        --textbox-background-color,
        var(--color-background-secondary)
    );
    border-color: var(--textbox-border-color, var(--color-stroke-default));
    border-radius: var(--textbox-border-radius, var(--border-radius-50));
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: var(
        --textbox-foreground-color,
        var(--color-foreground-on-secondary)
    );
    display: inline-flex;
    font-size: var(--font-size-default);
    gap: var(--spacing-100);
    overflow: hidden;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
}
.textbox button.icon-btn {
    background-color: initial;
    padding: 0;
}
.textbox--focus,
.textbox:has(> .textbox__control:focus):not(.textbox--readonly):not(
        :has(> .textbox__control[readonly])
    ) {
    background-color: var(
        --textbox-focus-background-color,
        var(--color-background-primary)
    );
    border-color: var(--textbox-focus-border-color, var(--color-stroke-strong));
    box-shadow: 0 0 0 1px var(--color-stroke-strong);
}
.textbox--readonly,
.textbox:has(> .textbox__control[readonly]) {
    background-color: initial;
    border: none;
}
.textbox--disabled,
.textbox:has(> .textbox__control[disabled]) {
    border-color: var(
        --textbox-disabled-border-color,
        var(--color-background-disabled)
    );
    color: var(
        --textbox-disabled-foreground-color,
        var(--color-foreground-disabled)
    );
}
.textbox--invalid,
.textbox:has(> .textbox__control[aria-invalid="true"]) {
    border-color: var(
        --textbox-invalid-border-color,
        var(--color-stroke-attention)
    );
}

.textbox__control {
    background-color: initial;
    border: none;
    box-sizing: border-box;
    color: inherit;
}

textarea.textbox__control {
    font-family: inherit;
    min-height: 200px;
    overflow: auto;
    padding: var(--spacing-200);
    resize: vertical;
    vertical-align: middle;
}

input.textbox__control {
    font-family: inherit;
    padding: 0;
    vertical-align: middle;
}

input.textbox__control:first-child:not([readonly]) {
    padding-inline-start: var(--spacing-200);
}

input.textbox__control:last-child:not([readonly]) {
    padding-inline-end: var(--spacing-200);
}

input.textbox__control,
textarea.textbox__control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex-grow: 1;
    font-size: 1em;
    height: 40px;
    margin: 0;
    outline: none;
}
input.textbox__control[disabled],
textarea.textbox__control[disabled] {
    border-color: var(
        --textbox-disabled-border-color,
        var(--color-background-disabled)
    );
    color: var(
        --textbox-disabled-foreground-color,
        var(--color-foreground-disabled)
    );
}
input.textbox__control[disabled]::-webkit-input-placeholder,
textarea.textbox__control[disabled]::-webkit-input-placeholder {
    color: var(
        --textbox-disabled-placeholder-color,
        var(--color-foreground-ghost)
    );
}
input.textbox__control[disabled]::-moz-placeholder,
textarea.textbox__control[disabled]::-moz-placeholder {
    color: var(
        --textbox-disabled-placeholder-color,
        var(--color-foreground-ghost)
    );
}
input.textbox__control[disabled]:-ms-input-placeholder,
textarea.textbox__control[disabled]:-ms-input-placeholder {
    color: var(
        --textbox-disabled-placeholder-color,
        var(--color-foreground-ghost)
    );
}
input.textbox__control[aria-invalid="true"],
textarea.textbox__control[aria-invalid="true"] {
    border-color: var(
        --textbox-invalid-foreground-color,
        var(--color-stroke-attention)
    );
}
input.textbox__control::placeholder,
textarea.textbox__control::placeholder {
    color: var(--textbox-placeholder-color, var(--color-foreground-secondary));
    font-weight: 200;
    opacity: 1;
}

input.textbox__control {
    height: calc(var(--input-default-height) - 2px);
}

.textbox--large input.textbox__control {
    height: calc(var(--input-large-height) - 2px);
}

.textbox .icon-btn > svg,
.textbox > svg {
    color: var(--textbox-icon-color, var(--color-foreground-secondary));
    display: inline-flex;
    height: 1lh;
    pointer-events: none;
    width: 14px;
    fill: var(--textbox-icon-color, var(--color-foreground-secondary));
}

.textbox > span:first-child,
.textbox > svg:first-child {
    margin-inline-start: var(--spacing-200);
}

.textbox > span:last-child,
.textbox > svg:last-child {
    margin-inline-end: var(--spacing-200);
}

.textbox .icon-btn:last-child {
    margin-inline-start: calc(var(--spacing-100) * -1);
}

.textbox .icon-btn:first-child {
    margin-inline-end: calc(var(--spacing-100) * -1);
}

input.textbox__control[readonly]:focus,
textarea.textbox__control[readonly]:focus {
    text-decoration: underline;
}

.textbox--fluid,
.textbox--fluid .textbox__control {
    width: 100%;
}

:root {
    --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
    --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
    --dialog-lightbox-max-width: 616px;
}
.toast-dialog {
    background-color: var(
        --toast-dialog-background-color,
        var(--color-background-information)
    );
    border-top-left-radius: var(
        --toast-dialog-border-radius,
        var(--border-radius-100)
    );
    border-top-right-radius: var(
        --toast-dialog-border-radius,
        var(--border-radius-100)
    );
    bottom: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);
    left: 0;
    max-height: 40vh;
    min-width: 320px;
    position: fixed;
    transform: translateY(0);
    width: 100vw;
    will-change: opacity, transform;
    z-index: 2;
}

.toast-dialog,
.toast-dialog a {
    color: var(
        --toast-dialog-foreground-color,
        var(--color-foreground-on-information)
    );
}

.toast-dialog a:focus {
    outline: 1px auto currentColor;
}

.toast-dialog--transition {
    transition:
        opacity 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s,
        transform 0.2s cubic-bezier(0.21, 0.31, 1, 1.22) 0s;
}

.toast-dialog--hide-init,
.toast-dialog--show {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.toast-dialog--hide,
.toast-dialog--show-init {
    display: block;
    opacity: 0;
    transform: translateY(110%);
}

.toast-dialog__window {
    margin: var(--spacing-100) var(--spacing-200) var(--spacing-200);
}

.toast-dialog__header {
    align-items: center;
    display: flex;
}
.toast-dialog__header h2,
.toast-dialog__title {
    margin: 0;
}
button.toast-dialog__close {
    align-self: flex-start;
    border: 0;
    color: var(
        --toast-dialog-foreground-color,
        var(--color-foreground-on-information)
    );
    flex-shrink: 0;
    margin-inline-start: auto;
    padding: 0;
}
button.toast-dialog__close:focus {
    outline: 2px solid var(--color-foreground-on-information);
}
button.toast-dialog__close:focus,
button.toast-dialog__close:hover {
    color: var(--color-state-primary-hover);
}

button.toast-dialog__close > svg {
    fill: currentColor;
}

.toast-dialog__footer {
    display: flex;
    justify-content: flex-end;
}
.toast-dialog__footer button:first-letter {
    text-decoration: underline;
}
.toast-dialog__footer button.btn--primary,
.toast-dialog__footer button.btn--secondary {
    border-color: var(
        --toast-dialog-foreground-color,
        var(--color-foreground-on-accent)
    );
    border-style: solid;
    border-width: 1px;
    outline-offset: 2px;
}
.toast-dialog__footer button.btn--primary {
    background-color: var(
        --toast-dialog-foreground-color,
        var(--color-background-primary)
    );
    color: var(--toast-dialog-background-color, var(--color-foreground-accent));
}
.toast-dialog__footer button.btn--secondary {
    background-color: initial;
    color: var(
        --toast-dialog-foreground-color,
        var(--color-background-primary)
    );
    font-weight: 700;
    margin-inline-end: var(--spacing-100);
}
.toast-dialog__footer button.btn--primary:focus,
.toast-dialog__footer button.btn--secondary:focus {
    outline: 2px solid var(--color-foreground-on-information);
}
.toast-dialog__footer button.btn--primary:not([disabled]):focus,
.toast-dialog__footer button.btn--primary:not([disabled]):hover {
    background-color: var(--color-state-primary-hover);
}
.toast-dialog__footer button.btn--primary:not([disabled]):active {
    background-color: var(--color-state-primary-active);
}
.toast-dialog__footer button.btn--secondary:not([disabled]):focus,
.toast-dialog__footer button.btn--secondary:not([disabled]):hover {
    background-color: var(--color-state-accent-hover);
    border-color: var(
        --toast-dialog-foreground-color,
        var(--color-foreground-on-accent)
    );
    color: var(
        --toast-dialog-foreground-color,
        var(--color-background-primary)
    );
}
.toast-dialog__footer button.btn--secondary:not([disabled]):active {
    background-color: var(--color-state-accent-active);
    border-color: var(
        --toast-dialog-foreground-color,
        var(--color-foreground-on-accent)
    );
    color: var(
        --toast-dialog-foreground-color,
        var(--color-background-primary)
    );
}

@media (min-width: 512px) {
    .toast-dialog {
        border-radius: var(
            --toast-dialog-border-radius,
            var(--border-radius-100)
        );
        bottom: var(--spacing-200);
        left: var(--spacing-200);
        max-width: 480px;
        width: auto;
    }
    .toast-dialog__window {
        margin: var(--spacing-200) var(--spacing-300) var(--spacing-300);
    }
}


/*# sourceMappingURL=skin.css.map*/