/* ==========================================================================
   Yahoo Font Faces (@font-face)
   ========================================================================== */

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: normal;
    font-weight: 100;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-100.woff2) format("woff2");
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: italic;
    font-weight: 100;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-100-italic.woff2) format("woff2");
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-300.woff2) format("woff2");
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: italic;
    font-weight: 300;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-300-italic.woff2) format("woff2");
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-400.woff2) format("woff2");
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-400-italic.woff2) format("woff2");
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-500.woff2) format("woff2");
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: italic;
    font-weight: 500;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-500-italic.woff2) format("woff2");
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-700.woff2) format("woff2");
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-700-italic.woff2) format("woff2");
}

@font-face {
    font-family: Yahoo Product Sans VF;
    font-display: swap;
    font-weight: 1 1000;
    src: url(https://s.yimg.com/bw/fonts/yahoo-product-sans-vf.woff2) format("woff2-variations");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 50;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-hairline.woff2) format("woff2");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 50;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-hairline-italic.woff2) format("woff2");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 100;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-thin.woff2) format("woff2");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 100;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-thin-italic.woff2) format("woff2");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-light.woff2) format("woff2");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 300;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-light-italic.woff2) format("woff2");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-book.woff2) format("woff2");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-book-italic.woff2) format("woff2");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-medium.woff2) format("woff2");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 500;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-medium-italic.woff2) format("woff2");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-bold.woff2) format("woff2");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-bold-italic.woff2) format("woff2");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 800;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-extrabold.woff2) format("woff2");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 800;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-extrabold-italic.woff2) format("woff2");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-black.woff2) format("woff2");
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 900;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-black-italic.woff2) format("woff2");
}

@font-face {
    font-family: Yahoo Serif Display;
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-display-light.woff2) format("woff2");
}

@font-face {
    font-family: Yahoo Serif Display;
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-display-regular.woff2) format("woff2");
}

@font-face {
    font-family: Yahoo Serif Display;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-display-bold.woff2) format("woff2");
}

@font-face {
    font-family: Yahoo Serif Display;
    font-display: swap;
    font-style: normal;
    font-weight: 800;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-display-extrabold.woff2) format("woff2");
}

@font-face {
    font-family: Yahoo Serif Display;
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-display-black.woff2) format("woff2");
}

@font-face {
    font-family: Yahoo Serif Text;
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-text-regular.woff2) format("woff2");
}

@font-face {
    font-family: Yahoo Serif Text;
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-text-italic.woff2) format("woff2");
}

@font-face {
    font-family: Yahoo Serif Text;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-text-bold.woff2) format("woff2");
}

@font-face {
    font-family: Yahoo Serif Text;
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-text-bold-italic.woff2) format("woff2");
}

:root {
    --uds-font-mono: "Roboto Mono", "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace";
    --uds-font-sans: "Yahoo Product Sans VF", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    --uds-font-sans-alt: "Centra No2", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    --uds-font-serif: "Yahoo Serif Display", "Georgia", "Times", "Times New Roman", "serif";
    --uds-font-serif-alt: "Yahoo Serif Text", "Georgia", "Times", "Times New Roman", "serif";

    --uds-border-radius-full: 9999px;
    --uds-border-radius-lg: 16px;
    --uds-border-radius-md: 8px;
    --uds-border-radius-none: 0px;
    --uds-border-radius-sm: 4px;
    --uds-border-radius-xl: 32px;
    --uds-border-radius-xs: 2px;
    --uds-border-width-medium: 2px;
    --uds-border-width-none: 0px;
    --uds-border-width-thick: 4px;
    --uds-border-width-thin: 1px;
    --uds-avatar-size-lg: 3.25rem;
    --uds-avatar-size-md: 2.5rem;
    --uds-avatar-size-sm: 1.75rem;
    --uds-avatar-size-xl: 4rem;
    --uds-avatar-size-xs: 1.5rem;
    --uds-icon-size-lg: 2rem;
    --uds-icon-size-md: 1.5rem;
    --uds-icon-size-sm: 1rem;
    --uds-icon-size-xs: 0.75rem;

    /* Spectrum Colors */
    --uds-spectrum-color-purple-0: 248 244 255;
    --uds-spectrum-color-purple-1: 235 229 255;
    --uds-spectrum-color-purple-2: 225 217 255;
    --uds-spectrum-color-purple-3: 213 207 255;
    --uds-spectrum-color-purple-4: 202 194 255;
    --uds-spectrum-color-purple-5: 176 159 252;
    --uds-spectrum-color-purple-6: 149 126 252;
    --uds-spectrum-color-purple-7: 131 103 255;
    --uds-spectrum-color-purple-8: 124 73 252;
    --uds-spectrum-color-purple-9: 125 46 255;
    --uds-spectrum-color-purple-10: 96 1 210;
    --uds-spectrum-color-purple-11: 80 21 176;
    --uds-spectrum-color-purple-12: 57 0 125;
    --uds-spectrum-color-purple-13: 43 0 103;
    --uds-spectrum-color-purple-14: 29 0 71;
    --uds-spectrum-color-purple-15: 16 0 38;

    --uds-spectrum-color-gray-0: 255 255 255;
    --uds-spectrum-color-gray-1: 245 248 250;
    --uds-spectrum-color-gray-2: 240 243 245;
    --uds-spectrum-color-gray-3: 224 228 233;
    --uds-spectrum-color-gray-4: 199 205 210;
    --uds-spectrum-color-gray-5: 176 185 193;
    --uds-spectrum-color-gray-6: 151 158 168;
    --uds-spectrum-color-gray-7: 130 138 147;
    --uds-spectrum-color-gray-8: 110 119 128;
    --uds-spectrum-color-gray-9: 91 99 106;
    --uds-spectrum-color-gray-10: 70 78 86;
    --uds-spectrum-color-gray-11: 44 54 63;
    --uds-spectrum-color-gray-12: 35 42 49;
    --uds-spectrum-color-gray-13: 29 34 40;
    --uds-spectrum-color-gray-14: 16 21 24;
    --uds-spectrum-color-gray-15: 0 0 0;

    --uds-spectrum-color-carbon-0: 255 255 255;
    --uds-spectrum-color-carbon-1: 252 251 251;
    --uds-spectrum-color-carbon-2: 245 245 245;
    --uds-spectrum-color-carbon-3: 227 227 227;
    --uds-spectrum-color-carbon-4: 205 205 205;
    --uds-spectrum-color-carbon-7: 106 106 106;
    --uds-spectrum-color-carbon-10: 50 50 50;
    --uds-spectrum-color-carbon-12: 31 31 31;
    --uds-spectrum-color-carbon-13: 20 20 20;
    --uds-spectrum-color-carbon-14: 10 10 10;
    --uds-spectrum-color-carbon-15: 0 0 0;

    --uds-spectrum-color-blue-7: 24 143 255;

    --uds-background-color-accent: var(--uds-spectrum-color-carbon-2);
    --uds-background-color-brand: var(--uds-spectrum-color-purple-10);
    --uds-background-color-brand-secondary: var(--uds-spectrum-color-purple-1);
    --uds-background-color-primary: var(--uds-spectrum-color-gray-0);
    --uds-background-color-secondary: var(--uds-spectrum-color-carbon-2);

    --uds-foreground-color-accent: var(--uds-spectrum-color-carbon-7);
    --uds-foreground-color-brand: var(--uds-spectrum-color-purple-10);
    --uds-foreground-color-brand-secondary: var(--uds-spectrum-color-purple-11);
    --uds-foreground-color-muted: var(--uds-spectrum-color-gray-8);
    --uds-foreground-color-on-color: var(--uds-spectrum-color-gray-0);
    --uds-foreground-color-primary: var(--uds-spectrum-color-carbon-13);
    --uds-foreground-color-secondary: var(--uds-spectrum-color-carbon-10);
    --uds-foreground-color-tertiary: var(--uds-spectrum-color-gray-9);

    --uds-line-color-accent: var(--uds-spectrum-color-carbon-4);
    --uds-line-color-brand: var(--uds-spectrum-color-purple-10);
    --uds-line-color-brand-secondary: var(--uds-spectrum-color-purple-11);
    --uds-line-color-muted: var(--uds-spectrum-color-gray-3);
    --uds-line-color-primary: var(--uds-spectrum-color-gray-12);
    --uds-line-color-secondary: var(--uds-spectrum-color-gray-9);
    --uds-line-color-tertiary: var(--uds-spectrum-color-gray-7);

    --uds-shadow-color-primary: var(--uds-spectrum-color-carbon-12);
    --uds-shadow-color-secondary: var(--uds-spectrum-color-purple-10);

    --uds-drop-shadow-md: 0px 16px 24px -6px rgb(var(--uds-drop-shadow-color, var(--uds-shadow-color-primary))/var(--uds-drop-shadow-opacity, 0.1)), 0px 6px 16px -6px rgb(var(--uds-drop-shadow-2-color, var(--uds-shadow-color-primary))/var(--uds-drop-shadow-2-opacity, 0.1));
    --uds-inset-shadow-md: inset 0px 16px 24px -4px rgb(var(--uds-inset-shadow-color, var(--uds-shadow-color-primary))/var(--uds-inset-shadow-opacity, 0.1)), inset 0px 6px 16px -8px rgb(var(--uds-inset-shadow-2-color, var(--uds-shadow-color-primary))/var(--uds-inset-shadow-2-opacity, 0.1));
    --uds-inset-shadow-lg-invert: inset 0px 4px 6px -4px rgb(var(--uds-inset-shadow-color, 255 255 255)/var(--uds-inset-shadow-opacity, 0.1)), inset 0px 10px 14px -2px rgb(var(--uds-inset-shadow-2-color, 255 255 255)/var(--uds-inset-shadow-2-opacity, 0.1));
    --uds-inset-shadow-xl-invert: inset 0px 16px 24px -14px rgb(var(--uds-inset-shadow-color, 255 255 255)/var(--uds-inset-shadow-opacity, 0.1)), inset 0px 40px 56px -8px rgb(var(--uds-inset-shadow-2-color, 255 255 255)/var(--uds-inset-shadow-2-opacity, 0.1));

    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none);
    --uds-button-padding: 0.875rem 1.25rem;
    --uds-button-gap: 0.375rem;
    --uds-button-font: var(--uds-font-label1);
    --uds-button-font-weight: var(--uds-font-weight-label1);
    --uds-button-font-width: var(--uds-font-width-label1);
    --uds-button-font-slant: var(--uds-font-slant-label1);
    --uds-button-font-size: var(--uds-font-size-label1);
    --uds-button-line-height: max(var(--uds-line-height-label1), var(--uds-icon-size-md));
    --uds-button-text-transform: var(--uds-text-transform-label1);
    --uds-button-icon-size: var(--uds-icon-size-md);
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97;
}

/* General Reset */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--uds-font-sans, "Yahoo Product Sans VF", "Helvetica Neue", Arial, sans-serif);
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: var(--uds-font-sans, "Yahoo Product Sans VF", "Helvetica Neue", Arial, sans-serif);
    background-color: #f0f0f0;
    /* Light gray background */
    height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Header Styling */
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    background-color: white;
    border-bottom: 1px solid #f0f0f0;
}

/* Updated Logo Container Styles */
.shrink-0.flex {
    display: flex;
    align-items: center;
}

/* Utility class to hide the dark mode logo by default (matching Tailwind's behavior) */
.dark\:hidden {
    display: block;
}

.hidden.dark\:block {
    display: none;
}

nav a {
    color: #666;
    text-decoration: none;
    font-size: 13px;
    margin-left: 20px;
}

nav a:hover {
    text-decoration: underline;
}

/* CSS Variables */
:root {
    --uds-font-mono: "Roboto Mono", "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace";
    --uds-font-sans: "Yahoo Product Sans VF", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    --uds-font-sans-alt: "Centra No2", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    --uds-font-serif: "Yahoo Serif Display", "Georgia", "Times", "Times New Roman", "serif";
    --uds-font-serif-alt: "Yahoo Serif Text", "Georgia", "Times", "Times New Roman", "serif";

    /* Typography Scale */
    --uds-font-display1: var(--uds-font-sans-alt);
    --uds-font-size-display1: 3.75rem;
    --uds-font-weight-display1: 600;
    --uds-line-height-display1: 4.125rem;
    --uds-text-transform-display1: none;

    --uds-font-title1: var(--uds-font-sans-alt);
    --uds-font-size-title1: 2rem;
    --uds-font-weight-title1: 700;
    --uds-line-height-title1: 2.48125rem;
    --uds-text-transform-title1: none;

    --uds-font-title2: var(--uds-font-sans-alt);
    --uds-font-size-title2: 1.75rem;
    --uds-font-weight-title2: 600;
    --uds-line-height-title2: 1.925rem;
    --uds-text-transform-title2: none;

    --uds-font-title3: var(--uds-font-sans-alt);
    --uds-font-size-title3: 1.5rem;
    --uds-font-weight-title3: 700;
    --uds-font-slant-title3: 0;
    --uds-font-width-title3: 75;
    --uds-line-height-title3: 1.65rem;
    --uds-text-transform-title3: none;

    --uds-font-title4: var(--uds-font-sans);
    --uds-font-size-title4: 1.5rem;
    --uds-font-weight-title4: 600;
    --uds-line-height-title4: 1.65rem;
    --uds-text-transform-title4: none;

    --uds-font-headline1: var(--uds-font-sans);
    --uds-font-size-headline1: 1.125rem;
    --uds-font-weight-headline1: 600;
    --uds-line-height-headline1: 1.40625rem;
    --uds-text-transform-headline1: none;

    --uds-font-body1: var(--uds-font-sans);
    --uds-font-size-body1: 1rem;
    --uds-font-weight-body1: 450;
    --uds-line-height-body1: 1.6rem;
    --uds-text-transform-body1: none;

    --uds-font-label1: var(--uds-font-sans);
    --uds-font-size-label1: 1rem;
    --uds-font-weight-label1: 600;
    --uds-line-height-label1: 1.1rem;
    --uds-text-transform-label1: none;

    --uds-font-label2: var(--uds-font-sans);
    --uds-font-size-label2: 1rem;
    --uds-font-weight-label2: 450;
    --uds-line-height-label2: 1.1rem;
    --uds-text-transform-label2: none;

    --uds-font-label3: var(--uds-font-sans);
    --uds-font-size-label3: 0.875rem;
    --uds-font-weight-label3: 600;
    --uds-font-slant-label3: 0;
    --uds-font-width-label3: 75;
    --uds-line-height-label3: 0.9625rem;
    --uds-text-transform-label3: none;

    --uds-font-label4: var(--uds-font-sans);
    --uds-font-size-label4: 0.875rem;
    --uds-font-weight-label4: 450;
    --uds-font-slant-label4: 0;
    --uds-font-width-label4: 75;
    --uds-line-height-label4: 1.09375rem;
    --uds-text-transform-label4: none;

    --login-box-background-color: #ffffff;
    --login-box-text-color: #232323;
    --login-body-background-color: #f0f0f0;
    --login-body-text-color: #232323;
    --uds-background-color-secondary: 240, 240, 240;
    --uds-foreground-color-tertiary: 102, 102, 102;
    --uds-spectrum-color-gray-3: 150, 150, 150;
    --uds-border-radius-lg: 8px;
    --fuji-grey-2: #e0e0e0;
    --input-text-color: #232323;
    --uds-border-width-none: 0;
    --tw-shadow-color: rgba(0, 0, 0, 0.08);
}

/* Main Layout */
main {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 20px 20px 40px;
    position: relative;
    width: 100%;
}

/* User-Provided & Yahoo Component Classes */
.Y6b0d77fc {
    overflow: hidden;
    text-overflow: ellipsis;
}

.disabled .Y6b0d77fc {
    color: rgb(var(--uds-spectrum-color-gray-3));
}

.Yb9de5837 {
    color: rgb(var(--uds-foreground-color-tertiary));
}

.Y1e53a23c {
    position: relative;
    min-height: 100vh;
    width: 100%;
    color: var(--login-body-text-color);
}

.Y3e359bce:before {
    content: "";
    background-color: rgb(var(--uds-background-color-secondary));
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.Y488c2e39 {
    position: relative;
    min-width: 320px;
    max-width: 1030px;
    width: 100%;
    min-height: 560px;
}

.Y3ef1aca5,
.Y488c2e39 {
    margin-left: auto;
    margin-right: auto;
}

.Y3ef1aca5 {
    position: absolute;
    top: 11px;
    z-index: 1;
    min-height: 500px;
    width: 360px;
    padding: 40px;
    background-color: var(--login-box-background-color);
    color: var(--login-box-text-color);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    border-radius: var(--uds-border-radius-lg);
    border: 1px solid transparent;
    border-top: 1px solid var(--fuji-grey-2);
}

@media (max-width: 359px) {
    .Y3ef1aca5 {
        width: 320px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.dark .Y3ef1aca5,
.Y3ef1aca5:is(.dark *) {
    border-color: var(--input-text-color);
}

@media (max-width: 480px) {
    .Y3ef1aca5:is(.resp *) {
        width: 100%;
        border-width: var(--uds-border-width-none);
        border-style: none;
        box-shadow: none;
    }
}

@media (max-width: 640px) {
    .Y3ef1aca5:is(.resp *) {
        position: relative;
    }
}

.Y3ef1aca5.Yfa2bc609 {
    left: 0;
    right: 0;
}

@media (min-width: 480px) {
    .Y3ef1aca5.Yfa2bc609 {
        left: auto;
        right: 10px;
    }
}

@media (min-width: 1040px) {
    .Y3ef1aca5.Yfa2bc609 {
        right: 0;
    }
}

.Y3ef1aca5.Y7f694797 {
    right: 0;
    left: 0;
}

.Yb5311d30 {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    min-height: 100vh;
    min-width: 360px;
    flex-direction: column;
    row-gap: 1rem;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 1rem;
}

@media (max-width: 359px) {
    .Yb5311d30 {
        min-width: 320px;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 768px) {
    .Yb5311d30 {
        margin-top: 1rem;
        min-height: 500px;
        max-width: 20rem;
        border: 1px solid transparent;
        border-top: 1px solid var(--fuji-grey-2);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    }
}

.Yb5311d30:has(.toast-yahoo-upsell) .Y18ac94fa {
    padding-top: 6rem;
}

.Y5186428f {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Yf89760b1 {
    background-color: var(--login-body-background-color);
    max-height: 90vh;
}

.Ya0ff7bc2 {
    width: 533px;
    max-height: calc(100vh - 8rem);
    overflow-y: auto;
    background: linear-gradient(var(--login-body-background-color) 30%, transparent) top /100% 40px local, linear-gradient(transparent, var(--login-body-background-color) 70%) bottom /100% 40px local, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .15), transparent) top /100% 8px scroll, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .15), transparent) bottom /100% 8px scroll;
    background-repeat: no-repeat;
}

.Yf89760b1:has(#login-ad-rich) {
    direction: ltr;
}

@media (max-width: 1277px) {
    .Yf89760b1:has(#login-ad-rich) {
        position: absolute;
        left: 0;
    }
}

@media (max-width: 1277px) and (min-width: 533px) {
    .Yf89760b1:has(#login-ad-rich) {
        max-width: 100vw;
        overflow: hidden;
    }
}

@media (max-width: 532px) {
    .Yf89760b1:has(#login-ad-rich) {
        width: 100vw;
        overflow-x: auto;
    }
}

/* Utilities for Layout & Flex */
.container {
    width: 100%;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.flex-1 {
    flex: 1 1 0%;
}

.flex-none {
    flex: none;
}

.items-center {
    align-items: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.w-full {
    width: 100%;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.overflow-clip {
    overflow: clip;
}

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

.cursor-pointer {
    cursor: pointer;
}

.text-start {
    text-align: start;
}

.opacity-0 {
    opacity: 0;
}

.opacity-100 {
    opacity: 1;
}

/* Gaps */
.gap-x-8 {
    column-gap: 2rem;
}

.gap-y-8 {
    row-gap: 2rem;
}

.gap-x-6 {
    column-gap: 1.5rem;
}

.gap-y-6 {
    row-gap: 1.5rem;
}

.gap-x-4 {
    column-gap: 1rem;
}

.gap-y-4 {
    row-gap: 1rem;
}

.gap-x-2 {
    column-gap: 0.5rem;
}

.gap-y-2 {
    row-gap: 0.5rem;
}

.gap-x-1\.5 {
    column-gap: 0.375rem;
}

.gap-y-1\.5 {
    row-gap: 0.375rem;
}

/* Spacing */
.p-4 {
    padding: 10px 14px;
}

.pt-2 {
    padding-top: 0.5rem;
}

.pb-2 {
    padding-bottom: 0.5rem;
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

/* Typography & Colors */
.text-primary {
    color: #232323;
}

.text-secondary {
    color: #5f01d1;
}

.text-tertiary {
    color: #666666;
}

/* Typography Utility Classes matching UDS tokens */
.font-title3 {
    font-family: var(--uds-font-title3);
}

.font-size-title3 {
    font-size: var(--uds-font-size-title3);
}

.font-weight-title3 {
    font-weight: var(--uds-font-weight-title3);
}

.leading-title3 {
    line-height: var(--uds-line-height-title3);
}

.case-title3 {
    text-transform: var(--uds-text-transform-title3);
}

.font-label3 {
    font-family: var(--uds-font-label3);
}

.font-size-label3 {
    font-size: var(--uds-font-size-label3);
}

.font-weight-label3 {
    font-weight: var(--uds-font-weight-label3);
}

.leading-label3 {
    line-height: var(--uds-line-height-label3);
}

.case-label3 {
    text-transform: var(--uds-text-transform-label3);
}

.font-label4 {
    font-family: var(--uds-font-label4);
}

.font-size-label4 {
    font-size: var(--uds-font-size-label4);
}

.font-weight-label4 {
    font-weight: var(--uds-font-weight-label4);
}

.leading-label4 {
    line-height: var(--uds-line-height-label4);
}

.case-label4 {
    text-transform: var(--uds-text-transform-label4);
}

.font-caption2 {
    font-family: var(--uds-font-caption2, var(--uds-font-sans));
}

.font-size-caption2 {
    font-size: var(--uds-font-size-caption2, 0.75rem);
}

.font-weight-caption2 {
    font-weight: var(--uds-font-weight-caption2, 450);
}

.leading-caption2 {
    line-height: var(--uds-line-height-caption2, 0.9375rem);
}

.case-caption2 {
    text-transform: var(--uds-text-transform-caption2, none);
}

.text-alert {
    color: #d30d2e;
}

.error {
    margin-top: 0.125rem;
}

/* Input Fields */
.border-tertiary {
    border: 1px solid #5f01d1;
}

.border-alert {
    border: 1px solid #d30d2e !important;
}

.border-thin {
    border-width: 1px;
}

.rounded {
    border-radius: 4px;
}

.border-tertiary:focus-within {
    box-shadow: 0 0 0 2px rgba(95, 1, 209, 0.2);
}

.border-alert:focus-within {
    box-shadow: 0 0 0 2px rgba(211, 13, 46, 0.2) !important;
}

.Y00e5f144 {
    width: 100%;
    border: none;
    outline: none;
    font-size: 15px;
    background: transparent;
    color: #232323;
    font-family: inherit;
}

/* Checkbox */
.uds-checkbox-size-sm-root {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #232323;
    user-select: none;
    cursor: pointer;
}

.uds-checkbox-size-sm-checkbox {
    width: 16px;
    height: 16px;
    background-color: #5f01d1;
    border: 1px solid #5f01d1;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
}

.uds-checkbox-size-sm-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    cursor: pointer;
}

.uds-checkbox-size-sm-checkbox svg {
    color: white;
    width: 12px;
    height: 12px;
}

.uds-checkbox-size-sm-checkbox:has(input:not(:checked)) {
    background-color: white;
    border-color: #767676;
}

.uds-checkbox-size-sm-checkbox:has(input:not(:checked)) svg {
    display: none;
}

/* Links */
.Y148faafa,
.Y49d8fb7e {
    color: #666;
    text-decoration: underline;
    font-size: 14px;
}

.Y148faafa:hover,
.Y49d8fb7e:hover {
    color: #5f01d1;
}

/* Buttons */
.uds-button {
    border-radius: var(--uds-button-border-radius, var(--uds-border-radius-full));
    box-shadow: inset 0 0 0 var(--uds-button-border-width, var(--uds-border-width-none)) var(--uds-button-border-color, transparent), var(--uds-button-shadow, 0 0 0 transparent), var(--uds-button-inset-shadow, 0 0 0 transparent);
    color: var(--uds-button-color, rgb(var(--uds-foreground-color-on-color)));
    background-color: var(--uds-button-background-color, rgb(var(--uds-background-color-brand)));
    padding: var(--uds-button-padding, 0.875rem 1.25rem);
    font-family: var(--uds-button-font, var(--uds-font-label1));
    font-weight: var(--uds-button-font-weight, var(--uds-font-weight-label1));
    font-size: var(--uds-button-font-size, var(--uds-font-size-label1));
    line-height: var(--uds-button-line-height, max(var(--uds-line-height-label1), var(--uds-icon-size-md)));
    text-transform: var(--uds-button-text-transform, var(--uds-text-transform-label1));
    display: inline-flex;
    justify-content: center;
    overflow: hidden;
    align-items: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-variation-settings: "wght" var(--uds-button-font-weight, var(--uds-font-weight-label1)), "slnt" var(--uds-button-font-slant, var(--uds-font-slant-label1)), "wdth" var(--uds-button-font-width, var(--uds-font-width-label1));
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none);
    --uds-button-padding: 0.875rem 1.25rem;
    --uds-button-gap: 0.375rem;
    --uds-button-font: var(--uds-font-label1);
    --uds-button-font-weight: var(--uds-font-weight-label1);
    --uds-button-font-width: var(--uds-font-width-label1);
    --uds-button-font-slant: var(--uds-font-slant-label1);
    --uds-button-font-size: var(--uds-font-size-label1);
    --uds-button-line-height: max(var(--uds-line-height-label1), var(--uds-icon-size-md));
    --uds-button-text-transform: var(--uds-text-transform-label1);
    --uds-button-icon-size: var(--uds-icon-size-md);
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97;
    transition-property: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke, transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .22s;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    border: none;
}

.uds-button:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert);
}

.uds-button:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md);
    transform: scale(0.97);
}

.uds-button:disabled {
    cursor: not-allowed;
    opacity: .2;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 1;
}

/* Primary Button (Next) */
.uds-button-brand.uds-button-primary,
.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none);
    background-color: rgb(var(--uds-background-color-brand));
    color: rgb(var(--uds-foreground-color-on-color));
}

.uds-button-brand.uds-button-primary:hover:not([disabled]),
.uds-button-primary:hover:not([disabled]),
.hover .uds-button-brand.uds-button-primary,
.hover .uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-10));
    background-color: #5001b0;
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert);
}

.uds-button-brand.uds-button-primary:active:not([disabled]),
.uds-button-primary:active:not([disabled]),
.pressed .uds-button-brand.uds-button-primary,
.pressed .uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-11));
    background-color: rgb(var(--uds-spectrum-color-purple-11));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md);
    transform: scale(0.97);
}

/* Secondary Button (Sign in with Google) */
.uds-button-accent.uds-button-secondary,
.uds-button-secondary {
    --uds-button-background-color: transparent;
    --uds-button-border-color: rgb(var(--uds-line-color-accent));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin);
    background-color: transparent;
    border: 1px solid rgb(var(--uds-line-color-accent));
    color: rgb(var(--uds-foreground-color-primary));
}

.uds-button-accent.uds-button-secondary:hover:not([disabled]),
.uds-button-secondary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-gray-1));
    background-color: rgb(var(--uds-spectrum-color-gray-1));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert);
}

.uds-button-accent.uds-button-secondary:active:not([disabled]),
.uds-button-secondary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-gray-2));
    background-color: rgb(var(--uds-spectrum-color-gray-2));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md);
    transform: scale(0.97);
}

.uds-button-secondary .uds-button-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* Tertiary Button (Create account) */
.uds-button-brand.uds-button-tertiary,
.uds-button-tertiary,
.Y90fba94b {
    --uds-button-background-color: transparent;
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none);
    background-color: transparent;
    border: none;
    color: rgb(var(--uds-foreground-color-brand));
}

.uds-button-brand.uds-button-tertiary:not(:has(:disabled)),
.uds-button-tertiary:not(:has(:disabled)),
.Y90fba94b:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97;
}

.uds-button-brand.uds-button-tertiary:hover:not([disabled]),
.uds-button-tertiary:hover:not([disabled]),
.hover .uds-button-brand.uds-button-tertiary,
.hover .uds-button-tertiary,
.Y90fba94b:hover {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-2));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert);
    background-color: rgb(var(--uds-spectrum-color-purple-2));
    color: rgb(var(--uds-foreground-color-brand));
}

.uds-button-brand.uds-button-tertiary:active:not([disabled]),
.uds-button-tertiary:active:not([disabled]),
.pressed .uds-button-brand.uds-button-tertiary,
.pressed .uds-button-tertiary,
.Y90fba94b:active {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-3));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md);
    background-color: rgb(var(--uds-spectrum-color-purple-3));
    color: rgb(var(--uds-foreground-color-brand));
    transform: scale(0.97);
}

/* Rings & Focus States */
.uds-ring {
    --uds-outline-offset: 2px;
    --uds-outline-width: 2px;
    --uds-outline-color: rgb(var(--uds-spectrum-color-gray-15));
    --uds-outline-style: solid;
}

.uds-ring:focus-visible {
    outline-offset: var(--uds-outline-offset);
    outline-width: var(--uds-outline-width);
    outline-color: var(--uds-outline-color);
    outline-style: var(--uds-outline-style);
}

.focused .uds-ring,
.uds-ring.uds-ring-within:has(:focus-visible) {
    outline-offset: var(--uds-outline-offset);
    outline-width: var(--uds-outline-width);
    outline-color: var(--uds-outline-color);
    outline-style: var(--uds-outline-style);
}

/* Hit Target */
.uds-hit-target {
    position: relative;
}

/* Button internals */
.uds-button-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.uds-button-icon-container {
    display: none;
}

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

.overflow-clip {
    overflow: clip;
}

/* Separator */
.Y280a8941 {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 4px 0;
}

.Y280a8941::before,
.Y280a8941::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #e0e0e0;
}

/* Icon Buttons */
.uds-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--uds-icon-button-padding, 0.75rem);
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: var(--uds-border-radius-full);
}

.uds-icon-button .uds-button-icon {
    width: var(--uds-icon-button-icon-size, var(--uds-icon-size-sm));
    height: var(--uds-icon-button-icon-size, var(--uds-icon-size-sm));
}

.uds-icon-button-sm {
    --uds-icon-button-padding: 0.5rem;
    --uds-icon-button-icon-size: var(--uds-icon-size-sm);
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    padding: 0;
}

.-my-4 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
}

.Y944ebfce,
.Y1adbf716,
button.label4 {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    text-align: left;
    text-decoration: underline;
    color: #666;
    font-family: inherit;
}

.Y944ebfce:hover,
.Y1adbf716:hover,
button.label4:hover {
    color: #5f01d1;
}

/* Typography Body1 */
.font-body1 {
    font-family: var(--uds-font-body1, var(--uds-font-sans));
}

.font-size-body1 {
    font-size: var(--uds-font-size-body1, 0.875rem);
}

.font-weight-body1 {
    font-weight: var(--uds-font-weight-body1, 450);
}

.leading-body1 {
    line-height: var(--uds-line-height-body1, 1.25rem);
}

.case-body1 {
    text-transform: var(--uds-text-transform-body1, none);
}

.text-on-color {
    color: #ffffff;
}

/* Additional Utilities */
.gap-x-1 {
    column-gap: 0.25rem;
}

.gap-y-1 {
    row-gap: 0.25rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.rounded-md {
    border-radius: 6px;
}

.overflow-hidden {
    overflow: hidden;
}

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

.break-words {
    overflow-wrap: break-word;
}

/* Verification Method Cards */
article.Yf24ede2e {
    position: relative;
    width: 100%;
    border: 1px solid #e0e4e9;
    border-radius: 8px;
    background-color: #ffffff;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
    list-style: none;
}

article.Yf24ede2e:hover {
    border-color: #6001d2;
    box-shadow: 0 2px 8px rgba(96, 1, 210, 0.12);
}

article.Yf24ede2e button.Yd4e16116 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    border-radius: 8px;
    background: transparent;
    border: none;
}

article.Yf24ede2e [role="tooltip"] {
    display: none;
}

.Y6b0d77fc {
    color: #666666;
    font-size: 0.875rem;
}

.Y085aec82 {
    font-size: 1rem;
    font-weight: 600;
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(var(--uds-spectrum-color-blue-7)/0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(var(--uds-spectrum-color-blue-7)/0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
*,:after,:before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: rgb(var(--uds-spectrum-color-gray-3))
}

:after,:before {
    --tw-content: ""
}

:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: var(--uds-font-sans);
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: var(--uds-font-mono);
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1;
    color: rgb(var(--uds-spectrum-color-gray-6))
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: rgb(var(--uds-spectrum-color-gray-6))
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: normal;
    font-weight: 100;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-100.woff2) format("woff2")
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: italic;
    font-weight: 100;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-100-italic.woff2) format("woff2")
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-300.woff2) format("woff2")
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: italic;
    font-weight: 300;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-300-italic.woff2) format("woff2")
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-400.woff2) format("woff2")
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-400-italic.woff2) format("woff2")
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-500.woff2) format("woff2")
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: italic;
    font-weight: 500;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-500-italic.woff2) format("woff2")
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-700.woff2) format("woff2")
}

