*, ::before, ::after {
    --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(59 130 246 / 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(59 130 246 / 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:  ;
}
:root {
    --gds-color-black: 0 0 0;
    --gds-color-white: 255 255 255;
    --gds-color-space-100: 243 243 244;
    --gds-color-space-200: 219 219 219;
    --gds-color-space-300: 197 196 198;
    --gds-color-space-400: 182 181 185;
    --gds-color-space-500: 167 165 174;
    --gds-color-space-600: 145 143 157;
    --gds-color-space-700: 132 129 146;
    --gds-color-space-800: 117 114 133;
    --gds-color-space-900: 102 99 120;
    --gds-color-space-1000: 89 85 108;
    --gds-color-space-1100: 73 70 93;
    --gds-color-space-1200: 58 55 77;
    --gds-color-space-1300: 45 42 63;
    --gds-color-space-1400: 36 34 54;
    --gds-color-space-1500: 29 26 48;
    --gds-color-space-1600: 22 19 42;
    --gds-color-space-1700: 12 10 29;
    --gds-color-space-1800: 8 6 24;
    --gds-color-purple-100: 226 219 255;
    --gds-color-purple-200: 197 183 255;
    --gds-color-purple-300: 169 148 255;
    --gds-color-purple-400: 140 112 255;
    --gds-color-purple-500: 111 76 255;
    --gds-color-purple-600: 101 69 232;
    --gds-color-purple-700: 81 56 186;
    --gds-color-purple-800: 61 43 140;
    --gds-color-purple-900: 51 36 118;
    --gds-color-purple-1000: 40 28 92;
    --gds-color-purple-1100: 25 18 58;
    --gds-color-purple-1200: 20 15 47;
    --gds-color-starfield-100: 219 244 230;
    --gds-color-starfield-200: 183 234 205;
    --gds-color-starfield-300: 147 223 179;
    --gds-color-starfield-400: 111 213 154;
    --gds-color-starfield-500: 75 202 129;
    --gds-color-starfield-600: 62 163 108;
    --gds-color-starfield-700: 49 125 88;
    --gds-color-starfield-800: 37 86 67;
    --gds-color-starfield-900: 24 48 47;
    --gds-color-starfield-1000: 17 34 33;
    --gds-color-starfield-1100: 14 27 27;
    --gds-color-solar-100: 255 238 204;
    --gds-color-solar-200: 255 220 153;
    --gds-color-solar-300: 255 203 103;
    --gds-color-solar-400: 255 185 52;
    --gds-color-solar-500: 255 168 1;
    --gds-color-solar-600: 206 136 6;
    --gds-color-solar-700: 157 104 11;
    --gds-color-solar-800: 109 73 16;
    --gds-color-solar-900: 60 41 21;
    --gds-color-solar-1000: 39 27 27;
    --gds-color-solar-1100: 29 22 26;
    --gds-color-sonja-100: 251 219 226;
    --gds-color-sonja-200: 248 183 197;
    --gds-color-sonja-300: 244 146 167;
    --gds-color-sonja-400: 241 110 138;
    --gds-color-sonja-500: 237 74 109;
    --gds-color-sonja-600: 192 61 92;
    --gds-color-sonja-700: 147 48 76;
    --gds-color-sonja-800: 101 35 59;
    --gds-color-sonja-900: 56 22 43;
    --gds-color-sonja-1000: 37 14 37;
    --gds-color-sonja-1100: 24 11 29;
    --gds-color-galactic-100: 219 236 255;
    --gds-color-galactic-200: 183 216 255;
    --gds-color-galactic-300: 148 197 255;
    --gds-color-galactic-400: 112 177 255;
    --gds-color-galactic-500: 76 158 255;
    --gds-color-galactic-600: 63 128 209;
    --gds-color-galactic-700: 50 98 163;
    --gds-color-galactic-800: 37 69 118;
    --gds-color-galactic-900: 24 39 72;
    --gds-color-galactic-1000: 15 25 46;
    --gds-color-galactic-1100: 13 21 38;
    --gds-color-astro-100: 219 224 255;
    --gds-color-astro-200: 183 194 255;
    --gds-color-astro-300: 148 163 255;
    --gds-color-astro-400: 112 133 255;
    --gds-color-astro-500: 76 102 255;
    --gds-color-astro-600: 63 83 209;
    --gds-color-astro-700: 50 65 163;
    --gds-color-astro-800: 37 46 118;
    --gds-color-astro-900: 24 28 72;
    --gds-color-focus: 111 76 255;
    --gds-color-white-4: 22 20 38;
    --gds-color-white-8: 32 30 48;
    --gds-color-white-12: 42 39 57;
    --gds-color-midnight: 12 10 29;
    --gds-color-midnight-dark: 12 10 25;
    --gds-color-purple: 111 76 255;
    --gds-color-blue: 76 102 255;
    --gds-color-turquoise: 102 216 255;
    --gds-color-green: 75 202 129;
    --gds-color-yellow: 255 168 1;
    --gds-color-red: 237 74 109;
    --gds-color-pink: 255 121 198;
    --gds-color-gray: 73 71 85;
    --gds-color-overlay: 27 24 52;
}
@keyframes gds-animate {
    0% {
        transform: translate(var(--gds-animate-translate-x-from), var(--gds-animate-translate-y-from)) rotate(var(--gds-animate-rotate-from)) scaleX(var(--gds-animate-scale-x-from)) scaleY(var(--gds-animate-scale-y-from));
        color: var(--gds-animate-color-from);
        background-color: var(--gds-animate-bg-from);
        border-color: var(--gds-animate-border-from);
        outline-color: var(--gds-animate-outline-from);
        opacity: var(--gds-animate-opacity-from);
    }
    100% {
        transform: translate(var(--gds-animate-translate-x-to), var(--gds-animate-translate-y-to)) rotate(var(--gds-animate-rotate-to)) scaleX(var(--gds-animate-scale-x-to)) scaleY(var(--gds-animate-scale-y-to));
        color: var(--gds-animate-color-to);
        background-color: var(--gds-animate-bg-to);
        border-color: var(--gds-animate-border-to);
        outline-color: var(--gds-animate-outline-to);
        opacity: var(--gds-animate-opacity-to);
    }
}
@keyframes gds-animate-with-via {
    0% {
        transform: translate(var(--gds-animate-translate-x-from), var(--gds-animate-translate-y-from)) rotate(var(--gds-animate-rotate-from)) scaleX(var(--gds-animate-scale-x-from)) scaleY(var(--gds-animate-scale-y-from));
        color: var(--gds-animate-color-from);
        background-color: var(--gds-animate-bg-from);
        border-color: var(--gds-animate-border-from);
        outline-color: var(--gds-animate-outline-from);
        opacity: var(--gds-animate-opacity-from);
    }
    50% {
        transform: translate(var(--gds-animate-translate-x-via), var(--gds-animate-translate-y-via)) rotate(var(--gds-animate-rotate-via)) scaleX(var(--gds-animate-scale-x-via)) scaleY(var(--gds-animate-scale-y-via));
        color: var(--gds-animate-color-via);
        background-color: var(--gds-animate-bg-via);
        border-color: var(--gds-animate-border-via);
        outline-color: var(--gds-animate-outline-via);
        opacity: var(--gds-animate-opacity-via);
    }
    100% {
        transform: translate(var(--gds-animate-translate-x-to), var(--gds-animate-translate-y-to)) rotate(var(--gds-animate-rotate-to)) scaleX(var(--gds-animate-scale-x-to)) scaleY(var(--gds-animate-scale-y-to));
        color: var(--gds-animate-color-to);
        background-color: var(--gds-animate-bg-to);
        border-color: var(--gds-animate-border-to);
        outline-color: var(--gds-animate-outline-to);
        opacity: var(--gds-animate-opacity-to);
    }
}
@keyframes gds-animate-transform {
    0% {
        transform: translate(var(--gds-animate-translate-x-from), var(--gds-animate-translate-y-from)) rotate(var(--gds-animate-rotate-from)) scaleX(var(--gds-animate-scale-x-from)) scaleY(var(--gds-animate-scale-y-from));
    }
    100% {
        transform: translate(var(--gds-animate-translate-x-to), var(--gds-animate-translate-y-to)) rotate(var(--gds-animate-rotate-to)) scaleX(var(--gds-animate-scale-x-to)) scaleY(var(--gds-animate-scale-y-to));
    }
}
@keyframes gds-animate-transform-with-via {
    0% {
        transform: translate(var(--gds-animate-translate-x-from), var(--gds-animate-translate-y-from)) rotate(var(--gds-animate-rotate-from)) scaleX(var(--gds-animate-scale-x-from)) scaleY(var(--gds-animate-scale-y-from));
    }
    50% {
        transform: translate(var(--gds-animate-translate-x-via), var(--gds-animate-translate-y-via)) rotate(var(--gds-animate-rotate-via)) scaleX(var(--gds-animate-scale-x-via)) scaleY(var(--gds-animate-scale-y-via));
    }
    100% {
        transform: translate(var(--gds-animate-translate-x-to), var(--gds-animate-translate-y-to)) rotate(var(--gds-animate-rotate-to)) scaleX(var(--gds-animate-scale-x-to)) scaleY(var(--gds-animate-scale-y-to));
    }
}
@keyframes gds-animate-color {
    0% {
        color: var(--gds-animate-color-from);
    }
    100% {
        color: var(--gds-animate-color-to);
    }
}
@keyframes gds-animate-color-with-via {
    0% {
        color: var(--gds-animate-color-from);
    }
    50% {
        color: var(--gds-animate-color-via);
    }
    100% {
        color: var(--gds-animate-color-to);
    }
}
@keyframes gds-animate-bg {
    0% {
        background-color: var(--gds-animate-bg-from);
    }
    100% {
        background-color: var(--gds-animate-bg-to);
    }
}
@keyframes gds-animate-bg-with-via {
    0% {
        background-color: var(--gds-animate-bg-from);
    }
    50% {
        background-color: var(--gds-animate-bg-via);
    }
    100% {
        background-color: var(--gds-animate-bg-to);
    }
}
@keyframes gds-animate-border {
    0% {
        border-color: var(--gds-animate-border-from);
    }
    100% {
        border-color: var(--gds-animate-border-to);
    }
}
@keyframes gds-animate-border-with-via {
    0% {
        border-color: var(--gds-animate-border-from);
    }
    50% {
        border-color: var(--gds-animate-border-via);
    }
    100% {
        border-color: var(--gds-animate-border-to);
    }
}
@keyframes gds-animate-outline {
    0% {
        outline-color: var(--gds-animate-outline-from);
    }
    100% {
        outline-color: var(--gds-animate-outline-to);
    }
}
@keyframes gds-animate-outline-with-via {
    0% {
        outline-color: var(--gds-animate-outline-from);
    }
    50% {
        outline-color: var(--gds-animate-outline-via);
    }
    100% {
        outline-color: var(--gds-animate-outline-to);
    }
}
@keyframes gds-animate-opacity {
    0% {
        opacity: var(--gds-animate-opacity-from);
    }
    100% {
        opacity: var(--gds-animate-opacity-to);
    }
}
@keyframes gds-animate-opacity-with-via {
    0% {
        opacity: var(--gds-animate-opacity-from);
    }
    50% {
        opacity: var(--gds-animate-opacity-via);
    }
    100% {
        opacity: var(--gds-animate-opacity-to);
    }
}
@property --gds-animate-color-from {
    syntax: "*";
    inherits: false;
    initial-value: currentColor;
}
@property --gds-animate-color-via {
    syntax: "*";
    inherits: false;
    initial-value: currentColor;
}
@property --gds-animate-color-to {
    syntax: "*";
    inherits: false;
    initial-value: currentColor;
}
@property --gds-animate-bg-from {
    syntax: "*";
    inherits: false;
    initial-value: transparent;
}
@property --gds-animate-bg-via {
    syntax: "*";
    inherits: false;
    initial-value: transparent;
}
@property --gds-animate-bg-to {
    syntax: "*";
    inherits: false;
    initial-value: transparent;
}
@property --gds-animate-border-from {
    syntax: "*";
    inherits: false;
    initial-value: transparent;
}
@property --gds-animate-border-via {
    syntax: "*";
    inherits: false;
    initial-value: transparent;
}
@property --gds-animate-border-to {
    syntax: "*";
    inherits: false;
    initial-value: transparent;
}
@property --gds-animate-outline-from {
    syntax: "*";
    inherits: false;
    initial-value: transparent;
}
@property --gds-animate-outline-via {
    syntax: "*";
    inherits: false;
    initial-value: transparent;
}
@property --gds-animate-outline-to {
    syntax: "*";
    inherits: false;
    initial-value: transparent;
}
@property --gds-animate-opacity-from {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --gds-animate-opacity-via {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --gds-animate-opacity-to {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --gds-animate-translate-x-from {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --gds-animate-translate-x-via {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --gds-animate-translate-x-to {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --gds-animate-translate-y-from {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --gds-animate-translate-y-via {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --gds-animate-translate-y-to {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --gds-animate-rotate-from {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --gds-animate-rotate-via {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --gds-animate-rotate-to {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --gds-animate-scale-from {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --gds-animate-scale-via {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --gds-animate-scale-to {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --gds-animate-scale-x-from {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --gds-animate-scale-x-via {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --gds-animate-scale-x-to {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --gds-animate-scale-y-from {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --gds-animate-scale-y-via {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --gds-animate-scale-y-to {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --gds-default-size {
    syntax: "*";
    inherits: false;
}
@property --gds-passed-size {
    syntax: "*";
    inherits: false;
}
@property --gds-prop-size {
    syntax: "*";
    inherits: false;
}
@property --gds-default-variant {
    syntax: "*";
    inherits: false;
}
@property --gds-passed-variant {
    syntax: "*";
    inherits: false;
}
@property --gds-prop-variant {
    syntax: "*";
    inherits: false;
}
@property --gds-default-hide-label {
    syntax: "*";
    inherits: false;
}
@property --gds-passed-hide-label {
    syntax: "*";
    inherits: false;
}
@property --gds-prop-hide-label {
    syntax: "*";
    inherits: false;
}
@property --gds-default-orientation {
    syntax: "*";
    inherits: false;
}
@property --gds-passed-orientation {
    syntax: "*";
    inherits: false;
}
@property --gds-prop-orientation {
    syntax: "*";
    inherits: false;
}
@property --gds-default-full-width {
    syntax: "*";
    inherits: false;
}
@property --gds-passed-full-width {
    syntax: "*";
    inherits: false;
}
@property --gds-prop-full-width {
    syntax: "*";
    inherits: false;
}
@property --gds-default-padding {
    syntax: "*";
    inherits: false;
}
@property --gds-passed-padding {
    syntax: "*";
    inherits: false;
}
@property --gds-prop-padding {
    syntax: "*";
    inherits: false;
}
@property --gds-default-shape {
    syntax: "*";
    inherits: false;
}
@property --gds-passed-shape {
    syntax: "*";
    inherits: false;
}
@property --gds-prop-shape {
    syntax: "*";
    inherits: false;
}
@property --gds-default-diamonds {
    syntax: "*";
    inherits: false;
}
@property --gds-passed-diamonds {
    syntax: "*";
    inherits: false;
}
@property --gds-prop-diamonds {
    syntax: "*";
    inherits: false;
}
@property --gds-default-color {
    syntax: "*";
    inherits: false;
}
@property --gds-passed-color {
    syntax: "*";
    inherits: false;
}
@property --gds-prop-color {
    syntax: "*";
    inherits: false;
}
@property --gds-default-display-format {
    syntax: "*";
    inherits: false;
}
@property --gds-passed-display-format {
    syntax: "*";
    inherits: false;
}
@property --gds-prop-display-format {
    syntax: "*";
    inherits: false;
}
@property --gds-default-layout {
    syntax: "*";
    inherits: false;
}
@property --gds-passed-layout {
    syntax: "*";
    inherits: false;
}
@property --gds-prop-layout {
    syntax: "*";
    inherits: false;
}
@property --gds-default-label-position {
    syntax: "*";
    inherits: false;
}
@property --gds-passed-label-position {
    syntax: "*";
    inherits: false;
}
@property --gds-prop-label-position {
    syntax: "*";
    inherits: false;
}
@property --gds-dummy-size {
    syntax: "gds-2xsmall | gds-xsmall | gds-small | gds-medium | gds-large | gds-xlarge | gds-2xlarge";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-dummy-variant {
    syntax: "gds-primary | gds-secondary | gds-tertiary | gds-inverse | gds-danger | gds-naked | gds-enclosed";
    inherits: true;
    initial-value: gds-primary;
}
@property --gds-address-variant {
    syntax: "gds-primary | gds-secondary | gds-enclosed";
    inherits: true;
    initial-value: gds-primary;
}
@property --gds-address-size {
    syntax: "gds-small | gds-medium | gds-large";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-avatar-size {
    syntax: "gds-xsmall | gds-small | gds-medium | gds-large | gds-xlarge | gds-2xlarge";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-avatar-group-size {
    syntax: "gds-xsmall | gds-small | gds-medium | gds-large | gds-xlarge";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-button-variant {
    syntax: "gds-primary | gds-secondary | gds-tertiary | gds-inverse | gds-danger | gds-naked";
    inherits: true;
    initial-value: gds-secondary;
}
@property --gds-button-size {
    syntax: "gds-xsmall | gds-small | gds-medium | gds-large";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-button-hide-label {
    syntax: "gds-false | gds-true";
    inherits: true;
    initial-value: gds-false;
}
@property --gds-button-group-variant {
    syntax: "gds-primary | gds-secondary | gds-tertiary | gds-inverse | gds-danger | gds-naked";
    inherits: true;
    initial-value: gds-secondary;
}
@property --gds-button-group-size {
    syntax: "gds-xsmall | gds-small | gds-medium | gds-large";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-button-group-orientation {
    syntax: "gds-horizontal | gds-vertical";
    inherits: true;
    initial-value: gds-horizontal;
}
@property --gds-button-group-full-width {
    syntax: "gds-false | gds-true";
    inherits: true;
    initial-value: gds-false;
}
@property --gds-card-variant {
    syntax: "gds-primary | gds-secondary";
    inherits: true;
    initial-value: gds-secondary;
}
@property --gds-card-padding {
    syntax: "<length-percentage>";
    inherits: true;
    initial-value: 1.5rem;
}
@property --gds-checkable-size {
    syntax: "gds-small | gds-medium";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-chip-size {
    syntax: "gds-small | gds-medium | gds-large";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-cluster-shape {
    syntax: "gds-circle | gds-square";
    inherits: true;
    initial-value: gds-circle;
}
@property --gds-cluster-size {
    syntax: "gds-xsmall | gds-small | gds-medium | gds-large | gds-xlarge";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-description-list-size {
    syntax: "gds-small | gds-medium | gds-large";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-description-list-orientation {
    syntax: "gds-horizontal | gds-vertical";
    inherits: true;
    initial-value: gds-vertical;
}
@property --gds-description-list-item-variant {
    syntax: "gds-default | gds-caption | gds-mono";
    inherits: true;
    initial-value: gds-default;
}
@property --gds-divider-variant {
    syntax: "gds-subtle | gds-default | gds-strong";
    inherits: true;
    initial-value: gds-default;
}
@property --gds-divider-orientation {
    syntax: "gds-horizontal | gds-vertical";
    inherits: true;
    initial-value: gds-horizontal;
}
@property --gds-divider-diamonds {
    syntax: "gds-false | gds-true";
    inherits: true;
    initial-value: gds-false;
}
@property --gds-icon-size {
    syntax: "<length-percentage>";
    inherits: true;
    initial-value: 100%;
}
@property --gds-icon-color {
    syntax: "<color>";
    inherits: true;
    initial-value: currentcolor;
}
@property --gds-input-size {
    syntax: "gds-medium | gds-large";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-label-variant {
    syntax: "gds-primary | gds-secondary";
    inherits: true;
    initial-value: gds-primary;
}
@property --gds-label-size {
    syntax: "gds-small | gds-medium | gds-large";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-link-variant {
    syntax: "gds-primary | gds-secondary";
    inherits: true;
    initial-value: gds-primary;
}
@property --gds-locale-switcher-display-format {
    syntax: "gds-short | gds-full";
    inherits: true;
    initial-value: gds-full;
}
@property --gds-mega-menu-layout {
    syntax: "gds-compact | gds-full";
    inherits: true;
    initial-value: gds-full;
}
@property --gds-modal-variant {
    syntax: "gds-dialog | gds-drawer";
    inherits: true;
    initial-value: gds-dialog;
}
@property --gds-modal-size {
    syntax: "gds-small | gds-medium | gds-large";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-navbar-layout {
    syntax: "gds-compact | gds-full";
    inherits: true;
    initial-value: gds-full;
}
@property --gds-nav-link-variant {
    syntax: "gds-primary | gds-secondary";
    inherits: true;
    initial-value: gds-primary;
}
@property --gds-search-size {
    syntax: "gds-small | gds-medium | gds-large";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-segmented-control-size {
    syntax: "gds-small | gds-medium | gds-large";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-select-size {
    syntax: "gds-medium | gds-large";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-status-variant {
    syntax: "gds-default | gds-info | gds-success | gds-warning | gds-error | gds-muted";
    inherits: true;
    initial-value: gds-default;
}
@property --gds-stepper-label-position {
    syntax: "gds-top | gds-bottom | gds-hidden";
    inherits: true;
    initial-value: gds-top;
}
@property --gds-tab-set-size {
    syntax: "gds-small | gds-medium";
    inherits: true;
    initial-value: gds-medium;
}
@property --gds-tab-set-full-width {
    syntax: "gds-false | gds-true";
    inherits: true;
    initial-value: gds-false;
}
@property --gds-tag-variant {
    syntax: "gds-purple | gds-blue | gds-green | gds-yellow | gds-red | gds-white | gds-midnight";
    inherits: true;
    initial-value: gds-purple;
}
@property --gds-tag-size {
    syntax: "gds-xsmall | gds-small | gds-medium";
    inherits: true;
    initial-value: gds-medium;
}
.text-h128 {
    text-wrap: balance;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 8rem;
    line-height: 8rem;
    letter-spacing: -0.125rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-h96 {
    text-wrap: balance;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 6rem;
    line-height: 6rem;
    letter-spacing: -0.125rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-h64 {
    text-wrap: balance;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 4rem;
    line-height: 4.5rem;
    letter-spacing: -0.125rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-h48 {
    text-wrap: balance;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 3rem;
    line-height: 3.5rem;
    letter-spacing: -0.1rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-h40 {
    text-wrap: balance;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: -0.075rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-h32 {
    text-wrap: balance;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -0.05rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-h24 {
    text-wrap: balance;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: -0.025rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-h20 {
    text-wrap: balance;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 1.25rem;
    line-height: 2.125rem;
    letter-spacing: -0.0125rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-h18 {
    text-wrap: balance;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: -0.00625rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-h16 {
    text-wrap: balance;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: 0rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-h14 {
    text-wrap: balance;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-h12 {
    text-wrap: balance;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 0.75rem;
    line-height: 1.125rem;
    letter-spacing: 0rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-p32 {
    text-wrap: pretty;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -0.05rem;
    font-weight: 400;
    --gds-font-weight: 400;
}
.text-p24 {
    text-wrap: pretty;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: -0.025rem;
    font-weight: 400;
    --gds-font-weight: 400;
}
.text-p20 {
    text-wrap: pretty;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 1.25rem;
    line-height: 2.125rem;
    letter-spacing: -0.0125rem;
    font-weight: 400;
    --gds-font-weight: 400;
}
.text-p18 {
    text-wrap: pretty;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: -0.00625rem;
    font-weight: 400;
    --gds-font-weight: 400;
}
.text-p16 {
    text-wrap: pretty;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: 0rem;
    font-weight: 400;
    --gds-font-weight: 400;
}
.text-p14 {
    text-wrap: pretty;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0rem;
    font-weight: 400;
    --gds-font-weight: 400;
}
.text-p12 {
    text-wrap: pretty;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 0.75rem;
    line-height: 1.125rem;
    letter-spacing: 0rem;
    font-weight: 400;
    --gds-font-weight: 400;
}
.text-c16 {
    font-family: 'EuclidCircular', sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.5rem;
    letter-spacing: 0.125rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-c14 {
    font-family: 'EuclidCircular', sans-serif;
    font-size: 0.875rem;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: 0.125rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-c12 {
    font-family: 'EuclidCircular', sans-serif;
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-c10 {
    font-family: 'EuclidCircular', sans-serif;
    font-size: 0.625rem;
    line-height: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    font-weight: 500;
    --gds-font-weight: 500;
}
.text-m20 {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    font-size: 1.25rem;
    line-height: 2.125rem;
    letter-spacing: -0.0125rem;
    font-weight: 400;
    --gds-font-weight: 400;
}
.text-m18 {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: -0.00625rem;
    font-weight: 400;
    --gds-font-weight: 400;
}
.text-m16 {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: 0rem;
    font-weight: 400;
    --gds-font-weight: 400;
}
.text-m14 {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0rem;
    font-weight: 400;
    --gds-font-weight: 400;
}
.text-m12 {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    font-size: 0.75rem;
    line-height: 1.125rem;
    letter-spacing: 0rem;
    font-weight: 400;
    --gds-font-weight: 400;
}
.animate-opacity-from-0 {
    --gds-animate-opacity-from: 0;
    --gds-animate-animation: gds-animate-opacity;
    animation: var(--gds-animate-animation-with-via, var(--gds-animate-animation)) var(--gds-animate-duration, 1s) var(--gds-animate-timing-function, cubic-bezier(0.4, 0, 0.4, 1));
}
.animate-translate-x-from-0 {
    --gds-animate-translate-x-from: 0rem;
    --gds-animate-animation: gds-animate-transform;
    animation: var(--gds-animate-animation-with-via, var(--gds-animate-animation)) var(--gds-animate-duration, 1s) var(--gds-animate-timing-function, cubic-bezier(0.4, 0, 0.4, 1));
}
.animate-translate-x-to-0 {
    --gds-animate-translate-x-to: 0rem;
    --gds-animate-animation: gds-animate-transform;
    animation: var(--gds-animate-animation-with-via, var(--gds-animate-animation)) var(--gds-animate-duration, 1s) var(--gds-animate-timing-function, cubic-bezier(0.4, 0, 0.4, 1));
}
.border-bg {
    border-color: transparent;
    background-origin: border-box;
    -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
            mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    -webkit-mask-clip: padding-box, border-box;
            mask-clip: padding-box, border-box;
    -webkit-mask-composite: xor, xor;
            mask-composite: exclude, exclude;
}
@keyframes gradient-mask-left {
    from, to {
        --gds-gradient-mask-left: transparent;
    }
}
@keyframes gradient-mask-right {
    from, to {
        --gds-gradient-mask-right: transparent;
    }
}
.gradient-mask-x {
    --gds-gradient-mask-left: black;
    --gds-gradient-mask-right: black;
    --gds-gradient-mask-size: 32px;
    animation: gradient-mask-left linear, gradient-mask-right linear;
    animation-timeline: scroll(x self), scroll(x self);
    animation-range: 1px 100%, 0 calc(100% - 1px);
    -webkit-mask-image: linear-gradient(to right, var(--gds-gradient-mask-left), black var(--gds-gradient-mask-size), black calc(100% - var(--gds-gradient-mask-size)), var(--gds-gradient-mask-right));
            mask-image: linear-gradient(to right, var(--gds-gradient-mask-left), black var(--gds-gradient-mask-size), black calc(100% - var(--gds-gradient-mask-size)), var(--gds-gradient-mask-right));
}
@keyframes gradient-mask-top {
    from, to {
        --gds-gradient-mask-top: transparent;
    }
}
@keyframes gradient-mask-bottom {
    from, to {
        --gds-gradient-mask-bottom: transparent;
    }
}
.gradient-mask-y {
    --gds-gradient-mask-top: black;
    --gds-gradient-mask-bottom: black;
    --gds-gradient-mask-size: 32px;
    animation: gradient-mask-top linear, gradient-mask-bottom linear;
    animation-timeline: scroll(y self), scroll(y self);
    animation-range: 1px 100%, 0 calc(100% - 1px);
    -webkit-mask-image: linear-gradient(to bottom, var(--gds-gradient-mask-top), black var(--gds-gradient-mask-size), black calc(100% - var(--gds-gradient-mask-size)), var(--gds-gradient-mask-bottom));
            mask-image: linear-gradient(to bottom, var(--gds-gradient-mask-top), black var(--gds-gradient-mask-size), black calc(100% - var(--gds-gradient-mask-size)), var(--gds-gradient-mask-bottom));
}
.gds-address {
    container-name: address;
    --style-queries-test: testing;
}
:where(.gds-address) {
    --gds-default-variant: gds-primary;
    --gds-default-polyfill-variant: 1px;
    --gds-prop-variant: var(--gds-passed-variant,var(--gds-default-variant));
    --gds-prop-polyfill-variant: 0px;
}
.gds-address {
    --gds-address-variant: var(--gds-prop-variant);
}
:where(.gds-address) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-address {
    --gds-address-size: var(--gds-prop-size);
}
.gds-avatar {
    container-name: avatar;
    --style-queries-test: testing;
}
:where(.gds-avatar) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-avatar {
    --gds-avatar-size: var(--gds-prop-size);
}
.gds-avatar-group {
    container-name: avatar-group;
    --style-queries-test: testing;
}
:where(.gds-avatar-group) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-avatar-group {
    --gds-avatar-group-size: var(--gds-prop-size);
}
.gds-button {
    container-name: button;
    --style-queries-test: testing;
}
:where(.gds-button) {
    --gds-default-variant: gds-secondary;
    --gds-default-polyfill-variant: 2px;
    --gds-prop-variant: var(--gds-passed-variant,var(--gds-default-variant));
    --gds-prop-polyfill-variant: 0px;
}
.gds-button {
    --gds-button-variant: var(--gds-prop-variant);
}
:where(.gds-button) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-button {
    --gds-button-size: var(--gds-prop-size);
}
:where(.gds-button) {
    --gds-default-hide-label: gds-false;
    --gds-default-polyfill-hide-label: 1px;
    --gds-prop-hide-label: var(--gds-passed-hide-label,var(--gds-default-hide-label));
    --gds-prop-polyfill-hide-label: 0px;
}
.gds-button {
    --gds-button-hide-label: var(--gds-prop-hide-label);
}
.gds-button-group {
    container-name: button-group;
    --style-queries-test: testing;
}
:where(.gds-button-group) {
    --gds-default-variant: gds-secondary;
    --gds-default-polyfill-variant: 2px;
    --gds-prop-variant: var(--gds-passed-variant,var(--gds-default-variant));
    --gds-prop-polyfill-variant: 0px;
}
.gds-button-group {
    --gds-button-group-variant: var(--gds-prop-variant);
}
:where(.gds-button-group) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-button-group {
    --gds-button-group-size: var(--gds-prop-size);
}
:where(.gds-button-group) {
    --gds-default-orientation: gds-horizontal;
    --gds-default-polyfill-orientation: 1px;
    --gds-prop-orientation: var(--gds-passed-orientation,var(--gds-default-orientation));
    --gds-prop-polyfill-orientation: 0px;
}
.gds-button-group {
    --gds-button-group-orientation: var(--gds-prop-orientation);
}
:where(.gds-button-group) {
    --gds-default-full-width: gds-false;
    --gds-default-polyfill-full-width: 1px;
    --gds-prop-full-width: var(--gds-passed-full-width,var(--gds-default-full-width));
    --gds-prop-polyfill-full-width: 0px;
}
.gds-button-group {
    --gds-button-group-full-width: var(--gds-prop-full-width);
}
.gds-card {
    container-name: card;
    --style-queries-test: testing;
}
:where(.gds-card) {
    --gds-default-variant: gds-secondary;
    --gds-default-polyfill-variant: 2px;
    --gds-prop-variant: var(--gds-passed-variant,var(--gds-default-variant));
    --gds-prop-polyfill-variant: 0px;
}
.gds-card {
    --gds-card-variant: var(--gds-prop-variant);
}
:where(.gds-card) {
    --gds-default-padding: 1.5rem;
    --gds-prop-padding: var(--gds-passed-padding,var(--gds-default-padding));
}
.gds-card {
    --gds-card-padding: var(--gds-prop-padding);
}
.gds-checkable {
    container-name: checkable;
    --style-queries-test: testing;
}
:where(.gds-checkable) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-checkable {
    --gds-checkable-size: var(--gds-prop-size);
}
.gds-chip {
    container-name: chip;
    --style-queries-test: testing;
}
:where(.gds-chip) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-chip {
    --gds-chip-size: var(--gds-prop-size);
}
.gds-cluster {
    container-name: cluster;
    --style-queries-test: testing;
}
:where(.gds-cluster) {
    --gds-default-shape: gds-circle;
    --gds-default-polyfill-shape: 1px;
    --gds-prop-shape: var(--gds-passed-shape,var(--gds-default-shape));
    --gds-prop-polyfill-shape: 0px;
}
.gds-cluster {
    --gds-cluster-shape: var(--gds-prop-shape);
}
:where(.gds-cluster) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-cluster {
    --gds-cluster-size: var(--gds-prop-size);
}
.gds-description-list {
    container-name: description-list;
    --style-queries-test: testing;
}
:where(.gds-description-list) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-description-list {
    --gds-description-list-size: var(--gds-prop-size);
}
:where(.gds-description-list) {
    --gds-default-orientation: gds-vertical;
    --gds-default-polyfill-orientation: 2px;
    --gds-prop-orientation: var(--gds-passed-orientation,var(--gds-default-orientation));
    --gds-prop-polyfill-orientation: 0px;
}
.gds-description-list {
    --gds-description-list-orientation: var(--gds-prop-orientation);
}
.gds-description-list-item {
    container-name: description-list-item;
    --style-queries-test: testing;
}
:where(.gds-description-list-item) {
    --gds-default-variant: gds-default;
    --gds-default-polyfill-variant: 25px;
    --gds-prop-variant: var(--gds-passed-variant,var(--gds-default-variant));
    --gds-prop-polyfill-variant: 0px;
}
.gds-description-list-item {
    --gds-description-list-item-variant: var(--gds-prop-variant);
}
.gds-divider {
    container-name: divider;
    --style-queries-test: testing;
}
:where(.gds-divider) {
    --gds-default-variant: gds-default;
    --gds-default-polyfill-variant: 25px;
    --gds-prop-variant: var(--gds-passed-variant,var(--gds-default-variant));
    --gds-prop-polyfill-variant: 0px;
}
.gds-divider {
    --gds-divider-variant: var(--gds-prop-variant);
}
:where(.gds-divider) {
    --gds-default-orientation: gds-horizontal;
    --gds-default-polyfill-orientation: 1px;
    --gds-prop-orientation: var(--gds-passed-orientation,var(--gds-default-orientation));
    --gds-prop-polyfill-orientation: 0px;
}
.gds-divider {
    --gds-divider-orientation: var(--gds-prop-orientation);
}
:where(.gds-divider) {
    --gds-default-diamonds: gds-false;
    --gds-default-polyfill-diamonds: 1px;
    --gds-prop-diamonds: var(--gds-passed-diamonds,var(--gds-default-diamonds));
    --gds-prop-polyfill-diamonds: 0px;
}
.gds-divider {
    --gds-divider-diamonds: var(--gds-prop-diamonds);
}
.gds-icon {
    container-name: icon;
    --style-queries-test: testing;
}
:where(.gds-icon) {
    --gds-default-size: 1em;
    --gds-default-polyfill-size: 0px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-icon {
    --gds-icon-size: var(--gds-prop-size);
}
:where(.gds-icon) {
    --gds-default-color: currentcolor;
    --gds-prop-color: var(--gds-passed-color,var(--gds-default-color));
}
.gds-icon {
    --gds-icon-color: var(--gds-prop-color);
}
.gds-input {
    container-name: input;
    --style-queries-test: testing;
}
:where(.gds-input) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-input {
    --gds-input-size: var(--gds-prop-size);
}
.gds-label {
    container-name: label;
    --style-queries-test: testing;
}
:where(.gds-label) {
    --gds-default-variant: gds-primary;
    --gds-default-polyfill-variant: 1px;
    --gds-prop-variant: var(--gds-passed-variant,var(--gds-default-variant));
    --gds-prop-polyfill-variant: 0px;
}
.gds-label {
    --gds-label-variant: var(--gds-prop-variant);
}
:where(.gds-label) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-label {
    --gds-label-size: var(--gds-prop-size);
}
.gds-link {
    container-name: link;
    --style-queries-test: testing;
}
:where(.gds-link) {
    --gds-default-variant: gds-primary;
    --gds-default-polyfill-variant: 1px;
    --gds-prop-variant: var(--gds-passed-variant,var(--gds-default-variant));
    --gds-prop-polyfill-variant: 0px;
}
.gds-link {
    --gds-link-variant: var(--gds-prop-variant);
}
.gds-locale-switcher {
    container-name: locale-switcher;
    --style-queries-test: testing;
}
:where(.gds-locale-switcher) {
    --gds-default-display-format: gds-full;
    --gds-default-polyfill-display-format: 2px;
    --gds-prop-display-format: var(--gds-passed-display-format,var(--gds-default-display-format));
    --gds-prop-polyfill-display-format: 0px;
}
.gds-locale-switcher {
    --gds-locale-switcher-display-format: var(--gds-prop-display-format);
}
.gds-mega-menu {
    container-name: mega-menu;
    --style-queries-test: testing;
}
:where(.gds-mega-menu) {
    --gds-default-layout: gds-full;
    --gds-default-polyfill-layout: 2px;
    --gds-prop-layout: var(--gds-passed-layout,var(--gds-default-layout));
    --gds-prop-polyfill-layout: 0px;
}
.gds-mega-menu {
    --gds-mega-menu-layout: var(--gds-prop-layout);
}
.gds-modal {
    container-name: modal;
    --style-queries-test: testing;
}
:where(.gds-modal) {
    --gds-default-variant: gds-dialog;
    --gds-default-polyfill-variant: 35px;
    --gds-prop-variant: var(--gds-passed-variant,var(--gds-default-variant));
    --gds-prop-polyfill-variant: 0px;
}
.gds-modal {
    --gds-modal-variant: var(--gds-prop-variant);
}
:where(.gds-modal) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-modal {
    --gds-modal-size: var(--gds-prop-size);
}
.gds-navbar {
    container-name: navbar;
    --style-queries-test: testing;
}
:where(.gds-navbar) {
    --gds-default-layout: gds-full;
    --gds-default-polyfill-layout: 2px;
    --gds-prop-layout: var(--gds-passed-layout,var(--gds-default-layout));
    --gds-prop-polyfill-layout: 0px;
}
.gds-navbar {
    --gds-navbar-layout: var(--gds-prop-layout);
}
.gds-nav-link {
    container-name: nav-link;
    --style-queries-test: testing;
}
:where(.gds-nav-link) {
    --gds-default-variant: gds-primary;
    --gds-default-polyfill-variant: 1px;
    --gds-prop-variant: var(--gds-passed-variant,var(--gds-default-variant));
    --gds-prop-polyfill-variant: 0px;
}
.gds-nav-link {
    --gds-nav-link-variant: var(--gds-prop-variant);
}
.gds-search {
    container-name: search;
    --style-queries-test: testing;
}
:where(.gds-search) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-search {
    --gds-search-size: var(--gds-prop-size);
}
.gds-segmented-control {
    container-name: segmented-control;
    --style-queries-test: testing;
}
:where(.gds-segmented-control) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-segmented-control {
    --gds-segmented-control-size: var(--gds-prop-size);
}
.gds-select {
    container-name: select;
    --style-queries-test: testing;
}
:where(.gds-select) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-select {
    --gds-select-size: var(--gds-prop-size);
}
.gds-status {
    container-name: status;
    --style-queries-test: testing;
}
:where(.gds-status) {
    --gds-default-variant: gds-default;
    --gds-default-polyfill-variant: 25px;
    --gds-prop-variant: var(--gds-passed-variant,var(--gds-default-variant));
    --gds-prop-polyfill-variant: 0px;
}
.gds-status {
    --gds-status-variant: var(--gds-prop-variant);
}
.gds-stepper {
    container-name: stepper;
    --style-queries-test: testing;
}
:where(.gds-stepper) {
    --gds-default-label-position: gds-top;
    --gds-default-polyfill-label-position: 1px;
    --gds-prop-label-position: var(--gds-passed-label-position,var(--gds-default-label-position));
    --gds-prop-polyfill-label-position: 0px;
}
.gds-stepper {
    --gds-stepper-label-position: var(--gds-prop-label-position);
}
.gds-tab-set {
    container-name: tab-set;
    --style-queries-test: testing;
}
:where(.gds-tab-set) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-tab-set {
    --gds-tab-set-size: var(--gds-prop-size);
}
:where(.gds-tab-set) {
    --gds-default-full-width: gds-false;
    --gds-default-polyfill-full-width: 1px;
    --gds-prop-full-width: var(--gds-passed-full-width,var(--gds-default-full-width));
    --gds-prop-polyfill-full-width: 0px;
}
.gds-tab-set {
    --gds-tab-set-full-width: var(--gds-prop-full-width);
}
.gds-tag {
    container-name: tag;
    --style-queries-test: testing;
}
:where(.gds-tag) {
    --gds-default-variant: gds-purple;
    --gds-default-polyfill-variant: 45px;
    --gds-prop-variant: var(--gds-passed-variant,var(--gds-default-variant));
    --gds-prop-polyfill-variant: 0px;
}
.gds-tag {
    --gds-tag-variant: var(--gds-prop-variant);
}
:where(.gds-tag) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
    --gds-prop-size: var(--gds-passed-size,var(--gds-default-size));
    --gds-prop-polyfill-size: 0px;
}
.gds-tag {
    --gds-tag-size: var(--gds-prop-size);
}
:scope .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;
}
:scope .\!visible {
    visibility: visible !important;
}
:scope .visible {
    visibility: visible;
}
:scope .invisible {
    visibility: hidden;
}
:scope .collapse {
    visibility: collapse;
}
:scope .static {
    position: static;
}
:scope .fixed {
    position: fixed;
}
:scope .absolute {
    position: absolute;
}
:scope .relative {
    position: relative;
}
:scope .sticky {
    position: sticky;
}
:scope .inset-0 {
    inset: 0rem;
}
:scope .inset-2 {
    inset: 0.5rem;
}
:scope .inset-\[var\(--gds-card-padding\)\] {
    inset: var(--gds-card-padding);
}
:scope .inset-x-0 {
    left: 0rem;
    right: 0rem;
}
:scope .inset-x-\[calc\(-1\*var\(--gds-nav-link-offset-x\)\)\] {
    left: calc(-1 * var(--gds-nav-link-offset-x));
    right: calc(-1 * var(--gds-nav-link-offset-x));
}
:scope .inset-x-px {
    left: 1px;
    right: 1px;
}
:scope .inset-y-0 {
    top: 0rem;
    bottom: 0rem;
}
:scope .inset-y-\[3px\] {
    top: 3px;
    bottom: 3px;
}
:scope .-bottom-1 {
    bottom: -0.25rem;
}
:scope .-end-4 {
    inset-inline-end: -1rem;
}
:scope .-left-3 {
    left: -0.75rem;
}
:scope .-right-1 {
    right: -0.25rem;
}
:scope .-top-4 {
    top: -1rem;
}
:scope .bottom-0 {
    bottom: 0rem;
}
:scope .bottom-\[-40\%\] {
    bottom: -40%;
}
:scope .bottom-\[18px\] {
    bottom: 18px;
}
:scope .bottom-\[8px\] {
    bottom: 8px;
}
:scope .end-0 {
    inset-inline-end: 0rem;
}
:scope .end-2 {
    inset-inline-end: 0.5rem;
}
:scope .left-0 {
    left: 0rem;
}
:scope .left-\[14px\] {
    left: 14px;
}
:scope .left-\[23px\] {
    left: 23px;
}
:scope .right-0 {
    right: 0rem;
}
:scope .right-1 {
    right: 0.25rem;
}
:scope .right-11 {
    right: 2.75rem;
}
:scope .right-3 {
    right: 0.75rem;
}
:scope .start-0 {
    inset-inline-start: 0rem;
}
:scope .start-1 {
    inset-inline-start: 0.25rem;
}
:scope .top-0 {
    top: 0rem;
}
:scope .top-0\.5 {
    top: 0.125rem;
}
:scope .top-1 {
    top: 0.25rem;
}
:scope .top-2 {
    top: 0.5rem;
}
:scope .top-\[15px\] {
    top: 15px;
}
:scope .top-\[calc\(\(var\(--parent-em\)-1em\)\*0\.25\)\] {
    top: calc((var(--parent-em) - 1em) * 0.25);
}
:scope .isolate {
    isolation: isolate;
}
:scope .z-10 {
    z-index: 10;
}
:scope .z-1000 {
    z-index: 1000;
}
:scope .z-50 {
    z-index: 50;
}
:scope .col-span-1 {
    grid-column: span 1 / span 1;
}
:scope .col-span-full {
    grid-column: 1 / -1;
}
:scope .col-start-\[var\(--checked-index\2c var\(--hover-index\)\)\] {
    grid-column-start: var(--checked-index,var(--hover-index));
}
:scope .col-start-\[var\(--selected-index\)\] {
    grid-column-start: var(--selected-index);
}
:scope .row-span-1 {
    grid-row: span 1 / span 1;
}
:scope .row-span-3 {
    grid-row: span 3 / span 3;
}
:scope .row-start-1 {
    grid-row-start: 1;
}
:scope .row-start-3 {
    grid-row-start: 3;
}
:scope .-m-px {
    margin: -1px;
}
:scope .m-\[var\(--icons-margin\)\] {
    margin: var(--icons-margin);
}
:scope .m-auto {
    margin: auto;
}
:scope .-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}
:scope .mx-0\.5 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
}
:scope .mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
:scope .mx-auto {
    margin-left: auto;
    margin-right: auto;
}
:scope .my-0\.5 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}
:scope .my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
:scope .my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
:scope .-mb-px {
    margin-bottom: -1px;
}
:scope .-ml-px {
    margin-left: -1px;
}
:scope .-mr-1 {
    margin-right: -0.25rem;
}
:scope .-ms-1 {
    margin-inline-start: -0.25rem;
}
:scope .-ms-5 {
    margin-inline-start: -1.25rem;
}
:scope .-mt-1 {
    margin-top: -0.25rem;
}
:scope .-mt-px {
    margin-top: -1px;
}
:scope .mb-2 {
    margin-bottom: 0.5rem;
}
:scope .mb-3 {
    margin-bottom: 0.75rem;
}
:scope .mb-4 {
    margin-bottom: 1rem;
}
:scope .mb-6 {
    margin-bottom: 1.5rem;
}
:scope .mb-8 {
    margin-bottom: 2rem;
}
:scope .ml-2 {
    margin-left: 0.5rem;
}
:scope .mr-\[calc\(-1\*theme\(letterSpacing\.caption\)\)\] {
    margin-right: calc(-1 * 0.125rem);
}
:scope .ms-1 {
    margin-inline-start: 0.25rem;
}
:scope .ms-auto {
    margin-inline-start: auto;
}
:scope .mt-1 {
    margin-top: 0.25rem;
}
:scope .mt-2 {
    margin-top: 0.5rem;
}
:scope .mt-4 {
    margin-top: 1rem;
}
:scope .mt-6 {
    margin-top: 1.5rem;
}
:scope .mt-8 {
    margin-top: 2rem;
}
:scope .mt-\[1em\] {
    margin-top: 1em;
}
:scope .mt-\[250px\] {
    margin-top: 250px;
}
:scope .mt-auto {
    margin-top: auto;
}
:scope .block {
    display: block;
}
:scope .inline-block {
    display: inline-block;
}
:scope .inline {
    display: inline;
}
:scope .flex {
    display: flex;
}
:scope .inline-flex {
    display: inline-flex;
}
:scope .table {
    display: table;
}
:scope .table-cell {
    display: table-cell;
}
:scope .table-header-group {
    display: table-header-group;
}
:scope .table-row-group {
    display: table-row-group;
}
:scope .table-row {
    display: table-row;
}
:scope .\!grid {
    display: grid !important;
}
:scope .grid {
    display: grid;
}
:scope .inline-grid {
    display: inline-grid;
}
:scope .contents {
    display: contents;
}
:scope .hidden {
    display: none;
}
:scope .aspect-square {
    aspect-ratio: 1 / 1;
}
:scope .size-0 {
    width: 0rem;
    height: 0rem;
}
:scope .size-1\.5 {
    width: 0.375rem;
    height: 0.375rem;
}
:scope .size-2 {
    width: 0.5rem;
    height: 0.5rem;
}
:scope .size-3 {
    width: 0.75rem;
    height: 0.75rem;
}
:scope .size-4 {
    width: 1rem;
    height: 1rem;
}
:scope .size-5 {
    width: 1.25rem;
    height: 1.25rem;
}
:scope .size-6 {
    width: 1.5rem;
    height: 1.5rem;
}
:scope .size-\[9px\] {
    width: 9px;
    height: 9px;
}
:scope .size-full {
    width: 100%;
    height: 100%;
}
:scope .size-max {
    width: max-content;
    height: max-content;
}
:scope .size-px {
    width: 1px;
    height: 1px;
}
:scope .h-0\.5 {
    height: 0.125rem;
}
:scope .h-1 {
    height: 0.25rem;
}
:scope .h-10 {
    height: 2.5rem;
}
:scope .h-14 {
    height: 3.5rem;
}
:scope .h-16 {
    height: 4rem;
}
:scope .h-20 {
    height: 5rem;
}
:scope .h-24 {
    height: 6rem;
}
:scope .h-28 {
    height: 7rem;
}
:scope .h-4 {
    height: 1rem;
}
:scope .h-5 {
    height: 1.25rem;
}
:scope .h-6 {
    height: 1.5rem;
}
:scope .h-7 {
    height: 1.75rem;
}
:scope .h-8 {
    height: 2rem;
}
:scope .h-\[calc\(100vh-theme\(spacing\.20\)\)\] {
    height: calc(100vh - 5rem);
}
:scope .h-\[var\(--gds-header-height\)\] {
    height: var(--gds-header-height);
}
:scope .h-\[var\(--height\)\] {
    height: var(--height);
}
:scope .h-\[var\(--size\)\] {
    height: var(--size);
}
:scope .h-fit {
    height: fit-content;
}
:scope .h-full {
    height: 100%;
}
:scope .h-max {
    height: max-content;
}
:scope .h-px {
    height: 1px;
}
:scope .h-screen {
    height: 100vh;
}
:scope .max-h-28 {
    max-height: 7rem;
}
:scope .max-h-64 {
    max-height: 16rem;
}
:scope .max-h-\[300px\] {
    max-height: 300px;
}
:scope .max-h-\[var\(--available-height\)\] {
    max-height: var(--available-height);
}
:scope .max-h-\[var\(--gds-modal-max-height\)\] {
    max-height: var(--gds-modal-max-height);
}
:scope .max-h-full {
    max-height: 100%;
}
:scope .min-h-10 {
    min-height: 2.5rem;
}
:scope .min-h-12 {
    min-height: 3rem;
}
:scope .min-h-28 {
    min-height: 7rem;
}
:scope .min-h-5 {
    min-height: 1.25rem;
}
:scope .min-h-\[1lh\] {
    min-height: 1lh;
}
:scope .min-h-\[200vh\] {
    min-height: 200vh;
}
:scope .min-h-fit {
    min-height: fit-content;
}
:scope .min-h-full {
    min-height: 100%;
}
:scope .w-0 {
    width: 0rem;
}
:scope .w-16 {
    width: 4rem;
}
:scope .w-5 {
    width: 1.25rem;
}
:scope .w-\[205\%\] {
    width: 205%;
}
:scope .w-\[calc\(100\%\+var\(--padding\)\*2\)\] {
    width: calc(100% + var(--padding) * 2);
}
:scope .w-\[calc\(var\(--gds-container-max-width\)\+2\*var\(--gds-container-padding\)\)\] {
    width: calc(var(--gds-container-max-width) + 2 * var(--gds-container-padding));
}
:scope .w-\[var\(--button-width\)\] {
    width: var(--button-width);
}
:scope .w-fit {
    width: fit-content;
}
:scope .w-full {
    width: 100%;
}
:scope .w-max {
    width: max-content;
}
:scope .w-px {
    width: 1px;
}
:scope .min-w-0 {
    min-width: 0rem;
}
:scope .min-w-4 {
    min-width: 1rem;
}
:scope .min-w-5 {
    min-width: 1.25rem;
}
:scope .min-w-\[300px\] {
    min-width: 300px;
}
:scope .min-w-\[min\(var\(--anchor-width\)\2c var\(--available-width\)\)\] {
    min-width: min(var(--anchor-width),var(--available-width));
}
:scope .min-w-\[var\(--button-width\)\] {
    min-width: var(--button-width);
}
:scope .min-w-\[var\(--height\)\] {
    min-width: var(--height);
}
:scope .min-w-\[var\(--size\)\] {
    min-width: var(--size);
}
:scope .min-w-auto {
    min-width: auto;
}
:scope .min-w-max {
    min-width: max-content;
}
:scope .min-w-min {
    min-width: min-content;
}
:scope .max-w-60 {
    max-width: 15rem;
}
:scope .max-w-80 {
    max-width: 20rem;
}
:scope .max-w-96 {
    max-width: 24rem;
}
:scope .max-w-\[100vw\] {
    max-width: 100vw;
}
:scope .max-w-\[50vw\] {
    max-width: 50vw;
}
:scope .max-w-\[var\(--available-width\)\] {
    max-width: var(--available-width);
}
:scope .max-w-full {
    max-width: 100%;
}
:scope .max-w-none {
    max-width: none;
}
:scope .flex-1 {
    flex: 1 1 0%;
}
:scope .flex-shrink-0 {
    flex-shrink: 0;
}
:scope .shrink-0 {
    flex-shrink: 0;
}
:scope .grow {
    flex-grow: 1;
}
:scope .origin-\[var\(--transform-origin\)\] {
    transform-origin: var(--transform-origin);
}
:scope .origin-bottom {
    transform-origin: bottom;
}
:scope .origin-left {
    transform-origin: left;
}
:scope .-translate-x-1 {
    --tw-translate-x: -0.25rem;
    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));
}
:scope .translate-x-\[2\.447px\] {
    --tw-translate-x: 2.447px;
    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));
}
:scope .translate-y-1 {
    --tw-translate-y: 0.25rem;
    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));
}
:scope .translate-y-\[2\.235px\] {
    --tw-translate-y: 2.235px;
    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));
}
:scope .rotate-180 {
    --tw-rotate: 180deg;
    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));
}
:scope .scale-115 {
    --tw-scale-x: 1.15;
    --tw-scale-y: 1.15;
    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));
}
:scope .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));
}
:scope .cursor-default {
    cursor: default;
}
:scope .cursor-pointer {
    cursor: pointer;
}
:scope .select-none {
    -webkit-user-select: none;
            user-select: none;
}
:scope .resize {
    resize: both;
}
:scope .grid-flow-col {
    grid-auto-flow: column;
}
:scope .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
:scope .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
:scope .grid-cols-auto-fill-24 {
    grid-template-columns: repeat(auto-fill, minmax(min(6rem, 100%), 1fr));
}
:scope .grid-cols-auto-fill-58 {
    grid-template-columns: repeat(auto-fill, minmax(min(14.5rem, 100%), 1fr));
}
:scope .grid-cols-auto-fit-60 {
    grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
}
:scope .grid-cols-subgrid {
    grid-template-columns: subgrid;
}
:scope .grid-rows-subgrid {
    grid-template-rows: subgrid;
}
:scope .flex-row {
    flex-direction: row;
}
:scope .flex-col {
    flex-direction: column;
}
:scope .flex-wrap {
    flex-wrap: wrap;
}
:scope .place-content-center {
    place-content: center;
}
:scope .content-start {
    align-content: flex-start;
}
:scope .items-start {
    align-items: flex-start;
}
:scope .items-center {
    align-items: center;
}
:scope .items-baseline {
    align-items: baseline;
}
:scope .justify-end {
    justify-content: flex-end;
}
:scope .justify-center {
    justify-content: center;
}
:scope .justify-between {
    justify-content: space-between;
}
:scope .gap-0\.5 {
    gap: 0.125rem;
}
:scope .gap-1 {
    gap: 0.25rem;
}
:scope .gap-1\.5 {
    gap: 0.375rem;
}
:scope .gap-2 {
    gap: 0.5rem;
}
:scope .gap-3 {
    gap: 0.75rem;
}
:scope .gap-4 {
    gap: 1rem;
}
:scope .gap-4\.5 {
    gap: 1.125rem;
}
:scope .gap-5 {
    gap: 1.25rem;
}
:scope .gap-6 {
    gap: 1.5rem;
}
:scope .gap-8 {
    gap: 2rem;
}
:scope .gap-x-1 {
    column-gap: 0.25rem;
}
:scope .gap-x-2 {
    column-gap: 0.5rem;
}
:scope .gap-x-3 {
    column-gap: 0.75rem;
}
:scope .gap-x-4 {
    column-gap: 1rem;
}
:scope .gap-x-8 {
    column-gap: 2rem;
}
:scope .gap-y-0\.5 {
    row-gap: 0.125rem;
}
:scope .gap-y-1 {
    row-gap: 0.25rem;
}
:scope .gap-y-2 {
    row-gap: 0.5rem;
}
:scope .gap-y-4 {
    row-gap: 1rem;
}
:scope .gap-y-6 {
    row-gap: 1.5rem;
}
:scope .gap-y-8 {
    row-gap: 2rem;
}
:scope :is(.divide-y > :not([hidden]) ~ :not([hidden])) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
:scope :is(.divide-white\/4 > :not([hidden]) ~ :not([hidden])) {
    border-color: rgb(var(--gds-color-white) / 0.04);
}
:scope .self-center {
    align-self: center;
}
:scope .overflow-auto {
    overflow: auto;
}
:scope .overflow-clip {
    overflow: clip;
}
:scope .overflow-x-auto {
    overflow-x: auto;
}
:scope .overflow-y-auto {
    overflow-y: auto;
}
:scope .overflow-x-clip {
    overflow-x: clip;
}
:scope .overflow-y-clip {
    overflow-y: clip;
}
:scope .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
:scope .whitespace-normal {
    white-space: normal;
}
:scope .whitespace-nowrap {
    white-space: nowrap;
}
:scope .text-balance {
    text-wrap: balance;
}
:scope .text-pretty {
    text-wrap: pretty;
}
:scope .break-words {
    overflow-wrap: break-word;
}
:scope .break-all {
    word-break: break-all;
}
:scope .rounded-12 {
    border-radius: 0.75rem;
}
:scope .rounded-4 {
    border-radius: 0.25rem;
}
:scope .rounded-6 {
    border-radius: 0.375rem;
}
:scope .rounded-8 {
    border-radius: 0.5rem;
}
:scope .rounded-\[calc\(var\(--gds-segmented-control-radius\)-2px\)\] {
    border-radius: calc(var(--gds-segmented-control-radius) - 2px);
}
:scope .rounded-\[inherit\] {
    border-radius: inherit;
}
:scope .rounded-\[var\(--gds-card-radius\)\] {
    border-radius: var(--gds-card-radius);
}
:scope .rounded-\[var\(--gds-mega-menu-radius\)\] {
    border-radius: var(--gds-mega-menu-radius);
}
:scope .rounded-\[var\(--gds-segmented-control-radius\)\] {
    border-radius: var(--gds-segmented-control-radius);
}
:scope .rounded-full {
    border-radius: 9999px;
}
:scope .rounded-b-\[inherit\] {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}
:scope .rounded-b-\[var\(--gds-modal-radius-bottom\)\] {
    border-bottom-right-radius: var(--gds-modal-radius-bottom);
    border-bottom-left-radius: var(--gds-modal-radius-bottom);
}
:scope .rounded-l-8 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
:scope .rounded-t-\[inherit\] {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
:scope .rounded-t-\[var\(--gds-modal-radius-top\)\] {
    border-top-left-radius: var(--gds-modal-radius-top);
    border-top-right-radius: var(--gds-modal-radius-top);
}
:scope .border {
    border-width: 1px;
}
:scope .border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
}
:scope .border-b {
    border-bottom-width: 1px;
}
:scope .border-l {
    border-left-width: 1px;
}
:scope .border-t {
    border-top-width: 1px;
}
:scope .border-\[var\(--gds-card-border\)\] {
    border-color: var(--gds-card-border);
}
:scope .border-\[var\(--gds-mega-menu-border\)\] {
    border-color: var(--gds-mega-menu-border);
}
:scope .border-solar-900 {
    border-color: rgb(var(--gds-color-solar-900) / 1);
}
:scope .border-space-1300 {
    border-color: rgb(var(--gds-color-space-1300) / 1);
}
:scope .border-space-1400 {
    border-color: rgb(var(--gds-color-space-1400) / 1);
}
:scope .border-space-1500 {
    border-color: rgb(var(--gds-color-space-1500) / 1);
}
:scope .border-transparent {
    border-color: transparent;
}
:scope .border-white\/16 {
    border-color: rgb(var(--gds-color-white) / 0.16);
}
:scope .border-white\/4 {
    border-color: rgb(var(--gds-color-white) / 0.04);
}
:scope .border-white\/8 {
    border-color: rgb(var(--gds-color-white) / 0.08);
}
:scope .border-t-white\/8 {
    border-top-color: rgb(var(--gds-color-white) / 0.08);
}
:scope .bg-\[var\(--gds-card-bg\)\] {
    background-color: var(--gds-card-bg);
}
:scope .bg-\[var\(--gds-mega-menu-border\)\] {
    background-color: var(--gds-mega-menu-border);
}
:scope .bg-black {
    background-color: rgb(var(--gds-color-black) / 1);
}
:scope .bg-black\/32 {
    background-color: rgb(var(--gds-color-black) / 0.32);
}
:scope .bg-blue {
    background-color: rgb(var(--gds-color-blue) / 1);
}
:scope .bg-current {
    background-color: currentcolor;
}
:scope .bg-green\/32 {
    background-color: rgb(var(--gds-color-green) / 0.32);
}
:scope .bg-midnight {
    background-color: rgb(var(--gds-color-midnight) / 1);
}
:scope .bg-midnight\/48 {
    background-color: rgb(var(--gds-color-midnight) / 0.48);
}
:scope .bg-overlay {
    background-color: rgb(var(--gds-color-overlay) / 1);
}
:scope .bg-pink {
    background-color: rgb(var(--gds-color-pink) / 1);
}
:scope .bg-purple {
    background-color: rgb(var(--gds-color-purple) / 1);
}
:scope .bg-purple\/16 {
    background-color: rgb(var(--gds-color-purple) / 0.16);
}
:scope .bg-purple\/48 {
    background-color: rgb(var(--gds-color-purple) / 0.48);
}
:scope .bg-purple\/88 {
    background-color: rgb(var(--gds-color-purple) / 0.88);
}
:scope .bg-red\/32 {
    background-color: rgb(var(--gds-color-red) / 0.32);
}
:scope .bg-solar-1000 {
    background-color: rgb(var(--gds-color-solar-1000) / 1);
}
:scope .bg-space-1500 {
    background-color: rgb(var(--gds-color-space-1500) / 1);
}
:scope .bg-space-1600 {
    background-color: rgb(var(--gds-color-space-1600) / 1);
}
:scope .bg-space-1700 {
    background-color: rgb(var(--gds-color-space-1700) / 1);
}
:scope .bg-space-1800\/50 {
    background-color: rgb(var(--gds-color-space-1800) / 0.5);
}
:scope .bg-white {
    background-color: rgb(var(--gds-color-white) / 1);
}
:scope .bg-white\/0 {
    background-color: rgb(var(--gds-color-white) / 0);
}
:scope .bg-white\/10 {
    background-color: rgb(var(--gds-color-white) / 0.1);
}
:scope .bg-white\/16 {
    background-color: rgb(var(--gds-color-white) / 0.16);
}
:scope .bg-white\/2 {
    background-color: rgb(var(--gds-color-white) / 0.02);
}
:scope .bg-white\/4 {
    background-color: rgb(var(--gds-color-white) / 0.04);
}
:scope .bg-white\/8 {
    background-color: rgb(var(--gds-color-white) / 0.08);
}
:scope .bg-white\/88 {
    background-color: rgb(var(--gds-color-white) / 0.88);
}
:scope .bg-yellow\/16 {
    background-color: rgb(var(--gds-color-yellow) / 0.16);
}
:scope .bg-\[linear-gradient\(120deg\2c rgba\(127\2c 142\2c 252\2c 0\.20\)_1\.16\%\2c rgba\(40\2c 20\2c 192\2c 0\.20\)_98\.86\%\)\] {
    background-image: linear-gradient(120deg,rgba(127,142,252,0.20) 1.16%,rgba(40,20,192,0.20) 98.86%);
}
:scope .bg-\[linear-gradient\(132deg\2c rgba\(255\2c 107\2c 39\2c 0\.16\)_0\.67\%\2c rgba\(37\2c 106\2c 255\2c 0\.16\)_99\.37\%\)\] {
    background-image: linear-gradient(132deg,rgba(255,107,39,0.16) 0.67%,rgba(37,106,255,0.16) 99.37%);
}
:scope .bg-\[linear-gradient\(135deg\2c theme\(colors\.pink\/12\%\)_-3\.42\%\2c theme\(colors\.purple\/12\%\)_103\.4\%\)\] {
    background-image: linear-gradient(135deg,rgb(var(--gds-color-pink) / 12%) -3.42%,rgb(var(--gds-color-purple) / 12%) 103.4%);
}
:scope .bg-\[linear-gradient\(296deg\2c theme\(colors\.blue\/8\%\)_0\%\2c theme\(colors\.turquoise\/8\%\)_100\%\)\] {
    background-image: linear-gradient(296deg,rgb(var(--gds-color-blue) / 8%) 0%,rgb(var(--gds-color-turquoise) / 8%) 100%);
}
:scope .bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
:scope .bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
:scope .from-\[\#611e8A\] {
    --tw-gradient-from: #611e8A var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(97 30 138 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:scope .from-blue\/16 {
    --tw-gradient-from: rgb(var(--gds-color-blue) / 0.16) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--gds-color-blue) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:scope .from-current {
    --tw-gradient-from: currentcolor var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:scope .via-purple\/75 {
    --tw-gradient-to: rgb(var(--gds-color-purple) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--gds-color-purple) / 0.75) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
:scope .to-\[\#080c5e\] {
    --tw-gradient-to: #080c5e var(--tw-gradient-to-position);
}
:scope .to-blue\/0 {
    --tw-gradient-to: rgb(var(--gds-color-blue) / 0) var(--tw-gradient-to-position);
}
:scope .to-current {
    --tw-gradient-to: currentcolor var(--tw-gradient-to-position);
}
:scope .to-pink\/75 {
    --tw-gradient-to: rgb(var(--gds-color-pink) / 0.75) var(--tw-gradient-to-position);
}
:scope .bg-cover {
    background-size: cover;
}
:scope .bg-clip-padding {
    background-clip: padding-box;
}
:scope .bg-right-bottom {
    background-position: right bottom;
}
:scope .bg-origin-border {
    background-origin: border-box;
}
:scope .fill-current {
    fill: currentcolor;
}
:scope .fill-none {
    fill: none;
}
:scope .fill-transparent {
    fill: transparent;
}
:scope .stroke-current {
    stroke: currentcolor;
}
:scope .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
}
:scope .p-10 {
    padding: 2.5rem;
}
:scope .p-2 {
    padding: 0.5rem;
}
:scope .p-3 {
    padding: 0.75rem;
}
:scope .p-4 {
    padding: 1rem;
}
:scope .p-5 {
    padding: 1.25rem;
}
:scope .p-6 {
    padding: 1.5rem;
}
:scope .p-8 {
    padding: 2rem;
}
:scope .p-\[var\(--gds-card-padding\)\] {
    padding: var(--gds-card-padding);
}
:scope .p-\[var\(--gds-sb-padding\)\] {
    padding: var(--gds-sb-padding);
}
:scope .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
:scope .px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
:scope .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
:scope .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
:scope .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
:scope .px-\[3px\] {
    padding-left: 3px;
    padding-right: 3px;
}
:scope .px-\[var\(--gds-container-padding\)\] {
    padding-left: var(--gds-container-padding);
    padding-right: var(--gds-container-padding);
}
:scope .px-\[var\(--gds-modal-padding-x\)\] {
    padding-left: var(--gds-modal-padding-x);
    padding-right: var(--gds-modal-padding-x);
}
:scope .px-\[var\(--gds-nav-link-padding-x\)\] {
    padding-left: var(--gds-nav-link-padding-x);
    padding-right: var(--gds-nav-link-padding-x);
}
:scope .px-\[var\(--gds-tag-padding\)\] {
    padding-left: var(--gds-tag-padding);
    padding-right: var(--gds-tag-padding);
}
:scope .px-\[var\(--padding\)\] {
    padding-left: var(--padding);
    padding-right: var(--padding);
}
:scope .py-0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
}
:scope .py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
:scope .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
:scope .py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
:scope .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
:scope .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
:scope .py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
:scope .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
:scope .py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
:scope .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
:scope .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
:scope .py-\[var\(--gds-modal-padding-y\)\] {
    padding-top: var(--gds-modal-padding-y);
    padding-bottom: var(--gds-modal-padding-y);
}
:scope .py-\[var\(--gds-nav-link-padding-y\)\] {
    padding-top: var(--gds-nav-link-padding-y);
    padding-bottom: var(--gds-nav-link-padding-y);
}
:scope .py-\[var\(--padding\)\] {
    padding-top: var(--padding);
    padding-bottom: var(--padding);
}
:scope .pb-0\.5 {
    padding-bottom: 0.125rem;
}
:scope .pb-2 {
    padding-bottom: 0.5rem;
}
:scope .pe-1 {
    padding-inline-end: 0.25rem;
}
:scope .pe-3 {
    padding-inline-end: 0.75rem;
}
:scope .pe-4 {
    padding-inline-end: 1rem;
}
:scope .ps-1 {
    padding-inline-start: 0.25rem;
}
:scope .ps-2 {
    padding-inline-start: 0.5rem;
}
:scope .ps-5 {
    padding-inline-start: 1.25rem;
}
:scope .pt-16 {
    padding-top: 4rem;
}
:scope .pt-2 {
    padding-top: 0.5rem;
}
:scope .pt-3 {
    padding-top: 0.75rem;
}
:scope .pt-4 {
    padding-top: 1rem;
}
:scope .text-center {
    text-align: center;
}
:scope .text-end {
    text-align: end;
}
:scope .align-top {
    vertical-align: top;
}
:scope .font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}
:scope .font-sans {
    font-family: 'EuclidCircular', sans-serif;
}
:scope .text-10 {
    font-size: 0.625rem;
    line-height: 0.875rem;
    letter-spacing: 0rem;
}
:scope .text-12 {
    font-size: 0.75rem;
    line-height: 1.125rem;
    letter-spacing: 0rem;
}
:scope .text-128 {
    font-size: 8rem;
    line-height: 8rem;
    letter-spacing: -0.125rem;
}
:scope .text-14 {
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0rem;
}
:scope .text-16 {
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: 0rem;
}
:scope .text-18 {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: -0.00625rem;
}
:scope .text-20 {
    font-size: 1.25rem;
    line-height: 2.125rem;
    letter-spacing: -0.0125rem;
}
:scope .text-24 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: -0.025rem;
}
:scope .text-32 {
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -0.05rem;
}
:scope .text-40 {
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: -0.075rem;
}
:scope .text-48 {
    font-size: 3rem;
    line-height: 3.5rem;
    letter-spacing: -0.1rem;
}
:scope .text-64 {
    font-size: 4rem;
    line-height: 4.5rem;
    letter-spacing: -0.125rem;
}
:scope .text-96 {
    font-size: 6rem;
    line-height: 6rem;
    letter-spacing: -0.125rem;
}
:scope .text-\[calc\(1em\*var\(--ratio\)\)\] {
    font-size: calc(1em * var(--ratio));
}
:scope .text-\[max\(\.\.\.\)\] {
    font-size: max(...);
}
:scope .text-\[max\(var\(--default-font-size\)-1em\*9999\2c 1em\)\] {
    font-size: max(var(--default-font-size) - 1em * 9999,1em);
}
:scope .uppercase {
    text-transform: uppercase;
}
:scope .lowercase {
    text-transform: lowercase;
}
:scope .capitalize {
    text-transform: capitalize;
}
:scope .normal-case {
    text-transform: none;
}
:scope .leading-5 {
    line-height: 1.25rem;
}
:scope .leading-6 {
    line-height: 1.5rem;
}
:scope .leading-\[1lh\] {
    line-height: 1lh;
}
:scope .leading-\[max\(\.\.\.\)\] {
    line-height: max(...);
}
:scope .leading-\[max\(var\(--default-line-height\)-1lh\*9999\2c 1lh\)\] {
    line-height: max(var(--default-line-height) - 1lh * 9999,1lh);
}
:scope .leading-none {
    line-height: 1;
}
:scope .tracking-\[2px\] {
    letter-spacing: 2px;
}
:scope .tracking-caption {
    letter-spacing: 0.125rem;
}
:scope .text-inherit {
    color: inherit;
}
:scope .text-red\/64 {
    color: rgb(var(--gds-color-red) / 0.64);
}
:scope .text-red\/88 {
    color: rgb(var(--gds-color-red) / 0.88);
}
:scope .text-solar-400 {
    color: rgb(var(--gds-color-solar-400) / 1);
}
:scope .text-space-200 {
    color: rgb(var(--gds-color-space-200) / 1);
}
:scope .text-space-500 {
    color: rgb(var(--gds-color-space-500) / 1);
}
:scope .text-space-700 {
    color: rgb(var(--gds-color-space-700) / 1);
}
:scope .text-white {
    color: rgb(var(--gds-color-white) / 1);
}
:scope .text-white\/32 {
    color: rgb(var(--gds-color-white) / 0.32);
}
:scope .text-white\/48 {
    color: rgb(var(--gds-color-white) / 0.48);
}
:scope .text-white\/64 {
    color: rgb(var(--gds-color-white) / 0.64);
}
:scope .text-white\/88 {
    color: rgb(var(--gds-color-white) / 0.88);
}
:scope .\!underline {
    text-decoration-line: underline !important;
}
:scope .underline {
    text-decoration-line: underline;
}
:scope .line-through {
    text-decoration-line: line-through;
}
:scope .opacity-0 {
    opacity: 0;
}
:scope .opacity-8 {
    opacity: 0.08;
}
:scope .opacity-\[var\(--children-opacity\)\] {
    opacity: var(--children-opacity);
}
:scope .opacity-\[var\(--opacity\)\] {
    opacity: var(--opacity);
}
:scope .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);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:scope .shadow-\[0_0_8px_theme\(colors\.current\)\] {
    --tw-shadow: 0 0 8px currentcolor;
    --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:scope .-outline-offset-1 {
    outline-offset: -1px;
}
:scope .outline-offset-\[-0\.5px\] {
    outline-offset: -0.5px;
}
:scope .outline-space-1400 {
    outline-color: rgb(var(--gds-color-space-1400) / 1);
}
:scope .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);
}
:scope .blur {
    --tw-blur: blur(8px);
    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);
}
:scope .blur-3xl {
    --tw-blur: blur(64px);
    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);
}
:scope .drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
    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);
}
:scope .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);
}
:scope .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
:scope .\!transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, outline-color, -webkit-backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color, -webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1) !important;
    transition-duration: 150ms !important;
}
:scope .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, outline-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}
:scope .transition-\[background-color\2c transform\2c aspect-ratio\] {
    transition-property: background-color,transform,aspect-ratio;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}
:scope .transition-\[opacity\2c visibility\] {
    transition-property: opacity,visibility;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}
:scope .transition-\[stroke-dashoffset\] {
    transition-property: stroke-dashoffset;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}
:scope .transition-\[transform\2c clip-path\] {
    transition-property: transform,clip-path;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}
:scope .transition-\[visibility\] {
    transition-property: visibility;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}
:scope .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}
:scope .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}
:scope .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}
:scope .delay-50 {
    transition-delay: 50ms;
}
:scope .duration-200 {
    transition-duration: 200ms;
}
:scope .duration-300 {
    transition-duration: 300ms;
}
:scope .duration-500 {
    transition-duration: 500ms;
}
:scope .ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
:scope .ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
}
:scope .ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
}
:scope .will-change-transform {
    will-change: transform;
}
:scope .\@container {
    container-type: inline-size;
}
:scope .font-regular {
    font-weight: 400;
    --gds-font-weight: 400;
}
:scope .font-medium {
    font-weight: 500;
    --gds-font-weight: 500;
}
:scope .font-bold {
    font-weight: 700;
    --gds-font-weight: 700;
}
:scope .italic {
    font-style: italic;
    font-variation-settings: "slnt" -11, "ital" 1;
}
:scope .not-italic {
    font-style: normal;
    font-variation-settings: initial;
}
:scope :is(.pointer-events-none > *) {
    --gds-pointer-events: none;
}
:scope :is(.pointer-events-auto > *) {
    --gds-pointer-events: auto;
}
:scope .pointer-events-none {
    --gds-previous-pointer-events: var(--gds-pointer-events);
    pointer-events: none;
}
:scope .pointer-events-auto {
    --gds-previous-pointer-events: var(--gds-pointer-events);
    pointer-events: auto;
}
:scope .pointer-events-previous {
    --gds-previous-pointer-events: revert;
    --gds-pointer-events: var(--gds-previous-pointer-events);
    pointer-events: var(--gds-pointer-events);
}
:scope .animate {
    --gds-animate-animation: gds-animate;
}
:scope .animate-with-via {
    --gds-animate-animation-with-via: gds-animate-with-via;
}
:scope .animate-running {
    animation-play-state: running;
}
:scope .animate-paused {
    animation-play-state: paused;
}
:scope .animate-normal {
    animation-direction: normal;
}
:scope .animate-reverse {
    animation-direction: reverse;
}
:scope .animate-alternate {
    animation-direction: alternate;
}
:scope .animate-fill-none {
    animation-fill-mode: none;
}
:scope .animate-fill-forwards {
    animation-fill-mode: forwards;
}
:scope .animate-fill-backwards {
    animation-fill-mode: backwards;
}
:scope .animate-fill-both {
    animation-fill-mode: both;
}
:scope .animate-duration {
    animation-duration: 150ms;
    --gds-animate-duration: 150ms;
}
:scope .animate-duration-300 {
    animation-duration: 300ms;
    --gds-animate-duration: 300ms;
}
:scope .animate-delay-\[-200ms\] {
    animation-delay: -200ms;
}
:scope .animate-delay-\[-400ms\] {
    animation-delay: -400ms;
}
:scope .animate-ease {
    animation-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    --gds-animate-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
}
:scope .animate-ease-out {
    animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
    --gds-animate-timing-function: cubic-bezier(0, 0, 0.4, 1);
}
:scope .outline-none {
    outline: 1px solid transparent;
    outline-offset: 1px;
}
:scope .transition-allow-discrete {
    transition-behavior: allow-discrete;
}
:scope .transition-behavior-normal {
    transition-behavior: normal;
}
:scope .scrollbar-none {
    scrollbar-width: none;
}
:scope .scrollbar-none::-webkit-scrollbar {
    display: none;
}
:scope .scrollbar-thin {
    scrollbar-width: thin;
}
:scope .scrollbar-width-auto {
    scrollbar-width: auto;
}
:scope .prop-size-8 {
    --gds-prop-size: 2rem;
    --gds-prop-polyfill-size: 0px;
}
:scope .prop-size-small {
    --gds-prop-size: gds-small;
    --gds-prop-polyfill-size: 3px;
}
:scope .prop-variant-naked {
    --gds-prop-variant: gds-naked;
    --gds-prop-polyfill-variant: 6px;
}
:scope .prop-variant-primary {
    --gds-prop-variant: gds-primary;
    --gds-prop-polyfill-variant: 1px;
}
:scope .prop-variant-tertiary {
    --gds-prop-variant: gds-tertiary;
    --gds-prop-polyfill-variant: 3px;
}
:scope .prop-hide-label-true {
    --gds-prop-hide-label: gds-true;
    --gds-prop-polyfill-hide-label: 2px;
}
:scope .prop-orientation-vertical {
    --gds-prop-orientation: gds-vertical;
    --gds-prop-polyfill-orientation: 2px;
}
:scope .prop-full-width-true {
    --gds-prop-full-width: gds-true;
    --gds-prop-polyfill-full-width: 2px;
}
:scope .prop-color-white\/88 {
    --gds-prop-color: rgb(var(--gds-color-white) / 0.88);
}
:scope .prop-display-format-short {
    --gds-prop-display-format: gds-short;
    --gds-prop-polyfill-display-format: 1px;
}
:scope .prop-layout-compact {
    --gds-prop-layout: gds-compact;
    --gds-prop-polyfill-layout: 1px;
}
:scope .if-prop-\[orientation\=horizontal\(flex-direction\:row\)\2c orientation\=vertical\(flex-direction\:column\)\]\/button-group:where(.gds-button-group[data-prop-polyfill-orientation=horizontal]) {
    flex-direction: row;
}
:scope .if-prop-\[orientation\=horizontal\(flex-direction\:row\)\2c orientation\=vertical\(flex-direction\:column\)\]\/button-group:where(.gds-button-group[data-prop-polyfill-orientation=vertical]) {
    flex-direction: column;
}
:scope .if-prop-\[orientation\=horizontal\(flex-direction\:row\)\2c orientation\=vertical\(flex-direction\:column\)\]\/divider:where(.gds-divider[data-prop-polyfill-orientation=horizontal]) {
    flex-direction: row;
}
:scope .if-prop-\[orientation\=horizontal\(flex-direction\:row\)\2c orientation\=vertical\(flex-direction\:column\)\]\/divider:where(.gds-divider[data-prop-polyfill-orientation=vertical]) {
    flex-direction: column;
}
:scope .if-prop-\[orientation\=horizontal\(max-height\:theme\(maxHeight\.px\)\)\2c orientation\=vertical\(max-height\:theme\(maxHeight\.none\)\)\]\/divider:where(.gds-divider[data-prop-polyfill-orientation=horizontal]) {
    max-height: 1px;
}
:scope .if-prop-\[orientation\=horizontal\(max-height\:theme\(maxHeight\.px\)\)\2c orientation\=vertical\(max-height\:theme\(maxHeight\.none\)\)\]\/divider:where(.gds-divider[data-prop-polyfill-orientation=vertical]) {
    max-height: none;
}
:scope .if-prop-\[orientation\=horizontal\(max-width\:theme\(maxWidth\.none\)\)\2c orientation\=vertical\(max-width\:theme\(maxWidth\.px\)\)\]\/divider:where(.gds-divider[data-prop-polyfill-orientation=horizontal]) {
    max-width: none;
}
:scope .if-prop-\[orientation\=horizontal\(max-width\:theme\(maxWidth\.none\)\)\2c orientation\=vertical\(max-width\:theme\(maxWidth\.px\)\)\]\/divider:where(.gds-divider[data-prop-polyfill-orientation=vertical]) {
    max-width: 1px;
}
:scope .if-prop-\[variant\=subtle\(color\:theme\(colors\.white\/10\%\)\)\2c variant\=default\(color\:theme\(colors\.white\/15\%\)\)\2c variant\=strong\(color\:theme\(colors\.white\/30\%\)\)\]\/divider:where(.gds-divider[data-prop-polyfill-variant=subtle]) {
    color: rgb(var(--gds-color-white) / 10%);
}
:scope .if-prop-\[variant\=subtle\(color\:theme\(colors\.white\/10\%\)\)\2c variant\=default\(color\:theme\(colors\.white\/15\%\)\)\2c variant\=strong\(color\:theme\(colors\.white\/30\%\)\)\]\/divider:where(.gds-divider[data-prop-polyfill-variant=default]) {
    color: rgb(var(--gds-color-white) / 15%);
}
:scope .if-prop-\[variant\=subtle\(color\:theme\(colors\.white\/10\%\)\)\2c variant\=default\(color\:theme\(colors\.white\/15\%\)\)\2c variant\=strong\(color\:theme\(colors\.white\/30\%\)\)\]\/divider:where(.gds-divider[data-prop-polyfill-variant=strong]) {
    color: rgb(var(--gds-color-white) / 30%);
}
:scope .\[--anchor-gap\:theme\(spacing\.1\)\] {
    --anchor-gap: 0.25rem;
}
:scope .\[--anchor-padding\:theme\(spacing\.2\)\] {
    --anchor-padding: 0.5rem;
}
:scope .\[--checked-index\:initial\] {
    --checked-index: initial;
}
:scope .\[--children-opacity\:theme\(opacity\.100\)\] {
    --children-opacity: 1;
}
:scope .\[--gds-card-bg-hover\:transparent\] {
    --gds-card-bg-hover: transparent;
}
:scope .\[--gds-card-bg\:transparent\] {
    --gds-card-bg: transparent;
}
:scope .\[--gds-container-max-width\:var\(--max-width\)\] {
    --gds-container-max-width: var(--max-width);
}
:scope .\[--gds-container-padding\:var\(--padding-mobile\)\] {
    --gds-container-padding: var(--padding-mobile);
}
:scope .\[--gds-modal-max-height-or-initial\:var\(--gds-modal-max-height\)\] {
    --gds-modal-max-height-or-initial: var(--gds-modal-max-height);
}
:scope .\[--gds-modal-max-height\:var\(--gds-modal-max-height-or-initial\2c var\(--gds-modal-max-height-default\)\)\] {
    --gds-modal-max-height: var(--gds-modal-max-height-or-initial,var(--gds-modal-max-height-default));
}
:scope .\[--gds-modal-max-width-or-initial\:var\(--gds-modal-max-width\)\] {
    --gds-modal-max-width-or-initial: var(--gds-modal-max-width);
}
:scope .\[--gds-modal-max-width\:var\(--gds-modal-max-width-or-initial\2c var\(--gds-modal-max-width-default\)\)\] {
    --gds-modal-max-width: var(--gds-modal-max-width-or-initial,var(--gds-modal-max-width-default));
}
:scope .\[--gds-modal-padding-x-or-initial\:var\(--gds-modal-padding-x\)\] {
    --gds-modal-padding-x-or-initial: var(--gds-modal-padding-x);
}
:scope .\[--gds-modal-padding-x\:var\(--gds-modal-padding-x-or-initial\2c var\(--gds-modal-padding-x-default\)\)\] {
    --gds-modal-padding-x: var(--gds-modal-padding-x-or-initial,var(--gds-modal-padding-x-default));
}
:scope .\[--gds-modal-padding-y-or-initial\:var\(--gds-modal-padding-y\)\] {
    --gds-modal-padding-y-or-initial: var(--gds-modal-padding-y);
}
:scope .\[--gds-modal-padding-y\:var\(--gds-modal-padding-y-or-initial\2c var\(--gds-modal-padding-y-default\)\)\] {
    --gds-modal-padding-y: var(--gds-modal-padding-y-or-initial,var(--gds-modal-padding-y-default));
}
:scope .\[--gds-modal-radius-bottom-or-initial\:var\(--gds-modal-radius-bottom\)\] {
    --gds-modal-radius-bottom-or-initial: var(--gds-modal-radius-bottom);
}
:scope .\[--gds-modal-radius-bottom\:var\(--gds-modal-radius-bottom-or-initial\2c var\(--gds-modal-radius-bottom-default\)\)\] {
    --gds-modal-radius-bottom: var(--gds-modal-radius-bottom-or-initial,var(--gds-modal-radius-bottom-default));
}
:scope .\[--gds-modal-radius-top-or-initial\:var\(--gds-modal-radius-top\)\] {
    --gds-modal-radius-top-or-initial: var(--gds-modal-radius-top);
}
:scope .\[--gds-modal-radius-top\:var\(--gds-modal-radius-top-or-initial\2c var\(--gds-modal-radius-top-default\)\)\] {
    --gds-modal-radius-top: var(--gds-modal-radius-top-or-initial,var(--gds-modal-radius-top-default));
}
:scope .\[--gds-nav-link-state\:none\] {
    --gds-nav-link-state: none;
}
:scope .\[--gds-sb-padding\:theme\(spacing\.4\)\] {
    --gds-sb-padding: 1rem;
}
:scope .\[--gds-tag-padding-or-initial\:var\(--gds-tag-padding\)\] {
    --gds-tag-padding-or-initial: var(--gds-tag-padding);
}
:scope .\[--gds-tag-padding\:0px\] {
    --gds-tag-padding: 0px;
}
:scope .\[--gds-tag-padding\:var\(--gds-tag-padding-or-initial\2c var\(--gds-tag-padding-default\)\)\] {
    --gds-tag-padding: var(--gds-tag-padding-or-initial,var(--gds-tag-padding-default));
}
:scope .\[--gds-transition-enter-opacity\:1\] {
    --gds-transition-enter-opacity: 1;
}
:scope .\[--gds-transition-enter-scale\:theme\(scale\.105\)\] {
    --gds-transition-enter-scale: 1.05;
}
:scope .\[--gds-transition-enter-translate-y\:-1em\] {
    --gds-transition-enter-translate-y: -1em;
}
:scope .\[--gds-transition-enter-translate-y\:8px\] {
    --gds-transition-enter-translate-y: 8px;
}
:scope .\[--gds-transition-exit-opacity\:1\] {
    --gds-transition-exit-opacity: 1;
}
:scope .\[--gds-transition-exit-scale\:theme\(scale\.90\)\] {
    --gds-transition-exit-scale: 0.9;
}
:scope .\[--gds-transition-exit-translate-y\:1em\] {
    --gds-transition-exit-translate-y: 1em;
}
:scope .\[--gds-transition-state\:idle\] {
    --gds-transition-state: idle;
}
:scope .\[--height\:auto\] {
    --height: auto;
}
:scope .\[--hover-index\:initial\] {
    --hover-index: initial;
}
:scope .\[--icons-margin\:theme\(spacing\[0\.5\]\)\] {
    --icons-margin: 0.125rem;
}
:scope .\[--padding\:theme\(spacing\.4\)\] {
    --padding: 1rem;
}
:scope .\[--parent-em\:calc\(1em\/var\(--ratio\)\)\] {
    --parent-em: calc(1em / var(--ratio));
}
:scope .\[--position\:relative\] {
    --position: relative;
}
:scope .\[--ratio\:0\.75\] {
    --ratio: 0.75;
}
:scope .\[--shrink\:1\] {
    --shrink: 1;
}
:scope .\[--style-queries-test\:testing\] {
    --style-queries-test: testing;
}
:scope .\[--transition-opacity-from\:100\%\] {
    --transition-opacity-from: 100%;
}
:scope .\[--transition-opacity-to\:100\%\] {
    --transition-opacity-to: 100%;
}
:scope .\[--transition-scale-from\:1\] {
    --transition-scale-from: 1;
}
:scope .\[--transition-scale-to\:1\] {
    --transition-scale-to: 1;
}
:scope .\[--transition-translate-from\:0_100\%\] {
    --transition-translate-from: 0 100%;
}
:scope .\[--transition-translate-to\:0_0\%\] {
    --transition-translate-to: 0 0%;
}
:scope .\[border-width\:var\(--gds-mega-menu-border-width\)\] {
    border-width: var(--gds-mega-menu-border-width);
}
:scope .\[clip-path\:polygon\(0\%_0\%\2c _0\%_40\%\2c _100\%_40\%\2c _25\%_25\%\2c _75\%_25\%\2c _75\%_35\%\2c _60\%_90\%\2c _65\%_135\%\2c _100\%_100\%\2c _100\%_0\%\)\] {
    clip-path: polygon(0% 0%, 0% 40%, 100% 40%, 25% 25%, 75% 25%, 75% 35%, 60% 90%, 65% 135%, 100% 100%, 100% 0%);
}
:scope .\[font-weight\:max\(\.\.\.\)\] {
    font-weight: max(...);
}
:scope .\[font-weight\:max\(var\(--default-font-weight\)-var\(--gds-font-weight\)\*9999\2c var\(--gds-font-weight\)\)\] {
    font-weight: max(var(--default-font-weight) - var(--gds-font-weight) * 9999,var(--gds-font-weight));
}
:scope .\[grid-template-areas\:inherit\] {
    grid-template-areas: inherit;
}
:scope .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
}
:scope .\[stroke-dasharray\:30\] {
    stroke-dasharray: 30;
}
:scope .\[stroke-dashoffset\:30\] {
    stroke-dashoffset: 30;
}

/**
 * Do not add anything else to this file; instead add any base styles or custom utilities via the custom Tailwind plugin,
 * as it will ensure that they are included regardless of how an app is configured (whether it simply imports GDS's
 * `tailwind.css` or builds its own CSS with `buildTailwindConfig`).
 */

.\*\:animate-opacity-from-48 > * {
    --gds-animate-opacity-from: 0.48;
    --gds-animate-animation: gds-animate-opacity;
    animation: var(--gds-animate-animation-with-via, var(--gds-animate-animation)) var(--gds-animate-duration, 1s) var(--gds-animate-timing-function, cubic-bezier(0.4, 0, 0.4, 1));
}

.\*\:animate-opacity-to-100 > * {
    --gds-animate-opacity-to: 1;
    --gds-animate-animation: gds-animate-opacity;
    animation: var(--gds-animate-animation-with-via, var(--gds-animate-animation)) var(--gds-animate-duration, 1s) var(--gds-animate-timing-function, cubic-bezier(0.4, 0, 0.4, 1));
}

.\*\:animate-scale-from-80 > * {
    --gds-animate-scale-x-from: 0.8;
    --gds-animate-scale-y-from: 0.8;
    --gds-animate-animation: gds-animate-transform;
    animation: var(--gds-animate-animation-with-via, var(--gds-animate-animation)) var(--gds-animate-duration, 1s) var(--gds-animate-timing-function, cubic-bezier(0.4, 0, 0.4, 1));
}

.\*\:animate-scale-to-120 > * {
    --gds-animate-scale-x-to: 1.2;
    --gds-animate-scale-y-to: 1.2;
    --gds-animate-animation: gds-animate-transform;
    animation: var(--gds-animate-animation-with-via, var(--gds-animate-animation)) var(--gds-animate-duration, 1s) var(--gds-animate-timing-function, cubic-bezier(0.4, 0, 0.4, 1));
}

.group\/stepper-step[data-state="current"] .group-data-\[state\=current\]\/stepper-step\:animate-translate-x-from-\[-51\%\] {
    --gds-animate-translate-x-from: -51%;
    --gds-animate-animation: gds-animate-transform;
    animation: var(--gds-animate-animation-with-via, var(--gds-animate-animation)) var(--gds-animate-duration, 1s) var(--gds-animate-timing-function, cubic-bezier(0.4, 0, 0.4, 1));
}

.group\/stepper-step[data-state="incomplete"] .group-data-\[state\=incomplete\]\/stepper-step\:animate-translate-x-from-\[-51\%\] {
    --gds-animate-translate-x-from: -51%;
    --gds-animate-animation: gds-animate-transform;
    animation: var(--gds-animate-animation-with-via, var(--gds-animate-animation)) var(--gds-animate-duration, 1s) var(--gds-animate-timing-function, cubic-bezier(0.4, 0, 0.4, 1));
}

.group\/stepper-step[data-state="incomplete"] .group-data-\[state\=incomplete\]\/stepper-step\:animate-translate-x-to-\[-51\%\] {
    --gds-animate-translate-x-to: -51%;
    --gds-animate-animation: gds-animate-transform;
    animation: var(--gds-animate-animation-with-via, var(--gds-animate-animation)) var(--gds-animate-duration, 1s) var(--gds-animate-timing-function, cubic-bezier(0.4, 0, 0.4, 1));
}

:where(.\--\:text-p16) {
    text-wrap: pretty;
    font-family: 'EuclidCircular', sans-serif;
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: 0rem;
    font-weight: 400;
    --gds-font-weight: 400;
}

.not-has-clickable\:gradient-mask-x:not(:has(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))))) {
    --gds-gradient-mask-left: black;
    --gds-gradient-mask-right: black;
    --gds-gradient-mask-size: 32px;
    animation: gradient-mask-left linear, gradient-mask-right linear;
    animation-timeline: scroll(x self), scroll(x self);
    animation-range: 1px 100%, 0 calc(100% - 1px);
    -webkit-mask-image: linear-gradient(to right, var(--gds-gradient-mask-left), black var(--gds-gradient-mask-size), black calc(100% - var(--gds-gradient-mask-size)), var(--gds-gradient-mask-right));
            mask-image: linear-gradient(to right, var(--gds-gradient-mask-left), black var(--gds-gradient-mask-size), black calc(100% - var(--gds-gradient-mask-size)), var(--gds-gradient-mask-right));
}

@container modal style(--gds-modal-size: gds-small) {
    .\@prop-size-small\/modal\:text-h14 {
        text-wrap: balance;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-small) {
    .\@prop-size-small\/chip\:text-p14 {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-small) {
    .\@prop-size-small\/search\:text-p14 {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container address style(--gds-address-size: gds-small) {
    .\@prop-size-small\/address\:text-p12 {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container label style(--gds-label-size: gds-small) {
    .\@prop-size-small\/label\:text-p12 {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container segmented-control style(--gds-segmented-control-size: gds-small) {
    .\@prop-size-small\/segmented-control\:text-p12 {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container tab-set style(--gds-tab-set-size: gds-small) {
    .\@prop-size-small\/tab-set\:text-p12 {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container label style(--gds-label-size: gds-small) {
    .\@prop-size-small\/label\:text-c10 {
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.625rem;
        line-height: 0.875rem;
        text-transform: uppercase;
        letter-spacing: 0.125rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    .\@prop-size-small\/modal\:text-h14:where(.gds-modal[data-prop-polyfill-size=small] *) {
        text-wrap: balance;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
    .\@prop-size-small\/chip\:text-p14:where(.gds-chip[data-prop-polyfill-size=small] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-small\/search\:text-p14:where(.gds-search[data-prop-polyfill-size=small] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-small\/address\:text-p12:where(.gds-address[data-prop-polyfill-size=small] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-small\/label\:text-p12:where(.gds-label[data-prop-polyfill-size=small] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-small\/segmented-control\:text-p12:where(.gds-segmented-control[data-prop-polyfill-size=small] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-small\/tab-set\:text-p12:where(.gds-tab-set[data-prop-polyfill-size=small] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-small\/label\:text-c10:where(.gds-label[data-prop-polyfill-size=small] *) {
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.625rem;
        line-height: 0.875rem;
        text-transform: uppercase;
        letter-spacing: 0.125rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-medium) {
    .\@prop-size-medium\/modal\:text-h16 {
        text-wrap: balance;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
}

@container tab-set style(--gds-tab-set-size: gds-medium) {
    .\@prop-size-medium\/tab-set\:text-h16 {
        text-wrap: balance;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-medium) {
    .\@prop-size-medium\/chip\:text-p16 {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-medium) {
    .\@prop-size-medium\/search\:text-p16 {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container segmented-control style(--gds-segmented-control-size: gds-medium) {
    .\@prop-size-medium\/segmented-control\:text-p14 {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container label style(--gds-label-size: gds-medium) {
    .\@prop-size-medium\/label\:text-p12 {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-medium\/label\:text-c12 {
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.75rem;
        line-height: 1.125rem;
        text-transform: uppercase;
        letter-spacing: 0.125rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    .\@prop-size-medium\/modal\:text-h16:where(.gds-modal[data-prop-polyfill-size=medium] *) {
        text-wrap: balance;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
    .\@prop-size-medium\/tab-set\:text-h16:where(.gds-tab-set[data-prop-polyfill-size=medium] *) {
        text-wrap: balance;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
    .\@prop-size-medium\/chip\:text-p16:where(.gds-chip[data-prop-polyfill-size=medium] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-medium\/search\:text-p16:where(.gds-search[data-prop-polyfill-size=medium] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-medium\/segmented-control\:text-p14:where(.gds-segmented-control[data-prop-polyfill-size=medium] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-medium\/label\:text-p12:where(.gds-label[data-prop-polyfill-size=medium] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-medium\/label\:text-c12:where(.gds-label[data-prop-polyfill-size=medium] *) {
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.75rem;
        line-height: 1.125rem;
        text-transform: uppercase;
        letter-spacing: 0.125rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-large) {
    .\@prop-size-large\/modal\:text-h16 {
        text-wrap: balance;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-large) {
    .\@prop-size-large\/chip\:text-p18 {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1.125rem;
        line-height: 2rem;
        letter-spacing: -0.00625rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-large) {
    .\@prop-size-large\/search\:text-p18 {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1.125rem;
        line-height: 2rem;
        letter-spacing: -0.00625rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container segmented-control style(--gds-segmented-control-size: gds-large) {
    .\@prop-size-large\/segmented-control\:text-p16 {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container label style(--gds-label-size: gds-large) {
    .\@prop-size-large\/label\:text-p14 {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-large\/label\:text-c14 {
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.875rem;
        text-transform: uppercase;
        line-height: 1.25rem;
        letter-spacing: 0.125rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    .\@prop-size-large\/modal\:text-h16:where(.gds-modal[data-prop-polyfill-size=large] *) {
        text-wrap: balance;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
    .\@prop-size-large\/chip\:text-p18:where(.gds-chip[data-prop-polyfill-size=large] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1.125rem;
        line-height: 2rem;
        letter-spacing: -0.00625rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-large\/search\:text-p18:where(.gds-search[data-prop-polyfill-size=large] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1.125rem;
        line-height: 2rem;
        letter-spacing: -0.00625rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-large\/segmented-control\:text-p16:where(.gds-segmented-control[data-prop-polyfill-size=large] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-large\/label\:text-p14:where(.gds-label[data-prop-polyfill-size=large] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    .\@prop-size-large\/label\:text-c14:where(.gds-label[data-prop-polyfill-size=large] *) {
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.875rem;
        text-transform: uppercase;
        line-height: 1.25rem;
        letter-spacing: 0.125rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-primary) {
    @container address style(--gds-address-size: gds-large) {
        .\@prop-variant-primary\/address\:\@prop-size-large\/address\:text-p16 {
            text-wrap: pretty;
            font-family: 'EuclidCircular', sans-serif;
            font-size: 1rem;
            line-height: 1.75rem;
            letter-spacing: 0rem;
            font-weight: 400;
            --gds-font-weight: 400;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    .\@prop-variant-primary\/address\:\@prop-size-large\/address\:text-p16:where(.gds-address[data-prop-polyfill-size=large] *):where(.gds-address[data-prop-polyfill-variant=primary] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-secondary) {
    @container address style(--gds-address-size: gds-large) {
        .\@prop-variant-secondary\/address\:\@prop-size-large\/address\:text-p16 {
            text-wrap: pretty;
            font-family: 'EuclidCircular', sans-serif;
            font-size: 1rem;
            line-height: 1.75rem;
            letter-spacing: 0rem;
            font-weight: 400;
            --gds-font-weight: 400;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    .\@prop-variant-secondary\/address\:\@prop-size-large\/address\:text-p16:where(.gds-address[data-prop-polyfill-size=large] *):where(.gds-address[data-prop-polyfill-variant=secondary] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container description-list-item style(--gds-description-list-item-variant: gds-default) {
    @container description-list style(--gds-description-list-size: gds-small) {
        .\@prop-variant-default\/description-list-item\:\@prop-size-small\/description-list\:text-p12 {
            text-wrap: pretty;
            font-family: 'EuclidCircular', sans-serif;
            font-size: 0.75rem;
            line-height: 1.125rem;
            letter-spacing: 0rem;
            font-weight: 400;
            --gds-font-weight: 400;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    .\@prop-variant-default\/description-list-item\:\@prop-size-small\/description-list\:text-p12:where(.gds-description-list[data-prop-polyfill-size=small] *):where(.gds-description-list-item[data-prop-polyfill-variant=default] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container description-list-item style(--gds-description-list-item-variant: gds-default) {
    @container description-list style(--gds-description-list-size: gds-medium) {
        .\@prop-variant-default\/description-list-item\:\@prop-size-medium\/description-list\:text-p14 {
            text-wrap: pretty;
            font-family: 'EuclidCircular', sans-serif;
            font-size: 0.875rem;
            line-height: 1.5rem;
            letter-spacing: 0rem;
            font-weight: 400;
            --gds-font-weight: 400;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    .\@prop-variant-default\/description-list-item\:\@prop-size-medium\/description-list\:text-p14:where(.gds-description-list[data-prop-polyfill-size=medium] *):where(.gds-description-list-item[data-prop-polyfill-variant=default] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container description-list-item style(--gds-description-list-item-variant: gds-default) {
    @container description-list style(--gds-description-list-size: gds-large) {
        .\@prop-variant-default\/description-list-item\:\@prop-size-large\/description-list\:text-p18 {
            text-wrap: pretty;
            font-family: 'EuclidCircular', sans-serif;
            font-size: 1.125rem;
            line-height: 2rem;
            letter-spacing: -0.00625rem;
            font-weight: 400;
            --gds-font-weight: 400;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    .\@prop-variant-default\/description-list-item\:\@prop-size-large\/description-list\:text-p18:where(.gds-description-list[data-prop-polyfill-size=large] *):where(.gds-description-list-item[data-prop-polyfill-variant=default] *) {
        text-wrap: pretty;
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1.125rem;
        line-height: 2rem;
        letter-spacing: -0.00625rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container description-list-item style(--gds-description-list-item-variant: gds-caption) {
    @container description-list style(--gds-description-list-size: gds-small) {
        .\@prop-variant-caption\/description-list-item\:\@prop-size-small\/description-list\:text-c10 {
            font-family: 'EuclidCircular', sans-serif;
            font-size: 0.625rem;
            line-height: 0.875rem;
            text-transform: uppercase;
            letter-spacing: 0.125rem;
            font-weight: 500;
            --gds-font-weight: 500;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    .\@prop-variant-caption\/description-list-item\:\@prop-size-small\/description-list\:text-c10:where(.gds-description-list[data-prop-polyfill-size=small] *):where(.gds-description-list-item[data-prop-polyfill-variant=caption] *) {
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.625rem;
        line-height: 0.875rem;
        text-transform: uppercase;
        letter-spacing: 0.125rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
}

@container description-list-item style(--gds-description-list-item-variant: gds-caption) {
    @container description-list style(--gds-description-list-size: gds-medium) {
        .\@prop-variant-caption\/description-list-item\:\@prop-size-medium\/description-list\:text-c12 {
            font-family: 'EuclidCircular', sans-serif;
            font-size: 0.75rem;
            line-height: 1.125rem;
            text-transform: uppercase;
            letter-spacing: 0.125rem;
            font-weight: 500;
            --gds-font-weight: 500;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    .\@prop-variant-caption\/description-list-item\:\@prop-size-medium\/description-list\:text-c12:where(.gds-description-list[data-prop-polyfill-size=medium] *):where(.gds-description-list-item[data-prop-polyfill-variant=caption] *) {
        font-family: 'EuclidCircular', sans-serif;
        font-size: 0.75rem;
        line-height: 1.125rem;
        text-transform: uppercase;
        letter-spacing: 0.125rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
}

@container description-list-item style(--gds-description-list-item-variant: gds-caption) {
    @container description-list style(--gds-description-list-size: gds-large) {
        .\@prop-variant-caption\/description-list-item\:\@prop-size-large\/description-list\:text-c16 {
            font-family: 'EuclidCircular', sans-serif;
            font-size: 1rem;
            text-transform: uppercase;
            line-height: 1.5rem;
            letter-spacing: 0.125rem;
            font-weight: 500;
            --gds-font-weight: 500;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    .\@prop-variant-caption\/description-list-item\:\@prop-size-large\/description-list\:text-c16:where(.gds-description-list[data-prop-polyfill-size=large] *):where(.gds-description-list-item[data-prop-polyfill-variant=caption] *) {
        font-family: 'EuclidCircular', sans-serif;
        font-size: 1rem;
        text-transform: uppercase;
        line-height: 1.5rem;
        letter-spacing: 0.125rem;
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
}

@container description-list-item style(--gds-description-list-item-variant: gds-mono) {
    @container description-list style(--gds-description-list-size: gds-small) {
        .\@prop-variant-mono\/description-list-item\:\@prop-size-small\/description-list\:text-m12 {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
            font-size: 0.75rem;
            line-height: 1.125rem;
            letter-spacing: 0rem;
            font-weight: 400;
            --gds-font-weight: 400;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    .\@prop-variant-mono\/description-list-item\:\@prop-size-small\/description-list\:text-m12:where(.gds-description-list[data-prop-polyfill-size=small] *):where(.gds-description-list-item[data-prop-polyfill-variant=mono] *) {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container description-list-item style(--gds-description-list-item-variant: gds-mono) {
    @container description-list style(--gds-description-list-size: gds-medium) {
        .\@prop-variant-mono\/description-list-item\:\@prop-size-medium\/description-list\:text-m14 {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
            font-size: 0.875rem;
            line-height: 1.5rem;
            letter-spacing: 0rem;
            font-weight: 400;
            --gds-font-weight: 400;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    .\@prop-variant-mono\/description-list-item\:\@prop-size-medium\/description-list\:text-m14:where(.gds-description-list[data-prop-polyfill-size=medium] *):where(.gds-description-list-item[data-prop-polyfill-variant=mono] *) {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container description-list-item style(--gds-description-list-item-variant: gds-mono) {
    @container description-list style(--gds-description-list-size: gds-large) {
        .\@prop-variant-mono\/description-list-item\:\@prop-size-large\/description-list\:text-m18 {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
            font-size: 1.125rem;
            line-height: 2rem;
            letter-spacing: -0.00625rem;
            font-weight: 400;
            --gds-font-weight: 400;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    .\@prop-variant-mono\/description-list-item\:\@prop-size-large\/description-list\:text-m18:where(.gds-description-list[data-prop-polyfill-size=large] *):where(.gds-description-list-item[data-prop-polyfill-variant=mono] *) {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
        font-size: 1.125rem;
        line-height: 2rem;
        letter-spacing: -0.00625rem;
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

:scope :is(.\*\:col-span-full > *) {
    grid-column: 1 / -1;
}

:scope :is(.\*\:row-span-full > *) {
    grid-row: 1 / -1;
}

:scope :is(.\*\:flex-1 > *) {
    flex: 1 1 0%;
}

:scope :is(.\*\:shrink > *) {
    flex-shrink: 1;
}

:scope :is(.\*\:origin-center > *) {
    transform-origin: center;
}

:scope :is(.\*\:border-y > *) {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

:scope :is(.\*\:border-transparent > *) {
    border-color: transparent;
}

:scope :is(.\*\:transition-opacity > *) {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}

:scope :is(.\*\:delay-300 > *) {
    transition-delay: 300ms;
}

:scope :is(.\*\:duration-200 > *) {
    transition-duration: 200ms;
}

:scope :is(.\*\:animate > *) {
    --gds-animate-animation: gds-animate;
}

:scope :is(.\*\:animate-alternate > *) {
    animation-direction: alternate;
}

:scope :is(.\*\:animate-duration-\[600ms\] > *) {
    animation-duration: 600ms;
    --gds-animate-duration: 600ms;
}

:scope :is(.\*\:animate-ease-in > *) {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    --gds-animate-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

:scope :is(.\*\:animate-repeat-infinite > *) {
    animation-iteration-count: infinite;
}

:scope :is(.\*\:\[--gds-container-max-width-parent\:var\(--max-width\)\] > *) {
    --gds-container-max-width-parent: var(--max-width);
}

:scope :is(.\*\:\[--gds-container-padding-parent\:var\(--padding-mobile\)\] > *) {
    --gds-container-padding-parent: var(--padding-mobile);
}

:scope :is(.\*\:\[transform-box\:fill-box\] > *) {
    transform-box: fill-box;
}

:scope .placeholder\:text-white\/48::placeholder {
    color: rgb(var(--gds-color-white) / 0.48);
}

:scope .placeholder\:transition::placeholder {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, outline-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}

:scope .first\:rounded-tl-\[inherit\]:first-child {
    border-top-left-radius: inherit;
}

:scope :is(.last\:\*\:shrink-0 > *:last-child) {
    flex-shrink: 0;
}

:scope .only\:rounded-t-\[inherit\]:only-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

:scope .hocus\:bg-white\/4:is(:hover, :focus) {
    background-color: rgb(var(--gds-color-white) / 0.04);
}

:scope .hocus-visible\:text-white:is(:hover, :focus-visible) {
    color: rgb(var(--gds-color-white) / 1);
}

:scope .hover\:border-white\/16:hover {
    border-color: rgb(var(--gds-color-white) / 0.16);
}

:scope .hover\:bg-space-1400:hover {
    background-color: rgb(var(--gds-color-space-1400) / 1);
}

:scope .hover\:bg-white\/8:hover {
    background-color: rgb(var(--gds-color-white) / 0.08);
}

:scope .hover\:text-galactic-400:hover {
    color: rgb(var(--gds-color-galactic-400) / 1);
}

:scope .hover\:text-white:hover {
    color: rgb(var(--gds-color-white) / 1);
}

:scope .focus-visible\:z-10:focus-visible {
    z-index: 10;
}

:scope .focus-visible\:outline-focus:focus-visible {
    outline-color: rgb(var(--gds-color-focus) / 1);
}

:scope .active\:bg-white\/16:active {
    background-color: rgb(var(--gds-color-white) / 0.16);
}

:scope .active\:bg-white\/2:active {
    background-color: rgb(var(--gds-color-white) / 0.02);
}

:scope .active\:bg-white\/4:active {
    background-color: rgb(var(--gds-color-white) / 0.04);
}

:scope .active\:text-galactic-600:active {
    color: rgb(var(--gds-color-galactic-600) / 1);
}

:scope .active\:text-white\/64:active {
    color: rgb(var(--gds-color-white) / 0.64);
}

:scope .active\:transition-none:active {
    transition-property: none;
}

:scope .aria-busy\:opacity-64[aria-busy="true"] {
    opacity: 0.64;
}

:scope :is(.aria-busy\:pointer-events-none[aria-busy="true"] > *) {
    --gds-pointer-events: none;
}

:scope .aria-busy\:pointer-events-none[aria-busy="true"] {
    --gds-previous-pointer-events: var(--gds-pointer-events);
    pointer-events: none;
}

:scope .aria-selected\:border-purple[aria-selected="true"] {
    border-color: rgb(var(--gds-color-purple) / 1);
}

:scope .aria-selected\:text-white[aria-selected="true"] {
    color: rgb(var(--gds-color-white) / 1);
}

:scope .data-\[header-outside-viewport\]\:invisible[data-header-outside-viewport] {
    visibility: hidden;
}

:scope .data-\[header-sticky\]\:sticky[data-header-sticky] {
    position: sticky;
}

:scope .data-\[layout\=block\]\:block[data-layout="block"] {
    display: block;
}

:scope .data-\[layout\=inline\]\:inline-block[data-layout="inline"] {
    display: inline-block;
}

:scope .data-\[layout\=flex-col\]\:flex[data-layout="flex-col"] {
    display: flex;
}

:scope .data-\[ending-style\]\:h-0[data-ending-style] {
    height: 0rem;
}

:scope .data-\[layout\=flex-col\]\:h-\[var\(--height\)\][data-layout="flex-col"] {
    height: var(--height);
}

:scope .data-\[starting-style\]\:h-0[data-starting-style] {
    height: 0rem;
}

:scope .data-\[layout\=inline\]\:w-max[data-layout="inline"] {
    width: max-content;
}

:scope .data-\[layout\=flex-col\]\:shrink-\[var\(--shrink\)\][data-layout="flex-col"] {
    flex-shrink: var(--shrink);
}

:scope .data-\[layout\=flex-col\]\:data-\[animate-size\]\:grow[data-animate-size][data-layout="flex-col"] {
    flex-grow: 1;
}

:scope .data-\[layout\=flex-col\]\:grow[data-layout="flex-col"] {
    flex-grow: 1;
}

:scope .data-\[closed\]\:-translate-y-1[data-closed] {
    --tw-translate-y: -0.25rem;
    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));
}

:scope .data-\[closed\]\:data-\[anchor\~\=top\]\:translate-y-1[data-anchor~="top"][data-closed] {
    --tw-translate-y: 0.25rem;
    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));
}

:scope .data-\[hidden-by-default\]\:translate-x-\[-25\%\][data-hidden-by-default] {
    --tw-translate-x: -25%;
    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));
}

:scope .data-\[hidden-by-default\]\:translate-y-\[25\%\][data-hidden-by-default] {
    --tw-translate-y: 25%;
    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));
}

:scope .data-\[ending-style\]\:scale-95[data-ending-style] {
    --tw-scale-x: 0.95;
    --tw-scale-y: 0.95;
    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));
}

:scope .data-\[starting-style\]\:scale-95[data-starting-style] {
    --tw-scale-x: 0.95;
    --tw-scale-y: 0.95;
    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));
}

:scope .data-\[checked\]\:cursor-default[data-checked] {
    cursor: default;
}

:scope .data-\[layout\=block\]\:flex-col[data-layout="block"] {
    flex-direction: column;
}

:scope .data-\[layout\=flex-col\]\:flex-col[data-layout="flex-col"] {
    flex-direction: column;
}

:scope .data-\[type\=wallet\]\:rounded-full[data-type="wallet"] {
    border-radius: 9999px;
}

:scope .data-\[header-stuck\]\:border-white\/8[data-header-stuck] {
    border-color: rgb(var(--gds-color-white) / 0.08);
}

:scope .data-\[status\=failed\]\:border-red\/16[data-status="failed"] {
    border-color: rgb(var(--gds-color-red) / 0.16);
}

:scope .data-\[status\=synced\]\:border-green\/16[data-status="synced"] {
    border-color: rgb(var(--gds-color-green) / 0.16);
}

:scope .data-\[header-stuck\]\:bg-midnight\/88[data-header-stuck] {
    background-color: rgb(var(--gds-color-midnight) / 0.88);
}

:scope .data-\[status\=failed\]\:bg-red\/16[data-status="failed"] {
    background-color: rgb(var(--gds-color-red) / 0.16);
}

:scope .data-\[status\=synced\]\:bg-green\/8[data-status="synced"] {
    background-color: rgb(var(--gds-color-green) / 0.08);
}

:scope .data-\[style\=added\]\:bg-green\/16[data-style="added"] {
    background-color: rgb(var(--gds-color-green) / 0.16);
}

:scope .data-\[style\=deleted\]\:bg-red\/8[data-style="deleted"] {
    background-color: rgb(var(--gds-color-red) / 0.08);
}

:scope .data-\[selected\]\:text-white[data-selected] {
    color: rgb(var(--gds-color-white) / 1);
}

:scope .data-\[style\=added\]\:text-green[data-style="added"] {
    color: rgb(var(--gds-color-green) / 1);
}

:scope .data-\[style\=deleted\]\:text-red[data-style="deleted"] {
    color: rgb(var(--gds-color-red) / 1);
}

:scope .data-\[closed\]\:opacity-0[data-closed] {
    opacity: 0;
}

:scope .data-\[ending-style\]\:opacity-0[data-ending-style] {
    opacity: 0;
}

:scope .data-\[hidden-by-default\]\:opacity-0[data-hidden-by-default] {
    opacity: 0;
}

:scope .data-\[starting-style\]\:opacity-0[data-starting-style] {
    opacity: 0;
}

:scope .data-\[header-stuck\]\:backdrop-blur-2xl[data-header-stuck] {
    --tw-backdrop-blur: blur(40px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

:scope .data-\[direction\=right\]\:\[--gds-transition-enter-translate-x\:-16px\][data-direction="right"] {
    --gds-transition-enter-translate-x: -16px;
}

:scope .data-\[direction\=left\]\:\[--gds-transition-enter-translate-x\:16px\][data-direction="left"] {
    --gds-transition-enter-translate-x: 16px;
}

:scope .data-\[direction\=left\]\:\[--gds-transition-exit-translate-x\:-16px\][data-direction="left"] {
    --gds-transition-exit-translate-x: -16px;
}

:scope .data-\[direction\=right\]\:\[--gds-transition-exit-translate-x\:16px\][data-direction="right"] {
    --gds-transition-exit-translate-x: 16px;
}

:scope :is(.\*\:data-\[has-secondary-button\]\:default-variant-tertiary[data-has-secondary-button] > *) {
    --gds-default-variant: gds-tertiary;
    --gds-default-polyfill-variant: 3px;
}

:scope :is(.last\:\*\:data-\[has-primary-button\]\:default-variant-primary[data-has-primary-button] > *:last-child) {
    --gds-default-variant: gds-primary;
    --gds-default-polyfill-variant: 1px;
}

:scope .data-\[state\=closed\]\:hocus-visible\:bg-white\/4:is(:hover, :focus-visible)[data-state="closed"] {
    background-color: rgb(var(--gds-color-white) / 0.04);
}

:scope :is(.group\/mega-menu[data-hide-titles] .group-data-\[hide-titles\]\/mega-menu\: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;
}

:scope :is(.group\/description-list-item[data-loading] .group-data-\[loading\]\/description-list-item\:visible) {
    visibility: visible;
}

:scope :is(.group\/support-modal[data-success] .group-data-\[success\]\/support-modal\:visible) {
    visibility: visible;
}

:scope :is(.group\/description-list-item[data-loading] .group-data-\[loading\]\/description-list-item\:invisible) {
    visibility: hidden;
}

:scope :is(.group\/code-block[data-line-numbers] .group-data-\[line-numbers\]\/code-block\:block) {
    display: block;
}

:scope :is(.group\/code-block[data-wrap] .group-data-\[wrap\]\/code-block\:min-w-0) {
    min-width: 0rem;
}

:scope :is(.group\/icon[data-copied] .group-data-\[copied\]\/icon\:-translate-x-2) {
    --tw-translate-x: -0.5rem;
    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));
}

:scope :is(.group\/icon[data-copied] .group-data-\[copied\]\/icon\:translate-x-2) {
    --tw-translate-x: 0.5rem;
    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));
}

:scope :is(.group\/icon[data-copied] .group-data-\[copied\]\/icon\:translate-y-\[-7px\]) {
    --tw-translate-y: -7px;
    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));
}

:scope :is(.group\/icon[data-copied] .group-data-\[copied\]\/icon\:translate-y-\[7px\]) {
    --tw-translate-y: 7px;
    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));
}

:scope :is(.group\/stepper-step[data-state="incomplete"] .group-data-\[state\=incomplete\]\/stepper-step\:translate-x-\[-51\%\]) {
    --tw-translate-x: -51%;
    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));
}

:scope :is(.group\/code-block[data-line-numbers] .group-data-\[line-numbers\]\/code-block\:grid-cols-\[min-content_1fr\]) {
    grid-template-columns: min-content 1fr;
}

:scope :is(.group\/code-block[data-wrap] .group-data-\[wrap\]\/code-block\:whitespace-pre-wrap) {
    white-space: pre-wrap;
}

:scope :is(.group\/code-block[data-wrap] .group-data-\[wrap\]\/code-block\:break-words) {
    overflow-wrap: break-word;
}

:scope :is(.group\/field[data-status="error"] .group-data-\[status\=error\]\/field\:border-red\/32) {
    border-color: rgb(var(--gds-color-red) / 0.32);
}

:scope :is(.group\/field[data-status="warning"] .group-data-\[status\=warning\]\/field\:border-yellow\/32) {
    border-color: rgb(var(--gds-color-yellow) / 0.32);
}

:scope :is(.group\/stepper-step[data-state="complete"] .group-data-\[state\=complete\]\/stepper-step\:bg-purple\/48) {
    background-color: rgb(var(--gds-color-purple) / 0.48);
}

:scope :is(.group\/stepper-step[data-state="current"] .group-data-\[state\=current\]\/stepper-step\:bg-purple\/48) {
    background-color: rgb(var(--gds-color-purple) / 0.48);
}

:scope :is(.group\/field[data-status="error"] .group-data-\[status\=error\]\/field\:bg-red\/4) {
    background-color: rgb(var(--gds-color-red) / 0.04);
}

:scope :is(.group\/field[data-status="warning"] .group-data-\[status\=warning\]\/field\:bg-yellow\/4) {
    background-color: rgb(var(--gds-color-yellow) / 0.04);
}

:scope :is(.group\/icon[data-copied] .group-data-\[copied\]\/icon\:fill-current) {
    fill: currentcolor;
}

:scope :is(.group\/segmented-control-option[data-checked] .group-data-\[checked\]\/segmented-control-option\:text-white) {
    color: rgb(var(--gds-color-white) / 1);
}

:scope :is(.group\/nav-link[data-highlighted="true"] .group-data-\[highlighted\=true\]\/nav-link\:text-white) {
    color: rgb(var(--gds-color-white) / 1);
}

:scope :is(.group\/stepper-step[data-state="complete"] .group-data-\[state\=complete\]\/stepper-step\:text-white\/32) {
    color: rgb(var(--gds-color-white) / 0.32);
}

:scope :is(.group\/stepper-step[data-state="current"] .group-data-\[state\=current\]\/stepper-step\:text-white) {
    color: rgb(var(--gds-color-white) / 1);
}

:scope :is(.group\/stepper-step[data-state="incomplete"] .group-data-\[state\=incomplete\]\/stepper-step\:text-white\/64) {
    color: rgb(var(--gds-color-white) / 0.64);
}

:scope :is(.group\/menu-item[data-selected] .group-data-\[selected\]\/menu-item\:opacity-100) {
    opacity: 1;
}

:scope :is(.group\/support-modal[data-success] .group-data-\[success\]\/support-modal\:\!opacity-0) {
    opacity: 0 !important;
}

:scope :is(.group\/support-modal[data-success] .group-data-\[success\]\/support-modal\:opacity-100) {
    opacity: 1;
}

:scope :is(.group\/icon[data-copied] .group-data-\[copied\]\/icon\:\[clip-path\:polygon\(0\%_0\%\2c _0\%_10\%\2c _100\%_10\%\2c _0\%_10\%\2c _75\%_20\%\2c _75\%_25\%\2c _90\%_10\%\2c _90\%_135\%\2c _100\%_100\%\2c _100\%_0\%\)\]) {
    clip-path: polygon(0% 0%, 0% 10%, 100% 10%, 0% 10%, 75% 20%, 75% 25%, 90% 10%, 90% 135%, 100% 100%, 100% 0%);
}

:scope :is(.group\/icon[data-copied] .group-data-\[copied\]\/icon\:\[stroke-dashoffset\:0\]) {
    stroke-dashoffset: 0;
}

:scope .enabled\:hocus-visible\:border-white\/16:is(:hover, :focus-visible):not(:disabled, [aria-disabled='true']) {
    border-color: rgb(var(--gds-color-white) / 0.16);
}

:scope .enabled\:hocus-visible\:bg-white\/4:is(:hover, :focus-visible):not(:disabled, [aria-disabled='true']) {
    background-color: rgb(var(--gds-color-white) / 0.04);
}

:scope .enabled\:hocus-visible\:bg-white\/8:is(:hover, :focus-visible):not(:disabled, [aria-disabled='true']) {
    background-color: rgb(var(--gds-color-white) / 0.08);
}

:scope .enabled\:hocus-visible\:text-white:is(:hover, :focus-visible):not(:disabled, [aria-disabled='true']) {
    color: rgb(var(--gds-color-white) / 1);
}

:scope .enabled\:active\:border-white\/8:active:not(:disabled, [aria-disabled='true']) {
    border-color: rgb(var(--gds-color-white) / 0.08);
}

:scope .enabled\:active\:bg-white\/2:active:not(:disabled, [aria-disabled='true']) {
    background-color: rgb(var(--gds-color-white) / 0.02);
}

:scope .enabled\:active\:bg-white\/4:active:not(:disabled, [aria-disabled='true']) {
    background-color: rgb(var(--gds-color-white) / 0.04);
}

:scope .enabled\:active\:text-white:active:not(:disabled, [aria-disabled='true']) {
    color: rgb(var(--gds-color-white) / 1);
}

:scope .enabled\:active\:text-white\/64:active:not(:disabled, [aria-disabled='true']) {
    color: rgb(var(--gds-color-white) / 0.64);
}

:scope .enabled\:active\:transition-none:active:not(:disabled, [aria-disabled='true']) {
    transition-property: none;
}

:scope .data-\[selected\]\:enabled\:border-purple\/48:not(:disabled, [aria-disabled='true'])[data-selected] {
    border-color: rgb(var(--gds-color-purple) / 0.48);
}

:scope .data-\[selected\]\:enabled\:bg-purple\/8:not(:disabled, [aria-disabled='true'])[data-selected] {
    background-color: rgb(var(--gds-color-purple) / 0.08);
}

:scope .data-\[selected\]\:enabled\:hocus-visible\:border-purple\/64:is(:hover, :focus-visible):not(:disabled, [aria-disabled='true'])[data-selected] {
    border-color: rgb(var(--gds-color-purple) / 0.64);
}

:scope .data-\[selected\]\:enabled\:hocus-visible\:bg-purple\/16:is(:hover, :focus-visible):not(:disabled, [aria-disabled='true'])[data-selected] {
    background-color: rgb(var(--gds-color-purple) / 0.16);
}

:scope .data-\[selected\]\:enabled\:active\:border-purple\/48:active:not(:disabled, [aria-disabled='true'])[data-selected] {
    border-color: rgb(var(--gds-color-purple) / 0.48);
}

:scope .data-\[selected\]\:enabled\:active\:bg-purple\/8:active:not(:disabled, [aria-disabled='true'])[data-selected] {
    background-color: rgb(var(--gds-color-purple) / 0.08);
}

:scope .disabled\:border-transparent:is(:disabled, [aria-disabled='true']) {
    border-color: transparent;
}

:scope .disabled\:text-white\/32:is(:disabled, [aria-disabled='true']) {
    color: rgb(var(--gds-color-white) / 0.32);
}

:scope .disabled\:\[--children-opacity\:theme\(opacity\.60\)\]:is(:disabled, [aria-disabled='true']) {
    --children-opacity: 0.6;
}

:scope .inert\:inset-0[inert] {
    inset: 0rem;
}

:scope .inert\:\[position\:var\(--position\)\][inert] {
    position: var(--position);
}

:scope .clickable-hocus-visible\:bg-white\/16:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:is(:hover, :focus-visible)) {
    background-color: rgb(var(--gds-color-white) / 0.16);
}

:scope .clickable-hocus-visible\:text-white:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:is(:hover, :focus-visible)) {
    color: rgb(var(--gds-color-white) / 1);
}

:scope .clickable-active\:bg-white\/8:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:active) {
    background-color: rgb(var(--gds-color-white) / 0.08);
}

:scope .clickable-active\:text-white:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:active) {
    color: rgb(var(--gds-color-white) / 1);
}

:scope .clickable-active\:text-white\/64:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:active) {
    color: rgb(var(--gds-color-white) / 0.64);
}

:scope .clickable-active\:transition-none:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:active) {
    transition-property: none;
}

:scope .clickable-\[label\]\:hocus-visible-within\:bg-\[var\(--gds-card-bg-hover\)\]:is(:hover, :has(:focus-visible)):is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(label) {
    background-color: var(--gds-card-bg-hover);
}

:scope .clickable\:hocus\:bg-purple\/64:is(:hover, :focus):is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))) {
    background-color: rgb(var(--gds-color-purple) / 0.64);
}

:scope .clickable\:hocus\:bg-white\/4:is(:hover, :focus):is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))) {
    background-color: rgb(var(--gds-color-white) / 0.04);
}

:scope .clickable\:active\:bg-purple\/48:active:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))) {
    background-color: rgb(var(--gds-color-purple) / 0.48);
}

:scope .clickable\:active\:bg-white\/2:active:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))) {
    background-color: rgb(var(--gds-color-white) / 0.02);
}

:scope :is(.disabled\:\*\*\:pointer-events-none *:is(:disabled, [aria-disabled='true']) > *) {
    --gds-pointer-events: none;
}

:scope :is(.disabled\:\*\*\:pointer-events-none *:is(:disabled, [aria-disabled='true'])) {
    --gds-previous-pointer-events: var(--gds-pointer-events);
    pointer-events: none;
}

@media (hover: none) {
    :scope .cannot-hover\:hidden {
        display: none;
    }
}

@supports (-webkit-hyphens: none) {
    :scope .safari\:top-\[calc\(\(var\(--parent-em\)-1em\)\*0\.15\)\] {
        top: calc((var(--parent-em) - 1em) * 0.15);
    }
}

@supports (-moz-orient: inline) {
    :scope .firefox\:top-\[calc\(\(var\(--parent-em\)-1em\)\*0\.2\)\] {
        top: calc((var(--parent-em) - 1em) * 0.2);
    }
    :scope .firefox\:pb-\[3px\] {
        padding-bottom: 3px;
    }
}

:scope :is(html :where(.-\:inset-x-\[min\(0px\2c var\(--gds-nav-link-padding-x\)-var\(--gds-nav-link-offset-x\)\)\])) {
    left: min(0px,var(--gds-nav-link-padding-x) - var(--gds-nav-link-offset-x));
    right: min(0px,var(--gds-nav-link-padding-x) - var(--gds-nav-link-offset-x));
}

:scope :is(html :where(.-\:inset-y-\[min\(0px\2c var\(--gds-nav-link-padding-y\)-var\(--gds-nav-link-offset-y\)\)\])) {
    top: min(0px,var(--gds-nav-link-padding-y) - var(--gds-nav-link-offset-y));
    bottom: min(0px,var(--gds-nav-link-padding-y) - var(--gds-nav-link-offset-y));
}

:scope :is(html :where(.-\:size-max)) {
    width: max-content;
    height: max-content;
}

:scope :is(html :where(.-\:h-12)) {
    height: 3rem;
}

:scope :is(html :where(.-\:h-max)) {
    height: max-content;
}

:scope :is(html :where(.-\:w-64)) {
    width: 16rem;
}

:scope :is(html :where(.-\:w-\[var\(--gds-icon-size\)\])) {
    width: var(--gds-icon-size);
}

:scope :is(html :where(.-\:w-max)) {
    width: max-content;
}

:scope :is(html :where(.-\:min-w-32)) {
    min-width: 8rem;
}

:scope :is(html :where(.-\:min-w-auto)) {
    min-width: auto;
}

:scope :is(html :where(.-\:max-w-full)) {
    max-width: 100%;
}

:scope :is(html :where(.-\:shrink-0)) {
    flex-shrink: 0;
}

:scope :is(html :where(.-\:grow)) {
    flex-grow: 1;
}

:scope :is(html :where(.-\:grid-rows-\[inherit\])) {
    grid-template-rows: inherit;
}

:scope :is(html :where(.-\:whitespace-pre-wrap)) {
    white-space: pre-wrap;
}

:scope :is(html :where(.-\:text-\[0\])) {
    font-size: 0;
}

:scope :is(html :where(.-\:leading-0)) {
    line-height: 0rem;
}

:scope :is(html :where(.-\:text-\[var\(--gds-icon-color\)\])) {
    color: var(--gds-icon-color);
}

:scope :is(html :where(.-\:transition-\[transform\2c opacity\])) {
    transition-property: transform,opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}

:scope :is(html :where(.-\:transition-transform)) {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}

:scope :is(html :where(.-\:default-size-medium)) {
    --gds-default-size: gds-medium;
    --gds-default-polyfill-size: 4px;
}

:scope :is(html :where(.-\:default-variant-drawer)) {
    --gds-default-variant: gds-drawer;
    --gds-default-polyfill-variant: 36px;
}

:scope :is(html :where(.-\:prop-padding-4)) {
    --gds-prop-padding: 1rem;
}

:scope :is(html :where(.-\:default-layout-compact)) {
    --gds-default-layout: gds-compact;
    --gds-default-polyfill-layout: 1px;
}

:scope :is(html :where(.-\:children-if-prop-\[orientation\=horizontal\(width\:inherit\)\2c orientation\=vertical\(width\:100\%\)\]\/button-group):where(.gds-button-group[data-prop-polyfill-orientation=horizontal]) > *) {
    width: inherit;
}

:scope :is(html :where(.-\:children-if-prop-\[orientation\=horizontal\(width\:inherit\)\2c orientation\=vertical\(width\:100\%\)\]\/button-group):where(.gds-button-group[data-prop-polyfill-orientation=vertical]) > *) {
    width: 100%;
}

:scope :is(html :where(.-\:if-prop-\[full-width\=false\(width\:max-content\)\2c full-width\=true\(width\:100\%\)\]\/button-group):where(.gds-button-group[data-prop-polyfill-full-width=false])) {
    width: max-content;
}

:scope :is(html :where(.-\:if-prop-\[full-width\=false\(width\:max-content\)\2c full-width\=true\(width\:100\%\)\]\/button-group):where(.gds-button-group[data-prop-polyfill-full-width=true])) {
    width: 100%;
}

:scope :is(html :where(.-\:if-prop-\[orientation\=horizontal\(height\:theme\(height\.px\)\)\2c orientation\=vertical\(height\:theme\(height\.auto\)\)\]\/divider):where(.gds-divider[data-prop-polyfill-orientation=horizontal])) {
    height: 1px;
}

:scope :is(html :where(.-\:if-prop-\[orientation\=horizontal\(height\:theme\(height\.px\)\)\2c orientation\=vertical\(height\:theme\(height\.auto\)\)\]\/divider):where(.gds-divider[data-prop-polyfill-orientation=vertical])) {
    height: auto;
}

:scope :is(html :where(.-\:if-prop-\[orientation\=horizontal\(width\:theme\(width\.auto\)\)\2c orientation\=vertical\(width\:theme\(width\.px\)\)\]\/divider):where(.gds-divider[data-prop-polyfill-orientation=horizontal])) {
    width: auto;
}

:scope :is(html :where(.-\:if-prop-\[orientation\=horizontal\(width\:theme\(width\.auto\)\)\2c orientation\=vertical\(width\:theme\(width\.px\)\)\]\/divider):where(.gds-divider[data-prop-polyfill-orientation=vertical])) {
    width: 1px;
}

:scope :is(html :where(.-\:if-prop-\[size\=xsmall\(gap\:theme\(spacing\.1\)\)\2c size\=small\(gap\:theme\(spacing\.1\)\)\2c size\=medium\(gap\:theme\(spacing\.2\)\)\2c size\=large\(gap\:theme\(spacing\.2\)\)\]\/button-group):where(.gds-button-group[data-prop-polyfill-size=xsmall])) {
    gap: 0.25rem;
}

:scope :is(html :where(.-\:if-prop-\[size\=xsmall\(gap\:theme\(spacing\.1\)\)\2c size\=small\(gap\:theme\(spacing\.1\)\)\2c size\=medium\(gap\:theme\(spacing\.2\)\)\2c size\=large\(gap\:theme\(spacing\.2\)\)\]\/button-group):where(.gds-button-group[data-prop-polyfill-size=small])) {
    gap: 0.25rem;
}

:scope :is(html :where(.-\:if-prop-\[size\=xsmall\(gap\:theme\(spacing\.1\)\)\2c size\=small\(gap\:theme\(spacing\.1\)\)\2c size\=medium\(gap\:theme\(spacing\.2\)\)\2c size\=large\(gap\:theme\(spacing\.2\)\)\]\/button-group):where(.gds-button-group[data-prop-polyfill-size=medium])) {
    gap: 0.5rem;
}

:scope :is(html :where(.-\:if-prop-\[size\=xsmall\(gap\:theme\(spacing\.1\)\)\2c size\=small\(gap\:theme\(spacing\.1\)\)\2c size\=medium\(gap\:theme\(spacing\.2\)\)\2c size\=large\(gap\:theme\(spacing\.2\)\)\]\/button-group):where(.gds-button-group[data-prop-polyfill-size=large])) {
    gap: 0.5rem;
}

:scope :is(html :where(.-\:if-prop-\[variant\=primary\(--gds-card-bg-hover\:theme\(colors\.purple\/16\%\)\)\2c variant\=secondary\(--gds-card-bg-hover\:theme\(colors\.white\/8\%\)\)\]\/card):where(.gds-card[data-prop-polyfill-variant=primary])) {
    --gds-card-bg-hover: rgb(var(--gds-color-purple) / 16%);
}

:scope :is(html :where(.-\:if-prop-\[variant\=primary\(--gds-card-bg-hover\:theme\(colors\.purple\/16\%\)\)\2c variant\=secondary\(--gds-card-bg-hover\:theme\(colors\.white\/8\%\)\)\]\/card):where(.gds-card[data-prop-polyfill-variant=secondary])) {
    --gds-card-bg-hover: rgb(var(--gds-color-white) / 8%);
}

:scope :is(html :where(.-\:if-prop-\[variant\=primary\(--gds-card-bg\:theme\(colors\.purple\/8\%\)\)\2c variant\=secondary\(--gds-card-bg\:theme\(colors\.white\/4\%\)\)\]\/card):where(.gds-card[data-prop-polyfill-variant=primary])) {
    --gds-card-bg: rgb(var(--gds-color-purple) / 8%);
}

:scope :is(html :where(.-\:if-prop-\[variant\=primary\(--gds-card-bg\:theme\(colors\.purple\/8\%\)\)\2c variant\=secondary\(--gds-card-bg\:theme\(colors\.white\/4\%\)\)\]\/card):where(.gds-card[data-prop-polyfill-variant=secondary])) {
    --gds-card-bg: rgb(var(--gds-color-white) / 4%);
}

:scope :is(html :where(.-\:if-prop-\[variant\=primary\(--gds-card-border-hover\:theme\(colors\.purple\/64\%\)\)\2c variant\=secondary\(--gds-card-border-hover\:theme\(colors\.white\/16\%\)\)\]\/card):where(.gds-card[data-prop-polyfill-variant=primary])) {
    --gds-card-border-hover: rgb(var(--gds-color-purple) / 64%);
}

:scope :is(html :where(.-\:if-prop-\[variant\=primary\(--gds-card-border-hover\:theme\(colors\.purple\/64\%\)\)\2c variant\=secondary\(--gds-card-border-hover\:theme\(colors\.white\/16\%\)\)\]\/card):where(.gds-card[data-prop-polyfill-variant=secondary])) {
    --gds-card-border-hover: rgb(var(--gds-color-white) / 16%);
}

:scope :is(html :where(.-\:if-prop-\[variant\=primary\(--gds-card-border\:theme\(colors\.purple\/32\%\)\)\2c variant\=secondary\(--gds-card-border\:theme\(colors\.white\/8\%\)\)\]\/card):where(.gds-card[data-prop-polyfill-variant=primary])) {
    --gds-card-border: rgb(var(--gds-color-purple) / 32%);
}

:scope :is(html :where(.-\:if-prop-\[variant\=primary\(--gds-card-border\:theme\(colors\.purple\/32\%\)\)\2c variant\=secondary\(--gds-card-border\:theme\(colors\.white\/8\%\)\)\]\/card):where(.gds-card[data-prop-polyfill-variant=secondary])) {
    --gds-card-border: rgb(var(--gds-color-white) / 8%);
}

:scope :is(html :where(.-\:if-prop-\[variant\=primary\(color\:theme\(colors\.galactic-500\)\)\2c variant\=secondary\(color\:theme\(colors\.current\)\)\]\/link):where(.gds-link[data-prop-polyfill-variant=primary])) {
    color: rgb(var(--gds-color-galactic-500) / 1);
}

:scope :is(html :where(.-\:if-prop-\[variant\=primary\(color\:theme\(colors\.galactic-500\)\)\2c variant\=secondary\(color\:theme\(colors\.current\)\)\]\/link):where(.gds-link[data-prop-polyfill-variant=secondary])) {
    color: currentcolor;
}

:scope :is(html :where(.-\:\[--gds-card-opacity-disabled\:theme\(opacity\.48\)\])) {
    --gds-card-opacity-disabled: 0.48;
}

:scope :is(html :where(.-\:\[--gds-card-radius\:theme\(borderRadius\.8\)\])) {
    --gds-card-radius: 0.5rem;
}

:scope :is(html :where(.-\:\[--gds-font-weight\:0\])) {
    --gds-font-weight: 0;
}

:scope :is(html :where(.-\:\[--gds-mega-menu-border-width\:theme\(spacing\.px\)\])) {
    --gds-mega-menu-border-width: 1px;
}

:scope :is(html :where(.-\:\[--gds-mega-menu-border\:theme\(colors\.space-1400\)\])) {
    --gds-mega-menu-border: rgb(var(--gds-color-space-1400) / 1);
}

:scope :is(html :where(.-\:\[--gds-mega-menu-column-max-width\:theme\(spacing\.74\)\])) {
    --gds-mega-menu-column-max-width: 18.5rem;
}

:scope :is(html :where(.-\:\[--gds-mega-menu-column-min-width\:theme\(spacing\.60\)\])) {
    --gds-mega-menu-column-min-width: 15rem;
}

:scope :is(html :where(.-\:\[--gds-mega-menu-radius\:theme\(borderRadius\.8\)\])) {
    --gds-mega-menu-radius: 0.5rem;
}

:scope :is(html :where(.-\:\[--gds-modal-max-height\:initial\])) {
    --gds-modal-max-height: initial;
}

:scope :is(html :where(.-\:\[--gds-modal-max-width\:initial\])) {
    --gds-modal-max-width: initial;
}

:scope :is(html :where(.-\:\[--gds-modal-padding-x\:initial\])) {
    --gds-modal-padding-x: initial;
}

:scope :is(html :where(.-\:\[--gds-modal-padding-y\:initial\])) {
    --gds-modal-padding-y: initial;
}

:scope :is(html :where(.-\:\[--gds-modal-radius-bottom\:initial\])) {
    --gds-modal-radius-bottom: initial;
}

:scope :is(html :where(.-\:\[--gds-modal-radius-top\:initial\])) {
    --gds-modal-radius-top: initial;
}

:scope :is(html :where(.-\:\[--gds-nav-link-offset-x\:theme\(spacing\.2\)\])) {
    --gds-nav-link-offset-x: 0.5rem;
}

:scope :is(html :where(.-\:\[--gds-nav-link-offset-y\:theme\(spacing\.1\)\])) {
    --gds-nav-link-offset-y: 0.25rem;
}

:scope :is(html :where(.-\:\[--gds-nav-link-padding-x\:0px\])) {
    --gds-nav-link-padding-x: 0px;
}

:scope :is(html :where(.-\:\[--gds-nav-link-padding-y\:0px\])) {
    --gds-nav-link-padding-y: 0px;
}

:scope :is(html :where(.-\:\[--gds-segmented-control-radius\:theme\(borderRadius\.full\)\])) {
    --gds-segmented-control-radius: 9999px;
}

:scope :is(html :where(.-\:\[--gds-tag-padding\:initial\])) {
    --gds-tag-padding: initial;
}

:scope :is(html :where(.-\:\[--gds-transition-enter-opacity\:0\])) {
    --gds-transition-enter-opacity: 0;
}

:scope :is(html :where(.-\:\[--gds-transition-enter-scale\:1\])) {
    --gds-transition-enter-scale: 1;
}

:scope :is(html :where(.-\:\[--gds-transition-enter-translate-x\:0\])) {
    --gds-transition-enter-translate-x: 0;
}

:scope :is(html :where(.-\:\[--gds-transition-enter-translate-y\:0\])) {
    --gds-transition-enter-translate-y: 0;
}

:scope :is(html :where(.-\:\[--gds-transition-exit-opacity\:0\])) {
    --gds-transition-exit-opacity: 0;
}

:scope :is(html :where(.-\:\[--gds-transition-exit-scale\:1\])) {
    --gds-transition-exit-scale: 1;
}

:scope :is(html :where(.-\:\[--gds-transition-exit-translate-x\:0\])) {
    --gds-transition-exit-translate-x: 0;
}

:scope :is(html :where(.-\:\[--gds-transition-exit-translate-y\:0\])) {
    --gds-transition-exit-translate-y: 0;
}

:scope :is(html :where(.-\:clickable\:\*\*\:pointer-events-previous *:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))))) {
    --gds-previous-pointer-events: revert;
    --gds-pointer-events: var(--gds-previous-pointer-events);
    pointer-events: var(--gds-pointer-events);
}

:scope :where(.\--\:w-max) {
    width: max-content;
}

:scope :where(.\--\:\*\:w-full > *) {
    width: 100%;
}

:scope .is-\[\:nth-child\(2\)\]\:rounded-tr-\[inherit\]:is(:nth-child(2)) {
    border-top-right-radius: inherit;
}

:scope .is-\[label\:has\(input\:focus-visible\)\]\:bg-\[var\(--gds-card-bg-hover\)\]:is(label:has(input:focus-visible)) {
    background-color: var(--gds-card-bg-hover);
}

:scope .is-\[\:hover\2c \[data-focus\]\2c \[data-highlighted\]\]\:text-white:is(:hover,[data-focus],[data-highlighted]) {
    color: rgb(var(--gds-color-white) / 1);
}

:scope .is-\[label\:has\(input\:disabled\)\]\:opacity-\[var\(--gds-card-opacity-disabled\)\]:is(label:has(input:disabled)) {
    opacity: var(--gds-card-opacity-disabled);
}

:scope .is-\[label\:has\(input\:focus-visible\)\]\:outline-focus:is(label:has(input:focus-visible)) {
    outline-color: rgb(var(--gds-color-focus) / 1);
}

:scope .is-\[\[src\^\=\'data\:image\/bmp\'\]\]\:\[image-rendering\:pixelated\]:is([src^='data:image/bmp']) {
    image-rendering: pixelated;
}

:scope .is-\[\:nth-child\(odd\)\]\:last\:col-span-full:last-child:is(:nth-child(odd)) {
    grid-column: 1 / -1;
}

:scope :is(.is-\[\.gds-Icon\]\:\*\*\:\[--gds-Icon-size-default\:100\%\] *:is(.gds-Icon)) {
    --gds-Icon-size-default: 100%;
}

:scope .not-first\:ms-0\.5:not(:first-child) {
    margin-inline-start: 0.125rem;
}

:scope :is(.not-first\:\*\:hidden > *:not(:first-child)) {
    display: none;
}

:scope :is(.\*\:not-first\:border-t-white\/8:not(:first-child) > *) {
    border-top-color: rgb(var(--gds-color-white) / 0.08);
}

:scope .not-last\:me-0\.5:not(:last-child) {
    margin-inline-end: 0.125rem;
}

:scope :is(.not-last\:\*\:\[mask-position\:right\] > *:not(:last-child)) {
    -webkit-mask-position: right;
            mask-position: right;
}

:scope :is(.not-last\:\*\:\[mask-size\:auto_100\%\] > *:not(:last-child)) {
    -webkit-mask-size: auto 100%;
            mask-size: auto 100%;
}

:scope :is(.group\/avatar-group[data-type="subgraph"] .group-data-\[type\=subgraph\]\/avatar-group\:not-last\:\*\:\[mask-image\:var\(--mask-subgraph\)\] > *:not(:last-child)) {
    -webkit-mask-image: var(--mask-subgraph);
            mask-image: var(--mask-subgraph);
}

:scope :is(.group\/avatar-group[data-type="wallet"] .group-data-\[type\=wallet\]\/avatar-group\:not-last\:\*\:\[mask-image\:var\(--mask-wallet\)\] > *:not(:last-child)) {
    -webkit-mask-image: var(--mask-wallet);
            mask-image: var(--mask-wallet);
}

:scope .not-placeholder-shown\:border-purple\/48:not(:placeholder-shown) {
    border-color: rgb(var(--gds-color-purple) / 0.48);
}

:scope .not-placeholder-shown\:bg-purple\/8:not(:placeholder-shown) {
    background-color: rgb(var(--gds-color-purple) / 0.08);
}

:scope .not-placeholder-shown\:hover\:border-purple\/64:hover:not(:placeholder-shown) {
    border-color: rgb(var(--gds-color-purple) / 0.64);
}

:scope .not-placeholder-shown\:hover\:bg-purple\/16:hover:not(:placeholder-shown) {
    background-color: rgb(var(--gds-color-purple) / 0.16);
}

:scope .not-inert\:z-10:not([inert]) {
    z-index: 10;
}

:scope .not-clickable\:cursor-default:not(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true'])))) {
    cursor: default;
}

:scope .not-\[\:has\(\+\[data-highlighted\]\)\]\:-mr-1:not(:has(+[data-highlighted])) {
    margin-right: -0.25rem;
}

:scope .not-\[\[data-highlighted\]\+\*\]\:-ml-1:not([data-highlighted]+*) {
    margin-left: -0.25rem;
}

:scope .not-\[\:has\(\+\[data-highlighted\]\)\]\:rounded-r-4:not(:has(+[data-highlighted])) {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

:scope .not-\[\[data-highlighted\]\+\*\]\:rounded-l-4:not([data-highlighted]+*) {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

:scope .not-\[\:has\(\+\[data-highlighted\]\)\]\:pr-1:not(:has(+[data-highlighted])) {
    padding-right: 0.25rem;
}

:scope .not-\[\[data-highlighted\]\+\*\]\:pl-1:not([data-highlighted]+*) {
    padding-left: 0.25rem;
}

:scope .not-data-\[visible\]\:sr-only:not([data-visible]) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

:scope .not-data-\[has-hover-bg\]\:hover\:bg-space-1400:hover:not([data-has-hover-bg]) {
    background-color: rgb(var(--gds-color-space-1400) / 1);
}

:scope :is(html :where(.-\:not-data-\[has-children\]\:min-w-auto:not([data-has-children]))) {
    min-width: auto;
}

:scope .in-\[label\:has\(input\:focus-visible\)\]\:border-\[var\(--gds-card-border-hover\)\]:is(:is(label:has(input:focus-visible)) *) {
    border-color: var(--gds-card-border-hover);
}

:scope .in-clickable-hocus-visible\:bg-space-1500:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:is(:hover, :focus-visible)) *) {
    background-color: rgb(var(--gds-color-space-1500) / 1);
}

:scope .data-\[hidden-by-default\]\:in-clickable-hocus-visible\:translate-x-0:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:is(:hover, :focus-visible)) *)[data-hidden-by-default] {
    --tw-translate-x: 0rem;
    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));
}

:scope .data-\[hidden-by-default\]\:in-clickable-hocus-visible\:translate-y-0:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:is(:hover, :focus-visible)) *)[data-hidden-by-default] {
    --tw-translate-y: 0rem;
    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));
}

:scope .data-\[hidden-by-default\]\:in-clickable-hocus-visible\:opacity-100:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:is(:hover, :focus-visible)) *)[data-hidden-by-default] {
    opacity: 1;
}

:scope .in-clickable-hover\:translate-x-\[-15\%\]:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:hover) *) {
    --tw-translate-x: -15%;
    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));
}

:scope .in-clickable-hover\:translate-x-\[15\%\]:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:hover) *) {
    --tw-translate-x: 15%;
    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));
}

:scope .in-clickable-hover\:opacity-100:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:hover) *) {
    opacity: 1;
}

:scope .not-data-\[hidden-by-default\]\:in-clickable-hover\:translate-x-\[15\%\]:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:hover) *):not([data-hidden-by-default]) {
    --tw-translate-x: 15%;
    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));
}

:scope .not-data-\[hidden-by-default\]\:in-clickable-hover\:translate-y-\[-15\%\]:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:hover) *):not([data-hidden-by-default]) {
    --tw-translate-y: -15%;
    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));
}

:scope .in-clickable-focus-visible\:outline-focus:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:focus-visible) *) {
    outline-color: rgb(var(--gds-color-focus) / 1);
}

:scope .in-clickable-\[\[aria-expanded\=true\]\]\:translate-x-0:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is([aria-expanded=true]) *) {
    --tw-translate-x: 0rem;
    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));
}

:scope .in-clickable-\[\[aria-expanded\=true\]\]\:translate-x-\[-2\.447px\]:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is([aria-expanded=true]) *) {
    --tw-translate-x: -2.447px;
    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));
}

:scope .in-clickable-\[\[aria-expanded\=true\]\]\:translate-x-\[0\.638px\]:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is([aria-expanded=true]) *) {
    --tw-translate-x: 0.638px;
    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));
}

:scope .in-clickable-\[\[aria-expanded\=true\]\]\:translate-y-0:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is([aria-expanded=true]) *) {
    --tw-translate-y: 0rem;
    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));
}

:scope .in-clickable-\[\[aria-expanded\=true\]\]\:translate-y-\[-2\.235px\]:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is([aria-expanded=true]) *) {
    --tw-translate-y: -2.235px;
    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));
}

:scope .in-clickable-\[\[aria-expanded\=true\]\]\:translate-y-\[-3\.649px\]:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is([aria-expanded=true]) *) {
    --tw-translate-y: -3.649px;
    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));
}

:scope .in-clickable-\[\[aria-expanded\=true\]\]\:rotate-180:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is([aria-expanded=true]) *) {
    --tw-rotate: 180deg;
    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));
}

:scope .in-clickable-\[\[aria-expanded\=true\]\]\:opacity-0:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is([aria-expanded=true]) *) {
    opacity: 0;
}

:scope .in-clickable-\[\[aria-expanded\=true\]\]\:\[stroke-dashoffset\:0\]:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is([aria-expanded=true]) *) {
    stroke-dashoffset: 0;
}

:scope :is(.in-clickable-\[\[aria-expanded\=true\]\]\:\*\:delay-0 > *:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is([aria-expanded=true]) *)) {
    transition-delay: 0ms;
}

:scope .has-focus-visible\:border-white\/16:has(:is(:focus-visible)) {
    border-color: rgb(var(--gds-color-white) / 0.16);
}

:scope .has-focus-visible\:bg-white\/8:has(:is(:focus-visible)) {
    background-color: rgb(var(--gds-color-white) / 0.08);
}

:scope .has-focus-visible\:outline-focus:has(:is(:focus-visible)) {
    outline-color: rgb(var(--gds-color-focus) / 1);
}

:scope .has-icon-only\:px-0:has(:is(:is(.gds-icon, .gds-Icon):where(:only-child:not(.gds-icon *)))) {
    padding-left: 0rem;
    padding-right: 0rem;
}

:scope :is(html :where(.-\:has-icon-only\:min-w-auto:has(:is(:is(.gds-icon, .gds-Icon):where(:only-child:not(.gds-icon *)))))) {
    min-width: auto;
}

:scope .has-\[\[data-checked\]\:nth-child\(01\)\]\:\[--checked-index\:01\]:has(:is([data-checked]:nth-child(01))) {
    --checked-index: 01;
}

:scope .has-\[\[data-checked\]\:nth-child\(02\)\]\:\[--checked-index\:02\]:has(:is([data-checked]:nth-child(02))) {
    --checked-index: 02;
}

:scope .has-\[\[data-checked\]\:nth-child\(03\)\]\:\[--checked-index\:03\]:has(:is([data-checked]:nth-child(03))) {
    --checked-index: 03;
}

:scope .has-\[\[data-checked\]\:nth-child\(04\)\]\:\[--checked-index\:04\]:has(:is([data-checked]:nth-child(04))) {
    --checked-index: 04;
}

:scope .has-\[\[data-checked\]\:nth-child\(05\)\]\:\[--checked-index\:05\]:has(:is([data-checked]:nth-child(05))) {
    --checked-index: 05;
}

:scope .has-\[\[data-checked\]\:nth-child\(06\)\]\:\[--checked-index\:06\]:has(:is([data-checked]:nth-child(06))) {
    --checked-index: 06;
}

:scope .has-\[\[data-checked\]\:nth-child\(07\)\]\:\[--checked-index\:07\]:has(:is([data-checked]:nth-child(07))) {
    --checked-index: 07;
}

:scope .has-\[\[data-checked\]\:nth-child\(08\)\]\:\[--checked-index\:08\]:has(:is([data-checked]:nth-child(08))) {
    --checked-index: 08;
}

:scope .has-\[\[data-checked\]\:nth-child\(09\)\]\:\[--checked-index\:09\]:has(:is([data-checked]:nth-child(09))) {
    --checked-index: 09;
}

:scope .has-\[\[data-checked\]\:nth-child\(10\)\]\:\[--checked-index\:10\]:has(:is([data-checked]:nth-child(10))) {
    --checked-index: 10;
}

:scope .has-\[\>\*\>\*\>\[inert\]\]\:\[--gds-transition-state\:running\]:has(>*>*>[inert]) {
    --gds-transition-state: running;
}

:scope .has-\[\[data-hover\]\:nth-child\(01\)\]\:\[--hover-index\:01\]:has(:is([data-hover]:nth-child(01))) {
    --hover-index: 01;
}

:scope .has-\[\[data-hover\]\:nth-child\(02\)\]\:\[--hover-index\:02\]:has(:is([data-hover]:nth-child(02))) {
    --hover-index: 02;
}

:scope .has-\[\[data-hover\]\:nth-child\(03\)\]\:\[--hover-index\:03\]:has(:is([data-hover]:nth-child(03))) {
    --hover-index: 03;
}

:scope .has-\[\[data-hover\]\:nth-child\(04\)\]\:\[--hover-index\:04\]:has(:is([data-hover]:nth-child(04))) {
    --hover-index: 04;
}

:scope .has-\[\[data-hover\]\:nth-child\(05\)\]\:\[--hover-index\:05\]:has(:is([data-hover]:nth-child(05))) {
    --hover-index: 05;
}

:scope .has-\[\[data-hover\]\:nth-child\(06\)\]\:\[--hover-index\:06\]:has(:is([data-hover]:nth-child(06))) {
    --hover-index: 06;
}

:scope .has-\[\[data-hover\]\:nth-child\(07\)\]\:\[--hover-index\:07\]:has(:is([data-hover]:nth-child(07))) {
    --hover-index: 07;
}

:scope .has-\[\[data-hover\]\:nth-child\(08\)\]\:\[--hover-index\:08\]:has(:is([data-hover]:nth-child(08))) {
    --hover-index: 08;
}

:scope .has-\[\[data-hover\]\:nth-child\(09\)\]\:\[--hover-index\:09\]:has(:is([data-hover]:nth-child(09))) {
    --hover-index: 09;
}

:scope .has-\[\[data-hover\]\:nth-child\(10\)\]\:\[--hover-index\:10\]:has(:is([data-hover]:nth-child(10))) {
    --hover-index: 10;
}

:scope .data-\[layout\=flex-col\]\:data-\[animate-size\]\:has-\[\>\[inert\]\]\:shrink-\[9999\]:has(>[inert])[data-animate-size][data-layout="flex-col"] {
    flex-shrink: 9999;
}

:scope .data-\[animate-size\=clip\]\:has-\[\>\*\>\*\>\[inert\]\]\:overflow-clip:has(>*>*>[inert])[data-animate-size="clip"] {
    overflow: clip;
}

:scope .not-has-\[\>\[inert\]\]\:order-first:not(:has(>[inert])) {
    order: -9999;
}

:scope .data-\[layout\=flex-col\]\:not-has-\[\>\[inert\]\]\:grow:not(:has(>[inert]))[data-layout="flex-col"] {
    flex-grow: 1;
}

:scope .has-clickable-hover\:\[--gds-nav-link-state\:hover\]:has(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:hover)) {
    --gds-nav-link-state: hover;
}

:scope .has-clickable-\[\[aria-expanded\=true\]\]\:\[--gds-nav-link-state\:expanded\]:has(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is([aria-expanded=true])) {
    --gds-nav-link-state: expanded;
}

:scope .not-has-clickable\:overflow-x-auto:not(:has(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))))) {
    overflow-x: auto;
}

:scope .not-has-clickable\:overflow-y-clip:not(:has(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))))) {
    overflow-y: clip;
}

:scope .group-hocus-visible-within\/card\:bg-midnight\/16:is(.group\/card:is(:is(:hover, :has(:focus-visible))) *) {
    background-color: rgb(var(--gds-color-midnight) / 0.16);
}

:scope .group-hocus-visible-within\/card\:text-white:is(.group\/card:is(:is(:hover, :has(:focus-visible))) *) {
    color: rgb(var(--gds-color-white) / 1);
}

:scope .group-hocus-visible-within\/card\:text-white\/64:is(.group\/card:is(:is(:hover, :has(:focus-visible))) *) {
    color: rgb(var(--gds-color-white) / 0.64);
}

:scope .group-hocus-visible-within\/card\:opacity-48:is(.group\/card:is(:is(:hover, :has(:focus-visible))) *) {
    opacity: 0.48;
}

:scope .group-hocus-visible-within\/card\:prop-color-white:is(.group\/card:is(:is(:hover, :has(:focus-visible))) *) {
    --gds-prop-color: rgb(var(--gds-color-white) / 1);
}

:scope .in-clickable-\[label\]\:group-hocus-visible-within\/card\:border-\[var\(--gds-card-border-hover\)\]:is(.group\/card:is(:is(:hover, :has(:focus-visible))) *):is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(label) *) {
    border-color: var(--gds-card-border-hover);
}

:scope .group-focus-visible\/button\:outline-focus:is(.group\/button:is(:focus-visible) *) {
    outline-color: rgb(var(--gds-color-focus) / 1);
}

@media (hover: none) {
    :scope .group-enabled\/button-or-link\:cannot-hover\:translate-x-0:is(.group\/button-or-link:is(:not(:disabled, [aria-disabled='true'])) *) {
        --tw-translate-x: 0rem;
        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));
    }
    :scope .group-enabled\/button-or-link\:cannot-hover\:translate-y-0:is(.group\/button-or-link:is(:not(:disabled, [aria-disabled='true'])) *) {
        --tw-translate-y: 0rem;
        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));
    }
    :scope .group-enabled\/button-or-link\:cannot-hover\:opacity-100:is(.group\/button-or-link:is(:not(:disabled, [aria-disabled='true'])) *) {
        opacity: 1;
    }
}

:scope .group-enabled\/button-or-link\:group-hocus-visible-within\/card\:translate-x-0:is(.group\/card:is(:is(:hover, :has(:focus-visible))) *):is(.group\/button-or-link:is(:not(:disabled, [aria-disabled='true'])) *) {
    --tw-translate-x: 0rem;
    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));
}

:scope .group-enabled\/button-or-link\:group-hocus-visible-within\/card\:translate-y-0:is(.group\/card:is(:is(:hover, :has(:focus-visible))) *):is(.group\/button-or-link:is(:not(:disabled, [aria-disabled='true'])) *) {
    --tw-translate-y: 0rem;
    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));
}

:scope .group-enabled\/button-or-link\:group-hocus-visible-within\/card\:opacity-100:is(.group\/card:is(:is(:hover, :has(:focus-visible))) *):is(.group\/button-or-link:is(:not(:disabled, [aria-disabled='true'])) *) {
    opacity: 1;
}

:scope .group-\[\:not\(\[data-current\]\2c \[data-highlight-on-interaction\]\)\]\/nav-link\:invisible:is(.group\/nav-link:is(:not([data-current],[data-highlight-on-interaction])) *) {
    visibility: hidden;
}

:scope .group-not-focus-visible\/link\:bg-gradient-to-b:is(.group\/link:not(:focus-visible) *) {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

:scope :is(.group\/stepper-step[data-state="incomplete"] .group-data-\[state\=incomplete\]\/stepper-step\:group-not-\[\[data-state\=current\]\+\*\]\/stepper-step\:transition-none:is(.group\/stepper-step:not([data-state=current]+*) *)) {
    transition-property: none;
}

:scope .group-not-\[\[data-checked\]\]\/segmented-control-option\:group-hover\/segmented-control-option\:text-white\/88:is(.group\/segmented-control-option:is(:hover) *):is(.group\/segmented-control-option:not([data-checked]) *) {
    color: rgb(var(--gds-color-white) / 0.88);
}

:scope .group-not-\[\[data-checked\]\]\/segmented-control-option\:group-active\/segmented-control-option\:text-white\/64:is(.group\/segmented-control-option:is(:active) *):is(.group\/segmented-control-option:not([data-checked]) *) {
    color: rgb(var(--gds-color-white) / 0.64);
}

:scope .group-not-\[\[data-checked\]\]\/segmented-control-option\:group-active\/segmented-control-option\:transition-none:is(.group\/segmented-control-option:is(:active) *):is(.group\/segmented-control-option:not([data-checked]) *) {
    transition-property: none;
}

:scope .group-not-data-\[highlighted\]\/nav-link\:opacity-0:is(.group\/nav-link:not([data-highlighted]) *) {
    opacity: 0;
}

:scope .group-has-focus-visible\/tabs\:\!opacity-0:is(.group\/tabs:has(:is(:focus-visible)) *) {
    opacity: 0 !important;
}

:scope .group-has-\[\~\[data-state\=current\]\]\/stepper-step\:transition-none:is(.group\/stepper-step:has(~[data-state=current]) *) {
    transition-property: none;
}

:scope :is(.group\/mega-menu-item[data-depth="0"] .group-data-\[depth\=0\]\/mega-menu-item\:group-has-\[\[data-has-children\]\]\/mega-menu-items\:gap-3:is(.group\/mega-menu-items:has(:is([data-has-children])) *)) {
    gap: 0.75rem;
}

:scope :is(html :where(.group\/mega-menu-item[data-depth="0"] .-\:group-data-\[depth\=0\]\/mega-menu-item\:group-has-\[\[data-has-children\]\]\/mega-menu-items\:size-8:is(.group\/mega-menu-items:has(:is([data-has-children])) *))) {
    width: 2rem;
    height: 2rem;
}

:scope :is(html :where(.group\/mega-menu-item[data-depth="0"] .-\:group-data-\[depth\=0\]\/mega-menu-item\:group-has-\[\[data-has-children\]\]\/mega-menu-items\:rounded-4:is(.group\/mega-menu-items:has(:is([data-has-children])) *))) {
    border-radius: 0.25rem;
}

:scope :is(html :where(.group\/mega-menu-item[data-depth="0"] .-\:group-data-\[depth\=0\]\/mega-menu-item\:group-has-\[\[data-has-children\]\]\/mega-menu-items\:bg-space-1300:is(.group\/mega-menu-items:has(:is([data-has-children])) *))) {
    background-color: rgb(var(--gds-color-space-1300) / 1);
}

:scope :is(.group\/segmented-control[data-option-count="2"] .group-data-\[option-count\=2\]\/segmented-control\:group-has-\[\[data-checked\]\]\/segmented-control\:group-not-\[\[data-checked\]\]\/segmented-control-option\:block:is(.group\/segmented-control-option:not([data-checked]) *):is(.group\/segmented-control:has(:is([data-checked])) *)) {
    display: block;
}

:scope .group-clickable-hover\/label\:group-not-has-clickable-hover\/label\:text-white:is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover) *) {
    color: rgb(var(--gds-color-white) / 1);
}

:scope .group-clickable-active\/label\:group-not-has-clickable-active\/label\:text-white\/64:is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *) {
    color: rgb(var(--gds-color-white) / 0.64);
}

:scope .group-clickable-active\/label\:group-not-has-clickable-active\/label\:transition-none:is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *) {
    transition-property: none;
}

:scope .group-not-has-\[\[data-checked\]\]\/segmented-control\:\!opacity-0:is(.group\/segmented-control:not(:has(:is([data-checked]))) *) {
    opacity: 0 !important;
}

:scope :is(.group\/nav-link[data-highlight-on-interaction="group"] .group-data-\[highlight-on-interaction\=group\]\/nav-link\:group-not-has-\[\.gds-nav-link\:is\(\[data-current\]\2c \[data-highlighted\=true\]\)\]\/nav-link-group\:opacity-0:is(.group\/nav-link-group:not(:has(:is(.gds-nav-link:is([data-current],[data-highlighted=true])))) *)) {
    opacity: 0;
}

:scope .group-not-has-\[\[data-has-children\]\]\/mega-menu-items\:group-not-first\/mega-menu-item\:top-1:is(.group\/mega-menu-item:not(:first-child) *):is(.group\/mega-menu-items:not(:has(:is([data-has-children]))) *) {
    top: 0.25rem;
}

:scope .group-not-has-\[\[data-has-children\]\]\/mega-menu-items\:group-not-first\/mega-menu-item\:pt-4:is(.group\/mega-menu-item:not(:first-child) *):is(.group\/mega-menu-items:not(:has(:is([data-has-children]))) *) {
    padding-top: 1rem;
}

:scope .group-not-has-\[\[data-has-children\]\]\/mega-menu-items\:group-not-last\/mega-menu-item\:bottom-1:is(.group\/mega-menu-item:not(:last-child) *):is(.group\/mega-menu-items:not(:has(:is([data-has-children]))) *) {
    bottom: 0.25rem;
}

:scope .group-not-has-\[\[data-has-children\]\]\/mega-menu-items\:group-not-last\/mega-menu-item\:pb-4:is(.group\/mega-menu-item:not(:last-child) *):is(.group\/mega-menu-items:not(:has(:is([data-has-children]))) *) {
    padding-bottom: 1rem;
}

:scope :is(.nested-read-only\/field\:cursor-text .nested\/field:is(:read-only)) {
    cursor: text;
}

:scope :is(.nested-disabled\/field\:cursor-default .nested\/field:is(:is(:disabled, [aria-disabled='true']))) {
    cursor: default;
}

:scope :is(.nested-disabled\/field\:resize-none .nested\/field:is(:is(:disabled, [aria-disabled='true']))) {
    resize: none;
}

:scope :is(.nested\/checkable\:absolute .nested\/checkable) {
    position: absolute;
}

:scope :is(.nested\/input\:absolute .nested\/input) {
    position: absolute;
}

:scope :is(.nested\/transition-content\:items-center .nested\/transition-content) {
    align-items: center;
}

:scope :is(.nested\/transition-content\:justify-center .nested\/transition-content) {
    justify-content: center;
}

:scope :is(.nested\/transition-content\:truncate .nested\/transition-content) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:scope :is(.nested\/input-box\:\!border-transparent .nested\/input-box) {
    border-color: transparent !important;
}

:scope :is(.nested\/input-box\:\!bg-transparent .nested\/input-box) {
    background-color: transparent !important;
}

:scope :is(.nested\/checkable\:opacity-0 .nested\/checkable) {
    opacity: 0;
}

:scope :is(.nested\/input\:opacity-0 .nested\/input) {
    opacity: 0;
}

:scope :is(.nested\/field\:transition .nested\/field) {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, outline-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, outline-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}

:scope :is(.nested\/field\:duration-\[600000s\] .nested\/field) {
    transition-duration: 600000s;
}

:scope :is(.nested\/checkable\:pointer-events-none .nested\/checkable > *) {
    --gds-pointer-events: none;
}

:scope :is(.nested\/input\:pointer-events-none .nested\/input > *) {
    --gds-pointer-events: none;
}

:scope :is(.nested\/checkable\:pointer-events-none .nested\/checkable) {
    --gds-previous-pointer-events: var(--gds-pointer-events);
    pointer-events: none;
}

:scope :is(.nested\/input\:pointer-events-none .nested\/input) {
    --gds-previous-pointer-events: var(--gds-pointer-events);
    pointer-events: none;
}

:scope :is(.nested\/field\:placeholder\:text-white\/48 .nested\/field)::placeholder {
    color: rgb(var(--gds-color-white) / 0.48);
}

:scope .has-nested-hocus\/search\:text-white:has(.nested\/search:is(:is(:hover, :focus))) {
    color: rgb(var(--gds-color-white) / 1);
}

:scope .has-nested-hover\/field\:border-white\/16:has(.nested\/field:is(:hover)) {
    border-color: rgb(var(--gds-color-white) / 0.16);
}

:scope .has-nested-hover\/field\:bg-white\/8:has(.nested\/field:is(:hover)) {
    background-color: rgb(var(--gds-color-white) / 0.08);
}

:scope :is(.group\/field[data-status="error"] .group-data-\[status\=error\]\/field\:has-nested-hover\/field\:border-red\/48:has(.nested\/field:is(:hover))) {
    border-color: rgb(var(--gds-color-red) / 0.48);
}

:scope :is(.group\/field[data-status="warning"] .group-data-\[status\=warning\]\/field\:has-nested-hover\/field\:border-yellow\/48:has(.nested\/field:is(:hover))) {
    border-color: rgb(var(--gds-color-yellow) / 0.48);
}

:scope :is(.group\/field[data-status="error"] .group-data-\[status\=error\]\/field\:has-nested-hover\/field\:bg-red\/8:has(.nested\/field:is(:hover))) {
    background-color: rgb(var(--gds-color-red) / 0.08);
}

:scope :is(.group\/field[data-status="warning"] .group-data-\[status\=warning\]\/field\:has-nested-hover\/field\:bg-yellow\/8:has(.nested\/field:is(:hover))) {
    background-color: rgb(var(--gds-color-yellow) / 0.08);
}

:scope .has-nested-enabled\/card\:hocus-visible-within\:bg-\[var\(--gds-card-bg-hover\)\]:is(:hover, :has(:focus-visible)):has(.nested\/card:is(:not(:disabled, [aria-disabled='true']))) {
    background-color: var(--gds-card-bg-hover);
}

:scope .has-nested-enabled\/card\:has-nested-focus-visible\/card\:outline-focus:has(.nested\/card:is(:focus-visible)):has(.nested\/card:is(:not(:disabled, [aria-disabled='true']))) {
    outline-color: rgb(var(--gds-color-focus) / 1);
}

:scope .has-nested-disabled\/search\:text-white\/32:has(.nested\/search:is(:is(:disabled, [aria-disabled='true']))) {
    color: rgb(var(--gds-color-white) / 0.32);
}

:scope .has-nested-disabled\/card\:opacity-\[var\(--gds-card-opacity-disabled\)\]:has(.nested\/card:is(:is(:disabled, [aria-disabled='true']))) {
    opacity: var(--gds-card-opacity-disabled);
}

:scope .has-nested\/modal-slot\:flex:has(.nested\/modal-slot) {
    display: flex;
}

:scope .has-nested\/modal-slot\:flex-col:has(.nested\/modal-slot) {
    flex-direction: column;
}

:scope .has-nested\/modal-slot\:overflow-y-clip:has(.nested\/modal-slot) {
    overflow-y: clip;
}

:scope .has-nested\/modal-slot\:p-0:has(.nested\/modal-slot) {
    padding: 0rem;
}

:scope .group-has-nested-checked\/checkable\:border-purple\/88:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *) {
    border-color: rgb(var(--gds-color-purple) / 0.88);
}

:scope .group-has-nested-checked\/checkable\:border-transparent:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *) {
    border-color: transparent;
}

:scope .group-has-nested-checked\/checkable\:bg-purple\/88:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *) {
    background-color: rgb(var(--gds-color-purple) / 0.88);
}

:scope .group-has-nested-checked\/checkable\:opacity-100:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *) {
    opacity: 1;
}

:scope .group-has-nested-placeholder-shown\/search\:opacity-0:is(.group\/search:has(.nested\/search:is(:placeholder-shown)) *) {
    opacity: 0;
}

:scope .group-has-nested-focus\/field\:border-purple:is(.group\/field:has(.nested\/field:is(:focus)) *) {
    border-color: rgb(var(--gds-color-purple) / 1);
}

:scope .group-has-nested-focus\/field\:bg-purple\/4:is(.group\/field:has(.nested\/field:is(:focus)) *) {
    background-color: rgb(var(--gds-color-purple) / 0.04);
}

:scope .group-has-nested-focus\/field\:text-white:is(.group\/field:has(.nested\/field:is(:focus)) *) {
    color: rgb(var(--gds-color-white) / 1);
}

:scope :is(.group\/field[data-status="error"] .group-data-\[status\=error\]\/field\:group-has-nested-focus\/field\:border-red\/64:is(.group\/field:has(.nested\/field:is(:focus)) *)) {
    border-color: rgb(var(--gds-color-red) / 0.64);
}

:scope :is(.group\/field[data-status="warning"] .group-data-\[status\=warning\]\/field\:group-has-nested-focus\/field\:border-yellow\/64:is(.group\/field:has(.nested\/field:is(:focus)) *)) {
    border-color: rgb(var(--gds-color-yellow) / 0.64);
}

:scope :is(.group\/field[data-status="error"] .group-data-\[status\=error\]\/field\:group-has-nested-focus\/field\:bg-red\/4:is(.group\/field:has(.nested\/field:is(:focus)) *)) {
    background-color: rgb(var(--gds-color-red) / 0.04);
}

:scope :is(.group\/field[data-status="warning"] .group-data-\[status\=warning\]\/field\:group-has-nested-focus\/field\:bg-yellow\/4:is(.group\/field:has(.nested\/field:is(:focus)) *)) {
    background-color: rgb(var(--gds-color-yellow) / 0.04);
}

:scope :is(.nested-not-read-only\/field\:group-has-nested-focus\/field\:placeholder\:text-transparent:is(.group\/field:has(.nested\/field:is(:focus)) *) .nested\/field:not(:read-only))::placeholder {
    color: transparent;
}

:scope .group-has-nested-enabled\/card\:group-hocus-visible-within\/card\:border-\[var\(--gds-card-border-hover\)\]:is(.group\/card:is(:is(:hover, :has(:focus-visible))) *):is(.group\/card:has(.nested\/card:is(:not(:disabled, [aria-disabled='true']))) *) {
    border-color: var(--gds-card-border-hover);
}

:scope .group-has-nested-disabled\/field\:border-transparent:is(.group\/field:has(.nested\/field:is(:is(:disabled, [aria-disabled='true']))) *) {
    border-color: transparent;
}

:scope .group-has-nested-disabled\/checkable\:bg-white\/32:is(.group\/checkable:has(.nested\/checkable:is(:is(:disabled, [aria-disabled='true']))) *) {
    background-color: rgb(var(--gds-color-white) / 0.32);
}

:scope .group-has-nested-disabled\/field\:bg-white\/2:is(.group\/field:has(.nested\/field:is(:is(:disabled, [aria-disabled='true']))) *) {
    background-color: rgb(var(--gds-color-white) / 0.02);
}

:scope .group-has-nested-disabled\/checkable\:text-white\/32:is(.group\/checkable:has(.nested\/checkable:is(:is(:disabled, [aria-disabled='true']))) *) {
    color: rgb(var(--gds-color-white) / 0.32);
}

:scope .group-has-nested-disabled\/search\:opacity-0:is(.group\/search:has(.nested\/search:is(:is(:disabled, [aria-disabled='true']))) *) {
    opacity: 0;
}

:scope .group-has-nested-not-placeholder-shown\/search\:pointer-events-previous:is(.group\/search:has(.nested\/search:not(:placeholder-shown)) *) {
    --gds-previous-pointer-events: revert;
    --gds-pointer-events: var(--gds-previous-pointer-events);
    pointer-events: var(--gds-pointer-events);
}

:scope .\+\:transition-\[stroke-dashoffset\]:is(:is(:scope, #i) *) {
    transition-property: stroke-dashoffset;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}

:scope .\+\:transition-\[transform\2c opacity\]:is(:is(:scope, #i) *) {
    transition-property: transform,opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}

:scope .\+\:transition-\[transform\2c stroke-dashoffset\]:is(:is(:scope, #i) *) {
    transition-property: transform,stroke-dashoffset;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}

:scope .\+\:transition-transform:is(:is(:scope, #i) *) {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
    transition-duration: 150ms;
}

:scope .\+\:delay-0:is(:is(:scope, #i) *) {
    transition-delay: 0ms;
}

:scope .\+\:duration-500:is(:is(:scope, #i) *) {
    transition-duration: 500ms;
}

:scope .\+\:focus\:border-purple:focus:is(:is(:scope, #i) *) {
    border-color: rgb(var(--gds-color-purple) / 1);
}

:scope .\+\:focus\:bg-purple\/8:focus:is(:is(:scope, #i) *) {
    background-color: rgb(var(--gds-color-purple) / 0.08);
}

:scope .\+\:focus\:placeholder\:text-transparent:focus:is(:is(:scope, #i) *)::placeholder {
    color: transparent;
}

:scope .\+\:active\:text-white\/64:active:is(:is(:scope, #i) *) {
    color: rgb(var(--gds-color-white) / 0.64);
}

:scope .\+\:active\:transition-none:active:is(:is(:scope, #i) *) {
    transition-property: none;
}

:scope .\+\:enabled\:cursor-pointer:not(:disabled, [aria-disabled='true']):is(:is(:scope, #i) *) {
    cursor: pointer;
}

:scope .\+\:disabled\:text-space-1000:is(:disabled, [aria-disabled='true']):is(:is(:scope, #i) *) {
    color: rgb(var(--gds-color-space-1000) / 1);
}

:scope .\+\:not-data-\[has-children\]\:prop-hide-label-true:not([data-has-children]):is(:is(:scope, #i) *) {
    --gds-prop-hide-label: gds-true;
    --gds-prop-polyfill-hide-label: 2px;
}

:scope .\+\:group-hover\/label\:group-not-has-clickable-hover\/label\:border-white\/16:is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover))) *):is(.group\/label:is(:hover) *):is(:is(:scope, #i) *) {
    border-color: rgb(var(--gds-color-white) / 0.16);
}

:scope .\+\:group-hover\/label\:group-not-has-clickable-hover\/label\:bg-white\/16:is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover))) *):is(.group\/label:is(:hover) *):is(:is(:scope, #i) *) {
    background-color: rgb(var(--gds-color-white) / 0.16);
}

:scope .\+\:group-not-has-clickable-hover\/label\:group-hover\/label\:bg-white:is(.group\/label:is(:hover) *):is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover))) *):is(:is(:scope, #i) *) {
    background-color: rgb(var(--gds-color-white) / 1);
}

:scope .\+\:group-clickable-hover\/label\:group-not-has-clickable-hover\/label\:border-purple:is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover) *):is(:is(:scope, #i) *) {
    border-color: rgb(var(--gds-color-purple) / 1);
}

:scope .\+\:group-clickable-hover\/label\:group-not-has-clickable-hover\/label\:bg-white\/8:is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover) *):is(:is(:scope, #i) *) {
    background-color: rgb(var(--gds-color-white) / 0.08);
}

:scope .\+\:group-hover\/label\:group-not-has-clickable-hover\/label\:group-has-nested-checked\/checkable\:border-purple:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover))) *):is(.group\/label:is(:hover) *):is(:is(:scope, #i) *) {
    border-color: rgb(var(--gds-color-purple) / 1);
}

:scope .\+\:group-hover\/label\:group-not-has-clickable-hover\/label\:group-has-nested-checked\/checkable\:bg-purple:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover))) *):is(.group\/label:is(:hover) *):is(:is(:scope, #i) *) {
    background-color: rgb(var(--gds-color-purple) / 1);
}

:scope .\+\:group-clickable-hover\/label\:group-not-has-clickable-hover\/label\:group-has-nested-checked\/checkable\:border-transparent:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover) *):is(:is(:scope, #i) *) {
    border-color: transparent;
}

:scope .\+\:group-clickable-hover\/label\:group-not-has-clickable-hover\/label\:group-has-nested-checked\/checkable\:bg-purple:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover) *):is(:is(:scope, #i) *) {
    background-color: rgb(var(--gds-color-purple) / 1);
}

:scope :is(.group\/label[data-focus] .\+\+\:group-data-\[focus\]\/label\:border-purple:is(:is(:scope, #i#i) *)) {
    border-color: rgb(var(--gds-color-purple) / 1);
}

:scope :is(.group\/label[data-focus] .\+\+\:group-data-\[focus\]\/label\:border-white\/16:is(:is(:scope, #i#i) *)) {
    border-color: rgb(var(--gds-color-white) / 0.16);
}

:scope :is(.group\/label[data-focus] .\+\+\:group-data-\[focus\]\/label\:bg-white\/16:is(:is(:scope, #i#i) *)) {
    background-color: rgb(var(--gds-color-white) / 0.16);
}

:scope :is(.group\/label[data-focus] .\+\+\:group-data-\[focus\]\/label\:bg-white\/8:is(:is(:scope, #i#i) *)) {
    background-color: rgb(var(--gds-color-white) / 0.08);
}

:scope :is(.group\/label[data-inner-focus-ring][data-focus] .\+\+\:group-data-\[inner-focus-ring\]\/label\:group-data-\[focus\]\/label\:outline-focus:is(:is(:scope, #i#i) *)) {
    outline-color: rgb(var(--gds-color-focus) / 1);
}

:scope .\+\+\:disabled\:border-transparent:is(:disabled, [aria-disabled='true']):is(:is(:scope, #i#i) *) {
    border-color: transparent;
}

:scope .\+\+\:disabled\:bg-white\/4:is(:disabled, [aria-disabled='true']):is(:is(:scope, #i#i) *) {
    background-color: rgb(var(--gds-color-white) / 0.04);
}

:scope .\+\+\:disabled\:placeholder\:text-white\/32:is(:disabled, [aria-disabled='true']):is(:is(:scope, #i#i) *)::placeholder {
    color: rgb(var(--gds-color-white) / 0.32);
}

:scope :is(.group\/label[data-focus] .\+\+\:group-data-\[focus\]\/label\:group-has-nested-checked\/checkable\:border-purple:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(:is(:scope, #i#i) *)) {
    border-color: rgb(var(--gds-color-purple) / 1);
}

:scope :is(.group\/label[data-focus] .\+\+\:group-data-\[focus\]\/label\:group-has-nested-checked\/checkable\:bg-purple:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(:is(:scope, #i#i) *)) {
    background-color: rgb(var(--gds-color-purple) / 1);
}

:scope .\+\+\:group-has-nested-focus-visible\/checkable\:border-purple:is(.group\/checkable:has(.nested\/checkable:is(:focus-visible)) *):is(:is(:scope, #i#i) *) {
    border-color: rgb(var(--gds-color-purple) / 1);
}

:scope .\+\+\:group-has-nested-focus-visible\/checkable\:border-white\/16:is(.group\/checkable:has(.nested\/checkable:is(:focus-visible)) *):is(:is(:scope, #i#i) *) {
    border-color: rgb(var(--gds-color-white) / 0.16);
}

:scope .\+\+\:group-has-nested-focus-visible\/checkable\:bg-white:is(.group\/checkable:has(.nested\/checkable:is(:focus-visible)) *):is(:is(:scope, #i#i) *) {
    background-color: rgb(var(--gds-color-white) / 1);
}

:scope .\+\+\:group-has-nested-focus-visible\/checkable\:bg-white\/16:is(.group\/checkable:has(.nested\/checkable:is(:focus-visible)) *):is(:is(:scope, #i#i) *) {
    background-color: rgb(var(--gds-color-white) / 0.16);
}

:scope .\+\+\:group-has-nested-focus-visible\/checkable\:bg-white\/8:is(.group\/checkable:has(.nested\/checkable:is(:focus-visible)) *):is(:is(:scope, #i#i) *) {
    background-color: rgb(var(--gds-color-white) / 0.08);
}

:scope :is(.group\/label[data-inner-focus-ring] .\+\+\:group-data-\[inner-focus-ring\]\/label\:group-has-nested-focus-visible\/checkable\:outline-focus:is(.group\/checkable:has(.nested\/checkable:is(:focus-visible)) *):is(:is(:scope, #i#i) *)) {
    outline-color: rgb(var(--gds-color-focus) / 1);
}

:scope .\+\+\:group-has-nested-focus-visible\/checkable\:group-has-nested-checked\/checkable\:border-purple:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/checkable:has(.nested\/checkable:is(:focus-visible)) *):is(:is(:scope, #i#i) *) {
    border-color: rgb(var(--gds-color-purple) / 1);
}

:scope .\+\+\:group-has-nested-focus-visible\/checkable\:group-has-nested-checked\/checkable\:bg-purple:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/checkable:has(.nested\/checkable:is(:focus-visible)) *):is(:is(:scope, #i#i) *) {
    background-color: rgb(var(--gds-color-purple) / 1);
}

:scope .\+\+\+\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:aspect-\[1\.5\]:is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *):is(:is(:scope, #i#i#i) *) {
    aspect-ratio: 1.5;
}

:scope .\+\+\+\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:scale-80:is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *):is(:is(:scope, #i#i#i) *) {
    --tw-scale-x: 0.8;
    --tw-scale-y: 0.8;
    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));
}

:scope .\+\+\+\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:border-purple\/64:is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *):is(:is(:scope, #i#i#i) *) {
    border-color: rgb(var(--gds-color-purple) / 0.64);
}

:scope .\+\+\+\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:border-white\/8:is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *):is(:is(:scope, #i#i#i) *) {
    border-color: rgb(var(--gds-color-white) / 0.08);
}

:scope .\+\+\+\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:bg-white:is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *):is(:is(:scope, #i#i#i) *) {
    background-color: rgb(var(--gds-color-white) / 1);
}

:scope .\+\+\+\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:bg-white\/4:is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *):is(:is(:scope, #i#i#i) *) {
    background-color: rgb(var(--gds-color-white) / 0.04);
}

:scope .\+\+\+\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:bg-white\/8:is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *):is(:is(:scope, #i#i#i) *) {
    background-color: rgb(var(--gds-color-white) / 0.08);
}

:scope .\+\+\+\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:transition-none:is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *):is(:is(:scope, #i#i#i) *) {
    transition-property: none;
}

:scope .\+\+\+\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:group-has-nested-checked\/checkable\:border-purple\/32:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *):is(:is(:scope, #i#i#i) *) {
    border-color: rgb(var(--gds-color-purple) / 0.32);
}

:scope .\+\+\+\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:group-has-nested-checked\/checkable\:border-purple\/48:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *):is(:is(:scope, #i#i#i) *) {
    border-color: rgb(var(--gds-color-purple) / 0.48);
}

:scope .\+\+\+\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:group-has-nested-checked\/checkable\:bg-purple\/32:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *):is(:is(:scope, #i#i#i) *) {
    background-color: rgb(var(--gds-color-purple) / 0.32);
}

:scope .\+\+\+\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:group-has-nested-checked\/checkable\:bg-purple\/48:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *):is(:is(:scope, #i#i#i) *) {
    background-color: rgb(var(--gds-color-purple) / 0.48);
}

:scope .\+\+\+\+\:group-has-nested-disabled\/checkable\:border-white\/8:is(.group\/checkable:has(.nested\/checkable:is(:is(:disabled, [aria-disabled='true']))) *):is(:is(:scope, #i#i#i#i) *) {
    border-color: rgb(var(--gds-color-white) / 0.08);
}

:scope .\+\+\+\+\:group-has-nested-disabled\/checkable\:bg-white\/32:is(.group\/checkable:has(.nested\/checkable:is(:is(:disabled, [aria-disabled='true']))) *):is(:is(:scope, #i#i#i#i) *) {
    background-color: rgb(var(--gds-color-white) / 0.32);
}

:scope .\+\+\+\+\:group-has-nested-disabled\/checkable\:bg-white\/4:is(.group\/checkable:has(.nested\/checkable:is(:is(:disabled, [aria-disabled='true']))) *):is(:is(:scope, #i#i#i#i) *) {
    background-color: rgb(var(--gds-color-white) / 0.04);
}

:scope .\+\+\+\+\:group-has-nested-disabled\/checkable\:bg-white\/8:is(.group\/checkable:has(.nested\/checkable:is(:is(:disabled, [aria-disabled='true']))) *):is(:is(:scope, #i#i#i#i) *) {
    background-color: rgb(var(--gds-color-white) / 0.08);
}

:scope .\+\+\+\+\:group-has-nested-disabled\/checkable\:group-has-nested-checked\/checkable\:border-purple\/32:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/checkable:has(.nested\/checkable:is(:is(:disabled, [aria-disabled='true']))) *):is(:is(:scope, #i#i#i#i) *) {
    border-color: rgb(var(--gds-color-purple) / 0.32);
}

:scope .\+\+\+\+\:group-has-nested-disabled\/checkable\:group-has-nested-checked\/checkable\:bg-purple\/32:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/checkable:has(.nested\/checkable:is(:is(:disabled, [aria-disabled='true']))) *):is(:is(:scope, #i#i#i#i) *) {
    background-color: rgb(var(--gds-color-purple) / 0.32);
}

@container style(--style-queries-test:testing) {
    :scope .\@style-\[--style-queries-test\=testing\]\:\[--style-queries-test\:success\] {
        --style-queries-test: success;
    }
}

@container style(--gds-transition-state:idle) {
    :scope :is(.\@style-\[--gds-transition-state\=idle\]\:nested\/transition-content\:w-auto .nested\/transition-content) {
        width: auto;
    }
    :scope :is(.\@style-\[--gds-transition-state\=idle\]\:nested\/transition-content\:truncate .nested\/transition-content) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

:scope :is(.nested-button\:pointer-events-previous .gds-button) {
    --gds-previous-pointer-events: revert;
    --gds-pointer-events: var(--gds-previous-pointer-events);
    pointer-events: var(--gds-pointer-events);
}

:scope :is(.nested-button\:default-variant-naked .gds-button) {
    --gds-default-variant: gds-naked;
    --gds-default-polyfill-variant: 6px;
}

:scope :is(.group\/avatar-group[data-type="subgraph"] .group-data-\[type\=subgraph\]\/avatar-group\:nested-cluster\:prop-shape-square .gds-cluster) {
    --gds-prop-shape: gds-square;
    --gds-prop-polyfill-shape: 2px;
}

:scope :is(.group\/avatar-group[data-type="wallet"] .group-data-\[type\=wallet\]\/avatar-group\:nested-cluster\:prop-shape-circle .gds-cluster) {
    --gds-prop-shape: gds-circle;
    --gds-prop-polyfill-shape: 1px;
}

:scope :is(.\+\:nested-divider\:hidden .gds-divider:is(:is(:scope, #i) *)) {
    display: none;
}

:scope :is(.nested-icon\:top-\[0\.075em\] .gds-icon) {
    top: 0.075em;
}

:scope :is(.nested-icon\:inline-block .gds-icon) {
    display: inline-block;
}

:scope :is(.nested-icon\:inline-flex .gds-icon) {
    display: inline-flex;
}

:scope :is(.nested-icon\:leading-none .gds-icon) {
    line-height: 1;
}

:scope :is(.nested-icon\:default-size-12 .gds-icon) {
    --gds-default-size: 3rem;
    --gds-default-polyfill-size: 0px;
}

:scope :is(.nested-icon\:default-size-4 .gds-icon) {
    --gds-default-size: 1rem;
    --gds-default-polyfill-size: 0px;
}

:scope :is(.nested-icon\:default-size-6 .gds-icon) {
    --gds-default-size: 1.5rem;
    --gds-default-polyfill-size: 0px;
}

:scope :is(.nested-icon\:default-size-\[100\%\] .gds-icon) {
    --gds-default-size: 100%;
    --gds-default-polyfill-size: 0px;
}

:scope :is(.nested-icon\:disabled\:opacity-32:is(:disabled, [aria-disabled='true']) .gds-icon) {
    opacity: 0.32;
}

:scope :is(.nested-icon\:disabled\:grayscale:is(:disabled, [aria-disabled='true']) .gds-icon) {
    --tw-grayscale: grayscale(100%);
    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);
}

:scope :is(.nested-icon\:disabled\:prop-color-white:is(:disabled, [aria-disabled='true']) .gds-icon) {
    --gds-prop-color: rgb(var(--gds-color-white) / 1);
}

:scope :is(.\+\:nested-icon\:default-size-\[1em\] .gds-icon:is(:is(:scope, #i) *)) {
    --gds-default-size: 1em;
    --gds-default-polyfill-size: 0px;
}

:scope .in-link\:-z-10:is(.gds-link *) {
    z-index: -10;
}

:scope .in-link\:border-space-1200:is(.gds-link *) {
    border-color: rgb(var(--gds-color-space-1200) / 1);
}

:scope .in-link\:bg-space-1400:is(.gds-link *) {
    background-color: rgb(var(--gds-color-space-1400) / 1);
}

:scope .in-link\:text-galactic-500:is(.gds-link *) {
    color: rgb(var(--gds-color-galactic-500) / 1);
}

:scope :is(.nested-mega-menu\:prop-layout-compact .gds-mega-menu) {
    --gds-prop-layout: gds-compact;
    --gds-prop-polyfill-layout: 1px;
}

:scope :is(.nested-mega-menu\:\[--gds-mega-menu-border-width\:0px\] .gds-mega-menu) {
    --gds-mega-menu-border-width: 0px;
}

:scope :is(.nested-mega-menu\:\[--gds-mega-menu-radius\:0px\] .gds-mega-menu) {
    --gds-mega-menu-radius: 0px;
}

:scope :is(.not-in-mega-menu\:nested\/nav-link-highlight\:hidden .nested\/nav-link-highlight:not(.gds-mega-menu *)) {
    display: none;
}

:scope :is(.nested-nav-link\:default-variant-secondary .gds-nav-link) {
    --gds-default-variant: gds-secondary;
    --gds-default-polyfill-variant: 2px;
}

:scope :is(.not-in-mega-menu\:nested-nav-link\:w-full .gds-nav-link:not(.gds-mega-menu *)) {
    width: 100%;
}

:scope :is(.not-in-mega-menu\:nested-nav-link\:\[--gds-nav-link-padding-x\:theme\(spacing\.6\)\] .gds-nav-link:not(.gds-mega-menu *)) {
    --gds-nav-link-padding-x: 1.5rem;
}

:scope :is(.not-in-mega-menu\:nested-nav-link\:\[--gds-nav-link-padding-y\:theme\(spacing\.4\)\] .gds-nav-link:not(.gds-mega-menu *)) {
    --gds-nav-link-padding-y: 1rem;
}

:scope :is(.not-in-mega-menu\:nested\/button-or-link\:nested-nav-link\:justify-start .gds-nav-link .nested\/button-or-link:not(.gds-mega-menu *)) {
    justify-content: flex-start;
}

:scope :is(.not-in-mega-menu\:last\:nested-icon\:nested\/button-or-link\:nested-nav-link\:ms-auto .gds-nav-link .nested\/button-or-link .gds-icon:last-child:not(.gds-mega-menu *)) {
    margin-inline-start: auto;
}

:scope :is(.nested-tag\:shrink-0 .gds-tag) {
    flex-shrink: 0;
}

:scope :is(.nested-tag\:default-size-small .gds-tag) {
    --gds-default-size: gds-small;
    --gds-default-polyfill-size: 3px;
}

:scope :is(.nested-tag\:default-variant-white .gds-tag) {
    --gds-default-variant: gds-white;
    --gds-default-polyfill-variant: 50px;
}

@container avatar style(--gds-avatar-size: gds-xsmall) {
    :scope .\@prop-size-xsmall\/avatar\:size-4 {
        width: 1rem;
        height: 1rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-xsmall) {
    :scope .\@prop-size-xsmall\/button\:rounded-6 {
        border-radius: 0.375rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xsmall\/button\:px-0\.5 {
        padding-left: 0.125rem;
        padding-right: 0.125rem;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-size: gds-xsmall) {
    :scope .\@prop-size-xsmall\/cluster\:px-px {
        padding-left: 1px;
        padding-right: 1px;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-xsmall) {
    :scope .\@prop-size-xsmall\/button\:text-12 {
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-size: gds-xsmall) {
    :scope .\@prop-size-xsmall\/cluster\:text-10 {
        font-size: 0.625rem;
        line-height: 0.875rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-xsmall) {
    :scope .\@prop-size-xsmall\/button\:font-regular {
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container tag style(--gds-tag-size: gds-xsmall) {
    :scope .\@prop-size-xsmall\/tag\:\[--gds-tag-padding-default\:theme\(spacing\[1\.5\]\)\] {
        --gds-tag-padding-default: 0.375rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xsmall\/tag\:\[--height\:theme\(spacing\.4\)\] {
        --height: 1rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-xsmall) {
    :scope .\@prop-size-xsmall\/button\:\[--height\:theme\(spacing\.7\)\] {
        --height: 1.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xsmall\/button\:\[--padding\:5px\] {
        --padding: 5px;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-size: gds-xsmall) {
    :scope .\@prop-size-xsmall\/cluster\:\[--size\:theme\(spacing\.4\)\] {
        --size: 1rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-xsmall\/avatar\:size-4:where(.gds-avatar[data-prop-polyfill-size=xsmall] *) {
        width: 1rem;
        height: 1rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xsmall\/button\:rounded-6:where(.gds-button[data-prop-polyfill-size=xsmall] *) {
        border-radius: 0.375rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xsmall\/button\:px-0\.5:where(.gds-button[data-prop-polyfill-size=xsmall] *) {
        padding-left: 0.125rem;
        padding-right: 0.125rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xsmall\/cluster\:px-px:where(.gds-cluster[data-prop-polyfill-size=xsmall] *) {
        padding-left: 1px;
        padding-right: 1px;
    }

    /*__not_new
 */
    :scope .\@prop-size-xsmall\/button\:text-12:where(.gds-button[data-prop-polyfill-size=xsmall] *) {
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xsmall\/cluster\:text-10:where(.gds-cluster[data-prop-polyfill-size=xsmall] *) {
        font-size: 0.625rem;
        line-height: 0.875rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xsmall\/button\:font-regular:where(.gds-button[data-prop-polyfill-size=xsmall] *) {
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    :scope .\@prop-size-xsmall\/tag\:\[--gds-tag-padding-default\:theme\(spacing\[1\.5\]\)\]:where(.gds-tag[data-prop-polyfill-size=xsmall] *) {
        --gds-tag-padding-default: 0.375rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xsmall\/tag\:\[--height\:theme\(spacing\.4\)\]:where(.gds-tag[data-prop-polyfill-size=xsmall] *) {
        --height: 1rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xsmall\/button\:\[--height\:theme\(spacing\.7\)\]:where(.gds-button[data-prop-polyfill-size=xsmall] *) {
        --height: 1.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xsmall\/button\:\[--padding\:5px\]:where(.gds-button[data-prop-polyfill-size=xsmall] *) {
        --padding: 5px;
    }

    /*__not_new
 */
    :scope .\@prop-size-xsmall\/cluster\:\[--size\:theme\(spacing\.4\)\]:where(.gds-cluster[data-prop-polyfill-size=xsmall] *) {
        --size: 1rem;
    }

    /*__not_new
 */
}

@container avatar-group style(--gds-avatar-group-size: gds-xsmall) {
    :scope :is(.\@prop-size-xsmall\/avatar-group\:\*\:prop-size-xsmall > *) {
        --gds-prop-size: gds-xsmall;
        --gds-prop-polyfill-size: 2px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.\@prop-size-xsmall\/avatar-group\:\*\:prop-size-xsmall > *:where(.gds-avatar-group[data-prop-polyfill-size=xsmall] *)) {
        --gds-prop-size: gds-xsmall;
        --gds-prop-polyfill-size: 2px;
    }

    /*__not_new
 */
}

@container avatar style(--gds-avatar-size: gds-xsmall) {
    :scope .\@prop-size-xsmall\/avatar\:data-\[type\=subgraph\]\:rounded-2[data-type="subgraph"] {
        border-radius: 0.125rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-xsmall\/avatar\:data-\[type\=subgraph\]\:rounded-2[data-type="subgraph"]:where(.gds-avatar[data-prop-polyfill-size=xsmall] *) {
        border-radius: 0.125rem;
    }

    /*__not_new
 */
}

@container avatar-group style(--gds-avatar-group-size: gds-xsmall) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-xsmall\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-first\:\*\:ml-\[-2px\] > *:not(:first-child)) {
        margin-left: -2px;
    }

    /*__not_new
 */
    :scope :is(.group\/avatar-group[data-type="wallet"] .\@prop-size-xsmall\/avatar-group\:group-data-\[type\=wallet\]\/avatar-group\:not-first\:\*\:ml-\[-3px\] > *:not(:first-child)) {
        margin-left: -3px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-xsmall\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-first\:\*\:ml-\[-2px\] > *:not(:first-child):where(.gds-avatar-group[data-prop-polyfill-size=xsmall] *)) {
        margin-left: -2px;
    }

    /*__not_new
 */
    :scope :is(.group\/avatar-group[data-type="wallet"] .\@prop-size-xsmall\/avatar-group\:group-data-\[type\=wallet\]\/avatar-group\:not-first\:\*\:ml-\[-3px\] > *:not(:first-child):where(.gds-avatar-group[data-prop-polyfill-size=xsmall] *)) {
        margin-left: -3px;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-size: gds-xsmall) {
    :scope :is(html :where(.-\:\@prop-size-xsmall\/button-group\:nested-button\:prop-size-xsmall .gds-button)) {
        --gds-prop-size: gds-xsmall;
        --gds-prop-polyfill-size: 2px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-size-xsmall\/button-group\:nested-button\:prop-size-xsmall .gds-button:where(.gds-button-group[data-prop-polyfill-size=xsmall] *))) {
        --gds-prop-size: gds-xsmall;
        --gds-prop-polyfill-size: 2px;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-size: gds-xsmall) {
    :scope :is(html :where(.-\:\@prop-size-xsmall\/button-group\:nested-button-group\:prop-size-xsmall .gds-button-group)) {
        --gds-prop-size: gds-xsmall;
        --gds-prop-polyfill-size: 2px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-size-xsmall\/button-group\:nested-button-group\:prop-size-xsmall .gds-button-group:where(.gds-button-group[data-prop-polyfill-size=xsmall] *))) {
        --gds-prop-size: gds-xsmall;
        --gds-prop-polyfill-size: 2px;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-xsmall) {
    :scope :is(.\@prop-size-xsmall\/button\:nested-icon\:default-size-3 .gds-icon) {
        --gds-default-size: 0.75rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.\@prop-size-xsmall\/button\:nested-icon\:default-size-3 .gds-icon:where(.gds-button[data-prop-polyfill-size=xsmall] *)) {
        --gds-default-size: 0.75rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-small) {
    :scope .\@prop-size-small\/chip\:left-2 {
        left: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/chip\:left-\[5px\] {
        left: 5px;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-small) {
    :scope .\@prop-size-small\/search\:start-2\.5 {
        inset-inline-start: 0.625rem;
    }

    /*__not_new
 */
}

@container avatar style(--gds-avatar-size: gds-small) {
    :scope .\@prop-size-small\/avatar\:size-6 {
        width: 1.5rem;
        height: 1.5rem;
    }

    /*__not_new
 */
}

@container checkable style(--gds-checkable-size: gds-small) {
    :scope .\@prop-size-small\/checkable\:size-5 {
        width: 1.25rem;
        height: 1.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/checkable\:h-5 {
        height: 1.25rem;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-small) {
    :scope .\@prop-size-small\/chip\:h-8 {
        height: 2rem;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-small) {
    :scope .\@prop-size-small\/modal\:h-12 {
        height: 3rem;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-small) {
    :scope .\@prop-size-small\/search\:h-8 {
        height: 2rem;
    }

    /*__not_new
 */
}

@container segmented-control style(--gds-segmented-control-size: gds-small) {
    :scope .\@prop-size-small\/segmented-control\:h-8 {
        height: 2rem;
    }

    /*__not_new
 */
}

@container checkable style(--gds-checkable-size: gds-small) {
    :scope .\@prop-size-small\/checkable\:w-9 {
        width: 2.25rem;
    }

    /*__not_new
 */
}

@container address style(--gds-address-size: gds-small) {
    :scope .\@prop-size-small\/address\:gap-1 {
        gap: 0.25rem;
    }

    /*__not_new
 */
}

@container checkable style(--gds-checkable-size: gds-small) {
    :scope .\@prop-size-small\/checkable\:gap-2 {
        gap: 0.5rem;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-small) {
    :scope .\@prop-size-small\/chip\:gap-1 {
        gap: 0.25rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-small) {
    :scope .\@prop-size-small\/button\:rounded-6 {
        border-radius: 0.375rem;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-small) {
    :scope .\@prop-size-small\/search\:p-1\.5 {
        padding: 0.375rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-small) {
    :scope .\@prop-size-small\/button\:px-0\.5 {
        padding-left: 0.125rem;
        padding-right: 0.125rem;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-small) {
    :scope .\@prop-size-small\/chip\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-size: gds-small) {
    :scope .\@prop-size-small\/cluster\:px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-small) {
    :scope .\@prop-size-small\/modal\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /*__not_new
 */
}

@container segmented-control style(--gds-segmented-control-size: gds-small) {
    :scope .\@prop-size-small\/segmented-control\:px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    /*__not_new
 */
}

@container tab-set style(--gds-tab-set-size: gds-small) {
    :scope .\@prop-size-small\/tab-set\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-small) {
    :scope .\@prop-size-small\/search\:pe-8 {
        padding-inline-end: 2rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/search\:ps-7 {
        padding-inline-start: 1.75rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-small) {
    :scope .\@prop-size-small\/button\:text-12 {
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
}

@container checkable style(--gds-checkable-size: gds-small) {
    :scope .\@prop-size-small\/checkable\:text-14 {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-size: gds-small) {
    :scope .\@prop-size-small\/cluster\:text-12 {
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
}

@container checkable style(--gds-checkable-size: gds-small) {
    :scope .\@prop-size-small\/checkable\:leading-5 {
        line-height: 1.25rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-small) {
    :scope .\@prop-size-small\/button\:font-regular {
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
}

@container address style(--gds-address-size: gds-small) {
    :scope .\@prop-size-small\/address\:prop-size-xsmall {
        --gds-prop-size: gds-xsmall;
        --gds-prop-polyfill-size: 2px;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-small) {
    :scope .\@prop-size-small\/chip\:prop-size-small {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
}

@container description-list style(--gds-description-list-size: gds-small) {
    :scope .\@prop-size-small\/description-list\:prop-size-small {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
}

@container label style(--gds-label-size: gds-small) {
    :scope .\@prop-size-small\/label\:prop-size-3 {
        --gds-prop-size: 0.75rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-small) {
    :scope .\@prop-size-small\/modal\:prop-size-small {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-small) {
    :scope .\@prop-size-small\/search\:prop-size-3 {
        --gds-prop-size: 0.75rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-small) {
    :scope .\@prop-size-small\/modal\:\[--gds-modal-max-width-default\:theme\(spacing\.80\)\] {
        --gds-modal-max-width-default: 20rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/modal\:\[--gds-modal-padding-x-default\:theme\(spacing\.6\)\] {
        --gds-modal-padding-x-default: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/modal\:\[--gds-modal-padding-y-default\:theme\(spacing\.4\)\] {
        --gds-modal-padding-y-default: 1rem;
    }

    /*__not_new
 */
}

@container tag style(--gds-tag-size: gds-small) {
    :scope .\@prop-size-small\/tag\:\[--gds-tag-padding-default\:theme\(spacing\.2\)\] {
        --gds-tag-padding-default: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/tag\:\[--height\:theme\(spacing\.5\)\] {
        --height: 1.25rem;
    }

    /*__not_new
 */
}

@container segmented-control style(--gds-segmented-control-size: gds-small) {
    :scope .\@prop-size-small\/segmented-control\:\[--height\:theme\(spacing\.6\)\] {
        --height: 1.5rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-small) {
    :scope .\@prop-size-small\/button\:\[--height\:theme\(spacing\.8\)\] {
        --height: 2rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/button\:\[--padding\:7px\] {
        --padding: 7px;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-size: gds-small) {
    :scope .\@prop-size-small\/cluster\:\[--size\:theme\(spacing\.6\)\] {
        --size: 1.5rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-small\/chip\:left-2:where(.gds-chip[data-prop-polyfill-size=small] *) {
        left: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/chip\:left-\[5px\]:where(.gds-chip[data-prop-polyfill-size=small] *) {
        left: 5px;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/search\:start-2\.5:where(.gds-search[data-prop-polyfill-size=small] *) {
        inset-inline-start: 0.625rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/avatar\:size-6:where(.gds-avatar[data-prop-polyfill-size=small] *) {
        width: 1.5rem;
        height: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/checkable\:size-5:where(.gds-checkable[data-prop-polyfill-size=small] *) {
        width: 1.25rem;
        height: 1.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/checkable\:h-5:where(.gds-checkable[data-prop-polyfill-size=small] *) {
        height: 1.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/chip\:h-8:where(.gds-chip[data-prop-polyfill-size=small] *) {
        height: 2rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/modal\:h-12:where(.gds-modal[data-prop-polyfill-size=small] *) {
        height: 3rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/search\:h-8:where(.gds-search[data-prop-polyfill-size=small] *) {
        height: 2rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/segmented-control\:h-8:where(.gds-segmented-control[data-prop-polyfill-size=small] *) {
        height: 2rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/checkable\:w-9:where(.gds-checkable[data-prop-polyfill-size=small] *) {
        width: 2.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/address\:gap-1:where(.gds-address[data-prop-polyfill-size=small] *) {
        gap: 0.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/checkable\:gap-2:where(.gds-checkable[data-prop-polyfill-size=small] *) {
        gap: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/chip\:gap-1:where(.gds-chip[data-prop-polyfill-size=small] *) {
        gap: 0.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/button\:rounded-6:where(.gds-button[data-prop-polyfill-size=small] *) {
        border-radius: 0.375rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/search\:p-1\.5:where(.gds-search[data-prop-polyfill-size=small] *) {
        padding: 0.375rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/button\:px-0\.5:where(.gds-button[data-prop-polyfill-size=small] *) {
        padding-left: 0.125rem;
        padding-right: 0.125rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/chip\:px-5:where(.gds-chip[data-prop-polyfill-size=small] *) {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/cluster\:px-1:where(.gds-cluster[data-prop-polyfill-size=small] *) {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/modal\:px-4:where(.gds-modal[data-prop-polyfill-size=small] *) {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/segmented-control\:px-1:where(.gds-segmented-control[data-prop-polyfill-size=small] *) {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/tab-set\:px-2:where(.gds-tab-set[data-prop-polyfill-size=small] *) {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/search\:pe-8:where(.gds-search[data-prop-polyfill-size=small] *) {
        padding-inline-end: 2rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/search\:ps-7:where(.gds-search[data-prop-polyfill-size=small] *) {
        padding-inline-start: 1.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/button\:text-12:where(.gds-button[data-prop-polyfill-size=small] *) {
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/checkable\:text-14:where(.gds-checkable[data-prop-polyfill-size=small] *) {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/cluster\:text-12:where(.gds-cluster[data-prop-polyfill-size=small] *) {
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/checkable\:leading-5:where(.gds-checkable[data-prop-polyfill-size=small] *) {
        line-height: 1.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/button\:font-regular:where(.gds-button[data-prop-polyfill-size=small] *) {
        font-weight: 400;
        --gds-font-weight: 400;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/address\:prop-size-xsmall:where(.gds-address[data-prop-polyfill-size=small] *) {
        --gds-prop-size: gds-xsmall;
        --gds-prop-polyfill-size: 2px;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/chip\:prop-size-small:where(.gds-chip[data-prop-polyfill-size=small] *) {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/description-list\:prop-size-small:where(.gds-description-list[data-prop-polyfill-size=small] *) {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/label\:prop-size-3:where(.gds-label[data-prop-polyfill-size=small] *) {
        --gds-prop-size: 0.75rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/modal\:prop-size-small:where(.gds-modal[data-prop-polyfill-size=small] *) {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/search\:prop-size-3:where(.gds-search[data-prop-polyfill-size=small] *) {
        --gds-prop-size: 0.75rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/modal\:\[--gds-modal-max-width-default\:theme\(spacing\.80\)\]:where(.gds-modal[data-prop-polyfill-size=small] *) {
        --gds-modal-max-width-default: 20rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/modal\:\[--gds-modal-padding-x-default\:theme\(spacing\.6\)\]:where(.gds-modal[data-prop-polyfill-size=small] *) {
        --gds-modal-padding-x-default: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/modal\:\[--gds-modal-padding-y-default\:theme\(spacing\.4\)\]:where(.gds-modal[data-prop-polyfill-size=small] *) {
        --gds-modal-padding-y-default: 1rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/tag\:\[--gds-tag-padding-default\:theme\(spacing\.2\)\]:where(.gds-tag[data-prop-polyfill-size=small] *) {
        --gds-tag-padding-default: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/tag\:\[--height\:theme\(spacing\.5\)\]:where(.gds-tag[data-prop-polyfill-size=small] *) {
        --height: 1.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/segmented-control\:\[--height\:theme\(spacing\.6\)\]:where(.gds-segmented-control[data-prop-polyfill-size=small] *) {
        --height: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/button\:\[--height\:theme\(spacing\.8\)\]:where(.gds-button[data-prop-polyfill-size=small] *) {
        --height: 2rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/button\:\[--padding\:7px\]:where(.gds-button[data-prop-polyfill-size=small] *) {
        --padding: 7px;
    }

    /*__not_new
 */
    :scope .\@prop-size-small\/cluster\:\[--size\:theme\(spacing\.6\)\]:where(.gds-cluster[data-prop-polyfill-size=small] *) {
        --size: 1.5rem;
    }

    /*__not_new
 */
}

@container avatar-group style(--gds-avatar-group-size: gds-small) {
    :scope :is(.\@prop-size-small\/avatar-group\:\*\:prop-size-small > *) {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.\@prop-size-small\/avatar-group\:\*\:prop-size-small > *:where(.gds-avatar-group[data-prop-polyfill-size=small] *)) {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
}

@container avatar style(--gds-avatar-size: gds-small) {
    :scope .\@prop-size-small\/avatar\:data-\[type\=subgraph\]\:rounded-4[data-type="subgraph"] {
        border-radius: 0.25rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-small\/avatar\:data-\[type\=subgraph\]\:rounded-4[data-type="subgraph"]:where(.gds-avatar[data-prop-polyfill-size=small] *) {
        border-radius: 0.25rem;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-small) {
    :scope :is(.group\/chip[data-selected="checked"] .\@prop-size-small\/chip\:group-data-\[selected\=checked\]\/chip\:translate-x-1\.5) {
        --tw-translate-x: 0.375rem;
        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));
    }

    /*__not_new
 */
    :scope :is(.group\/chip[data-selected="count"] .\@prop-size-small\/chip\:group-data-\[selected\=count\]\/chip\:translate-x-2\.5) {
        --tw-translate-x: 0.625rem;
        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));
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/chip[data-selected="checked"] .\@prop-size-small\/chip\:group-data-\[selected\=checked\]\/chip\:translate-x-1\.5:where(.gds-chip[data-prop-polyfill-size=small] *)) {
        --tw-translate-x: 0.375rem;
        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));
    }

    /*__not_new
 */
    :scope :is(.group\/chip[data-selected="count"] .\@prop-size-small\/chip\:group-data-\[selected\=count\]\/chip\:translate-x-2\.5:where(.gds-chip[data-prop-polyfill-size=small] *)) {
        --tw-translate-x: 0.625rem;
        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));
    }

    /*__not_new
 */
}

@container tab-set style(--gds-tab-set-size: gds-small) {
    :scope :is(html :where(.-\:\@prop-size-small\/tab-set\:h-8)) {
        height: 2rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-size-small\/tab-set\:h-8:where(.gds-tab-set[data-prop-polyfill-size=small] *))) {
        height: 2rem;
    }

    /*__not_new
 */
}

@container avatar-group style(--gds-avatar-group-size: gds-small) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-small\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-first\:\*\:ml-\[-3px\] > *:not(:first-child)) {
        margin-left: -3px;
    }

    /*__not_new
 */
    :scope :is(.group\/avatar-group[data-type="wallet"] .\@prop-size-small\/avatar-group\:group-data-\[type\=wallet\]\/avatar-group\:not-first\:\*\:ml-\[-5px\] > *:not(:first-child)) {
        margin-left: -5px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-small\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-first\:\*\:ml-\[-3px\] > *:not(:first-child):where(.gds-avatar-group[data-prop-polyfill-size=small] *)) {
        margin-left: -3px;
    }

    /*__not_new
 */
    :scope :is(.group\/avatar-group[data-type="wallet"] .\@prop-size-small\/avatar-group\:group-data-\[type\=wallet\]\/avatar-group\:not-first\:\*\:ml-\[-5px\] > *:not(:first-child):where(.gds-avatar-group[data-prop-polyfill-size=small] *)) {
        margin-left: -5px;
    }

    /*__not_new
 */
}

@container avatar-group style(--gds-avatar-group-size: gds-small) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-small\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-last\:\*\:\[mask-image\:var\(--mask-subgraph-small\)\] > *:not(:last-child)) {
        -webkit-mask-image: var(--mask-subgraph-small);
                mask-image: var(--mask-subgraph-small);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-small\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-last\:\*\:\[mask-image\:var\(--mask-subgraph-small\)\] > *:not(:last-child):where(.gds-avatar-group[data-prop-polyfill-size=small] *)) {
        -webkit-mask-image: var(--mask-subgraph-small);
                mask-image: var(--mask-subgraph-small);
    }

    /*__not_new
 */
}

@container checkable style(--gds-checkable-size: gds-small) {
    :scope .\@prop-size-small\/checkable\:group-has-nested-checked\/checkable\:translate-x-4:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *) {
        --tw-translate-x: 1rem;
        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));
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-small\/checkable\:group-has-nested-checked\/checkable\:translate-x-4:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):where(.gds-checkable[data-prop-polyfill-size=small] *) {
        --tw-translate-x: 1rem;
        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));
    }

    /*__not_new
 */
}

@container checkable style(--gds-checkable-size: gds-small) {
    :scope .\@prop-size-small\/checkable\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:group-has-nested-checked\/checkable\:translate-x-3:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *) {
        --tw-translate-x: 0.75rem;
        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));
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-small\/checkable\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:group-has-nested-checked\/checkable\:translate-x-3:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *):where(.gds-checkable[data-prop-polyfill-size=small] *) {
        --tw-translate-x: 0.75rem;
        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));
    }

    /*__not_new
 */
}

@container description-list style(--gds-description-list-size: gds-small) {
    :scope :is(.\@prop-size-small\/description-list\:nested-button\:default-size-xsmall .gds-button) {
        --gds-default-size: gds-xsmall;
        --gds-default-polyfill-size: 2px;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-small) {
    :scope :is(.\@prop-size-small\/modal\:nested-button\:default-size-small .gds-button) {
        --gds-default-size: gds-small;
        --gds-default-polyfill-size: 3px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.\@prop-size-small\/description-list\:nested-button\:default-size-xsmall .gds-button:where(.gds-description-list[data-prop-polyfill-size=small] *)) {
        --gds-default-size: gds-xsmall;
        --gds-default-polyfill-size: 2px;
    }

    /*__not_new
 */
    :scope :is(.\@prop-size-small\/modal\:nested-button\:default-size-small .gds-button:where(.gds-modal[data-prop-polyfill-size=small] *)) {
        --gds-default-size: gds-small;
        --gds-default-polyfill-size: 3px;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-size: gds-small) {
    :scope :is(html :where(.-\:\@prop-size-small\/button-group\:nested-button\:prop-size-small .gds-button)) {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-size-small\/button-group\:nested-button\:prop-size-small .gds-button:where(.gds-button-group[data-prop-polyfill-size=small] *))) {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-size: gds-small) {
    :scope :is(html :where(.-\:\@prop-size-small\/button-group\:nested-button-group\:prop-size-small .gds-button-group)) {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-size-small\/button-group\:nested-button-group\:prop-size-small .gds-button-group:where(.gds-button-group[data-prop-polyfill-size=small] *))) {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-small) {
    :scope :is(.\@prop-size-small\/button\:nested-icon\:default-size-3\.5 .gds-icon) {
        --gds-default-size: 0.875rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-small) {
    :scope :is(.\@prop-size-small\/chip\:nested-icon\:default-size-3 .gds-icon) {
        --gds-default-size: 0.75rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container segmented-control style(--gds-segmented-control-size: gds-small) {
    :scope :is(.\@prop-size-small\/segmented-control\:nested-icon\:default-size-3 .gds-icon) {
        --gds-default-size: 0.75rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container tab-set style(--gds-tab-set-size: gds-small) {
    :scope :is(.\@prop-size-small\/tab-set\:nested-icon\:default-size-3\.5 .gds-icon) {
        --gds-default-size: 0.875rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.\@prop-size-small\/button\:nested-icon\:default-size-3\.5 .gds-icon:where(.gds-button[data-prop-polyfill-size=small] *)) {
        --gds-default-size: 0.875rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope :is(.\@prop-size-small\/chip\:nested-icon\:default-size-3 .gds-icon:where(.gds-chip[data-prop-polyfill-size=small] *)) {
        --gds-default-size: 0.75rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope :is(.\@prop-size-small\/segmented-control\:nested-icon\:default-size-3 .gds-icon:where(.gds-segmented-control[data-prop-polyfill-size=small] *)) {
        --gds-default-size: 0.75rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope :is(.\@prop-size-small\/tab-set\:nested-icon\:default-size-3\.5 .gds-icon:where(.gds-tab-set[data-prop-polyfill-size=small] *)) {
        --gds-default-size: 0.875rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container description-list style(--gds-description-list-size: gds-small) {
    :scope :is(html :where(.-\:\@prop-size-small\/description-list\:nested-icon\:default-size-4 .gds-icon)) {
        --gds-default-size: 1rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-size-small\/description-list\:nested-icon\:default-size-4 .gds-icon:where(.gds-description-list[data-prop-polyfill-size=small] *))) {
        --gds-default-size: 1rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-medium) {
    :scope .\@prop-size-medium\/chip\:left-2\.5 {
        left: 0.625rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/chip\:left-\[9px\] {
        left: 9px;
    }

    /*__not_new
 */
}

@container label style(--gds-label-size: gds-medium) {
    :scope .\@prop-size-medium\/label\:top-\[2px\] {
        top: 2px;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-medium) {
    :scope .\@prop-size-medium\/search\:start-3 {
        inset-inline-start: 0.75rem;
    }

    /*__not_new
 */
}

@container avatar style(--gds-avatar-size: gds-medium) {
    :scope .\@prop-size-medium\/avatar\:size-8 {
        width: 2rem;
        height: 2rem;
    }

    /*__not_new
 */
}

@container checkable style(--gds-checkable-size: gds-medium) {
    :scope .\@prop-size-medium\/checkable\:size-6 {
        width: 1.5rem;
        height: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/checkable\:h-6 {
        height: 1.5rem;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-medium) {
    :scope .\@prop-size-medium\/chip\:h-10 {
        height: 2.5rem;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-medium) {
    :scope .\@prop-size-medium\/modal\:h-16 {
        height: 4rem;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-medium) {
    :scope .\@prop-size-medium\/search\:h-10 {
        height: 2.5rem;
    }

    /*__not_new
 */
}

@container segmented-control style(--gds-segmented-control-size: gds-medium) {
    :scope .\@prop-size-medium\/segmented-control\:h-10 {
        height: 2.5rem;
    }

    /*__not_new
 */
}

@container select style(--gds-select-size: gds-medium) {
    :scope .\@prop-size-medium\/select\:h-12 {
        height: 3rem;
    }

    /*__not_new
 */
}

@container input style(--gds-input-size: gds-medium) {
    :scope .\@prop-size-medium\/input\:min-h-12 {
        min-height: 3rem;
    }

    /*__not_new
 */
}

@container checkable style(--gds-checkable-size: gds-medium) {
    :scope .\@prop-size-medium\/checkable\:w-11 {
        width: 2.75rem;
    }

    /*__not_new
 */
}

@container input style(--gds-input-size: gds-medium) {
    :scope .\@prop-size-medium\/input\:w-12 {
        width: 3rem;
    }

    /*__not_new
 */
}

@container address style(--gds-address-size: gds-medium) {
    :scope .\@prop-size-medium\/address\:gap-1\.5 {
        gap: 0.375rem;
    }

    /*__not_new
 */
}

@container checkable style(--gds-checkable-size: gds-medium) {
    :scope .\@prop-size-medium\/checkable\:gap-3 {
        gap: 0.75rem;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-medium) {
    :scope .\@prop-size-medium\/chip\:gap-1 {
        gap: 0.25rem;
    }

    /*__not_new
 */
}

@container select style(--gds-select-size: gds-medium) {
    :scope .\@prop-size-medium\/select\:gap-3 {
        gap: 0.75rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-medium) {
    :scope .\@prop-size-medium\/button\:rounded-8 {
        border-radius: 0.5rem;
    }

    /*__not_new
 */
}

@container input style(--gds-input-size: gds-medium) {
    :scope .\@prop-size-medium\/input\:p-2 {
        padding: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/input\:p-3 {
        padding: 0.75rem;
    }

    /*__not_new
 */
}

@container select style(--gds-select-size: gds-medium) {
    :scope .\@prop-size-medium\/select\:p-3 {
        padding: 0.75rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-medium) {
    :scope .\@prop-size-medium\/button\:px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-medium) {
    :scope .\@prop-size-medium\/chip\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-size: gds-medium) {
    :scope .\@prop-size-medium\/cluster\:px-1\.5 {
        padding-left: 0.375rem;
        padding-right: 0.375rem;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-medium) {
    :scope .\@prop-size-medium\/modal\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    /*__not_new
 */
}

@container segmented-control style(--gds-segmented-control-size: gds-medium) {
    :scope .\@prop-size-medium\/segmented-control\:px-1\.5 {
        padding-left: 0.375rem;
        padding-right: 0.375rem;
    }

    /*__not_new
 */
}

@container tab-set style(--gds-tab-set-size: gds-medium) {
    :scope .\@prop-size-medium\/tab-set\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /*__not_new
 */
}

@container input style(--gds-input-size: gds-medium) {
    :scope .\@prop-size-medium\/input\:ps-0 {
        padding-inline-start: 0rem;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-medium) {
    :scope .\@prop-size-medium\/search\:pe-10 {
        padding-inline-end: 2.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/search\:ps-9 {
        padding-inline-start: 2.25rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-medium) {
    :scope .\@prop-size-medium\/button\:text-14 {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
}

@container checkable style(--gds-checkable-size: gds-medium) {
    :scope .\@prop-size-medium\/checkable\:text-16 {
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-size: gds-medium) {
    :scope .\@prop-size-medium\/cluster\:text-16 {
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
}

@container checkable style(--gds-checkable-size: gds-medium) {
    :scope .\@prop-size-medium\/checkable\:leading-6 {
        line-height: 1.5rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-medium) {
    :scope .\@prop-size-medium\/button\:font-medium {
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
}

@container address style(--gds-address-size: gds-medium) {
    :scope .\@prop-size-medium\/address\:prop-size-small {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-medium) {
    :scope .\@prop-size-medium\/chip\:prop-size-small {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
}

@container description-list style(--gds-description-list-size: gds-medium) {
    :scope .\@prop-size-medium\/description-list\:prop-size-medium {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@container label style(--gds-label-size: gds-medium) {
    :scope .\@prop-size-medium\/label\:prop-size-3 {
        --gds-prop-size: 0.75rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-medium) {
    :scope .\@prop-size-medium\/modal\:prop-size-medium {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-medium) {
    :scope .\@prop-size-medium\/search\:prop-size-3\.5 {
        --gds-prop-size: 0.875rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/search\:prop-size-4 {
        --gds-prop-size: 1rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-medium) {
    :scope .\@prop-size-medium\/modal\:\[--gds-modal-max-width-default\:theme\(spacing\.130\)\] {
        --gds-modal-max-width-default: 32.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/modal\:\[--gds-modal-padding-x-default\:theme\(spacing\.8\)\] {
        --gds-modal-padding-x-default: 2rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/modal\:\[--gds-modal-padding-y-default\:theme\(spacing\.6\)\] {
        --gds-modal-padding-y-default: 1.5rem;
    }

    /*__not_new
 */
}

@container tag style(--gds-tag-size: gds-medium) {
    :scope .\@prop-size-medium\/tag\:\[--gds-tag-padding-default\:theme\(spacing\[2\.5\]\)\] {
        --gds-tag-padding-default: 0.625rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-medium) {
    :scope .\@prop-size-medium\/button\:\[--height\:theme\(spacing\.10\)\] {
        --height: 2.5rem;
    }

    /*__not_new
 */
}

@container tag style(--gds-tag-size: gds-medium) {
    :scope .\@prop-size-medium\/tag\:\[--height\:theme\(spacing\.6\)\] {
        --height: 1.5rem;
    }

    /*__not_new
 */
}

@container segmented-control style(--gds-segmented-control-size: gds-medium) {
    :scope .\@prop-size-medium\/segmented-control\:\[--height\:theme\(spacing\.8\)\] {
        --height: 2rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-medium) {
    :scope .\@prop-size-medium\/button\:\[--padding\:7px\] {
        --padding: 7px;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-size: gds-medium) {
    :scope .\@prop-size-medium\/cluster\:\[--size\:theme\(spacing\.8\)\] {
        --size: 2rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-medium\/chip\:left-2\.5:where(.gds-chip[data-prop-polyfill-size=medium] *) {
        left: 0.625rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/chip\:left-\[9px\]:where(.gds-chip[data-prop-polyfill-size=medium] *) {
        left: 9px;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/label\:top-\[2px\]:where(.gds-label[data-prop-polyfill-size=medium] *) {
        top: 2px;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/search\:start-3:where(.gds-search[data-prop-polyfill-size=medium] *) {
        inset-inline-start: 0.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/avatar\:size-8:where(.gds-avatar[data-prop-polyfill-size=medium] *) {
        width: 2rem;
        height: 2rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/checkable\:size-6:where(.gds-checkable[data-prop-polyfill-size=medium] *) {
        width: 1.5rem;
        height: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/checkable\:h-6:where(.gds-checkable[data-prop-polyfill-size=medium] *) {
        height: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/chip\:h-10:where(.gds-chip[data-prop-polyfill-size=medium] *) {
        height: 2.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/modal\:h-16:where(.gds-modal[data-prop-polyfill-size=medium] *) {
        height: 4rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/search\:h-10:where(.gds-search[data-prop-polyfill-size=medium] *) {
        height: 2.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/segmented-control\:h-10:where(.gds-segmented-control[data-prop-polyfill-size=medium] *) {
        height: 2.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/select\:h-12:where(.gds-select[data-prop-polyfill-size=medium] *) {
        height: 3rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/input\:min-h-12:where(.gds-input[data-prop-polyfill-size=medium] *) {
        min-height: 3rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/checkable\:w-11:where(.gds-checkable[data-prop-polyfill-size=medium] *) {
        width: 2.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/input\:w-12:where(.gds-input[data-prop-polyfill-size=medium] *) {
        width: 3rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/address\:gap-1\.5:where(.gds-address[data-prop-polyfill-size=medium] *) {
        gap: 0.375rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/checkable\:gap-3:where(.gds-checkable[data-prop-polyfill-size=medium] *) {
        gap: 0.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/chip\:gap-1:where(.gds-chip[data-prop-polyfill-size=medium] *) {
        gap: 0.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/select\:gap-3:where(.gds-select[data-prop-polyfill-size=medium] *) {
        gap: 0.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/button\:rounded-8:where(.gds-button[data-prop-polyfill-size=medium] *) {
        border-radius: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/input\:p-2:where(.gds-input[data-prop-polyfill-size=medium] *) {
        padding: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/input\:p-3:where(.gds-input[data-prop-polyfill-size=medium] *) {
        padding: 0.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/select\:p-3:where(.gds-select[data-prop-polyfill-size=medium] *) {
        padding: 0.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/button\:px-1:where(.gds-button[data-prop-polyfill-size=medium] *) {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/chip\:px-6:where(.gds-chip[data-prop-polyfill-size=medium] *) {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/cluster\:px-1\.5:where(.gds-cluster[data-prop-polyfill-size=medium] *) {
        padding-left: 0.375rem;
        padding-right: 0.375rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/modal\:px-6:where(.gds-modal[data-prop-polyfill-size=medium] *) {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/segmented-control\:px-1\.5:where(.gds-segmented-control[data-prop-polyfill-size=medium] *) {
        padding-left: 0.375rem;
        padding-right: 0.375rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/tab-set\:px-4:where(.gds-tab-set[data-prop-polyfill-size=medium] *) {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/input\:ps-0:where(.gds-input[data-prop-polyfill-size=medium] *) {
        padding-inline-start: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/search\:pe-10:where(.gds-search[data-prop-polyfill-size=medium] *) {
        padding-inline-end: 2.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/search\:ps-9:where(.gds-search[data-prop-polyfill-size=medium] *) {
        padding-inline-start: 2.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/button\:text-14:where(.gds-button[data-prop-polyfill-size=medium] *) {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/checkable\:text-16:where(.gds-checkable[data-prop-polyfill-size=medium] *) {
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/cluster\:text-16:where(.gds-cluster[data-prop-polyfill-size=medium] *) {
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/checkable\:leading-6:where(.gds-checkable[data-prop-polyfill-size=medium] *) {
        line-height: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/button\:font-medium:where(.gds-button[data-prop-polyfill-size=medium] *) {
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/address\:prop-size-small:where(.gds-address[data-prop-polyfill-size=medium] *) {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/chip\:prop-size-small:where(.gds-chip[data-prop-polyfill-size=medium] *) {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/description-list\:prop-size-medium:where(.gds-description-list[data-prop-polyfill-size=medium] *) {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/label\:prop-size-3:where(.gds-label[data-prop-polyfill-size=medium] *) {
        --gds-prop-size: 0.75rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/modal\:prop-size-medium:where(.gds-modal[data-prop-polyfill-size=medium] *) {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/search\:prop-size-3\.5:where(.gds-search[data-prop-polyfill-size=medium] *) {
        --gds-prop-size: 0.875rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/search\:prop-size-4:where(.gds-search[data-prop-polyfill-size=medium] *) {
        --gds-prop-size: 1rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/modal\:\[--gds-modal-max-width-default\:theme\(spacing\.130\)\]:where(.gds-modal[data-prop-polyfill-size=medium] *) {
        --gds-modal-max-width-default: 32.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/modal\:\[--gds-modal-padding-x-default\:theme\(spacing\.8\)\]:where(.gds-modal[data-prop-polyfill-size=medium] *) {
        --gds-modal-padding-x-default: 2rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/modal\:\[--gds-modal-padding-y-default\:theme\(spacing\.6\)\]:where(.gds-modal[data-prop-polyfill-size=medium] *) {
        --gds-modal-padding-y-default: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/tag\:\[--gds-tag-padding-default\:theme\(spacing\[2\.5\]\)\]:where(.gds-tag[data-prop-polyfill-size=medium] *) {
        --gds-tag-padding-default: 0.625rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/button\:\[--height\:theme\(spacing\.10\)\]:where(.gds-button[data-prop-polyfill-size=medium] *) {
        --height: 2.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/tag\:\[--height\:theme\(spacing\.6\)\]:where(.gds-tag[data-prop-polyfill-size=medium] *) {
        --height: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/segmented-control\:\[--height\:theme\(spacing\.8\)\]:where(.gds-segmented-control[data-prop-polyfill-size=medium] *) {
        --height: 2rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/button\:\[--padding\:7px\]:where(.gds-button[data-prop-polyfill-size=medium] *) {
        --padding: 7px;
    }

    /*__not_new
 */
    :scope .\@prop-size-medium\/cluster\:\[--size\:theme\(spacing\.8\)\]:where(.gds-cluster[data-prop-polyfill-size=medium] *) {
        --size: 2rem;
    }

    /*__not_new
 */
}

@container avatar-group style(--gds-avatar-group-size: gds-medium) {
    :scope :is(.\@prop-size-medium\/avatar-group\:\*\:prop-size-medium > *) {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.\@prop-size-medium\/avatar-group\:\*\:prop-size-medium > *:where(.gds-avatar-group[data-prop-polyfill-size=medium] *)) {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@container avatar style(--gds-avatar-size: gds-medium) {
    :scope .\@prop-size-medium\/avatar\:data-\[type\=subgraph\]\:rounded-4[data-type="subgraph"] {
        border-radius: 0.25rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-medium\/avatar\:data-\[type\=subgraph\]\:rounded-4[data-type="subgraph"]:where(.gds-avatar[data-prop-polyfill-size=medium] *) {
        border-radius: 0.25rem;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-medium) {
    :scope :is(.group\/chip[data-selected="checked"] .\@prop-size-medium\/chip\:group-data-\[selected\=checked\]\/chip\:translate-x-2) {
        --tw-translate-x: 0.5rem;
        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));
    }

    /*__not_new
 */
    :scope :is(.group\/chip[data-selected="count"] .\@prop-size-medium\/chip\:group-data-\[selected\=count\]\/chip\:translate-x-3) {
        --tw-translate-x: 0.75rem;
        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));
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/chip[data-selected="checked"] .\@prop-size-medium\/chip\:group-data-\[selected\=checked\]\/chip\:translate-x-2:where(.gds-chip[data-prop-polyfill-size=medium] *)) {
        --tw-translate-x: 0.5rem;
        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));
    }

    /*__not_new
 */
    :scope :is(.group\/chip[data-selected="count"] .\@prop-size-medium\/chip\:group-data-\[selected\=count\]\/chip\:translate-x-3:where(.gds-chip[data-prop-polyfill-size=medium] *)) {
        --tw-translate-x: 0.75rem;
        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));
    }

    /*__not_new
 */
}

@container tab-set style(--gds-tab-set-size: gds-medium) {
    :scope :is(html :where(.-\:\@prop-size-medium\/tab-set\:h-10)) {
        height: 2.5rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-size-medium\/tab-set\:h-10:where(.gds-tab-set[data-prop-polyfill-size=medium] *))) {
        height: 2.5rem;
    }

    /*__not_new
 */
}

@container avatar-group style(--gds-avatar-group-size: gds-medium) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-medium\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-first\:\*\:ml-\[-4px\] > *:not(:first-child)) {
        margin-left: -4px;
    }

    /*__not_new
 */
    :scope :is(.group\/avatar-group[data-type="wallet"] .\@prop-size-medium\/avatar-group\:group-data-\[type\=wallet\]\/avatar-group\:not-first\:\*\:ml-\[-7px\] > *:not(:first-child)) {
        margin-left: -7px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-medium\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-first\:\*\:ml-\[-4px\] > *:not(:first-child):where(.gds-avatar-group[data-prop-polyfill-size=medium] *)) {
        margin-left: -4px;
    }

    /*__not_new
 */
    :scope :is(.group\/avatar-group[data-type="wallet"] .\@prop-size-medium\/avatar-group\:group-data-\[type\=wallet\]\/avatar-group\:not-first\:\*\:ml-\[-7px\] > *:not(:first-child):where(.gds-avatar-group[data-prop-polyfill-size=medium] *)) {
        margin-left: -7px;
    }

    /*__not_new
 */
}

@container checkable style(--gds-checkable-size: gds-medium) {
    :scope .\@prop-size-medium\/checkable\:group-has-nested-checked\/checkable\:translate-x-5:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *) {
        --tw-translate-x: 1.25rem;
        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));
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-medium\/checkable\:group-has-nested-checked\/checkable\:translate-x-5:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):where(.gds-checkable[data-prop-polyfill-size=medium] *) {
        --tw-translate-x: 1.25rem;
        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));
    }

    /*__not_new
 */
}

@container checkable style(--gds-checkable-size: gds-medium) {
    :scope .\@prop-size-medium\/checkable\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:group-has-nested-checked\/checkable\:translate-x-4:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *) {
        --tw-translate-x: 1rem;
        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));
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-medium\/checkable\:group-clickable-active\/label\:group-not-has-clickable-active\/label\:group-has-nested-checked\/checkable\:translate-x-4:is(.group\/checkable:has(.nested\/checkable:is(:checked)) *):is(.group\/label:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active))) *):is(.group\/label:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):active) *):where(.gds-checkable[data-prop-polyfill-size=medium] *) {
        --tw-translate-x: 1rem;
        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));
    }

    /*__not_new
 */
}

@container description-list style(--gds-description-list-size: gds-medium) {
    :scope :is(.\@prop-size-medium\/description-list\:nested-button\:default-size-small .gds-button) {
        --gds-default-size: gds-small;
        --gds-default-polyfill-size: 3px;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-medium) {
    :scope :is(.\@prop-size-medium\/modal\:nested-button\:default-size-medium .gds-button) {
        --gds-default-size: gds-medium;
        --gds-default-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.\@prop-size-medium\/description-list\:nested-button\:default-size-small .gds-button:where(.gds-description-list[data-prop-polyfill-size=medium] *)) {
        --gds-default-size: gds-small;
        --gds-default-polyfill-size: 3px;
    }

    /*__not_new
 */
    :scope :is(.\@prop-size-medium\/modal\:nested-button\:default-size-medium .gds-button:where(.gds-modal[data-prop-polyfill-size=medium] *)) {
        --gds-default-size: gds-medium;
        --gds-default-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-size: gds-medium) {
    :scope :is(html :where(.-\:\@prop-size-medium\/button-group\:nested-button\:prop-size-medium .gds-button)) {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-size-medium\/button-group\:nested-button\:prop-size-medium .gds-button:where(.gds-button-group[data-prop-polyfill-size=medium] *))) {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-size: gds-medium) {
    :scope :is(html :where(.-\:\@prop-size-medium\/button-group\:nested-button-group\:prop-size-medium .gds-button-group)) {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-size-medium\/button-group\:nested-button-group\:prop-size-medium .gds-button-group:where(.gds-button-group[data-prop-polyfill-size=medium] *))) {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-medium) {
    :scope :is(.\@prop-size-medium\/button\:nested-icon\:default-size-4 .gds-icon) {
        --gds-default-size: 1rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-medium) {
    :scope :is(.\@prop-size-medium\/chip\:nested-icon\:default-size-4 .gds-icon) {
        --gds-default-size: 1rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container segmented-control style(--gds-segmented-control-size: gds-medium) {
    :scope :is(.\@prop-size-medium\/segmented-control\:nested-icon\:default-size-4 .gds-icon) {
        --gds-default-size: 1rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container tab-set style(--gds-tab-set-size: gds-medium) {
    :scope :is(.\@prop-size-medium\/tab-set\:nested-icon\:default-size-4\.5 .gds-icon) {
        --gds-default-size: 1.125rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.\@prop-size-medium\/button\:nested-icon\:default-size-4 .gds-icon:where(.gds-button[data-prop-polyfill-size=medium] *)) {
        --gds-default-size: 1rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope :is(.\@prop-size-medium\/chip\:nested-icon\:default-size-4 .gds-icon:where(.gds-chip[data-prop-polyfill-size=medium] *)) {
        --gds-default-size: 1rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope :is(.\@prop-size-medium\/segmented-control\:nested-icon\:default-size-4 .gds-icon:where(.gds-segmented-control[data-prop-polyfill-size=medium] *)) {
        --gds-default-size: 1rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope :is(.\@prop-size-medium\/tab-set\:nested-icon\:default-size-4\.5 .gds-icon:where(.gds-tab-set[data-prop-polyfill-size=medium] *)) {
        --gds-default-size: 1.125rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container description-list style(--gds-description-list-size: gds-medium) {
    :scope :is(html :where(.-\:\@prop-size-medium\/description-list\:nested-icon\:default-size-5 .gds-icon)) {
        --gds-default-size: 1.25rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-size-medium\/description-list\:nested-icon\:default-size-5 .gds-icon:where(.gds-description-list[data-prop-polyfill-size=medium] *))) {
        --gds-default-size: 1.25rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-large) {
    :scope .\@prop-size-large\/chip\:left-3 {
        left: 0.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/chip\:left-\[11px\] {
        left: 11px;
    }

    /*__not_new
 */
}

@container label style(--gds-label-size: gds-large) {
    :scope .\@prop-size-large\/label\:top-\[3px\] {
        top: 3px;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-large) {
    :scope .\@prop-size-large\/search\:start-3\.5 {
        inset-inline-start: 0.875rem;
    }

    /*__not_new
 */
}

@container avatar style(--gds-avatar-size: gds-large) {
    :scope .\@prop-size-large\/avatar\:size-12 {
        width: 3rem;
        height: 3rem;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-large) {
    :scope .\@prop-size-large\/chip\:h-12 {
        height: 3rem;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-large) {
    :scope .\@prop-size-large\/modal\:h-16 {
        height: 4rem;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-large) {
    :scope .\@prop-size-large\/search\:h-12 {
        height: 3rem;
    }

    /*__not_new
 */
}

@container segmented-control style(--gds-segmented-control-size: gds-large) {
    :scope .\@prop-size-large\/segmented-control\:h-12 {
        height: 3rem;
    }

    /*__not_new
 */
}

@container select style(--gds-select-size: gds-large) {
    :scope .\@prop-size-large\/select\:h-16 {
        height: 4rem;
    }

    /*__not_new
 */
}

@container input style(--gds-input-size: gds-large) {
    :scope .\@prop-size-large\/input\:min-h-16 {
        min-height: 4rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/input\:w-16 {
        width: 4rem;
    }

    /*__not_new
 */
}

@container address style(--gds-address-size: gds-large) {
    :scope .\@prop-size-large\/address\:gap-2 {
        gap: 0.5rem;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-large) {
    :scope .\@prop-size-large\/chip\:gap-2 {
        gap: 0.5rem;
    }

    /*__not_new
 */
}

@container select style(--gds-select-size: gds-large) {
    :scope .\@prop-size-large\/select\:gap-4 {
        gap: 1rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-large) {
    :scope .\@prop-size-large\/button\:rounded-8 {
        border-radius: 0.5rem;
    }

    /*__not_new
 */
}

@container input style(--gds-input-size: gds-large) {
    :scope .\@prop-size-large\/input\:p-4 {
        padding: 1rem;
    }

    /*__not_new
 */
}

@container select style(--gds-select-size: gds-large) {
    :scope .\@prop-size-large\/select\:p-4 {
        padding: 1rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-large) {
    :scope .\@prop-size-large\/button\:px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-large) {
    :scope .\@prop-size-large\/chip\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-size: gds-large) {
    :scope .\@prop-size-large\/cluster\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-large) {
    :scope .\@prop-size-large\/modal\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    /*__not_new
 */
}

@container segmented-control style(--gds-segmented-control-size: gds-large) {
    :scope .\@prop-size-large\/segmented-control\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /*__not_new
 */
}

@container input style(--gds-input-size: gds-large) {
    :scope .\@prop-size-large\/input\:ps-0 {
        padding-inline-start: 0rem;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-large) {
    :scope .\@prop-size-large\/search\:pe-11 {
        padding-inline-end: 2.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/search\:ps-10 {
        padding-inline-start: 2.5rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-large) {
    :scope .\@prop-size-large\/button\:text-16 {
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-size: gds-large) {
    :scope .\@prop-size-large\/cluster\:text-24 {
        font-size: 1.5rem;
        line-height: 2.25rem;
        letter-spacing: -0.025rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-large) {
    :scope .\@prop-size-large\/button\:font-medium {
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
}

@container address style(--gds-address-size: gds-large) {
    :scope .\@prop-size-large\/address\:prop-size-medium {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-large) {
    :scope .\@prop-size-large\/chip\:prop-size-medium {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@container description-list style(--gds-description-list-size: gds-large) {
    :scope .\@prop-size-large\/description-list\:prop-size-large {
        --gds-prop-size: gds-large;
        --gds-prop-polyfill-size: 5px;
    }

    /*__not_new
 */
}

@container label style(--gds-label-size: gds-large) {
    :scope .\@prop-size-large\/label\:prop-size-3\.5 {
        --gds-prop-size: 0.875rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-large) {
    :scope .\@prop-size-large\/modal\:prop-size-medium {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@container search style(--gds-search-size: gds-large) {
    :scope .\@prop-size-large\/search\:prop-size-4 {
        --gds-prop-size: 1rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/search\:prop-size-5 {
        --gds-prop-size: 1.25rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-large) {
    :scope .\@prop-size-large\/modal\:\[--gds-modal-max-width-default\:theme\(spacing\.160\)\] {
        --gds-modal-max-width-default: 40rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/modal\:\[--gds-modal-padding-x-default\:theme\(spacing\.8\)\] {
        --gds-modal-padding-x-default: 2rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/modal\:\[--gds-modal-padding-y-default\:theme\(spacing\.6\)\] {
        --gds-modal-padding-y-default: 1.5rem;
    }

    /*__not_new
 */
}

@container segmented-control style(--gds-segmented-control-size: gds-large) {
    :scope .\@prop-size-large\/segmented-control\:\[--height\:theme\(spacing\.10\)\] {
        --height: 2.5rem;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-large) {
    :scope .\@prop-size-large\/button\:\[--height\:theme\(spacing\.12\)\] {
        --height: 3rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/button\:\[--icons-margin\:3px\] {
        --icons-margin: 3px;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/button\:\[--padding\:11px\] {
        --padding: 11px;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-size: gds-large) {
    :scope .\@prop-size-large\/cluster\:\[--size\:theme\(spacing\.12\)\] {
        --size: 3rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-large\/chip\:left-3:where(.gds-chip[data-prop-polyfill-size=large] *) {
        left: 0.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/chip\:left-\[11px\]:where(.gds-chip[data-prop-polyfill-size=large] *) {
        left: 11px;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/label\:top-\[3px\]:where(.gds-label[data-prop-polyfill-size=large] *) {
        top: 3px;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/search\:start-3\.5:where(.gds-search[data-prop-polyfill-size=large] *) {
        inset-inline-start: 0.875rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/avatar\:size-12:where(.gds-avatar[data-prop-polyfill-size=large] *) {
        width: 3rem;
        height: 3rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/chip\:h-12:where(.gds-chip[data-prop-polyfill-size=large] *) {
        height: 3rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/modal\:h-16:where(.gds-modal[data-prop-polyfill-size=large] *) {
        height: 4rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/search\:h-12:where(.gds-search[data-prop-polyfill-size=large] *) {
        height: 3rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/segmented-control\:h-12:where(.gds-segmented-control[data-prop-polyfill-size=large] *) {
        height: 3rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/select\:h-16:where(.gds-select[data-prop-polyfill-size=large] *) {
        height: 4rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/input\:min-h-16:where(.gds-input[data-prop-polyfill-size=large] *) {
        min-height: 4rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/input\:w-16:where(.gds-input[data-prop-polyfill-size=large] *) {
        width: 4rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/address\:gap-2:where(.gds-address[data-prop-polyfill-size=large] *) {
        gap: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/chip\:gap-2:where(.gds-chip[data-prop-polyfill-size=large] *) {
        gap: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/select\:gap-4:where(.gds-select[data-prop-polyfill-size=large] *) {
        gap: 1rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/button\:rounded-8:where(.gds-button[data-prop-polyfill-size=large] *) {
        border-radius: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/input\:p-4:where(.gds-input[data-prop-polyfill-size=large] *) {
        padding: 1rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/select\:p-4:where(.gds-select[data-prop-polyfill-size=large] *) {
        padding: 1rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/button\:px-1:where(.gds-button[data-prop-polyfill-size=large] *) {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/chip\:px-7:where(.gds-chip[data-prop-polyfill-size=large] *) {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/cluster\:px-2:where(.gds-cluster[data-prop-polyfill-size=large] *) {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/modal\:px-6:where(.gds-modal[data-prop-polyfill-size=large] *) {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/segmented-control\:px-2:where(.gds-segmented-control[data-prop-polyfill-size=large] *) {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/input\:ps-0:where(.gds-input[data-prop-polyfill-size=large] *) {
        padding-inline-start: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/search\:pe-11:where(.gds-search[data-prop-polyfill-size=large] *) {
        padding-inline-end: 2.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/search\:ps-10:where(.gds-search[data-prop-polyfill-size=large] *) {
        padding-inline-start: 2.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/button\:text-16:where(.gds-button[data-prop-polyfill-size=large] *) {
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/cluster\:text-24:where(.gds-cluster[data-prop-polyfill-size=large] *) {
        font-size: 1.5rem;
        line-height: 2.25rem;
        letter-spacing: -0.025rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/button\:font-medium:where(.gds-button[data-prop-polyfill-size=large] *) {
        font-weight: 500;
        --gds-font-weight: 500;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/address\:prop-size-medium:where(.gds-address[data-prop-polyfill-size=large] *) {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/chip\:prop-size-medium:where(.gds-chip[data-prop-polyfill-size=large] *) {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/description-list\:prop-size-large:where(.gds-description-list[data-prop-polyfill-size=large] *) {
        --gds-prop-size: gds-large;
        --gds-prop-polyfill-size: 5px;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/label\:prop-size-3\.5:where(.gds-label[data-prop-polyfill-size=large] *) {
        --gds-prop-size: 0.875rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/modal\:prop-size-medium:where(.gds-modal[data-prop-polyfill-size=large] *) {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/search\:prop-size-4:where(.gds-search[data-prop-polyfill-size=large] *) {
        --gds-prop-size: 1rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/search\:prop-size-5:where(.gds-search[data-prop-polyfill-size=large] *) {
        --gds-prop-size: 1.25rem;
        --gds-prop-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/modal\:\[--gds-modal-max-width-default\:theme\(spacing\.160\)\]:where(.gds-modal[data-prop-polyfill-size=large] *) {
        --gds-modal-max-width-default: 40rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/modal\:\[--gds-modal-padding-x-default\:theme\(spacing\.8\)\]:where(.gds-modal[data-prop-polyfill-size=large] *) {
        --gds-modal-padding-x-default: 2rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/modal\:\[--gds-modal-padding-y-default\:theme\(spacing\.6\)\]:where(.gds-modal[data-prop-polyfill-size=large] *) {
        --gds-modal-padding-y-default: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/segmented-control\:\[--height\:theme\(spacing\.10\)\]:where(.gds-segmented-control[data-prop-polyfill-size=large] *) {
        --height: 2.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/button\:\[--height\:theme\(spacing\.12\)\]:where(.gds-button[data-prop-polyfill-size=large] *) {
        --height: 3rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/button\:\[--icons-margin\:3px\]:where(.gds-button[data-prop-polyfill-size=large] *) {
        --icons-margin: 3px;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/button\:\[--padding\:11px\]:where(.gds-button[data-prop-polyfill-size=large] *) {
        --padding: 11px;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/cluster\:\[--size\:theme\(spacing\.12\)\]:where(.gds-cluster[data-prop-polyfill-size=large] *) {
        --size: 3rem;
    }

    /*__not_new
 */
}

@container avatar-group style(--gds-avatar-group-size: gds-large) {
    :scope :is(.\@prop-size-large\/avatar-group\:\*\:prop-size-large > *) {
        --gds-prop-size: gds-large;
        --gds-prop-polyfill-size: 5px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.\@prop-size-large\/avatar-group\:\*\:prop-size-large > *:where(.gds-avatar-group[data-prop-polyfill-size=large] *)) {
        --gds-prop-size: gds-large;
        --gds-prop-polyfill-size: 5px;
    }

    /*__not_new
 */
}

@container avatar style(--gds-avatar-size: gds-large) {
    :scope .\@prop-size-large\/avatar\:data-\[type\=subgraph\]\:rounded-4[data-type="subgraph"] {
        border-radius: 0.25rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-large\/avatar\:data-\[type\=subgraph\]\:rounded-4[data-type="subgraph"]:where(.gds-avatar[data-prop-polyfill-size=large] *) {
        border-radius: 0.25rem;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-large) {
    :scope :is(.group\/chip[data-selected="checked"] .\@prop-size-large\/chip\:group-data-\[selected\=checked\]\/chip\:translate-x-2\.5) {
        --tw-translate-x: 0.625rem;
        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));
    }

    /*__not_new
 */
    :scope :is(.group\/chip[data-selected="count"] .\@prop-size-large\/chip\:group-data-\[selected\=count\]\/chip\:translate-x-3\.5) {
        --tw-translate-x: 0.875rem;
        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));
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/chip[data-selected="checked"] .\@prop-size-large\/chip\:group-data-\[selected\=checked\]\/chip\:translate-x-2\.5:where(.gds-chip[data-prop-polyfill-size=large] *)) {
        --tw-translate-x: 0.625rem;
        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));
    }

    /*__not_new
 */
    :scope :is(.group\/chip[data-selected="count"] .\@prop-size-large\/chip\:group-data-\[selected\=count\]\/chip\:translate-x-3\.5:where(.gds-chip[data-prop-polyfill-size=large] *)) {
        --tw-translate-x: 0.875rem;
        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));
    }

    /*__not_new
 */
}

@container input style(--gds-input-size: gds-large) {
    :scope :is(html :where(.-\:\@prop-size-large\/input\:default-size-large)) {
        --gds-default-size: gds-large;
        --gds-default-polyfill-size: 5px;
    }

    /*__not_new
 */
}

@container select style(--gds-select-size: gds-large) {
    :scope :is(html :where(.-\:\@prop-size-large\/select\:default-size-large)) {
        --gds-default-size: gds-large;
        --gds-default-polyfill-size: 5px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-size-large\/input\:default-size-large:where(.gds-input[data-prop-polyfill-size=large] *))) {
        --gds-default-size: gds-large;
        --gds-default-polyfill-size: 5px;
    }

    /*__not_new
 */
    :scope :is(html :where(.-\:\@prop-size-large\/select\:default-size-large:where(.gds-select[data-prop-polyfill-size=large] *))) {
        --gds-default-size: gds-large;
        --gds-default-polyfill-size: 5px;
    }

    /*__not_new
 */
}

@container avatar-group style(--gds-avatar-group-size: gds-large) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-large\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-first\:\*\:ml-\[-8px\] > *:not(:first-child)) {
        margin-left: -8px;
    }

    /*__not_new
 */
    :scope :is(.group\/avatar-group[data-type="wallet"] .\@prop-size-large\/avatar-group\:group-data-\[type\=wallet\]\/avatar-group\:not-first\:\*\:ml-\[-11px\] > *:not(:first-child)) {
        margin-left: -11px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-large\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-first\:\*\:ml-\[-8px\] > *:not(:first-child):where(.gds-avatar-group[data-prop-polyfill-size=large] *)) {
        margin-left: -8px;
    }

    /*__not_new
 */
    :scope :is(.group\/avatar-group[data-type="wallet"] .\@prop-size-large\/avatar-group\:group-data-\[type\=wallet\]\/avatar-group\:not-first\:\*\:ml-\[-11px\] > *:not(:first-child):where(.gds-avatar-group[data-prop-polyfill-size=large] *)) {
        margin-left: -11px;
    }

    /*__not_new
 */
}

@container avatar-group style(--gds-avatar-group-size: gds-large) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-large\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-last\:\*\:\[mask-image\:var\(--mask-subgraph-large\)\] > *:not(:last-child)) {
        -webkit-mask-image: var(--mask-subgraph-large);
                mask-image: var(--mask-subgraph-large);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-large\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-last\:\*\:\[mask-image\:var\(--mask-subgraph-large\)\] > *:not(:last-child):where(.gds-avatar-group[data-prop-polyfill-size=large] *)) {
        -webkit-mask-image: var(--mask-subgraph-large);
                mask-image: var(--mask-subgraph-large);
    }

    /*__not_new
 */
}

@container description-list style(--gds-description-list-size: gds-large) {
    :scope :is(.\@prop-size-large\/description-list\:nested-button\:default-size-medium .gds-button) {
        --gds-default-size: gds-medium;
        --gds-default-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-size: gds-large) {
    :scope :is(.\@prop-size-large\/modal\:nested-button\:default-size-medium .gds-button) {
        --gds-default-size: gds-medium;
        --gds-default-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.\@prop-size-large\/description-list\:nested-button\:default-size-medium .gds-button:where(.gds-description-list[data-prop-polyfill-size=large] *)) {
        --gds-default-size: gds-medium;
        --gds-default-polyfill-size: 4px;
    }

    /*__not_new
 */
    :scope :is(.\@prop-size-large\/modal\:nested-button\:default-size-medium .gds-button:where(.gds-modal[data-prop-polyfill-size=large] *)) {
        --gds-default-size: gds-medium;
        --gds-default-polyfill-size: 4px;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-size: gds-large) {
    :scope :is(html :where(.-\:\@prop-size-large\/button-group\:nested-button\:prop-size-large .gds-button)) {
        --gds-prop-size: gds-large;
        --gds-prop-polyfill-size: 5px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-size-large\/button-group\:nested-button\:prop-size-large .gds-button:where(.gds-button-group[data-prop-polyfill-size=large] *))) {
        --gds-prop-size: gds-large;
        --gds-prop-polyfill-size: 5px;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-size: gds-large) {
    :scope :is(html :where(.-\:\@prop-size-large\/button-group\:nested-button-group\:prop-size-large .gds-button-group)) {
        --gds-prop-size: gds-large;
        --gds-prop-polyfill-size: 5px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-size-large\/button-group\:nested-button-group\:prop-size-large .gds-button-group:where(.gds-button-group[data-prop-polyfill-size=large] *))) {
        --gds-prop-size: gds-large;
        --gds-prop-polyfill-size: 5px;
    }

    /*__not_new
 */
}

@container button style(--gds-button-size: gds-large) {
    :scope :is(.\@prop-size-large\/button\:nested-icon\:default-size-4\.5 .gds-icon) {
        --gds-default-size: 1.125rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container chip style(--gds-chip-size: gds-large) {
    :scope :is(.\@prop-size-large\/chip\:nested-icon\:default-size-5 .gds-icon) {
        --gds-default-size: 1.25rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container segmented-control style(--gds-segmented-control-size: gds-large) {
    :scope :is(.\@prop-size-large\/segmented-control\:nested-icon\:default-size-5 .gds-icon) {
        --gds-default-size: 1.25rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.\@prop-size-large\/button\:nested-icon\:default-size-4\.5 .gds-icon:where(.gds-button[data-prop-polyfill-size=large] *)) {
        --gds-default-size: 1.125rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope :is(.\@prop-size-large\/chip\:nested-icon\:default-size-5 .gds-icon:where(.gds-chip[data-prop-polyfill-size=large] *)) {
        --gds-default-size: 1.25rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
    :scope :is(.\@prop-size-large\/segmented-control\:nested-icon\:default-size-5 .gds-icon:where(.gds-segmented-control[data-prop-polyfill-size=large] *)) {
        --gds-default-size: 1.25rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container description-list style(--gds-description-list-size: gds-large) {
    :scope :is(html :where(.-\:\@prop-size-large\/description-list\:nested-icon\:default-size-6 .gds-icon)) {
        --gds-default-size: 1.5rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-size-large\/description-list\:nested-icon\:default-size-6 .gds-icon:where(.gds-description-list[data-prop-polyfill-size=large] *))) {
        --gds-default-size: 1.5rem;
        --gds-default-polyfill-size: 0px;
    }

    /*__not_new
 */
}

@container avatar style(--gds-avatar-size: gds-xlarge) {
    :scope .\@prop-size-xlarge\/avatar\:size-16 {
        width: 4rem;
        height: 4rem;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-size: gds-xlarge) {
    :scope .\@prop-size-xlarge\/cluster\:px-2\.5 {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xlarge\/cluster\:text-32 {
        font-size: 2rem;
        line-height: 2.75rem;
        letter-spacing: -0.05rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xlarge\/cluster\:\[--size\:theme\(spacing\.16\)\] {
        --size: 4rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-xlarge\/avatar\:size-16:where(.gds-avatar[data-prop-polyfill-size=xlarge] *) {
        width: 4rem;
        height: 4rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xlarge\/cluster\:px-2\.5:where(.gds-cluster[data-prop-polyfill-size=xlarge] *) {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xlarge\/cluster\:text-32:where(.gds-cluster[data-prop-polyfill-size=xlarge] *) {
        font-size: 2rem;
        line-height: 2.75rem;
        letter-spacing: -0.05rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-xlarge\/cluster\:\[--size\:theme\(spacing\.16\)\]:where(.gds-cluster[data-prop-polyfill-size=xlarge] *) {
        --size: 4rem;
    }

    /*__not_new
 */
}

@container avatar-group style(--gds-avatar-group-size: gds-xlarge) {
    :scope :is(.\@prop-size-xlarge\/avatar-group\:\*\:prop-size-xlarge > *) {
        --gds-prop-size: gds-xlarge;
        --gds-prop-polyfill-size: 6px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.\@prop-size-xlarge\/avatar-group\:\*\:prop-size-xlarge > *:where(.gds-avatar-group[data-prop-polyfill-size=xlarge] *)) {
        --gds-prop-size: gds-xlarge;
        --gds-prop-polyfill-size: 6px;
    }

    /*__not_new
 */
}

@container avatar style(--gds-avatar-size: gds-xlarge) {
    :scope .\@prop-size-xlarge\/avatar\:data-\[type\=subgraph\]\:rounded-8[data-type="subgraph"] {
        border-radius: 0.5rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-xlarge\/avatar\:data-\[type\=subgraph\]\:rounded-8[data-type="subgraph"]:where(.gds-avatar[data-prop-polyfill-size=xlarge] *) {
        border-radius: 0.5rem;
    }

    /*__not_new
 */
}

@container avatar-group style(--gds-avatar-group-size: gds-xlarge) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-xlarge\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-first\:\*\:ml-\[-12px\] > *:not(:first-child)) {
        margin-left: -12px;
    }

    /*__not_new
 */
    :scope :is(.group\/avatar-group[data-type="wallet"] .\@prop-size-xlarge\/avatar-group\:group-data-\[type\=wallet\]\/avatar-group\:not-first\:\*\:ml-\[-15px\] > *:not(:first-child)) {
        margin-left: -15px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-xlarge\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-first\:\*\:ml-\[-12px\] > *:not(:first-child):where(.gds-avatar-group[data-prop-polyfill-size=xlarge] *)) {
        margin-left: -12px;
    }

    /*__not_new
 */
    :scope :is(.group\/avatar-group[data-type="wallet"] .\@prop-size-xlarge\/avatar-group\:group-data-\[type\=wallet\]\/avatar-group\:not-first\:\*\:ml-\[-15px\] > *:not(:first-child):where(.gds-avatar-group[data-prop-polyfill-size=xlarge] *)) {
        margin-left: -15px;
    }

    /*__not_new
 */
}

@container avatar-group style(--gds-avatar-group-size: gds-xlarge) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-xlarge\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-last\:\*\:\[mask-image\:var\(--mask-subgraph-xlarge\)\] > *:not(:last-child)) {
        -webkit-mask-image: var(--mask-subgraph-xlarge);
                mask-image: var(--mask-subgraph-xlarge);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/avatar-group[data-type="subgraph"] .\@prop-size-xlarge\/avatar-group\:group-data-\[type\=subgraph\]\/avatar-group\:not-last\:\*\:\[mask-image\:var\(--mask-subgraph-xlarge\)\] > *:not(:last-child):where(.gds-avatar-group[data-prop-polyfill-size=xlarge] *)) {
        -webkit-mask-image: var(--mask-subgraph-xlarge);
                mask-image: var(--mask-subgraph-xlarge);
    }

    /*__not_new
 */
}

@container avatar style(--gds-avatar-size: gds-2xlarge) {
    :scope .\@prop-size-2xlarge\/avatar\:size-32 {
        width: 8rem;
        height: 8rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-2xlarge\/avatar\:size-32:where(.gds-avatar[data-prop-polyfill-size=\32xlarge] *) {
        width: 8rem;
        height: 8rem;
    }

    /*__not_new
 */
}

@container avatar style(--gds-avatar-size: gds-2xlarge) {
    :scope .\@prop-size-2xlarge\/avatar\:data-\[type\=subgraph\]\:rounded-12[data-type="subgraph"] {
        border-radius: 0.75rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-size-2xlarge\/avatar\:data-\[type\=subgraph\]\:rounded-12[data-type="subgraph"]:where(.gds-avatar[data-prop-polyfill-size=\32xlarge] *) {
        border-radius: 0.75rem;
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-primary) {
    :scope .\@prop-variant-primary\/address\:m-\[-5px\] {
        margin: -5px;
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-primary) {
    :scope .\@prop-variant-primary\/button\:border-purple-400 {
        border-color: rgb(var(--gds-color-purple-400) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/button\:bg-purple-500 {
        background-color: rgb(var(--gds-color-purple-500) / 1);
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-primary) {
    :scope .\@prop-variant-primary\/address\:p-1 {
        padding: 0.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/address\:text-white\/88 {
        color: rgb(var(--gds-color-white) / 0.88);
    }

    /*__not_new
 */
}

@container label style(--gds-label-variant: gds-primary) {
    :scope .\@prop-variant-primary\/label\:text-white\/88 {
        color: rgb(var(--gds-color-white) / 0.88);
    }

    /*__not_new
 */
}

@container nav-link style(--gds-nav-link-variant: gds-primary) {
    :scope .\@prop-variant-primary\/nav-link\:text-space-200 {
        color: rgb(var(--gds-color-space-200) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/nav-link\:\[--default-font-size\:theme\(fontSize\.16\)\] {
        --default-font-size: 1rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/nav-link\:\[--default-font-weight\:theme\(fontWeight\.medium\)\] {
        --default-font-weight: 500;
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/nav-link\:\[--default-line-height\:theme\(lineHeight\.6\)\] {
        --default-line-height: 1.5rem;
    }

    /*__not_new
 */
}

@container link style(--gds-link-variant: gds-primary) {
    :scope .\@prop-variant-primary\/link\:\[background-size\:0\%_1px\] {
        background-size: 0% 1px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-primary\/address\:m-\[-5px\]:where(.gds-address[data-prop-polyfill-variant=primary] *) {
        margin: -5px;
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/button\:border-purple-400:where(.gds-button[data-prop-polyfill-variant=primary] *) {
        border-color: rgb(var(--gds-color-purple-400) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/button\:bg-purple-500:where(.gds-button[data-prop-polyfill-variant=primary] *) {
        background-color: rgb(var(--gds-color-purple-500) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/address\:p-1:where(.gds-address[data-prop-polyfill-variant=primary] *) {
        padding: 0.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/address\:text-white\/88:where(.gds-address[data-prop-polyfill-variant=primary] *) {
        color: rgb(var(--gds-color-white) / 0.88);
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/label\:text-white\/88:where(.gds-label[data-prop-polyfill-variant=primary] *) {
        color: rgb(var(--gds-color-white) / 0.88);
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/nav-link\:text-space-200:where(.gds-nav-link[data-prop-polyfill-variant=primary] *) {
        color: rgb(var(--gds-color-space-200) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/nav-link\:\[--default-font-size\:theme\(fontSize\.16\)\]:where(.gds-nav-link[data-prop-polyfill-variant=primary] *) {
        --default-font-size: 1rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/nav-link\:\[--default-font-weight\:theme\(fontWeight\.medium\)\]:where(.gds-nav-link[data-prop-polyfill-variant=primary] *) {
        --default-font-weight: 500;
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/nav-link\:\[--default-line-height\:theme\(lineHeight\.6\)\]:where(.gds-nav-link[data-prop-polyfill-variant=primary] *) {
        --default-line-height: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/link\:\[background-size\:0\%_1px\]:where(.gds-link[data-prop-polyfill-variant=primary] *) {
        background-size: 0% 1px;
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-primary) {
    :scope .\@prop-variant-primary\/button\:hover\:border-purple-300:hover {
        border-color: rgb(var(--gds-color-purple-300) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/button\:hover\:bg-purple-400:hover {
        background-color: rgb(var(--gds-color-purple-400) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-primary\/button\:hover\:border-purple-300:hover:where(.gds-button[data-prop-polyfill-variant=primary] *) {
        border-color: rgb(var(--gds-color-purple-300) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/button\:hover\:bg-purple-400:hover:where(.gds-button[data-prop-polyfill-variant=primary] *) {
        background-color: rgb(var(--gds-color-purple-400) / 1);
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-primary) {
    :scope .\@prop-variant-primary\/button\:active\:border-purple-600:active {
        border-color: rgb(var(--gds-color-purple-600) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/button\:active\:bg-purple-700:active {
        background-color: rgb(var(--gds-color-purple-700) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-primary\/button\:active\:border-purple-600:active:where(.gds-button[data-prop-polyfill-variant=primary] *) {
        border-color: rgb(var(--gds-color-purple-600) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/button\:active\:bg-purple-700:active:where(.gds-button[data-prop-polyfill-variant=primary] *) {
        background-color: rgb(var(--gds-color-purple-700) / 1);
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-primary) {
    :scope .\@prop-variant-primary\/button\:disabled\:border-transparent:is(:disabled, [aria-disabled='true']) {
        border-color: transparent;
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/button\:disabled\:bg-purple-900:is(:disabled, [aria-disabled='true']) {
        background-color: rgb(var(--gds-color-purple-900) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-primary\/button\:disabled\:border-transparent:is(:disabled, [aria-disabled='true']):where(.gds-button[data-prop-polyfill-variant=primary] *) {
        border-color: transparent;
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/button\:disabled\:bg-purple-900:is(:disabled, [aria-disabled='true']):where(.gds-button[data-prop-polyfill-variant=primary] *) {
        background-color: rgb(var(--gds-color-purple-900) / 1);
    }

    /*__not_new
 */
}

@container link style(--gds-link-variant: gds-primary) {
    :scope .\@prop-variant-primary\/link\:group-enabled\/link\:transition-\[background-size\]:is(.group\/link:is(:not(:disabled, [aria-disabled='true'])) *) {
        transition-property: background-size;
        transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
        transition-duration: 150ms;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-primary\/link\:group-enabled\/link\:transition-\[background-size\]:is(.group\/link:is(:not(:disabled, [aria-disabled='true'])) *):where(.gds-link[data-prop-polyfill-variant=primary] *) {
        transition-property: background-size;
        transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
        transition-duration: 150ms;
    }

    /*__not_new
 */
}

@container link style(--gds-link-variant: gds-primary) {
    :scope .\@prop-variant-primary\/link\:group-enabled\/link\:group-hover\/link\:bg-left-bottom:is(.group\/link:is(:hover) *):is(.group\/link:is(:not(:disabled, [aria-disabled='true'])) *) {
        background-position: left bottom;
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/link\:group-enabled\/link\:group-hover\/link\:\[background-size\:100\%_1px\]:is(.group\/link:is(:hover) *):is(.group\/link:is(:not(:disabled, [aria-disabled='true'])) *) {
        background-size: 100% 1px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-primary\/link\:group-enabled\/link\:group-hover\/link\:bg-left-bottom:is(.group\/link:is(:hover) *):is(.group\/link:is(:not(:disabled, [aria-disabled='true'])) *):where(.gds-link[data-prop-polyfill-variant=primary] *) {
        background-position: left bottom;
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/link\:group-enabled\/link\:group-hover\/link\:\[background-size\:100\%_1px\]:is(.group\/link:is(:hover) *):is(.group\/link:is(:not(:disabled, [aria-disabled='true'])) *):where(.gds-link[data-prop-polyfill-variant=primary] *) {
        background-size: 100% 1px;
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-primary) {
    :scope .\@prop-variant-primary\/address\:group-disabled\/address\:opacity-32:is(.group\/address:is(:is(:disabled, [aria-disabled='true'])) *) {
        opacity: 0.32;
    }

    /*__not_new
 */
}

@container link style(--gds-link-variant: gds-primary) {
    :scope .\@prop-variant-primary\/link\:group-disabled\/link\:\[background-size\:100\%_1px\]:is(.group\/link:is(:is(:disabled, [aria-disabled='true'])) *) {
        background-size: 100% 1px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-primary\/address\:group-disabled\/address\:opacity-32:is(.group\/address:is(:is(:disabled, [aria-disabled='true'])) *):where(.gds-address[data-prop-polyfill-variant=primary] *) {
        opacity: 0.32;
    }

    /*__not_new
 */
    :scope .\@prop-variant-primary\/link\:group-disabled\/link\:\[background-size\:100\%_1px\]:is(.group\/link:is(:is(:disabled, [aria-disabled='true'])) *):where(.gds-link[data-prop-polyfill-variant=primary] *) {
        background-size: 100% 1px;
    }

    /*__not_new
 */
}

@container nav-link style(--gds-nav-link-variant: gds-primary) {
    :scope .\+\:\@prop-variant-primary\/nav-link\:active\:text-space-500:active:is(:is(:scope, #i) *) {
        color: rgb(var(--gds-color-space-500) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\+\:\@prop-variant-primary\/nav-link\:active\:text-space-500:active:where(.gds-nav-link[data-prop-polyfill-variant=primary] *):is(:is(:scope, #i) *) {
        color: rgb(var(--gds-color-space-500) / 1);
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-variant: gds-primary) {
    :scope :is(html :where(.-\:\@prop-variant-primary\/button-group\:nested-button\:default-variant-primary .gds-button)) {
        --gds-default-variant: gds-primary;
        --gds-default-polyfill-variant: 1px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-variant-primary\/button-group\:nested-button\:default-variant-primary .gds-button:where(.gds-button-group[data-prop-polyfill-variant=primary] *))) {
        --gds-default-variant: gds-primary;
        --gds-default-polyfill-variant: 1px;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-variant: gds-primary) {
    :scope :is(html :where(.-\:\@prop-variant-primary\/button-group\:nested-button-group\:default-variant-primary .gds-button-group)) {
        --gds-default-variant: gds-primary;
        --gds-default-polyfill-variant: 1px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-variant-primary\/button-group\:nested-button-group\:default-variant-primary .gds-button-group:where(.gds-button-group[data-prop-polyfill-variant=primary] *))) {
        --gds-default-variant: gds-primary;
        --gds-default-polyfill-variant: 1px;
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-secondary) {
    :scope .\@prop-variant-secondary\/address\:m-\[-5px\] {
        margin: -5px;
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-secondary) {
    :scope .\@prop-variant-secondary\/button\:border-space-1200 {
        border-color: rgb(var(--gds-color-space-1200) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/button\:bg-space-1400 {
        background-color: rgb(var(--gds-color-space-1400) / 1);
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-secondary) {
    :scope .\@prop-variant-secondary\/address\:p-1 {
        padding: 0.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/address\:text-white\/48 {
        color: rgb(var(--gds-color-white) / 0.48);
    }

    /*__not_new
 */
}

@container label style(--gds-label-variant: gds-secondary) {
    :scope .\@prop-variant-secondary\/label\:text-white\/64 {
        color: rgb(var(--gds-color-white) / 0.64);
    }

    /*__not_new
 */
}

@container nav-link style(--gds-nav-link-variant: gds-secondary) {
    :scope .\@prop-variant-secondary\/nav-link\:text-space-500 {
        color: rgb(var(--gds-color-space-500) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/nav-link\:\[--default-font-size\:theme\(fontSize\.14\)\] {
        --default-font-size: 0.875rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/nav-link\:\[--default-font-weight\:theme\(fontWeight\.regular\)\] {
        --default-font-weight: 400;
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/nav-link\:\[--default-line-height\:theme\(lineHeight\.5\)\] {
        --default-line-height: 1.25rem;
    }

    /*__not_new
 */
}

@container link style(--gds-link-variant: gds-secondary) {
    :scope .\@prop-variant-secondary\/link\:\[background-size\:100\%_1px\] {
        background-size: 100% 1px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-secondary\/address\:m-\[-5px\]:where(.gds-address[data-prop-polyfill-variant=secondary] *) {
        margin: -5px;
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/button\:border-space-1200:where(.gds-button[data-prop-polyfill-variant=secondary] *) {
        border-color: rgb(var(--gds-color-space-1200) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/button\:bg-space-1400:where(.gds-button[data-prop-polyfill-variant=secondary] *) {
        background-color: rgb(var(--gds-color-space-1400) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/address\:p-1:where(.gds-address[data-prop-polyfill-variant=secondary] *) {
        padding: 0.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/address\:text-white\/48:where(.gds-address[data-prop-polyfill-variant=secondary] *) {
        color: rgb(var(--gds-color-white) / 0.48);
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/label\:text-white\/64:where(.gds-label[data-prop-polyfill-variant=secondary] *) {
        color: rgb(var(--gds-color-white) / 0.64);
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/nav-link\:text-space-500:where(.gds-nav-link[data-prop-polyfill-variant=secondary] *) {
        color: rgb(var(--gds-color-space-500) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/nav-link\:\[--default-font-size\:theme\(fontSize\.14\)\]:where(.gds-nav-link[data-prop-polyfill-variant=secondary] *) {
        --default-font-size: 0.875rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/nav-link\:\[--default-font-weight\:theme\(fontWeight\.regular\)\]:where(.gds-nav-link[data-prop-polyfill-variant=secondary] *) {
        --default-font-weight: 400;
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/nav-link\:\[--default-line-height\:theme\(lineHeight\.5\)\]:where(.gds-nav-link[data-prop-polyfill-variant=secondary] *) {
        --default-line-height: 1.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/link\:\[background-size\:100\%_1px\]:where(.gds-link[data-prop-polyfill-variant=secondary] *) {
        background-size: 100% 1px;
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-secondary) {
    :scope .\@prop-variant-secondary\/button\:hover\:border-space-1100:hover {
        border-color: rgb(var(--gds-color-space-1100) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/button\:hover\:bg-space-1200:hover {
        background-color: rgb(var(--gds-color-space-1200) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-secondary\/button\:hover\:border-space-1100:hover:where(.gds-button[data-prop-polyfill-variant=secondary] *) {
        border-color: rgb(var(--gds-color-space-1100) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/button\:hover\:bg-space-1200:hover:where(.gds-button[data-prop-polyfill-variant=secondary] *) {
        background-color: rgb(var(--gds-color-space-1200) / 1);
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-secondary) {
    :scope .\@prop-variant-secondary\/button\:active\:border-space-1300:active {
        border-color: rgb(var(--gds-color-space-1300) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/button\:active\:bg-space-1500:active {
        background-color: rgb(var(--gds-color-space-1500) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-secondary\/button\:active\:border-space-1300:active:where(.gds-button[data-prop-polyfill-variant=secondary] *) {
        border-color: rgb(var(--gds-color-space-1300) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/button\:active\:bg-space-1500:active:where(.gds-button[data-prop-polyfill-variant=secondary] *) {
        background-color: rgb(var(--gds-color-space-1500) / 1);
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-secondary) {
    :scope .\@prop-variant-secondary\/button\:disabled\:border-transparent:is(:disabled, [aria-disabled='true']) {
        border-color: transparent;
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/button\:disabled\:bg-space-1600:is(:disabled, [aria-disabled='true']) {
        background-color: rgb(var(--gds-color-space-1600) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-secondary\/button\:disabled\:border-transparent:is(:disabled, [aria-disabled='true']):where(.gds-button[data-prop-polyfill-variant=secondary] *) {
        border-color: transparent;
    }

    /*__not_new
 */
    :scope .\@prop-variant-secondary\/button\:disabled\:bg-space-1600:is(:disabled, [aria-disabled='true']):where(.gds-button[data-prop-polyfill-variant=secondary] *) {
        background-color: rgb(var(--gds-color-space-1600) / 1);
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-secondary) {
    :scope .\@prop-variant-secondary\/address\:clickable-hocus-visible\:text-white\/88:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:is(:hover, :focus-visible)) {
        color: rgb(var(--gds-color-white) / 0.88);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-secondary\/address\:clickable-hocus-visible\:text-white\/88:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:is(:hover, :focus-visible)):where(.gds-address[data-prop-polyfill-variant=secondary] *) {
        color: rgb(var(--gds-color-white) / 0.88);
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-secondary) {
    :scope .\@prop-variant-secondary\/address\:clickable-active\:text-white\/64:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:active) {
        color: rgb(var(--gds-color-white) / 0.64);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-secondary\/address\:clickable-active\:text-white\/64:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:active):where(.gds-address[data-prop-polyfill-variant=secondary] *) {
        color: rgb(var(--gds-color-white) / 0.64);
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-secondary) {
    :scope .\@prop-variant-secondary\/address\:group-disabled\/address\:opacity-32:is(.group\/address:is(:is(:disabled, [aria-disabled='true'])) *) {
        opacity: 0.32;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-secondary\/address\:group-disabled\/address\:opacity-32:is(.group\/address:is(:is(:disabled, [aria-disabled='true'])) *):where(.gds-address[data-prop-polyfill-variant=secondary] *) {
        opacity: 0.32;
    }

    /*__not_new
 */
}

@container nav-link style(--gds-nav-link-variant: gds-secondary) {
    :scope .\+\:\@prop-variant-secondary\/nav-link\:active\:text-space-700:active:is(:is(:scope, #i) *) {
        color: rgb(var(--gds-color-space-700) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\+\:\@prop-variant-secondary\/nav-link\:active\:text-space-700:active:where(.gds-nav-link[data-prop-polyfill-variant=secondary] *):is(:is(:scope, #i) *) {
        color: rgb(var(--gds-color-space-700) / 1);
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-variant: gds-secondary) {
    :scope :is(html :where(.-\:\@prop-variant-secondary\/button-group\:nested-button\:default-variant-secondary .gds-button)) {
        --gds-default-variant: gds-secondary;
        --gds-default-polyfill-variant: 2px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-variant-secondary\/button-group\:nested-button\:default-variant-secondary .gds-button:where(.gds-button-group[data-prop-polyfill-variant=secondary] *))) {
        --gds-default-variant: gds-secondary;
        --gds-default-polyfill-variant: 2px;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-variant: gds-secondary) {
    :scope :is(html :where(.-\:\@prop-variant-secondary\/button-group\:nested-button-group\:default-variant-secondary .gds-button-group)) {
        --gds-default-variant: gds-secondary;
        --gds-default-polyfill-variant: 2px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-variant-secondary\/button-group\:nested-button-group\:default-variant-secondary .gds-button-group:where(.gds-button-group[data-prop-polyfill-variant=secondary] *))) {
        --gds-default-variant: gds-secondary;
        --gds-default-polyfill-variant: 2px;
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-tertiary) {
    :scope .\@prop-variant-tertiary\/button\:border-space-1200 {
        border-color: rgb(var(--gds-color-space-1200) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-tertiary\/button\:bg-transparent {
        background-color: transparent;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-tertiary\/button\:border-space-1200:where(.gds-button[data-prop-polyfill-variant=tertiary] *) {
        border-color: rgb(var(--gds-color-space-1200) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-tertiary\/button\:bg-transparent:where(.gds-button[data-prop-polyfill-variant=tertiary] *) {
        background-color: transparent;
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-tertiary) {
    :scope .\@prop-variant-tertiary\/button\:hover\:border-space-1100:hover {
        border-color: rgb(var(--gds-color-space-1100) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-tertiary\/button\:hover\:bg-space-1200:hover {
        background-color: rgb(var(--gds-color-space-1200) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-tertiary\/button\:hover\:border-space-1100:hover:where(.gds-button[data-prop-polyfill-variant=tertiary] *) {
        border-color: rgb(var(--gds-color-space-1100) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-tertiary\/button\:hover\:bg-space-1200:hover:where(.gds-button[data-prop-polyfill-variant=tertiary] *) {
        background-color: rgb(var(--gds-color-space-1200) / 1);
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-tertiary) {
    :scope .\@prop-variant-tertiary\/button\:active\:border-space-1300:active {
        border-color: rgb(var(--gds-color-space-1300) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-tertiary\/button\:active\:bg-space-1400:active {
        background-color: rgb(var(--gds-color-space-1400) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-tertiary\/button\:active\:border-space-1300:active:where(.gds-button[data-prop-polyfill-variant=tertiary] *) {
        border-color: rgb(var(--gds-color-space-1300) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-tertiary\/button\:active\:bg-space-1400:active:where(.gds-button[data-prop-polyfill-variant=tertiary] *) {
        background-color: rgb(var(--gds-color-space-1400) / 1);
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-tertiary) {
    :scope .\@prop-variant-tertiary\/button\:disabled\:border-space-1400:is(:disabled, [aria-disabled='true']) {
        border-color: rgb(var(--gds-color-space-1400) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-tertiary\/button\:disabled\:bg-transparent:is(:disabled, [aria-disabled='true']) {
        background-color: transparent;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-tertiary\/button\:disabled\:border-space-1400:is(:disabled, [aria-disabled='true']):where(.gds-button[data-prop-polyfill-variant=tertiary] *) {
        border-color: rgb(var(--gds-color-space-1400) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-tertiary\/button\:disabled\:bg-transparent:is(:disabled, [aria-disabled='true']):where(.gds-button[data-prop-polyfill-variant=tertiary] *) {
        background-color: transparent;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-variant: gds-tertiary) {
    :scope :is(html :where(.-\:\@prop-variant-tertiary\/button-group\:nested-button\:default-variant-tertiary .gds-button)) {
        --gds-default-variant: gds-tertiary;
        --gds-default-polyfill-variant: 3px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-variant-tertiary\/button-group\:nested-button\:default-variant-tertiary .gds-button:where(.gds-button-group[data-prop-polyfill-variant=tertiary] *))) {
        --gds-default-variant: gds-tertiary;
        --gds-default-polyfill-variant: 3px;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-variant: gds-tertiary) {
    :scope :is(html :where(.-\:\@prop-variant-tertiary\/button-group\:nested-button-group\:default-variant-tertiary .gds-button-group)) {
        --gds-default-variant: gds-tertiary;
        --gds-default-polyfill-variant: 3px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-variant-tertiary\/button-group\:nested-button-group\:default-variant-tertiary .gds-button-group:where(.gds-button-group[data-prop-polyfill-variant=tertiary] *))) {
        --gds-default-variant: gds-tertiary;
        --gds-default-polyfill-variant: 3px;
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-inverse) {
    :scope .\@prop-variant-inverse\/button\:border-white {
        border-color: rgb(var(--gds-color-white) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-inverse\/button\:bg-space-100 {
        background-color: rgb(var(--gds-color-space-100) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-inverse\/button\:text-space-1800 {
        color: rgb(var(--gds-color-space-1800) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-inverse\/button\:border-white:where(.gds-button[data-prop-polyfill-variant=inverse] *) {
        border-color: rgb(var(--gds-color-white) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-inverse\/button\:bg-space-100:where(.gds-button[data-prop-polyfill-variant=inverse] *) {
        background-color: rgb(var(--gds-color-space-100) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-inverse\/button\:text-space-1800:where(.gds-button[data-prop-polyfill-variant=inverse] *) {
        color: rgb(var(--gds-color-space-1800) / 1);
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-inverse) {
    :scope .\@prop-variant-inverse\/button\:hover\:border-white:hover {
        border-color: rgb(var(--gds-color-white) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-inverse\/button\:hover\:bg-white:hover {
        background-color: rgb(var(--gds-color-white) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-inverse\/button\:hover\:border-white:hover:where(.gds-button[data-prop-polyfill-variant=inverse] *) {
        border-color: rgb(var(--gds-color-white) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-inverse\/button\:hover\:bg-white:hover:where(.gds-button[data-prop-polyfill-variant=inverse] *) {
        background-color: rgb(var(--gds-color-white) / 1);
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-inverse) {
    :scope .\@prop-variant-inverse\/button\:active\:border-space-500:active {
        border-color: rgb(var(--gds-color-space-500) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-inverse\/button\:active\:bg-space-500:active {
        background-color: rgb(var(--gds-color-space-500) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-inverse\/button\:active\:border-space-500:active:where(.gds-button[data-prop-polyfill-variant=inverse] *) {
        border-color: rgb(var(--gds-color-space-500) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-inverse\/button\:active\:bg-space-500:active:where(.gds-button[data-prop-polyfill-variant=inverse] *) {
        background-color: rgb(var(--gds-color-space-500) / 1);
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-inverse) {
    :scope .\@prop-variant-inverse\/button\:disabled\:border-transparent:is(:disabled, [aria-disabled='true']) {
        border-color: transparent;
    }

    /*__not_new
 */
    :scope .\@prop-variant-inverse\/button\:disabled\:bg-space-300:is(:disabled, [aria-disabled='true']) {
        background-color: rgb(var(--gds-color-space-300) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-inverse\/button\:disabled\:border-transparent:is(:disabled, [aria-disabled='true']):where(.gds-button[data-prop-polyfill-variant=inverse] *) {
        border-color: transparent;
    }

    /*__not_new
 */
    :scope .\@prop-variant-inverse\/button\:disabled\:bg-space-300:is(:disabled, [aria-disabled='true']):where(.gds-button[data-prop-polyfill-variant=inverse] *) {
        background-color: rgb(var(--gds-color-space-300) / 1);
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-variant: gds-inverse) {
    :scope :is(html :where(.-\:\@prop-variant-inverse\/button-group\:nested-button\:default-variant-inverse .gds-button)) {
        --gds-default-variant: gds-inverse;
        --gds-default-polyfill-variant: 4px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-variant-inverse\/button-group\:nested-button\:default-variant-inverse .gds-button:where(.gds-button-group[data-prop-polyfill-variant=inverse] *))) {
        --gds-default-variant: gds-inverse;
        --gds-default-polyfill-variant: 4px;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-variant: gds-inverse) {
    :scope :is(html :where(.-\:\@prop-variant-inverse\/button-group\:nested-button-group\:default-variant-inverse .gds-button-group)) {
        --gds-default-variant: gds-inverse;
        --gds-default-polyfill-variant: 4px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-variant-inverse\/button-group\:nested-button-group\:default-variant-inverse .gds-button-group:where(.gds-button-group[data-prop-polyfill-variant=inverse] *))) {
        --gds-default-variant: gds-inverse;
        --gds-default-polyfill-variant: 4px;
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-danger) {
    :scope .\@prop-variant-danger\/button\:border-sonja-400 {
        border-color: rgb(var(--gds-color-sonja-400) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-danger\/button\:bg-sonja-500 {
        background-color: rgb(var(--gds-color-sonja-500) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-danger\/button\:border-sonja-400:where(.gds-button[data-prop-polyfill-variant=danger] *) {
        border-color: rgb(var(--gds-color-sonja-400) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-danger\/button\:bg-sonja-500:where(.gds-button[data-prop-polyfill-variant=danger] *) {
        background-color: rgb(var(--gds-color-sonja-500) / 1);
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-danger) {
    :scope .\@prop-variant-danger\/button\:hover\:border-sonja-300:hover {
        border-color: rgb(var(--gds-color-sonja-300) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-danger\/button\:hover\:bg-sonja-400:hover {
        background-color: rgb(var(--gds-color-sonja-400) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-danger\/button\:hover\:border-sonja-300:hover:where(.gds-button[data-prop-polyfill-variant=danger] *) {
        border-color: rgb(var(--gds-color-sonja-300) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-danger\/button\:hover\:bg-sonja-400:hover:where(.gds-button[data-prop-polyfill-variant=danger] *) {
        background-color: rgb(var(--gds-color-sonja-400) / 1);
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-danger) {
    :scope .\@prop-variant-danger\/button\:active\:border-sonja-600:active {
        border-color: rgb(var(--gds-color-sonja-600) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-danger\/button\:active\:bg-sonja-700:active {
        background-color: rgb(var(--gds-color-sonja-700) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-danger\/button\:active\:border-sonja-600:active:where(.gds-button[data-prop-polyfill-variant=danger] *) {
        border-color: rgb(var(--gds-color-sonja-600) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-danger\/button\:active\:bg-sonja-700:active:where(.gds-button[data-prop-polyfill-variant=danger] *) {
        background-color: rgb(var(--gds-color-sonja-700) / 1);
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-danger) {
    :scope .\@prop-variant-danger\/button\:disabled\:border-transparent:is(:disabled, [aria-disabled='true']) {
        border-color: transparent;
    }

    /*__not_new
 */
    :scope .\@prop-variant-danger\/button\:disabled\:bg-sonja-900:is(:disabled, [aria-disabled='true']) {
        background-color: rgb(var(--gds-color-sonja-900) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-danger\/button\:disabled\:border-transparent:is(:disabled, [aria-disabled='true']):where(.gds-button[data-prop-polyfill-variant=danger] *) {
        border-color: transparent;
    }

    /*__not_new
 */
    :scope .\@prop-variant-danger\/button\:disabled\:bg-sonja-900:is(:disabled, [aria-disabled='true']):where(.gds-button[data-prop-polyfill-variant=danger] *) {
        background-color: rgb(var(--gds-color-sonja-900) / 1);
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-variant: gds-danger) {
    :scope :is(html :where(.-\:\@prop-variant-danger\/button-group\:nested-button\:default-variant-danger .gds-button)) {
        --gds-default-variant: gds-danger;
        --gds-default-polyfill-variant: 5px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-variant-danger\/button-group\:nested-button\:default-variant-danger .gds-button:where(.gds-button-group[data-prop-polyfill-variant=danger] *))) {
        --gds-default-variant: gds-danger;
        --gds-default-polyfill-variant: 5px;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-variant: gds-danger) {
    :scope :is(html :where(.-\:\@prop-variant-danger\/button-group\:nested-button-group\:default-variant-danger .gds-button-group)) {
        --gds-default-variant: gds-danger;
        --gds-default-polyfill-variant: 5px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-variant-danger\/button-group\:nested-button-group\:default-variant-danger .gds-button-group:where(.gds-button-group[data-prop-polyfill-variant=danger] *))) {
        --gds-default-variant: gds-danger;
        --gds-default-polyfill-variant: 5px;
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-naked) {
    :scope .\@prop-variant-naked\/button\:block {
        display: block;
    }

    /*__not_new
 */
    :scope .\@prop-variant-naked\/button\:h-auto {
        height: auto;
    }

    /*__not_new
 */
    :scope .\@prop-variant-naked\/button\:min-w-0 {
        min-width: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-naked\/button\:border-0 {
        border-width: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-variant-naked\/button\:bg-transparent {
        background-color: transparent;
    }

    /*__not_new
 */
    :scope .\@prop-variant-naked\/button\:px-0 {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-naked\/button\:text-space-500 {
        color: rgb(var(--gds-color-space-500) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-naked\/button\:outline-none {
        outline: 1px solid transparent;
        outline-offset: 1px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-naked\/button\:block:where(.gds-button[data-prop-polyfill-variant=naked] *) {
        display: block;
    }

    /*__not_new
 */
    :scope .\@prop-variant-naked\/button\:h-auto:where(.gds-button[data-prop-polyfill-variant=naked] *) {
        height: auto;
    }

    /*__not_new
 */
    :scope .\@prop-variant-naked\/button\:min-w-0:where(.gds-button[data-prop-polyfill-variant=naked] *) {
        min-width: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-naked\/button\:border-0:where(.gds-button[data-prop-polyfill-variant=naked] *) {
        border-width: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-variant-naked\/button\:bg-transparent:where(.gds-button[data-prop-polyfill-variant=naked] *) {
        background-color: transparent;
    }

    /*__not_new
 */
    :scope .\@prop-variant-naked\/button\:px-0:where(.gds-button[data-prop-polyfill-variant=naked] *) {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-naked\/button\:text-space-500:where(.gds-button[data-prop-polyfill-variant=naked] *) {
        color: rgb(var(--gds-color-space-500) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-variant-naked\/button\:outline-none:where(.gds-button[data-prop-polyfill-variant=naked] *) {
        outline: 1px solid transparent;
        outline-offset: 1px;
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-naked) {
    :scope .\@prop-variant-naked\/button\:hocus-visible\:text-white:is(:hover, :focus-visible) {
        color: rgb(var(--gds-color-white) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-naked\/button\:hocus-visible\:text-white:is(:hover, :focus-visible):where(.gds-button[data-prop-polyfill-variant=naked] *) {
        color: rgb(var(--gds-color-white) / 1);
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-naked) {
    :scope .\@prop-variant-naked\/button\:active\:text-space-300:active {
        color: rgb(var(--gds-color-space-300) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-naked\/button\:active\:text-space-300:active:where(.gds-button[data-prop-polyfill-variant=naked] *) {
        color: rgb(var(--gds-color-space-300) / 1);
    }

    /*__not_new
 */
}

@container button style(--gds-button-variant: gds-naked) {
    :scope .\@prop-variant-naked\/button\:disabled\:text-space-500:is(:disabled, [aria-disabled='true']) {
        color: rgb(var(--gds-color-space-500) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-naked\/button\:disabled\:text-space-500:is(:disabled, [aria-disabled='true']):where(.gds-button[data-prop-polyfill-variant=naked] *) {
        color: rgb(var(--gds-color-space-500) / 1);
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-variant: gds-naked) {
    :scope :is(html :where(.-\:\@prop-variant-naked\/button-group\:nested-button\:default-variant-naked .gds-button)) {
        --gds-default-variant: gds-naked;
        --gds-default-polyfill-variant: 6px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-variant-naked\/button-group\:nested-button\:default-variant-naked .gds-button:where(.gds-button-group[data-prop-polyfill-variant=naked] *))) {
        --gds-default-variant: gds-naked;
        --gds-default-polyfill-variant: 6px;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-variant: gds-naked) {
    :scope :is(html :where(.-\:\@prop-variant-naked\/button-group\:nested-button-group\:default-variant-naked .gds-button-group)) {
        --gds-default-variant: gds-naked;
        --gds-default-polyfill-variant: 6px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-variant-naked\/button-group\:nested-button-group\:default-variant-naked .gds-button-group:where(.gds-button-group[data-prop-polyfill-variant=naked] *))) {
        --gds-default-variant: gds-naked;
        --gds-default-polyfill-variant: 6px;
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-enclosed) {
    :scope .\@prop-variant-enclosed\/address\:-ms-px {
        margin-inline-start: -1px;
    }

    /*__not_new
 */
    :scope .\@prop-variant-enclosed\/address\:border-white\/8 {
        border-color: rgb(var(--gds-color-white) / 0.08);
    }

    /*__not_new
 */
    :scope .\@prop-variant-enclosed\/address\:bg-white\/4 {
        background-color: rgb(var(--gds-color-white) / 0.04);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-enclosed\/address\:-ms-px:where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        margin-inline-start: -1px;
    }

    /*__not_new
 */
    :scope .\@prop-variant-enclosed\/address\:border-white\/8:where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        border-color: rgb(var(--gds-color-white) / 0.08);
    }

    /*__not_new
 */
    :scope .\@prop-variant-enclosed\/address\:bg-white\/4:where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        background-color: rgb(var(--gds-color-white) / 0.04);
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-enclosed) {
    :scope .\@prop-variant-enclosed\/address\:disabled\:border-transparent:is(:disabled, [aria-disabled='true']) {
        border-color: transparent;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-enclosed\/address\:disabled\:border-transparent:is(:disabled, [aria-disabled='true']):where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        border-color: transparent;
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-enclosed) {
    :scope .\@prop-variant-enclosed\/address\:clickable-hocus-visible\:border-white\/16:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:is(:hover, :focus-visible)) {
        border-color: rgb(var(--gds-color-white) / 0.16);
    }

    /*__not_new
 */
    :scope .\@prop-variant-enclosed\/address\:clickable-hocus-visible\:bg-white\/8:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:is(:hover, :focus-visible)) {
        background-color: rgb(var(--gds-color-white) / 0.08);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-enclosed\/address\:clickable-hocus-visible\:border-white\/16:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:is(:hover, :focus-visible)):where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        border-color: rgb(var(--gds-color-white) / 0.16);
    }

    /*__not_new
 */
    :scope .\@prop-variant-enclosed\/address\:clickable-hocus-visible\:bg-white\/8:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:is(:hover, :focus-visible)):where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        background-color: rgb(var(--gds-color-white) / 0.08);
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-enclosed) {
    :scope .\@prop-variant-enclosed\/address\:clickable-active\:border-white\/8:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:active) {
        border-color: rgb(var(--gds-color-white) / 0.08);
    }

    /*__not_new
 */
    :scope .\@prop-variant-enclosed\/address\:clickable-active\:bg-white\/4:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:active) {
        background-color: rgb(var(--gds-color-white) / 0.04);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-enclosed\/address\:clickable-active\:border-white\/8:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:active):where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        border-color: rgb(var(--gds-color-white) / 0.08);
    }

    /*__not_new
 */
    :scope .\@prop-variant-enclosed\/address\:clickable-active\:bg-white\/4:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:active):where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        background-color: rgb(var(--gds-color-white) / 0.04);
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-enclosed) {
    @container address style(--gds-address-size: gds-small) {
        :scope .\@prop-variant-enclosed\/address\:\@prop-size-small\/address\:h-6 {
            height: 1.5rem;
        }

        /*__not_new
 */
        :scope .\@prop-variant-enclosed\/address\:\@prop-size-small\/address\:pe-2 {
            padding-inline-end: 0.5rem;
        }

        /*__not_new
 */
        :scope .\@prop-variant-enclosed\/address\:\@prop-size-small\/address\:ps-1 {
            padding-inline-start: 0.25rem;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-enclosed\/address\:\@prop-size-small\/address\:h-6:where(.gds-address[data-prop-polyfill-size=small] *):where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        height: 1.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-enclosed\/address\:\@prop-size-small\/address\:pe-2:where(.gds-address[data-prop-polyfill-size=small] *):where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        padding-inline-end: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-enclosed\/address\:\@prop-size-small\/address\:ps-1:where(.gds-address[data-prop-polyfill-size=small] *):where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        padding-inline-start: 0.25rem;
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-enclosed) {
    @container address style(--gds-address-size: gds-medium) {
        :scope .\@prop-variant-enclosed\/address\:\@prop-size-medium\/address\:h-8 {
            height: 2rem;
        }

        /*__not_new
 */
        :scope .\@prop-variant-enclosed\/address\:\@prop-size-medium\/address\:pe-2 {
            padding-inline-end: 0.5rem;
        }

        /*__not_new
 */
        :scope .\@prop-variant-enclosed\/address\:\@prop-size-medium\/address\:ps-1 {
            padding-inline-start: 0.25rem;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-enclosed\/address\:\@prop-size-medium\/address\:h-8:where(.gds-address[data-prop-polyfill-size=medium] *):where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        height: 2rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-enclosed\/address\:\@prop-size-medium\/address\:pe-2:where(.gds-address[data-prop-polyfill-size=medium] *):where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        padding-inline-end: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-enclosed\/address\:\@prop-size-medium\/address\:ps-1:where(.gds-address[data-prop-polyfill-size=medium] *):where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        padding-inline-start: 0.25rem;
    }

    /*__not_new
 */
}

@container address style(--gds-address-variant: gds-enclosed) {
    @container address style(--gds-address-size: gds-large) {
        :scope .\@prop-variant-enclosed\/address\:\@prop-size-large\/address\:h-10 {
            height: 2.5rem;
        }

        /*__not_new
 */
        :scope .\@prop-variant-enclosed\/address\:\@prop-size-large\/address\:pe-3 {
            padding-inline-end: 0.75rem;
        }

        /*__not_new
 */
        :scope .\@prop-variant-enclosed\/address\:\@prop-size-large\/address\:ps-2 {
            padding-inline-start: 0.5rem;
        }

        /*__not_new
 */
    }
}

@container address style(--gds-address-size: gds-large) {
    @container address style(--gds-address-variant: gds-enclosed) {
        :scope .\@prop-size-large\/address\:\@prop-variant-enclosed\/address\:prop-size-small {
            --gds-prop-size: gds-small;
            --gds-prop-polyfill-size: 3px;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-enclosed\/address\:\@prop-size-large\/address\:h-10:where(.gds-address[data-prop-polyfill-size=large] *):where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        height: 2.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-enclosed\/address\:\@prop-size-large\/address\:pe-3:where(.gds-address[data-prop-polyfill-size=large] *):where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        padding-inline-end: 0.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-enclosed\/address\:\@prop-size-large\/address\:ps-2:where(.gds-address[data-prop-polyfill-size=large] *):where(.gds-address[data-prop-polyfill-variant=enclosed] *) {
        padding-inline-start: 0.5rem;
    }

    /*__not_new
 */
    :scope .\@prop-size-large\/address\:\@prop-variant-enclosed\/address\:prop-size-small:where(.gds-address[data-prop-polyfill-variant=enclosed] *):where(.gds-address[data-prop-polyfill-size=large] *) {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }

    /*__not_new
 */
}

@container status style(--gds-status-variant: gds-default) {
    :scope .\@prop-variant-default\/status\:text-purple {
        color: rgb(var(--gds-color-purple) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-default\/status\:text-purple:where(.gds-status[data-prop-polyfill-variant=default] *) {
        color: rgb(var(--gds-color-purple) / 1);
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-variant: gds-dialog) {
    :scope .\@prop-variant-dialog\/modal\:w-\[min\(var\(--gds-modal-max-width\)\2c 100vw-theme\(spacing\.8\)\)\] {
        width: min(var(--gds-modal-max-width),100vw - 2rem);
    }

    /*__not_new
 */
    :scope .\@prop-variant-dialog\/modal\:duration-300 {
        transition-duration: 300ms;
    }

    /*__not_new
 */
    :scope .\@prop-variant-dialog\/modal\:\[--gds-modal-max-height-default\:max\(100vh_-_theme\(spacing\.8\)\2c theme\(spacing\.56\)\)\] {
        --gds-modal-max-height-default: max(100vh - 2rem,14rem);
    }

    /*__not_new
 */
    :scope .\@prop-variant-dialog\/modal\:\[--gds-modal-radius-bottom-default\:theme\(borderRadius\.12\)\] {
        --gds-modal-radius-bottom-default: 0.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-dialog\/modal\:\[--gds-modal-radius-top-default\:theme\(borderRadius\.12\)\] {
        --gds-modal-radius-top-default: 0.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-dialog\/modal\:\[align-items\:safe_center\] {
        align-items: safe center;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-dialog\/modal\:w-\[min\(var\(--gds-modal-max-width\)\2c 100vw-theme\(spacing\.8\)\)\]:where(.gds-modal[data-prop-polyfill-variant=dialog] *) {
        width: min(var(--gds-modal-max-width),100vw - 2rem);
    }

    /*__not_new
 */
    :scope .\@prop-variant-dialog\/modal\:duration-300:where(.gds-modal[data-prop-polyfill-variant=dialog] *) {
        transition-duration: 300ms;
    }

    /*__not_new
 */
    :scope .\@prop-variant-dialog\/modal\:\[--gds-modal-max-height-default\:max\(100vh_-_theme\(spacing\.8\)\2c theme\(spacing\.56\)\)\]:where(.gds-modal[data-prop-polyfill-variant=dialog] *) {
        --gds-modal-max-height-default: max(100vh - 2rem,14rem);
    }

    /*__not_new
 */
    :scope .\@prop-variant-dialog\/modal\:\[--gds-modal-radius-bottom-default\:theme\(borderRadius\.12\)\]:where(.gds-modal[data-prop-polyfill-variant=dialog] *) {
        --gds-modal-radius-bottom-default: 0.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-dialog\/modal\:\[--gds-modal-radius-top-default\:theme\(borderRadius\.12\)\]:where(.gds-modal[data-prop-polyfill-variant=dialog] *) {
        --gds-modal-radius-top-default: 0.75rem;
    }

    /*__not_new
 */
    :scope .\@prop-variant-dialog\/modal\:\[align-items\:safe_center\]:where(.gds-modal[data-prop-polyfill-variant=dialog] *) {
        align-items: safe center;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-variant: gds-dialog) {
    :scope .\@prop-variant-dialog\/modal\:data-\[closed\]\:scale-\[97\%\][data-closed] {
        --tw-scale-x: 97%;
        --tw-scale-y: 97%;
        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));
    }

    /*__not_new
 */
    :scope .\@prop-variant-dialog\/modal\:data-\[closed\]\:opacity-0[data-closed] {
        opacity: 0;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-dialog\/modal\:data-\[closed\]\:scale-\[97\%\][data-closed]:where(.gds-modal[data-prop-polyfill-variant=dialog] *) {
        --tw-scale-x: 97%;
        --tw-scale-y: 97%;
        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));
    }

    /*__not_new
 */
    :scope .\@prop-variant-dialog\/modal\:data-\[closed\]\:opacity-0[data-closed]:where(.gds-modal[data-prop-polyfill-variant=dialog] *) {
        opacity: 0;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-variant: gds-drawer) {
    :scope .\@prop-variant-drawer\/modal\:w-full {
        width: 100%;
    }

    /*__not_new
 */
    :scope .\@prop-variant-drawer\/modal\:items-end {
        align-items: flex-end;
    }

    /*__not_new
 */
    :scope .\@prop-variant-drawer\/modal\:border-b-0 {
        border-bottom-width: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-variant-drawer\/modal\:duration-500 {
        transition-duration: 500ms;
    }

    /*__not_new
 */
    :scope .\@prop-variant-drawer\/modal\:\[--gds-modal-max-height-default\:max\(100vh_-_theme\(spacing\.16\)\2c theme\(spacing\.56\)\)\] {
        --gds-modal-max-height-default: max(100vh - 4rem,14rem);
    }

    /*__not_new
 */
    :scope .\@prop-variant-drawer\/modal\:\[--gds-modal-radius-bottom-default\:0px\] {
        --gds-modal-radius-bottom-default: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-variant-drawer\/modal\:\[--gds-modal-radius-top-default\:theme\(borderRadius\.16\)\] {
        --gds-modal-radius-top-default: 1rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-drawer\/modal\:w-full:where(.gds-modal[data-prop-polyfill-variant=drawer] *) {
        width: 100%;
    }

    /*__not_new
 */
    :scope .\@prop-variant-drawer\/modal\:items-end:where(.gds-modal[data-prop-polyfill-variant=drawer] *) {
        align-items: flex-end;
    }

    /*__not_new
 */
    :scope .\@prop-variant-drawer\/modal\:border-b-0:where(.gds-modal[data-prop-polyfill-variant=drawer] *) {
        border-bottom-width: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-variant-drawer\/modal\:duration-500:where(.gds-modal[data-prop-polyfill-variant=drawer] *) {
        transition-duration: 500ms;
    }

    /*__not_new
 */
    :scope .\@prop-variant-drawer\/modal\:\[--gds-modal-max-height-default\:max\(100vh_-_theme\(spacing\.16\)\2c theme\(spacing\.56\)\)\]:where(.gds-modal[data-prop-polyfill-variant=drawer] *) {
        --gds-modal-max-height-default: max(100vh - 4rem,14rem);
    }

    /*__not_new
 */
    :scope .\@prop-variant-drawer\/modal\:\[--gds-modal-radius-bottom-default\:0px\]:where(.gds-modal[data-prop-polyfill-variant=drawer] *) {
        --gds-modal-radius-bottom-default: 0px;
    }

    /*__not_new
 */
    :scope .\@prop-variant-drawer\/modal\:\[--gds-modal-radius-top-default\:theme\(borderRadius\.16\)\]:where(.gds-modal[data-prop-polyfill-variant=drawer] *) {
        --gds-modal-radius-top-default: 1rem;
    }

    /*__not_new
 */
}

@container modal style(--gds-modal-variant: gds-drawer) {
    :scope .\@prop-variant-drawer\/modal\:data-\[closed\]\:translate-y-full[data-closed] {
        --tw-translate-y: 100%;
        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));
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-drawer\/modal\:data-\[closed\]\:translate-y-full[data-closed]:where(.gds-modal[data-prop-polyfill-variant=drawer] *) {
        --tw-translate-y: 100%;
        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));
    }

    /*__not_new
 */
}

@container status style(--gds-status-variant: gds-info) {
    :scope .\@prop-variant-info\/status\:text-blue {
        color: rgb(var(--gds-color-blue) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-info\/status\:text-blue:where(.gds-status[data-prop-polyfill-variant=info] *) {
        color: rgb(var(--gds-color-blue) / 1);
    }

    /*__not_new
 */
}

@container status style(--gds-status-variant: gds-success) {
    :scope .\@prop-variant-success\/status\:text-green {
        color: rgb(var(--gds-color-green) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-success\/status\:text-green:where(.gds-status[data-prop-polyfill-variant=success] *) {
        color: rgb(var(--gds-color-green) / 1);
    }

    /*__not_new
 */
}

@container status style(--gds-status-variant: gds-warning) {
    :scope .\@prop-variant-warning\/status\:text-yellow {
        color: rgb(var(--gds-color-yellow) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-warning\/status\:text-yellow:where(.gds-status[data-prop-polyfill-variant=warning] *) {
        color: rgb(var(--gds-color-yellow) / 1);
    }

    /*__not_new
 */
}

@container status style(--gds-status-variant: gds-error) {
    :scope .\@prop-variant-error\/status\:text-red {
        color: rgb(var(--gds-color-red) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-error\/status\:text-red:where(.gds-status[data-prop-polyfill-variant=error] *) {
        color: rgb(var(--gds-color-red) / 1);
    }

    /*__not_new
 */
}

@container status style(--gds-status-variant: gds-muted) {
    :scope .\@prop-variant-muted\/status\:text-gray {
        color: rgb(var(--gds-color-gray) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-muted\/status\:text-gray:where(.gds-status[data-prop-polyfill-variant=muted] *) {
        color: rgb(var(--gds-color-gray) / 1);
    }

    /*__not_new
 */
}

@container tag style(--gds-tag-variant: gds-purple) {
    :scope .\@prop-variant-purple\/tag\:bg-purple\/48 {
        background-color: rgb(var(--gds-color-purple) / 0.48);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-purple\/tag\:bg-purple\/48:where(.gds-tag[data-prop-polyfill-variant=purple] *) {
        background-color: rgb(var(--gds-color-purple) / 0.48);
    }

    /*__not_new
 */
}

@container tag style(--gds-tag-variant: gds-blue) {
    :scope .\@prop-variant-blue\/tag\:bg-blue\/48 {
        background-color: rgb(var(--gds-color-blue) / 0.48);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-blue\/tag\:bg-blue\/48:where(.gds-tag[data-prop-polyfill-variant=blue] *) {
        background-color: rgb(var(--gds-color-blue) / 0.48);
    }

    /*__not_new
 */
}

@container tag style(--gds-tag-variant: gds-green) {
    :scope .\@prop-variant-green\/tag\:bg-green\/48 {
        background-color: rgb(var(--gds-color-green) / 0.48);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-green\/tag\:bg-green\/48:where(.gds-tag[data-prop-polyfill-variant=green] *) {
        background-color: rgb(var(--gds-color-green) / 0.48);
    }

    /*__not_new
 */
}

@container tag style(--gds-tag-variant: gds-yellow) {
    :scope .\@prop-variant-yellow\/tag\:bg-yellow\/64 {
        background-color: rgb(var(--gds-color-yellow) / 0.64);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-yellow\/tag\:bg-yellow\/64:where(.gds-tag[data-prop-polyfill-variant=yellow] *) {
        background-color: rgb(var(--gds-color-yellow) / 0.64);
    }

    /*__not_new
 */
}

@container tag style(--gds-tag-variant: gds-red) {
    :scope .\@prop-variant-red\/tag\:bg-red\/48 {
        background-color: rgb(var(--gds-color-red) / 0.48);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-red\/tag\:bg-red\/48:where(.gds-tag[data-prop-polyfill-variant=red] *) {
        background-color: rgb(var(--gds-color-red) / 0.48);
    }

    /*__not_new
 */
}

@container tag style(--gds-tag-variant: gds-white) {
    :scope .\@prop-variant-white\/tag\:bg-white\/8 {
        background-color: rgb(var(--gds-color-white) / 0.08);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-white\/tag\:bg-white\/8:where(.gds-tag[data-prop-polyfill-variant=white] *) {
        background-color: rgb(var(--gds-color-white) / 0.08);
    }

    /*__not_new
 */
}

@container tag style(--gds-tag-variant: gds-midnight) {
    :scope .\@prop-variant-midnight\/tag\:bg-midnight {
        background-color: rgb(var(--gds-color-midnight) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-variant-midnight\/tag\:bg-midnight:where(.gds-tag[data-prop-polyfill-variant=midnight] *) {
        background-color: rgb(var(--gds-color-midnight) / 1);
    }

    /*__not_new
 */
}

@container button style(--gds-button-hide-label: gds-true) {
    :scope .\@prop-hide-label-true\/button\:\[--icons-margin\:0px\] {
        --icons-margin: 0px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-hide-label-true\/button\:\[--icons-margin\:0px\]:where(.gds-button[data-prop-polyfill-hide-label=true] *) {
        --icons-margin: 0px;
    }

    /*__not_new
 */
}

@container button style(--gds-button-hide-label: gds-true) {
    :scope .\@prop-hide-label-true\/button\:not-has-icon-only\:sr-only:not(:has(:is(:is(.gds-icon, .gds-Icon):where(:only-child:not(.gds-icon *))))) {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-hide-label-true\/button\:not-has-icon-only\:sr-only:not(:has(:is(:is(.gds-icon, .gds-Icon):where(:only-child:not(.gds-icon *))))):where(.gds-button[data-prop-polyfill-hide-label=true] *) {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }

    /*__not_new
 */
}

@container description-list style(--gds-description-list-orientation: gds-horizontal) {
    :scope .\@prop-orientation-horizontal\/description-list\:start-0 {
        inset-inline-start: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:top-1 {
        top: 0.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:-mx-4 {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:flex-row {
        flex-direction: row;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:flex-col {
        flex-direction: column;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:flex-wrap {
        flex-wrap: wrap;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:gap-y-4 {
        row-gap: 1rem;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:overflow-x-clip {
        overflow-x: clip;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:border-s {
        border-inline-start-width: 1px;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-orientation-horizontal\/description-list\:start-0:where(.gds-description-list[data-prop-polyfill-orientation=horizontal] *) {
        inset-inline-start: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:top-1:where(.gds-description-list[data-prop-polyfill-orientation=horizontal] *) {
        top: 0.25rem;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:-mx-4:where(.gds-description-list[data-prop-polyfill-orientation=horizontal] *) {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:flex-row:where(.gds-description-list[data-prop-polyfill-orientation=horizontal] *) {
        flex-direction: row;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:flex-col:where(.gds-description-list[data-prop-polyfill-orientation=horizontal] *) {
        flex-direction: column;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:flex-wrap:where(.gds-description-list[data-prop-polyfill-orientation=horizontal] *) {
        flex-wrap: wrap;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:gap-y-4:where(.gds-description-list[data-prop-polyfill-orientation=horizontal] *) {
        row-gap: 1rem;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:overflow-x-clip:where(.gds-description-list[data-prop-polyfill-orientation=horizontal] *) {
        overflow-x: clip;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:border-s:where(.gds-description-list[data-prop-polyfill-orientation=horizontal] *) {
        border-inline-start-width: 1px;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-horizontal\/description-list\:px-4:where(.gds-description-list[data-prop-polyfill-orientation=horizontal] *) {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /*__not_new
 */
}

@container description-list style(--gds-description-list-orientation: gds-vertical) {
    :scope .\@prop-orientation-vertical\/description-list\:inset-y-0 {
        top: 0rem;
        bottom: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:end-0 {
        inset-inline-end: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:min-w-auto {
        min-width: auto;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:max-w-\[75\%\] {
        max-width: 75%;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:shrink-\[9999\] {
        flex-shrink: 9999;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:grow {
        flex-grow: 1;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:flex-row {
        flex-direction: row;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:flex-col {
        flex-direction: column;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:self-center {
        align-self: center;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:\[justify-content\:safe_end\] {
        justify-content: safe end;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-orientation-vertical\/description-list\:inset-y-0:where(.gds-description-list[data-prop-polyfill-orientation=vertical] *) {
        top: 0rem;
        bottom: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:end-0:where(.gds-description-list[data-prop-polyfill-orientation=vertical] *) {
        inset-inline-end: 0rem;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:min-w-auto:where(.gds-description-list[data-prop-polyfill-orientation=vertical] *) {
        min-width: auto;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:max-w-\[75\%\]:where(.gds-description-list[data-prop-polyfill-orientation=vertical] *) {
        max-width: 75%;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:shrink-\[9999\]:where(.gds-description-list[data-prop-polyfill-orientation=vertical] *) {
        flex-shrink: 9999;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:grow:where(.gds-description-list[data-prop-polyfill-orientation=vertical] *) {
        flex-grow: 1;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:flex-row:where(.gds-description-list[data-prop-polyfill-orientation=vertical] *) {
        flex-direction: row;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:flex-col:where(.gds-description-list[data-prop-polyfill-orientation=vertical] *) {
        flex-direction: column;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:self-center:where(.gds-description-list[data-prop-polyfill-orientation=vertical] *) {
        align-self: center;
    }

    /*__not_new
 */
    :scope .\@prop-orientation-vertical\/description-list\:\[justify-content\:safe_end\]:where(.gds-description-list[data-prop-polyfill-orientation=vertical] *) {
        justify-content: safe end;
    }

    /*__not_new
 */
}

@container description-list style(--gds-description-list-orientation: gds-vertical) {
    :scope .\@prop-orientation-vertical\/description-list\:not-first\:border-t:not(:first-child) {
        border-top-width: 1px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-orientation-vertical\/description-list\:not-first\:border-t:not(:first-child):where(.gds-description-list[data-prop-polyfill-orientation=vertical] *) {
        border-top-width: 1px;
    }

    /*__not_new
 */
}

@container description-list style(--gds-description-list-orientation: gds-vertical) {
    @container description-list style(--gds-description-list-size: gds-small) {
        :scope .\@prop-orientation-vertical\/description-list\:\@prop-size-small\/description-list\:py-2\.5 {
            padding-top: 0.625rem;
            padding-bottom: 0.625rem;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-orientation-vertical\/description-list\:\@prop-size-small\/description-list\:py-2\.5:where(.gds-description-list[data-prop-polyfill-size=small] *):where(.gds-description-list[data-prop-polyfill-orientation=vertical] *) {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }

    /*__not_new
 */
}

@container description-list style(--gds-description-list-orientation: gds-vertical) {
    @container description-list style(--gds-description-list-size: gds-medium) {
        :scope .\@prop-orientation-vertical\/description-list\:\@prop-size-medium\/description-list\:py-3 {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-orientation-vertical\/description-list\:\@prop-size-medium\/description-list\:py-3:where(.gds-description-list[data-prop-polyfill-size=medium] *):where(.gds-description-list[data-prop-polyfill-orientation=vertical] *) {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    /*__not_new
 */
}

@container description-list style(--gds-description-list-orientation: gds-vertical) {
    @container description-list style(--gds-description-list-size: gds-large) {
        :scope .\@prop-orientation-vertical\/description-list\:\@prop-size-large\/description-list\:py-3\.5 {
            padding-top: 0.875rem;
            padding-bottom: 0.875rem;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-orientation-vertical\/description-list\:\@prop-size-large\/description-list\:py-3\.5:where(.gds-description-list[data-prop-polyfill-size=large] *):where(.gds-description-list[data-prop-polyfill-orientation=vertical] *) {
        padding-top: 0.875rem;
        padding-bottom: 0.875rem;
    }

    /*__not_new
 */
}

@container tab-set style(--gds-tab-set-full-width: gds-false) {
    :scope .\@prop-full-width-false\/tab-set\:auto-cols-max {
        grid-auto-columns: max-content;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-full-width-false\/tab-set\:auto-cols-max:where(.gds-tab-set[data-prop-polyfill-full-width=false] *) {
        grid-auto-columns: max-content;
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-full-width: gds-false) {
    :scope :is(html :where(.-\:\@prop-full-width-false\/button-group\:nested-button-group\:default-full-width-false .gds-button-group)) {
        --gds-default-full-width: gds-false;
        --gds-default-polyfill-full-width: 1px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-full-width-false\/button-group\:nested-button-group\:default-full-width-false .gds-button-group:where(.gds-button-group[data-prop-polyfill-full-width=false] *))) {
        --gds-default-full-width: gds-false;
        --gds-default-polyfill-full-width: 1px;
    }

    /*__not_new
 */
}

@container tab-set style(--gds-tab-set-full-width: gds-true) {
    :scope .\@prop-full-width-true\/tab-set\:auto-cols-\[minmax\(theme\(spacing\.30\)\2c 1fr\)\] {
        grid-auto-columns: minmax(7.5rem,1fr);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-full-width-true\/tab-set\:auto-cols-\[minmax\(theme\(spacing\.30\)\2c 1fr\)\]:where(.gds-tab-set[data-prop-polyfill-full-width=true] *) {
        grid-auto-columns: minmax(7.5rem,1fr);
    }

    /*__not_new
 */
}

@container button-group style(--gds-button-group-full-width: gds-true) {
    :scope :is(html :where(.-\:\@prop-full-width-true\/button-group\:nested-button-group\:default-full-width-true .gds-button-group)) {
        --gds-default-full-width: gds-true;
        --gds-default-polyfill-full-width: 2px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-full-width-true\/button-group\:nested-button-group\:default-full-width-true .gds-button-group:where(.gds-button-group[data-prop-polyfill-full-width=true] *))) {
        --gds-default-full-width: gds-true;
        --gds-default-polyfill-full-width: 2px;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-shape: gds-circle) {
    :scope .\@prop-shape-circle\/cluster\:rounded-full {
        border-radius: 9999px;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-shape-circle\/cluster\:rounded-full:where(.gds-cluster[data-prop-polyfill-shape=circle] *) {
        border-radius: 9999px;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-shape: gds-square) {
    @container cluster style(--gds-cluster-size: gds-xsmall) {
        :scope .\@prop-shape-square\/cluster\:\@prop-size-xsmall\/cluster\:rounded-2 {
            border-radius: 0.125rem;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-shape-square\/cluster\:\@prop-size-xsmall\/cluster\:rounded-2:where(.gds-cluster[data-prop-polyfill-size=xsmall] *):where(.gds-cluster[data-prop-polyfill-shape=square] *) {
        border-radius: 0.125rem;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-shape: gds-square) {
    @container cluster style(--gds-cluster-size: gds-small) {
        :scope .\@prop-shape-square\/cluster\:\@prop-size-small\/cluster\:rounded-4 {
            border-radius: 0.25rem;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-shape-square\/cluster\:\@prop-size-small\/cluster\:rounded-4:where(.gds-cluster[data-prop-polyfill-size=small] *):where(.gds-cluster[data-prop-polyfill-shape=square] *) {
        border-radius: 0.25rem;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-shape: gds-square) {
    @container cluster style(--gds-cluster-size: gds-medium) {
        :scope .\@prop-shape-square\/cluster\:\@prop-size-medium\/cluster\:rounded-4 {
            border-radius: 0.25rem;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-shape-square\/cluster\:\@prop-size-medium\/cluster\:rounded-4:where(.gds-cluster[data-prop-polyfill-size=medium] *):where(.gds-cluster[data-prop-polyfill-shape=square] *) {
        border-radius: 0.25rem;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-shape: gds-square) {
    @container cluster style(--gds-cluster-size: gds-large) {
        :scope .\@prop-shape-square\/cluster\:\@prop-size-large\/cluster\:rounded-4 {
            border-radius: 0.25rem;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-shape-square\/cluster\:\@prop-size-large\/cluster\:rounded-4:where(.gds-cluster[data-prop-polyfill-size=large] *):where(.gds-cluster[data-prop-polyfill-shape=square] *) {
        border-radius: 0.25rem;
    }

    /*__not_new
 */
}

@container cluster style(--gds-cluster-shape: gds-square) {
    @container cluster style(--gds-cluster-size: gds-xlarge) {
        :scope .\@prop-shape-square\/cluster\:\@prop-size-xlarge\/cluster\:rounded-8 {
            border-radius: 0.5rem;
        }

        /*__not_new
 */
    }
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-shape-square\/cluster\:\@prop-size-xlarge\/cluster\:rounded-8:where(.gds-cluster[data-prop-polyfill-size=xlarge] *):where(.gds-cluster[data-prop-polyfill-shape=square] *) {
        border-radius: 0.5rem;
    }

    /*__not_new
 */
}

@container divider style(--gds-divider-diamonds: gds-false) {
    :scope .\@prop-diamonds-false\/divider\:hidden {
        display: none;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-diamonds-false\/divider\:hidden:where(.gds-divider[data-prop-polyfill-diamonds=false] *) {
        display: none;
    }

    /*__not_new
 */
}

@container locale-switcher style(--gds-locale-switcher-display-format: gds-short) {
    :scope .\@prop-display-format-short\/locale-switcher\:hidden {
        display: none;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-display-format-short\/locale-switcher\:hidden:where(.gds-locale-switcher[data-prop-polyfill-display-format=short] *) {
        display: none;
    }

    /*__not_new
 */
}

@container locale-switcher style(--gds-locale-switcher-display-format: gds-full) {
    :scope .\@prop-display-format-full\/locale-switcher\:hidden {
        display: none;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-display-format-full\/locale-switcher\:hidden:where(.gds-locale-switcher[data-prop-polyfill-display-format=full] *) {
        display: none;
    }

    /*__not_new
 */
}

@container mega-menu style(--gds-mega-menu-layout: gds-compact) {
    :scope .\@prop-layout-compact\/mega-menu\:hidden {
        display: none;
    }

    /*__not_new
 */
}

@container navbar style(--gds-navbar-layout: gds-compact) {
    :scope .\@prop-layout-compact\/navbar\:hidden {
        display: none;
    }

    /*__not_new
 */
}

@container mega-menu style(--gds-mega-menu-layout: gds-compact) {
    :scope .\@prop-layout-compact\/mega-menu\:max-h-\[var\(--available-height\)\] {
        max-height: var(--available-height);
    }

    /*__not_new
 */
    :scope .\@prop-layout-compact\/mega-menu\:w-\[var\(--gds-mega-menu-column-max-width\)\] {
        width: var(--gds-mega-menu-column-max-width);
    }

    /*__not_new
 */
    :scope .\@prop-layout-compact\/mega-menu\:w-full {
        width: 100%;
    }

    /*__not_new
 */
    :scope .\@prop-layout-compact\/mega-menu\:flex-col {
        flex-direction: column;
    }

    /*__not_new
 */
    :scope .\@prop-layout-compact\/mega-menu\:overflow-y-auto {
        overflow-y: auto;
    }

    /*__not_new
 */
    :scope .\@prop-layout-compact\/mega-menu\:bg-space-1600 {
        background-color: rgb(var(--gds-color-space-1600) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-layout-compact\/mega-menu\:hidden:where(.gds-mega-menu[data-prop-polyfill-layout=compact] *) {
        display: none;
    }

    /*__not_new
 */
    :scope .\@prop-layout-compact\/navbar\:hidden:where(.gds-navbar[data-prop-polyfill-layout=compact] *) {
        display: none;
    }

    /*__not_new
 */
    :scope .\@prop-layout-compact\/mega-menu\:max-h-\[var\(--available-height\)\]:where(.gds-mega-menu[data-prop-polyfill-layout=compact] *) {
        max-height: var(--available-height);
    }

    /*__not_new
 */
    :scope .\@prop-layout-compact\/mega-menu\:w-\[var\(--gds-mega-menu-column-max-width\)\]:where(.gds-mega-menu[data-prop-polyfill-layout=compact] *) {
        width: var(--gds-mega-menu-column-max-width);
    }

    /*__not_new
 */
    :scope .\@prop-layout-compact\/mega-menu\:w-full:where(.gds-mega-menu[data-prop-polyfill-layout=compact] *) {
        width: 100%;
    }

    /*__not_new
 */
    :scope .\@prop-layout-compact\/mega-menu\:flex-col:where(.gds-mega-menu[data-prop-polyfill-layout=compact] *) {
        flex-direction: column;
    }

    /*__not_new
 */
    :scope .\@prop-layout-compact\/mega-menu\:overflow-y-auto:where(.gds-mega-menu[data-prop-polyfill-layout=compact] *) {
        overflow-y: auto;
    }

    /*__not_new
 */
    :scope .\@prop-layout-compact\/mega-menu\:bg-space-1600:where(.gds-mega-menu[data-prop-polyfill-layout=compact] *) {
        background-color: rgb(var(--gds-color-space-1600) / 1);
    }

    /*__not_new
 */
}

@container mega-menu style(--gds-mega-menu-layout: gds-compact) {
    :scope :is(.group\/mega-menu[data-selected-index-in-compact] .\@prop-layout-compact\/mega-menu\:group-data-\[selected-index-in-compact\]\/mega-menu\:invisible) {
        visibility: hidden;
    }

    /*__not_new
 */
    :scope :is(.group\/mega-menu[data-selected-index-in-compact] .\@prop-layout-compact\/mega-menu\:group-data-\[selected-index-in-compact\]\/mega-menu\:absolute) {
        position: absolute;
    }

    /*__not_new
 */
    :scope :is(.group\/mega-menu[data-selected-index-in-compact] .\@prop-layout-compact\/mega-menu\:group-data-\[selected-index-in-compact\]\/mega-menu\:end-full) {
        inset-inline-end: 100%;
    }

    /*__not_new
 */
    :scope :is(.group\/mega-menu[data-selected-index-in-compact] .\@prop-layout-compact\/mega-menu\:group-data-\[selected-index-in-compact\]\/mega-menu\:top-0) {
        top: 0rem;
    }

    /*__not_new
 */
    :scope :is(.group\/mega-menu-item[data-depth="0"][data-has-children] .\@prop-layout-compact\/mega-menu\:group-data-\[depth\=0\]\/mega-menu-item\:group-data-\[has-children\]\/mega-menu-item\:block) {
        display: block;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/mega-menu[data-selected-index-in-compact] .\@prop-layout-compact\/mega-menu\:group-data-\[selected-index-in-compact\]\/mega-menu\:invisible:where(.gds-mega-menu[data-prop-polyfill-layout=compact] *)) {
        visibility: hidden;
    }

    /*__not_new
 */
    :scope :is(.group\/mega-menu[data-selected-index-in-compact] .\@prop-layout-compact\/mega-menu\:group-data-\[selected-index-in-compact\]\/mega-menu\:absolute:where(.gds-mega-menu[data-prop-polyfill-layout=compact] *)) {
        position: absolute;
    }

    /*__not_new
 */
    :scope :is(.group\/mega-menu[data-selected-index-in-compact] .\@prop-layout-compact\/mega-menu\:group-data-\[selected-index-in-compact\]\/mega-menu\:end-full:where(.gds-mega-menu[data-prop-polyfill-layout=compact] *)) {
        inset-inline-end: 100%;
    }

    /*__not_new
 */
    :scope :is(.group\/mega-menu[data-selected-index-in-compact] .\@prop-layout-compact\/mega-menu\:group-data-\[selected-index-in-compact\]\/mega-menu\:top-0:where(.gds-mega-menu[data-prop-polyfill-layout=compact] *)) {
        top: 0rem;
    }

    /*__not_new
 */
    :scope :is(.group\/mega-menu-item[data-depth="0"][data-has-children] .\@prop-layout-compact\/mega-menu\:group-data-\[depth\=0\]\/mega-menu-item\:group-data-\[has-children\]\/mega-menu-item\:block:where(.gds-mega-menu[data-prop-polyfill-layout=compact] *)) {
        display: block;
    }

    /*__not_new
 */
}

@container mega-menu style(--gds-mega-menu-layout: gds-compact) {
    :scope .\@prop-layout-compact\/mega-menu\:not-data-\[selected-in-compact\]\:hidden:not([data-selected-in-compact]) {
        display: none;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-layout-compact\/mega-menu\:not-data-\[selected-in-compact\]\:hidden:not([data-selected-in-compact]):where(.gds-mega-menu[data-prop-polyfill-layout=compact] *) {
        display: none;
    }

    /*__not_new
 */
}

@container mega-menu style(--gds-mega-menu-layout: gds-full) {
    :scope .\@prop-layout-full\/mega-menu\:hidden {
        display: none;
    }

    /*__not_new
 */
}

@container navbar style(--gds-navbar-layout: gds-full) {
    :scope .\@prop-layout-full\/navbar\:hidden {
        display: none;
    }

    /*__not_new
 */
}

@container mega-menu style(--gds-mega-menu-layout: gds-full) {
    :scope .\@prop-layout-full\/mega-menu\:max-h-\[var\(--available-height\)\] {
        max-height: var(--available-height);
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:\!w-max {
        width: max-content !important;
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:min-w-\[var\(--gds-mega-menu-column-min-width\)\] {
        min-width: var(--gds-mega-menu-column-min-width);
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:max-w-\[var\(--gds-mega-menu-column-max-width\)\] {
        max-width: var(--gds-mega-menu-column-max-width);
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:overflow-y-auto {
        overflow-y: auto;
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:overflow-x-clip {
        overflow-x: clip;
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:bg-space-1600 {
        background-color: rgb(var(--gds-color-space-1600) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:bg-space-1800 {
        background-color: rgb(var(--gds-color-space-1800) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:scrollbar-thin {
        scrollbar-width: thin;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-layout-full\/mega-menu\:hidden:where(.gds-mega-menu[data-prop-polyfill-layout=full] *) {
        display: none;
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/navbar\:hidden:where(.gds-navbar[data-prop-polyfill-layout=full] *) {
        display: none;
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:max-h-\[var\(--available-height\)\]:where(.gds-mega-menu[data-prop-polyfill-layout=full] *) {
        max-height: var(--available-height);
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:\!w-max:where(.gds-mega-menu[data-prop-polyfill-layout=full] *) {
        width: max-content !important;
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:min-w-\[var\(--gds-mega-menu-column-min-width\)\]:where(.gds-mega-menu[data-prop-polyfill-layout=full] *) {
        min-width: var(--gds-mega-menu-column-min-width);
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:max-w-\[var\(--gds-mega-menu-column-max-width\)\]:where(.gds-mega-menu[data-prop-polyfill-layout=full] *) {
        max-width: var(--gds-mega-menu-column-max-width);
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:overflow-y-auto:where(.gds-mega-menu[data-prop-polyfill-layout=full] *) {
        overflow-y: auto;
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:overflow-x-clip:where(.gds-mega-menu[data-prop-polyfill-layout=full] *) {
        overflow-x: clip;
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:bg-space-1600:where(.gds-mega-menu[data-prop-polyfill-layout=full] *) {
        background-color: rgb(var(--gds-color-space-1600) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:bg-space-1800:where(.gds-mega-menu[data-prop-polyfill-layout=full] *) {
        background-color: rgb(var(--gds-color-space-1800) / 1);
    }

    /*__not_new
 */
    :scope .\@prop-layout-full\/mega-menu\:scrollbar-thin:where(.gds-mega-menu[data-prop-polyfill-layout=full] *) {
        scrollbar-width: thin;
    }

    /*__not_new
 */
}

@container mega-menu style(--gds-mega-menu-layout: gds-full) {
    :scope :is(.group\/mega-menu[data-hide-titles] .\@prop-layout-full\/mega-menu\:group-data-\[hide-titles\]\/mega-menu\: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;
    }

    /*__not_new
 */
    :scope :is(.group\/mega-menu-item[data-depth="0"][data-has-children] .\@prop-layout-full\/mega-menu\:group-data-\[depth\=0\]\/mega-menu-item\:group-data-\[has-children\]\/mega-menu-item\:inset-0) {
        inset: 0rem;
    }

    /*__not_new
 */
    :scope :is(.group\/mega-menu-item[data-depth="0"][data-has-children] .\@prop-layout-full\/mega-menu\:group-data-\[depth\=0\]\/mega-menu-item\:group-data-\[has-children\]\/mega-menu-item\:rounded-none) {
        border-radius: 0;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/mega-menu[data-hide-titles] .\@prop-layout-full\/mega-menu\:group-data-\[hide-titles\]\/mega-menu\:sr-only:where(.gds-mega-menu[data-prop-polyfill-layout=full] *)) {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }

    /*__not_new
 */
    :scope :is(.group\/mega-menu-item[data-depth="0"][data-has-children] .\@prop-layout-full\/mega-menu\:group-data-\[depth\=0\]\/mega-menu-item\:group-data-\[has-children\]\/mega-menu-item\:inset-0:where(.gds-mega-menu[data-prop-polyfill-layout=full] *)) {
        inset: 0rem;
    }

    /*__not_new
 */
    :scope :is(.group\/mega-menu-item[data-depth="0"][data-has-children] .\@prop-layout-full\/mega-menu\:group-data-\[depth\=0\]\/mega-menu-item\:group-data-\[has-children\]\/mega-menu-item\:rounded-none:where(.gds-mega-menu[data-prop-polyfill-layout=full] *)) {
        border-radius: 0;
    }

    /*__not_new
 */
}

@container mega-menu style(--gds-mega-menu-layout: gds-full) {
    :scope :is(html :where(.-\:\@prop-layout-full\/mega-menu\:min-w-\[var\(--gds-mega-menu-column-min-width\)\])) {
        min-width: var(--gds-mega-menu-column-min-width);
    }

    /*__not_new
 */
    :scope :is(html :where(.-\:\@prop-layout-full\/mega-menu\:max-w-\[var\(--gds-mega-menu-column-max-width\)\])) {
        max-width: var(--gds-mega-menu-column-max-width);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(html :where(.-\:\@prop-layout-full\/mega-menu\:min-w-\[var\(--gds-mega-menu-column-min-width\)\]:where(.gds-mega-menu[data-prop-polyfill-layout=full] *))) {
        min-width: var(--gds-mega-menu-column-min-width);
    }

    /*__not_new
 */
    :scope :is(html :where(.-\:\@prop-layout-full\/mega-menu\:max-w-\[var\(--gds-mega-menu-column-max-width\)\]:where(.gds-mega-menu[data-prop-polyfill-layout=full] *))) {
        max-width: var(--gds-mega-menu-column-max-width);
    }

    /*__not_new
 */
}

@container mega-menu style(--gds-mega-menu-layout: gds-full) {
    :scope .\@prop-layout-full\/mega-menu\:is-\[button\]\:cursor-default:is(button) {
        cursor: default;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-layout-full\/mega-menu\:is-\[button\]\:cursor-default:is(button):where(.gds-mega-menu[data-prop-polyfill-layout=full] *) {
        cursor: default;
    }

    /*__not_new
 */
}

@container mega-menu style(--gds-mega-menu-layout: gds-full) {
    :scope .\@prop-layout-full\/mega-menu\:not-data-\[selected-in-full\]\:hidden:not([data-selected-in-full]) {
        display: none;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-layout-full\/mega-menu\:not-data-\[selected-in-full\]\:hidden:not([data-selected-in-full]):where(.gds-mega-menu[data-prop-polyfill-layout=full] *) {
        display: none;
    }

    /*__not_new
 */
}

@container mega-menu style(--gds-mega-menu-layout: gds-full) {
    :scope :is(.group\/mega-menu-item[data-depth="0"] .\@prop-layout-full\/mega-menu\:group-data-\[depth\=0\]\/mega-menu-item\:in-clickable-hocus-visible\:bg-space-1800:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:is(:hover, :focus-visible)) *)) {
        background-color: rgb(var(--gds-color-space-1800) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/mega-menu-item[data-depth="0"] .\@prop-layout-full\/mega-menu\:group-data-\[depth\=0\]\/mega-menu-item\:in-clickable-hocus-visible\:bg-space-1800:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is(:is(:hover, :focus-visible)) *):where(.gds-mega-menu[data-prop-polyfill-layout=full] *)) {
        background-color: rgb(var(--gds-color-space-1800) / 1);
    }

    /*__not_new
 */
}

@container mega-menu style(--gds-mega-menu-layout: gds-full) {
    :scope :is(.group\/mega-menu[data-hide-titles] .group\/mega-menu-item[data-depth="0"][data-has-children] .\@prop-layout-full\/mega-menu\:group-data-\[hide-titles\]\/mega-menu\:group-data-\[depth\=0\]\/mega-menu-item\:group-data-\[has-children\]\/mega-menu-item\:group-first\/mega-menu-item\:rounded-ss-\[calc\(var\(--gds-mega-menu-radius\)-1px\)\]:is(.group\/mega-menu-item:is(:first-child) *)) {
        border-start-start-radius: calc(var(--gds-mega-menu-radius) - 1px);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/mega-menu[data-hide-titles] .group\/mega-menu-item[data-depth="0"][data-has-children] .\@prop-layout-full\/mega-menu\:group-data-\[hide-titles\]\/mega-menu\:group-data-\[depth\=0\]\/mega-menu-item\:group-data-\[has-children\]\/mega-menu-item\:group-first\/mega-menu-item\:rounded-ss-\[calc\(var\(--gds-mega-menu-radius\)-1px\)\]:is(.group\/mega-menu-item:is(:first-child) *):where(.gds-mega-menu[data-prop-polyfill-layout=full] *)) {
        border-start-start-radius: calc(var(--gds-mega-menu-radius) - 1px);
    }

    /*__not_new
 */
}

@container mega-menu style(--gds-mega-menu-layout: gds-full) {
    :scope :is(.group\/mega-menu-item[data-depth="0"] .\@prop-layout-full\/mega-menu\:group-data-\[depth\=0\]\/mega-menu-item\:in-clickable-\[\[aria-selected\=true\]\]\:group-not-has-clickable-hover\/mega-menu-items\:bg-space-1800:is(.group\/mega-menu-items:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover))) *):is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is([aria-selected=true]) *)) {
        background-color: rgb(var(--gds-color-space-1800) / 1);
    }

    /*__not_new
 */
    :scope :is(.group\/mega-menu-item[data-depth="1"] .\@prop-layout-full\/mega-menu\:group-data-\[depth\=1\]\/mega-menu-item\:in-clickable-\[\[aria-selected\=true\]\]\:group-not-has-clickable-hover\/mega-menu-items\:bg-space-1500:is(.group\/mega-menu-items:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover))) *):is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is([aria-selected=true]) *)) {
        background-color: rgb(var(--gds-color-space-1500) / 1);
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope :is(.group\/mega-menu-item[data-depth="0"] .\@prop-layout-full\/mega-menu\:group-data-\[depth\=0\]\/mega-menu-item\:in-clickable-\[\[aria-selected\=true\]\]\:group-not-has-clickable-hover\/mega-menu-items\:bg-space-1800:is(.group\/mega-menu-items:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover))) *):is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is([aria-selected=true]) *):where(.gds-mega-menu[data-prop-polyfill-layout=full] *)) {
        background-color: rgb(var(--gds-color-space-1800) / 1);
    }

    /*__not_new
 */
    :scope :is(.group\/mega-menu-item[data-depth="1"] .\@prop-layout-full\/mega-menu\:group-data-\[depth\=1\]\/mega-menu-item\:in-clickable-\[\[aria-selected\=true\]\]\:group-not-has-clickable-hover\/mega-menu-items\:bg-space-1500:is(.group\/mega-menu-items:not(:has(:is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):hover))) *):is(:is(:where(a[href], [role='link'], button, [role='button']):not(:disabled, [aria-disabled='true']), label:has(:where(input[type='checkbox'], input[type='radio']:not(:checked)):not(:disabled, [aria-disabled='true']))):is([aria-selected=true]) *):where(.gds-mega-menu[data-prop-polyfill-layout=full] *)) {
        background-color: rgb(var(--gds-color-space-1500) / 1);
    }

    /*__not_new
 */
}

@container stepper style(--gds-stepper-label-position: gds-bottom) {
    :scope .\@prop-label-position-bottom\/stepper\:flex-col-reverse {
        flex-direction: column-reverse;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-label-position-bottom\/stepper\:flex-col-reverse:where(.gds-stepper[data-prop-polyfill-label-position=bottom] *) {
        flex-direction: column-reverse;
    }

    /*__not_new
 */
}

@container stepper style(--gds-stepper-label-position: gds-hidden) {
    :scope .\@prop-label-position-hidden\/stepper\: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;
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    :scope .\@prop-label-position-hidden\/stepper\:sr-only:where(.gds-stepper[data-prop-polyfill-label-position=hidden] *) {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }

    /*__not_new
 */
}

@media not all and (min-width: 512px) {
    :scope .max-xs\:hidden {
        display: none;
    }
    :scope .max-xs\:rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    :scope .max-xs\:border-b-transparent {
        border-bottom-color: transparent;
    }
    :scope .max-xs\:prop-hide-label-true {
        --gds-prop-hide-label: gds-true;
        --gds-prop-polyfill-hide-label: 2px;
    }
}

@media not all and (min-width: 384px) {
    :scope :is(html :where(.-\:max-2xs\:prop-size-small)) {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }
}

@media (min-width: 512px) {
    :scope .xs\:relative {
        position: relative;
    }
    :scope .xs\:bottom-8 {
        bottom: 2rem;
    }
    :scope .xs\:bottom-\[-60\%\] {
        bottom: -60%;
    }
    :scope .xs\:end-auto {
        inset-inline-end: auto;
    }
    :scope .xs\:left-0 {
        left: 0rem;
    }
    :scope .xs\:start-8 {
        inset-inline-start: 2rem;
    }
    :scope .xs\:hidden {
        display: none;
    }
    :scope .xs\:max-w-110 {
        max-width: 27.5rem;
    }
    :scope .xs\:auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr);
    }
    :scope .xs\:flex-row {
        flex-direction: row;
    }
    :scope .xs\:flex-col {
        flex-direction: column;
    }
    :scope .xs\:justify-center {
        justify-content: center;
    }
    :scope .xs\:justify-between {
        justify-content: space-between;
    }
    :scope .xs\:gap-8 {
        gap: 2rem;
    }
    :scope .xs\:pl-8 {
        padding-left: 2rem;
    }
    :scope .xs\:text-center {
        text-align: center;
    }
    :scope .xs\:prop-size-14 {
        --gds-prop-size: 3.5rem;
        --gds-prop-polyfill-size: 0px;
    }
    :scope .xs\:\[--transition-opacity-from\:0\%\] {
        --transition-opacity-from: 0%;
    }
    :scope .xs\:\[--transition-scale-from\:0\.95\] {
        --transition-scale-from: 0.95;
    }
    :scope .xs\:\[--transition-translate-from\:0\] {
        --transition-translate-from: 0;
    }
    :scope .xs\:\[--transition-translate-to\:0\] {
        --transition-translate-to: 0;
    }
    :scope :is(html :where(.-\:xs\:default-variant-dialog)) {
        --gds-default-variant: gds-dialog;
        --gds-default-polyfill-variant: 35px;
    }
    :scope :is(html :where(.-\:xs\:prop-padding-6)) {
        --gds-prop-padding: 1.5rem;
    }
    :scope .xs\:group-hocus-visible-within\/card\:-translate-y-2:is(.group\/card:is(:is(:hover, :has(:focus-visible))) *) {
        --tw-translate-y: -0.5rem;
        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));
    }
}

@container modal style(--gds-modal-variant: gds-drawer) {
    @media (min-width: 512px) {
        :scope .\@prop-variant-drawer\/modal\:xs\:w-\[min\(var\(--gds-modal-max-width\)\2c 100vw\)\] {
            width: min(var(--gds-modal-max-width),100vw);
        }
    }

    /*__not_new
 */
}

@supports (not (view-transition-name: none)) or (-moz-orient: inline) {
    @media (min-width: 512px) {
        :scope .\@prop-variant-drawer\/modal\:xs\:w-\[min\(var\(--gds-modal-max-width\)\2c 100vw\)\]:where(.gds-modal[data-prop-polyfill-variant=drawer] *) {
            width: min(var(--gds-modal-max-width),100vw);
        }
    }

    /*__not_new
 */
}

@media (min-width: 640px) {
    :scope .sm\:mb-10 {
        margin-bottom: 2.5rem;
    }
    :scope .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :scope .sm\:prop-size-medium {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }
    :scope .sm\:prop-size-small {
        --gds-prop-size: gds-small;
        --gds-prop-polyfill-size: 3px;
    }
    :scope .sm\:prop-variant-secondary {
        --gds-prop-variant: gds-secondary;
        --gds-prop-polyfill-variant: 2px;
    }
    :scope .sm\:prop-orientation-horizontal {
        --gds-prop-orientation: gds-horizontal;
        --gds-prop-polyfill-orientation: 1px;
    }
    :scope .sm\:prop-full-width-false {
        --gds-prop-full-width: gds-false;
        --gds-prop-polyfill-full-width: 1px;
    }
}

@media (min-width: 768px) {
    :scope .md\:inline {
        display: inline;
    }
    :scope .md\:grid {
        display: grid;
    }
    :scope .md\:hidden {
        display: none;
    }
    :scope .md\:grid-flow-col {
        grid-auto-flow: column;
    }
    :scope .md\:px-\[100px\] {
        padding-left: 100px;
        padding-right: 100px;
    }
    :scope .md\:prop-hide-label-false {
        --gds-prop-hide-label: gds-false;
        --gds-prop-polyfill-hide-label: 1px;
    }
    :scope .md\:\[--gds-container-padding\:var\(--padding-desktop\)\] {
        --gds-container-padding: var(--padding-desktop);
    }
    :scope :is(.md\:\*\:\[--gds-container-padding-parent\:var\(--padding-desktop\)\] > *) {
        --gds-container-padding-parent: var(--padding-desktop);
    }
    :scope :is(.md\:nested-icon\:hidden .gds-icon) {
        display: none;
    }
}

@media (min-width: 1024px) {
    :scope .lg\:flex {
        display: flex;
    }
    :scope .lg\:hidden {
        display: none;
    }
    :scope .lg\:flex-row {
        flex-direction: row;
    }
    :scope .lg\:items-baseline {
        align-items: baseline;
    }
    :scope .lg\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    :scope .lg\:prop-size-large {
        --gds-prop-size: gds-large;
        --gds-prop-polyfill-size: 5px;
    }
    :scope .lg\:prop-size-medium {
        --gds-prop-size: gds-medium;
        --gds-prop-polyfill-size: 4px;
    }
    :scope .lg\:prop-variant-danger {
        --gds-prop-variant: gds-danger;
        --gds-prop-polyfill-variant: 5px;
    }
    :scope .lg\:prop-variant-inverse {
        --gds-prop-variant: gds-inverse;
        --gds-prop-polyfill-variant: 4px;
    }
    :scope .lg\:prop-variant-naked {
        --gds-prop-variant: gds-naked;
        --gds-prop-polyfill-variant: 6px;
    }
    :scope :is(html :where(.-\:lg\:default-layout-full)) {
        --gds-default-layout: gds-full;
        --gds-default-polyfill-layout: 2px;
    }
}

@media (min-width: 1280px) {
    :scope .xl\:prop-display-format-full {
        --gds-prop-display-format: gds-full;
        --gds-prop-polyfill-display-format: 2px;
    }
}

:scope .rtl\:-scale-x-100:where([dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: -1;
    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));
}

:scope .rtl\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
}

:scope .\+\:rtl\:\!left-auto:where([dir="rtl"], [dir="rtl"] *):is(:is(:scope, #i) *) {
    left: auto !important;
}

:scope .\+\:rtl\:\!right-0:where([dir="rtl"], [dir="rtl"] *):is(:is(:scope, #i) *) {
    right: 0rem !important;
}

:scope :is(:not([inert])>.\[\:not\(\[inert\]\)\>\&\]\:absolute) {
    position: absolute;
}
