/* v1.13.1 */
*, ::before, ::after, ::backdrop {
    --container-mode-1-height-2xl: 720px;
    --container-mode-1-height-2xs: 160px;
    --container-mode-1-height-3xl: 800px;
    --container-mode-1-height-lg: 560px;
    --container-mode-1-height-md: 480px;
    --container-mode-1-height-sm: 320px;
    --container-mode-1-height-xl: 640px;
    --container-mode-1-height-xs: 240px;
    --container-mode-1-width-2xl: 672px;
    --container-mode-1-width-2xs: 288px;
    --container-mode-1-width-3xl: 768px;
    --container-mode-1-width-3xs: 288px;
    --container-mode-1-width-4xl: 896px;
    --container-mode-1-width-5xl: 1024px;
    --container-mode-1-width-lg: 512px;
    --container-mode-1-width-md: 448px;
    --container-mode-1-width-sm: 384px;
    --container-mode-1-width-xl: 576px;
    --container-mode-1-width-xs: 320px;
    --dimension-border-0: 0;
    --dimension-border-1: 1px;
    --dimension-border-2: 2px;
    --dimension-border-4: 4px;
    --dimension-border-default: var(--dimension-border-1);
    --dimension-border-interactive: var(--dimension-border-2);
    --dimension-border-none: var(--dimension-border-0);
    --dimension-rounded-0: 0;
    --dimension-rounded-12: 12px;
    --dimension-rounded-16: 16px;
    --dimension-rounded-2: 2px;
    --dimension-rounded-20: 20px;
    --dimension-rounded-24: 24px;
    --dimension-rounded-32: 32px;
    --dimension-rounded-4: 4px;
    --dimension-rounded-6: 6px;
    --dimension-rounded-8: 8px;
    --dimension-rounded-full: 9999px;
    --dimension-space-0: 0;
    --dimension-space-1: 1px;
    --dimension-space-10: 10px;
    --dimension-space-104: 104px;
    --dimension-space-112: 112px;
    --dimension-space-12: 12px;
    --dimension-space-120: 120px;
    --dimension-space-128: 128px;
    --dimension-space-136: 136px;
    --dimension-space-14: 14px;
    --dimension-space-144: 144px;
    --dimension-space-152: 152px;
    --dimension-space-16: 16px;
    --dimension-space-160: 160px;
    --dimension-space-18: 18px;
    --dimension-space-2: 2px;
    --dimension-space-20: 20px;
    --dimension-space-24: 24px;
    --dimension-space-28: 28px;
    --dimension-space-32: 32px;
    --dimension-space-36: 36px;
    --dimension-space-4: 4px;
    --dimension-space-40: 40px;
    --dimension-space-48: 48px;
    --dimension-space-56: 56px;
    --dimension-space-6: 6px;
    --dimension-space-64: 64px;
    --dimension-space-72: 72px;
    --dimension-space-8: 8px;
    --dimension-space-80: 80px;
    --dimension-space-88: 88px;
    --dimension-space-96: 96px;
    --dimension-space-neg12: -12px;
    --dimension-space-neg2: -2px;
    --dimension-space-neg4: -4px;
    --effect-opacity-0: 0;
    --effect-opacity-100: 1;
    --effect-opacity-20: 0.2;
    --effect-opacity-40: 0.4;
    --effect-opacity-60: 0.6;
    --effect-opacity-80: 0.8;
    --effect-opacity-disabled: var(--effect-opacity-60);
    --effect-opacity-transparent: var(--effect-opacity-0);
    --effect-shadow-100-layer-1-blur: var(--dimension-space-2);
    --effect-shadow-100-layer-1-spread: var(--dimension-space-0);
    --effect-shadow-100-layer-1-x: var(--dimension-space-0);
    --effect-shadow-100-layer-1-y: var(--dimension-space-1);
    --effect-shadow-100-layer-2-blur: var(--dimension-space-0);
    --effect-shadow-100-layer-2-spread: var(--dimension-space-0);
    --effect-shadow-100-layer-2-x: var(--dimension-space-0);
    --effect-shadow-100-layer-2-y: var(--dimension-space-0);
    --effect-shadow-200-layer-1-blur: var(--dimension-space-8);
    --effect-shadow-200-layer-1-spread: var(--dimension-space-neg4);
    --effect-shadow-200-layer-1-x: var(--dimension-space-0);
    --effect-shadow-200-layer-1-y: var(--dimension-space-4);
    --effect-shadow-200-layer-2-blur: var(--dimension-space-4);
    --effect-shadow-200-layer-2-spread: var(--dimension-space-neg2);
    --effect-shadow-200-layer-2-x: var(--dimension-space-0);
    --effect-shadow-200-layer-2-y: var(--dimension-space-2);
    --effect-shadow-300-layer-1-blur: var(--dimension-space-16);
    --effect-shadow-300-layer-1-spread: var(--dimension-space-neg4);
    --effect-shadow-300-layer-1-x: var(--dimension-space-0);
    --effect-shadow-300-layer-1-y: var(--dimension-space-12);
    --effect-shadow-300-layer-2-blur: var(--dimension-space-8);
    --effect-shadow-300-layer-2-spread: var(--dimension-space-neg2);
    --effect-shadow-300-layer-2-x: var(--dimension-space-0);
    --effect-shadow-300-layer-2-y: var(--dimension-space-4);
    --effect-shadow-400-layer-1-blur: var(--dimension-space-24);
    --effect-shadow-400-layer-1-spread: var(--dimension-space-neg4);
    --effect-shadow-400-layer-1-x: var(--dimension-space-0);
    --effect-shadow-400-layer-1-y: var(--dimension-space-20);
    --effect-shadow-400-layer-2-blur: var(--dimension-space-8);
    --effect-shadow-400-layer-2-spread: var(--dimension-space-neg4);
    --effect-shadow-400-layer-2-x: var(--dimension-space-0);
    --effect-shadow-400-layer-2-y: var(--dimension-space-8);
    --effect-shadow-500-layer-1-blur: var(--dimension-space-48);
    --effect-shadow-500-layer-1-spread: var(--dimension-space-neg12);
    --effect-shadow-500-layer-1-x: var(--dimension-space-0);
    --effect-shadow-500-layer-1-y: var(--dimension-space-24);
    --effect-shadow-500-layer-2-blur: var(--dimension-space-0);
    --effect-shadow-500-layer-2-spread: var(--dimension-space-0);
    --effect-shadow-500-layer-2-x: var(--dimension-space-0);
    --effect-shadow-500-layer-2-y: var(--dimension-space-0);
    --effect-shadow-600-layer-1-blur: var(--dimension-space-64);
    --effect-shadow-600-layer-1-spread: var(--dimension-space-neg12);
    --effect-shadow-600-layer-1-x: var(--dimension-space-0);
    --effect-shadow-600-layer-1-y: var(--dimension-space-32);
    --effect-shadow-600-layer-2-blur: var(--dimension-space-0);
    --effect-shadow-600-layer-2-spread: var(--dimension-space-0);
    --effect-shadow-600-layer-2-x: var(--dimension-space-0);
    --effect-shadow-600-layer-2-y: var(--dimension-space-0);
    --scale-mode-1-2xl-gap: var(--dimension-space-16);
    --scale-mode-1-2xl-height: var(--dimension-space-64);
    --scale-mode-1-2xl-icon-size: var(--dimension-space-24);
    --scale-mode-1-2xl-padding: var(--dimension-space-20);
    --scale-mode-1-2xl-radius: var(--dimension-rounded-12);
    --scale-mode-1-2xl-width: var(--dimension-space-64);
    --scale-mode-1-2xs-gap: var(--dimension-space-2);
    --scale-mode-1-2xs-height: var(--dimension-space-16);
    --scale-mode-1-2xs-icon-size: var(--dimension-space-10);
    --scale-mode-1-2xs-padding: var(--dimension-space-4);
    --scale-mode-1-2xs-radius: var(--dimension-rounded-2);
    --scale-mode-1-2xs-width: var(--dimension-space-16);
    --scale-mode-1-3xs-gap: var(--dimension-space-2);
    --scale-mode-1-3xs-height: var(--dimension-space-8);
    --scale-mode-1-3xs-icon-size: var(--dimension-space-8);
    --scale-mode-1-3xs-padding: var(--dimension-space-2);
    --scale-mode-1-3xs-radius: var(--dimension-rounded-2);
    --scale-mode-1-3xs-width: var(--dimension-space-8);
    --scale-mode-1-lg-gap: var(--dimension-space-8);
    --scale-mode-1-lg-height: var(--dimension-space-48);
    --scale-mode-1-lg-icon-size: var(--dimension-space-20);
    --scale-mode-1-lg-padding: var(--dimension-space-12);
    --scale-mode-1-lg-radius: var(--dimension-rounded-8);
    --scale-mode-1-lg-width: var(--dimension-space-48);
    --scale-mode-1-md-gap: var(--dimension-space-8);
    --scale-mode-1-md-height: var(--dimension-space-40);
    --scale-mode-1-md-icon-size: var(--dimension-space-20);
    --scale-mode-1-md-padding: var(--dimension-space-10);
    --scale-mode-1-md-radius: var(--dimension-rounded-8);
    --scale-mode-1-md-width: var(--dimension-space-40);
    --scale-mode-1-sm-gap: var(--dimension-space-6);
    --scale-mode-1-sm-height: var(--dimension-space-32);
    --scale-mode-1-sm-icon-size: var(--dimension-space-16);
    --scale-mode-1-sm-padding: var(--dimension-space-8);
    --scale-mode-1-sm-radius: var(--dimension-rounded-4);
    --scale-mode-1-sm-width: var(--dimension-space-32);
    --scale-mode-1-xl-gap: var(--dimension-space-12);
    --scale-mode-1-xl-height: var(--dimension-space-56);
    --scale-mode-1-xl-icon-size: var(--dimension-space-20);
    --scale-mode-1-xl-padding: var(--dimension-space-16);
    --scale-mode-1-xl-radius: var(--dimension-rounded-8);
    --scale-mode-1-xl-width: var(--dimension-space-56);
    --scale-mode-1-xs-gap: var(--dimension-space-4);
    --scale-mode-1-xs-height: var(--dimension-space-24);
    --scale-mode-1-xs-icon-size: var(--dimension-space-12);
    --scale-mode-1-xs-padding: var(--dimension-space-6);
    --scale-mode-1-xs-radius: var(--dimension-rounded-4);
    --scale-mode-1-xs-width: var(--dimension-space-24);
    --text-body-100-font-family: var(--text-font-family-primary);
    --text-body-100-font-size: var(--dimension-text-10);
    --text-body-100-font-weight: var(--text-font-weight-regular);
    --text-body-100-line-height: var(--dimension-space-12);
    --text-body-200-font-family: var(--text-font-family-primary);
    --text-body-200-font-size: var(--dimension-text-12);
    --text-body-200-font-weight: var(--text-font-weight-regular);
    --text-body-200-line-height: var(--dimension-space-16);
    --text-body-300-font-family: var(--text-font-family-primary);
    --text-body-300-font-size: var(--dimension-text-14);
    --text-body-300-font-weight: var(--text-font-weight-regular);
    --text-body-300-line-height: var(--dimension-space-20);
    --text-body-400-font-family: var(--text-font-family-primary);
    --text-body-400-font-size: var(--dimension-text-16);
    --text-body-400-font-weight: var(--text-font-weight-regular);
    --text-body-400-line-height: var(--dimension-space-24);
    --text-body-500-font-family: var(--text-font-family-primary);
    --text-body-500-font-size: var(--dimension-text-18);
    --text-body-500-font-weight: var(--text-font-weight-regular);
    --text-body-500-line-height: var(--dimension-space-28);
    --text-font-family-primary: "DM Sans";
    --text-font-family-secondary: "Space Grotesk";
    --text-font-family-tertiary: "DM Serif Display";
    --text-heading-100-font-family: var(--text-font-family-primary);
    --text-heading-100-font-size: var(--dimension-text-18);
    --text-heading-100-font-weight: var(--text-font-weight-bold);
    --text-heading-100-line-height: var(--dimension-space-28);
    --text-heading-200-font-family: var(--text-font-family-primary);
    --text-heading-200-font-size: var(--dimension-text-24);
    --text-heading-200-font-weight: var(--text-font-weight-bold);
    --text-heading-200-line-height: var(--dimension-space-32);
    --text-heading-300-font-family: var(--text-font-family-secondary);
    --text-heading-300-font-size: var(--dimension-text-36);
    --text-heading-300-font-weight: var(--text-font-weight-bold);
    --text-heading-300-line-height: var(--dimension-space-40);
    --text-heading-400-font-family: var(--text-font-family-secondary);
    --text-heading-400-font-size: var(--dimension-text-48);
    --text-heading-400-font-weight: var(--text-font-weight-bold);
    --text-heading-400-line-height: var(--dimension-space-56);
    --text-heading-500-font-family: var(--text-font-family-secondary);
    --text-heading-500-font-size: var(--dimension-text-72);
    --text-heading-500-font-weight: var(--text-font-weight-bold);
    --text-heading-500-line-height: var(--dimension-space-80);
}