@font-face {
    font-family: Roboto Mono;
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    src: url(https://s.yimg.com/bw/fonts/roboto-mono-700-italic.woff2) format("woff2")
}

@font-face {
    font-family: Yahoo Product Sans VF;
    font-display: swap;
    font-weight: 1 1000;
    src: url(https://s.yimg.com/bw/fonts/yahoo-product-sans-vf.woff2) format("woff2-variations")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 50;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-hairline.woff2) format("woff2")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 50;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-hairline-italic.woff2) format("woff2")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 100;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-thin.woff2) format("woff2")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 100;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-thin-italic.woff2) format("woff2")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-light.woff2) format("woff2")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 300;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-light-italic.woff2) format("woff2")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-book.woff2) format("woff2")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-book-italic.woff2) format("woff2")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-medium.woff2) format("woff2")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 500;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-medium-italic.woff2) format("woff2")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-bold.woff2) format("woff2")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-bold-italic.woff2) format("woff2")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 800;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-extrabold.woff2) format("woff2")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 800;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-extrabold-italic.woff2) format("woff2")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-black.woff2) format("woff2")
}

@font-face {
    font-family: Centra No2;
    font-display: swap;
    font-style: italic;
    font-weight: 900;
    src: url(https://s.yimg.com/bw/fonts/centra-no2-black-italic.woff2) format("woff2")
}

@font-face {
    font-family: Yahoo Serif Display;
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-display-light.woff2) format("woff2")
}

@font-face {
    font-family: Yahoo Serif Display;
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-display-regular.woff2) format("woff2")
}

@font-face {
    font-family: Yahoo Serif Display;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-display-bold.woff2) format("woff2")
}

@font-face {
    font-family: Yahoo Serif Display;
    font-display: swap;
    font-style: normal;
    font-weight: 800;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-display-extrabold.woff2) format("woff2")
}

@font-face {
    font-family: Yahoo Serif Display;
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-display-black.woff2) format("woff2")
}

@font-face {
    font-family: Yahoo Serif Text;
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-text-regular.woff2) format("woff2")
}

@font-face {
    font-family: Yahoo Serif Text;
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-text-italic.woff2) format("woff2")
}

@font-face {
    font-family: Yahoo Serif Text;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-text-bold.woff2) format("woff2")
}

@font-face {
    font-family: Yahoo Serif Text;
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    src: url(https://s.yimg.com/bw/fonts/yahoo-serif-text-bold-italic.woff2) format("woff2")
}

:root {
    --uds-font-mono: "Roboto Mono","ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace";
    --uds-font-sans: "Yahoo Product Sans VF","Helvetica Neue","Helvetica","Arial","sans-serif";
    --uds-font-sans-alt: "Centra No2","Helvetica Neue","Helvetica","Arial","sans-serif";
    --uds-font-serif: "Yahoo Serif Display","Georgia","Times","Times New Roman","serif";
    --uds-font-serif-alt: "Yahoo Serif Text","Georgia","Times","Times New Roman","serif"
}

.uds-scale-mode-large,:root {
    --uds-border-radius-full: 9999px;
    --uds-border-radius-lg: 16px;
    --uds-border-radius-md: 8px;
    --uds-border-radius-none: 0px;
    --uds-border-radius-sm: 4px;
    --uds-border-radius-xl: 32px;
    --uds-border-radius-xs: 2px;
    --uds-border-width-medium: 2px;
    --uds-border-width-none: 0px;
    --uds-border-width-thick: 4px;
    --uds-border-width-thin: 1px;
    --uds-avatar-size-lg: 3.25rem;
    --uds-avatar-size-md: 2.5rem;
    --uds-avatar-size-sm: 1.75rem;
    --uds-avatar-size-xl: 4rem;
    --uds-avatar-size-xs: 1.5rem;
    --uds-icon-size-lg: 2rem;
    --uds-icon-size-md: 1.5rem;
    --uds-icon-size-sm: 1rem;
    --uds-icon-size-xs: 0.75rem
}

.uds-color-mode-light,:root {
    color-scheme: light;
    --uds-light-mode-icon: inline;
    --uds-dark-mode-icon: none;
    --uds-spectrum-color-blue-0: 242 250 255;
    --uds-spectrum-color-blue-1: 223 242 255;
    --uds-spectrum-color-blue-2: 202 234 255;
    --uds-spectrum-color-blue-3: 162 218 255;
    --uds-spectrum-color-blue-4: 125 203 255;
    --uds-spectrum-color-blue-5: 89 189 255;
    --uds-spectrum-color-blue-6: 18 169 255;
    --uds-spectrum-color-blue-7: 24 143 255;
    --uds-spectrum-color-blue-8: 15 105 255;
    --uds-spectrum-color-blue-9: 0 99 235;
    --uds-spectrum-color-blue-10: 0 89 222;
    --uds-spectrum-color-blue-11: 0 72 196;
    --uds-spectrum-color-blue-12: 0 55 164;
    --uds-spectrum-color-blue-13: 0 39 126;
    --uds-spectrum-color-blue-14: 0 23 83;
    --uds-spectrum-color-blue-15: 0 10 38;
    --uds-spectrum-color-brown-0: 255 253 250;
    --uds-spectrum-color-brown-1: 255 246 224;
    --uds-spectrum-color-brown-2: 255 236 209;
    --uds-spectrum-color-brown-3: 251 221 191;
    --uds-spectrum-color-brown-4: 237 199 159;
    --uds-spectrum-color-brown-5: 217 170 118;
    --uds-spectrum-color-brown-6: 185 136 79;
    --uds-spectrum-color-brown-7: 151 104 47;
    --uds-spectrum-color-brown-8: 134 90 35;
    --uds-spectrum-color-brown-9: 117 76 25;
    --uds-spectrum-color-brown-10: 91 56 11;
    --uds-spectrum-color-brown-11: 71 42 4;
    --uds-spectrum-color-brown-12: 55 33 1;
    --uds-spectrum-color-brown-13: 45 27 0;
    --uds-spectrum-color-brown-14: 38 23 0;
    --uds-spectrum-color-brown-15: 26 16 0;
    --uds-spectrum-color-carbon-0: 255 255 255;
    --uds-spectrum-color-carbon-1: 252 251 251;
    --uds-spectrum-color-carbon-2: 245 245 245;
    --uds-spectrum-color-carbon-3: 227 227 227;
    --uds-spectrum-color-carbon-4: 205 205 205;
    --uds-spectrum-color-carbon-5: 176 176 176;
    --uds-spectrum-color-carbon-6: 142 142 142;
    --uds-spectrum-color-carbon-7: 106 106 106;
    --uds-spectrum-color-carbon-8: 90 90 90;
    --uds-spectrum-color-carbon-9: 68 68 68;
    --uds-spectrum-color-carbon-10: 50 50 50;
    --uds-spectrum-color-carbon-11: 41 41 41;
    --uds-spectrum-color-carbon-12: 31 31 31;
    --uds-spectrum-color-carbon-13: 20 20 20;
    --uds-spectrum-color-carbon-14: 10 10 10;
    --uds-spectrum-color-carbon-15: 0 0 0;
    --uds-spectrum-color-citron-0: 253 255 230;
    --uds-spectrum-color-citron-1: 249 253 193;
    --uds-spectrum-color-citron-2: 245 252 158;
    --uds-spectrum-color-citron-3: 235 244 87;
    --uds-spectrum-color-citron-4: 222 231 23;
    --uds-spectrum-color-citron-5: 205 212 0;
    --uds-spectrum-color-citron-6: 184 188 0;
    --uds-spectrum-color-citron-7: 158 159 0;
    --uds-spectrum-color-citron-8: 122 122 0;
    --uds-spectrum-color-citron-9: 115 113 0;
    --uds-spectrum-color-citron-10: 101 99 0;
    --uds-spectrum-color-citron-11: 78 76 0;
    --uds-spectrum-color-citron-12: 61 58 0;
    --uds-spectrum-color-citron-13: 49 46 0;
    --uds-spectrum-color-citron-14: 42 39 0;
    --uds-spectrum-color-citron-15: 38 35 0;
    --uds-spectrum-color-cyan-0: 245 255 255;
    --uds-spectrum-color-cyan-1: 223 255 255;
    --uds-spectrum-color-cyan-2: 201 255 255;
    --uds-spectrum-color-cyan-3: 161 245 251;
    --uds-spectrum-color-cyan-4: 121 229 240;
    --uds-spectrum-color-cyan-5: 85 205 223;
    --uds-spectrum-color-cyan-6: 54 177 201;
    --uds-spectrum-color-cyan-7: 29 146 174;
    --uds-spectrum-color-cyan-8: 20 114 142;
    --uds-spectrum-color-cyan-9: 19 100 126;
    --uds-spectrum-color-cyan-10: 17 86 111;
    --uds-spectrum-color-cyan-11: 13 64 86;
    --uds-spectrum-color-cyan-12: 10 48 67;
    --uds-spectrum-color-cyan-13: 9 37 53;
    --uds-spectrum-color-cyan-14: 8 29 44;
    --uds-spectrum-color-cyan-15: 4 18 28;
    --uds-spectrum-color-gray-0: 255 255 255;
    --uds-spectrum-color-gray-1: 245 248 250;
    --uds-spectrum-color-gray-2: 240 243 245;
    --uds-spectrum-color-gray-3: 224 228 233;
    --uds-spectrum-color-gray-4: 199 205 210;
    --uds-spectrum-color-gray-5: 176 185 193;
    --uds-spectrum-color-gray-6: 151 158 168;
    --uds-spectrum-color-gray-7: 130 138 147;
    --uds-spectrum-color-gray-8: 110 119 128;
    --uds-spectrum-color-gray-9: 91 99 106;
    --uds-spectrum-color-gray-10: 70 78 86;
    --uds-spectrum-color-gray-11: 44 54 63;
    --uds-spectrum-color-gray-12: 35 42 49;
    --uds-spectrum-color-gray-13: 29 34 40;
    --uds-spectrum-color-gray-14: 16 21 24;
    --uds-spectrum-color-gray-15: 0 0 0;
    --uds-spectrum-color-green-0: 246 255 244;
    --uds-spectrum-color-green-1: 225 253 220;
    --uds-spectrum-color-green-2: 202 250 197;
    --uds-spectrum-color-green-3: 162 242 162;
    --uds-spectrum-color-green-4: 126 228 135;
    --uds-spectrum-color-green-5: 86 196 112;
    --uds-spectrum-color-green-6: 48 161 89;
    --uds-spectrum-color-green-7: 0 135 81;
    --uds-spectrum-color-green-8: 10 122 68;
    --uds-spectrum-color-green-9: 0 108 59;
    --uds-spectrum-color-green-10: 4 94 52;
    --uds-spectrum-color-green-11: 4 77 44;
    --uds-spectrum-color-green-12: 4 59 35;
    --uds-spectrum-color-green-13: 4 51 31;
    --uds-spectrum-color-green-14: 4 43 27;
    --uds-spectrum-color-green-15: 3 33 21;
    --uds-spectrum-color-indigo-0: 242 244 255;
    --uds-spectrum-color-indigo-1: 226 230 255;
    --uds-spectrum-color-indigo-2: 209 213 255;
    --uds-spectrum-color-indigo-3: 184 188 255;
    --uds-spectrum-color-indigo-4: 156 160 255;
    --uds-spectrum-color-indigo-5: 130 130 255;
    --uds-spectrum-color-indigo-6: 109 110 255;
    --uds-spectrum-color-indigo-7: 93 94 255;
    --uds-spectrum-color-indigo-8: 64 64 227;
    --uds-spectrum-color-indigo-9: 32 21 194;
    --uds-spectrum-color-indigo-10: 26 13 171;
    --uds-spectrum-color-indigo-11: 22 9 144;
    --uds-spectrum-color-indigo-12: 18 5 118;
    --uds-spectrum-color-indigo-13: 15 3 91;
    --uds-spectrum-color-indigo-14: 11 1 65;
    --uds-spectrum-color-indigo-15: 6 0 38;
    --uds-spectrum-color-lime-0: 249 255 245;
    --uds-spectrum-color-lime-1: 237 255 224;
    --uds-spectrum-color-lime-2: 230 255 209;
    --uds-spectrum-color-lime-3: 217 250 190;
    --uds-spectrum-color-lime-4: 202 239 168;
    --uds-spectrum-color-lime-5: 172 222 122;
    --uds-spectrum-color-lime-6: 137 199 70;
    --uds-spectrum-color-lime-7: 101 169 21;
    --uds-spectrum-color-lime-8: 75 133 0;
    --uds-spectrum-color-lime-9: 70 122 0;
    --uds-spectrum-color-lime-10: 62 107 0;
    --uds-spectrum-color-lime-11: 50 83 0;
    --uds-spectrum-color-lime-12: 40 65 0;
    --uds-spectrum-color-lime-13: 33 51 0;
    --uds-spectrum-color-lime-14: 28 43 0;
    --uds-spectrum-color-lime-15: 26 38 0;
    --uds-spectrum-color-magenta-0: 244 235 255;
    --uds-spectrum-color-magenta-1: 236 217 251;
    --uds-spectrum-color-magenta-2: 229 199 247;
    --uds-spectrum-color-magenta-3: 223 182 243;
    --uds-spectrum-color-magenta-4: 220 166 240;
    --uds-spectrum-color-magenta-5: 212 136 227;
    --uds-spectrum-color-magenta-6: 207 109 214;
    --uds-spectrum-color-magenta-7: 201 84 199;
    --uds-spectrum-color-magenta-8: 188 61 177;
    --uds-spectrum-color-magenta-9: 164 46 151;
    --uds-spectrum-color-magenta-10: 140 32 126;
    --uds-spectrum-color-magenta-11: 116 22 103;
    --uds-spectrum-color-magenta-12: 92 13 81;
    --uds-spectrum-color-magenta-13: 68 6 60;
    --uds-spectrum-color-magenta-14: 44 2 39;
    --uds-spectrum-color-magenta-15: 20 0 18;
    --uds-spectrum-color-mint-0: 245 255 249;
    --uds-spectrum-color-mint-1: 231 252 240;
    --uds-spectrum-color-mint-2: 218 248 232;
    --uds-spectrum-color-mint-3: 201 239 219;
    --uds-spectrum-color-mint-4: 174 224 199;
    --uds-spectrum-color-mint-5: 133 203 172;
    --uds-spectrum-color-mint-6: 88 179 142;
    --uds-spectrum-color-mint-7: 45 151 113;
    --uds-spectrum-color-mint-8: 12 122 88;
    --uds-spectrum-color-mint-9: 1 109 78;
    --uds-spectrum-color-mint-10: 1 96 71;
    --uds-spectrum-color-mint-11: 0 74 57;
    --uds-spectrum-color-mint-12: 0 58 46;
    --uds-spectrum-color-mint-13: 0 47 38;
    --uds-spectrum-color-mint-14: 0 41 33;
    --uds-spectrum-color-mint-15: 0 28 23;
    --uds-spectrum-color-nude-0: 255 245 245;
    --uds-spectrum-color-nude-1: 251 222 221;
    --uds-spectrum-color-nude-2: 248 203 196;
    --uds-spectrum-color-nude-3: 235 185 172;
    --uds-spectrum-color-nude-4: 222 169 149;
    --uds-spectrum-color-nude-5: 202 155 136;
    --uds-spectrum-color-nude-6: 182 139 122;
    --uds-spectrum-color-nude-7: 162 122 106;
    --uds-spectrum-color-nude-8: 142 104 89;
    --uds-spectrum-color-nude-9: 131 93 80;
    --uds-spectrum-color-nude-10: 120 83 71;
    --uds-spectrum-color-nude-11: 100 61 48;
    --uds-spectrum-color-nude-12: 80 34 19;
    --uds-spectrum-color-nude-13: 60 14 0;
    --uds-spectrum-color-nude-14: 40 9 0;
    --uds-spectrum-color-nude-15: 20 4 0;
    --uds-spectrum-color-orange-0: 255 249 242;
    --uds-spectrum-color-orange-1: 255 239 222;
    --uds-spectrum-color-orange-2: 255 229 202;
    --uds-spectrum-color-orange-3: 249 208 167;
    --uds-spectrum-color-orange-4: 252 182 111;
    --uds-spectrum-color-orange-5: 255 158 66;
    --uds-spectrum-color-orange-6: 255 137 21;
    --uds-spectrum-color-orange-7: 226 105 0;
    --uds-spectrum-color-orange-8: 204 78 0;
    --uds-spectrum-color-orange-9: 191 73 0;
    --uds-spectrum-color-orange-10: 166 64 0;
    --uds-spectrum-color-orange-11: 145 56 0;
    --uds-spectrum-color-orange-12: 115 44 0;
    --uds-spectrum-color-orange-13: 94 37 1;
    --uds-spectrum-color-orange-14: 68 26 0;
    --uds-spectrum-color-orange-15: 38 15 0;
    --uds-spectrum-color-pink-0: 255 247 252;
    --uds-spectrum-color-pink-1: 255 235 249;
    --uds-spectrum-color-pink-2: 254 216 247;
    --uds-spectrum-color-pink-3: 255 176 231;
    --uds-spectrum-color-pink-4: 255 133 211;
    --uds-spectrum-color-pink-5: 255 85 195;
    --uds-spectrum-color-pink-6: 255 54 161;
    --uds-spectrum-color-pink-7: 255 0 128;
    --uds-spectrum-color-pink-8: 230 0 115;
    --uds-spectrum-color-pink-9: 220 2 118;
    --uds-spectrum-color-pink-10: 178 6 102;
    --uds-spectrum-color-pink-11: 113 0 75;
    --uds-spectrum-color-pink-12: 85 0 58;
    --uds-spectrum-color-pink-13: 56 0 40;
    --uds-spectrum-color-pink-14: 45 0 34;
    --uds-spectrum-color-pink-15: 38 0 16;
    --uds-spectrum-color-purple-0: 248 244 255;
    --uds-spectrum-color-purple-1: 235 229 255;
    --uds-spectrum-color-purple-2: 225 217 255;
    --uds-spectrum-color-purple-3: 213 207 255;
    --uds-spectrum-color-purple-4: 202 194 255;
    --uds-spectrum-color-purple-5: 176 159 252;
    --uds-spectrum-color-purple-6: 149 126 252;
    --uds-spectrum-color-purple-7: 131 103 255;
    --uds-spectrum-color-purple-8: 124 73 252;
    --uds-spectrum-color-purple-9: 125 46 255;
    --uds-spectrum-color-purple-10: 96 1 210;
    --uds-spectrum-color-purple-11: 80 21 176;
    --uds-spectrum-color-purple-12: 57 0 125;
    --uds-spectrum-color-purple-13: 43 0 103;
    --uds-spectrum-color-purple-14: 29 0 71;
    --uds-spectrum-color-purple-15: 16 0 38;
    --uds-spectrum-color-red-0: 255 250 250;
    --uds-spectrum-color-red-1: 255 240 241;
    --uds-spectrum-color-red-2: 255 231 232;
    --uds-spectrum-color-red-3: 255 214 218;
    --uds-spectrum-color-red-4: 255 187 192;
    --uds-spectrum-color-red-5: 255 152 159;
    --uds-spectrum-color-red-6: 253 106 116;
    --uds-spectrum-color-red-7: 255 77 82;
    --uds-spectrum-color-red-8: 238 0 23;
    --uds-spectrum-color-red-9: 211 13 46;
    --uds-spectrum-color-red-10: 187 0 10;
    --uds-spectrum-color-red-11: 157 0 4;
    --uds-spectrum-color-red-12: 127 0 0;
    --uds-spectrum-color-red-13: 98 3 0;
    --uds-spectrum-color-red-14: 68 4 0;
    --uds-spectrum-color-red-15: 38 3 0;
    --uds-spectrum-color-rose-0: 255 247 250;
    --uds-spectrum-color-rose-1: 255 235 243;
    --uds-spectrum-color-rose-2: 255 224 239;
    --uds-spectrum-color-rose-3: 255 209 226;
    --uds-spectrum-color-rose-4: 255 193 213;
    --uds-spectrum-color-rose-5: 250 162 187;
    --uds-spectrum-color-rose-6: 233 126 157;
    --uds-spectrum-color-rose-7: 211 89 124;
    --uds-spectrum-color-rose-8: 189 57 95;
    --uds-spectrum-color-rose-9: 167 52 85;
    --uds-spectrum-color-rose-10: 144 47 75;
    --uds-spectrum-color-rose-11: 113 35 57;
    --uds-spectrum-color-rose-12: 87 27 44;
    --uds-spectrum-color-rose-13: 66 22 35;
    --uds-spectrum-color-rose-14: 50 18 27;
    --uds-spectrum-color-rose-15: 38 15 22;
    --uds-spectrum-color-sunset-0: 255 240 238;
    --uds-spectrum-color-sunset-1: 251 221 218;
    --uds-spectrum-color-sunset-2: 247 203 199;
    --uds-spectrum-color-sunset-3: 234 170 163;
    --uds-spectrum-color-sunset-4: 221 140 130;
    --uds-spectrum-color-sunset-5: 209 113 99;
    --uds-spectrum-color-sunset-6: 196 89 71;
    --uds-spectrum-color-sunset-7: 184 68 46;
    --uds-spectrum-color-sunset-8: 171 51 24;
    --uds-spectrum-color-sunset-9: 158 44 18;
    --uds-spectrum-color-sunset-10: 145 38 12;
    --uds-spectrum-color-sunset-11: 124 26 1;
    --uds-spectrum-color-sunset-12: 102 22 0;
    --uds-spectrum-color-sunset-13: 81 18 0;
    --uds-spectrum-color-sunset-14: 60 13 0;
    --uds-spectrum-color-sunset-15: 38 8 0;
    --uds-spectrum-color-teal-0: 242 255 251;
    --uds-spectrum-color-teal-1: 224 255 248;
    --uds-spectrum-color-teal-2: 207 255 248;
    --uds-spectrum-color-teal-3: 177 255 243;
    --uds-spectrum-color-teal-4: 133 247 233;
    --uds-spectrum-color-teal-5: 78 232 220;
    --uds-spectrum-color-teal-6: 17 211 205;
    --uds-spectrum-color-teal-7: 0 160 160;
    --uds-spectrum-color-teal-8: 0 130 130;
    --uds-spectrum-color-teal-9: 0 122 122;
    --uds-spectrum-color-teal-10: 0 110 107;
    --uds-spectrum-color-teal-11: 0 89 86;
    --uds-spectrum-color-teal-12: 0 69 67;
    --uds-spectrum-color-teal-13: 0 54 53;
    --uds-spectrum-color-teal-14: 0 44 44;
    --uds-spectrum-color-teal-15: 0 38 38;
    --uds-spectrum-color-yellow-0: 255 253 238;
    --uds-spectrum-color-yellow-1: 255 250 209;
    --uds-spectrum-color-yellow-2: 255 246 161;
    --uds-spectrum-color-yellow-3: 255 242 125;
    --uds-spectrum-color-yellow-4: 255 233 87;
    --uds-spectrum-color-yellow-5: 255 211 51;
    --uds-spectrum-color-yellow-6: 229 185 23;
    --uds-spectrum-color-yellow-7: 151 117 0;
    --uds-spectrum-color-yellow-8: 124 90 0;
    --uds-spectrum-color-yellow-9: 100 67 0;
    --uds-spectrum-color-yellow-10: 88 57 0;
    --uds-spectrum-color-yellow-11: 75 47 0;
    --uds-spectrum-color-yellow-12: 58 34 0;
    --uds-spectrum-color-yellow-13: 44 25 0;
    --uds-spectrum-color-yellow-14: 32 17 0;
    --uds-spectrum-color-yellow-15: 21 11 0;
    --uds-background-color-accent: var(--uds-spectrum-color-carbon-2);
    --uds-background-color-alert: var(--uds-spectrum-color-red-9);
    --uds-background-color-alert-secondary: var(--uds-spectrum-color-red-2);
    --uds-background-color-brand: var(--uds-spectrum-color-purple-9);
    --uds-background-color-brand-secondary: var(--uds-spectrum-color-purple-1);
    --uds-background-color-info: var(--uds-spectrum-color-blue-5);
    --uds-background-color-info-secondary: var(--uds-spectrum-color-blue-1);
    --uds-background-color-positive: var(--uds-spectrum-color-green-5);
    --uds-background-color-positive-secondary: var(--uds-spectrum-color-green-2);
    --uds-background-color-primary: var(--uds-spectrum-color-gray-0);
    --uds-background-color-secondary: var(--uds-spectrum-color-carbon-2);
    --uds-background-color-warning: var(--uds-spectrum-color-orange-5);
    --uds-background-color-warning-secondary: var(--uds-spectrum-color-orange-2);
    --uds-foreground-color-accent: var(--uds-spectrum-color-carbon-7);
    --uds-foreground-color-alert: var(--uds-spectrum-color-red-10);
    --uds-foreground-color-alert-secondary: var(--uds-spectrum-color-red-12);
    --uds-foreground-color-brand: var(--uds-spectrum-color-purple-9);
    --uds-foreground-color-brand-secondary: var(--uds-spectrum-color-purple-11);
    --uds-foreground-color-info: var(--uds-spectrum-color-blue-8);
    --uds-foreground-color-info-secondary: var(--uds-spectrum-color-blue-12);
    --uds-foreground-color-muted: var(--uds-spectrum-color-gray-8);
    --uds-foreground-color-on-color: var(--uds-spectrum-color-gray-0);
    --uds-foreground-color-positive: var(--uds-spectrum-color-green-9);
    --uds-foreground-color-positive-secondary: var(--uds-spectrum-color-green-12);
    --uds-foreground-color-primary: var(--uds-spectrum-color-carbon-13);
    --uds-foreground-color-secondary: var(--uds-spectrum-color-carbon-10);
    --uds-foreground-color-tertiary: var(--uds-spectrum-color-gray-9);
    --uds-foreground-color-warning: var(--uds-spectrum-color-orange-8);
    --uds-foreground-color-warning-secondary: var(--uds-spectrum-color-orange-12);
    --uds-line-color-accent: var(--uds-spectrum-color-carbon-4);
    --uds-line-color-alert: var(--uds-spectrum-color-red-10);
    --uds-line-color-alert-secondary: var(--uds-spectrum-color-red-5);
    --uds-line-color-brand: var(--uds-spectrum-color-purple-9);
    --uds-line-color-brand-secondary: var(--uds-spectrum-color-purple-11);
    --uds-line-color-info: var(--uds-spectrum-color-blue-8);
    --uds-line-color-info-secondary: var(--uds-spectrum-color-blue-6);
    --uds-line-color-muted: var(--uds-spectrum-color-gray-3);
    --uds-line-color-positive: var(--uds-spectrum-color-green-9);
    --uds-line-color-positive-secondary: var(--uds-spectrum-color-green-5);
    --uds-line-color-primary: var(--uds-spectrum-color-gray-12);
    --uds-line-color-secondary: var(--uds-spectrum-color-gray-9);
    --uds-line-color-tertiary: var(--uds-spectrum-color-gray-7);
    --uds-line-color-warning: var(--uds-spectrum-color-orange-8);
    --uds-line-color-warning-secondary: var(--uds-spectrum-color-orange-7);
    --uds-shadow-color-primary: var(--uds-spectrum-color-carbon-12);
    --uds-shadow-color-secondary: var(--uds-spectrum-color-purple-9)
}

.dark {
    color-scheme: dark;
    --uds-light-mode-icon: none;
    --uds-dark-mode-icon: inline;
    --uds-spectrum-color-blue-0: 0 10 38;
    --uds-spectrum-color-blue-1: 0 14 57;
    --uds-spectrum-color-blue-2: 0 19 75;
    --uds-spectrum-color-blue-3: 0 29 102;
    --uds-spectrum-color-blue-4: 0 44 129;
    --uds-spectrum-color-blue-5: 0 63 156;
    --uds-spectrum-color-blue-6: 0 87 183;
    --uds-spectrum-color-blue-7: 0 116 210;
    --uds-spectrum-color-blue-8: 17 148 236;
    --uds-spectrum-color-blue-9: 18 169 255;
    --uds-spectrum-color-blue-10: 99 192 255;
    --uds-spectrum-color-blue-11: 125 203 255;
    --uds-spectrum-color-blue-12: 150 210 250;
    --uds-spectrum-color-blue-13: 182 224 252;
    --uds-spectrum-color-blue-14: 213 237 252;
    --uds-spectrum-color-blue-15: 240 247 252;
    --uds-spectrum-color-brown-0: 38 23 0;
    --uds-spectrum-color-brown-1: 52 31 1;
    --uds-spectrum-color-brown-2: 66 40 2;
    --uds-spectrum-color-brown-3: 95 58 5;
    --uds-spectrum-color-brown-4: 123 75 10;
    --uds-spectrum-color-brown-5: 148 92 19;
    --uds-spectrum-color-brown-6: 168 108 31;
    --uds-spectrum-color-brown-7: 186 123 46;
    --uds-spectrum-color-brown-8: 200 138 66;
    --uds-spectrum-color-brown-9: 209 150 80;
    --uds-spectrum-color-brown-10: 219 165 103;
    --uds-spectrum-color-brown-11: 224 176 122;
    --uds-spectrum-color-brown-12: 229 190 148;
    --uds-spectrum-color-brown-13: 239 210 180;
    --uds-spectrum-color-brown-14: 248 230 212;
    --uds-spectrum-color-brown-15: 255 249 242;
    --uds-spectrum-color-carbon-0: 0 0 0;
    --uds-spectrum-color-carbon-1: 10 10 10;
    --uds-spectrum-color-carbon-2: 20 20 20;
    --uds-spectrum-color-carbon-3: 31 31 31;
    --uds-spectrum-color-carbon-4: 41 41 41;
    --uds-spectrum-color-carbon-5: 50 50 50;
    --uds-spectrum-color-carbon-6: 68 68 68;
    --uds-spectrum-color-carbon-7: 90 90 90;
    --uds-spectrum-color-carbon-8: 117 117 117;
    --uds-spectrum-color-carbon-9: 142 142 142;
    --uds-spectrum-color-carbon-10: 176 176 176;
    --uds-spectrum-color-carbon-11: 205 205 205;
    --uds-spectrum-color-carbon-12: 227 227 227;
    --uds-spectrum-color-carbon-13: 245 245 245;
    --uds-spectrum-color-carbon-14: 252 251 251;
    --uds-spectrum-color-carbon-15: 255 255 255;
    --uds-spectrum-color-citron-0: 38 35 0;
    --uds-spectrum-color-citron-1: 42 39 0;
    --uds-spectrum-color-citron-2: 49 46 0;
    --uds-spectrum-color-citron-3: 61 58 0;
    --uds-spectrum-color-citron-4: 78 76 0;
    --uds-spectrum-color-citron-5: 101 99 0;
    --uds-spectrum-color-citron-6: 128 125 0;
    --uds-spectrum-color-citron-7: 153 153 0;
    --uds-spectrum-color-citron-8: 184 188 0;
    --uds-spectrum-color-citron-9: 205 212 0;
    --uds-spectrum-color-citron-10: 222 231 23;
    --uds-spectrum-color-citron-11: 235 244 87;
    --uds-spectrum-color-citron-12: 237 243 116;
    --uds-spectrum-color-citron-13: 243 249 158;
    --uds-spectrum-color-citron-14: 249 253 193;
    --uds-spectrum-color-citron-15: 254 255 238;
    --uds-spectrum-color-cyan-0: 0 22 38;
    --uds-spectrum-color-cyan-1: 0 32 54;
    --uds-spectrum-color-cyan-2: 1 42 69;
    --uds-spectrum-color-cyan-3: 3 65 100;
    --uds-spectrum-color-cyan-4: 8 89 130;
    --uds-spectrum-color-cyan-5: 15 114 156;
    --uds-spectrum-color-cyan-6: 26 138 178;
    --uds-spectrum-color-cyan-7: 41 161 197;
    --uds-spectrum-color-cyan-8: 60 182 213;
    --uds-spectrum-color-cyan-9: 72 192 219;
    --uds-spectrum-color-cyan-10: 100 210 232;
    --uds-spectrum-color-cyan-11: 124 227 242;
    --uds-spectrum-color-cyan-12: 145 239 250;
    --uds-spectrum-color-cyan-13: 179 244 249;
    --uds-spectrum-color-cyan-14: 212 251 253;
    --uds-spectrum-color-cyan-15: 242 255 255;
    --uds-spectrum-color-gray-0: 0 0 0;
    --uds-spectrum-color-gray-1: 16 21 24;
    --uds-spectrum-color-gray-2: 29 34 40;
    --uds-spectrum-color-gray-3: 35 42 49;
    --uds-spectrum-color-gray-4: 44 54 63;
    --uds-spectrum-color-gray-5: 70 78 86;
    --uds-spectrum-color-gray-6: 91 99 106;
    --uds-spectrum-color-gray-7: 110 119 128;
    --uds-spectrum-color-gray-8: 130 138 147;
    --uds-spectrum-color-gray-9: 151 158 168;
    --uds-spectrum-color-gray-10: 176 185 193;
    --uds-spectrum-color-gray-11: 199 205 210;
    --uds-spectrum-color-gray-12: 224 228 233;
    --uds-spectrum-color-gray-13: 240 243 245;
    --uds-spectrum-color-gray-14: 245 248 250;
    --uds-spectrum-color-gray-15: 255 255 255;
    --uds-spectrum-color-green-0: 7 33 23;
    --uds-spectrum-color-green-1: 7 43 29;
    --uds-spectrum-color-green-2: 8 48 32;
    --uds-spectrum-color-green-3: 8 55 36;
    --uds-spectrum-color-green-4: 11 70 44;
    --uds-spectrum-color-green-5: 14 91 55;
    --uds-spectrum-color-green-6: 18 118 68;
    --uds-spectrum-color-green-7: 23 149 83;
    --uds-spectrum-color-green-8: 29 181 97;
    --uds-spectrum-color-green-9: 26 197 103;
    --uds-spectrum-color-green-10: 55 219 115;
    --uds-spectrum-color-green-11: 91 235 126;
    --uds-spectrum-color-green-12: 128 242 143;
    --uds-spectrum-color-green-13: 169 251 169;
    --uds-spectrum-color-green-14: 213 255 208;
    --uds-spectrum-color-green-15: 247 255 245;
    --uds-spectrum-color-indigo-0: 8 2 38;
    --uds-spectrum-color-indigo-1: 13 4 65;
    --uds-spectrum-color-indigo-2: 17 5 91;
    --uds-spectrum-color-indigo-3: 20 7 117;
    --uds-spectrum-color-indigo-4: 22 9 144;
    --uds-spectrum-color-indigo-5: 26 13 171;
    --uds-spectrum-color-indigo-6: 39 32 187;
    --uds-spectrum-color-indigo-7: 60 63 219;
    --uds-spectrum-color-indigo-8: 93 94 255;
    --uds-spectrum-color-indigo-9: 112 117 242;
    --uds-spectrum-color-indigo-10: 135 146 242;
    --uds-spectrum-color-indigo-11: 163 175 251;
    --uds-spectrum-color-indigo-12: 189 198 255;
    --uds-spectrum-color-indigo-13: 211 214 255;
    --uds-spectrum-color-indigo-14: 232 233 255;
    --uds-spectrum-color-indigo-15: 252 253 255;
    --uds-spectrum-color-lime-0: 20 38 0;
    --uds-spectrum-color-lime-1: 34 51 0;
    --uds-spectrum-color-lime-2: 41 63 0;
    --uds-spectrum-color-lime-3: 53 83 0;
    --uds-spectrum-color-lime-4: 65 104 2;
    --uds-spectrum-color-lime-5: 79 125 11;
    --uds-spectrum-color-lime-6: 94 145 24;
    --uds-spectrum-color-lime-7: 110 166 40;
    --uds-spectrum-color-lime-8: 127 187 60;
    --uds-spectrum-color-lime-9: 137 199 70;
    --uds-spectrum-color-lime-10: 151 209 90;
    --uds-spectrum-color-lime-11: 168 224 121;
    --uds-spectrum-color-lime-12: 184 237 148;
    --uds-spectrum-color-lime-13: 209 247 186;
    --uds-spectrum-color-lime-14: 226 255 211;
    --uds-spectrum-color-lime-15: 244 255 240;
    --uds-spectrum-color-magenta-0: 46 5 44;
    --uds-spectrum-color-magenta-1: 63 6 58;
    --uds-spectrum-color-magenta-2: 80 8 72;
    --uds-spectrum-color-magenta-3: 96 11 86;
    --uds-spectrum-color-magenta-4: 113 13 99;
    --uds-spectrum-color-magenta-5: 138 23 122;
    --uds-spectrum-color-magenta-6: 163 38 148;
    --uds-spectrum-color-magenta-7: 188 61 177;
    --uds-spectrum-color-magenta-8: 195 87 196;
    --uds-spectrum-color-magenta-9: 194 116 205;
    --uds-spectrum-color-magenta-10: 198 145 213;
    --uds-spectrum-color-magenta-11: 206 172 222;
    --uds-spectrum-color-magenta-12: 217 195 230;
    --uds-spectrum-color-magenta-13: 228 215 238;
    --uds-spectrum-color-magenta-14: 239 231 247;
    --uds-spectrum-color-magenta-15: 249 244 255;
    --uds-spectrum-color-mint-0: 0 31 25;
    --uds-spectrum-color-mint-1: 0 41 34;
    --uds-spectrum-color-mint-2: 0 49 41;
    --uds-spectrum-color-mint-3: 0 62 52;
    --uds-spectrum-color-mint-4: 0 81 64;
    --uds-spectrum-color-mint-5: 0 106 77;
    --uds-spectrum-color-mint-6: 29 130 89;
    --uds-spectrum-color-mint-7: 33 150 104;
    --uds-spectrum-color-mint-8: 39 171 116;
    --uds-spectrum-color-mint-9: 72 194 129;
    --uds-spectrum-color-mint-10: 106 212 153;
    --uds-spectrum-color-mint-11: 149 222 182;
    --uds-spectrum-color-mint-12: 181 232 204;
    --uds-spectrum-color-mint-13: 209 244 224;
    --uds-spectrum-color-mint-14: 227 252 237;
    --uds-spectrum-color-mint-15: 242 255 248;
    --uds-spectrum-color-nude-0: 20 0 0;
    --uds-spectrum-color-nude-1: 33 0 0;
    --uds-spectrum-color-nude-2: 46 0 0;
    --uds-spectrum-color-nude-3: 67 0 0;
    --uds-spectrum-color-nude-4: 89 20 18;
    --uds-spectrum-color-nude-5: 110 46 42;
    --uds-spectrum-color-nude-6: 132 73 66;
    --uds-spectrum-color-nude-7: 154 99 90;
    --uds-spectrum-color-nude-8: 175 124 112;
    --uds-spectrum-color-nude-9: 188 136 121;
    --uds-spectrum-color-nude-10: 200 147 131;
    --uds-spectrum-color-nude-11: 222 169 149;
    --uds-spectrum-color-nude-12: 230 189 170;
    --uds-spectrum-color-nude-13: 239 208 191;
    --uds-spectrum-color-nude-14: 247 224 210;
    --uds-spectrum-color-nude-15: 255 240 229;
    --uds-spectrum-color-orange-0: 38 15 0;
    --uds-spectrum-color-orange-1: 46 17 0;
    --uds-spectrum-color-orange-2: 54 19 0;
    --uds-spectrum-color-orange-3: 67 23 0;
    --uds-spectrum-color-orange-4: 86 28 0;
    --uds-spectrum-color-orange-5: 111 34 0;
    --uds-spectrum-color-orange-6: 142 41 0;
    --uds-spectrum-color-orange-7: 177 54 0;
    --uds-spectrum-color-orange-8: 229 80 0;
    --uds-spectrum-color-orange-9: 253 97 0;
    --uds-spectrum-color-orange-10: 255 123 41;
    --uds-spectrum-color-orange-11: 255 145 77;
    --uds-spectrum-color-orange-12: 255 161 102;
    --uds-spectrum-color-orange-13: 255 192 153;
    --uds-spectrum-color-orange-14: 255 224 204;
    --uds-spectrum-color-orange-15: 255 246 240;
    --uds-spectrum-color-pink-0: 38 0 19;
    --uds-spectrum-color-pink-1: 48 0 23;
    --uds-spectrum-color-pink-2: 58 0 27;
    --uds-spectrum-color-pink-3: 75 0 34;
    --uds-spectrum-color-pink-4: 96 0 43;
    --uds-spectrum-color-pink-5: 123 0 54;
    --uds-spectrum-color-pink-6: 157 0 67;
    --uds-spectrum-color-pink-7: 194 0 81;
    --uds-spectrum-color-pink-8: 233 0 107;
    --uds-spectrum-color-pink-9: 255 0 128;
    --uds-spectrum-color-pink-10: 255 54 161;
    --uds-spectrum-color-pink-11: 255 101 186;
    --uds-spectrum-color-pink-12: 255 150 211;
    --uds-spectrum-color-pink-13: 255 186 228;
    --uds-spectrum-color-pink-14: 255 212 240;
    --uds-spectrum-color-pink-15: 255 229 247;
    --uds-spectrum-color-purple-0: 25 0 38;
    --uds-spectrum-color-purple-1: 34 0 57;
    --uds-spectrum-color-purple-2: 42 0 75;
    --uds-spectrum-color-purple-3: 51 0 102;
    --uds-spectrum-color-purple-4: 57 0 125;
    --uds-spectrum-color-purple-5: 80 21 176;
    --uds-spectrum-color-purple-6: 96 1 210;
    --uds-spectrum-color-purple-7: 108 36 242;
    --uds-spectrum-color-purple-8: 119 89 255;
    --uds-spectrum-color-purple-9: 144 124 255;
    --uds-spectrum-color-purple-10: 165 149 248;
    --uds-spectrum-color-purple-11: 187 174 249;
    --uds-spectrum-color-purple-12: 209 201 251;
    --uds-spectrum-color-purple-13: 225 219 252;
    --uds-spectrum-color-purple-14: 235 232 254;
    --uds-spectrum-color-purple-15: 248 244 255;
    --uds-spectrum-color-red-0: 38 3 0;
    --uds-spectrum-color-red-1: 57 3 0;
    --uds-spectrum-color-red-2: 75 3 0;
    --uds-spectrum-color-red-3: 102 1 0;
    --uds-spectrum-color-red-4: 129 5 0;
    --uds-spectrum-color-red-5: 156 15 12;
    --uds-spectrum-color-red-6: 183 28 27;
    --uds-spectrum-color-red-7: 210 46 47;
    --uds-spectrum-color-red-8: 232 58 62;
    --uds-spectrum-color-red-9: 255 77 82;
    --uds-spectrum-color-red-10: 255 105 109;
    --uds-spectrum-color-red-11: 255 135 141;
    --uds-spectrum-color-red-12: 255 155 161;
    --uds-spectrum-color-red-13: 255 183 188;
    --uds-spectrum-color-red-14: 254 210 214;
    --uds-spectrum-color-red-15: 255 240 241;
    --uds-spectrum-color-rose-0: 28 4 11;
    --uds-spectrum-color-rose-1: 38 5 15;
    --uds-spectrum-color-rose-2: 50 18 27;
    --uds-spectrum-color-rose-3: 66 22 35;
    --uds-spectrum-color-rose-4: 87 27 44;
    --uds-spectrum-color-rose-5: 113 35 57;
    --uds-spectrum-color-rose-6: 158 49 80;
    --uds-spectrum-color-rose-7: 191 58 96;
    --uds-spectrum-color-rose-8: 214 87 124;
    --uds-spectrum-color-rose-9: 221 108 141;
    --uds-spectrum-color-rose-10: 228 131 159;
    --uds-spectrum-color-rose-11: 245 164 188;
    --uds-spectrum-color-rose-12: 255 193 211;
    --uds-spectrum-color-rose-13: 255 214 226;
    --uds-spectrum-color-rose-14: 255 233 240;
    --uds-spectrum-color-rose-15: 255 251 252;
    --uds-spectrum-color-sunset-0: 38 8 0;
    --uds-spectrum-color-sunset-1: 54 11 0;
    --uds-spectrum-color-sunset-2: 69 15 0;
    --uds-spectrum-color-sunset-3: 100 20 0;
    --uds-spectrum-color-sunset-4: 130 26 0;
    --uds-spectrum-color-sunset-5: 156 40 12;
    --uds-spectrum-color-sunset-6: 178 58 31;
    --uds-spectrum-color-sunset-7: 197 79 53;
    --uds-spectrum-color-sunset-8: 213 101 78;
    --uds-spectrum-color-sunset-9: 219 112 90;
    --uds-spectrum-color-sunset-10: 225 124 104;
    --uds-spectrum-color-sunset-11: 235 147 131;
    --uds-spectrum-color-sunset-12: 243 171 158;
    --uds-spectrum-color-sunset-13: 249 194 185;
    --uds-spectrum-color-sunset-14: 253 218 212;
    --uds-spectrum-color-sunset-15: 255 241 238;
    --uds-spectrum-color-teal-0: 0 35 38;
    --uds-spectrum-color-teal-1: 0 40 43;
    --uds-spectrum-color-teal-2: 0 45 49;
    --uds-spectrum-color-teal-3: 0 56 60;
    --uds-spectrum-color-teal-4: 0 73 76;
    --uds-spectrum-color-teal-5: 0 97 99;
    --uds-spectrum-color-teal-6: 0 126 127;
    --uds-spectrum-color-teal-7: 1 160 159;
    --uds-spectrum-color-teal-8: 15 194 190;
    --uds-spectrum-color-teal-9: 17 211 205;
    --uds-spectrum-color-teal-10: 52 227 222;
    --uds-spectrum-color-teal-11: 99 237 231;
    --uds-spectrum-color-teal-12: 145 249 243;
    --uds-spectrum-color-teal-13: 185 255 251;
    --uds-spectrum-color-teal-14: 216 255 252;
    --uds-spectrum-color-teal-15: 242 255 254;
    --uds-spectrum-color-yellow-0: 38 35 0;
    --uds-spectrum-color-yellow-1: 48 42 0;
    --uds-spectrum-color-yellow-2: 58 49 0;
    --uds-spectrum-color-yellow-3: 75 60 0;
    --uds-spectrum-color-yellow-4: 96 73 0;
    --uds-spectrum-color-yellow-5: 123 91 0;
    --uds-spectrum-color-yellow-6: 157 112 0;
    --uds-spectrum-color-yellow-7: 194 136 0;
    --uds-spectrum-color-yellow-8: 233 171 0;
    --uds-spectrum-color-yellow-9: 255 204 0;
    --uds-spectrum-color-yellow-10: 255 220 79;
    --uds-spectrum-color-yellow-11: 255 232 102;
    --uds-spectrum-color-yellow-12: 255 243 138;
    --uds-spectrum-color-yellow-13: 255 249 163;
    --uds-spectrum-color-yellow-14: 255 251 197;
    --uds-spectrum-color-yellow-15: 255 253 238;
    --uds-background-color-accent: var(--uds-spectrum-color-carbon-2);
    --uds-background-color-alert: var(--uds-spectrum-color-red-9);
    --uds-background-color-alert-secondary: var(--uds-spectrum-color-red-3);
    --uds-background-color-brand: var(--uds-spectrum-color-purple-9);
    --uds-background-color-brand-secondary: var(--uds-spectrum-color-purple-1);
    --uds-background-color-info: var(--uds-spectrum-color-blue-5);
    --uds-background-color-info-secondary: var(--uds-spectrum-color-blue-3);
    --uds-background-color-positive: var(--uds-spectrum-color-green-5);
    --uds-background-color-positive-secondary: var(--uds-spectrum-color-green-3);
    --uds-background-color-primary: var(--uds-spectrum-color-gray-1);
    --uds-background-color-secondary: var(--uds-spectrum-color-carbon-2);
    --uds-background-color-warning: var(--uds-spectrum-color-orange-5);
    --uds-background-color-warning-secondary: var(--uds-spectrum-color-orange-3);
    --uds-foreground-color-accent: var(--uds-spectrum-color-carbon-7);
    --uds-foreground-color-alert: var(--uds-spectrum-color-red-10);
    --uds-foreground-color-alert-secondary: var(--uds-spectrum-color-red-12);
    --uds-foreground-color-brand: var(--uds-spectrum-color-purple-9);
    --uds-foreground-color-brand-secondary: var(--uds-spectrum-color-purple-12);
    --uds-foreground-color-info: var(--uds-spectrum-color-blue-8);
    --uds-foreground-color-info-secondary: var(--uds-spectrum-color-blue-12);
    --uds-foreground-color-muted: var(--uds-spectrum-color-gray-8);
    --uds-foreground-color-on-color: var(--uds-spectrum-color-gray-0);
    --uds-foreground-color-positive: var(--uds-spectrum-color-green-9);
    --uds-foreground-color-positive-secondary: var(--uds-spectrum-color-green-12);
    --uds-foreground-color-primary: var(--uds-spectrum-color-carbon-13);
    --uds-foreground-color-secondary: var(--uds-spectrum-color-carbon-10);
    --uds-foreground-color-tertiary: var(--uds-spectrum-color-gray-9);
    --uds-foreground-color-warning: var(--uds-spectrum-color-orange-8);
    --uds-foreground-color-warning-secondary: var(--uds-spectrum-color-orange-12);
    --uds-line-color-accent: var(--uds-spectrum-color-carbon-4);
    --uds-line-color-alert: var(--uds-spectrum-color-red-10);
    --uds-line-color-alert-secondary: var(--uds-spectrum-color-red-5);
    --uds-line-color-brand: var(--uds-spectrum-color-purple-9);
    --uds-line-color-brand-secondary: var(--uds-spectrum-color-purple-11);
    --uds-line-color-info: var(--uds-spectrum-color-blue-8);
    --uds-line-color-info-secondary: var(--uds-spectrum-color-blue-6);
    --uds-line-color-muted: var(--uds-spectrum-color-gray-3);
    --uds-line-color-positive: var(--uds-spectrum-color-green-9);
    --uds-line-color-positive-secondary: var(--uds-spectrum-color-green-5);
    --uds-line-color-primary: var(--uds-spectrum-color-gray-12);
    --uds-line-color-secondary: var(--uds-spectrum-color-gray-9);
    --uds-line-color-tertiary: var(--uds-spectrum-color-gray-7);
    --uds-line-color-warning: var(--uds-spectrum-color-orange-8);
    --uds-line-color-warning-secondary: var(--uds-spectrum-color-orange-7);
    --uds-shadow-color-primary: var(--uds-spectrum-color-carbon-0);
    --uds-shadow-color-secondary: var(--uds-spectrum-color-purple-9)
}

:root {
    --uds-font-display1: var(--uds-font-sans-alt);
    --uds-font-size-display1: 3.75rem;
    --uds-font-weight-display1: 600;
    --uds-font-slant-display1: 0;
    --uds-font-width-display1: 75;
    --uds-line-height-display1: 4.125rem;
    --uds-text-transform-display1: none;
    --uds-font-display2: var(--uds-font-serif-alt);
    --uds-font-size-display2: 3.25rem;
    --uds-font-weight-display2: 600;
    --uds-font-slant-display2: 0;
    --uds-font-width-display2: 75;
    --uds-line-height-display2: 3.575rem;
    --uds-text-transform-display2: none;
    --uds-font-display3: var(--uds-font-sans-alt);
    --uds-font-size-display3: 2.75rem;
    --uds-font-weight-display3: 600;
    --uds-font-slant-display3: 0;
    --uds-font-width-display3: 75;
    --uds-line-height-display3: 3.025rem;
    --uds-text-transform-display3: none;
    --uds-font-title1: var(--uds-font-sans-alt);
    --uds-font-size-title1: 2rem;
    --uds-font-weight-title1: 700;
    --uds-font-slant-title1: 0;
    --uds-font-width-title1: 75;
    --uds-line-height-title1: 2.48125rem;
    --uds-text-transform-title1: none;
    --uds-font-title2: var(--uds-font-sans-alt);
    --uds-font-size-title2: 1.75rem;
    --uds-font-weight-title2: 600;
    --uds-font-slant-title2: 0;
    --uds-font-width-title2: 75;
    --uds-line-height-title2: 1.925rem;
    --uds-text-transform-title2: none;
    --uds-font-title3: var(--uds-font-sans-alt);
    --uds-font-size-title3: 1.5rem;
    --uds-font-weight-title3: 700;
    --uds-font-slant-title3: 0;
    --uds-font-width-title3: 75;
    --uds-line-height-title3: 1.65rem;
    --uds-text-transform-title3: none;
    --uds-font-title4: var(--uds-font-sans);
    --uds-font-size-title4: 1.5rem;
    --uds-font-weight-title4: 600;
    --uds-font-slant-title4: 0;
    --uds-font-width-title4: 75;
    --uds-line-height-title4: 1.65rem;
    --uds-text-transform-title4: none;
    --uds-font-headline1: var(--uds-font-sans);
    --uds-font-size-headline1: 1.125rem;
    --uds-font-weight-headline1: 600;
    --uds-font-slant-headline1: 0;
    --uds-font-width-headline1: 75;
    --uds-line-height-headline1: 1.40625rem;
    --uds-text-transform-headline1: none;
    --uds-font-body1: var(--uds-font-sans);
    --uds-font-size-body1: 1rem;
    --uds-font-weight-body1: 450;
    --uds-font-slant-body1: 0;
    --uds-font-width-body1: 75;
    --uds-line-height-body1: 1.6rem;
    --uds-text-transform-body1: none;
    --uds-font-label1: var(--uds-font-sans);
    --uds-font-size-label1: 1rem;
    --uds-font-weight-label1: 600;
    --uds-font-slant-label1: 0;
    --uds-font-width-label1: 75;
    --uds-line-height-label1: 1.1rem;
    --uds-text-transform-label1: none;
    --uds-font-label2: var(--uds-font-sans);
    --uds-font-size-label2: 1rem;
    --uds-font-weight-label2: 450;
    --uds-font-slant-label2: 0;
    --uds-font-width-label2: 75;
    --uds-line-height-label2: 1.1rem;
    --uds-text-transform-label2: none;
    --uds-font-label3: var(--uds-font-sans);
    --uds-font-size-label3: 0.875rem;
    --uds-font-weight-label3: 600;
    --uds-font-slant-label3: 0;
    --uds-font-width-label3: 75;
    --uds-line-height-label3: 0.9625rem;
    --uds-text-transform-label3: none;
    --uds-font-label4: var(--uds-font-sans);
    --uds-font-size-label4: 0.875rem;
    --uds-font-weight-label4: 450;
    --uds-font-slant-label4: 0;
    --uds-font-width-label4: 75;
    --uds-line-height-label4: 1.09375rem;
    --uds-text-transform-label4: none;
    --uds-font-caption1: var(--uds-font-sans);
    --uds-font-size-caption1: 0.75rem;
    --uds-font-weight-caption1: 600;
    --uds-font-slant-caption1: 0;
    --uds-font-width-caption1: 75;
    --uds-line-height-caption1: 0.9375rem;
    --uds-text-transform-caption1: none;
    --uds-font-caption2: var(--uds-font-sans);
    --uds-font-size-caption2: 0.75rem;
    --uds-font-weight-caption2: 450;
    --uds-font-slant-caption2: 0;
    --uds-font-width-caption2: 75;
    --uds-line-height-caption2: 0.9375rem;
    --uds-text-transform-caption2: none;
    --uds-font-legal1: var(--uds-font-sans);
    --uds-font-size-legal1: 0.6875rem;
    --uds-font-weight-legal1: 450;
    --uds-font-slant-legal1: 0;
    --uds-font-width-legal1: 75;
    --uds-line-height-legal1: 1.25rem;
    --uds-text-transform-legal1: none;
    --uds-font-ui1: var(--uds-font-sans);
    --uds-font-size-ui1: 1rem;
    --uds-font-weight-ui1: 600;
    --uds-font-slant-ui1: 0;
    --uds-font-width-ui1: 75;
    --uds-line-height-ui1: 1.04375rem;
    --uds-text-transform-ui1: none;
    --uds-font-ui2: var(--uds-font-sans);
    --uds-font-size-ui2: 1rem;
    --uds-font-weight-ui2: 450;
    --uds-font-slant-ui2: 0;
    --uds-font-width-ui2: 75;
    --uds-line-height-ui2: 1.1rem;
    --uds-text-transform-ui2: none;
    --uds-font-ui3: var(--uds-font-sans);
    --uds-font-size-ui3: 0.875rem;
    --uds-font-weight-ui3: 600;
    --uds-font-slant-ui3: 0;
    --uds-font-width-ui3: 75;
    --uds-line-height-ui3: 0.9625rem;
    --uds-text-transform-ui3: none;
    --uds-font-ui4: var(--uds-font-sans);
    --uds-font-size-ui4: 0.875rem;
    --uds-font-weight-ui4: 450;
    --uds-font-slant-ui4: 0;
    --uds-font-width-ui4: 75;
    --uds-line-height-ui4: 1.09375rem;
    --uds-text-transform-ui4: none;
    --uds-font-ui5: var(--uds-font-sans);
    --uds-font-size-ui5: 0.875rem;
    --uds-font-weight-ui5: 450;
    --uds-font-slant-ui5: 0;
    --uds-font-width-ui5: 75;
    --uds-line-height-ui5: 1.09375rem;
    --uds-text-transform-ui5: none;
    --uds-font-ui6: var(--uds-font-sans);
    --uds-font-size-ui6: 0.875rem;
    --uds-font-weight-ui6: 450;
    --uds-font-slant-ui6: 0;
    --uds-font-width-ui6: 75;
    --uds-line-height-ui6: 1.09375rem;
    --uds-text-transform-ui6: none;
    --uds-drop-shadow-2xl: 0px 24px 48px -12px rgb(var(--uds-drop-shadow-color,var(--uds-shadow-color-primary))/var(--uds-drop-shadow-opacity,0.25));
    --uds-drop-shadow-lg: 0px 4px 6px -4px rgb(var(--uds-drop-shadow-color,var(--uds-shadow-color-primary))/var(--uds-drop-shadow-opacity,0.1)),0px 10px 14px -2px rgb(var(--uds-drop-shadow-2-color,var(--uds-shadow-color-primary))/var(--uds-drop-shadow-2-opacity,0.1));
    --uds-drop-shadow-md: 0px 16px 24px -6px rgb(var(--uds-drop-shadow-color,var(--uds-shadow-color-primary))/var(--uds-drop-shadow-opacity,0.1)),0px 6px 16px -6px rgb(var(--uds-drop-shadow-2-color,var(--uds-shadow-color-primary))/var(--uds-drop-shadow-2-opacity,0.1));
    --uds-drop-shadow-none: 0 0 transparent;
    --uds-drop-shadow-sm: 0px 1px 2px 0px rgb(var(--uds-drop-shadow-color,var(--uds-shadow-color-primary))/var(--uds-drop-shadow-opacity,0.1)),0px 1px 4px 0px rgb(var(--uds-drop-shadow-2-color,var(--uds-shadow-color-primary))/var(--uds-drop-shadow-2-opacity,0.1));
    --uds-drop-shadow-xl: 0px 8px 10px -6px rgb(var(--uds-drop-shadow-color,var(--uds-shadow-color-primary))/var(--uds-drop-shadow-opacity,0.1)),0px 20px 24px -4px rgb(var(--uds-drop-shadow-2-color,var(--uds-shadow-color-primary))/var(--uds-drop-shadow-2-opacity,0.1));
    --uds-drop-shadow-xs: 0px 1px 2px 0px rgb(var(--uds-drop-shadow-color,var(--uds-shadow-color-primary))/var(--uds-drop-shadow-opacity,0.05));
    --uds-inset-shadow-2xl: inset 0px 24px 48px -12px rgb(var(--uds-inset-shadow-color,var(--uds-shadow-color-primary))/var(--uds-inset-shadow-opacity,0.25));
    --uds-inset-shadow-2xl-invert: inset 0px 24px 48px -12px rgb(var(--uds-inset-shadow-color,255 255 255)/var(--uds-inset-shadow-opacity,0.25));
    --uds-inset-shadow-lg: inset 0px 4px 6px -4px rgb(var(--uds-inset-shadow-color,var(--uds-shadow-color-primary))/var(--uds-inset-shadow-opacity,0.1)),inset 0px 10px 14px -2px rgb(var(--uds-inset-shadow-2-color,var(--uds-shadow-color-primary))/var(--uds-inset-shadow-2-opacity,0.1));
    --uds-inset-shadow-lg-invert: inset 0px 4px 6px -4px rgb(var(--uds-inset-shadow-color,255 255 255)/var(--uds-inset-shadow-opacity,0.1)),inset 0px 10px 14px -2px rgb(var(--uds-inset-shadow-2-color,255 255 255)/var(--uds-inset-shadow-2-opacity,0.1));
    --uds-inset-shadow-md: inset 0px 16px 24px -4px rgb(var(--uds-inset-shadow-color,var(--uds-shadow-color-primary))/var(--uds-inset-shadow-opacity,0.1)),inset 0px 6px 16px -8px rgb(var(--uds-inset-shadow-2-color,var(--uds-shadow-color-primary))/var(--uds-inset-shadow-2-opacity,0.1));
    --uds-inset-shadow-md-invert: inset 0px 4px 6px -1px rgb(var(--uds-inset-shadow-color,255 255 255)/var(--uds-inset-shadow-opacity,0.1)),inset 0px 2px 4px -2px rgb(var(--uds-inset-shadow-2-color,255 255 255)/var(--uds-inset-shadow-2-opacity,0.1));
    --uds-inset-shadow-none: 0 0 transparent;
    --uds-inset-shadow-sm: inset 0px 1px 2px 0px rgb(var(--uds-inset-shadow-color,var(--uds-shadow-color-primary))/var(--uds-inset-shadow-opacity,0.1)),inset 0px 1px 4px 0px rgb(var(--uds-inset-shadow-2-color,var(--uds-shadow-color-primary))/var(--uds-inset-shadow-2-opacity,0.1));
    --uds-inset-shadow-sm-invert: inset 0px 1px 2px 0px rgb(var(--uds-inset-shadow-color,255 255 255)/var(--uds-inset-shadow-opacity,0.1)),inset 0px 1px 4px 0px rgb(var(--uds-inset-shadow-2-color,255 255 255)/var(--uds-inset-shadow-2-opacity,0.1));
    --uds-inset-shadow-xl: inset 0px 8px 10px -6px rgb(var(--uds-inset-shadow-color,var(--uds-shadow-color-primary))/var(--uds-inset-shadow-opacity,0.1)),inset 0px 20px 24px -4px rgb(var(--uds-inset-shadow-2-color,var(--uds-shadow-color-primary))/var(--uds-inset-shadow-2-opacity,0.1));
    --uds-inset-shadow-xl-invert: inset 0px 16px 24px -14px rgb(var(--uds-inset-shadow-color,255 255 255)/var(--uds-inset-shadow-opacity,0.1)),inset 0px 40px 56px -8px rgb(var(--uds-inset-shadow-2-color,255 255 255)/var(--uds-inset-shadow-2-opacity,0.1));
    --uds-inset-shadow-xs: inset 0px 1px 2px 0px rgb(var(--uds-inset-shadow-color,var(--uds-shadow-color-primary))/var(--uds-inset-shadow-opacity,0.05));
    --uds-inset-shadow-xs-invert: inset 0px 1px 2px 0px rgb(var(--uds-inset-shadow-color,255 255 255)/var(--uds-inset-shadow-opacity,0.05));
    --uds-motion-bouncy-1-damping: 9.22971294060014;
    --uds-motion-bouncy-1-stiffness: 48.8806726225418;
    --uds-motion-bouncy-2-damping: 12.6341443434966;
    --uds-motion-bouncy-2-stiffness: 91.590926913664;
    --uds-motion-bouncy-3-damping: 19.4021770179049;
    --uds-motion-bouncy-3-stiffness: 216.003958772305;
    --uds-motion-bouncy-4-damping: 37.5417231844303;
    --uds-motion-bouncy-4-stiffness: 808.703255942291;
    --uds-motion-damped-1-damping: 20.5857962643504;
    --uds-motion-damped-1-stiffness: 62.379681153657;
    --uds-motion-damped-2-damping: 29.3125512813123;
    --uds-motion-damped-2-stiffness: 126.4780175376;
    --uds-motion-damped-3-damping: 48.9279940135616;
    --uds-motion-damped-3-stiffness: 352.389233653733;
    --uds-motion-damped-4-damping: 123.426909942563;
    --uds-motion-damped-4-stiffness: 2242.47454882114;
    --uds-motion-smooth-1-damping: 16.4686370114803;
    --uds-motion-smooth-1-stiffness: 67.804001253975;
    --uds-motion-smooth-2-damping: 23.4500410250498;
    --uds-motion-smooth-2-stiffness: 137.47610601913;
    --uds-motion-smooth-3-damping: 39.1423952108493;
    --uds-motion-smooth-3-stiffness: 383.03177571058;
    --uds-motion-smooth-4-damping: 98.7415279540508;
    --uds-motion-smooth-4-stiffness: 2437.47233567515;
    --uds-motion-subtle-1-damping: 13.0431605130924;
    --uds-motion-subtle-1-stiffness: 67.804001253975;
    --uds-motion-subtle-2-damping: 18.5724324918395;
    --uds-motion-subtle-2-stiffness: 137.47610601913;
    --uds-motion-subtle-3-damping: 31.0007770069926;
    --uds-motion-subtle-3-stiffness: 383.03177571058;
    --uds-motion-subtle-4-damping: 78.2032901396082;
    --uds-motion-subtle-4-stiffness: 2437.47233567515;
    --uds-motion-veryBouncy-1-damping: 6.90229075494619;
    --uds-motion-veryBouncy-1-stiffness: 38.9215274512691;
    --uds-motion-veryBouncy-2-damping: 9.15555051421552;
    --uds-motion-veryBouncy-2-stiffness: 68.4813482871123;
    --uds-motion-veryBouncy-3-damping: 13.2444649081667;
    --uds-motion-veryBouncy-3-stiffness: 143.308585708439;
    --uds-motion-veryBouncy-4-damping: 22.1786265287673;
    --uds-motion-veryBouncy-4-stiffness: 401.85804919503
}

.uds-ring {
    --uds-outline-offset: 2px;
    --uds-outline-width: 2px;
    --uds-outline-color: rgb(var(--uds-spectrum-color-gray-15));
    --uds-outline-style: solid
}

.uds-ring:focus-visible {
    outline-offset: var(--uds-outline-offset);
    outline-width: var(--uds-outline-width);
    outline-color: var(--uds-outline-color);
    outline-style: var(--uds-outline-style)
}

.focused .uds-ring {
    outline-offset: var(--uds-outline-offset);
    outline-width: var(--uds-outline-width);
    outline-color: var(--uds-outline-color);
    outline-style: var(--uds-outline-style)
}

.uds-ring.uds-ring-within:has(:focus-visible) {
    outline-offset: var(--uds-outline-offset);
    outline-width: var(--uds-outline-width);
    outline-color: var(--uds-outline-color);
    outline-style: var(--uds-outline-style)
}

html {
    font-size: 16px;
    background-color: var(--login-body-background-color)
}

html.mobile {
    font-size: clamp(16px,4.5vw,24px)
}

@media only screen and (min-device-width: 768px) {
    html.mobile {
        font-size:16px
    }
}

a {
    text-decoration-line: underline
}

a:active,a:focus,a:hover {
    color: var(--link-color-active);
    cursor: pointer
}

.container {
    width: 100%
}

@media (min-width: 480px) {
    .container {
        max-width:480px
    }
}

@media (min-width: 481px) {
    .container {
        max-width:481px
    }
}

@media (min-width: 640px) {
    .container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1040px) {
    .container {
        max-width:1040px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px
    }
}

.uds-button {
    border-radius: var(--uds-button-border-radius,var(--uds-border-radius-full));
    box-shadow: inset 0 0 0 var(--uds-button-border-width,var(--uds-border-width-none)) var(--uds-button-border-color,transparent),var(--uds-button-shadow,0 0 0 transparent),var(--uds-button-inset-shadow,0 0 0 transparent);
    color: var(--uds-button-color,rgb(var(--uds-foreground-color-on-color)));
    background-color: var(--uds-button-background-color,rgb(var(--uds-background-color-brand)));
    padding: var(--uds-button-padding,.875rem 1.25rem);
    font-family: var(--uds-button-font,var(--uds-font-label1));
    font-weight: var(--uds-button-font-weight,var(--uds-font-weight-label1));
    font-size: var(--uds-button-font-size,var(--uds-font-size-label1));
    line-height: var(--uds-button-line-height,max(var(--uds-line-height-label1),var(--uds-icon-size-md)));
    text-transform: var(--uds-button-text-transform,var(--uds-text-transform-label1));
    display: inline-flex;
    justify-content: center;
    overflow: hidden;
    align-items: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-variation-settings: "wght" var(--uds-button-font-weight,var(--uds-font-weight-label1)),"slnt" var(--uds-button-font-slant,var(--uds-font-slant-label1)),"wdth" var(--uds-button-font-width,var(--uds-font-width-label1));
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none);
    --uds-button-padding: 0.875rem 1.25rem;
    --uds-button-gap: 0.375rem;
    --uds-button-font: var(--uds-font-label1);
    --uds-button-font-weight: var(--uds-font-weight-label1);
    --uds-button-font-width: var(--uds-font-width-label1);
    --uds-button-font-slant: var(--uds-font-slant-label1);
    --uds-button-font-size: var(--uds-font-size-label1);
    --uds-button-line-height: max(var(--uds-line-height-label1),var(--uds-icon-size-md));
    --uds-button-text-transform: var(--uds-text-transform-label1);
    --uds-button-icon-size: var(--uds-icon-size-md);
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97;
    transition-property: color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .22s
}