.light-theme, :root.light-theme, .light-theme *::backdrop, .light-theme *::before, .light-theme *::after {
    --color-chichi-1: 255 252 252;
    --color-chichi-10: 241 64 89;
    --color-chichi-11: 209 21 64;
    --color-chichi-12: 104 17 31;
    --color-chichi-2: 255 247 247;
    --color-chichi-3: 255 234 234;
    --color-chichi-4: 255 219 219;
    --color-chichi-5: 255 205 205;
    --color-chichi-6: 253 189 190;
    --color-chichi-7: 245 170 171;
    --color-chichi-8: 236 143 146;
    --color-chichi-9: 255 78 100;
    --color-frieza-1: 252 252 255;
    --color-frieza-10: 79 29 189;
    --color-frieza-11: 99 70 209;
    --color-frieza-12: 48 33 106;
    --color-frieza-2: 248 248 255;
    --color-frieza-3: 241 241 255;
    --color-frieza-4: 230 229 255;
    --color-frieza-5: 219 217 255;
    --color-frieza-6: 205 202 255;
    --color-frieza-7: 186 181 255;
    --color-frieza-8: 161 152 254;
    --color-frieza-9: 92 51 207;
    --color-krillin-1: 254 253 251;
    --color-krillin-10: 255 181 30;
    --color-krillin-11: 164 105 0;
    --color-krillin-12: 73 56 29;
    --color-krillin-2: 255 249 233;
    --color-krillin-3: 255 240 198;
    --color-krillin-4: 255 230 174;
    --color-krillin-5: 255 219 145;
    --color-krillin-6: 255 205 118;
    --color-krillin-7: 243 188 102;
    --color-krillin-8: 226 163 55;
    --color-krillin-9: 255 179 25;
    --color-nappa-1: 254 253 252;
    --color-nappa-10: 99 71 66;
    --color-nappa-11: 122 92 87;
    --color-nappa-12: 49 40 38;
    --color-nappa-2: 252 248 248;
    --color-nappa-3: 246 238 236;
    --color-nappa-4: 241 228 226;
    --color-nappa-5: 236 219 216;
    --color-nappa-6: 231 208 203;
    --color-nappa-7: 224 193 187;
    --color-nappa-8: 210 169 162;
    --color-nappa-9: 114 85 80;
    --color-neutral-1: 255 255 255;
    --color-neutral-10: 135 128 125;
    --color-neutral-11: 126 117 114;
    --color-neutral-12: 0 0 0;
    --color-neutral-2: 249 247 246;
    --color-neutral-3: 249 247 246;
    --color-neutral-4: 236 234 233;
    --color-neutral-5: 230 228 227;
    --color-neutral-6: 224 224 224;
    --color-neutral-7: 198 195 194;
    --color-neutral-8: 170 167 165;
    --color-neutral-9: 145 139 137;
    --color-neutral-alpha-0: 255 255 255 / 0;
    --color-neutral-alpha-56: 0 0 0 / 0.56;
    --color-neutral-alpha-8: 0 0 0 / 0.08;
    --color-neutral-black: 0 0 0;
    --color-neutral-shadow-0: 0 0 0 / 0;
    --color-neutral-shadow-100: 0 0 0 / 0.04;
    --color-neutral-shadow-200: 0 0 0 / 0.06;
    --color-neutral-shadow-300: 0 0 0 / 0.08;
    --color-neutral-shadow-400: 0 0 0 / 0.1;
    --color-neutral-shadow-500: 0 0 0 / 0.16;
    --color-neutral-white: 255 255 255;
    --color-piccolo-1: 254 252 251;
    --color-piccolo-10: 225 79 0;
    --color-piccolo-11: 214 68 0;
    --color-piccolo-12: 89 44 27;
    --color-piccolo-2: 255 245 241;
    --color-piccolo-3: 255 234 223;
    --color-piccolo-4: 255 215 196;
    --color-piccolo-5: 255 201 177;
    --color-piccolo-6: 255 185 155;
    --color-piccolo-7: 254 166 134;
    --color-piccolo-8: 243 141 104;
    --color-piccolo-9: 242 89 13;
    --color-piccolo-alpha-12: 242 89 13 / 0.12;
    --color-raditz-1: 254 253 252;
    --color-raditz-10: 163 117 68;
    --color-raditz-11: 132 95 57;
    --color-raditz-12: 62 52 42;
    --color-raditz-2: 253 249 244;
    --color-raditz-3: 249 238 228;
    --color-raditz-4: 245 228 212;
    --color-raditz-5: 240 217 195;
    --color-raditz-6: 233 204 176;
    --color-raditz-7: 224 187 152;
    --color-raditz-8: 210 163 115;
    --color-raditz-9: 179 128 74;
    --color-roshi-1: 251 254 251;
    --color-roshi-10: 64 166 77;
    --color-roshi-11: 32 128 49;
    --color-roshi-12: 31 61 33;
    --color-roshi-2: 245 251 245;
    --color-roshi-3: 232 247 232;
    --color-roshi-4: 217 241 217;
    --color-roshi-5: 198 234 199;
    --color-roshi-6: 175 223 177;
    --color-roshi-7: 144 208 148;
    --color-roshi-8: 97 187 105;
    --color-roshi-9: 73 179 86;
    --color-whis-1: 253 253 254;
    --color-whis-10: 44 63 208;
    --color-whis-11: 55 80 225;
    --color-whis-12: 27 42 103;
    --color-whis-2: 246 249 255;
    --color-whis-3: 236 242 255;
    --color-whis-4: 222 233 255;
    --color-whis-5: 205 222 255;
    --color-whis-6: 186 208 255;
    --color-whis-7: 163 189 255;
    --color-whis-8: 131 162 255;
    --color-whis-9: 52 72 240;
    --effect-shadow-100-layer-1-color: rgb(var(--color-neutral-shadow-200));
    --effect-shadow-100-layer-2-color: rgb(var(--color-neutral-shadow-0));
    --effect-shadow-200-layer-1-color: rgb(var(--color-neutral-shadow-400));
    --effect-shadow-200-layer-2-color: rgb(var(--color-neutral-shadow-100));
    --effect-shadow-300-layer-1-color: rgb(var(--color-neutral-shadow-300));
    --effect-shadow-300-layer-2-color: rgb(var(--color-neutral-shadow-100));
    --effect-shadow-400-layer-1-color: rgb(var(--color-neutral-shadow-300));
    --effect-shadow-400-layer-2-color: rgb(var(--color-neutral-shadow-100));
    --effect-shadow-500-layer-1-color: rgb(var(--color-neutral-shadow-500));
    --effect-shadow-500-layer-2-color: rgb(var(--color-neutral-shadow-0));
    --effect-shadow-600-layer-1-color: rgb(var(--color-neutral-shadow-500));
    --effect-shadow-600-layer-2-color: rgb(var(--color-neutral-shadow-0));
    --scale-mode-1-2xl-text-font: var(--text-font-family-primary);
    --scale-mode-1-2xl-text-height: var(--text-body-500-line-height);
    --scale-mode-1-2xl-text-size: var(--text-body-500-font-size);
    --scale-mode-1-2xl-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-2xs-text-font: var(--text-font-family-primary);
    --scale-mode-1-2xs-text-height: var(--text-body-100-line-height);
    --scale-mode-1-2xs-text-size: var(--text-body-100-font-size);
    --scale-mode-1-2xs-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-3xs-text-font: var(--text-font-family-primary);
    --scale-mode-1-3xs-text-height: var(--text-body-100-line-height);
    --scale-mode-1-3xs-text-size: var(--text-body-100-font-size);
    --scale-mode-1-3xs-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-lg-text-font: var(--text-font-family-primary);
    --scale-mode-1-lg-text-height: var(--text-body-400-line-height);
    --scale-mode-1-lg-text-size: var(--text-body-400-font-size);
    --scale-mode-1-lg-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-md-text-font: var(--text-font-family-primary);
    --scale-mode-1-md-text-height: var(--text-body-300-line-height);
    --scale-mode-1-md-text-size: var(--text-body-300-font-size);
    --scale-mode-1-md-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-sm-text-font: var(--text-font-family-primary);
    --scale-mode-1-sm-text-height: var(--text-body-300-line-height);
    --scale-mode-1-sm-text-size: var(--text-body-300-font-size);
    --scale-mode-1-sm-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-xl-text-font: var(--text-font-family-primary);
    --scale-mode-1-xl-text-height: var(--text-body-400-line-height);
    --scale-mode-1-xl-text-size: var(--text-body-400-font-size);
    --scale-mode-1-xl-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-xs-text-font: var(--text-font-family-primary);
    --scale-mode-1-xs-text-height: var(--text-body-200-line-height);
    --scale-mode-1-xs-text-size: var(--text-body-200-font-size);
    --scale-mode-1-xs-text-weight: var(--text-font-weight-medium);
    --semantic-background-active: rgb(var(--color-whis-9));
    --semantic-background-active-subtle: rgb(var(--color-whis-4));
    --semantic-background-backdrop: rgb(var(--color-neutral-alpha-56));
    --semantic-background-brand: rgb(var(--color-piccolo-9));
    --semantic-background-brand-alpha: rgb(var(--color-piccolo-alpha-12));
    --semantic-background-brand-subtle: rgb(var(--color-piccolo-3));
    --semantic-background-caution: rgb(var(--color-krillin-9));
    --semantic-background-caution-subtle: rgb(var(--color-krillin-4));
    --semantic-background-discovery: rgb(var(--color-frieza-9));
    --semantic-background-discovery-subtle: rgb(var(--color-frieza-3));
    --semantic-background-hover: rgb(var(--color-neutral-alpha-8));
    --semantic-background-info: rgb(var(--color-whis-9));
    --semantic-background-info-subtle: rgb(var(--color-whis-4));
    --semantic-background-inverse: rgb(var(--color-neutral-12));
    --semantic-background-negative: rgb(var(--color-chichi-9));
    --semantic-background-negative-subtle: rgb(var(--color-chichi-4));
    --semantic-background-neutral: rgb(var(--color-neutral-9));
    --semantic-background-neutral-subtle: rgb(var(--color-neutral-4));
    --semantic-background-positive: rgb(var(--color-roshi-9));
    --semantic-background-positive-subtle: rgb(var(--color-roshi-4));
    --semantic-background-primary: rgb(var(--color-neutral-1));
    --semantic-background-secondary: rgb(var(--color-neutral-2));
    --semantic-background-tertiary: rgb(var(--color-neutral-3));
    --semantic-background-transparent: rgb(var(--color-neutral-alpha-0));
    --semantic-background-ui: rgb(var(--color-neutral-2));
    --semantic-border-active: rgb(var(--color-piccolo-9));
    --semantic-border-brand: rgb(var(--color-piccolo-9));
    --semantic-border-brand-alpha: rgb(var(--color-piccolo-alpha-12));
    --semantic-border-brand-subtle: rgb(var(--color-piccolo-3));
    --semantic-border-caution: rgb(var(--color-krillin-9));
    --semantic-border-discovery: rgb(var(--color-frieza-9));
    --semantic-border-info: rgb(var(--color-whis-9));
    --semantic-border-inverse: rgb(var(--color-neutral-12));
    --semantic-border-negative: rgb(var(--color-chichi-9));
    --semantic-border-positive: rgb(var(--color-roshi-9));
    --semantic-border-primary: rgb(var(--color-neutral-6));
    --semantic-border-secondary: rgb(var(--color-neutral-7));
    --semantic-border-ui: rgb(var(--color-neutral-7));
    --semantic-icon-active: rgb(var(--color-whis-9));
    --semantic-icon-active-subtle: rgb(var(--color-whis-4));
    --semantic-icon-brand: rgb(var(--color-piccolo-9));
    --semantic-icon-brand-strong: rgb(var(--color-piccolo-12));
    --semantic-icon-brand-subtle: rgb(var(--color-piccolo-3));
    --semantic-icon-caution: rgb(var(--color-krillin-9));
    --semantic-icon-caution-strong: rgb(var(--color-krillin-12));
    --semantic-icon-caution-subtle: rgb(var(--color-krillin-4));
    --semantic-icon-discovery: rgb(var(--color-frieza-9));
    --semantic-icon-discovery-strong: rgb(var(--color-whis-12));
    --semantic-icon-discovery-subtle: rgb(var(--color-whis-4));
    --semantic-icon-force-dark: rgb(var(--color-neutral-black));
    --semantic-icon-force-light: rgb(var(--color-neutral-white));
    --semantic-icon-info: rgb(var(--color-whis-9));
    --semantic-icon-info-strong: rgb(var(--color-whis-12));
    --semantic-icon-info-subtle: rgb(var(--color-whis-4));
    --semantic-icon-inverse: rgb(var(--color-neutral-1));
    --semantic-icon-negative: rgb(var(--color-chichi-9));
    --semantic-icon-negative-strong: rgb(var(--color-chichi-12));
    --semantic-icon-negative-subtle: rgb(var(--color-chichi-4));
    --semantic-icon-on-brand: rgb(var(--color-neutral-white));
    --semantic-icon-on-caution: rgb(var(--color-neutral-white));
    --semantic-icon-on-dicovery: rgb(var(--color-neutral-white));
    --semantic-icon-on-info: rgb(var(--color-neutral-white));
    --semantic-icon-on-negative: rgb(var(--color-neutral-white));
    --semantic-icon-on-positive: rgb(var(--color-neutral-white));
    --semantic-icon-on-ui: rgb(var(--color-neutral-12));
    --semantic-icon-positive: rgb(var(--color-roshi-9));
    --semantic-icon-positive-strong: rgb(var(--color-roshi-12));
    --semantic-icon-positive-subtle: rgb(var(--color-roshi-4));
    --semantic-icon-primary: rgb(var(--color-neutral-12));
    --semantic-icon-secondary: rgb(var(--color-neutral-11));
    --semantic-text-active: rgb(var(--color-whis-9));
    --semantic-text-active-subtle: rgb(var(--color-whis-4));
    --semantic-text-brand: rgb(var(--color-piccolo-9));
    --semantic-text-brand-strong: rgb(var(--color-piccolo-12));
    --semantic-text-brand-subtle: rgb(var(--color-piccolo-3));
    --semantic-text-caution: rgb(var(--color-krillin-9));
    --semantic-text-caution-strong: rgb(var(--color-krillin-12));
    --semantic-text-caution-subtle: rgb(var(--color-krillin-4));
    --semantic-text-discovery: rgb(var(--color-frieza-9));
    --semantic-text-discovery-strong: rgb(var(--color-whis-12));
    --semantic-text-discovery-subtle: rgb(var(--color-whis-4));
    --semantic-text-force-dark: rgb(var(--color-neutral-black));
    --semantic-text-force-light: rgb(var(--color-neutral-white));
    --semantic-text-info: rgb(var(--color-whis-9));
    --semantic-text-info-strong: rgb(var(--color-whis-12));
    --semantic-text-info-subtle: rgb(var(--color-whis-4));
    --semantic-text-inverse: rgb(var(--color-neutral-1));
    --semantic-text-link: rgb(var(--color-whis-9));
    --semantic-text-negative: rgb(var(--color-chichi-9));
    --semantic-text-negative-strong: rgb(var(--color-chichi-12));
    --semantic-text-negative-subtle: rgb(var(--color-chichi-4));
    --semantic-text-on-brand: rgb(var(--color-neutral-white));
    --semantic-text-on-caution: rgb(var(--color-neutral-white));
    --semantic-text-on-discovery: rgb(var(--color-neutral-white));
    --semantic-text-on-info: rgb(var(--color-neutral-white));
    --semantic-text-on-negative: rgb(var(--color-neutral-white));
    --semantic-text-on-positive: rgb(var(--color-neutral-white));
    --semantic-text-on-ui: rgb(var(--color-neutral-12));
    --semantic-text-positive: rgb(var(--color-roshi-9));
    --semantic-text-positive-strong: rgb(var(--color-roshi-12));
    --semantic-text-positive-subtle: rgb(var(--color-roshi-4));
    --semantic-text-primary: rgb(var(--color-neutral-12));
    --semantic-text-secondary: rgb(var(--color-neutral-11));
}