.uds-button .uds-button-icon {
    width: var(--uds-button-icon-size,var(--uds-icon-size-md));
    height: var(--uds-button-icon-size,var(--uds-icon-size-md))
}

.uds-button:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.uds-button:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button:disabled {
    cursor: not-allowed;
    opacity: .2;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 1
}

.\!disabled .uds-button {
    cursor: not-allowed!important;
    opacity: .2!important;
    --uds-button-effects-scale--hover: 1!important;
    --uds-button-effects-scale--pressed: 1!important
}

.disabled .uds-button {
    cursor: not-allowed;
    opacity: .2;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 1
}

.uds-button-lg {
    --uds-button-padding: 0.875rem 1.25rem;
    --uds-button-gap: 0.375rem;
    --uds-button-font: var(--uds-font-label1);
    --uds-button-font-weight: var(--uds-font-weight-label1);
    --uds-button-font-width: var(--uds-font-width-label1);
    --uds-button-font-slant: var(--uds-font-slant-label1);
    --uds-button-font-size: var(--uds-font-size-label1);
    --uds-button-line-height: max(var(--uds-line-height-label1),var(--uds-icon-size-md));
    --uds-button-text-transform: var(--uds-text-transform-label1);
    --uds-button-icon-size: var(--uds-icon-size-md)
}

.uds-button-md {
    --uds-button-padding: 0.75rem 1rem;
    --uds-button-gap: 0.375rem;
    --uds-button-font: var(--uds-font-label1);
    --uds-button-font-weight: var(--uds-font-weight-label1);
    --uds-button-font-width: var(--uds-font-width-label1);
    --uds-button-font-slant: var(--uds-font-slant-label1);
    --uds-button-font-size: var(--uds-font-size-label1);
    --uds-button-line-height: max(var(--uds-line-height-label1),var(--uds-icon-size-sm));
    --uds-button-text-transform: var(--uds-text-transform-label1);
    --uds-button-icon-size: var(--uds-icon-size-sm)
}

.uds-button-sm {
    --uds-button-padding: 0.375rem 0.75rem;
    --uds-button-gap: 0.375rem;
    --uds-button-font: var(--uds-font-label1);
    --uds-button-font-weight: var(--uds-font-weight-label1);
    --uds-button-font-width: var(--uds-font-width-label1);
    --uds-button-font-slant: var(--uds-font-slant-label1);
    --uds-button-font-size: var(--uds-font-size-label1);
    --uds-button-line-height: max(var(--uds-line-height-label1),var(--uds-icon-size-sm));
    --uds-button-text-transform: var(--uds-text-transform-label1);
    --uds-button-icon-size: var(--uds-icon-size-sm)
}

.uds-button-accent {
    --uds-button-background-color: rgb(var(--uds-background-color-accent));
    --uds-button-border-color: rgb(var(--uds-line-color-accent));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin)
}

.uds-button-accent:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-accent:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-2));
    --uds-button-border-color: rgb(var(--uds-line-color-brand-secondary));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.uds-button-accent:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-3));
    --uds-button-border-color: rgb(var(--uds-line-color-brand-secondary));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-accent.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-accent));
    --uds-button-border-color: rgb(var(--uds-line-color-accent));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin)
}

.uds-button-accent.uds-button-primary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-accent.uds-button-primary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-2));
    --uds-button-border-color: rgb(var(--uds-line-color-brand-secondary));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.uds-button-accent.uds-button-primary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-3));
    --uds-button-border-color: rgb(var(--uds-line-color-brand-secondary));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-accent.uds-button-secondary {
    --uds-button-background-color: transparent;
    --uds-button-border-color: rgb(var(--uds-line-color-accent));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin)
}

.uds-button-accent.uds-button-secondary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-accent.uds-button-secondary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-2));
    --uds-button-border-color: rgb(var(--uds-line-color-brand-secondary));
    --uds-button-color: rgb(var(--uds-spectrum-color-carbon-14));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.uds-button-accent.uds-button-secondary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-3));
    --uds-button-border-color: rgb(var(--uds-line-color-brand-secondary));
    --uds-button-color: rgb(var(--uds-spectrum-color-carbon-15));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-accent.uds-button-tertiary {
    --uds-button-background-color: transparent;
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none)
}

.uds-button-accent.uds-button-tertiary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-accent.uds-button-tertiary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-2));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: 0 0 0 transparent
}

.uds-button-accent.uds-button-tertiary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-3));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-brand {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none)
}

.uds-button-brand:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-brand:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.uds-button-brand:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-brand.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none)
}

.uds-button-brand.uds-button-primary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-brand.uds-button-primary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.uds-button-brand.uds-button-primary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none)
}

.uds-button-primary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-primary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.uds-button-primary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-brand.uds-button-secondary {
    --uds-button-background-color: transparent;
    --uds-button-border-color: rgb(var(--uds-line-color-brand));
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin)
}

.uds-button-brand.uds-button-secondary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1.03;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-brand.uds-button-secondary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-2));
    --uds-button-border-color: rgb(var(--uds-line-color-brand));
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.uds-button-brand.uds-button-secondary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-3));
    --uds-button-border-color: rgb(var(--uds-line-color-brand));
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-secondary {
    --uds-button-background-color: transparent;
    --uds-button-border-color: rgb(var(--uds-line-color-brand));
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin)
}

.uds-button-secondary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1.03;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-secondary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-2));
    --uds-button-border-color: rgb(var(--uds-line-color-brand));
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.uds-button-secondary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-3));
    --uds-button-border-color: rgb(var(--uds-line-color-brand));
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-brand.uds-button-tertiary {
    --uds-button-background-color: transparent;
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none)
}

.uds-button-brand.uds-button-tertiary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-brand.uds-button-tertiary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-2));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.uds-button-brand.uds-button-tertiary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-3));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-tertiary {
    --uds-button-background-color: transparent;
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none)
}

.uds-button-tertiary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-tertiary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-2));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.uds-button-tertiary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-3));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-alert {
    --uds-button-background-color: rgb(var(--uds-background-color-alert));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none)
}

.uds-button-alert:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-alert:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-alert));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.uds-button-alert:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-alert));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-alert.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-alert));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none)
}

.uds-button-alert.uds-button-primary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-alert.uds-button-primary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-alert));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.uds-button-alert.uds-button-primary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-alert));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-alert.uds-button-secondary {
    --uds-button-background-color: transparent;
    --uds-button-border-color: rgb(var(--uds-line-color-alert));
    --uds-button-color: rgb(var(--uds-foreground-color-alert));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin)
}

.uds-button-alert.uds-button-secondary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1.03;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-alert.uds-button-secondary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-red-2));
    --uds-button-border-color: rgb(var(--uds-line-color-alert));
    --uds-button-color: rgb(var(--uds-foreground-color-alert));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.uds-button-alert.uds-button-secondary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-red-3));
    --uds-button-border-color: rgb(var(--uds-line-color-alert));
    --uds-button-color: rgb(var(--uds-foreground-color-alert));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-alert.uds-button-tertiary {
    --uds-button-background-color: transparent;
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-alert));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none)
}

.uds-button-alert.uds-button-tertiary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-alert.uds-button-tertiary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-red-2));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-alert));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.uds-button-alert.uds-button-tertiary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-red-3));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-alert));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-positive {
    --uds-button-background-color: rgb(var(--uds-background-color-positive));
    --uds-button-border-color: rgb(var(--uds-line-color-positive));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin)
}

.uds-button-positive:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-positive:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-positive));
    --uds-button-border-color: rgb(var(--uds-line-color-positive));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.uds-button-positive:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-positive));
    --uds-button-border-color: rgb(var(--uds-line-color-positive));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-positive.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-positive));
    --uds-button-border-color: rgb(var(--uds-line-color-positive));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin)
}

.uds-button-positive.uds-button-primary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-positive.uds-button-primary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-positive));
    --uds-button-border-color: rgb(var(--uds-line-color-positive));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.uds-button-positive.uds-button-primary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-positive));
    --uds-button-border-color: rgb(var(--uds-line-color-positive));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-positive.uds-button-secondary {
    --uds-button-background-color: transparent;
    --uds-button-border-color: rgb(var(--uds-line-color-positive));
    --uds-button-color: rgb(var(--uds-foreground-color-positive));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin)
}

.uds-button-positive.uds-button-secondary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-positive.uds-button-secondary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-green-2));
    --uds-button-border-color: rgb(var(--uds-line-color-positive));
    --uds-button-color: rgb(var(--uds-foreground-color-positive));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.uds-button-positive.uds-button-secondary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-green-3));
    --uds-button-border-color: rgb(var(--uds-line-color-positive));
    --uds-button-color: rgb(var(--uds-foreground-color-positive));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-positive.uds-button-tertiary {
    --uds-button-background-color: transparent;
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-positive));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none)
}

.uds-button-positive.uds-button-tertiary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1.03;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-positive.uds-button-tertiary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-green-2));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-positive));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.uds-button-positive.uds-button-tertiary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-green-3));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-positive));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-warning {
    --uds-button-background-color: rgb(var(--uds-background-color-warning));
    --uds-button-border-color: rgb(var(--uds-line-color-warning-secondary));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin)
}

.uds-button-warning:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-warning:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-warning));
    --uds-button-border-color: rgb(var(--uds-line-color-warning-secondary));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.uds-button-warning:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-warning));
    --uds-button-border-color: rgb(var(--uds-line-color-warning-secondary));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-warning.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-warning));
    --uds-button-border-color: rgb(var(--uds-line-color-warning-secondary));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin)
}

.uds-button-warning.uds-button-primary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-warning.uds-button-primary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-warning));
    --uds-button-border-color: rgb(var(--uds-line-color-warning-secondary));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.uds-button-warning.uds-button-primary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-warning));
    --uds-button-border-color: rgb(var(--uds-line-color-warning-secondary));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-warning.uds-button-secondary {
    --uds-button-background-color: transparent;
    --uds-button-border-color: rgb(var(--uds-line-color-warning));
    --uds-button-color: rgb(var(--uds-foreground-color-warning));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin)
}

.uds-button-warning.uds-button-secondary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-warning.uds-button-secondary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-orange-1));
    --uds-button-border-color: rgb(var(--uds-line-color-warning));
    --uds-button-color: rgb(var(--uds-foreground-color-warning));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.uds-button-warning.uds-button-secondary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-orange-2));
    --uds-button-border-color: rgb(var(--uds-line-color-warning));
    --uds-button-color: rgb(var(--uds-foreground-color-warning));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-warning.uds-button-tertiary {
    --uds-button-background-color: transparent;
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-warning));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none)
}

.uds-button-warning.uds-button-tertiary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-warning.uds-button-tertiary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-orange-1));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-warning));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.uds-button-warning.uds-button-tertiary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-orange-2));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-warning));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-info {
    --uds-button-background-color: rgb(var(--uds-background-color-info));
    --uds-button-border-color: rgb(var(--uds-line-color-info));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin)
}

.uds-button-info:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-info:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-info));
    --uds-button-border-color: rgb(var(--uds-line-color-info));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.uds-button-info:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-info));
    --uds-button-border-color: rgb(var(--uds-line-color-info));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-info.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-info));
    --uds-button-border-color: rgb(var(--uds-line-color-info));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin)
}

.uds-button-info.uds-button-primary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-info.uds-button-primary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-info));
    --uds-button-border-color: rgb(var(--uds-line-color-info));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.uds-button-info.uds-button-primary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-background-color-info));
    --uds-button-border-color: rgb(var(--uds-line-color-info));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-info.uds-button-secondary {
    --uds-button-background-color: transparent;
    --uds-button-border-color: rgb(var(--uds-line-color-info));
    --uds-button-color: rgb(var(--uds-foreground-color-info));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-thin)
}

.uds-button-info.uds-button-secondary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-info.uds-button-secondary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-blue-1));
    --uds-button-border-color: rgb(var(--uds-line-color-info));
    --uds-button-color: rgb(var(--uds-foreground-color-info));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.uds-button-info.uds-button-secondary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-blue-2));
    --uds-button-border-color: rgb(var(--uds-line-color-info));
    --uds-button-color: rgb(var(--uds-foreground-color-info));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-button-info.uds-button-tertiary {
    --uds-button-background-color: transparent;
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-info));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: 0 0 0 transparent;
    --uds-button-border-radius: var(--uds-border-radius-full);
    --uds-button-border-width: var(--uds-border-width-none)
}

.uds-button-info.uds-button-tertiary:not(:has(:disabled)) {
    --uds-button-effects-scale--rest: 1;
    --uds-button-effects-scale--hover: 1;
    --uds-button-effects-scale--pressed: 0.97
}

.uds-button-info.uds-button-tertiary:hover:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-blue-1));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-info));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.uds-button-info.uds-button-tertiary:active:not([disabled]) {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-blue-2));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-info));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.hover .uds-button {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.hover .uds-button-accent,.hover .uds-button-accent.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-2));
    --uds-button-border-color: rgb(var(--uds-line-color-brand-secondary));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.hover .uds-button-accent.uds-button-secondary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-2));
    --uds-button-border-color: rgb(var(--uds-line-color-brand-secondary));
    --uds-button-color: rgb(var(--uds-spectrum-color-carbon-14));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.hover .uds-button-accent.uds-button-tertiary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-2));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: 0 0 0 transparent
}

.hover .uds-button-brand,.hover .uds-button-brand.uds-button-primary,.hover .uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.hover .uds-button-brand.uds-button-secondary,.hover .uds-button-secondary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-2));
    --uds-button-border-color: rgb(var(--uds-line-color-brand));
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.hover .uds-button-brand.uds-button-tertiary,.hover .uds-button-tertiary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-2));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.hover .uds-button-alert,.hover .uds-button-alert.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-alert));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.hover .uds-button-alert.uds-button-secondary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-red-2));
    --uds-button-border-color: rgb(var(--uds-line-color-alert));
    --uds-button-color: rgb(var(--uds-foreground-color-alert));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.hover .uds-button-alert.uds-button-tertiary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-red-2));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-alert));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.hover .uds-button-positive,.hover .uds-button-positive.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-positive));
    --uds-button-border-color: rgb(var(--uds-line-color-positive));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.hover .uds-button-positive.uds-button-secondary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-green-2));
    --uds-button-border-color: rgb(var(--uds-line-color-positive));
    --uds-button-color: rgb(var(--uds-foreground-color-positive));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.hover .uds-button-positive.uds-button-tertiary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-green-2));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-positive));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.hover .uds-button-warning,.hover .uds-button-warning.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-warning));
    --uds-button-border-color: rgb(var(--uds-line-color-warning-secondary));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.hover .uds-button-warning.uds-button-secondary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-orange-1));
    --uds-button-border-color: rgb(var(--uds-line-color-warning));
    --uds-button-color: rgb(var(--uds-foreground-color-warning));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.hover .uds-button-warning.uds-button-tertiary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-orange-1));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-warning));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.hover .uds-button-info,.hover .uds-button-info.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-info));
    --uds-button-border-color: rgb(var(--uds-line-color-info));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.hover .uds-button-info.uds-button-secondary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-blue-1));
    --uds-button-border-color: rgb(var(--uds-line-color-info));
    --uds-button-color: rgb(var(--uds-foreground-color-info));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.hover .uds-button-info.uds-button-tertiary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-blue-1));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-info));
    --uds-button-shadow: var(--uds-drop-shadow-md);
    --uds-button-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.pressed .uds-button {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-accent,.pressed .uds-button-accent.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-3));
    --uds-button-border-color: rgb(var(--uds-line-color-brand-secondary));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-accent.uds-button-secondary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-3));
    --uds-button-border-color: rgb(var(--uds-line-color-brand-secondary));
    --uds-button-color: rgb(var(--uds-spectrum-color-carbon-15));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-accent.uds-button-tertiary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-3));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-brand,.pressed .uds-button-brand.uds-button-primary,.pressed .uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-brand));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-brand.uds-button-secondary,.pressed .uds-button-secondary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-3));
    --uds-button-border-color: rgb(var(--uds-line-color-brand));
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-brand.uds-button-tertiary,.pressed .uds-button-tertiary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-purple-3));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-brand));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-alert,.pressed .uds-button-alert.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-alert));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-on-color));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-alert.uds-button-secondary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-red-3));
    --uds-button-border-color: rgb(var(--uds-line-color-alert));
    --uds-button-color: rgb(var(--uds-foreground-color-alert));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-alert.uds-button-tertiary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-red-3));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-alert));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-positive,.pressed .uds-button-positive.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-positive));
    --uds-button-border-color: rgb(var(--uds-line-color-positive));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-positive.uds-button-secondary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-green-3));
    --uds-button-border-color: rgb(var(--uds-line-color-positive));
    --uds-button-color: rgb(var(--uds-foreground-color-positive));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-positive.uds-button-tertiary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-green-3));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-positive));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-warning,.pressed .uds-button-warning.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-warning));
    --uds-button-border-color: rgb(var(--uds-line-color-warning-secondary));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-warning.uds-button-secondary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-orange-2));
    --uds-button-border-color: rgb(var(--uds-line-color-warning));
    --uds-button-color: rgb(var(--uds-foreground-color-warning));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-warning.uds-button-tertiary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-orange-2));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-warning));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-info,.pressed .uds-button-info.uds-button-primary {
    --uds-button-background-color: rgb(var(--uds-background-color-info));
    --uds-button-border-color: rgb(var(--uds-line-color-info));
    --uds-button-color: rgb(var(--uds-foreground-color-primary));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-info.uds-button-secondary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-blue-2));
    --uds-button-border-color: rgb(var(--uds-line-color-info));
    --uds-button-color: rgb(var(--uds-foreground-color-info));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.pressed .uds-button-info.uds-button-tertiary {
    --uds-button-background-color: rgb(var(--uds-spectrum-color-blue-2));
    --uds-button-border-color: transparent;
    --uds-button-color: rgb(var(--uds-foreground-color-info));
    --uds-button-shadow: 0 0 0 transparent;
    --uds-button-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-icon-button {
    display: inline-flex;
    align-items: center;
    padding: var(--uds-icon-button-padding,.75rem)
}

.uds-icon-button .uds-button-icon {
    width: var(--uds-icon-button-icon-size,var(--uds-icon-size-sm));
    height: var(--uds-icon-button-icon-size,var(--uds-icon-size-sm))
}

.uds-icon-button-lg {
    --uds-icon-button-padding: 0.875rem;
    --uds-icon-button-icon-size: var(--uds-icon-size-md)
}

.uds-icon-button-md {
    --uds-icon-button-padding: 0.75rem;
    --uds-icon-button-icon-size: var(--uds-icon-size-sm)
}

.uds-icon-button-sm {
    --uds-icon-button-padding: 0.5rem;
    --uds-icon-button-icon-size: var(--uds-icon-size-sm)
}

.uds-icon-button-xl {
    --uds-icon-button-padding: 1rem;
    --uds-icon-button-icon-size: var(--uds-icon-size-lg)
}

.uds-icon-button-xs {
    --uds-icon-button-padding: 0.25rem;
    --uds-icon-button-icon-size: var(--uds-icon-size-sm)
}

.uds-divider-variant-primary-root {
    gap: .5rem
}

.uds-divider-variant-primary-root .uds-divider-variant-primary-line {
    border-width: var(--uds-border-width-thin);
    border-color: rgb(var(--uds-line-color-primary))
}

.uds-divider-variant-primary-root .uds-divider-variant-primary-label {
    font-size: var(--uds-font-size-label3);
    font-weight: var(--uds-font-weight-label3);
    font-family: var(--uds-font-label3);
    line-height: var(--uds-line-height-label3);
    text-transform: var(--uds-text-transform-label3);
    font-variation-settings: "wght" var(--uds-font-weight-label3),"slnt" var(--uds-font-slant-label3),"wdth" var(--uds-font-width-label3);
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-divider-variant-secondary-root {
    gap: .5rem
}

.uds-divider-variant-secondary-root .uds-divider-variant-secondary-line {
    border-width: var(--uds-border-width-thin);
    border-color: rgb(var(--uds-line-color-secondary))
}

.uds-divider-variant-secondary-root .uds-divider-variant-secondary-label {
    font-size: var(--uds-font-size-label3);
    font-weight: var(--uds-font-weight-label3);
    font-family: var(--uds-font-label3);
    line-height: var(--uds-line-height-label3);
    text-transform: var(--uds-text-transform-label3);
    font-variation-settings: "wght" var(--uds-font-weight-label3),"slnt" var(--uds-font-slant-label3),"wdth" var(--uds-font-width-label3);
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-divider-variant-tertiary-root {
    gap: .5rem
}

.uds-divider-variant-tertiary-root .uds-divider-variant-tertiary-line {
    border-width: var(--uds-border-width-thin);
    border-color: rgb(var(--uds-line-color-tertiary))
}

.uds-divider-variant-tertiary-root .uds-divider-variant-tertiary-label {
    font-size: var(--uds-font-size-label3);
    font-weight: var(--uds-font-weight-label3);
    font-family: var(--uds-font-label3);
    line-height: var(--uds-line-height-label3);
    text-transform: var(--uds-text-transform-label3);
    font-variation-settings: "wght" var(--uds-font-weight-label3),"slnt" var(--uds-font-slant-label3),"wdth" var(--uds-font-width-label3);
    color: rgb(var(--uds-foreground-color-tertiary))
}

.uds-divider-variant-muted-root {
    gap: .5rem
}

.uds-divider-variant-muted-root .uds-divider-variant-muted-line {
    border-width: var(--uds-border-width-thin);
    border-color: rgb(var(--uds-line-color-muted))
}

.uds-divider-variant-muted-root .uds-divider-variant-muted-label {
    font-size: var(--uds-font-size-label3);
    font-weight: var(--uds-font-weight-label3);
    font-family: var(--uds-font-label3);
    line-height: var(--uds-line-height-label3);
    text-transform: var(--uds-text-transform-label3);
    font-variation-settings: "wght" var(--uds-font-weight-label3),"slnt" var(--uds-font-slant-label3),"wdth" var(--uds-font-width-label3);
    color: rgb(var(--uds-foreground-color-muted))
}

.uds-link-text-style-display-1-root {
    gap: .5rem
}

.uds-link-text-style-display-1-root .uds-link-text-style-display-1-icon {
    width: var(--uds-icon-size-lg);
    height: var(--uds-icon-size-lg)
}

.uds-link-text-style-display-2-root {
    gap: .5rem
}

.uds-link-text-style-display-2-root .uds-link-text-style-display-2-icon {
    width: var(--uds-icon-size-lg);
    height: var(--uds-icon-size-lg)
}

.uds-link-text-style-display-3-root {
    gap: .5rem
}

.uds-link-text-style-display-3-root .uds-link-text-style-display-3-icon {
    width: var(--uds-icon-size-lg);
    height: var(--uds-icon-size-lg)
}

.uds-link-text-style-title-1-root {
    gap: .5rem
}

.uds-link-text-style-title-1-root .uds-link-text-style-title-1-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-title-2-root {
    gap: .5rem
}

.uds-link-text-style-title-2-root .uds-link-text-style-title-2-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-title-3-root {
    gap: .5rem
}

.uds-link-text-style-title-3-root .uds-link-text-style-title-3-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-title-4-root {
    gap: .5rem
}

.uds-link-text-style-title-4-root .uds-link-text-style-title-4-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-headline-1-root {
    gap: .5rem
}

.uds-link-text-style-headline-1-root .uds-link-text-style-headline-1-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-body-1-root {
    gap: .5rem
}

.uds-link-text-style-body-1-root .uds-link-text-style-body-1-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-label-1-root {
    gap: .5rem
}

.uds-link-text-style-label-1-root .uds-link-text-style-label-1-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-label-2-root {
    gap: .5rem
}

.uds-link-text-style-label-2-root .uds-link-text-style-label-2-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-label-3-root {
    gap: .5rem
}

.uds-link-text-style-label-3-root .uds-link-text-style-label-3-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-label-4-root {
    gap: .5rem
}

.uds-link-text-style-label-4-root .uds-link-text-style-label-4-icon {
    width: var(--uds-icon-size-sm);
    height: var(--uds-icon-size-sm)
}

.uds-link-text-style-caption-1-root {
    gap: .5rem
}

.uds-link-text-style-caption-1-root .uds-link-text-style-caption-1-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-caption-2-root {
    gap: .5rem
}

.uds-link-text-style-caption-2-root .uds-link-text-style-caption-2-icon {
    width: var(--uds-icon-size-sm);
    height: var(--uds-icon-size-sm)
}

.uds-link-text-style-legal-1-root {
    gap: .5rem
}

.uds-link-text-style-legal-1-root .uds-link-text-style-legal-1-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-ui-1-root {
    gap: .5rem
}

.uds-link-text-style-ui-1-root .uds-link-text-style-ui-1-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-ui-2-root {
    gap: .5rem
}

.uds-link-text-style-ui-2-root .uds-link-text-style-ui-2-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-ui-3-root {
    gap: .5rem
}

.uds-link-text-style-ui-3-root .uds-link-text-style-ui-3-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-ui-4-root {
    gap: .5rem
}

.uds-link-text-style-ui-4-root .uds-link-text-style-ui-4-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-ui-5-root {
    gap: .5rem
}

.uds-link-text-style-ui-5-root .uds-link-text-style-ui-5-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-text-style-ui-6-root {
    gap: .5rem
}

.uds-link-text-style-ui-6-root .uds-link-text-style-ui-6-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-link-variant-primary-root:hover:not(:has(:disabled)) {
    color: rgb(var(--uds-foreground-color-brand-secondary));
    text-decoration-line: underline
}

.uds-link-variant-primary-root:active:not(:has(:disabled)) {
    color: rgb(var(--uds-spectrum-color-purple-11));
    text-decoration-line: underline
}

.uds-link-variant-primary-root {
    color: rgb(var(--uds-foreground-color-brand));
    text-decoration-line: none
}

.uds-link-variant-primary-root:hover:not(:has(:disabled)) .uds-link-variant-primary-icon-start {
    color: rgb(var(--uds-foreground-color-brand-secondary))
}

.uds-link-variant-primary-root:active:not(:has(:disabled)) .uds-link-variant-primary-icon-start {
    color: rgb(var(--uds-spectrum-color-purple-11))
}

.uds-link-variant-primary-root .uds-link-variant-primary-icon-start {
    color: rgb(var(--uds-foreground-color-brand))
}

.uds-link-variant-primary-root:hover:not(:has(:disabled)) .uds-link-variant-primary-icon-end {
    color: rgb(var(--uds-foreground-color-brand-secondary))
}

.uds-link-variant-primary-root:active:not(:has(:disabled)) .uds-link-variant-primary-icon-end {
    color: rgb(var(--uds-spectrum-color-purple-11))
}

.uds-link-variant-primary-root .uds-link-variant-primary-icon-end {
    color: rgb(var(--uds-foreground-color-brand))
}

.uds-link-variant-secondary-root:hover:not(:has(:disabled)) {
    color: rgb(var(--uds-foreground-color-primary));
    text-decoration-line: underline
}

.uds-link-variant-secondary-root:active:not(:has(:disabled)) {
    color: rgb(var(--uds-foreground-color-brand-secondary));
    text-decoration-line: underline
}

.uds-link-variant-secondary-root {
    color: rgb(var(--uds-foreground-color-secondary));
    text-decoration-line: underline
}

.uds-link-variant-secondary-root:hover:not(:has(:disabled)) .uds-link-variant-secondary-icon-start {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-link-variant-secondary-root:active:not(:has(:disabled)) .uds-link-variant-secondary-icon-start {
    color: rgb(var(--uds-foreground-color-brand-secondary))
}

.uds-link-variant-secondary-root .uds-link-variant-secondary-icon-start {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-link-variant-secondary-root:hover:not(:has(:disabled)) .uds-link-variant-secondary-icon-end {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-link-variant-secondary-root:active:not(:has(:disabled)) .uds-link-variant-secondary-icon-end {
    color: rgb(var(--uds-foreground-color-brand-secondary))
}

.uds-link-variant-secondary-root .uds-link-variant-secondary-icon-end {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-link-variant-tertiary-root:hover:not(:has(:disabled)) {
    color: rgb(var(--uds-foreground-color-secondary));
    text-decoration-line: underline
}

.uds-link-variant-tertiary-root:active:not(:has(:disabled)) {
    color: rgb(var(--uds-foreground-color-brand-secondary));
    text-decoration-line: underline
}

.uds-link-variant-tertiary-root {
    color: rgb(var(--uds-foreground-color-tertiary));
    text-decoration-line: underline
}

.uds-link-variant-tertiary-root:hover:not(:has(:disabled)) .uds-link-variant-tertiary-icon-start {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-link-variant-tertiary-root:active:not(:has(:disabled)) .uds-link-variant-tertiary-icon-start {
    color: rgb(var(--uds-foreground-color-brand-secondary))
}

.uds-link-variant-tertiary-root .uds-link-variant-tertiary-icon-start {
    color: rgb(var(--uds-foreground-color-tertiary))
}

.uds-link-variant-tertiary-root:hover:not(:has(:disabled)) .uds-link-variant-tertiary-icon-end {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-link-variant-tertiary-root:active:not(:has(:disabled)) .uds-link-variant-tertiary-icon-end {
    color: rgb(var(--uds-foreground-color-brand-secondary))
}

.uds-link-variant-tertiary-root .uds-link-variant-tertiary-icon-end {
    color: rgb(var(--uds-foreground-color-tertiary))
}

.uds-link-variant-on-color-root:hover:not(:has(:disabled)) {
    color: rgb(var(--uds-foreground-color-on-color));
    text-decoration-line: underline
}

.uds-link-variant-on-color-root:active:not(:has(:disabled)) {
    color: rgb(var(--uds-foreground-color-on-color));
    text-decoration-line: underline
}

.uds-link-variant-on-color-root {
    color: rgb(var(--uds-foreground-color-on-color));
    text-decoration-line: underline
}

.uds-link-variant-on-color-root:hover:not(:has(:disabled)) .uds-link-variant-on-color-icon-start {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-link-variant-on-color-root:active:not(:has(:disabled)) .uds-link-variant-on-color-icon-start {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-link-variant-on-color-root .uds-link-variant-on-color-icon-start {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-link-variant-on-color-root:hover:not(:has(:disabled)) .uds-link-variant-on-color-icon-end {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-link-variant-on-color-root:active:not(:has(:disabled)) .uds-link-variant-on-color-icon-end {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-link-variant-on-color-root .uds-link-variant-on-color-icon-end {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-radio-variant-primary-root:hover:not(:has(:disabled)).uds-radio-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-radio-variant-primary-root:active:not(:has(:disabled)).uds-radio-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-radio-variant-primary-root.uds-radio-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-radio-variant-primary-root:hover:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-primary-radio {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-radio-variant-primary-root:active:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-primary-radio {
    border-color: transparent;
    background-color: rgb(var(--uds-spectrum-color-purple-10));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-radio-variant-primary-root.uds-radio-variant-value-checked-root .uds-radio-variant-primary-radio {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-radio-variant-primary-root:hover:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-primary-radio-circle {
    background-color: rgb(var(--uds-background-color-primary))
}

.uds-radio-variant-primary-root:active:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-primary-radio-circle {
    background-color: rgb(var(--uds-background-color-primary))
}

.uds-radio-variant-primary-root.uds-radio-variant-value-checked-root .uds-radio-variant-primary-radio-circle {
    background-color: rgb(var(--uds-background-color-primary))
}

.uds-radio-variant-primary-root:hover:not(:has(:disabled)).uds-radio-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-radio-variant-primary-root:active:not(:has(:disabled)).uds-radio-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-radio-variant-primary-root.uds-radio-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-radio-variant-primary-root:hover:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-primary-radio {
    border-color: rgb(var(--uds-line-color-tertiary));
    background-color: rgb(var(--uds-spectrum-color-carbon-3));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-radio-variant-primary-root:active:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-primary-radio {
    border-color: transparent;
    background-color: rgb(var(--uds-spectrum-color-purple-4));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-radio-variant-primary-root.uds-radio-variant-value-unchecked-root .uds-radio-variant-primary-radio {
    border-color: rgb(var(--uds-line-color-tertiary));
    background-color: rgb(var(--uds-background-color-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-radio-variant-primary-root:hover:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-primary-radio-circle {
    background-color: rgb(var(--uds-background-color-brand))
}

.uds-radio-variant-primary-root:active:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-primary-radio-circle {
    background-color: rgb(var(--uds-background-color-brand))
}

.uds-radio-variant-primary-root.uds-radio-variant-value-unchecked-root .uds-radio-variant-primary-radio-circle {
    background-color: rgb(var(--uds-background-color-brand))
}

.uds-radio-variant-secondary-root:hover:not(:has(:disabled)).uds-radio-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-radio-variant-secondary-root:active:not(:has(:disabled)).uds-radio-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-radio-variant-secondary-root.uds-radio-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-radio-variant-secondary-root:hover:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-secondary-radio {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand-secondary));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-md-invert)
}

.uds-radio-variant-secondary-root:active:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-secondary-radio {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand-secondary));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-md-invert)
}

.uds-radio-variant-secondary-root.uds-radio-variant-value-checked-root .uds-radio-variant-secondary-radio {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-radio-variant-secondary-root:hover:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-secondary-radio-circle {
    background-color: rgb(var(--uds-background-color-brand))
}

.uds-radio-variant-secondary-root:active:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-secondary-radio-circle {
    background-color: rgb(var(--uds-background-color-brand))
}

.uds-radio-variant-secondary-root.uds-radio-variant-value-checked-root .uds-radio-variant-secondary-radio-circle {
    background-color: rgb(var(--uds-background-color-brand))
}

.uds-radio-variant-secondary-root:hover:not(:has(:disabled)).uds-radio-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-radio-variant-secondary-root:active:not(:has(:disabled)).uds-radio-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-radio-variant-secondary-root.uds-radio-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-radio-variant-secondary-root:hover:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-secondary-radio {
    border-color: rgb(var(--uds-line-color-secondary));
    background-color: rgb(var(--uds-spectrum-color-carbon-3));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-radio-variant-secondary-root:active:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-secondary-radio {
    border-color: transparent;
    background-color: rgb(var(--uds-spectrum-color-purple-1));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-radio-variant-secondary-root.uds-radio-variant-value-unchecked-root .uds-radio-variant-secondary-radio {
    border-color: rgb(var(--uds-line-color-secondary));
    background-color: rgb(var(--uds-background-color-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-radio-variant-secondary-root:hover:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-secondary-radio-circle {
    background-color: rgb(var(--uds-background-color-brand-secondary))
}

.uds-radio-variant-secondary-root:active:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-secondary-radio-circle {
    background-color: rgb(var(--uds-background-color-brand-secondary))
}

.uds-radio-variant-secondary-root.uds-radio-variant-value-unchecked-root .uds-radio-variant-secondary-radio-circle {
    background-color: rgb(var(--uds-background-color-brand-secondary))
}

.uds-radio-variant-alert-root:hover:not(:has(:disabled)).uds-radio-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-alert-secondary))
}

.uds-radio-variant-alert-root:active:not(:has(:disabled)).uds-radio-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-radio-variant-alert-root.uds-radio-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-radio-variant-alert-root:hover:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-alert-radio {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-xl)
}

.uds-radio-variant-alert-root:active:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-alert-radio {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-xl)
}

.uds-radio-variant-alert-root.uds-radio-variant-value-checked-root .uds-radio-variant-alert-radio {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-radio-variant-alert-root:hover:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-alert-radio-circle {
    background-color: rgb(var(--uds-background-color-primary))
}

.uds-radio-variant-alert-root:active:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-alert-radio-circle {
    background-color: rgb(var(--uds-background-color-primary))
}

.uds-radio-variant-alert-root.uds-radio-variant-value-checked-root .uds-radio-variant-alert-radio-circle {
    background-color: rgb(var(--uds-background-color-primary))
}

.uds-radio-variant-alert-root:hover:not(:has(:disabled)).uds-radio-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-radio-variant-alert-root:active:not(:has(:disabled)).uds-radio-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-radio-variant-alert-root.uds-radio-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-radio-variant-alert-root:hover:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-alert-radio {
    border-color: rgb(var(--uds-line-color-alert));
    background-color: rgb(var(--uds-spectrum-color-carbon-3));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-radio-variant-alert-root:active:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-alert-radio {
    border-color: rgb(var(--uds-line-color-alert));
    background-color: rgb(var(--uds-background-color-alert));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-radio-variant-alert-root.uds-radio-variant-value-unchecked-root .uds-radio-variant-alert-radio {
    border-color: rgb(var(--uds-line-color-alert));
    background-color: rgb(var(--uds-background-color-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-radio-variant-alert-root:hover:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-alert-radio-circle {
    background-color: rgb(var(--uds-background-color-alert))
}

.uds-radio-variant-alert-root:active:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-alert-radio-circle {
    background-color: rgb(var(--uds-background-color-alert))
}

.uds-radio-variant-alert-root.uds-radio-variant-value-unchecked-root .uds-radio-variant-alert-radio-circle {
    background-color: rgb(var(--uds-background-color-alert))
}

.uds-radio-variant-alert-secondary-root:hover:not(:has(:disabled)).uds-radio-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-alert-secondary))
}

.uds-radio-variant-alert-secondary-root:active:not(:has(:disabled)).uds-radio-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-radio-variant-alert-secondary-root.uds-radio-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-radio-variant-alert-secondary-root:hover:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-alert-secondary-radio {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert-secondary));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-xl-invert)
}

.uds-radio-variant-alert-secondary-root:active:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-alert-secondary-radio {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert-secondary));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-xl-invert)
}

.uds-radio-variant-alert-secondary-root.uds-radio-variant-value-checked-root .uds-radio-variant-alert-secondary-radio {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-radio-variant-alert-secondary-root:hover:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-alert-secondary-radio-circle {
    background-color: rgb(var(--uds-spectrum-color-red-11))
}

.uds-radio-variant-alert-secondary-root:active:not(:has(:disabled)).uds-radio-variant-value-checked-root .uds-radio-variant-alert-secondary-radio-circle {
    background-color: rgb(var(--uds-background-color-alert))
}

.uds-radio-variant-alert-secondary-root.uds-radio-variant-value-checked-root .uds-radio-variant-alert-secondary-radio-circle {
    background-color: rgb(var(--uds-background-color-alert))
}

.uds-radio-variant-alert-secondary-root:hover:not(:has(:disabled)).uds-radio-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-alert-secondary))
}

.uds-radio-variant-alert-secondary-root:active:not(:has(:disabled)).uds-radio-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-radio-variant-alert-secondary-root.uds-radio-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-radio-variant-alert-secondary-root:hover:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-alert-secondary-radio {
    border-color: rgb(var(--uds-line-color-alert-secondary));
    background-color: rgb(var(--uds-spectrum-color-carbon-3));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-radio-variant-alert-secondary-root:active:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-alert-secondary-radio {
    border-color: rgb(var(--uds-line-color-alert-secondary));
    background-color: rgb(var(--uds-spectrum-color-red-2));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-radio-variant-alert-secondary-root.uds-radio-variant-value-unchecked-root .uds-radio-variant-alert-secondary-radio {
    border-color: rgb(var(--uds-line-color-alert-secondary));
    background-color: rgb(var(--uds-background-color-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-radio-variant-alert-secondary-root:hover:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-alert-secondary-radio-circle {
    background-color: rgb(var(--uds-background-color-alert-secondary))
}

.uds-radio-variant-alert-secondary-root:active:not(:has(:disabled)).uds-radio-variant-value-unchecked-root .uds-radio-variant-alert-secondary-radio-circle {
    background-color: rgb(var(--uds-background-color-alert-secondary))
}

.uds-radio-variant-alert-secondary-root.uds-radio-variant-value-unchecked-root .uds-radio-variant-alert-secondary-radio-circle {
    background-color: rgb(var(--uds-background-color-alert-secondary))
}

.uds-radio-size-sm-root {
    gap: .5rem;
    font-size: var(--uds-font-size-label4);
    font-weight: var(--uds-font-weight-label4);
    font-family: var(--uds-font-label4);
    line-height: var(--uds-line-height-label4);
    text-transform: var(--uds-text-transform-label4);
    font-variation-settings: "wght" var(--uds-font-weight-label4),"slnt" var(--uds-font-slant-label4),"wdth" var(--uds-font-width-label4)
}

.uds-radio-size-sm-root .uds-radio-size-sm-radio {
    border-width: var(--uds-border-width-thin);
    height: 1.125rem;
    width: 1.125rem
}

.uds-radio-size-md-root {
    gap: .625rem;
    font-size: var(--uds-font-size-label2);
    font-weight: var(--uds-font-weight-label2);
    font-family: var(--uds-font-label2);
    line-height: var(--uds-line-height-label2);
    text-transform: var(--uds-text-transform-label2);
    font-variation-settings: "wght" var(--uds-font-weight-label2),"slnt" var(--uds-font-slant-label2),"wdth" var(--uds-font-width-label2)
}

.uds-radio-size-md-root .uds-radio-size-md-radio {
    border-width: var(--uds-border-width-thin);
    height: 1.25rem;
    width: 1.25rem
}

.uds-avatar-size-xs-root {
    height: 1.5rem;
    width: 1.5rem;
    border-width: var(--uds-border-width-thin);
    font-size: var(--uds-font-size-caption1);
    font-weight: var(--uds-font-weight-caption1);
    font-family: var(--uds-font-caption1);
    line-height: var(--uds-line-height-caption1);
    text-transform: var(--uds-text-transform-caption1);
    font-variation-settings: "wght" var(--uds-font-weight-caption1),"slnt" var(--uds-font-slant-caption1),"wdth" var(--uds-font-width-caption1)
}

.uds-avatar-size-xs-root .uds-avatar-size-xs-icon {
    width: var(--uds-icon-size-sm);
    height: var(--uds-icon-size-sm)
}

.uds-avatar-size-sm-root {
    height: 1.75rem;
    width: 1.75rem;
    border-width: var(--uds-border-width-thin);
    font-size: var(--uds-font-size-caption2);
    font-weight: var(--uds-font-weight-caption2);
    font-family: var(--uds-font-caption2);
    line-height: var(--uds-line-height-caption2);
    text-transform: var(--uds-text-transform-caption2);
    font-variation-settings: "wght" var(--uds-font-weight-caption2),"slnt" var(--uds-font-slant-caption2),"wdth" var(--uds-font-width-caption2)
}

.uds-avatar-size-sm-root .uds-avatar-size-sm-icon {
    width: var(--uds-icon-size-sm);
    height: var(--uds-icon-size-sm)
}

.uds-avatar-size-md-root {
    height: 2.5rem;
    width: 2.5rem;
    border-width: var(--uds-border-width-thin);
    font-size: var(--uds-font-size-headline1);
    font-weight: var(--uds-font-weight-headline1);
    font-family: var(--uds-font-headline1);
    line-height: var(--uds-line-height-headline1);
    text-transform: var(--uds-text-transform-headline1);
    font-variation-settings: "wght" var(--uds-font-weight-headline1),"slnt" var(--uds-font-slant-headline1),"wdth" var(--uds-font-width-headline1)
}

.uds-avatar-size-md-root .uds-avatar-size-md-icon {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md)
}

.uds-avatar-size-lg-root {
    height: 3rem;
    width: 3rem;
    border-width: var(--uds-border-width-thin);
    font-size: var(--uds-font-size-title4);
    font-weight: var(--uds-font-weight-title4);
    font-family: var(--uds-font-title4);
    line-height: var(--uds-line-height-title4);
    text-transform: var(--uds-text-transform-title4);
    font-variation-settings: "wght" var(--uds-font-weight-title4),"slnt" var(--uds-font-slant-title4),"wdth" var(--uds-font-width-title4)
}

.uds-avatar-size-lg-root .uds-avatar-size-lg-icon {
    width: var(--uds-icon-size-lg);
    height: var(--uds-icon-size-lg)
}

.uds-avatar-size-xl-root {
    height: 4rem;
    width: 4rem;
    border-width: var(--uds-border-width-thin);
    font-size: var(--uds-font-size-title3);
    font-weight: var(--uds-font-weight-title3);
    font-family: var(--uds-font-title3);
    line-height: var(--uds-line-height-title3);
    text-transform: var(--uds-text-transform-title3);
    font-variation-settings: "wght" var(--uds-font-weight-title3),"slnt" var(--uds-font-slant-title3),"wdth" var(--uds-font-width-title3)
}

.uds-avatar-size-xl-root .uds-avatar-size-xl-icon {
    width: var(--uds-icon-size-lg);
    height: var(--uds-icon-size-lg)
}

.uds-avatar-text-variant-primary-root {
    color: rgb(var(--uds-foreground-color-brand));
    background-color: rgb(var(--uds-background-color-primary));
    border-color: rgb(var(--uds-line-color-brand));
    border-radius: var(--uds-border-radius-full)
}

.uds-avatar-text-variant-secondary-root {
    color: rgb(var(--uds-foreground-color-secondary));
    background-color: rgb(var(--uds-background-color-secondary));
    border-color: rgb(var(--uds-line-color-secondary));
    border-radius: var(--uds-border-radius-xs)
}

.uds-avatar-image-variant-primary-root {
    border-color: rgb(var(--uds-line-color-muted));
    border-radius: var(--uds-border-radius-full)
}

.uds-avatar-image-variant-secondary-root {
    border-color: rgb(var(--uds-line-color-muted));
    border-radius: var(--uds-border-radius-xs)
}

.uds-avatar-icon-variant-primary-root {
    border-color: rgb(var(--uds-line-color-primary));
    border-radius: var(--uds-border-radius-full)
}

.uds-avatar-icon-variant-primary-root,.uds-avatar-icon-variant-secondary-root {
    color: rgb(var(--uds-foreground-color-muted));
    background-color: rgb(var(--uds-background-color-secondary))
}

.uds-avatar-icon-variant-secondary-root {
    border-color: rgb(var(--uds-line-color-primary));
    border-radius: var(--uds-border-radius-xs)
}

.uds-switch-variant-default-root:hover:not(:has(:disabled)).uds-switch-variant-active-on-root {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-switch-variant-default-root.uds-switch-variant-active-on-root {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-switch-variant-default-root:hover:not(:has(:disabled)).uds-switch-variant-active-on-root .uds-switch-variant-default-switch {
    background-color: rgb(var(--uds-background-color-brand));
    border-color: rgb(var(--uds-line-color-brand));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl)
}

.uds-switch-variant-default-root.uds-switch-variant-active-on-root .uds-switch-variant-default-switch {
    background-color: rgb(var(--uds-background-color-brand));
    border-color: rgb(var(--uds-line-color-brand));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-switch-variant-default-root:hover:not(:has(:disabled)).uds-switch-variant-active-on-root .uds-switch-variant-default-handle {
    background-color: rgb(var(--uds-background-color-primary));
    box-shadow: var(--uds-drop-shadow-xl),var(--uds-inset-shadow-2xl-invert)
}

.uds-switch-variant-default-root.uds-switch-variant-active-on-root .uds-switch-variant-default-handle {
    background-color: rgb(var(--uds-background-color-primary));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-switch-variant-default-root:hover:not(:has(:disabled)).uds-switch-variant-active-on-root .uds-switch-variant-default-handle-icon {
    color: rgb(var(--uds-foreground-color-brand))
}

.uds-switch-variant-default-root.uds-switch-variant-active-on-root .uds-switch-variant-default-handle-icon {
    color: rgb(var(--uds-foreground-color-brand))
}

.uds-switch-variant-default-root:hover:not(:has(:disabled)).uds-switch-variant-active-off-root {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-switch-variant-default-root.uds-switch-variant-active-off-root {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-switch-variant-default-root:hover:not(:has(:disabled)).uds-switch-variant-active-off-root .uds-switch-variant-default-switch {
    background-color: rgb(var(--uds-spectrum-color-gray-8));
    border-color: rgb(var(--uds-line-color-brand));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl)
}

.uds-switch-variant-default-root.uds-switch-variant-active-off-root .uds-switch-variant-default-switch {
    background-color: rgb(var(--uds-spectrum-color-gray-8));
    border-color: rgb(var(--uds-line-color-brand));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-switch-variant-default-root:hover:not(:has(:disabled)).uds-switch-variant-active-off-root .uds-switch-variant-default-handle {
    background-color: rgb(var(--uds-background-color-primary));
    box-shadow: var(--uds-drop-shadow-xl),var(--uds-inset-shadow-2xl-invert)
}

.uds-switch-variant-default-root.uds-switch-variant-active-off-root .uds-switch-variant-default-handle {
    background-color: rgb(var(--uds-background-color-primary));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-switch-variant-default-root:hover:not(:has(:disabled)).uds-switch-variant-active-off-root .uds-switch-variant-default-handle-icon {
    color: rgb(var(--uds-foreground-color-muted))
}

.uds-switch-variant-default-root.uds-switch-variant-active-off-root .uds-switch-variant-default-handle-icon {
    color: rgb(var(--uds-foreground-color-muted))
}

.uds-switch-size-sm-root {
    padding: .25rem 0;
    gap: .5rem;
    font-size: var(--uds-font-size-label4);
    font-weight: var(--uds-font-weight-label4);
    font-family: var(--uds-font-label4);
    line-height: var(--uds-line-height-label4);
    text-transform: var(--uds-text-transform-label4);
    font-variation-settings: "wght" var(--uds-font-weight-label4),"slnt" var(--uds-font-slant-label4),"wdth" var(--uds-font-width-label4)
}

.uds-switch-size-sm-root .uds-switch-size-sm-switch {
    height: 1.25rem;
    width: 2rem;
    border-width: var(--uds-border-width-none);
    padding: .125rem
}

.uds-switch-size-sm-root .uds-switch-size-sm-handle {
    height: 1rem;
    width: 1rem
}

.uds-switch-size-sm-root .uds-switch-size-sm-handle-icon {
    width: var(--uds-icon-size-sm);
    height: var(--uds-icon-size-sm)
}

.uds-switch-size-md-root {
    padding: .375rem 0;
    gap: .5rem;
    font-size: var(--uds-font-size-label2);
    font-weight: var(--uds-font-weight-label2);
    font-family: var(--uds-font-label2);
    line-height: var(--uds-line-height-label2);
    text-transform: var(--uds-text-transform-label2);
    font-variation-settings: "wght" var(--uds-font-weight-label2),"slnt" var(--uds-font-slant-label2),"wdth" var(--uds-font-width-label2)
}

.uds-switch-size-md-root .uds-switch-size-md-switch {
    height: 1.75rem;
    width: 3rem;
    border-width: var(--uds-border-width-none);
    padding: .125rem
}

.uds-switch-size-md-root .uds-switch-size-md-handle {
    height: 1.5rem;
    width: 1.5rem
}

.uds-switch-size-md-root .uds-switch-size-md-handle-icon {
    width: var(--uds-icon-size-sm);
    height: var(--uds-icon-size-sm)
}

.uds-checkbox-size-sm-root {
    gap: .625rem;
    font-size: var(--uds-font-size-label4);
    font-weight: var(--uds-font-weight-label4);
    font-family: var(--uds-font-label4);
    line-height: var(--uds-line-height-label4);
    text-transform: var(--uds-text-transform-label4);
    font-variation-settings: "wght" var(--uds-font-weight-label4),"slnt" var(--uds-font-slant-label4),"wdth" var(--uds-font-width-label4)
}

.uds-checkbox-size-sm-root .uds-checkbox-size-sm-checkbox {
    border-width: var(--uds-border-width-thin);
    height: 1.125rem;
    width: 1.125rem
}

.uds-checkbox-size-md-root {
    gap: .625rem;
    font-size: var(--uds-font-size-label2);
    font-weight: var(--uds-font-weight-label2);
    font-family: var(--uds-font-label2);
    line-height: var(--uds-line-height-label2);
    text-transform: var(--uds-text-transform-label2);
    font-variation-settings: "wght" var(--uds-font-weight-label2),"slnt" var(--uds-font-slant-label2),"wdth" var(--uds-font-width-label2)
}

.uds-checkbox-size-md-root .uds-checkbox-size-md-checkbox {
    border-width: var(--uds-border-width-thin);
    height: 1.25rem;
    width: 1.25rem
}

.uds-checkbox-variant-primary-root:has(:disabled).uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-primary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-primary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-primary-root.uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-primary-root:has(:disabled).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-primary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-checkbox-variant-primary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-primary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-checkbox-variant-primary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-primary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-spectrum-color-purple-10));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-checkbox-variant-primary-root.uds-checkbox-variant-value-checked-root .uds-checkbox-variant-primary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-primary-root:has(:disabled).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-primary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-primary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-primary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-primary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-primary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-primary-root.uds-checkbox-variant-value-checked-root .uds-checkbox-variant-primary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-primary-root:has(:disabled).uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-primary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-primary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-primary-root.uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-primary-root:has(:disabled).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-primary-checkbox {
    border-color: rgb(var(--uds-line-color-tertiary));
    background-color: rgb(var(--uds-background-color-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-primary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-primary-checkbox {
    border-color: rgb(var(--uds-line-color-tertiary));
    background-color: rgb(var(--uds-spectrum-color-carbon-3));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-checkbox-variant-primary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-primary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-checkbox-variant-primary-root.uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-primary-checkbox {
    border-color: rgb(var(--uds-line-color-tertiary));
    background-color: rgb(var(--uds-background-color-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-primary-root:has(:disabled).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-primary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-primary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-primary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-primary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-primary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-brand))
}

.uds-checkbox-variant-primary-root.uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-primary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-primary-root:has(:disabled).uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-primary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-primary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-primary-root.uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-primary-root:has(:disabled).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-primary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-primary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-primary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-checkbox-variant-primary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-primary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-spectrum-color-purple-10));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-checkbox-variant-primary-root.uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-primary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-primary-root:has(:disabled).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-primary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-primary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-primary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-primary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-primary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-primary-root.uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-primary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-secondary-root:has(:disabled).uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-checkbox-variant-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-checkbox-variant-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-checkbox-variant-secondary-root.uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-secondary))
}

.uds-checkbox-variant-secondary-root:has(:disabled).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand-secondary));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-xl-invert)
}

.uds-checkbox-variant-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-spectrum-color-purple-3));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-secondary-root.uds-checkbox-variant-value-checked-root .uds-checkbox-variant-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-secondary-root:has(:disabled).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-brand))
}

.uds-checkbox-variant-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-brand))
}

.uds-checkbox-variant-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-brand))
}

.uds-checkbox-variant-secondary-root.uds-checkbox-variant-value-checked-root .uds-checkbox-variant-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-brand))
}

.uds-checkbox-variant-secondary-root:has(:disabled).uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-secondary-root.uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-secondary-root:has(:disabled).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-secondary-checkbox {
    border-color: rgb(var(--uds-line-color-tertiary));
    background-color: rgb(var(--uds-background-color-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-secondary-checkbox {
    border-color: rgb(var(--uds-line-color-tertiary));
    background-color: rgb(var(--uds-spectrum-color-carbon-3));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-2xl-invert)
}

.uds-checkbox-variant-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-xl-invert)
}

.uds-checkbox-variant-secondary-root.uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-secondary-checkbox {
    border-color: rgb(var(--uds-line-color-tertiary));
    background-color: rgb(var(--uds-background-color-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-secondary-root:has(:disabled).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-brand))
}

.uds-checkbox-variant-secondary-root.uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-secondary-root:has(:disabled).uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-secondary-root.uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-secondary-root:has(:disabled).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand-secondary));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-xl-invert)
}

.uds-checkbox-variant-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-spectrum-color-purple-3));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-secondary-root.uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-brand-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-secondary-root:has(:disabled).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-brand))
}

.uds-checkbox-variant-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-brand))
}

.uds-checkbox-variant-secondary-root.uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-brand))
}

.uds-checkbox-variant-alert-root:has(:disabled).uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-alert-secondary))
}

.uds-checkbox-variant-alert-root:active:not(:has(:disabled)).uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-root.uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-root:has(:disabled).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-lg-invert)
}

.uds-checkbox-variant-alert-root:active:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-spectrum-color-red-10));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-root.uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-root:has(:disabled).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-alert-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-alert-root:active:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-alert-root.uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-alert-root:has(:disabled).uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-alert-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-alert-secondary))
}

.uds-checkbox-variant-alert-root:active:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-root.uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-root:has(:disabled).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-checkbox {
    border-color: rgb(var(--uds-line-color-alert));
    background-color: rgb(var(--uds-background-color-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-checkbox {
    border-color: rgb(var(--uds-line-color-alert));
    background-color: rgb(var(--uds-spectrum-color-carbon-3));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-lg-invert)
}

.uds-checkbox-variant-alert-root:active:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-xl-invert)
}

.uds-checkbox-variant-alert-root.uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-checkbox {
    border-color: rgb(var(--uds-line-color-alert));
    background-color: rgb(var(--uds-background-color-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-root:has(:disabled).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-checkbox-icon {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-checkbox-icon {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-alert-root:active:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-checkbox-icon {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-root.uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-checkbox-icon {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-root:has(:disabled).uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-alert-secondary))
}

.uds-checkbox-variant-alert-root:active:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-root.uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-root:has(:disabled).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-xl-invert)
}

.uds-checkbox-variant-alert-root:active:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-spectrum-color-red-10));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-root.uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-root:has(:disabled).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-alert-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-alert-root:active:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-alert-root.uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-alert-secondary-root:has(:disabled).uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-alert-secondary))
}

.uds-checkbox-variant-alert-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-secondary-root.uds-checkbox-variant-value-checked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-secondary-root:has(:disabled).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert-secondary));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-lg-invert)
}

.uds-checkbox-variant-alert-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-spectrum-color-red-3));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-secondary-root.uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-secondary-root:has(:disabled).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-on-color))
}

.uds-checkbox-variant-alert-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-alert-secondary))
}

.uds-checkbox-variant-alert-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-secondary-root.uds-checkbox-variant-value-checked-root .uds-checkbox-variant-alert-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-secondary-root:has(:disabled).uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-alert-secondary))
}

.uds-checkbox-variant-alert-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-secondary-root.uds-checkbox-variant-value-unchecked-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-secondary-root:has(:disabled).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-secondary-checkbox {
    border-color: rgb(var(--uds-line-color-alert));
    background-color: rgb(var(--uds-background-color-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-secondary-checkbox {
    border-color: rgb(var(--uds-line-color-alert));
    background-color: rgb(var(--uds-spectrum-color-carbon-3));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-xl-invert)
}

.uds-checkbox-variant-alert-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-xl-invert)
}

.uds-checkbox-variant-alert-secondary-root.uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-secondary-checkbox {
    border-color: rgb(var(--uds-line-color-alert));
    background-color: rgb(var(--uds-background-color-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-secondary-root:has(:disabled).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-alert-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-secondary-root.uds-checkbox-variant-value-unchecked-root .uds-checkbox-variant-alert-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-primary))
}

.uds-checkbox-variant-alert-secondary-root:has(:disabled).uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-alert-secondary))
}

.uds-checkbox-variant-alert-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-secondary-root.uds-checkbox-variant-value-indeterminate-root {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-secondary-root:has(:disabled).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert-secondary));
    box-shadow: 0 0 0 transparent,var(--uds-inset-shadow-lg-invert)
}

.uds-checkbox-variant-alert-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-spectrum-color-red-3));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-secondary-root.uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-secondary-checkbox {
    border-color: transparent;
    background-color: rgb(var(--uds-background-color-alert-secondary));
    box-shadow: 0 0 0 transparent,0 0 0 transparent
}

.uds-checkbox-variant-alert-secondary-root:has(:disabled).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-secondary-root:hover:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-alert-secondary))
}

.uds-checkbox-variant-alert-secondary-root:active:not(:has(:disabled)).uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-checkbox-variant-alert-secondary-root.uds-checkbox-variant-value-indeterminate-root .uds-checkbox-variant-alert-secondary-checkbox-icon {
    color: rgb(var(--uds-foreground-color-alert))
}

.uds-light-mode-icon {
    display: var(--uds-light-mode-icon,inline)
}

.uds-dark-mode-icon {
    display: var(--uds-dark-mode-icon,none)
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

.inset-x-0 {
    left: 0;
    right: 0
}

.\!bottom-12 {
    bottom: 3rem!important
}

.\!bottom-24 {
    bottom: 6rem!important
}

.\!bottom-\[calc\(100\%-0\.5rem\)\] {
    bottom: calc(100% - .5rem)!important
}

.\!top-\[100px\] {
    top: 100px!important
}

.\!top-auto {
    top: auto!important
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.right-0 {
    right: 0
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.isolate {
    isolation: isolate
}

.z-10 {
    z-index: 10
}

.z-\[41\] {
    z-index: 41
}

.-m-0 {
    margin: 0
}

.-m-0\.5 {
    margin: -.125rem
}

.-m-1 {
    margin: -.25rem
}

.-m-1\.5 {
    margin: -.375rem
}

.-m-10 {
    margin: -2.5rem
}

.-m-11 {
    margin: -2.75rem
}

.-m-12 {
    margin: -3rem
}

.-m-14 {
    margin: -3.5rem
}

.-m-16 {
    margin: -4rem
}

.-m-2 {
    margin: -.5rem
}

.-m-2\.5 {
    margin: -.625rem
}

.-m-20 {
    margin: -5rem
}

.-m-24 {
    margin: -6rem
}

.-m-28 {
    margin: -7rem
}

.-m-3 {
    margin: -.75rem
}

.-m-3\.5 {
    margin: -.875rem
}

.-m-32 {
    margin: -8rem
}

.-m-36 {
    margin: -9rem
}

.-m-4 {
    margin: -1rem
}

.-m-4\.5 {
    margin: -1.125rem
}

.-m-40 {
    margin: -10rem
}

.-m-44 {
    margin: -11rem
}

.-m-48 {
    margin: -12rem
}

.-m-5 {
    margin: -1.25rem
}

.-m-5\.5 {
    margin: -1.375rem
}

.-m-52 {
    margin: -13rem
}

.-m-56 {
    margin: -14rem
}

.-m-6 {
    margin: -1.5rem
}

.-m-60 {
    margin: -15rem
}

.-m-64 {
    margin: -16rem
}

.-m-7 {
    margin: -1.75rem
}

.-m-72 {
    margin: -18rem
}

.-m-8 {
    margin: -2rem
}

.-m-80 {
    margin: -20rem
}

.-m-9 {
    margin: -2.25rem
}

.-m-96 {
    margin: -24rem
}

.-m-px {
    margin: -1px
}

.m-0 {
    margin: 0
}

.-mx-0 {
    margin-left: 0;
    margin-right: 0
}

.-mx-0\.5 {
    margin-left: -.125rem;
    margin-right: -.125rem
}

.-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.-mx-1\.5 {
    margin-left: -.375rem;
    margin-right: -.375rem
}

.-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem
}

.-mx-11 {
    margin-left: -2.75rem;
    margin-right: -2.75rem
}

.-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem
}

.-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem
}

.-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem
}

.-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.-mx-2\.5 {
    margin-left: -.625rem;
    margin-right: -.625rem
}

.-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem
}

.-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem
}

.-mx-28 {
    margin-left: -7rem;
    margin-right: -7rem
}

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.-mx-3\.5 {
    margin-left: -.875rem;
    margin-right: -.875rem
}

.-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem
}

.-mx-36 {
    margin-left: -9rem;
    margin-right: -9rem
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

.-mx-4\.5 {
    margin-left: -1.125rem;
    margin-right: -1.125rem
}

.-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem
}

.-mx-44 {
    margin-left: -11rem;
    margin-right: -11rem
}

.-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem
}

.-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

.-mx-5\.5 {
    margin-left: -1.375rem;
    margin-right: -1.375rem
}

.-mx-52 {
    margin-left: -13rem;
    margin-right: -13rem
}

.-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem
}

.-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.-mx-60 {
    margin-left: -15rem;
    margin-right: -15rem
}

.-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem
}

.-mx-7 {
    margin-left: -1.75rem;
    margin-right: -1.75rem
}

.-mx-72 {
    margin-left: -18rem;
    margin-right: -18rem
}