.dark-theme, :root.dark-theme, .dark-theme *::backdrop, .dark-theme *::before, .dark-theme *::after {
    --color-chichi-1: 24 14 14;
    --color-chichi-10: 241 64 89;
    --color-chichi-11: 255 142 148;
    --color-chichi-12: 255 208 208;
    --color-chichi-2: 32 19 19;
    --color-chichi-3: 62 15 20;
    --color-chichi-4: 85 6 22;
    --color-chichi-5: 102 12 29;
    --color-chichi-6: 120 27 40;
    --color-chichi-7: 147 41 54;
    --color-chichi-8: 191 54 72;
    --color-chichi-9: 255 78 100;
    --color-frieza-1: 16 15 30;
    --color-frieza-10: 79 29 189;
    --color-frieza-11: 176 167 255;
    --color-frieza-12: 223 221 255;
    --color-frieza-2: 23 21 40;
    --color-frieza-3: 37 30 76;
    --color-frieza-4: 48 34 104;
    --color-frieza-5: 57 43 119;
    --color-frieza-6: 67 54 134;
    --color-frieza-7: 81 67 156;
    --color-frieza-8: 99 82 190;
    --color-frieza-9: 92 51 207;
    --color-krillin-1: 20 16 11;
    --color-krillin-10: 244 168 0;
    --color-krillin-11: 255 191 60;
    --color-krillin-12: 255 228 185;
    --color-krillin-2: 29 23 15;
    --color-krillin-3: 47 32 9;
    --color-krillin-4: 64 39 0;
    --color-krillin-5: 77 48 0;
    --color-krillin-6: 91 62 8;
    --color-krillin-7: 111 80 27;
    --color-krillin-8: 140 102 36;
    --color-krillin-9: 255 179 25;
    --color-nappa-1: 19 16 16;
    --color-nappa-10: 94 73 69;
    --color-nappa-11: 207 174 168;
    --color-nappa-12: 249 229 225;
    --color-nappa-2: 27 24 23;
    --color-nappa-3: 39 33 32;
    --color-nappa-4: 48 40 38;
    --color-nappa-5: 59 47 45;
    --color-nappa-6: 72 56 53;
    --color-nappa-7: 90 69 65;
    --color-nappa-8: 120 90 85;
    --color-nappa-9: 114 85 80;
    --color-neutral-1: 31 35 40;
    --color-neutral-10: 118 122 127;
    --color-neutral-11: 126 117 114;
    --color-neutral-12: 255 255 255;
    --color-neutral-2: 39 43 48;
    --color-neutral-3: 39 43 48;
    --color-neutral-4: 38 42 47;
    --color-neutral-5: 43 47 52;
    --color-neutral-6: 58 61 66;
    --color-neutral-7: 74 78 83;
    --color-neutral-8: 91 95 100;
    --color-neutral-9: 108 112 117;
    --color-neutral-alpha-0: 31 35 40 / 0;
    --color-neutral-alpha-56: 0 0 0 / 0.56;
    --color-neutral-alpha-8: 255 255 255 / 0.08;
    --color-neutral-black: 0 0 0;
    --color-neutral-shadow-0: 0 0 0 / 0;
    --color-neutral-shadow-100: 0 0 0 / 0.16;
    --color-neutral-shadow-200: 0 0 0 / 0.24;
    --color-neutral-shadow-300: 0 0 0 / 0.32;
    --color-neutral-shadow-400: 0 0 0 / 0.4;
    --color-neutral-shadow-500: 0 0 0 / 0.6;
    --color-neutral-white: 255 255 255;
    --color-piccolo-1: 22 15 13;
    --color-piccolo-10: 228 75 0;
    --color-piccolo-11: 255 150 108;
    --color-piccolo-12: 255 215 201;
    --color-piccolo-2: 31 21 17;
    --color-piccolo-3: 55 25 14;
    --color-piccolo-4: 77 25 4;
    --color-piccolo-5: 92 32 7;
    --color-piccolo-6: 108 45 21;
    --color-piccolo-7: 132 61 35;
    --color-piccolo-8: 171 80 45;
    --color-piccolo-9: 242 89 13;
    --color-piccolo-alpha-12: 242 89 13 / 0.12;
    --color-raditz-1: 19 17 14;
    --color-raditz-10: 166 116 62;
    --color-raditz-11: 223 180 137;
    --color-raditz-12: 248 223 198;
    --color-raditz-2: 28 24 21;
    --color-raditz-3: 40 33 27;
    --color-raditz-4: 51 41 31;
    --color-raditz-5: 62 49 36;
    --color-raditz-6: 78 60 42;
    --color-raditz-7: 98 74 50;
    --color-raditz-8: 127 94 61;
    --color-raditz-9: 179 128 74;
    --color-roshi-1: 13 19 13;
    --color-roshi-10: 59 167 74;
    --color-roshi-11: 108 210 118;
    --color-roshi-12: 177 241 203;
    --color-roshi-2: 20 26 20;
    --color-roshi-3: 27 42 27;
    --color-roshi-4: 29 58 31;
    --color-roshi-5: 36 72 39;
    --color-roshi-6: 44 88 48;
    --color-roshi-7: 52 104 56;
    --color-roshi-8: 59 122 65;
    --color-roshi-9: 73 179 86;
    --color-whis-1: 11 16 31;
    --color-whis-10: 42 53 222;
    --color-whis-11: 148 178 255;
    --color-whis-12: 210 225 255;
    --color-whis-2: 16 22 41;
    --color-whis-3: 21 33 82;
    --color-whis-4: 27 42 111;
    --color-whis-5: 34 51 131;
    --color-whis-6: 43 62 149;
    --color-whis-7: 52 74 170;
    --color-whis-8: 61 87 200;
    --color-whis-9: 52 72 240;
    --effect-shadow-100-layer-1-color: rgb(var(--color-neutral-shadow-200));
    --effect-shadow-100-layer-2-color: rgb(var(--color-neutral-shadow-0));
    --effect-shadow-200-layer-1-color: rgb(var(--color-neutral-shadow-400));
    --effect-shadow-200-layer-2-color: rgb(var(--color-neutral-shadow-100));
    --effect-shadow-300-layer-1-color: rgb(var(--color-neutral-shadow-300));
    --effect-shadow-300-layer-2-color: rgb(var(--color-neutral-shadow-100));
    --effect-shadow-400-layer-1-color: rgb(var(--color-neutral-shadow-300));
    --effect-shadow-400-layer-2-color: rgb(var(--color-neutral-shadow-100));
    --effect-shadow-500-layer-1-color: rgb(var(--color-neutral-shadow-500));
    --effect-shadow-500-layer-2-color: rgb(var(--color-neutral-shadow-0));
    --effect-shadow-600-layer-1-color: rgb(var(--color-neutral-shadow-500));
    --effect-shadow-600-layer-2-color: rgb(var(--color-neutral-shadow-0));
    --scale-mode-1-2xl-text-font: var(--text-font-family-primary);
    --scale-mode-1-2xl-text-height: var(--text-body-500-line-height);
    --scale-mode-1-2xl-text-size: var(--text-body-500-font-size);
    --scale-mode-1-2xl-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-2xs-text-font: var(--text-font-family-primary);
    --scale-mode-1-2xs-text-height: var(--text-body-100-line-height);
    --scale-mode-1-2xs-text-size: var(--text-body-100-font-size);
    --scale-mode-1-2xs-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-3xs-text-font: var(--text-font-family-primary);
    --scale-mode-1-3xs-text-height: var(--text-body-100-line-height);
    --scale-mode-1-3xs-text-size: var(--text-body-100-font-size);
    --scale-mode-1-3xs-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-lg-text-font: var(--text-font-family-primary);
    --scale-mode-1-lg-text-height: var(--text-body-400-line-height);
    --scale-mode-1-lg-text-size: var(--text-body-400-font-size);
    --scale-mode-1-lg-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-md-text-font: var(--text-font-family-primary);
    --scale-mode-1-md-text-height: var(--text-body-300-line-height);
    --scale-mode-1-md-text-size: var(--text-body-300-font-size);
    --scale-mode-1-md-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-sm-text-font: var(--text-font-family-primary);
    --scale-mode-1-sm-text-height: var(--text-body-300-line-height);
    --scale-mode-1-sm-text-size: var(--text-body-300-font-size);
    --scale-mode-1-sm-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-xl-text-font: var(--text-font-family-primary);
    --scale-mode-1-xl-text-height: var(--text-body-400-line-height);
    --scale-mode-1-xl-text-size: var(--text-body-400-font-size);
    --scale-mode-1-xl-text-weight: var(--text-font-weight-medium);
    --scale-mode-1-xs-text-font: var(--text-font-family-primary);
    --scale-mode-1-xs-text-height: var(--text-body-200-line-height);
    --scale-mode-1-xs-text-size: var(--text-body-200-font-size);
    --scale-mode-1-xs-text-weight: var(--text-font-weight-medium);
    --semantic-background-active: rgb(var(--color-whis-9));
    --semantic-background-active-subtle: rgb(var(--color-whis-4));
    --semantic-background-backdrop: rgb(var(--color-neutral-alpha-56));
    --semantic-background-brand: rgb(var(--color-piccolo-9));
    --semantic-background-brand-alpha: rgb(var(--color-piccolo-alpha-12));
    --semantic-background-brand-subtle: rgb(var(--color-piccolo-3));
    --semantic-background-caution: rgb(var(--color-krillin-9));
    --semantic-background-caution-subtle: rgb(var(--color-krillin-4));
    --semantic-background-discovery: rgb(var(--color-frieza-9));
    --semantic-background-discovery-subtle: rgb(var(--color-frieza-3));
    --semantic-background-hover: rgb(var(--color-neutral-alpha-8));
    --semantic-background-info: rgb(var(--color-whis-9));
    --semantic-background-info-subtle: rgb(var(--color-whis-4));
    --semantic-background-inverse: rgb(var(--color-neutral-12));
    --semantic-background-negative: rgb(var(--color-chichi-9));
    --semantic-background-negative-subtle: rgb(var(--color-chichi-4));
    --semantic-background-neutral: rgb(var(--color-neutral-9));
    --semantic-background-neutral-subtle: rgb(var(--color-neutral-4));
    --semantic-background-positive: rgb(var(--color-roshi-9));
    --semantic-background-positive-subtle: rgb(var(--color-roshi-4));
    --semantic-background-primary: rgb(var(--color-neutral-1));
    --semantic-background-secondary: rgb(var(--color-neutral-2));
    --semantic-background-tertiary: rgb(var(--color-neutral-3));
    --semantic-background-transparent: rgb(var(--color-neutral-alpha-0));
    --semantic-background-ui: rgb(var(--color-neutral-2));
    --semantic-border-active: rgb(var(--color-piccolo-9));
    --semantic-border-brand: rgb(var(--color-piccolo-9));
    --semantic-border-brand-alpha: rgb(var(--color-piccolo-alpha-12));
    --semantic-border-brand-subtle: rgb(var(--color-piccolo-3));
    --semantic-border-caution: rgb(var(--color-krillin-9));
    --semantic-border-discovery: rgb(var(--color-frieza-9));
    --semantic-border-info: rgb(var(--color-whis-9));
    --semantic-border-inverse: rgb(var(--color-neutral-12));
    --semantic-border-negative: rgb(var(--color-chichi-9));
    --semantic-border-positive: rgb(var(--color-roshi-9));
    --semantic-border-primary: rgb(var(--color-neutral-6));
    --semantic-border-secondary: rgb(var(--color-neutral-7));
    --semantic-border-ui: rgb(var(--color-neutral-7));
    --semantic-icon-active: rgb(var(--color-whis-9));
    --semantic-icon-active-subtle: rgb(var(--color-whis-4));
    --semantic-icon-brand: rgb(var(--color-piccolo-9));
    --semantic-icon-brand-strong: rgb(var(--color-piccolo-12));
    --semantic-icon-brand-subtle: rgb(var(--color-piccolo-3));
    --semantic-icon-caution: rgb(var(--color-krillin-9));
    --semantic-icon-caution-strong: rgb(var(--color-krillin-12));
    --semantic-icon-caution-subtle: rgb(var(--color-krillin-4));
    --semantic-icon-discovery: rgb(var(--color-frieza-9));
    --semantic-icon-discovery-strong: rgb(var(--color-whis-12));
    --semantic-icon-discovery-subtle: rgb(var(--color-whis-4));
    --semantic-icon-force-dark: rgb(var(--color-neutral-black));
    --semantic-icon-force-light: rgb(var(--color-neutral-white));
    --semantic-icon-info: rgb(var(--color-whis-9));
    --semantic-icon-info-strong: rgb(var(--color-whis-12));
    --semantic-icon-info-subtle: rgb(var(--color-whis-4));
    --semantic-icon-inverse: rgb(var(--color-neutral-1));
    --semantic-icon-negative: rgb(var(--color-chichi-9));
    --semantic-icon-negative-strong: rgb(var(--color-chichi-12));
    --semantic-icon-negative-subtle: rgb(var(--color-chichi-4));
    --semantic-icon-on-brand: rgb(var(--color-neutral-white));
    --semantic-icon-on-caution: rgb(var(--color-neutral-white));
    --semantic-icon-on-dicovery: rgb(var(--color-neutral-white));
    --semantic-icon-on-info: rgb(var(--color-neutral-white));
    --semantic-icon-on-negative: rgb(var(--color-neutral-white));
    --semantic-icon-on-positive: rgb(var(--color-neutral-white));
    --semantic-icon-on-ui: rgb(var(--color-neutral-12));
    --semantic-icon-positive: rgb(var(--color-roshi-9));
    --semantic-icon-positive-strong: rgb(var(--color-roshi-12));
    --semantic-icon-positive-subtle: rgb(var(--color-roshi-4));
    --semantic-icon-primary: rgb(var(--color-neutral-12));
    --semantic-icon-secondary: rgb(var(--color-neutral-11));
    --semantic-text-active: rgb(var(--color-whis-9));
    --semantic-text-active-subtle: rgb(var(--color-whis-4));
    --semantic-text-brand: rgb(var(--color-piccolo-9));
    --semantic-text-brand-strong: rgb(var(--color-piccolo-12));
    --semantic-text-brand-subtle: rgb(var(--color-piccolo-3));
    --semantic-text-caution: rgb(var(--color-krillin-9));
    --semantic-text-caution-strong: rgb(var(--color-krillin-12));
    --semantic-text-caution-subtle: rgb(var(--color-krillin-4));
    --semantic-text-discovery: rgb(var(--color-frieza-9));
    --semantic-text-discovery-strong: rgb(var(--color-whis-12));
    --semantic-text-discovery-subtle: rgb(var(--color-whis-4));
    --semantic-text-force-dark: rgb(var(--color-neutral-black));
    --semantic-text-force-light: rgb(var(--color-neutral-white));
    --semantic-text-info: rgb(var(--color-whis-9));
    --semantic-text-info-strong: rgb(var(--color-whis-12));
    --semantic-text-info-subtle: rgb(var(--color-whis-4));
    --semantic-text-inverse: rgb(var(--color-neutral-1));
    --semantic-text-link: rgb(var(--color-whis-9));
    --semantic-text-negative: rgb(var(--color-chichi-9));
    --semantic-text-negative-strong: rgb(var(--color-chichi-12));
    --semantic-text-negative-subtle: rgb(var(--color-chichi-4));
    --semantic-text-on-brand: rgb(var(--color-neutral-white));
    --semantic-text-on-caution: rgb(var(--color-neutral-white));
    --semantic-text-on-discovery: rgb(var(--color-neutral-white));
    --semantic-text-on-info: rgb(var(--color-neutral-white));
    --semantic-text-on-negative: rgb(var(--color-neutral-white));
    --semantic-text-on-positive: rgb(var(--color-neutral-white));
    --semantic-text-on-ui: rgb(var(--color-neutral-12));
    --semantic-text-positive: rgb(var(--color-roshi-9));
    --semantic-text-positive-strong: rgb(var(--color-roshi-12));
    --semantic-text-positive-subtle: rgb(var(--color-roshi-4));
    --semantic-text-primary: rgb(var(--color-neutral-12));
    --semantic-text-secondary: rgb(var(--color-neutral-11));
}