.-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem
}

.-mx-80 {
    margin-left: -20rem;
    margin-right: -20rem
}

.-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem
}

.-mx-96 {
    margin-left: -24rem;
    margin-right: -24rem
}

.-mx-px {
    margin-left: -1px;
    margin-right: -1px
}

.-my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.-my-0\.5 {
    margin-top: -.125rem;
    margin-bottom: -.125rem
}

.-my-1 {
    margin-top: -.25rem;
    margin-bottom: -.25rem
}

.-my-1\.5 {
    margin-top: -.375rem;
    margin-bottom: -.375rem
}

.-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem
}

.-my-11 {
    margin-top: -2.75rem;
    margin-bottom: -2.75rem
}

.-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem
}

.-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem
}

.-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem
}

.-my-2 {
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

.-my-2\.5 {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

.-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem
}

.-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem
}

.-my-28 {
    margin-top: -7rem;
    margin-bottom: -7rem
}

.-my-3 {
    margin-top: -.75rem;
    margin-bottom: -.75rem
}

.-my-3\.5 {
    margin-top: -.875rem;
    margin-bottom: -.875rem
}

.-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem
}

.-my-36 {
    margin-top: -9rem;
    margin-bottom: -9rem
}

.-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem
}

.-my-4\.5 {
    margin-top: -1.125rem;
    margin-bottom: -1.125rem
}

.-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem
}

.-my-44 {
    margin-top: -11rem;
    margin-bottom: -11rem
}

.-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem
}

.-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem
}

.-my-5\.5 {
    margin-top: -1.375rem;
    margin-bottom: -1.375rem
}

.-my-52 {
    margin-top: -13rem;
    margin-bottom: -13rem
}

.-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem
}

.-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem
}

.-my-60 {
    margin-top: -15rem;
    margin-bottom: -15rem
}

.-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem
}

.-my-7 {
    margin-top: -1.75rem;
    margin-bottom: -1.75rem
}

.-my-72 {
    margin-top: -18rem;
    margin-bottom: -18rem
}

.-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem
}

.-my-80 {
    margin-top: -20rem;
    margin-bottom: -20rem
}

.-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem
}

.-my-96 {
    margin-top: -24rem;
    margin-bottom: -24rem
}

.-my-px {
    margin-top: -1px;
    margin-bottom: -1px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.-mb-0 {
    margin-bottom: 0
}

.-mb-0\.5 {
    margin-bottom: -.125rem
}

.-mb-1 {
    margin-bottom: -.25rem
}

.-mb-1\.5 {
    margin-bottom: -.375rem
}

.-mb-10 {
    margin-bottom: -2.5rem
}

.-mb-11 {
    margin-bottom: -2.75rem
}

.-mb-12 {
    margin-bottom: -3rem
}

.-mb-14 {
    margin-bottom: -3.5rem
}

.-mb-16 {
    margin-bottom: -4rem
}

.-mb-2 {
    margin-bottom: -.5rem
}

.-mb-2\.5 {
    margin-bottom: -.625rem
}

.-mb-20 {
    margin-bottom: -5rem
}

.-mb-24 {
    margin-bottom: -6rem
}

.-mb-28 {
    margin-bottom: -7rem
}

.-mb-3 {
    margin-bottom: -.75rem
}

.-mb-3\.5 {
    margin-bottom: -.875rem
}

.-mb-32 {
    margin-bottom: -8rem
}

.-mb-36 {
    margin-bottom: -9rem
}

.-mb-4 {
    margin-bottom: -1rem
}

.-mb-4\.5 {
    margin-bottom: -1.125rem
}

.-mb-40 {
    margin-bottom: -10rem
}

.-mb-44 {
    margin-bottom: -11rem
}

.-mb-48 {
    margin-bottom: -12rem
}

.-mb-5 {
    margin-bottom: -1.25rem
}

.-mb-5\.5 {
    margin-bottom: -1.375rem
}

.-mb-52 {
    margin-bottom: -13rem
}

.-mb-56 {
    margin-bottom: -14rem
}

.-mb-6 {
    margin-bottom: -1.5rem
}

.-mb-60 {
    margin-bottom: -15rem
}

.-mb-64 {
    margin-bottom: -16rem
}

.-mb-7 {
    margin-bottom: -1.75rem
}

.-mb-72 {
    margin-bottom: -18rem
}

.-mb-8 {
    margin-bottom: -2rem
}

.-mb-80 {
    margin-bottom: -20rem
}

.-mb-9 {
    margin-bottom: -2.25rem
}

.-mb-96 {
    margin-bottom: -24rem
}

.-mb-px {
    margin-bottom: -1px
}

.-me-0 {
    margin-inline-end:0}

.-me-0\.5 {
    margin-inline-end:-.125rem}

.-me-1 {
    margin-inline-end:-.25rem}

.-me-1\.5 {
    margin-inline-end:-.375rem}

.-me-10 {
    margin-inline-end:-2.5rem}

.-me-11 {
    margin-inline-end:-2.75rem}

.-me-12 {
    margin-inline-end:-3rem}

.-me-14 {
    margin-inline-end:-3.5rem}

.-me-16 {
    margin-inline-end:-4rem}

.-me-2 {
    margin-inline-end:-.5rem}

.-me-2\.5 {
    margin-inline-end:-.625rem}

.-me-20 {
    margin-inline-end:-5rem}

.-me-24 {
    margin-inline-end:-6rem}

.-me-28 {
    margin-inline-end:-7rem}

.-me-3 {
    margin-inline-end:-.75rem}

.-me-3\.5 {
    margin-inline-end:-.875rem}

.-me-32 {
    margin-inline-end:-8rem}

.-me-36 {
    margin-inline-end:-9rem}

.-me-4 {
    margin-inline-end:-1rem}

.-me-4\.5 {
    margin-inline-end:-1.125rem}

.-me-40 {
    margin-inline-end:-10rem}

.-me-44 {
    margin-inline-end:-11rem}

.-me-48 {
    margin-inline-end:-12rem}

.-me-5 {
    margin-inline-end:-1.25rem}

.-me-5\.5 {
    margin-inline-end:-1.375rem}

.-me-52 {
    margin-inline-end:-13rem}

.-me-56 {
    margin-inline-end:-14rem}

.-me-6 {
    margin-inline-end:-1.5rem}

.-me-60 {
    margin-inline-end:-15rem}

.-me-64 {
    margin-inline-end:-16rem}

.-me-7 {
    margin-inline-end:-1.75rem}

.-me-72 {
    margin-inline-end:-18rem}

.-me-8 {
    margin-inline-end:-2rem}

.-me-80 {
    margin-inline-end:-20rem}

.-me-9 {
    margin-inline-end:-2.25rem}

.-me-96 {
    margin-inline-end:-24rem}

.-me-px {
    margin-inline-end:-1px}

.-ms-0 {
    margin-inline-start:0}

.-ms-0\.5 {
    margin-inline-start:-.125rem}

.-ms-1 {
    margin-inline-start:-.25rem}

.-ms-1\.5 {
    margin-inline-start:-.375rem}

.-ms-10 {
    margin-inline-start:-2.5rem}

.-ms-11 {
    margin-inline-start:-2.75rem}

.-ms-12 {
    margin-inline-start:-3rem}

.-ms-14 {
    margin-inline-start:-3.5rem}

.-ms-16 {
    margin-inline-start:-4rem}

.-ms-2 {
    margin-inline-start:-.5rem}

.-ms-2\.5 {
    margin-inline-start:-.625rem}

.-ms-20 {
    margin-inline-start:-5rem}

.-ms-24 {
    margin-inline-start:-6rem}

.-ms-28 {
    margin-inline-start:-7rem}

.-ms-3 {
    margin-inline-start:-.75rem}

.-ms-3\.5 {
    margin-inline-start:-.875rem}

.-ms-32 {
    margin-inline-start:-8rem}

.-ms-36 {
    margin-inline-start:-9rem}

.-ms-4 {
    margin-inline-start:-1rem}

.-ms-4\.5 {
    margin-inline-start:-1.125rem}

.-ms-40 {
    margin-inline-start:-10rem}

.-ms-44 {
    margin-inline-start:-11rem}

.-ms-48 {
    margin-inline-start:-12rem}

.-ms-5 {
    margin-inline-start:-1.25rem}

.-ms-5\.5 {
    margin-inline-start:-1.375rem}

.-ms-52 {
    margin-inline-start:-13rem}

.-ms-56 {
    margin-inline-start:-14rem}

.-ms-6 {
    margin-inline-start:-1.5rem}

.-ms-60 {
    margin-inline-start:-15rem}

.-ms-64 {
    margin-inline-start:-16rem}

.-ms-7 {
    margin-inline-start:-1.75rem}

.-ms-72 {
    margin-inline-start:-18rem}

.-ms-8 {
    margin-inline-start:-2rem}

.-ms-80 {
    margin-inline-start:-20rem}

.-ms-9 {
    margin-inline-start:-2.25rem}

.-ms-96 {
    margin-inline-start:-24rem}

.-ms-px {
    margin-inline-start:-1px}

.-mt-0 {
    margin-top: 0
}

.-mt-0\.5 {
    margin-top: -.125rem
}

.-mt-1 {
    margin-top: -.25rem
}

.-mt-1\.5 {
    margin-top: -.375rem
}

.-mt-10 {
    margin-top: -2.5rem
}

.-mt-11 {
    margin-top: -2.75rem
}

.-mt-12 {
    margin-top: -3rem
}

.-mt-14 {
    margin-top: -3.5rem
}

.-mt-16 {
    margin-top: -4rem
}

.-mt-2 {
    margin-top: -.5rem
}

.-mt-2\.5 {
    margin-top: -.625rem
}

.-mt-20 {
    margin-top: -5rem
}

.-mt-24 {
    margin-top: -6rem
}

.-mt-28 {
    margin-top: -7rem
}

.-mt-3 {
    margin-top: -.75rem
}

.-mt-3\.5 {
    margin-top: -.875rem
}

.-mt-32 {
    margin-top: -8rem
}

.-mt-36 {
    margin-top: -9rem
}

.-mt-4 {
    margin-top: -1rem
}

.-mt-4\.5 {
    margin-top: -1.125rem
}

.-mt-40 {
    margin-top: -10rem
}

.-mt-44 {
    margin-top: -11rem
}

.-mt-48 {
    margin-top: -12rem
}

.-mt-5 {
    margin-top: -1.25rem
}

.-mt-5\.5 {
    margin-top: -1.375rem
}

.-mt-52 {
    margin-top: -13rem
}

.-mt-56 {
    margin-top: -14rem
}

.-mt-6 {
    margin-top: -1.5rem
}

.-mt-60 {
    margin-top: -15rem
}

.-mt-64 {
    margin-top: -16rem
}

.-mt-7 {
    margin-top: -1.75rem
}

.-mt-72 {
    margin-top: -18rem
}

.-mt-8 {
    margin-top: -2rem
}

.-mt-80 {
    margin-top: -20rem
}

.-mt-9 {
    margin-top: -2.25rem
}

.-mt-96 {
    margin-top: -24rem
}

.-mt-px {
    margin-top: -1px
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.ml-1\.5 {
    margin-left: .375rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-5 {
    margin-left: 1.25rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mt-0 {
    margin-top: 0
}

.mt-2 {
    margin-top: .5rem
}

.\!block {
    display: block!important
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.inline-table {
    display: inline-table
}

.table-caption {
    display: table-caption
}

.table-cell {
    display: table-cell
}

.table-column {
    display: table-column
}

.table-column-group {
    display: table-column-group
}

.table-footer-group {
    display: table-footer-group
}

.table-header-group {
    display: table-header-group
}

.table-row-group {
    display: table-row-group
}

.table-row {
    display: table-row
}

.flow-root {
    display: flow-root
}

.grid {
    display: grid
}

.\!contents {
    display: contents!important
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.\!h-7 {
    height: 1.75rem!important
}

.\!h-\[58px\] {
    height: 58px!important
}

.h-12 {
    height: 3rem
}

.h-\[0\.7em\] {
    height: .7em
}

.h-\[58px\] {
    height: 58px
}

.h-\[8px\] {
    height: 8px
}

.h-\[calc\(100\%\+2px\)\] {
    height: calc(100% + 2px)
}

.h-\[var\(--size-68\)\] {
    height: var(--size-68)
}

.h-fit {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.min-h-full {
    min-height: 100%
}

.\!w-7 {
    width: 1.75rem!important
}

.\!w-\[58px\] {
    width: 58px!important
}

.\!w-auto {
    width: auto!important
}

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

.w-36 {
    width: 9rem
}

.w-\[0\.7em\] {
    width: .7em
}

.w-\[300px\] {
    width: 300px
}

.w-\[360px\] {
    width: 360px
}

.w-\[58px\] {
    width: 58px
}

.w-\[82px\] {
    width: 82px
}

.w-\[8px\] {
    width: 8px
}

.w-\[calc\(100\%\+2px\)\] {
    width: calc(100% + 2px)
}

.w-\[var\(--size-68\)\] {
    width: var(--size-68)
}

.w-auto {
    width: auto
}

.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0
}

.min-w-40 {
    min-width: 10rem
}

.min-w-64 {
    min-width: 16rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-initial {
    flex: 0 1 auto
}

.flex-none {
    flex: none
}

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.grow-\[2\] {
    flex-grow: 2
}

.grow-\[3\] {
    flex-grow: 3
}

.basis-\[min-content\] {
    flex-basis: min-content
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%
}

.translate-x-\[-50\%\],.translate-y-\[-50\%\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-50\%\] {
    --tw-translate-y: -50%
}

.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-\[inherit\] {
    cursor: inherit
}

.cursor-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

.snap-center {
    scroll-snap-align: center
}

.list-inside {
    list-style-position: inside
}

.list-decimal {
    list-style-type: decimal
}

.list-disc {
    list-style-type: disc
}

.list-none {
    list-style-type: none
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-nowrap {
    flex-wrap: nowrap
}

.content-center {
    align-content: center
}

.content-start {
    align-content: flex-start
}

.content-end {
    align-content: flex-end
}

.content-between {
    align-content: space-between
}

.content-around {
    align-content: space-around
}

.content-stretch {
    align-content: stretch
}

.\!items-start {
    align-items: flex-start!important
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.gap-8 {
    gap: 2rem
}

.gap-x-0 {
    -moz-column-gap: 0;
    column-gap: 0
}

.gap-x-0\.5 {
    -moz-column-gap: .125rem;
    column-gap: .125rem
}

.gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.gap-x-1\.5 {
    -moz-column-gap: .375rem;
    column-gap: .375rem
}

.gap-x-10 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
}

.gap-x-11 {
    -moz-column-gap: 2.75rem;
    column-gap: 2.75rem
}

.gap-x-12 {
    -moz-column-gap: 3rem;
    column-gap: 3rem
}

.gap-x-14 {
    -moz-column-gap: 3.5rem;
    column-gap: 3.5rem
}

.gap-x-16 {
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-2\.5 {
    -moz-column-gap: .625rem;
    column-gap: .625rem
}

.gap-x-20 {
    -moz-column-gap: 5rem;
    column-gap: 5rem
}

.gap-x-24 {
    -moz-column-gap: 6rem;
    column-gap: 6rem
}

.gap-x-28 {
    -moz-column-gap: 7rem;
    column-gap: 7rem
}

.gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-x-3\.5 {
    -moz-column-gap: .875rem;
    column-gap: .875rem
}

.gap-x-32 {
    -moz-column-gap: 8rem;
    column-gap: 8rem
}

.gap-x-36 {
    -moz-column-gap: 9rem;
    column-gap: 9rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-4\.5 {
    -moz-column-gap: 1.125rem;
    column-gap: 1.125rem
}

.gap-x-40 {
    -moz-column-gap: 10rem;
    column-gap: 10rem
}

.gap-x-44 {
    -moz-column-gap: 11rem;
    column-gap: 11rem
}

.gap-x-48 {
    -moz-column-gap: 12rem;
    column-gap: 12rem
}

.gap-x-5 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

.gap-x-5\.5 {
    -moz-column-gap: 1.375rem;
    column-gap: 1.375rem
}

.gap-x-52 {
    -moz-column-gap: 13rem;
    column-gap: 13rem
}

.gap-x-56 {
    -moz-column-gap: 14rem;
    column-gap: 14rem
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-x-60 {
    -moz-column-gap: 15rem;
    column-gap: 15rem
}

.gap-x-64 {
    -moz-column-gap: 16rem;
    column-gap: 16rem
}

.gap-x-7 {
    -moz-column-gap: 1.75rem;
    column-gap: 1.75rem
}

.gap-x-72 {
    -moz-column-gap: 18rem;
    column-gap: 18rem
}

.gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-x-80 {
    -moz-column-gap: 20rem;
    column-gap: 20rem
}

.gap-x-9 {
    -moz-column-gap: 2.25rem;
    column-gap: 2.25rem
}

.gap-x-96 {
    -moz-column-gap: 24rem;
    column-gap: 24rem
}

.gap-x-px {
    -moz-column-gap: 1px;
    column-gap: 1px
}

.gap-y-0 {
    row-gap: 0
}

.gap-y-0\.5 {
    row-gap: .125rem
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-1\.5 {
    row-gap: .375rem
}

.gap-y-10 {
    row-gap: 2.5rem
}

.gap-y-11 {
    row-gap: 2.75rem
}

.gap-y-12 {
    row-gap: 3rem
}

.gap-y-14 {
    row-gap: 3.5rem
}

.gap-y-16 {
    row-gap: 4rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-2\.5 {
    row-gap: .625rem
}

.gap-y-20 {
    row-gap: 5rem
}

.gap-y-24 {
    row-gap: 6rem
}

.gap-y-28 {
    row-gap: 7rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-3\.5 {
    row-gap: .875rem
}

.gap-y-32 {
    row-gap: 8rem
}

.gap-y-36 {
    row-gap: 9rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-4\.5 {
    row-gap: 1.125rem
}

.gap-y-40 {
    row-gap: 10rem
}

.gap-y-44 {
    row-gap: 11rem
}

.gap-y-48 {
    row-gap: 12rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-y-5\.5 {
    row-gap: 1.375rem
}

.gap-y-52 {
    row-gap: 13rem
}

.gap-y-56 {
    row-gap: 14rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-y-60 {
    row-gap: 15rem
}

.gap-y-64 {
    row-gap: 16rem
}

.gap-y-7 {
    row-gap: 1.75rem
}

.gap-y-72 {
    row-gap: 18rem
}

.gap-y-8 {
    row-gap: 2rem
}

.gap-y-80 {
    row-gap: 20rem
}

.gap-y-9 {
    row-gap: 2.25rem
}

.gap-y-96 {
    row-gap: 24rem
}

.gap-y-px {
    row-gap: 1px
}

.self-auto {
    align-self: auto
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.self-baseline {
    align-self: baseline
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-clip {
    overflow: clip
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-clip {
    overflow-x: clip
}

.overflow-y-clip {
    overflow-y: clip
}

.overflow-x-visible {
    overflow-x: visible
}

.overflow-y-visible {
    overflow-y: visible
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

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

.overflow-ellipsis,.text-ellipsis,.truncate {
    text-overflow: ellipsis
}

.break-words {
    overflow-wrap: break-word
}

.\!rounded-md {
    border-radius: var(--uds-border-radius-md)!important
}

.\!rounded-sm {
    border-radius: var(--uds-border-radius-xs)!important
}

.rounded {
    border-radius: var(--uds-border-radius-sm)
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-full {
    border-radius: var(--uds-border-radius-full)
}

.rounded-lg {
    border-radius: var(--uds-border-radius-lg)
}

.rounded-md {
    border-radius: var(--uds-border-radius-md)
}

.rounded-none {
    border-radius: var(--uds-border-radius-none)
}

.rounded-sm {
    border-radius: var(--uds-border-radius-xs)
}

.rounded-xl {
    border-radius: var(--uds-border-radius-xl)
}

.rounded-ee-full {
    border-end-end-radius: var(--uds-border-radius-full)
}

.rounded-ee-lg {
    border-end-end-radius: var(--uds-border-radius-lg)
}

.rounded-ee-md {
    border-end-end-radius: var(--uds-border-radius-md)
}

.rounded-ee-none {
    border-end-end-radius: var(--uds-border-radius-none)
}

.rounded-ee-sm {
    border-end-end-radius: var(--uds-border-radius-xs)
}

.rounded-ee-xl {
    border-end-end-radius: var(--uds-border-radius-xl)
}

.rounded-ee-xs {
    border-end-end-radius: var(--uds-border-radius-xs)
}

.rounded-es-full {
    border-end-start-radius: var(--uds-border-radius-full)
}

.rounded-es-lg {
    border-end-start-radius: var(--uds-border-radius-lg)
}

.rounded-es-md {
    border-end-start-radius: var(--uds-border-radius-md)
}

.rounded-es-none {
    border-end-start-radius: var(--uds-border-radius-none)
}

.rounded-es-sm {
    border-end-start-radius: var(--uds-border-radius-xs)
}

.rounded-es-xl {
    border-end-start-radius: var(--uds-border-radius-xl)
}

.rounded-es-xs {
    border-end-start-radius: var(--uds-border-radius-xs)
}

.rounded-se-full {
    border-start-end-radius: var(--uds-border-radius-full)
}

.rounded-se-lg {
    border-start-end-radius: var(--uds-border-radius-lg)
}

.rounded-se-md {
    border-start-end-radius: var(--uds-border-radius-md)
}

.rounded-se-none {
    border-start-end-radius: var(--uds-border-radius-none)
}

.rounded-se-sm {
    border-start-end-radius: var(--uds-border-radius-xs)
}

.rounded-se-xl {
    border-start-end-radius: var(--uds-border-radius-xl)
}

.rounded-se-xs {
    border-start-end-radius: var(--uds-border-radius-xs)
}

.rounded-ss-full {
    border-start-start-radius: var(--uds-border-radius-full)
}

.rounded-ss-lg {
    border-start-start-radius: var(--uds-border-radius-lg)
}

.rounded-ss-md {
    border-start-start-radius: var(--uds-border-radius-md)
}

.rounded-ss-none {
    border-start-start-radius: var(--uds-border-radius-none)
}

.rounded-ss-sm {
    border-start-start-radius: var(--uds-border-radius-xs)
}

.rounded-ss-xl {
    border-start-start-radius: var(--uds-border-radius-xl)
}

.rounded-ss-xs {
    border-start-start-radius: var(--uds-border-radius-xs)
}

.border {
    border-width: var(--uds-border-width-thin)
}

.border-2 {
    border-width: var(--uds-border-width-medium)
}

.border-\[2px\] {
    border-width: 2px
}

.border-medium {
    border-width: var(--uds-border-width-medium)
}

.border-none {
    border-width: var(--uds-border-width-none)
}

.border-thick {
    border-width: var(--uds-border-width-thick)
}

.border-thin {
    border-width: var(--uds-border-width-thin)
}

.border-x-medium {
    border-left-width: var(--uds-border-width-medium);
    border-right-width: var(--uds-border-width-medium)
}

.border-x-none {
    border-left-width: var(--uds-border-width-none);
    border-right-width: var(--uds-border-width-none)
}

.border-x-thick {
    border-left-width: var(--uds-border-width-thick);
    border-right-width: var(--uds-border-width-thick)
}

.border-x-thin {
    border-left-width: var(--uds-border-width-thin);
    border-right-width: var(--uds-border-width-thin)
}

.border-y-medium {
    border-top-width: var(--uds-border-width-medium);
    border-bottom-width: var(--uds-border-width-medium)
}

.border-y-none {
    border-top-width: var(--uds-border-width-none);
    border-bottom-width: var(--uds-border-width-none)
}

.border-y-thick {
    border-top-width: var(--uds-border-width-thick);
    border-bottom-width: var(--uds-border-width-thick)
}

.border-y-thin {
    border-top-width: var(--uds-border-width-thin);
    border-bottom-width: var(--uds-border-width-thin)
}

.border-b-medium {
    border-bottom-width: var(--uds-border-width-medium)
}

.border-b-none {
    border-bottom-width: var(--uds-border-width-none)
}

.border-b-thick {
    border-bottom-width: var(--uds-border-width-thick)
}

.border-b-thin {
    border-bottom-width: var(--uds-border-width-thin)
}

.border-e-medium {
    border-inline-end-width:var(--uds-border-width-medium)}

.border-e-none {
    border-inline-end-width: var(--uds-border-width-none)
}

.border-e-thick {
    border-inline-end-width:var(--uds-border-width-thick)}

.border-e-thin {
    border-inline-end-width: var(--uds-border-width-thin)
}

.border-s-medium {
    border-inline-start-width:var(--uds-border-width-medium)}

.border-s-none {
    border-inline-start-width: var(--uds-border-width-none)
}

.border-s-thick {
    border-inline-start-width:var(--uds-border-width-thick)}

.border-s-thin {
    border-inline-start-width: var(--uds-border-width-thin)
}

.border-t-medium {
    border-top-width: var(--uds-border-width-medium)
}

.border-t-none {
    border-top-width: var(--uds-border-width-none)
}

.border-t-thick {
    border-top-width: var(--uds-border-width-thick)
}

.border-t-thin {
    border-top-width: var(--uds-border-width-thin)
}

.border-solid {
    border-style: solid
}

.border-none {
    border-style: none
}

.border-accent {
    border-color: rgb(var(--uds-line-color-accent))
}

.border-alert {
    border-color: rgb(var(--uds-line-color-alert))
}

.border-alert-secondary {
    border-color: rgb(var(--uds-line-color-alert-secondary))
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity,1))
}

.border-brand {
    border-color: rgb(var(--uds-line-color-brand))
}

.border-brand-secondary {
    border-color: rgb(var(--uds-line-color-brand-secondary))
}

.border-current {
    border-color: currentColor
}

.border-gray-3 {
    border-color: rgb(var(--uds-spectrum-color-gray-3))
}

.border-info {
    border-color: rgb(var(--uds-line-color-info))
}

.border-info-secondary {
    border-color: rgb(var(--uds-line-color-info-secondary))
}

.border-muted {
    border-color: rgb(var(--uds-line-color-muted))
}

.border-positive {
    border-color: rgb(var(--uds-line-color-positive))
}

.border-positive-secondary {
    border-color: rgb(var(--uds-line-color-positive-secondary))
}

.border-primary {
    border-color: rgb(var(--uds-line-color-primary))
}

.border-secondary {
    border-color: rgb(var(--uds-line-color-secondary))
}

.border-tertiary {
    border-color: rgb(var(--uds-line-color-tertiary))
}

.border-transparent {
    border-color: transparent
}

.border-warning {
    border-color: rgb(var(--uds-line-color-warning))
}

.border-warning-secondary {
    border-color: rgb(var(--uds-line-color-warning-secondary))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity,1))
}

.border-b-accent {
    border-bottom-color: rgb(var(--uds-line-color-accent))
}

.border-b-alert {
    border-bottom-color: rgb(var(--uds-line-color-alert))
}

.border-b-alert-secondary {
    border-bottom-color: rgb(var(--uds-line-color-alert-secondary))
}

.border-b-black {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 0 0/var(--tw-border-opacity,1))
}

.border-b-brand {
    border-bottom-color: rgb(var(--uds-line-color-brand))
}

.border-b-brand-secondary {
    border-bottom-color: rgb(var(--uds-line-color-brand-secondary))
}

.border-b-current {
    border-bottom-color: currentColor
}

.border-b-info {
    border-bottom-color: rgb(var(--uds-line-color-info))
}

.border-b-info-secondary {
    border-bottom-color: rgb(var(--uds-line-color-info-secondary))
}

.border-b-muted {
    border-bottom-color: rgb(var(--uds-line-color-muted))
}

.border-b-positive {
    border-bottom-color: rgb(var(--uds-line-color-positive))
}

.border-b-positive-secondary {
    border-bottom-color: rgb(var(--uds-line-color-positive-secondary))
}

.border-b-primary {
    border-bottom-color: rgb(var(--uds-line-color-primary))
}

.border-b-secondary {
    border-bottom-color: rgb(var(--uds-line-color-secondary))
}

.border-b-tertiary {
    border-bottom-color: rgb(var(--uds-line-color-tertiary))
}

.border-b-transparent {
    border-bottom-color: transparent
}

.border-b-warning {
    border-bottom-color: rgb(var(--uds-line-color-warning))
}

.border-b-warning-secondary {
    border-bottom-color: rgb(var(--uds-line-color-warning-secondary))
}

.border-b-white {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 255 255/var(--tw-border-opacity,1))
}

.border-e-accent {
    border-inline-end-color:rgb(var(--uds-line-color-accent))}

.border-e-alert {
    border-inline-end-color: rgb(var(--uds-line-color-alert))
}

.border-e-alert-secondary {
    border-inline-end-color:rgb(var(--uds-line-color-alert-secondary))}

.border-e-black {
    --tw-border-opacity: 1;
    border-inline-end-color:rgb(0 0 0/var(--tw-border-opacity,1))}

.border-e-brand {
    border-inline-end-color: rgb(var(--uds-line-color-brand))
}

.border-e-brand-secondary {
    border-inline-end-color:rgb(var(--uds-line-color-brand-secondary))}

.border-e-current {
    border-inline-end-color: currentColor
}

.border-e-info {
    border-inline-end-color:rgb(var(--uds-line-color-info))}

.border-e-info-secondary {
    border-inline-end-color: rgb(var(--uds-line-color-info-secondary))
}

.border-e-muted {
    border-inline-end-color:rgb(var(--uds-line-color-muted))}

.border-e-positive {
    border-inline-end-color: rgb(var(--uds-line-color-positive))
}

.border-e-positive-secondary {
    border-inline-end-color:rgb(var(--uds-line-color-positive-secondary))}

.border-e-primary {
    border-inline-end-color: rgb(var(--uds-line-color-primary))
}

.border-e-secondary {
    border-inline-end-color:rgb(var(--uds-line-color-secondary))}

.border-e-tertiary {
    border-inline-end-color: rgb(var(--uds-line-color-tertiary))
}

.border-e-transparent {
    border-inline-end-color:transparent}

.border-e-warning {
    border-inline-end-color:rgb(var(--uds-line-color-warning))}

.border-e-warning-secondary {
    border-inline-end-color: rgb(var(--uds-line-color-warning-secondary))
}

.border-e-white {
    --tw-border-opacity: 1;
    border-inline-end-color:rgb(255 255 255/var(--tw-border-opacity,1))}

.border-s-accent {
    border-inline-start-color: rgb(var(--uds-line-color-accent))
}

.border-s-alert {
    border-inline-start-color:rgb(var(--uds-line-color-alert))}

.border-s-alert-secondary {
    border-inline-start-color: rgb(var(--uds-line-color-alert-secondary))
}

.border-s-black {
    --tw-border-opacity: 1;
    border-inline-start-color:rgb(0 0 0/var(--tw-border-opacity,1))}

.border-s-brand {
    border-inline-start-color: rgb(var(--uds-line-color-brand))
}

.border-s-brand-secondary {
    border-inline-start-color:rgb(var(--uds-line-color-brand-secondary))}

.border-s-current {
    border-inline-start-color: currentColor
}

.border-s-info {
    border-inline-start-color:rgb(var(--uds-line-color-info))}

.border-s-info-secondary {
    border-inline-start-color: rgb(var(--uds-line-color-info-secondary))
}

.border-s-muted {
    border-inline-start-color:rgb(var(--uds-line-color-muted))}

.border-s-positive {
    border-inline-start-color: rgb(var(--uds-line-color-positive))
}

.border-s-positive-secondary {
    border-inline-start-color:rgb(var(--uds-line-color-positive-secondary))}

.border-s-primary {
    border-inline-start-color: rgb(var(--uds-line-color-primary))
}

.border-s-secondary {
    border-inline-start-color:rgb(var(--uds-line-color-secondary))}

.border-s-tertiary {
    border-inline-start-color: rgb(var(--uds-line-color-tertiary))
}

.border-s-transparent {
    border-inline-start-color:transparent}

.border-s-warning {
    border-inline-start-color:rgb(var(--uds-line-color-warning))}

.border-s-warning-secondary {
    border-inline-start-color: rgb(var(--uds-line-color-warning-secondary))
}

.border-s-white {
    --tw-border-opacity: 1;
    border-inline-start-color:rgb(255 255 255/var(--tw-border-opacity,1))}

.border-t-accent {
    border-top-color: rgb(var(--uds-line-color-accent))
}

.border-t-alert {
    border-top-color: rgb(var(--uds-line-color-alert))
}

.border-t-alert-secondary {
    border-top-color: rgb(var(--uds-line-color-alert-secondary))
}

.border-t-black {
    --tw-border-opacity: 1;
    border-top-color: rgb(0 0 0/var(--tw-border-opacity,1))
}

.border-t-brand {
    border-top-color: rgb(var(--uds-line-color-brand))
}

.border-t-brand-secondary {
    border-top-color: rgb(var(--uds-line-color-brand-secondary))
}

.border-t-current {
    border-top-color: currentColor
}

.border-t-info {
    border-top-color: rgb(var(--uds-line-color-info))
}

.border-t-info-secondary {
    border-top-color: rgb(var(--uds-line-color-info-secondary))
}

.border-t-muted {
    border-top-color: rgb(var(--uds-line-color-muted))
}

.border-t-positive {
    border-top-color: rgb(var(--uds-line-color-positive))
}

.border-t-positive-secondary {
    border-top-color: rgb(var(--uds-line-color-positive-secondary))
}

.border-t-primary {
    border-top-color: rgb(var(--uds-line-color-primary))
}

.border-t-secondary {
    border-top-color: rgb(var(--uds-line-color-secondary))
}

.border-t-tertiary {
    border-top-color: rgb(var(--uds-line-color-tertiary))
}

.border-t-transparent {
    border-top-color: transparent
}

.border-t-warning {
    border-top-color: rgb(var(--uds-line-color-warning))
}

.border-t-warning-secondary {
    border-top-color: rgb(var(--uds-line-color-warning-secondary))
}

.border-t-white {
    --tw-border-opacity: 1;
    border-top-color: rgb(255 255 255/var(--tw-border-opacity,1))
}

.\!bg-\[\#1d1d1d\] {
    --tw-bg-opacity: 1!important;
    background-color: rgb(29 29 29/var(--tw-bg-opacity,1))!important
}

.\!bg-purple-10 {
    background-color: rgb(var(--uds-spectrum-color-purple-10))!important
}

.bg-\[\#F5F8FA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 248 250/var(--tw-bg-opacity,1))
}

.bg-\[rgb\(var\(--uds-spectrum-color-orange-1\)\)\] {
    background-color: rgb(var(--uds-spectrum-color-orange-1))
}

.bg-accent {
    background-color: rgb(var(--uds-background-color-accent))
}

.bg-alert {
    background-color: rgb(var(--uds-background-color-alert))
}

.bg-alert-secondary {
    background-color: rgb(var(--uds-background-color-alert-secondary))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity,1))
}

.bg-brand {
    background-color: rgb(var(--uds-background-color-brand))
}

.bg-brand-secondary {
    background-color: rgb(var(--uds-background-color-brand-secondary))
}

.bg-current {
    background-color: currentColor
}

.bg-gray-100 {
    background-color: rgb(var(--uds-spectrum-color-carbon-2))
}

.bg-info {
    background-color: rgb(var(--uds-background-color-info))
}

.bg-info-secondary {
    background-color: rgb(var(--uds-background-color-info-secondary))
}

.bg-positive {
    background-color: rgb(var(--uds-background-color-positive))
}

.bg-positive-secondary {
    background-color: rgb(var(--uds-background-color-positive-secondary))
}

.bg-primary {
    background-color: rgb(var(--uds-background-color-primary))
}

.bg-purple-10 {
    background-color: rgb(var(--uds-spectrum-color-purple-10))
}

.bg-purple-100 {
    background-color: rgb(var(--uds-spectrum-color-magenta-0))
}

.bg-red-1 {
    background-color: rgb(var(--uds-spectrum-color-red-1))
}

.bg-secondary {
    background-color: rgb(var(--uds-background-color-secondary))
}

.bg-slate-200 {
    background-color: rgb(var(--uds-spectrum-color-gray-3))
}

.bg-transparent {
    background-color: transparent
}

.bg-warning {
    background-color: rgb(var(--uds-background-color-warning))
}

.bg-warning-secondary {
    background-color: rgb(var(--uds-background-color-warning-secondary))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.\!p-4 {
    padding: 1rem!important
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-10 {
    padding: 2.5rem
}

.p-11 {
    padding: 2.75rem
}

.p-12 {
    padding: 3rem
}

.p-14 {
    padding: 3.5rem
}

.p-16 {
    padding: 4rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-20 {
    padding: 5rem
}

.p-24 {
    padding: 6rem
}

.p-28 {
    padding: 7rem
}

.p-3 {
    padding: .75rem
}

.p-3\.5 {
    padding: .875rem
}

.p-32 {
    padding: 8rem
}

.p-36 {
    padding: 9rem
}

.p-4 {
    padding: 1rem
}

.p-4\.5 {
    padding: 1.125rem
}

.p-40 {
    padding: 10rem
}

.p-44 {
    padding: 11rem
}

.p-48 {
    padding: 12rem
}

.p-5 {
    padding: 1.25rem
}

.p-5\.5 {
    padding: 1.375rem
}

.p-52 {
    padding: 13rem
}

.p-56 {
    padding: 14rem
}

.p-6 {
    padding: 1.5rem
}

.p-60 {
    padding: 15rem
}

.p-64 {
    padding: 16rem
}

.p-7 {
    padding: 1.75rem
}

.p-72 {
    padding: 18rem
}

.p-8 {
    padding: 2rem
}

.p-80 {
    padding: 20rem
}

.p-9 {
    padding: 2.25rem
}

.p-96 {
    padding: 24rem
}

.p-px {
    padding: 1px
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-0\.5 {
    padding-left: .125rem;
    padding-right: .125rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

.px-16 {
    padding-left: 4rem;
    padding-right: 4rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-20 {
    padding-left: 5rem;
    padding-right: 5rem
}

.px-24 {
    padding-left: 6rem;
    padding-right: 6rem
}

.px-28 {
    padding-left: 7rem;
    padding-right: 7rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

.px-32 {
    padding-left: 8rem;
    padding-right: 8rem
}

.px-36 {
    padding-left: 9rem;
    padding-right: 9rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-4\.5 {
    padding-left: 1.125rem;
    padding-right: 1.125rem
}

.px-40 {
    padding-left: 10rem;
    padding-right: 10rem
}

.px-44 {
    padding-left: 11rem;
    padding-right: 11rem
}

.px-48 {
    padding-left: 12rem;
    padding-right: 12rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-5\.5 {
    padding-left: 1.375rem;
    padding-right: 1.375rem
}

.px-52 {
    padding-left: 13rem;
    padding-right: 13rem
}

.px-56 {
    padding-left: 14rem;
    padding-right: 14rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-60 {
    padding-left: 15rem;
    padding-right: 15rem
}

.px-64 {
    padding-left: 16rem;
    padding-right: 16rem
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.px-72 {
    padding-left: 18rem;
    padding-right: 18rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-80 {
    padding-left: 20rem;
    padding-right: 20rem
}

.px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.px-96 {
    padding-left: 24rem;
    padding-right: 24rem
}

.px-px {
    padding-left: 1px;
    padding-right: 1px
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
}

.py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.py-36 {
    padding-top: 9rem;
    padding-bottom: 9rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-4\.5 {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem
}

.py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem
}

.py-44 {
    padding-top: 11rem;
    padding-bottom: 11rem
}

.py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-5\.5 {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem
}

.py-52 {
    padding-top: 13rem;
    padding-bottom: 13rem
}

.py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-60 {
    padding-top: 15rem;
    padding-bottom: 15rem
}

.py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.py-72 {
    padding-top: 18rem;
    padding-bottom: 18rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-80 {
    padding-top: 20rem;
    padding-bottom: 20rem
}

.py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
}

.py-96 {
    padding-top: 24rem;
    padding-bottom: 24rem
}

.py-px {
    padding-top: 1px;
    padding-bottom: 1px
}

.pb-0 {
    padding-bottom: 0
}

.pb-0\.5 {
    padding-bottom: .125rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-1\.5 {
    padding-bottom: .375rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-11 {
    padding-bottom: 2.75rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-14 {
    padding-bottom: 3.5rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pb-28 {
    padding-bottom: 7rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-3\.5 {
    padding-bottom: .875rem
}

.pb-32 {
    padding-bottom: 8rem
}

.pb-36 {
    padding-bottom: 9rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-4\.5 {
    padding-bottom: 1.125rem
}

.pb-40 {
    padding-bottom: 10rem
}

.pb-44 {
    padding-bottom: 11rem
}

.pb-48 {
    padding-bottom: 12rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-5\.5 {
    padding-bottom: 1.375rem
}

.pb-52 {
    padding-bottom: 13rem
}

.pb-56 {
    padding-bottom: 14rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-60 {
    padding-bottom: 15rem
}

.pb-64 {
    padding-bottom: 16rem
}

.pb-7 {
    padding-bottom: 1.75rem
}

.pb-72 {
    padding-bottom: 18rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-80 {
    padding-bottom: 20rem
}

.pb-9 {
    padding-bottom: 2.25rem
}

.pb-96 {
    padding-bottom: 24rem
}

.pb-px {
    padding-bottom: 1px
}

.pe-0 {
    padding-inline-end:0}

.pe-0\.5 {
    padding-inline-end:.125rem}

.pe-1 {
    padding-inline-end:.25rem}

.pe-1\.5 {
    padding-inline-end:.375rem}

.pe-10 {
    padding-inline-end:2.5rem}

.pe-11 {
    padding-inline-end:2.75rem}

.pe-12 {
    padding-inline-end:3rem}

.pe-14 {
    padding-inline-end:3.5rem}

.pe-16 {
    padding-inline-end:4rem}

.pe-2 {
    padding-inline-end:.5rem}

.pe-2\.5 {
    padding-inline-end:.625rem}

.pe-20 {
    padding-inline-end:5rem}

.pe-24 {
    padding-inline-end:6rem}

.pe-28 {
    padding-inline-end:7rem}

.pe-3 {
    padding-inline-end:.75rem}

.pe-3\.5 {
    padding-inline-end:.875rem}

.pe-32 {
    padding-inline-end:8rem}

.pe-36 {
    padding-inline-end:9rem}

.pe-4 {
    padding-inline-end:1rem}

.pe-4\.5 {
    padding-inline-end:1.125rem}

.pe-40 {
    padding-inline-end:10rem}

.pe-44 {
    padding-inline-end:11rem}

.pe-48 {
    padding-inline-end:12rem}

.pe-5 {
    padding-inline-end:1.25rem}

.pe-5\.5 {
    padding-inline-end:1.375rem}

.pe-52 {
    padding-inline-end:13rem}

.pe-56 {
    padding-inline-end:14rem}

.pe-6 {
    padding-inline-end:1.5rem}

.pe-60 {
    padding-inline-end:15rem}

.pe-64 {
    padding-inline-end:16rem}

.pe-7 {
    padding-inline-end:1.75rem}

.pe-72 {
    padding-inline-end:18rem}

.pe-8 {
    padding-inline-end:2rem}

.pe-80 {
    padding-inline-end:20rem}

.pe-9 {
    padding-inline-end:2.25rem}

.pe-96 {
    padding-inline-end:24rem}

.pe-px {
    padding-inline-end:1px}

.pl-4 {
    padding-left: 1rem
}

.ps-0 {
    padding-inline-start:0}

.ps-0\.5 {
    padding-inline-start:.125rem}

.ps-1 {
    padding-inline-start:.25rem}

.ps-1\.5 {
    padding-inline-start:.375rem}

.ps-10 {
    padding-inline-start:2.5rem}

.ps-11 {
    padding-inline-start:2.75rem}

.ps-12 {
    padding-inline-start:3rem}

.ps-14 {
    padding-inline-start:3.5rem}

.ps-16 {
    padding-inline-start:4rem}

.ps-2 {
    padding-inline-start:.5rem}

.ps-2\.5 {
    padding-inline-start:.625rem}

.ps-20 {
    padding-inline-start:5rem}

.ps-24 {
    padding-inline-start:6rem}

.ps-28 {
    padding-inline-start:7rem}

.ps-3 {
    padding-inline-start:.75rem}

.ps-3\.5 {
    padding-inline-start:.875rem}

.ps-32 {
    padding-inline-start:8rem}

.ps-36 {
    padding-inline-start:9rem}

.ps-4 {
    padding-inline-start:1rem}

.ps-4\.5 {
    padding-inline-start:1.125rem}

.ps-40 {
    padding-inline-start:10rem}

.ps-44 {
    padding-inline-start:11rem}

.ps-48 {
    padding-inline-start:12rem}

.ps-5 {
    padding-inline-start:1.25rem}

.ps-5\.5 {
    padding-inline-start:1.375rem}

.ps-52 {
    padding-inline-start:13rem}

.ps-56 {
    padding-inline-start:14rem}

.ps-6 {
    padding-inline-start:1.5rem}

.ps-60 {
    padding-inline-start:15rem}

.ps-64 {
    padding-inline-start:16rem}

.ps-7 {
    padding-inline-start:1.75rem}

.ps-72 {
    padding-inline-start:18rem}

.ps-8 {
    padding-inline-start:2rem}

.ps-80 {
    padding-inline-start:20rem}

.ps-9 {
    padding-inline-start:2.25rem}

.ps-96 {
    padding-inline-start:24rem}

.ps-px {
    padding-inline-start:1px}

.pt-0 {
    padding-top: 0
}

.pt-0\.5 {
    padding-top: .125rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-1\.5 {
    padding-top: .375rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-11 {
    padding-top: 2.75rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-14 {
    padding-top: 3.5rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-2\.5 {
    padding-top: .625rem
}

.pt-20 {
    padding-top: 5rem
}

.pt-24 {
    padding-top: 6rem
}

.pt-28 {
    padding-top: 7rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-3\.5 {
    padding-top: .875rem
}

.pt-32 {
    padding-top: 8rem
}

.pt-36 {
    padding-top: 9rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-4\.5 {
    padding-top: 1.125rem
}

.pt-40 {
    padding-top: 10rem
}

.pt-44 {
    padding-top: 11rem
}

.pt-48 {
    padding-top: 12rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-5\.5 {
    padding-top: 1.375rem
}

.pt-52 {
    padding-top: 13rem
}

.pt-56 {
    padding-top: 14rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-60 {
    padding-top: 15rem
}

.pt-64 {
    padding-top: 16rem
}

.pt-7 {
    padding-top: 1.75rem
}

.pt-72 {
    padding-top: 18rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-80 {
    padding-top: 20rem
}

.pt-9 {
    padding-top: 2.25rem
}

.pt-96 {
    padding-top: 24rem
}

.pt-px {
    padding-top: 1px
}

.text-center {
    text-align: center
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.align-bottom {
    vertical-align: bottom
}

.font-body1 {
    font-family: var(--uds-font-body1)
}

.font-caption1 {
    font-family: var(--uds-font-caption1)
}

.font-caption2 {
    font-family: var(--uds-font-caption2)
}

.font-display1 {
    font-family: var(--uds-font-display1)
}

.font-display2 {
    font-family: var(--uds-font-display2)
}

.font-display3 {
    font-family: var(--uds-font-display3)
}

.font-headline1 {
    font-family: var(--uds-font-headline1)
}

.font-label1 {
    font-family: var(--uds-font-label1)
}

.font-label2 {
    font-family: var(--uds-font-label2)
}

.font-label3 {
    font-family: var(--uds-font-label3)
}

.font-label4 {
    font-family: var(--uds-font-label4)
}

.font-legal1 {
    font-family: var(--uds-font-legal1)
}

.font-title1 {
    font-family: var(--uds-font-title1)
}

.font-title2 {
    font-family: var(--uds-font-title2)
}

.font-title3 {
    font-family: var(--uds-font-title3)
}

.font-title4 {
    font-family: var(--uds-font-title4)
}

.font-ui1 {
    font-family: var(--uds-font-ui1)
}

.font-ui2 {
    font-family: var(--uds-font-ui2)
}

.font-ui3 {
    font-family: var(--uds-font-ui3)
}

.font-ui4 {
    font-family: var(--uds-font-ui4)
}

.font-ui5 {
    font-family: var(--uds-font-ui5)
}

.font-ui6 {
    font-family: var(--uds-font-ui6)
}

.text-sm {
    font-size: var(--uds-font-size-label4);
    line-height: var(--uds-line-height-label4)
}

.font-bold {
    font-weight: 700
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.leading-body1 {
    line-height: var(--uds-line-height-body1)
}

.leading-caption1 {
    line-height: var(--uds-line-height-caption1)
}

.leading-caption2 {
    line-height: var(--uds-line-height-caption2)
}

.leading-display1 {
    line-height: var(--uds-line-height-display1)
}

.leading-display2 {
    line-height: var(--uds-line-height-display2)
}

.leading-display3 {
    line-height: var(--uds-line-height-display3)
}

.leading-headline1 {
    line-height: var(--uds-line-height-headline1)
}

.leading-label1 {
    line-height: var(--uds-line-height-label1)
}

.leading-label2 {
    line-height: var(--uds-line-height-label2)
}

.leading-label3 {
    line-height: var(--uds-line-height-label3)
}

.leading-label4 {
    line-height: var(--uds-line-height-label4)
}

.leading-legal1 {
    line-height: var(--uds-line-height-legal1)
}

.leading-none {
    line-height: 1
}

.leading-title1 {
    line-height: var(--uds-line-height-title1)
}

.leading-title2 {
    line-height: var(--uds-line-height-title2)
}

.leading-title3 {
    line-height: var(--uds-line-height-title3)
}

.leading-title4 {
    line-height: var(--uds-line-height-title4)
}

.leading-ui1 {
    line-height: var(--uds-line-height-ui1)
}

.leading-ui2 {
    line-height: var(--uds-line-height-ui2)
}

.leading-ui3 {
    line-height: var(--uds-line-height-ui3)
}

.leading-ui4 {
    line-height: var(--uds-line-height-ui4)
}

.leading-ui5 {
    line-height: var(--uds-line-height-ui5)
}

.leading-ui6 {
    line-height: var(--uds-line-height-ui6)
}

.tracking-widest {
    letter-spacing: .1em
}

.\!text-bg-positive {
    color: rgb(var(--uds-background-color-positive))!important
}

.\!text-blue-10 {
    color: rgb(var(--uds-spectrum-color-blue-10))!important
}

.\!text-green-7 {
    color: rgb(var(--uds-spectrum-color-green-7))!important
}

.\!text-secondary {
    color: rgb(var(--uds-foreground-color-secondary))!important
}

.\!text-tertiary {
    color: rgb(var(--uds-foreground-color-tertiary))!important
}

.\!text-warning {
    color: rgb(var(--uds-foreground-color-warning))!important
}

.text-accent {
    color: rgb(var(--uds-foreground-color-accent))
}

.text-alert {
    color: rgb(var(--uds-foreground-color-alert))
}

.text-alert-secondary {
    color: rgb(var(--uds-foreground-color-alert-secondary))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity,1))
}

.text-blue-500 {
    color: rgb(var(--uds-spectrum-color-blue-7))
}

.text-brand {
    color: rgb(var(--uds-foreground-color-brand))
}

.text-brand-secondary {
    color: rgb(var(--uds-foreground-color-brand-secondary))
}

.text-current {
    color: currentColor
}

.text-gray-200 {
    color: rgb(var(--uds-spectrum-color-gray-3))
}

.text-info {
    color: rgb(var(--uds-foreground-color-info))
}

.text-info-secondary {
    color: rgb(var(--uds-foreground-color-info-secondary))
}

.text-inherit {
    color: inherit
}

.text-muted {
    color: rgb(var(--uds-foreground-color-muted))
}

.text-on-color {
    color: rgb(var(--uds-foreground-color-on-color))
}

.text-orange-10 {
    color: rgb(var(--uds-spectrum-color-orange-10))
}

.text-positive {
    color: rgb(var(--uds-foreground-color-positive))
}

.text-positive-secondary {
    color: rgb(var(--uds-foreground-color-positive-secondary))
}

.text-primary {
    color: rgb(var(--uds-foreground-color-primary))
}

.text-secondary {
    color: rgb(var(--uds-foreground-color-secondary))
}

.text-tertiary {
    color: rgb(var(--uds-foreground-color-tertiary))
}

.text-transparent {
    color: transparent
}

.text-warning {
    color: rgb(var(--uds-foreground-color-warning))
}

.text-warning-secondary {
    color: rgb(var(--uds-foreground-color-warning-secondary))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.underline {
    text-decoration-line: underline
}

.no-underline {
    text-decoration-line: none
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-50 {
    opacity: .5
}

.opacity-55 {
    opacity: .55
}

.opacity-95 {
    opacity: .95
}

.\!shadow-none {
    --tw-shadow: 0 0 #0000!important;
    --tw-shadow-colored: 0 0 #0000!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,.shadow-none {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.outline {
    outline-style: solid;
    outline-width: 2px;
    outline-color: rgb(var(--uds-spectrum-color-gray-15))
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.blur {
    --tw-blur: blur(8px)
}

.blur,.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.duration-0 {
    transition-duration: 0s
}

.uds-drop-shadow-2xl {
    --uds-drop-shadow: var(--uds-drop-shadow-2xl)
}

.uds-drop-shadow-2xl,.uds-drop-shadow-lg {
    box-shadow: var(--uds-drop-shadow,0 0 transparent),var(--uds-inset-shadow,0 0 transparent),var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow,0 0 transparent)
}

.uds-drop-shadow-lg {
    --uds-drop-shadow: var(--uds-drop-shadow-lg)
}

.uds-drop-shadow-md {
    --uds-drop-shadow: var(--uds-drop-shadow-md)
}

.uds-drop-shadow-md,.uds-drop-shadow-none {
    box-shadow: var(--uds-drop-shadow,0 0 transparent),var(--uds-inset-shadow,0 0 transparent),var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow,0 0 transparent)
}

.uds-drop-shadow-none {
    --uds-drop-shadow: var(--uds-drop-shadow-none)
}

.uds-drop-shadow-sm {
    --uds-drop-shadow: var(--uds-drop-shadow-sm)
}

.uds-drop-shadow-sm,.uds-drop-shadow-xl {
    box-shadow: var(--uds-drop-shadow,0 0 transparent),var(--uds-inset-shadow,0 0 transparent),var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow,0 0 transparent)
}

.uds-drop-shadow-xl {
    --uds-drop-shadow: var(--uds-drop-shadow-xl)
}

.uds-drop-shadow-xs {
    --uds-drop-shadow: var(--uds-drop-shadow-xs)
}

.uds-drop-shadow-xs,.uds-inset-shadow-2xl {
    box-shadow: var(--uds-drop-shadow,0 0 transparent),var(--uds-inset-shadow,0 0 transparent),var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow,0 0 transparent)
}

.uds-inset-shadow-2xl {
    --uds-inset-shadow: var(--uds-inset-shadow-2xl)
}

.uds-inset-shadow-2xl-invert {
    --uds-inset-shadow: var(--uds-inset-shadow-2xl-invert)
}

.uds-inset-shadow-2xl-invert,.uds-inset-shadow-lg {
    box-shadow: var(--uds-drop-shadow,0 0 transparent),var(--uds-inset-shadow,0 0 transparent),var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow,0 0 transparent)
}

.uds-inset-shadow-lg {
    --uds-inset-shadow: var(--uds-inset-shadow-lg)
}

.uds-inset-shadow-lg-invert {
    --uds-inset-shadow: var(--uds-inset-shadow-lg-invert)
}

.uds-inset-shadow-lg-invert,.uds-inset-shadow-md {
    box-shadow: var(--uds-drop-shadow,0 0 transparent),var(--uds-inset-shadow,0 0 transparent),var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow,0 0 transparent)
}

.uds-inset-shadow-md {
    --uds-inset-shadow: var(--uds-inset-shadow-md)
}

.uds-inset-shadow-md-invert {
    --uds-inset-shadow: var(--uds-inset-shadow-md-invert)
}

.uds-inset-shadow-md-invert,.uds-inset-shadow-none {
    box-shadow: var(--uds-drop-shadow,0 0 transparent),var(--uds-inset-shadow,0 0 transparent),var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow,0 0 transparent)
}

.uds-inset-shadow-none {
    --uds-inset-shadow: var(--uds-inset-shadow-none)
}

.uds-inset-shadow-sm {
    --uds-inset-shadow: var(--uds-inset-shadow-sm)
}

.uds-inset-shadow-sm,.uds-inset-shadow-sm-invert {
    box-shadow: var(--uds-drop-shadow,0 0 transparent),var(--uds-inset-shadow,0 0 transparent),var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow,0 0 transparent)
}

.uds-inset-shadow-sm-invert {
    --uds-inset-shadow: var(--uds-inset-shadow-sm-invert)
}

.uds-inset-shadow-xl {
    --uds-inset-shadow: var(--uds-inset-shadow-xl)
}

.uds-inset-shadow-xl,.uds-inset-shadow-xl-invert {
    box-shadow: var(--uds-drop-shadow,0 0 transparent),var(--uds-inset-shadow,0 0 transparent),var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow,0 0 transparent)
}

.uds-inset-shadow-xl-invert {
    --uds-inset-shadow: var(--uds-inset-shadow-xl-invert)
}

.uds-inset-shadow-xs {
    --uds-inset-shadow: var(--uds-inset-shadow-xs)
}

.uds-inset-shadow-xs,.uds-inset-shadow-xs-invert {
    box-shadow: var(--uds-drop-shadow,0 0 transparent),var(--uds-inset-shadow,0 0 transparent),var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow,0 0 transparent)
}

.uds-inset-shadow-xs-invert {
    --uds-inset-shadow: var(--uds-inset-shadow-xs-invert)
}

.iconSize-lg {
    width: var(--uds-icon-size-lg);
    height: var(--uds-icon-size-lg);
    font-size: var(--uds-icon-size-lg);
    line-height: var(--uds-icon-size-lg)
}

.iconSize-md {
    width: var(--uds-icon-size-md);
    height: var(--uds-icon-size-md);
    font-size: var(--uds-icon-size-md);
    line-height: var(--uds-icon-size-md)
}

.iconSize-sm {
    width: var(--uds-icon-size-sm);
    height: var(--uds-icon-size-sm);
    font-size: var(--uds-icon-size-sm);
    line-height: var(--uds-icon-size-sm)
}

.iconSize-xs {
    width: var(--uds-icon-size-xs);
    height: var(--uds-icon-size-xs);
    font-size: var(--uds-icon-size-xs);
    line-height: var(--uds-icon-size-xs)
}

.avatarSize-md {
    width: var(--uds-avatar-size-md);
    height: var(--uds-avatar-size-md)
}

.case-body1 {
    text-transform: var(--uds-text-transform-body1)
}

.case-caption1 {
    text-transform: var(--uds-text-transform-caption1)
}

.case-caption2 {
    text-transform: var(--uds-text-transform-caption2)
}

.case-display1 {
    text-transform: var(--uds-text-transform-display1)
}

.case-display2 {
    text-transform: var(--uds-text-transform-display2)
}

.case-display3 {
    text-transform: var(--uds-text-transform-display3)
}

.case-headline1 {
    text-transform: var(--uds-text-transform-headline1)
}

.case-label1 {
    text-transform: var(--uds-text-transform-label1)
}

.case-label2 {
    text-transform: var(--uds-text-transform-label2)
}

.case-label3 {
    text-transform: var(--uds-text-transform-label3)
}

.case-label4 {
    text-transform: var(--uds-text-transform-label4)
}

.case-legal1 {
    text-transform: var(--uds-text-transform-legal1)
}

.case-title1 {
    text-transform: var(--uds-text-transform-title1)
}

.case-title2 {
    text-transform: var(--uds-text-transform-title2)
}

.case-title3 {
    text-transform: var(--uds-text-transform-title3)
}

.case-title4 {
    text-transform: var(--uds-text-transform-title4)
}

.case-ui1 {
    text-transform: var(--uds-text-transform-ui1)
}

.case-ui2 {
    text-transform: var(--uds-text-transform-ui2)
}

.case-ui3 {
    text-transform: var(--uds-text-transform-ui3)
}

.case-ui4 {
    text-transform: var(--uds-text-transform-ui4)
}

.case-ui5 {
    text-transform: var(--uds-text-transform-ui5)
}

.case-ui6 {
    text-transform: var(--uds-text-transform-ui6)
}

.font-weight-display1 {
    font-weight: var(--uds-font-weight-display1);
    font-variation-settings: "wght" var(--uds-font-weight-display1),"slnt" var(--uds-font-slant-display1),"wdth" var(--uds-font-width-display1)
}

.font-weight-display2 {
    font-weight: var(--uds-font-weight-display2);
    font-variation-settings: "wght" var(--uds-font-weight-display2),"slnt" var(--uds-font-slant-display2),"wdth" var(--uds-font-width-display2)
}

.font-weight-display3 {
    font-weight: var(--uds-font-weight-display3);
    font-variation-settings: "wght" var(--uds-font-weight-display3),"slnt" var(--uds-font-slant-display3),"wdth" var(--uds-font-width-display3)
}

.font-weight-title1 {
    font-weight: var(--uds-font-weight-title1);
    font-variation-settings: "wght" var(--uds-font-weight-title1),"slnt" var(--uds-font-slant-title1),"wdth" var(--uds-font-width-title1)
}

.font-weight-title2 {
    font-weight: var(--uds-font-weight-title2);
    font-variation-settings: "wght" var(--uds-font-weight-title2),"slnt" var(--uds-font-slant-title2),"wdth" var(--uds-font-width-title2)
}

.font-weight-title3 {
    font-weight: var(--uds-font-weight-title3);
    font-variation-settings: "wght" var(--uds-font-weight-title3),"slnt" var(--uds-font-slant-title3),"wdth" var(--uds-font-width-title3)
}

.font-weight-title4 {
    font-weight: var(--uds-font-weight-title4);
    font-variation-settings: "wght" var(--uds-font-weight-title4),"slnt" var(--uds-font-slant-title4),"wdth" var(--uds-font-width-title4)
}

.font-weight-headline1 {
    font-weight: var(--uds-font-weight-headline1);
    font-variation-settings: "wght" var(--uds-font-weight-headline1),"slnt" var(--uds-font-slant-headline1),"wdth" var(--uds-font-width-headline1)
}

.font-weight-body1 {
    font-weight: var(--uds-font-weight-body1);
    font-variation-settings: "wght" var(--uds-font-weight-body1),"slnt" var(--uds-font-slant-body1),"wdth" var(--uds-font-width-body1)
}

.font-weight-label1 {
    font-weight: var(--uds-font-weight-label1);
    font-variation-settings: "wght" var(--uds-font-weight-label1),"slnt" var(--uds-font-slant-label1),"wdth" var(--uds-font-width-label1)
}

.font-weight-label2 {
    font-weight: var(--uds-font-weight-label2);
    font-variation-settings: "wght" var(--uds-font-weight-label2),"slnt" var(--uds-font-slant-label2),"wdth" var(--uds-font-width-label2)
}

.font-weight-label3 {
    font-weight: var(--uds-font-weight-label3);
    font-variation-settings: "wght" var(--uds-font-weight-label3),"slnt" var(--uds-font-slant-label3),"wdth" var(--uds-font-width-label3)
}

.font-weight-label4 {
    font-weight: var(--uds-font-weight-label4);
    font-variation-settings: "wght" var(--uds-font-weight-label4),"slnt" var(--uds-font-slant-label4),"wdth" var(--uds-font-width-label4)
}

.font-weight-caption1 {
    font-weight: var(--uds-font-weight-caption1);
    font-variation-settings: "wght" var(--uds-font-weight-caption1),"slnt" var(--uds-font-slant-caption1),"wdth" var(--uds-font-width-caption1)
}

.font-weight-caption2 {
    font-weight: var(--uds-font-weight-caption2);
    font-variation-settings: "wght" var(--uds-font-weight-caption2),"slnt" var(--uds-font-slant-caption2),"wdth" var(--uds-font-width-caption2)
}

.font-weight-legal1 {
    font-weight: var(--uds-font-weight-legal1);
    font-variation-settings: "wght" var(--uds-font-weight-legal1),"slnt" var(--uds-font-slant-legal1),"wdth" var(--uds-font-width-legal1)
}

.font-weight-ui1 {
    font-weight: var(--uds-font-weight-ui1);
    font-variation-settings: "wght" var(--uds-font-weight-ui1),"slnt" var(--uds-font-slant-ui1),"wdth" var(--uds-font-width-ui1)
}

.font-weight-ui2 {
    font-weight: var(--uds-font-weight-ui2);
    font-variation-settings: "wght" var(--uds-font-weight-ui2),"slnt" var(--uds-font-slant-ui2),"wdth" var(--uds-font-width-ui2)
}

.font-weight-ui3 {
    font-weight: var(--uds-font-weight-ui3);
    font-variation-settings: "wght" var(--uds-font-weight-ui3),"slnt" var(--uds-font-slant-ui3),"wdth" var(--uds-font-width-ui3)
}

.font-weight-ui4 {
    font-weight: var(--uds-font-weight-ui4);
    font-variation-settings: "wght" var(--uds-font-weight-ui4),"slnt" var(--uds-font-slant-ui4),"wdth" var(--uds-font-width-ui4)
}

.font-weight-ui5 {
    font-weight: var(--uds-font-weight-ui5);
    font-variation-settings: "wght" var(--uds-font-weight-ui5),"slnt" var(--uds-font-slant-ui5),"wdth" var(--uds-font-width-ui5)
}

.font-weight-ui6 {
    font-weight: var(--uds-font-weight-ui6);
    font-variation-settings: "wght" var(--uds-font-weight-ui6),"slnt" var(--uds-font-slant-ui6),"wdth" var(--uds-font-width-ui6)
}

.font-size-body1 {
    font-size: var(--uds-font-size-body1)
}

.font-size-caption1 {
    font-size: var(--uds-font-size-caption1)
}

.font-size-caption2 {
    font-size: var(--uds-font-size-caption2)
}

.font-size-display1 {
    font-size: var(--uds-font-size-display1)
}

.font-size-display2 {
    font-size: var(--uds-font-size-display2)
}

.font-size-display3 {
    font-size: var(--uds-font-size-display3)
}

.font-size-headline1 {
    font-size: var(--uds-font-size-headline1)
}

.font-size-label1 {
    font-size: var(--uds-font-size-label1)
}

.font-size-label2 {
    font-size: var(--uds-font-size-label2)
}

.font-size-label3 {
    font-size: var(--uds-font-size-label3)
}

.font-size-label4 {
    font-size: var(--uds-font-size-label4)
}

.font-size-legal1 {
    font-size: var(--uds-font-size-legal1)
}

.font-size-title1 {
    font-size: var(--uds-font-size-title1)
}

.font-size-title2 {
    font-size: var(--uds-font-size-title2)
}

.font-size-title3 {
    font-size: var(--uds-font-size-title3)
}

.font-size-title4 {
    font-size: var(--uds-font-size-title4)
}

.font-size-ui1 {
    font-size: var(--uds-font-size-ui1)
}

.font-size-ui2 {
    font-size: var(--uds-font-size-ui2)
}

.font-size-ui3 {
    font-size: var(--uds-font-size-ui3)
}

.font-size-ui4 {
    font-size: var(--uds-font-size-ui4)
}

.font-size-ui5 {
    font-size: var(--uds-font-size-ui5)
}

.font-size-ui6 {
    font-size: var(--uds-font-size-ui6)
}

.divider {
    display: flex;
    align-items: center
}

.divider:after,.divider:before {
    height: 1px;
    flex: 1 0 0;
    background-color: rgb(var(--uds-spectrum-color-gray-4));
    --tw-content: "";
    content: var(--tw-content)
}

.\[background\:none\] {
    background: none
}

.\[border\:none\] {
    border: none
}

.\[font\:inherit\] {
    font: inherit
}

.\[text-align\:inherit\] {
    text-align: inherit
}

strong {
    font-variation-settings: normal
}

.hover\:\!text-blue-11:hover {
    color: rgb(var(--uds-spectrum-color-blue-11))!important
}

.hover\:text-blue-600:hover {
    color: rgb(var(--uds-spectrum-color-blue-8))
}

.focus\:rounded-md:focus {
    border-radius: var(--uds-border-radius-md)
}

.focus\:outline:focus {
    outline-style: solid;
    outline-width: 2px
}

.focus\:outline-offset-4:focus {
    outline-offset: var(--uds-border-width-thick)
}

.focus\:outline:focus {
    outline-color: rgb(var(--uds-spectrum-color-gray-15))
}

.focus\:outline-brand:focus {
    outline-color: rgb(var(--uds-line-color-brand))
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

@media (prefers-reduced-motion:reduce) {
    .motion-reduce\:animate-none {
        animation: none
    }
}

@media (min-width: 640px) {
    .sm\:w-fit {
        width:-webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .sm\:max-w-full {
        max-width: 100%
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-nowrap {
        flex-wrap: nowrap
    }

    .sm\:text-start {
        text-align: start
    }
}

@media (max-width: 640px) {
    .resp\:mq-lt640\:hidden:is(.resp *) {
        display:none
    }
}

.dark .dark\:block {
    display: block
}

.dark .dark\:hidden {
    display: none
}

.dark\:block:is(.dark *) {
    display: block
}

.dark\:hidden:is(.dark *) {
    display: none
}

.\[\&_path\]\:fill-current path {
    fill: currentColor
}

/* Faded / loading state for DS buttons */
.uds-button-primary.is-loading,
.uds-button-primary:disabled {
    background-color: #c4b5fd;      /* faded purple */
    color: #ffffff;
    cursor: not-allowed;
    opacity: 0.85;
    pointer-events: none;           /* block clicks even if :disabled is bypassed */
    column-gap: 5px !important;
}

/* Spinner shown inside the DS icon container while loading */
.uds-button-primary.is-loading .uds-button-icon-container.is-spinner {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 16px !important;
    height: 16px;
    opacity: 1 !important;
    overflow: visible !important;
    margin-right: 5px;
}

.uds-button-primary.is-loading .uds-button-icon-container.is-spinner::before {
    content: '';
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: uds-btn-spin 0.7s linear infinite;
}

@keyframes uds-btn-spin {
    to { transform: rotate(360deg); }
}

.Y6b0d77fc {
    overflow: hidden;
    text-overflow: ellipsis
}

.disabled .Y6b0d77fc {
    color: rgb(var(--uds-spectrum-color-gray-3))
}

.Yb9de5837 {
    color: rgb(var(--uds-foreground-color-tertiary))
}

.Y1e53a23c {
    position: relative;
    min-height: 100vh;
    width: 100%;
    color: var(--login-body-text-color)
}

.Y3e359bce:before {
    content: "";
    background-color: rgb(var(--uds-background-color-secondary));
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.Y488c2e39 {
    position: relative;
    min-width: 320px;
    max-width: 1030px
}

.Y3ef1aca5,.Y488c2e39 {
    margin-left: auto;
    margin-right: auto
}

.Y3ef1aca5 {
    position: absolute;
    top: 11px;
    z-index: 1;
    min-height: 500px;
    width: 360px;
    padding: 40px
}

@media (max-width: 359px) {
    .Y3ef1aca5 {
        width:320px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.Y3ef1aca5 {
    background-color: var(--login-box-background-color);
    color: var(--login-box-text-color);
    --tw-shadow: 0 0 1px 0 rgba(0,0,0,0.10);
    --tw-shadow-colored: 0 0 1px 0 var(--tw-shadow-color);
    --tw-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
    --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    border-radius: var(--uds-border-radius-lg);
    border: 1px solid transparent;
    border-top: 1px solid var(--fuji-grey-2)
}

.dark .Y3ef1aca5 {
    border-color: var(--input-text-color)
}

.Y3ef1aca5:is(.dark *) {
    border-color: var(--input-text-color)
}

@media (max-width: 480px) {
    .Y3ef1aca5:is(.resp *) {
        width:100%;
        border-width: var(--uds-border-width-none);
        border-style: none;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
    }
}

@media (max-width: 640px) {
    .Y3ef1aca5:is(.resp *) {
        position:relative
    }
}

.Y3ef1aca5.Yfa2bc609 {
    left: 0;
    right: 0
}

@media (min-width: 480px) {
    .Y3ef1aca5.Yfa2bc609 {
        left:auto;
        right: 10px
    }
}

@media (min-width: 1040px) {
    .Y3ef1aca5.Yfa2bc609 {
        right:0
    }
}

.Y3ef1aca5.Y7f694797 {
    right: 0;
    left: 0
}

.Yb5311d30 {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    min-height: 100vh;
    min-width: 360px;
    flex-direction: column;
    row-gap: 1rem;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 1rem
}

@media (max-width: 359px) {
    .Yb5311d30 {
        min-width:320px;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .Yb5311d30 {
        margin-top:1rem;
        min-height: 500px;
        max-width: 20rem;
        border: 1px solid transparent;
        border-top: 1px solid var(--fuji-grey-2);
        --tw-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
        --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
    }
}

/* input phone */
.phone-input-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;

    width: 100%;
    box-sizing: border-box;
}

/* +2** box */
.phone-prefix {
    display: flex;
    align-items: center;

    padding: 16px;

    border: 1px solid #d1d5db;
    border-radius: 4px;

    flex-shrink: 0;
    box-sizing: border-box;

    height: 48px;
}

.phone-prefix span {
    color: #111827;

    font-size: 14px;
    font-weight: 400;

    line-height: 1;
    white-space: nowrap;
}


/* Right side */
.phone-number-wrapper {
    display: flex;
    flex-direction: column;

    flex: 1;
    min-width: 0;
    width: 100%;
}


/* Main input box */
.phone-number-box {
    display: flex;
    align-items: center;

    width: 100%;
    min-width: 0;

    padding: 16px;

    border: 1px solid #d1d5db;
    border-radius: 4px;

    box-sizing: border-box;

    height: 48px;
}


/* Content inside input box */
.phone-number-content {
    display: flex;
    align-items: center;

    width: 100%;
    min-width: 0;

    gap: 0;
}


/* ** ***-** */
.phone-mask {
    white-space: nowrap;

    color: #111827;

    font-size: 14px;
    font-weight: 400;

    line-height: 1;
}


/* Missing digits input */
.phone-number-content input {
    width: 20px;

    min-width: 20px;
    max-width: 20px;

    padding: 0;
    margin: 0;

    border: none;
    outline: none;
    background: transparent;

    color: #111827;

    font-size: 14px;
    font-weight: 400;

    line-height: 1;

    text-align: center;

    box-sizing: border-box;
}


/* 38 */
.phone-last-digits {
    white-space: nowrap;

    color: #111827;

    font-size: 14px;
    font-weight: 400;

    line-height: 1;
}

.phone-input-group:focus-within .phone-prefix,
.phone-input-group:focus-within .phone-number-box {
    border: 2px solid rgb(var(--uds-background-color-brand));;
}

/*************** NUM */


.Y347d0c71:hover .Y2a598cba,.Y347d0c71:hover .Y9514c74c {
    border-color: rgb(var(--uds-line-color-brand));
    color: rgb(var(--uds-foreground-color-brand))
}

.Y347d0c71:active .Y2a598cba,.Y347d0c71:active .Y9514c74c,.Y347d0c71:focus-within .Y9514c74c {
    border-color: rgb(var(--uds-line-color-brand));
    color: rgb(var(--uds-foreground-color-brand))
}

.Y347d0c71:hover .Yadd605ed,.Y347d0c71:hover .Yca88bffb {
    border-color: rgb(var(--uds-line-color-alert));
    color: rgb(var(--uds-foreground-color-alert))
}

.Yca88bffb input::-moz-placeholder {
    color: rgb(var(--uds-foreground-color-alert))
}

.Yca88bffb input::placeholder {
    color: rgb(var(--uds-foreground-color-alert))
}

.Y00e5f144 {
    display: block;
    width: 100%;
    background-color: transparent;
    outline: 2px solid transparent;
    outline-offset: 2px;
    outline-width: var(--uds-border-width-none)
}

.Y00e5f144:focus {
    border-color: var(--input-focus)
}

.Y48bf9c57:has(.Ya0e776c8) .Y00e5f144:where([dir=rtl],[dir=rtl] *) {
    padding-right: 1rem;
    padding-left: 0
}

.Y48bf9c57:has(.Ya0e776c8) .Y00e5f144:where([dir=ltr],[dir=ltr] *) {
    padding-right: 0;
    padding-left: 1rem
}

.Y00e5f144:is(.mobile *) {
    font-size: var(--mobile-input-text-size)
}

.Yb2f66dc3 {
    margin-left: auto;
    margin-right: auto;
    max-width: 240px;
    justify-content: space-around
}

.Y9bbb342e,.Yb2f66dc3 {
    display: flex;
    width: 100%
}

.Y9bbb342e {
    position: relative;
    justify-content: center
}

.Y3bd29a56 {
    width: 100%;
    outline: 2px solid transparent;
    outline-offset: 2px;
    outline-width: var(--uds-border-width-none)
}

.Y6f99cc52 {
    padding-right: 1rem;
    background: none
}

.Y1c570d66 {
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 1rem;
    color: rgb(var(--uds-foreground-color-tertiary))
}

.Y0daaae72.uds-button {
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: var(--uds-ns-button-border-radius,var(--uds-button-border-radius))
}

.Y0daaae72.uds-button:hover:not([disabled]) {
    background-color: var(--uds-ns-button-color-brand-hover,var(--uds-button-background-color));
    color: var(--uds-ns-button-color-brand-hover-text,var(--uds-button-color))
}

.Y21df2606:focus {
    border-radius: var(--uds-border-radius-md);
    outline-style: solid;
    outline-width: 2px;
    outline-offset: var(--uds-border-width-thick);
    outline-color: rgb(var(--uds-spectrum-color-gray-15));
    outline-color: rgb(var(--uds-line-color-brand))
}

.Y21df2606 {
    .Yfb306067.Y1adbf716 {
        color: rgb(var(--uds-foreground-color-brand))
    }

    .Y944ebfce.Y1adbf716:disabled,.Y944ebfce.Ycd5d4cfa.disabled,.Y944ebfce.Yd620bb04.disabled,.Yfb306067.Y1adbf716:disabled,.Yfb306067.Ycd5d4cfa.disabled,.Yfb306067.Yd620bb04.disabled {
        color: rgb(var(--uds-foreground-color-muted))
    }

    &:active .Yfb306067.Y1adbf716,&:active .Yfb306067.Ycd5d4cfa,&:active .Yfb306067.Yd620bb04 {
        color: rgb(var(--uds-spectrum-color-purple-13))
    }

    &:hover .Yfb306067.Y1adbf716,&:hover .Yfb306067.Ycd5d4cfa,&:hover .Yfb306067.Yd620bb04 {
        color: rgb(var(--uds-spectrum-color-purple-11))
    }

    &:focus .Yfb306067.Y1adbf716,&:focus .Yfb306067.Ycd5d4cfa,&:focus .Yfb306067.Yd620bb04 {
        color: rgb(var(--uds-spectrum-color-purple-12))
    }

    &:hover .Y944ebfce.Y1adbf716,&:hover .Y944ebfce.Ycd5d4cfa,&:hover .Y944ebfce.Yd620bb04 {
        color: rgb(var(--uds-foreground-color-brand))
    }

    &:active .Y944ebfce.Y1adbf716,&:active .Y944ebfce.Ycd5d4cfa,&:active .Y944ebfce.Yd620bb04,&:focus .Y944ebfce.Y1adbf716,&:focus .Y944ebfce.Ycd5d4cfa,&:focus .Y944ebfce.Yd620bb04 {
        color: rgb(var(--uds-spectrum-color-purple-12))
    }
}

.Y944ebfce {
    text-decoration-line: underline
}

.Yfdd7a091 {
    width: 100%;
    text-decoration-line: none;
    border-radius: var(--uds-ns-button-border-radius,var(--uds-button-border-radius))
}

.Yfdd7a091.uds-button:hover:not([disabled]) {
    background-color: var(--uds-ns-button-color-brand-hover,var(--uds-button-background-color));
    color: var(--uds-ns-button-color-brand-hover-text,var(--uds-button-color))
}

.Yd72acd6f:has([data-width]) .Y32cbc2dc {
    padding-left: 3.5rem
}

.Yd72acd6f:has([data-width=s3]) .Y32cbc2dc {
    padding-left: 3rem
}

.Yd72acd6f:has([data-width=s2]) .Y32cbc2dc {
    padding-left: 2.5rem
}

.Y39e34255:hover {
    border-color: rgb(var(--uds-line-color-brand));
    color: rgb(var(--uds-foreground-color-brand))
}

.Y39e34255:active,.Y39e34255:focus-within {
    border-color: rgb(var(--uds-line-color-brand));
    color: rgb(var(--uds-foreground-color-brand))
}

.Y39e34255.Y04e08f43:active,.Y39e34255.Y04e08f43:focus-within,.Y39e34255.Y04e08f43:hover {
    border-color: rgb(var(--uds-line-color-alert));
    color: rgb(var(--uds-foreground-color-alert))
}

.Yc53b2018 {
    pointer-events: none;
    position: absolute;
    inset: 0;
    flex: 1 1 0%;
    align-items: center;
    justify-content: center
}

.Yc53b2018 .Y47635e27 {
    width: .35rem;
    border: .35rem solid transparent;
    border-top: .35rem solid var(--login-box-text-color);
    margin-top: .375rem
}

.Yb49ab925 {
    display: inline-flex;
    flex: 1 1 0%;
    flex-shrink: 1;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-width: 0;
    background-color: transparent;
    color: transparent;
    width: 3rem
}

.Yb49ab925[data-width=s3] {
    width: 2.5rem
}

.Yb49ab925[data-width=s2] {
    width: 2rem
}

.Yff9fdb7f {
    display: block;
    width: 1.25rem;
    background-color: transparent;
    outline: 2px solid transparent;
    outline-offset: 2px;
    outline-width: var(--uds-border-width-none)
}

.Yff9fdb7f:focus {
    border-color: var(--input-focus)
}

.Ya4d775cd:has(.Yb6d17bad) .Yff9fdb7f:where([dir=rtl],[dir=rtl] *) {
    padding-right: 1rem;
    padding-left: 0
}

.Ya4d775cd:has(.Yb6d17bad) .Yff9fdb7f:where([dir=ltr],[dir=ltr] *) {
    padding-right: 0;
    padding-left: 1rem
}

.Yff9fdb7f::-moz-placeholder {
    color: rgb(var(--uds-foreground-color-primary))
}

.Yff9fdb7f::placeholder {
    color: rgb(var(--uds-foreground-color-primary))
}

.Yf24ede2e {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    border-radius: var(--uds-border-radius-md);
    --uds-drop-shadow: var(--uds-drop-shadow-xs);
    box-shadow: var(--uds-drop-shadow,0 0 transparent),var(--uds-inset-shadow,0 0 transparent),var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow,0 0 transparent)
}

.dark .Yf24ede2e {
    --tw-shadow: 0 1px 6px 0 rgba(255,255,255,0.10);
    --tw-shadow-colored: 0 1px 6px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.Y491b2130 {
    padding: 1rem
}

.Yd4e16116 {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(var(--uds-spectrum-color-gray-3))
}

.Yd4e16116.uds-button {
    position: absolute;
    inset: 0;
    border-radius: var(--uds-border-radius-md);
    border-style: solid;
    background-color: transparent;
    padding: .25rem
}

.Yd4e16116.uds-button:active,.Yd4e16116.uds-button:hover {
    border-radius: var(--uds-border-radius-md);
    border-width: var(--uds-border-width-medium);
    border-style: solid;
    border-color: rgb(var(--uds-line-color-brand))
}

.Yd4e16116.uds-button:focus-visible {
    outline-style: solid;
    border-radius: var(--uds-border-radius-md);
    outline-width: var(--uds-border-width-thick);
    outline-color: rgb(var(--uds-line-color-brand))
}

.Y543106f9 {
    display: block;
    text-decoration-line: none;
    border-radius: var(--uds-border-radius-md);
    border-width: var(--uds-border-width-medium);
    border-style: solid;
    border-color: transparent
}

.Y543106f9:active,.Y543106f9:hover {
    border-color: rgb(var(--uds-line-color-brand))
}

.Y543106f9:focus-visible {
    outline-style: solid;
    border-radius: var(--uds-border-radius-md);
    outline-width: var(--uds-border-width-thick);
    outline-color: rgb(var(--uds-line-color-brand))
}

.Y085aec82 {
    overflow: hidden;
    text-overflow: ellipsis
}

.disabled .Y085aec82,.disabled .Y9c0cf8f8 {
    color: rgb(var(--uds-spectrum-color-gray-3))
}

.Y25eb7003 {
    bottom: calc(100% - .5rem)!important
}

.Y04e0d61a:has(.Y6d437c88:focus) .Y5b624376 {
    padding-left: 0
}

.Y04e0d61a:has([data-width]) .Y5b624376 {
    padding-left: 0
}

.Y04e0d61a:has(.Y6d437c88:focus):has([data-width]) .Y5b624376 {
    padding-left: 0
}

.Y04e0d61a:has(.Y6d437c88:focus:-moz-placeholder):has([data-width]) .Y5b624376 {
    padding-left: 0
}

.Y04e0d61a:has(.Y6d437c88:focus:placeholder-shown):has([data-width]) .Y5b624376 {
    padding-left: 0
}

.Y04e0d61a:has(.Y6d437c88:-moz-placeholder):has([data-width]) .Y5b624376 {
    padding-left: 3.5rem
}

.Y04e0d61a:has(.Y6d437c88:placeholder-shown):has([data-width]) .Y5b624376 {
    padding-left: 3.5rem
}

.Y04e0d61a:has(.Y6d437c88:-moz-placeholder):has([data-width=s3]) .Y5b624376 {
    padding-left: 3rem
}

.Y04e0d61a:has(.Y6d437c88:placeholder-shown):has([data-width=s3]) .Y5b624376 {
    padding-left: 3rem
}

.Y04e0d61a:has(.Y6d437c88:focus):has([data-width=s3]) .Y5b624376 {
    padding-left: 0
}

.Y04e0d61a:has(.Y6d437c88:-moz-placeholder):has([data-width=s2]) .Y5b624376 {
    padding-left: 2.5rem
}

.Y04e0d61a:has(.Y6d437c88:placeholder-shown):has([data-width=s2]) .Y5b624376 {
    padding-left: 2.5rem
}

.Y04e0d61a:has([data-width]) .Y6d437c88 {
    padding-left: 3.5rem
}

.Y04e0d61a:has([data-width=s3]) .Y6d437c88 {
    padding-left: 3rem
}

.Y04e0d61a:has([data-width=s2]) .Y6d437c88 {
    padding-left: 2.5rem
}

.Yc6280ffa {
    z-index: 10;
    display: flex;
    height: 100%;
    align-items: center
}

.Y44e126f1 {
    position: absolute;
    left: 0;
    right: 0;
    top: .25rem;
    z-index: 10;
    width: 100%;
    padding-bottom: .5rem;
    font-size: var(--uds-font-size-caption1);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.dark .Y44e126f1 {
    background-color: var(--fuji-dark-inkwell)
}

.Y44e126f1:is(.dark *) {
    background-color: var(--fuji-dark-inkwell)
}

.Y44e126f1 {
    --tw-shadow: 0 1px 6px 1px rgba(118,125,132,0.2);
    --tw-shadow-colored: 0 1px 6px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start
}

.Y44e126f1 li {
    display: inline-block;
    cursor: pointer;
    margin-left: .5rem;
    margin-right: .5rem;
    margin-top: .5rem;
    border-radius: var(--size-10);
    padding: .25rem .5rem;
    color: var(--fuji-dolphin)
}

.dark .Y44e126f1 li {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.Y44e126f1 li:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.Y44e126f1 li:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.dark .Y44e126f1 li:hover {
    color: var(--fuji-grey-5)
}

.Y44e126f1 li:hover:is(.dark *) {
    color: var(--fuji-grey-5)
}

.Y44e126f1 li {
    background-color: var(--fuji-grey-2)
}

.dark .Y44e126f1 li {
    background-color: var(--fuji-dark-charcoal)
}

.Y44e126f1 li:is(.dark *) {
    background-color: var(--fuji-dark-charcoal)
}

.Y44e126f1 li:hover {
    background-color: var(--buttons-primary-color-hover)
}

.dark .Y44e126f1 li:hover {
    background-color: var(--fuji-blue-3)
}

.Y44e126f1 li:hover:is(.dark *) {
    background-color: var(--fuji-blue-3)
}

.Toastify__toast-container.Y260c05c3 {
    position: absolute;
    z-index: 99;
    row-gap: 1rem;
    width: 100%;
    padding-left: .75rem;
    padding-right: .75rem
}

@media (max-width: 359px) {
    .Toastify__toast-container.Y260c05c3 {
        padding-left:1rem;
        padding-right: 1rem
    }
}

.Y260c05c3.Y15699339,.Y260c05c3.Y7a3c4bf6,.Y260c05c3.Yd51838f3 {
    top: 1.75rem
}

.Y260c05c3.Y57a3e184,.Y260c05c3.Ybdca03d0,.Y260c05c3.Yfd203795 {
    position: fixed;
    bottom: 1rem
}

.Toastify__toast.Y13786e18 {
    margin: 0;
    display: flex;
    height: auto;
    min-height: auto;
    align-items: center;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-inline-start:1rem;padding-inline-end:.5rem;background-color: rgb(var(--uds-spectrum-color-gray-10));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.Y13786e18.Y0518fe18 {
    border-radius: var(--uds-border-radius-full)
}

.Y13786e18.Y03f95293 {
    border-radius: var(--uds-border-radius-xs)
}

.Y13786e18.Y15a49713 {
    border-radius: var(--uds-border-radius-md)
}

.Y13786e18.Y07ab77a4 {
    border-radius: var(--uds-border-radius-lg)
}

.Y120aa70e {
    flex-shrink: 0;
    align-self: center;
    color: rgb(var(--uds-foreground-color-on-color))
}

.Y120aa70e:focus,.Y120aa70e:hover {
    color: rgb(var(--uds-foreground-color-primary))
}

.Y148faafa:focus {
    border-radius: var(--uds-border-radius-md);
    outline-style: solid;
    outline-width: 2px;
    outline-offset: var(--uds-border-width-thick);
    outline-color: rgb(var(--uds-spectrum-color-gray-15));
    outline-color: rgb(var(--uds-line-color-brand))
}

.Y148faafa:active .Y4f4e7269,.Y148faafa:active .Y7177b657,.Y148faafa:focus .Y4f4e7269,.Y148faafa:focus .Y7177b657 {
    color: var(--link-color-active)
}

.Y868c88d8 {
    text-decoration-line: none
}

.Y49d8fb7e {
    text-decoration-line: underline
}

.Y90fba94b {
    width: 100%;
    align-items: center;
    justify-content: center;
    text-decoration-line: none;
    border-radius: var(--uds-ns-button-border-radius,var(--uds-button-border-radius))
}

.Y90fba94b:hover {
    background-color: var(--uds-ns-button-color-brand-hover,var(--uds-button-background-color));
    color: var(--uds-ns-button-color-brand-hover-text,var(--uds-button-color))
}

.Y858ea2b8 {
    position: relative;
    height: 2rem;
    width: 2rem
}

.Y858ea2b8.Y574b832c {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--uds-border-radius-full);
    background-color: rgb(var(--uds-spectrum-color-gray-3))
}

.Y858ea2b8.Y1dc7d190 img {
    border-radius: var(--uds-border-radius-full);
    -o-object-fit: cover;
    object-fit: cover
}

.Y858ea2b8 svg {
    color: rgb(var(--uds-spectrum-color-gray-8))
}

.Y858ea2b8.Y06f50dde svg {
    color: rgb(var(--uds-spectrum-color-carbon-2))
}

.Y10277113 {
    position: absolute;
    top: 0;
    right: 0;
    height: 11px;
    width: 11px;
    border-radius: var(--uds-border-radius-full);
    border-width: var(--uds-border-width-medium);
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity,1))
}

.Y10277113.Ye0a5e3e7 {
    background-color: rgb(var(--uds-spectrum-color-green-8))
}

.Y10277113.Y2e215d4a {
    background-color: rgb(var(--uds-spectrum-color-gray-3))
}

.Y201b87e0 {
    top: 11rem!important;
    z-index: 99999!important;
    width: -webkit-fit-content!important;
    width: -moz-fit-content!important;
    width: fit-content!important;
    padding-bottom: 1.5rem!important;
    opacity: 1!important
}

.Y52bcaa90 {
    --bs-stage-height: 300px;
    position: relative;
    width: 100%;
    height: var(--bs-stage-height);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: calc(var(--bs-stage-height) / 15)
}

@supports (height: min(300px,45vh)) {
    .Y52bcaa90 {
        --bs-stage-height:min(300px,45vh)
    }
}

@supports (max-height: 100dvh) {
    .Y52bcaa90 {
        --bs-stage-height:min(300px,45dvh)
    }
}

.Yf7478ed2 {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    will-change: transform,opacity
}

.Y885fb385 {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    will-change: transform;
    margin-top: calc(var(--bs-stage-height) * 2 / 15)
}

.Ya463a89e {
    width: calc(var(--bs-stage-height) * .4);
    height: calc(var(--bs-stage-height) * .4);
    border-radius: calc(var(--bs-stage-height) * .08);
    overflow: hidden;
    display: block;
    box-shadow: 0 2px 4px rgba(0,0,0,.04),0 6px 12px rgba(0,0,0,.06),0 16px 32px -4px rgba(100,40,200,.12),0 24px 48px -8px rgba(100,40,200,.08)
}

.Ya463a89e img {
    width: 100%;
    height: 100%;
    display: block
}

.Yb863014a {
    margin-top: .25rem;
    height: auto;
    max-height: 65px;
    width: 100%;
    max-width: 65px
}

.Y1eeb594b,.Y954b5b66 {
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: 0;
    height: auto;
    max-height: none;
    max-width: none;
    overflow: hidden
}

.Y1eeb594b {
    right: 0;
    width: 146px;
    mix-blend-mode: multiply
}

.Y954b5b66 {
    right: .5rem;
    width: 149px
}

.Ya0d19f22 {
    position: absolute;
    top: 50%;
    display: flex;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.Ya535a177 {
    right: 57px
}

.Y5334be76 {
    right: 66px
}

.Y55cc9146 svg {
    --tw-translate-x: 1px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.Y5b37b1a5 {
    background-color: rgb(var(--uds-background-color-brand-secondary));
    --uds-inset-shadow: var(--uds-inset-shadow-xs);
    box-shadow: var(--uds-drop-shadow,0 0 transparent),var(--uds-inset-shadow,0 0 transparent),var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow,0 0 transparent)
}

.Y5b37b1a5,.Y6a68c074 {
    padding: 1rem 1rem 1rem 1.5rem
}

.Y6a68c074 {
    position: relative
}

.Yce29ea23 {
    background-color: rgb(var(--uds-background-color-secondary));
    padding-right: 129px
}

.Y60ec3aac {
    --tw-bg-opacity: 1;
    background-color: rgb(198 175 255/var(--tw-bg-opacity,1));
    padding-right: 157px
}

.Y204c6650 {
    margin-top: 2px
}

.Y4fa6dff4 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    margin-bottom: 1.25rem;
    display: block;
    overflow: hidden
}

.Y4fa6dff4.Y3d274fb0 {
    margin-top: -2.5rem;
    margin-bottom: 2rem;
    border-top-left-radius: var(--uds-border-radius-lg);
    border-top-right-radius: var(--uds-border-radius-lg);
    padding-top: 1px
}

.Ycb4cfee3 {
    background-color: rgb(18 18 18/var(--tw-bg-opacity,1));
    --tw-bg-opacity: 0.5;
    position: absolute;
    inset: 0;
    overflow: auto
}

.Ycb4cfee3:has(#login-ad-rich,#login-inctx-promo,#login-inctx-pending) {
    direction: ltr
}

.Y7523845e {
    position: relative;
    top: 0;
    height: 100%;
    min-height: 580px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    z-index: 0
}

.Y8ca5c7c3 {
    margin-left: -800px;
    margin-right: -800px;
    margin-top: 0
}

.Y7523845e.static .Y8ca5c7c3 {
    margin: 0
}

.Y8ca5c7c3.Y6b56f044 {
    position: absolute;
    top: 0;
    left: 200px
}

.Y749cbd95 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.Ya0c25294 {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: rgba(255,255,255,.5);
    padding-top: 8px;
    padding-bottom: 8px;
    left: 0;
    right: 0
}

.Ya0c25294 iframe {
    margin-left: auto;
    margin-right: auto
}

.Y4c29c3c8 {
    position: relative;
    overflow: hidden;
    width: 745px;
    min-width: 533px;
    min-height: var(--inctx-ad-height,clamp(495px,90vh,644px))
}

.Y4c29c3c8>iframe,.Y4c29c3c8>img {
    position: absolute;
    top: 50%;
    left: 50%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.Y4c29c3c8>img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover
}

.Y12c9ee22 {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    padding-top: 50px;
    padding-right: 380px;
    text-align: left
}

@media (max-width: 640px) {
    .Y12c9ee22 {
        display:none
    }
}

.Y12c9ee22:where([dir=rtl],[dir=rtl] *) {
    text-align: right
}

.Y12c9ee22 .Y2ed280a5 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 23px;
    font-weight: 700
}

.Y12c9ee22 .Ycf390856 {
    font-size: 21px
}

.Yd58b09ef {
    height: 4rem;
    padding-left: 80px;
    padding-right: 80px
}

@media (max-width: 480px) {
    .Yd58b09ef {
        padding-left:10px;
        padding-right: 10px
    }
}

@media (max-width: 640px) {
    .Yd58b09ef {
        padding-left:20px;
        padding-right: 20px
    }
}

.Yf1b4ad1e {
    background-color: var(--login-body-background-color)
}

.Y20fae34f:has(+#login-box-header-upsell) {
    display: none
}


/* ==== Stay-verified switch — local visual state ==== */

/* Default (off): whatever the framework styling already gives you */

/* On state — override the handle colour/position when the wrapper
   has the .is-on class. Feel free to adjust colours to match your theme. */
label.is-on .uds-switch-variant-active-off-handle {
    background-color: #2563eb;          /* brand blue */
    opacity: 1;
}
label.is-on .uds-switch-variant-active-off-switch {
    background-color: #2563eb;
}
label.is-on .uds-switch-size-sm-handle {
    transform: translateX(14px);        /* slide the handle to the right */
}
label.is-on svg[data-testid="off-icon"] {
    opacity: 0;                         /* hide the X icon when on */
}

/* ================================================================
   Stay-verified switch — custom ON / OFF visuals
   ================================================================ */

/* Base: the track */
label .uds-switch-size-sm-switch {
    position: relative;
    width: 30px;
    height: 16px;
    border-radius: 9999px;
    transition: background-color 120ms ease, box-shadow 120ms ease;
}

/* Base: the handle container */
label .uds-switch-size-sm-handle {
    position: absolute;
    top: 50%;
    left: 2px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border-radius: 9999px;
    transform: translateX(0);
    transition: transform 160ms ease;
    overflow: visible;
    z-index: 1;
}

/* Base: the circle background (white on both states) */
label .uds-switch-variant-active-off-handle {
    background-color: #ffffff;
    opacity: 1;
    border-radius: 9999px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    position: absolute;
    inset: 0;
}

/* Base: the X icon inside the handle */
label svg[data-testid="off-icon"] {
    width: 10px;
    height: 10px;
    transition: opacity 120ms ease;
    opacity: 1;
    color: #6b7280;
    z-index: 2;
}

/* OFF state — grey track, handle on the left, X visible */
label:not(.is-on) .uds-switch-size-sm-switch {
    background-color: #6b7280;
}
label:not(.is-on) .uds-switch-size-sm-handle {
    transform: translateX(0);
}

/* ON state — violet track, handle on the right, X hidden */
label.is-on .uds-switch-size-sm-switch {
    background-color: #7c3aed;
}
label.is-on .uds-switch-size-sm-handle {
    transform: translateX(14px);
}
label.is-on svg[data-testid="off-icon"] {
    opacity: 0;
}