magnaui 0.1.0

package/dist/styles.css

@@ -0,0 +1,2665 @@
+/* Exact self-hosted font faces from the MagnaUI site. See adjacent OFL notices. */
+@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("./fonts/inter-cyrillic-ext.woff2") format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}
+@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("./fonts/inter-cyrillic.woff2") format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}
+@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("./fonts/inter-greek-ext.woff2") format("woff2");unicode-range:u+1f??}
+@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("./fonts/inter-greek.woff2") format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}
+@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("./fonts/inter-vietnamese.woff2") format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}
+@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("./fonts/inter-latin-ext.woff2") format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}
+@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("./fonts/inter-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
+@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}
+@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./fonts/dm-mono-400-latin-ext.woff2") format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}
+@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./fonts/dm-mono-400-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
+@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url("./fonts/dm-mono-500-latin-ext.woff2") format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}
+@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url("./fonts/dm-mono-500-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
+@font-face{font-family:DM Mono Fallback;src:local("Arial");ascent-override:73.71%;descent-override:23.03%;line-gap-override:0.00%;size-adjust:134.59%}
+
+
+/* Low specificity lets applications replace either family on :root or a subtree. */
+:where(:root) {
+  --font-sans: 'Inter', 'Inter Fallback', sans-serif;
+  --font-dm-mono: 'DM Mono', 'DM Mono Fallback', monospace;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+*, ::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(147 197 253 / 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(147 197 253 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
+
+/* ! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com */
+
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: var(--gray-200); /* 2 */
+}
+
+::before,
+::after {
+  --tw-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
+*/
+
+html,
+:host {
+  line-height: 1.5; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+  -moz-tab-size: 4; /* 3 */
+  tab-size: 4; /* 3 */
+  font-family: var(--font-sans); /* 4 */
+  font-feature-settings: normal; /* 5 */
+  font-variation-settings: normal; /* 6 */
+  -webkit-tap-highlight-color: transparent; /* 7 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+  margin: 0; /* 1 */
+  line-height: inherit; /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+  border-top-width: 1px; /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+  text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family: var(--font-dm-mono); /* 1 */
+  font-feature-settings: normal; /* 2 */
+  font-variation-settings: normal; /* 3 */
+  font-size: 1em; /* 4 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+  border-collapse: collapse; /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-feature-settings: inherit; /* 1 */
+  font-variation-settings: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  font-weight: inherit; /* 1 */
+  line-height: inherit; /* 1 */
+  letter-spacing: inherit; /* 1 */
+  color: inherit; /* 1 */
+  margin: 0; /* 2 */
+  padding: 0; /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+  text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
+  -webkit-appearance: button; /* 1 */
+  background-color: transparent; /* 2 */
+  background-image: none; /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+  outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
+legend {
+  padding: 0;
+}
+
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/*
+Reset default styling for dialogs.
+*/
+
+dialog {
+  padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+  resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::placeholder,
+textarea::placeholder {
+  opacity: 1; /* 1 */
+  color: var(--gray-400); /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+  cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+
+:disabled {
+  cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block; /* 1 */
+  vertical-align: middle; /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+/* Make elements with the HTML hidden attribute stay hidden by default */
+
+[hidden]:where(:not([hidden="until-found"])) {
+  display: none;
+}
+
+:root {
+    --slate-900: #181b25;
+    --slate-800: #222530;
+    --slate-700: #2b303b;
+    --slate-600: #525866;
+    --slate-500: #717784;
+    --slate-400: #99a0ae;
+    --slate-300: #cacfd8;
+    --slate-200: #eaecf0;
+    --slate-100: #f2f5f8;
+    --slate-0: #ffffff;
+    --slate-950: #0e121b;
+    --slate-50: #f5f7fa;
+    --red-950: #681219;
+    --red-900: #8b1822;
+    --red-800: #ad1f2b;
+    --red-700: #d02533;
+    --red-600: #e93544;
+    --red-500: #fb3748;
+    --red-400: #ff6875;
+    --red-300: #ff97a0;
+    --red-200: #ffc0c5;
+    --red-100: #ffd5d8;
+    --red-50: #ffebec;
+    --orange-950: #71330a;
+    --orange-900: #96440d;
+    --orange-800: #b75310;
+    --orange-700: #ce5e12;
+    --orange-600: #e16614;
+    --orange-500: #fa7319;
+    --orange-400: #ffa468;
+    --orange-300: #ffc197;
+    --orange-200: #ffd9c0;
+    --orange-100: #ffe6d5;
+    --orange-50: #fff3eb;
+    --yellow-950: #624c18;
+    --yellow-900: #86661d;
+    --yellow-800: #a78025;
+    --yellow-700: #c99a2c;
+    --yellow-600: #e6a819;
+    --yellow-500: #f6b51e;
+    --yellow-400: #ffd268;
+    --yellow-300: #ffe097;
+    --yellow-200: #ffecc0;
+    --yellow-100: #ffefcc;
+    --yellow-50: #fffaeb;
+    --green-950: #0b4627;
+    --green-900: #16643b;
+    --green-800: #1a7544;
+    --green-700: #178c4e;
+    --green-600: #1daf61;
+    --green-500: #1fc16b;
+    --green-400: #3ee089;
+    --green-300: #84ebb4;
+    --green-200: #c2f5da;
+    --green-100: #d6f5e8;
+    --green-50: #e3f7ec;
+    --teal-950: #0b463e;
+    --teal-900: #16645a;
+    --teal-800: #1a7569;
+    --teal-700: #178c7d;
+    --teal-600: #1daf9c;
+    --teal-500: #22d3bb;
+    --teal-400: #3fdec9;
+    --teal-300: #84ebdd;
+    --teal-200: #c2f5ee;
+    --teal-100: #d0fbf5;
+    --teal-50: #e4fbf8;
+    --sky-950: #124b68;
+    --sky-900: #18658b;
+    --sky-800: #1f7ead;
+    --sky-700: #2597d0;
+    --sky-600: #35ade9;
+    --sky-500: #47c2ff;
+    --sky-400: #68cdff;
+    --sky-300: #97dcff;
+    --sky-200: #c0eaff;
+    --sky-100: #d5f1ff;
+    --sky-50: #ebf8ff;
+    --blue-950: #122368;
+    --blue-900: #182f8b;
+    --blue-800: #1f3bad;
+    --blue-700: #2547d0;
+    --blue-600: #3559e9;
+    --blue-500: #335cff;
+    --blue-400: #4d82ff;
+    --blue-300: #97baff;
+    --blue-200: #c0d5ff;
+    --blue-100: #d5e2ff;
+    --blue-50: #ebf1ff;
+    --purple-950: #351a75;
+    --purple-900: #3d1d86;
+    --purple-800: #4c25a7;
+    --purple-700: #5b2cc9;
+    --purple-600: #693ee0;
+    --purple-500: #7d52f4;
+    --purple-400: #8c71f6;
+    --purple-300: #a897ff;
+    --purple-200: #cac0ff;
+    --purple-100: #dcd5ff;
+    --purple-50: #efebff;
+    --pink-950: #68123d;
+    --pink-900: #8b1852;
+    --pink-800: #ad1f66;
+    --pink-700: #d0257a;
+    --pink-600: #e9358f;
+    --pink-500: #fb4ba3;
+    --pink-400: #ff68b3;
+    --pink-300: #ff97cb;
+    --pink-200: #ffc0df;
+    --pink-100: #ffd5ea;
+    --pink-50: #ffebf4;
+    --alpha-red-alpha-10: #fb37481a;
+    --alpha-orange-alpha-10: #fa73191a;
+    --alpha-green-alpha-10: #1fc16b1a;
+    --alpha-blue-alpha-10: #476cff1a;
+    --alpha-slate-alpha-10: #99a0ae1a;
+    --alpha-red-alpha-16: #fb374829;
+    --alpha-orange-alpha-16: #fa731929;
+    --alpha-green-alpha-16: #1fc16b29;
+    --alpha-blue-alpha-16: #476cff29;
+    --alpha-slate-alpha-16: #99a0ae29;
+    --alpha-pink-alpha-10: #fb4ba31a;
+    --alpha-pink-alpha-16: #fb4ba329;
+    --alpha-teal-alpha-10: #22d3bb1a;
+    --alpha-teal-alpha-16: #22d3bb29;
+    --alpha-sky-alpha-10: #47c2ff1a;
+    --alpha-sky-alpha-16: #47c2ff29;
+    --alpha-purple-alpha-10: #784def1a;
+    --alpha-purple-alpha-16: #784def29;
+    --alpha-yellow-alpha-10: #fbc64b1a;
+    --alpha-yellow-alpha-16: #fbc64b29;
+    --alpha-slate-alpha-24: #99a0ae3d;
+    --alpha-blue-alpha-24: #476cff3d;
+    --alpha-orange-alpha-24: #fa73193d;
+    --alpha-red-alpha-24: #fb37483d;
+    --alpha-green-alpha-24: #1fc16b3d;
+    --alpha-yellow-alpha-24: #fbc64b3d;
+    --alpha-purple-alpha-24: #784def3d;
+    --alpha-sky-alpha-24: #47c2ff3d;
+    --alpha-pink-alpha-24: #fb4ba33d;
+    --alpha-teal-alpha-24: #22d3bb3d;
+    --alpha-white-alpha-24: #ffffff3d;
+    --alpha-white-alpha-16: #ffffff29;
+    --alpha-white-alpha-10: #ffffff1a;
+    --alpha-black-alpha-24: #1717173d;
+    --alpha-black-alpha-16: #17171729;
+    --alpha-black-alpha-10: #1717171a;
+    --gray-950: #171717;
+    --gray-900: #1c1c1c;
+    --gray-800: #262626;
+    --gray-700: #333333;
+    --gray-600: #5c5c5c;
+    --gray-500: #7b7b7b;
+    --gray-400: #a3a3a3;
+    --gray-300: #d1d1d1;
+    --gray-200: #ebebeb;
+    --gray-100: #f5f5f5;
+    --gray-50: #f7f7f7;
+    --gray-0: #ffffff;
+    --alpha-gray-alpha-24: #a3a3a33d;
+    --alpha-gray-alpha-16: #a3a3a329;
+    --alpha-gray-alpha-10: #a3a3a31a;
+    --alpha-shadow-gray-alpha-8: #17171714;
+    --alpha-shadow-gray-alpha-4: #1717170a;
+    --alpha-shadow-gray-alpha-2: #17171705;
+    --alpha-shadow-gray-alpha-6: #1717170f;
+    --alpha-shadow-gray-alpha-0: #17171700;
+    --alpha-white-alpha-0: #ffffff00;
+    --alpha-gray-alpha-0: #a3a3a300;
+    --alpha-shadow-blue-alpha-8: #12236814;
+    --alpha-shadow-blue-alpha-6: #1223680f;
+    --alpha-shadow-blue-alpha-4: #1223680a;
+    --alpha-shadow-blue-alpha-2: #12236805;
+    --alpha-shadow-blue-alpha-0: #12236800;
+    --alpha-shadow-purple-alpha-8: #351a7514;
+    --alpha-shadow-purple-alpha-6: #351a750f;
+    --alpha-shadow-purple-alpha-4: #351a750a;
+    --alpha-shadow-purple-alpha-2: #351a7505;
+    --alpha-shadow-purple-alpha-0: #351a7500;
+    --alpha-shadow-orange-alpha-8: #71330a14;
+    --alpha-shadow-orange-alpha-6: #71330a0f;
+    --alpha-shadow-orange-alpha-4: #71330a0a;
+    --alpha-shadow-orange-alpha-2: #71330a05;
+    --alpha-shadow-orange-alpha-0: #71330a00;
+    --alpha-shadow-green-alpha-8: #0b462714;
+    --alpha-shadow-green-alpha-6: #0b46270f;
+    --alpha-shadow-green-alpha-4: #0b46270a;
+    --alpha-shadow-green-alpha-2: #0b462705;
+    --alpha-shadow-green-alpha-0: #0b462700;
+  }
+
+:root, .light {
+    --static-white: var(--neutral-0);
+    --bg-white-0: var(--neutral-0);
+    --faded-light: var(--neutral-200);
+    --error-base: var(--red-500);
+    --text-strong-950: var(--neutral-950);
+    --stroke-soft-200: var(--neutral-200);
+    --icon-sub-600: var(--neutral-600);
+    --text-sub-600: var(--neutral-600);
+    --error-light: var(--red-200);
+    --icon-strong-950: var(--neutral-950);
+    --icon-soft-400: var(--neutral-400);
+    --faded-base: var(--neutral-500);
+    --error-dark: var(--red-950);
+    --error-lighter: var(--red-50);
+    --warning-dark: var(--orange-950);
+    --warning-base: var(--orange-500);
+    --warning-light: var(--orange-200);
+    --warning-lighter: var(--orange-50);
+    --information-dark: var(--blue-950);
+    --information-base: var(--blue-500);
+    --information-light: var(--blue-200);
+    --information-lighter: var(--blue-50);
+    --success-dark: var(--green-950);
+    --success-base: var(--green-500);
+    --success-light: var(--green-200);
+    --success-lighter: var(--green-50);
+    --away-dark: var(--yellow-950);
+    --away-base: var(--yellow-500);
+    --away-light: var(--yellow-200);
+    --away-lighter: var(--yellow-50);
+    --feature-dark: var(--purple-950);
+    --feature-base: var(--purple-500);
+    --feature-light: var(--purple-200);
+    --feature-lighter: var(--purple-50);
+    --verified-dark: var(--sky-950);
+    --verified-base: var(--sky-500);
+    --verified-light: var(--sky-200);
+    --verified-lighter: var(--sky-50);
+    --highlighted-dark: var(--pink-950);
+    --highlighted-base: var(--pink-500);
+    --highlighted-light: var(--pink-200);
+    --highlighted-lighter: var(--pink-50);
+    --stable-dark: var(--teal-950);
+    --stable-base: var(--teal-500);
+    --stable-light: var(--teal-200);
+    --stable-lighter: var(--teal-50);
+    --faded-dark: var(--neutral-800);
+    --faded-lighter: var(--neutral-100);
+    --bg-weak-50: var(--neutral-50);
+    --text-disabled-300: var(--neutral-300);
+    --icon-disabled-300: var(--neutral-300);
+    --text-white-0: var(--neutral-0);
+    --bg-strong-950: var(--neutral-950);
+    --bg-surface-800: var(--neutral-800);
+    --icon-white-0: var(--neutral-0);
+    --stroke-strong-950: var(--neutral-950);
+    --social-apple: #000000;
+    --social-twitter: #010101;
+    --social-github: #24292f;
+    --static-black: var(--neutral-950);
+    --bg-soft-200: var(--neutral-200);
+    --bg-sub-300: var(--neutral-300);
+    --text-soft-400: var(--neutral-400);
+    --stroke-white-0: var(--neutral-0);
+    --stroke-sub-300: var(--neutral-300);
+    --social-notion: #1e2226;
+    --social-tidal: #000000;
+    --social-amazon: #353e47;
+    --illustration-strong-400: var(--gray-400);
+    --illustration-sub-300: var(--gray-300);
+    --illustration-soft-200: var(--gray-200);
+    --illustration-weak-100: var(--gray-100);
+    --illustration-white-0: var(--gray-0);
+    --social-zendesk: #16140d;
+    --overlay-gray: #3333333d;
+    --overlay-slate: #2b303b3d;
+    --shadow-gray-shadow-8: var(--alpha-shadow-gray-alpha-8);
+    --shadow-gray-shadow-6: var(--alpha-shadow-gray-alpha-6);
+    --shadow-gray-shadow-4: var(--alpha-shadow-gray-alpha-4);
+    --shadow-gray-shadow-2: var(--alpha-shadow-gray-alpha-2);
+    --bg-weak-25: var(--neutral-50);
+    --white-dark: var(--alpha-white-alpha-24);
+    --overlay-white: #ffffff;
+    --overlay-white-0: #ffffff00;
+    --theme-blue-darker: var(--blue-800);
+    --theme-blue-dark: var(--blue-700);
+    --theme-blue-base: var(--blue-500);
+    --theme-blue-alpha-24: var(--alpha-blue-alpha-24);
+    --theme-blue-alpha-16: var(--alpha-blue-alpha-16);
+    --theme-blue-alpha-10: var(--alpha-blue-alpha-10);
+    --theme-purple-darker: var(--purple-800);
+    --theme-purple-dark: var(--purple-700);
+    --theme-purple-base: var(--purple-500);
+    --theme-purple-alpha-24: var(--alpha-purple-alpha-24);
+    --theme-purple-alpha-16: var(--alpha-purple-alpha-16);
+    --theme-purple-alpha-10: var(--alpha-purple-alpha-10);
+    --theme-orange-darker: var(--orange-800);
+    --theme-orange-dark: var(--orange-700);
+    --theme-orange-base: var(--orange-500);
+    --theme-orange-alpha-24: var(--alpha-orange-alpha-24);
+    --theme-orange-alpha-16: var(--alpha-orange-alpha-16);
+    --theme-orange-alpha-10: var(--alpha-orange-alpha-16);
+    --theme-green-darker: var(--green-800);
+    --theme-green-dark: var(--green-700);
+    --theme-green-base: var(--green-600);
+    --theme-green-alpha-24: var(--alpha-green-alpha-24);
+    --theme-green-alpha-16: var(--alpha-green-alpha-16);
+    --theme-green-alpha-10: var(--alpha-green-alpha-10);
+    --shadow-blue-shadow-8: var(--alpha-shadow-blue-alpha-8);
+    --shadow-blue-shadow-6: var(--alpha-shadow-blue-alpha-6);
+    --shadow-blue-shadow-4: var(--alpha-shadow-blue-alpha-4);
+    --shadow-blue-shadow-2: var(--alpha-shadow-blue-alpha-2);
+    --shadow-blue-shadow-0: var(--alpha-shadow-blue-alpha-0);
+    --shadow-gray-shadow-0: var(--alpha-shadow-gray-alpha-0);
+    --shadow-purple-shadow-8: var(--alpha-shadow-purple-alpha-8);
+    --shadow-purple-shadow-6: var(--alpha-shadow-purple-alpha-6);
+    --shadow-purple-shadow-4: var(--alpha-shadow-purple-alpha-4);
+    --shadow-purple-shadow-2: var(--alpha-shadow-purple-alpha-2);
+    --shadow-purple-shadow-0: var(--alpha-shadow-purple-alpha-0);
+    --theme-blue-lighter: var(--blue-50);
+    --theme-purple-lighter: var(--purple-50);
+    --theme-orange-lighter: var(--orange-50);
+    --theme-green-lighter: var(--green-50);
+    --theme-blue-light: var(--blue-100);
+    --theme-purple-light: var(--purple-100);
+    --theme-orange-light: var(--orange-100);
+    --theme-green-light: var(--green-100);
+    --shadow-orange-shadow-8: var(--alpha-shadow-orange-alpha-8);
+    --shadow-orange-shadow-6: var(--alpha-shadow-orange-alpha-6);
+    --shadow-orange-shadow-4: var(--alpha-shadow-orange-alpha-4);
+    --shadow-orange-shadow-2: var(--alpha-shadow-orange-alpha-2);
+    --shadow-orange-shadow-0: var(--alpha-shadow-orange-alpha-0);
+    --shadow-green-shadow-8: var(--alpha-shadow-green-alpha-8);
+    --shadow-green-shadow-6: var(--alpha-shadow-green-alpha-6);
+    --shadow-green-shadow-4: var(--alpha-shadow-green-alpha-4);
+    --shadow-green-shadow-2: var(--alpha-shadow-green-alpha-2);
+    --shadow-green-shadow-0: var(--alpha-shadow-green-alpha-0);
+    --bg-white-0-2: var(--neutral-0);
+    --bg-bg-wedgit: #f7f7f7cc;
+    --bg-bg-wedgit-2: #f7f7f7;
+  }
+
+.dark {
+    --static-white: var(--neutral-0);
+    --bg-white-0: var(--neutral-950);
+    --faded-light: var(--alpha-gray-alpha-24);
+    --error-base: var(--red-600);
+    --text-strong-950: var(--neutral-0);
+    --stroke-soft-200: var(--neutral-800);
+    --icon-sub-600: var(--neutral-400);
+    --text-sub-600: var(--neutral-400);
+    --error-light: var(--alpha-red-alpha-24);
+    --icon-strong-950: var(--neutral-0);
+    --icon-soft-400: var(--neutral-500);
+    --faded-base: var(--neutral-500);
+    --error-dark: var(--red-400);
+    --error-lighter: var(--alpha-red-alpha-16);
+    --warning-dark: var(--orange-400);
+    --warning-base: var(--orange-600);
+    --warning-light: var(--alpha-orange-alpha-24);
+    --warning-lighter: var(--alpha-orange-alpha-16);
+    --information-dark: var(--blue-400);
+    --information-base: var(--blue-500);
+    --information-light: var(--alpha-blue-alpha-24);
+    --information-lighter: var(--alpha-blue-alpha-16);
+    --success-dark: var(--green-400);
+    --success-base: var(--green-600);
+    --success-light: var(--alpha-green-alpha-16);
+    --success-lighter: var(--alpha-green-alpha-10);
+    --away-dark: var(--yellow-400);
+    --away-base: var(--yellow-600);
+    --away-light: var(--alpha-yellow-alpha-24);
+    --away-lighter: var(--alpha-yellow-alpha-16);
+    --feature-dark: var(--purple-400);
+    --feature-base: var(--purple-500);
+    --feature-light: var(--alpha-purple-alpha-24);
+    --feature-lighter: var(--alpha-purple-alpha-16);
+    --verified-dark: var(--sky-400);
+    --verified-base: var(--sky-600);
+    --verified-light: var(--alpha-sky-alpha-24);
+    --verified-lighter: var(--alpha-sky-alpha-16);
+    --highlighted-dark: var(--pink-400);
+    --highlighted-base: var(--pink-600);
+    --highlighted-light: var(--alpha-pink-alpha-24);
+    --highlighted-lighter: var(--alpha-pink-alpha-16);
+    --stable-dark: var(--teal-400);
+    --stable-base: var(--teal-600);
+    --stable-light: var(--alpha-teal-alpha-24);
+    --stable-lighter: var(--alpha-teal-alpha-16);
+    --faded-dark: var(--neutral-300);
+    --faded-lighter: var(--alpha-gray-alpha-10);
+    --bg-weak-50: var(--neutral-800);
+    --text-disabled-300: var(--neutral-600);
+    --icon-disabled-300: var(--neutral-600);
+    --text-white-0: var(--neutral-950);
+    --bg-strong-950: var(--neutral-0);
+    --bg-surface-800: var(--neutral-200);
+    --icon-white-0: var(--neutral-950);
+    --stroke-strong-950: var(--neutral-0);
+    --social-apple: #ffffff;
+    --social-twitter: #ffffff;
+    --social-github: #ffffff;
+    --static-black: var(--neutral-950);
+    --bg-soft-200: var(--neutral-700);
+    --bg-sub-300: var(--neutral-600);
+    --text-soft-400: var(--neutral-500);
+    --stroke-white-0: var(--neutral-950);
+    --stroke-sub-300: var(--neutral-600);
+    --social-notion: #ffffff;
+    --social-tidal: #ffffff;
+    --social-amazon: #ffffff;
+    --illustration-strong-400: var(--gray-600);
+    --illustration-sub-300: var(--gray-700);
+    --illustration-soft-200: var(--gray-800);
+    --illustration-weak-100: var(--gray-900);
+    --illustration-white-0: var(--gray-950);
+    --social-zendesk: #ffffff;
+    --overlay-gray: #3333338f;
+    --overlay-slate: #2b303b8f;
+    --shadow-gray-shadow-8: var(--stroke-soft-200);
+    --shadow-gray-shadow-6: var(--alpha-shadow-gray-alpha-4);
+    --shadow-gray-shadow-4: var(--alpha-shadow-gray-alpha-0);
+    --shadow-gray-shadow-2: var(--alpha-shadow-gray-alpha-0);
+    --bg-weak-25: var(--neutral-900);
+    --white-dark: var(--teal-400);
+    --overlay-white: #171717;
+    --overlay-white-0: #17171700;
+    --theme-blue-darker: var(--blue-800);
+    --theme-blue-dark: var(--blue-700);
+    --theme-blue-base: var(--blue-400);
+    --theme-blue-alpha-24: var(--alpha-blue-alpha-24);
+    --theme-blue-alpha-16: var(--alpha-blue-alpha-16);
+    --theme-blue-alpha-10: var(--alpha-blue-alpha-10);
+    --theme-purple-darker: var(--purple-800);
+    --theme-purple-dark: var(--purple-700);
+    --theme-purple-base: var(--purple-400);
+    --theme-purple-alpha-24: var(--alpha-purple-alpha-24);
+    --theme-purple-alpha-16: var(--alpha-purple-alpha-16);
+    --theme-purple-alpha-10: var(--alpha-purple-alpha-10);
+    --theme-orange-darker: var(--orange-800);
+    --theme-orange-dark: var(--orange-700);
+    --theme-orange-base: var(--orange-500);
+    --theme-orange-alpha-24: var(--alpha-orange-alpha-24);
+    --theme-orange-alpha-16: var(--alpha-orange-alpha-16);
+    --theme-orange-alpha-10: var(--alpha-orange-alpha-10);
+    --theme-green-darker: var(--green-800);
+    --theme-green-dark: var(--green-700);
+    --theme-green-base: var(--green-600);
+    --theme-green-alpha-24: var(--alpha-green-alpha-24);
+    --theme-green-alpha-16: var(--alpha-green-alpha-16);
+    --theme-green-alpha-10: var(--alpha-green-alpha-10);
+    --shadow-blue-shadow-8: var(--alpha-shadow-blue-alpha-8);
+    --shadow-blue-shadow-6: var(--alpha-shadow-blue-alpha-6);
+    --shadow-blue-shadow-4: var(--alpha-shadow-blue-alpha-4);
+    --shadow-blue-shadow-2: var(--alpha-shadow-blue-alpha-2);
+    --shadow-blue-shadow-0: var(--alpha-shadow-blue-alpha-0);
+    --shadow-gray-shadow-0: var(--alpha-shadow-gray-alpha-0);
+    --shadow-purple-shadow-8: var(--alpha-shadow-purple-alpha-8);
+    --shadow-purple-shadow-6: var(--alpha-shadow-purple-alpha-6);
+    --shadow-purple-shadow-4: var(--alpha-shadow-purple-alpha-4);
+    --shadow-purple-shadow-2: var(--alpha-shadow-purple-alpha-2);
+    --shadow-purple-shadow-0: var(--alpha-shadow-purple-alpha-0);
+    --theme-blue-lighter: var(--blue-50);
+    --theme-purple-lighter: var(--purple-50);
+    --theme-orange-lighter: var(--orange-50);
+    --theme-green-lighter: var(--green-50);
+    --theme-blue-light: var(--blue-100);
+    --theme-purple-light: var(--purple-100);
+    --theme-orange-light: var(--orange-100);
+    --theme-green-light: var(--green-100);
+    --shadow-orange-shadow-8: var(--alpha-shadow-orange-alpha-8);
+    --shadow-orange-shadow-6: var(--alpha-shadow-orange-alpha-6);
+    --shadow-orange-shadow-4: var(--alpha-shadow-orange-alpha-4);
+    --shadow-orange-shadow-2: var(--alpha-shadow-orange-alpha-2);
+    --shadow-orange-shadow-0: var(--alpha-shadow-orange-alpha-0);
+    --shadow-green-shadow-8: var(--alpha-shadow-green-alpha-8);
+    --shadow-green-shadow-6: var(--alpha-shadow-green-alpha-6);
+    --shadow-green-shadow-4: var(--alpha-shadow-green-alpha-4);
+    --shadow-green-shadow-2: var(--alpha-shadow-green-alpha-2);
+    --shadow-green-shadow-0: var(--alpha-shadow-green-alpha-0);
+    --bg-white-0-2: var(--neutral-900);
+    --bg-bg-wedgit: #111111cc;
+    --bg-bg-wedgit-2: #111111cc;
+  }
+
+:root {
+    --radius-full: 999px;
+    --radius-10: 10px;
+    --radius-8: 8px;
+    --radius-6: 6px;
+    --radius-12: 12px;
+    --radius-4: 4px;
+    --radius-16: 16px;
+    --radius-20: 20px;
+    --radius-24: 24px;
+    --radius-2: 2px;
+    --radius-0: 0px;
+    --radius-28: 28px;
+  }
+
+:root, [data-accent="blue"] {
+    --primary-base: var(--theme-blue-base);
+    --primary-dark: var(--theme-blue-dark);
+    --alpha-primary-alpha-10: var(--theme-blue-alpha-10);
+    --alpha-primary-alpha-16: var(--theme-blue-alpha-16);
+    --primary-darkest: var(--theme-blue-darker);
+    --alpha-primary-alpha-24: var(--theme-blue-alpha-24);
+    --primary-lighter: var(--theme-blue-lighter);
+    --primary-light: var(--theme-blue-light);
+    --shadow-primary-shadow-8: var(--alpha-shadow-blue-alpha-8);
+    --shadow-primary-shadow-6: var(--alpha-shadow-blue-alpha-6);
+    --shadow-primary-shadow-4: var(--alpha-shadow-blue-alpha-4);
+    --shadow-primary-shadow-2: var(--alpha-shadow-blue-alpha-2);
+    --shadow-primary-shadow-0: var(--alpha-shadow-blue-alpha-0);
+  }
+
+[data-accent="purple"] {
+    --primary-base: var(--theme-purple-base);
+    --primary-dark: var(--theme-purple-dark);
+    --alpha-primary-alpha-10: var(--theme-purple-alpha-10);
+    --alpha-primary-alpha-16: var(--theme-purple-alpha-16);
+    --primary-darkest: var(--theme-purple-darker);
+    --alpha-primary-alpha-24: var(--theme-purple-alpha-24);
+    --primary-lighter: var(--theme-purple-lighter);
+    --primary-light: var(--theme-purple-light);
+    --shadow-primary-shadow-8: var(--alpha-shadow-purple-alpha-8);
+    --shadow-primary-shadow-6: var(--alpha-shadow-purple-alpha-6);
+    --shadow-primary-shadow-4: var(--alpha-shadow-purple-alpha-4);
+    --shadow-primary-shadow-2: var(--alpha-shadow-purple-alpha-2);
+    --shadow-primary-shadow-0: var(--alpha-shadow-purple-alpha-0);
+  }
+
+[data-accent="orange"] {
+    --primary-base: var(--theme-orange-base);
+    --primary-dark: var(--theme-orange-dark);
+    --alpha-primary-alpha-10: var(--theme-orange-alpha-10);
+    --alpha-primary-alpha-16: var(--theme-orange-alpha-16);
+    --primary-darkest: var(--theme-orange-darker);
+    --alpha-primary-alpha-24: var(--theme-orange-alpha-24);
+    --primary-lighter: var(--theme-orange-lighter);
+    --primary-light: var(--theme-orange-light);
+    --shadow-primary-shadow-8: var(--alpha-shadow-orange-alpha-8);
+    --shadow-primary-shadow-6: var(--alpha-shadow-orange-alpha-6);
+    --shadow-primary-shadow-4: var(--alpha-shadow-orange-alpha-4);
+    --shadow-primary-shadow-2: var(--alpha-shadow-orange-alpha-2);
+    --shadow-primary-shadow-0: var(--alpha-shadow-orange-alpha-0);
+  }
+
+[data-accent="green"] {
+    --primary-base: var(--theme-green-base);
+    --primary-dark: var(--theme-green-dark);
+    --alpha-primary-alpha-10: var(--theme-green-alpha-10);
+    --alpha-primary-alpha-16: var(--theme-green-alpha-16);
+    --primary-darkest: var(--theme-green-darker);
+    --alpha-primary-alpha-24: var(--theme-green-alpha-24);
+    --primary-lighter: var(--theme-green-lighter);
+    --primary-light: var(--theme-green-light);
+    --shadow-primary-shadow-8: var(--alpha-shadow-green-alpha-8);
+    --shadow-primary-shadow-6: var(--alpha-shadow-green-alpha-6);
+    --shadow-primary-shadow-4: var(--alpha-shadow-green-alpha-4);
+    --shadow-primary-shadow-2: var(--alpha-shadow-green-alpha-2);
+    --shadow-primary-shadow-0: var(--alpha-shadow-green-alpha-0);
+  }
+
+[data-accent="neutral"] {
+    --primary-base: var(--gray-800);
+    --primary-dark: var(--faded-base);
+    --alpha-primary-alpha-10: var(--theme-green-alpha-10);
+    --alpha-primary-alpha-16: var(--theme-green-alpha-16);
+    --primary-darkest: var(--faded-dark);
+    --alpha-primary-alpha-24: var(--theme-green-alpha-24);
+    --primary-lighter: var(--theme-green-lighter);
+    --primary-light: var(--theme-green-light);
+    --shadow-primary-shadow-8: var(--alpha-shadow-green-alpha-8);
+    --shadow-primary-shadow-6: var(--alpha-shadow-green-alpha-6);
+    --shadow-primary-shadow-4: var(--alpha-shadow-green-alpha-4);
+    --shadow-primary-shadow-2: var(--alpha-shadow-green-alpha-2);
+    --shadow-primary-shadow-0: var(--alpha-shadow-green-alpha-0);
+  }
+
+:root, [data-neutral="gray"] {
+    --neutral-950: var(--gray-950);
+    --neutral-900: var(--gray-900);
+    --neutral-800: var(--gray-800);
+    --neutral-700: var(--gray-700);
+    --neutral-600: var(--gray-600);
+    --neutral-500: var(--gray-500);
+    --neutral-400: var(--gray-400);
+    --neutral-300: var(--gray-300);
+    --neutral-200: var(--gray-200);
+    --neutral-100: var(--gray-100);
+    --neutral-50: var(--gray-50);
+    --neutral-0: var(--gray-0);
+  }
+
+[data-neutral="slate"] {
+    --neutral-950: var(--slate-950);
+    --neutral-900: var(--slate-900);
+    --neutral-800: var(--slate-800);
+    --neutral-700: var(--slate-700);
+    --neutral-600: var(--slate-600);
+    --neutral-500: var(--slate-500);
+    --neutral-400: var(--slate-400);
+    --neutral-300: var(--slate-300);
+    --neutral-200: var(--slate-200);
+    --neutral-100: var(--slate-100);
+    --neutral-50: var(--slate-50);
+    --neutral-0: var(--slate-0);
+  }
+
+:root {
+    --spacing-0: 0px;
+    --spacing-2: 2px;
+    --spacing-4: 4px;
+    --spacing-8: 8px;
+    --spacing-10: 10px;
+    --spacing-6: 6px;
+    --spacing-12: 12px;
+    --spacing-14: 14px;
+    --spacing-16: 16px;
+    --spacing-48: 48px;
+    --spacing-24: 24px;
+    --spacing-32: 32px;
+    --spacing-40: 40px;
+  }
+
+:root, [data-accent] {
+    --primary-darker: var(--primary-dark);
+    --primary-alpha-10: var(--alpha-primary-alpha-10);
+    --primary-alpha-16: var(--alpha-primary-alpha-16);
+    --primary-alpha-24: var(--alpha-primary-alpha-24);
+  }
+
+:root, [data-neutral="gray"] {
+    --neutral-alpha-10: var(--alpha-gray-alpha-10);
+    --neutral-alpha-16: var(--alpha-gray-alpha-16);
+    --neutral-alpha-24: var(--alpha-gray-alpha-24);
+  }
+
+[data-neutral="slate"] {
+    --neutral-alpha-10: var(--alpha-slate-alpha-10);
+    --neutral-alpha-16: var(--alpha-slate-alpha-16);
+    --neutral-alpha-24: var(--alpha-slate-alpha-24);
+  }
+
+:root {
+    --gray-alpha-10: var(--alpha-gray-alpha-10);
+    --gray-alpha-16: var(--alpha-gray-alpha-16);
+    --gray-alpha-24: var(--alpha-gray-alpha-24);
+    --slate-alpha-10: var(--alpha-slate-alpha-10);
+    --slate-alpha-16: var(--alpha-slate-alpha-16);
+    --slate-alpha-24: var(--alpha-slate-alpha-24);
+    --blue-alpha-10: var(--alpha-blue-alpha-10);
+    --blue-alpha-16: var(--alpha-blue-alpha-16);
+    --blue-alpha-24: var(--alpha-blue-alpha-24);
+    --orange-alpha-10: #ff91471a;
+    --orange-alpha-16: #ff914729;
+    --orange-alpha-24: #ff91473d;
+    --red-alpha-10: var(--alpha-red-alpha-10);
+    --red-alpha-16: var(--alpha-red-alpha-16);
+    --red-alpha-24: var(--alpha-red-alpha-24);
+    --green-alpha-10: var(--alpha-green-alpha-10);
+    --green-alpha-16: var(--alpha-green-alpha-16);
+    --green-alpha-24: var(--alpha-green-alpha-24);
+    --yellow-alpha-10: var(--alpha-yellow-alpha-10);
+    --yellow-alpha-16: var(--alpha-yellow-alpha-16);
+    --yellow-alpha-24: var(--alpha-yellow-alpha-24);
+    --purple-alpha-10: var(--alpha-purple-alpha-10);
+    --purple-alpha-16: var(--alpha-purple-alpha-16);
+    --purple-alpha-24: var(--alpha-purple-alpha-24);
+    --sky-alpha-10: var(--alpha-sky-alpha-10);
+    --sky-alpha-16: var(--alpha-sky-alpha-16);
+    --sky-alpha-24: var(--alpha-sky-alpha-24);
+    --pink-alpha-10: var(--alpha-pink-alpha-10);
+    --pink-alpha-16: var(--alpha-pink-alpha-16);
+    --pink-alpha-24: var(--alpha-pink-alpha-24);
+    --teal-alpha-10: var(--alpha-teal-alpha-10);
+    --teal-alpha-16: var(--alpha-teal-alpha-16);
+    --teal-alpha-24: var(--alpha-teal-alpha-24);
+    --white-alpha-10: var(--alpha-white-alpha-10);
+    --white-alpha-16: var(--alpha-white-alpha-16);
+    --white-alpha-24: var(--alpha-white-alpha-24);
+    --black-alpha-10: #0000001a;
+    --black-alpha-16: #00000029;
+    --black-alpha-24: #0000003d;
+    --overlay: var(--overlay-gray);
+  }
+.container{width:100%}
+@media (min-width: 640px){
+.container{max-width:640px}}
+@media (min-width: 768px){
+.container{max-width:768px}}
+@media (min-width: 1024px){
+.container{max-width:1024px}}
+@media (min-width: 1280px){
+.container{max-width:1280px}}
+@media (min-width: 1536px){
+.container{max-width:1536px}}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}
+.pointer-events-none{pointer-events:none}
+.visible{visibility:visible}
+.invisible{visibility:hidden}
+.static{position:static}
+.fixed{position:fixed}
+.absolute{position:absolute}
+.relative{position:relative}
+.inset-0{inset:0px}
+.inset-\[1\.5px\]{inset:1.5px}
+.inset-x-0{left:0px;right:0px}
+.inset-x-0\.5{left:0.125rem;right:0.125rem}
+.inset-y-1{top:0.25rem;bottom:0.25rem}
+.inset-y-px{top:1px;bottom:1px}
+.-bottom-px{bottom:-1px}
+.-right-1{right:-0.25rem}
+.-right-1\.5{right:-0.375rem}
+.-right-2{right:-0.5rem}
+.bottom-0{bottom:0px}
+.bottom-1\.5{bottom:0.375rem}
+.bottom-\[1px\]{bottom:1px}
+.bottom-\[3px\]{bottom:3px}
+.end-3{inset-inline-end:0.75rem}
+.end-\[19px\]{inset-inline-end:19px}
+.left-0{left:0px}
+.left-1\.5{left:0.375rem}
+.right-1\.5{right:0.375rem}
+.right-2{right:0.5rem}
+.right-4{right:1rem}
+.right-\[1px\]{right:1px}
+.start-0\.5{inset-inline-start:0.125rem}
+.start-\[3px\]{inset-inline-start:3px}
+.top-0{top:0px}
+.top-0\.5{top:0.125rem}
+.top-1\/2{top:50%}
+.top-3{top:0.75rem}
+.top-4{top:1rem}
+.top-\[19px\]{top:19px}
+.top-\[3px\]{top:3px}
+.isolate{isolation:isolate}
+.-z-10{z-index:-10}
+.z-0{z-index:0}
+.z-10{z-index:10}
+.z-50{z-index:50}
+.z-\[100\]{z-index:100}
+.z-\[1\]{z-index:1}
+.order-2{order:2}
+.-m-3\.5{margin:-0.875rem}
+.-mx-1{margin-left:-0.25rem;margin-right:-0.25rem}
+.-mx-1\.5{margin-left:-0.375rem;margin-right:-0.375rem}
+.-mx-2{margin-left:-0.5rem;margin-right:-0.5rem}
+.mx-2{margin-left:0.5rem;margin-right:0.5rem}
+.my-1{margin-top:0.25rem;margin-bottom:0.25rem}
+.my-2{margin-top:0.5rem;margin-bottom:0.5rem}
+.-ml-0\.5{margin-left:-0.125rem}
+.-ml-1\.5{margin-left:-0.375rem}
+.-mr-1{margin-right:-0.25rem}
+.-ms-0\.5{margin-inline-start:-0.125rem}
+.mb-\[25px\]{margin-bottom:25px}
+.me-auto{margin-inline-end:auto}
+.ml-0\.5{margin-left:0.125rem}
+.ml-auto{margin-left:auto}
+.mr-1\.5{margin-right:0.375rem}
+.mr-2{margin-right:0.5rem}
+.ms-3{margin-inline-start:0.75rem}
+.ms-auto{margin-inline-start:auto}
+.mt-0\.5{margin-top:0.125rem}
+.mt-1{margin-top:0.25rem}
+.mt-2{margin-top:0.5rem}
+.mt-4{margin-top:1rem}
+.box-content{box-sizing:content-box}
+.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
+.block{display:block}
+.inline-block{display:inline-block}
+.inline{display:inline}
+.flex{display:flex}
+.inline-flex{display:inline-flex}
+.table{display:table}
+.grid{display:grid}
+.hidden{display:none}
+.aspect-square{aspect-ratio:1 / 1}
+.size-1{width:0.25rem;height:0.25rem}
+.size-1\.5{width:0.375rem;height:0.375rem}
+.size-10{width:2.5rem;height:2.5rem}
+.size-12{width:3rem;height:3rem}
+.size-14{width:3.5rem;height:3.5rem}
+.size-16{width:4rem;height:4rem}
+.size-2{width:0.5rem;height:0.5rem}
+.size-2\.5{width:0.625rem;height:0.625rem}
+.size-20{width:5rem;height:5rem}
+.size-3{width:0.75rem;height:0.75rem}
+.size-3\.5{width:0.875rem;height:0.875rem}
+.size-4{width:1rem;height:1rem}
+.size-48{width:12rem;height:12rem}
+.size-5{width:1.25rem;height:1.25rem}
+.size-6{width:1.5rem;height:1.5rem}
+.size-7{width:1.75rem;height:1.75rem}
+.size-8{width:2rem;height:2rem}
+.size-9{width:2.25rem;height:2.25rem}
+.size-\[11px\]{width:11px;height:11px}
+.size-\[18px\]{width:18px;height:18px}
+.size-\[22px\]{width:22px;height:22px}
+.size-\[34px\]{width:34px;height:34px}
+.size-\[72px\]{width:72px;height:72px}
+.size-full{width:100%;height:100%}
+.h-0{height:0px}
+.h-0\.5{height:0.125rem}
+.h-1{height:0.25rem}
+.h-1\.5{height:0.375rem}
+.h-10{height:2.5rem}
+.h-12{height:3rem}
+.h-16{height:4rem}
+.h-2{height:0.5rem}
+.h-24{height:6rem}
+.h-4{height:1rem}
+.h-5{height:1.25rem}
+.h-6{height:1.5rem}
+.h-7{height:1.75rem}
+.h-8{height:2rem}
+.h-9{height:2.25rem}
+.h-\[14px\]{height:14px}
+.h-\[232px\]{height:232px}
+.h-\[30px\]{height:30px}
+.h-\[34px\]{height:34px}
+.h-\[47px\]{height:47px}
+.h-auto{height:auto}
+.h-full{height:100%}
+.h-px{height:1px}
+.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}
+.max-h-\[196px\]{max-height:196px}
+.max-h-full{max-height:100%}
+.max-h-min{max-height:min-content}
+.max-h-screen{max-height:100vh}
+.min-h-0{min-height:0px}
+.min-h-10{min-height:2.5rem}
+.min-h-24{min-height:6rem}
+.min-h-28{min-height:7rem}
+.min-h-40{min-height:10rem}
+.min-h-5{min-height:1.25rem}
+.min-h-6{min-height:1.5rem}
+.min-h-8{min-height:2rem}
+.min-h-9{min-height:2.25rem}
+.min-h-\[72px\]{min-height:72px}
+.min-h-\[74px\]{min-height:74px}
+.min-h-\[82px\]{min-height:82px}
+.\!w-1{width:0.25rem !important}
+.w-1{width:0.25rem}
+.w-1\.5{width:0.375rem}
+.w-10{width:2.5rem}
+.w-2{width:0.5rem}
+.w-2\.5{width:0.625rem}
+.w-4{width:1rem}
+.w-44{width:11rem}
+.w-64{width:16rem}
+.w-7{width:1.75rem}
+.w-72{width:18rem}
+.w-8{width:2rem}
+.w-\[168px\]{width:168px}
+.w-\[18px\]{width:18px}
+.w-\[300px\]{width:300px}
+.w-\[320px\]{width:320px}
+.w-\[34px\]{width:34px}
+.w-\[360px\]{width:360px}
+.w-\[378px\]{width:378px}
+.w-\[38px\]{width:38px}
+.w-\[54px\]{width:54px}
+.w-\[5px\]{width:5px}
+.w-\[613px\]{width:613px}
+.w-\[74px\]{width:74px}
+.w-\[88px\]{width:88px}
+.w-\[calc\(100\%\+theme\(space\.7\)\)\]{width:calc(100% + 1.75rem)}
+.w-\[min\(320px\2c calc\(100vw-32px\)\)\]{width:min(320px,calc(100vw - 32px))}
+.w-auto{width:auto}
+.w-fit{width:fit-content}
+.w-full{width:100%}
+.w-max{width:max-content}
+.w-px{width:1px}
+.min-w-0{min-width:0px}
+.min-w-10{min-width:2.5rem}
+.min-w-20{min-width:5rem}
+.min-w-4{min-width:1rem}
+.min-w-5{min-width:1.25rem}
+.min-w-8{min-width:2rem}
+.min-w-\[--radix-select-trigger-width\]{min-width:var(--radix-select-trigger-width)}
+.min-w-\[160px\]{min-width:160px}
+.min-w-\[180px\]{min-width:180px}
+.min-w-\[min\(100\%\2c 10rem\)\]{min-width:min(100%,10rem)}
+.max-w-36{max-width:9rem}
+.max-w-\[200px\]{max-width:200px}
+.max-w-\[280px\]{max-width:280px}
+.max-w-\[292px\]{max-width:292px}
+.max-w-\[300px\]{max-width:300px}
+.max-w-\[320px\]{max-width:320px}
+.max-w-\[360px\]{max-width:360px}
+.max-w-\[400px\]{max-width:400px}
+.max-w-\[440px\]{max-width:440px}
+.max-w-\[524px\]{max-width:524px}
+.max-w-\[540px\]{max-width:540px}
+.max-w-\[600px\]{max-width:600px}
+.max-w-\[640px\]{max-width:640px}
+.max-w-\[700px\]{max-width:700px}
+.max-w-\[max\(var\(--radix-select-trigger-width\)\2c 320px\)\]{max-width:max(var(--radix-select-trigger-width),320px)}
+.max-w-full{max-width:100%}
+.max-w-none{max-width:none}
+.flex-1{flex:1 1 0%}
+.shrink{flex-shrink:1}
+.shrink-0{flex-shrink:0}
+.border-collapse{border-collapse:collapse}
+.origin-bottom-right{transform-origin:bottom right}
+.origin-right{transform-origin:right}
+.origin-top-right{transform-origin:top right}
+.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
+.-translate-y-\[calc\(50\%\+1px\)\]{--tw-translate-y:calc(calc(50% + 1px) * -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))}
+.translate-y-\[0\.265px\]{--tw-translate-y:0.265px;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))}
+.-rotate-45{--tw-rotate:-45deg;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))}
+.scale-50{--tw-scale-x:.5;--tw-scale-y:.5;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))}
+.scale-75{--tw-scale-x:.75;--tw-scale-y:.75;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))}
+.scale-\[\.3125\]{--tw-scale-x:.3125;--tw-scale-y:.3125;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))}
+.scale-\[\.375\]{--tw-scale-x:.375;--tw-scale-y:.375;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))}
+.scale-\[\.5625\]{--tw-scale-x:.5625;--tw-scale-y:.5625;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))}
+.scale-\[\.625\]{--tw-scale-x:.625;--tw-scale-y:.625;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))}
+.scale-\[\.875\]{--tw-scale-x:.875;--tw-scale-y:.875;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))}
+.scale-\[1\.4\]{--tw-scale-x:1.4;--tw-scale-y:1.4;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))}
+.scale-\[1\.6\]{--tw-scale-x:1.6;--tw-scale-y:1.6;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))}
+.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))}
+.cursor-default{cursor:default}
+.cursor-not-allowed{cursor:not-allowed}
+.cursor-pointer{cursor:pointer}
+.cursor-text{cursor:text}
+.touch-none{touch-action:none}
+.select-none{user-select:none}
+.resize-none{resize:none}
+.resize-y{resize:vertical}
+.resize{resize:both}
+.scroll-py-2{scroll-padding-top:0.5rem;scroll-padding-bottom:0.5rem}
+.auto-cols-auto{grid-auto-columns:auto}
+.auto-cols-fr{grid-auto-columns:minmax(0, 1fr)}
+.grid-flow-row{grid-auto-flow:row}
+.grid-flow-col{grid-auto-flow:column}
+.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
+.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
+.grid-cols-\[auto\2c minmax\(0\2c 1fr\)\]{grid-template-columns:auto minmax(0,1fr)}
+.grid-cols-\[minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,1fr)}
+.flex-row-reverse{flex-direction:row-reverse}
+.flex-col{flex-direction:column}
+.flex-col-reverse{flex-direction:column-reverse}
+.flex-wrap{flex-wrap:wrap}
+.flex-nowrap{flex-wrap:nowrap}
+.place-items-end{place-items:end}
+.place-items-center{place-items:center}
+.items-start{align-items:flex-start}
+.items-center{align-items:center}
+.items-baseline{align-items:baseline}
+.items-stretch{align-items:stretch}
+.justify-start{justify-content:flex-start}
+.justify-end{justify-content:flex-end}
+.justify-center{justify-content:center}
+.justify-between{justify-content:space-between}
+.gap-0{gap:0px}
+.gap-0\.5{gap:0.125rem}
+.gap-1{gap:0.25rem}
+.gap-1\.5{gap:0.375rem}
+.gap-2{gap:0.5rem}
+.gap-2\.5{gap:0.625rem}
+.gap-3{gap:0.75rem}
+.gap-3\.5{gap:0.875rem}
+.gap-4{gap:1rem}
+.gap-5{gap:1.25rem}
+.gap-6{gap:1.5rem}
+.gap-\[11px\]{gap:11px}
+.gap-\[15px\]{gap:15px}
+.gap-\[3px\]{gap:3px}
+.gap-px{gap:1px}
+.gap-x-1{column-gap:0.25rem}
+.gap-y-1{row-gap:0.25rem}
+.-space-x-0\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-0.125rem * var(--tw-space-x-reverse));margin-left:calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)))}
+.-space-x-1 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-0.25rem * var(--tw-space-x-reverse));margin-left:calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)))}
+.-space-x-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-0.375rem * var(--tw-space-x-reverse));margin-left:calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)))}
+.-space-x-3 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-0.75rem * var(--tw-space-x-reverse));margin-left:calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)))}
+.-space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-1rem * var(--tw-space-x-reverse));margin-left:calc(-1rem * calc(1 - var(--tw-space-x-reverse)))}
+.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}
+.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.375rem * var(--tw-space-y-reverse))}
+.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}
+.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}
+.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}
+.divide-x > :not([hidden]) ~ :not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}
+.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))}
+.divide-stroke-soft-200 > :not([hidden]) ~ :not([hidden]){border-color:var(--stroke-soft-200)}
+.self-start{align-self:flex-start}
+.overflow-auto{overflow:auto}
+.overflow-hidden{overflow:hidden}
+.overflow-x-auto{overflow-x:auto}
+.overflow-y-auto{overflow-y:auto}
+.overflow-y-hidden{overflow-y:hidden}
+.overscroll-contain{overscroll-behavior:contain}
+.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.whitespace-nowrap{white-space:nowrap}
+.break-words{overflow-wrap:break-word}
+.rounded{border-radius:0.25rem}
+.rounded-10{border-radius:.625rem}
+.rounded-20{border-radius:var(--radius-20)}
+.rounded-2xl{border-radius:1rem}
+.rounded-\[1\.2px\]{border-radius:1.2px}
+.rounded-\[10px\]{border-radius:10px}
+.rounded-\[28px\]{border-radius:28px}
+.rounded-\[36px\]{border-radius:36px}
+.rounded-\[inherit\]{border-radius:inherit}
+.rounded-full{border-radius:var(--radius-full)}
+.rounded-lg{border-radius:0.5rem}
+.rounded-md{border-radius:0.375rem}
+.rounded-none{border-radius:0px}
+.rounded-sm{border-radius:0.125rem}
+.rounded-xl{border-radius:0.75rem}
+.rounded-bl-\[3px\]{border-bottom-left-radius:3px}
+.rounded-bl-sm{border-bottom-left-radius:0.125rem}
+.rounded-ee-\[10px\]{border-end-end-radius:10px}
+.rounded-ss{border-start-start-radius:0.25rem}
+.border{border-width:1px}
+.border-0{border-width:0px}
+.border-2{border-width:2px}
+.border-4{border-width:4px}
+.border-\[0\.4px\]{border-width:0.4px}
+.border-\[5px\]{border-width:5px}
+.border-y{border-top-width:1px;border-bottom-width:1px}
+.border-b{border-bottom-width:1px}
+.border-e{border-inline-end-width:1px}
+.border-l{border-left-width:1px}
+.border-s{border-inline-start-width:1px}
+.border-t{border-top-width:1px}
+.border-dashed{border-style:dashed}
+.border-bg-soft-200{border-color:var(--bg-soft-200)}
+.border-bg-white-0{border-color:var(--bg-white-0)}
+.border-error-base{border-color:var(--error-base)}
+.border-primary-base{border-color:var(--primary-base)}
+.border-static-white{border-color:var(--static-white)}
+.border-stroke-soft-200{border-color:var(--stroke-soft-200)}
+.border-stroke-strong-950{border-color:var(--stroke-strong-950)}
+.border-stroke-sub-300{border-color:var(--stroke-sub-300)}
+.border-stroke-white-0{border-color:var(--stroke-white-0)}
+.\!bg-transparent{background-color:transparent !important}
+.bg-\[\#0077b5\]{--tw-bg-opacity:1;background-color:rgb(0 119 181 / var(--tw-bg-opacity))}
+.bg-\[\#1977f3\]{--tw-bg-opacity:1;background-color:rgb(25 119 243 / var(--tw-bg-opacity))}
+.bg-\[\#24292f\]{--tw-bg-opacity:1;background-color:rgb(36 41 47 / var(--tw-bg-opacity))}
+.bg-\[\#3984ff\]{--tw-bg-opacity:1;background-color:rgb(57 132 255 / var(--tw-bg-opacity))}
+.bg-\[\#f14336\]{--tw-bg-opacity:1;background-color:rgb(241 67 54 / var(--tw-bg-opacity))}
+.bg-\[rgba\(0\2c 0\2c 0\2c 0\.085\)\]{background-color:rgba(0,0,0,0.085)}
+.bg-away-base{background-color:var(--away-base)}
+.bg-away-light{background-color:var(--away-light)}
+.bg-away-lighter{background-color:var(--away-lighter)}
+.bg-bg-soft-200{background-color:var(--bg-soft-200)}
+.bg-bg-strong-950{background-color:var(--bg-strong-950)}
+.bg-bg-weak-50{background-color:var(--bg-weak-50)}
+.bg-bg-white-0{background-color:var(--bg-white-0)}
+.bg-blue-200{background-color:var(--blue-200)}
+.bg-current{background-color:currentColor}
+.bg-error-base{background-color:var(--error-base)}
+.bg-error-light{background-color:var(--error-light)}
+.bg-error-lighter{background-color:var(--error-lighter)}
+.bg-faded-base{background-color:var(--faded-base)}
+.bg-faded-light{background-color:var(--faded-light)}
+.bg-faded-lighter{background-color:var(--faded-lighter)}
+.bg-feature-base{background-color:var(--feature-base)}
+.bg-feature-light{background-color:var(--feature-light)}
+.bg-feature-lighter{background-color:var(--feature-lighter)}
+.bg-highlighted-base{background-color:var(--highlighted-base)}
+.bg-highlighted-light{background-color:var(--highlighted-light)}
+.bg-highlighted-lighter{background-color:var(--highlighted-lighter)}
+.bg-information-base{background-color:var(--information-base)}
+.bg-information-light{background-color:var(--information-light)}
+.bg-information-lighter{background-color:var(--information-lighter)}
+.bg-overlay{background-color:var(--overlay)}
+.bg-primary-alpha-10{background-color:var(--primary-alpha-10)}
+.bg-primary-base{background-color:var(--primary-base)}
+.bg-purple-200{background-color:var(--purple-200)}
+.bg-red-200{background-color:var(--red-200)}
+.bg-red-alpha-10{background-color:var(--red-alpha-10)}
+.bg-sky-200{background-color:var(--sky-200)}
+.bg-stable-base{background-color:var(--stable-base)}
+.bg-stable-light{background-color:var(--stable-light)}
+.bg-stable-lighter{background-color:var(--stable-lighter)}
+.bg-static-black{background-color:var(--static-black)}
+.bg-static-white{background-color:var(--static-white)}
+.bg-stroke-soft-200{background-color:var(--stroke-soft-200)}
+.bg-stroke-sub-300{background-color:var(--stroke-sub-300)}
+.bg-success-base{background-color:var(--success-base)}
+.bg-success-light{background-color:var(--success-light)}
+.bg-success-lighter{background-color:var(--success-lighter)}
+.bg-transparent{background-color:transparent}
+.bg-verified-base{background-color:var(--verified-base)}
+.bg-verified-light{background-color:var(--verified-light)}
+.bg-verified-lighter{background-color:var(--verified-lighter)}
+.bg-warning-base{background-color:var(--warning-base)}
+.bg-warning-light{background-color:var(--warning-light)}
+.bg-warning-lighter{background-color:var(--warning-lighter)}
+.bg-yellow-200{background-color:var(--yellow-200)}
+.bg-none{background-image:none}
+.bg-\[length\:1\.25rem\]{background-size:1.25rem}
+.bg-\[length\:1rem\]{background-size:1rem}
+.fill-bg-soft-200{fill:var(--bg-soft-200)}
+.fill-bg-white-0{fill:var(--bg-white-0)}
+.stroke-bg-soft-200{stroke:var(--bg-soft-200)}
+.stroke-primary-base{stroke:var(--primary-base)}
+.stroke-stroke-sub-300{stroke:var(--stroke-sub-300)}
+.object-contain{object-fit:contain}
+.object-cover{object-fit:cover}
+.p-0{padding:0px}
+.p-0\.5{padding:0.125rem}
+.p-1{padding:0.25rem}
+.p-2{padding:0.5rem}
+.p-2\.5{padding:0.625rem}
+.p-3{padding:0.75rem}
+.p-3\.5{padding:0.875rem}
+.p-4{padding:1rem}
+.p-5{padding:1.25rem}
+.p-8{padding:2rem}
+.p-\[15px\]{padding:15px}
+.p-px{padding:1px}
+.px-0\.5{padding-left:0.125rem;padding-right:0.125rem}
+.px-1{padding-left:0.25rem;padding-right:0.25rem}
+.px-1\.5{padding-left:0.375rem;padding-right:0.375rem}
+.px-12{padding-left:3rem;padding-right:3rem}
+.px-2{padding-left:0.5rem;padding-right:0.5rem}
+.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
+.px-3{padding-left:0.75rem;padding-right:0.75rem}
+.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}
+.px-4{padding-left:1rem;padding-right:1rem}
+.px-5{padding-left:1.25rem;padding-right:1.25rem}
+.px-6{padding-left:1.5rem;padding-right:1.5rem}
+.px-\[3px\]{padding-left:3px;padding-right:3px}
+.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
+.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
+.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
+.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
+.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
+.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
+.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
+.py-4{padding-top:1rem;padding-bottom:1rem}
+.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
+.py-\[15px\]{padding-top:15px;padding-bottom:15px}
+.pb-2\.5{padding-bottom:0.625rem}
+.pb-3{padding-bottom:0.75rem}
+.pb-4{padding-bottom:1rem}
+.pb-\[15px\]{padding-bottom:15px}
+.pe-1\.5{padding-inline-end:0.375rem}
+.pe-2{padding-inline-end:0.5rem}
+.pe-2\.5{padding-inline-end:0.625rem}
+.pe-3\.5{padding-inline-end:0.875rem}
+.pe-\[15px\]{padding-inline-end:15px}
+.pe-\[9px\]{padding-inline-end:9px}
+.pl-2{padding-left:0.5rem}
+.pl-2\.5{padding-left:0.625rem}
+.pl-3{padding-left:0.75rem}
+.pl-5{padding-left:1.25rem}
+.pl-9{padding-left:2.25rem}
+.pr-1\.5{padding-right:0.375rem}
+.pr-14{padding-right:3.5rem}
+.pr-2{padding-right:0.5rem}
+.pr-2\.5{padding-right:0.625rem}
+.pr-9{padding-right:2.25rem}
+.pr-\[34px\]{padding-right:34px}
+.ps-1\.5{padding-inline-start:0.375rem}
+.ps-2{padding-inline-start:0.5rem}
+.ps-2\.5{padding-inline-start:0.625rem}
+.ps-3{padding-inline-start:0.75rem}
+.ps-\[13px\]{padding-inline-start:13px}
+.pt-1\.5{padding-top:0.375rem}
+.pt-2\.5{padding-top:0.625rem}
+.pt-20{padding-top:5rem}
+.pt-3\.5{padding-top:0.875rem}
+.pt-4{padding-top:1rem}
+.pt-\[15px\]{padding-top:15px}
+.text-left{text-align:left}
+.text-center{text-align:center}
+.text-start{text-align:start}
+.font-mono{font-family:var(--font-dm-mono)}
+.text-\[11px\]{font-size:11px}
+.text-\[13px\]{font-size:13px}
+.text-inherit{font-size:inherit}
+.text-label-lg{font-size:1.125rem;line-height:1.5rem;letter-spacing:-0.015em;font-weight:500}
+.text-label-md{font-size:1rem;line-height:1.5rem;letter-spacing:-0.011em;font-weight:500}
+.text-label-sm{font-size:0.875rem;line-height:1.25rem;letter-spacing:-0.006em;font-weight:500}
+.text-label-xs{font-size:0.75rem;line-height:1rem;letter-spacing:0em;font-weight:500}
+.text-paragraph-md{font-size:1rem;line-height:1.5rem;letter-spacing:-0.011em;font-weight:400}
+.text-paragraph-sm{font-size:0.875rem;line-height:1.25rem;letter-spacing:-0.006em;font-weight:400}
+.text-paragraph-xs{font-size:0.75rem;line-height:1rem;letter-spacing:0em;font-weight:400}
+.text-subheading-2xs{font-size:0.6875rem;line-height:0.75rem;letter-spacing:0.02em;font-weight:500}
+.text-subheading-xs{font-size:0.75rem;line-height:1rem;letter-spacing:0.04em;font-weight:500}
+.text-title-h5{font-size:1.5rem;line-height:2rem;letter-spacing:0em;font-weight:500}
+.text-title-h6{font-size:1.25rem;line-height:1.75rem;letter-spacing:0em;font-weight:500}
+.font-medium{font-weight:500}
+.font-semibold{font-weight:600}
+.uppercase{text-transform:uppercase}
+.italic{font-style:italic}
+.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
+.leading-5{line-height:1.25rem}
+.leading-none{line-height:1}
+.tracking-\[-0\.006em\]{letter-spacing:-0.006em}
+.\!text-primary-base{color:var(--primary-base) !important}
+.\!text-text-disabled-300{color:var(--text-disabled-300) !important}
+.text-away-base{color:var(--away-base)}
+.text-away-dark{color:var(--away-dark)}
+.text-blue-950{color:var(--blue-950)}
+.text-error-base{color:var(--error-base)}
+.text-error-dark{color:var(--error-dark)}
+.text-faded-base{color:var(--faded-base)}
+.text-faded-dark{color:var(--faded-dark)}
+.text-feature-base{color:var(--feature-base)}
+.text-feature-dark{color:var(--feature-dark)}
+.text-highlighted-base{color:var(--highlighted-base)}
+.text-highlighted-dark{color:var(--highlighted-dark)}
+.text-information-base{color:var(--information-base)}
+.text-information-dark{color:var(--information-dark)}
+.text-primary-base{color:var(--primary-base)}
+.text-purple-950{color:var(--purple-950)}
+.text-red-950{color:var(--red-950)}
+.text-sky-950{color:var(--sky-950)}
+.text-social-apple{color:var(--social-apple)}
+.text-social-github{color:var(--social-github)}
+.text-social-twitter{color:var(--social-twitter)}
+.text-stable-base{color:var(--stable-base)}
+.text-stable-dark{color:var(--stable-dark)}
+.text-static-black{color:var(--static-black)}
+.text-static-white{color:var(--static-white)}
+.text-stroke-sub-300{color:var(--stroke-sub-300)}
+.text-success-base{color:var(--success-base)}
+.text-success-dark{color:var(--success-dark)}
+.text-text-disabled-300{color:var(--text-disabled-300)}
+.text-text-soft-400{color:var(--text-soft-400)}
+.text-text-strong-950{color:var(--text-strong-950)}
+.text-text-sub-600{color:var(--text-sub-600)}
+.text-text-white-0{color:var(--text-white-0)}
+.text-verified-base{color:var(--verified-base)}
+.text-verified-dark{color:var(--verified-dark)}
+.text-warning-base{color:var(--warning-base)}
+.text-warning-dark{color:var(--warning-dark)}
+.text-yellow-500{color:var(--yellow-500)}
+.text-yellow-950{color:var(--yellow-950)}
+.underline{text-decoration-line:underline}
+.decoration-current{text-decoration-color:currentColor}
+.decoration-transparent{text-decoration-color:transparent}
+.underline-offset-2{text-underline-offset:2px}
+.underline-offset-\[3px\]{text-underline-offset:3px}
+.opacity-0{opacity:0}
+.opacity-100{opacity:1}
+.opacity-40{opacity:0.4}
+.opacity-\[\.72\]{opacity:.72}
+.shadow-\[0_2px_2px_\#1b1c1d1f\]{--tw-shadow:0 2px 2px #1b1c1d1f;--tw-shadow-colored:0 2px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.shadow-\[0_3px_36px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{--tw-shadow:0 3px 36px rgba(0,0,0,0.05);--tw-shadow-colored:0 3px 36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.shadow-button-important-focus{--tw-shadow:0 0px 0px 2px var(--bg-white-0), 0 0px 0px 4px var(--neutral-alpha-16);--tw-shadow-colored:0 0px 0px 2px var(--tw-shadow-color), 0 0px 0px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.shadow-fancy-buttons-error{--tw-shadow:0 1px 2px 0px #0e121b3d, 0 0px 0px 1px var(--error-base);--tw-shadow-colored:0 1px 2px 0px var(--tw-shadow-color), 0 0px 0px 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)}
+.shadow-fancy-buttons-neutral{--tw-shadow:0 1px 2px 0px #1b1c1d7a, 0 0px 0px 1px #242628;--tw-shadow-colored:0 1px 2px 0px var(--tw-shadow-color), 0 0px 0px 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)}
+.shadow-fancy-buttons-primary{--tw-shadow:0 1px 2px 0px #0e121b3d, 0 0px 0px 1px var(--primary-base);--tw-shadow-colored:0 1px 2px 0px var(--tw-shadow-color), 0 0px 0px 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)}
+.shadow-fancy-buttons-stroke{--tw-shadow:0 1px 3px 0px #0e121b1f, 0 0px 0px 1px var(--stroke-soft-200);--tw-shadow-colored:0 1px 3px 0px var(--tw-shadow-color), 0 0px 0px 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)}
+.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.shadow-regular-md{--tw-shadow:0 16px 32px -12px #0e121b1a;--tw-shadow-colored:0 16px 32px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.shadow-regular-sm{--tw-shadow:0 2px 4px 0px #1b1c1d0a;--tw-shadow-colored:0 2px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.shadow-regular-xs{--tw-shadow:0 1px 2px 0px #0a0d1408;--tw-shadow-colored:0 1px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.shadow-switch-thumb{--tw-shadow:0 4px 8px 0px #1b1c1d0f, 0 2px 4px 0px #0e121b14;--tw-shadow-colored:0 4px 8px 0px var(--tw-shadow-color), 0 2px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.shadow-toggle-switch{--tw-shadow:0 6px 10px 0px #0e121b0f, 0 2px 4px 0px #0e121b08;--tw-shadow-colored:0 6px 10px 0px var(--tw-shadow-color), 0 2px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.shadow-tooltip{--tw-shadow:0 12px 24px 0px #0e121b0f, 0 1px 2px 0px #0e121b08;--tw-shadow-colored:0 12px 24px 0px var(--tw-shadow-color), 0 1px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.outline-none{outline:2px solid transparent;outline-offset:2px}
+.outline{outline-style:solid}
+.ring-0{--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(0px + 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)}
+.ring-1{--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(1px + 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)}
+.ring-2{--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(2px + 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)}
+.ring-inset{--tw-ring-inset:inset}
+.ring-current{--tw-ring-color:currentColor}
+.ring-error-base{--tw-ring-color:var(--error-base)}
+.ring-primary-base{--tw-ring-color:var(--primary-base)}
+.ring-stroke-soft-200{--tw-ring-color:var(--stroke-soft-200)}
+.ring-stroke-strong-950{--tw-ring-color:var(--stroke-strong-950)}
+.ring-stroke-white-0{--tw-ring-color:var(--stroke-white-0)}
+.ring-transparent{--tw-ring-color:transparent}
+.ring-offset-2{--tw-ring-offset-width:2px}
+.ring-offset-bg-white-0{--tw-ring-offset-color:var(--bg-white-0)}
+.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)}
+.drop-shadow-\[0_2px_4px_\#1b1c1d0a\]{--tw-drop-shadow:drop-shadow(0 2px 4px #1b1c1d0a);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)}
+.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)}
+.backdrop-blur-\[10px\]{--tw-backdrop-blur:blur(10px);-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)}
+.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
+.transition-\[stroke-dashoffset\]{transition-property:stroke-dashoffset;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
+.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
+.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
+.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
+.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
+.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
+.duration-200{transition-duration:200ms}
+.duration-300{transition-duration:300ms}
+.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}
+@keyframes enter{
+from{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}
+@keyframes exit{
+to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}
+.animate-in{animation-name:enter;animation-duration:150ms;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}
+.fade-in-0{--tw-enter-opacity:0}
+.zoom-in-95{--tw-enter-scale:.95}
+.duration-200{animation-duration:200ms}
+.duration-300{animation-duration:300ms}
+.ease-out{animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
+.paused{animation-play-state:paused}
+.\[appearance\:textfield\]{appearance:textfield}
+.\[clip-path\:polygon\(0\%_0\%\2c 100\%_100\%\2c 0\%_100\%\)\]{clip-path:polygon(0% 0%,100% 100%,0% 100%)}
+.\[color-scheme\:light\]{color-scheme:light}
+.\[font-family\:inherit\]{font-family:inherit}
+
+/* Generated from design/figma-tokens.json by pnpm tokens:build. */
+
+/* The icon drawing occupies 89.96% of its established layout box. */
+.remixicon path {
+  transform: scale(0.8996);
+  transform-origin: center;
+}
+
+/* Figma desktop button states, design/desktop-buttons.json. */
+.magna-desktop-button[data-variant='borderless'][data-context='content'][data-window-active='false']:disabled {
+  --desktop-bg: transparent;
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 0.5;
+}
+.magna-desktop-button[data-variant='destructive-prominent'][data-context='content'][data-window-active='false']:disabled {
+  --desktop-bg: rgba(0, 0, 0, 0.04);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-soft-400);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='prominent'][data-context='content'][data-window-active='false']:disabled {
+  --desktop-bg: rgba(0, 0, 0, 0.04);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-soft-400);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive'][data-context='content'][data-window-active='false']:disabled {
+  --desktop-bg: rgba(0, 0, 0, 0.04);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-soft-400);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='tinted'][data-context='content'][data-window-active='false']:disabled {
+  --desktop-bg: rgba(0, 0, 0, 0.04);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-soft-400);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='bordered'][data-context='content'][data-window-active='false']:disabled {
+  --desktop-bg: rgba(0, 0, 0, 0.04);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-soft-400);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='borderless'][data-context='content'][data-window-active='false']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: transparent;
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive-prominent'][data-context='content'][data-window-active='false']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.16);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='prominent'][data-context='content'][data-window-active='false']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.16);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive'][data-context='content'][data-window-active='false']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.16);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='tinted'][data-context='content'][data-window-active='false']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.16);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='bordered'][data-context='content'][data-window-active='false']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.16);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='borderless'][data-context='content'][data-window-active='false']:not(
+    :disabled
+  ) {
+  --desktop-bg: transparent;
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive-prominent'][data-context='content'][data-window-active='false']:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.08);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='prominent'][data-context='content'][data-window-active='false']:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.08);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive'][data-context='content'][data-window-active='false']:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.08);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='tinted'][data-context='content'][data-window-active='false']:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.08);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='bordered'][data-context='content'][data-window-active='false']:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.08);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='borderless'][data-context='content'][data-window-active='true']:disabled {
+  --desktop-bg: transparent;
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 0.5;
+}
+.magna-desktop-button[data-variant='destructive-prominent'][data-context='content'][data-window-active='true']:disabled {
+  --desktop-bg: var(--error-base);
+  --desktop-bg-opacity: 0.4;
+  --desktop-text: rgba(255, 255, 255, 1);
+  --desktop-text-opacity: 0.5;
+}
+.magna-desktop-button[data-variant='prominent'][data-context='content'][data-window-active='true']:disabled {
+  --desktop-bg: var(--primary-base);
+  --desktop-bg-opacity: 0.4;
+  --desktop-text: rgba(255, 255, 255, 1);
+  --desktop-text-opacity: 0.5;
+}
+.magna-desktop-button[data-variant='destructive'][data-context='content'][data-window-active='true']:disabled {
+  --desktop-bg: var(--error-base);
+  --desktop-bg-opacity: 0.1;
+  --desktop-text: var(--error-base);
+  --desktop-text-opacity: 0.4000000059604645;
+}
+.magna-desktop-button[data-variant='tinted'][data-context='content'][data-window-active='true']:disabled {
+  --desktop-bg: var(--primary-base);
+  --desktop-bg-opacity: 0.12;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 0.4000000059604645;
+}
+.magna-desktop-button[data-variant='bordered'][data-context='content'][data-window-active='true']:disabled {
+  --desktop-bg: rgba(0, 0, 0, 0.04);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-soft-400);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='borderless'][data-context='content'][data-window-active='true']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: transparent;
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive-prominent'][data-context='content'][data-window-active='true']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--error-base);
+  --desktop-bg-opacity: 1;
+  --desktop-text: rgba(255, 255, 255, 1);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='prominent'][data-context='content'][data-window-active='true']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--primary-base);
+  --desktop-bg-opacity: 1;
+  --desktop-text: rgba(255, 255, 255, 1);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive'][data-context='content'][data-window-active='true']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--error-base);
+  --desktop-bg-opacity: 0.28;
+  --desktop-text: var(--error-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='tinted'][data-context='content'][data-window-active='true']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--primary-base);
+  --desktop-bg-opacity: 0.28;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='bordered'][data-context='content'][data-window-active='true']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.16);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='borderless'][data-context='content'][data-window-active='true']:not(
+    :disabled
+  ) {
+  --desktop-bg: transparent;
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive-prominent'][data-context='content'][data-window-active='true']:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--error-base);
+  --desktop-bg-opacity: 1;
+  --desktop-text: rgba(255, 255, 255, 1);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='prominent'][data-context='content'][data-window-active='true']:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--primary-base);
+  --desktop-bg-opacity: 1;
+  --desktop-text: rgba(255, 255, 255, 1);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive'][data-context='content'][data-window-active='true']:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--error-base);
+  --desktop-bg-opacity: 0.2;
+  --desktop-text: var(--error-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='tinted'][data-context='content'][data-window-active='true']:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--primary-base);
+  --desktop-bg-opacity: 0.2;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='bordered'][data-context='content'][data-window-active='true']:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.08);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='borderless'][data-context='glass'][data-window-active='false']:disabled {
+  --desktop-bg: transparent;
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 0.5;
+}
+.magna-desktop-button[data-variant='destructive-prominent'][data-context='glass'][data-window-active='false']:disabled {
+  --desktop-bg: rgba(0, 0, 0, 0.04);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-soft-400);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='prominent'][data-context='glass'][data-window-active='false']:disabled {
+  --desktop-bg: rgba(0, 0, 0, 0.04);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-soft-400);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive'][data-context='glass'][data-window-active='false']:disabled {
+  --desktop-bg: rgba(0, 0, 0, 0.04);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-soft-400);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='tinted'][data-context='glass'][data-window-active='false']:disabled {
+  --desktop-bg: rgba(0, 0, 0, 0.04);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-soft-400);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='bordered'][data-context='glass'][data-window-active='false']:disabled {
+  --desktop-bg: rgba(0, 0, 0, 0.04);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-soft-400);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='borderless'][data-context='glass'][data-window-active='false']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: transparent;
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive-prominent'][data-context='glass'][data-window-active='false']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.16);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='prominent'][data-context='glass'][data-window-active='false']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.16);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive'][data-context='glass'][data-window-active='false']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.16);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='tinted'][data-context='glass'][data-window-active='false']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.16);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='bordered'][data-context='glass'][data-window-active='false']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.16);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='borderless'][data-context='glass'][data-window-active='false']:not(
+    :disabled
+  ) {
+  --desktop-bg: transparent;
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive-prominent'][data-context='glass'][data-window-active='false']:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.08);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='prominent'][data-context='glass'][data-window-active='false']:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.08);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive'][data-context='glass'][data-window-active='false']:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.08);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='tinted'][data-context='glass'][data-window-active='false']:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.08);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='bordered'][data-context='glass'][data-window-active='false']:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.08);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='borderless'][data-context='glass'][data-window-active='true']:disabled {
+  --desktop-bg: transparent;
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 0.5;
+}
+.magna-desktop-button[data-variant='destructive-prominent'][data-context='glass'][data-window-active='true']:disabled {
+  --desktop-bg: var(--error-base);
+  --desktop-bg-opacity: 0.4;
+  --desktop-text: rgba(255, 255, 255, 1);
+  --desktop-text-opacity: 0.5;
+}
+.magna-desktop-button[data-variant='prominent'][data-context='glass'][data-window-active='true']:disabled {
+  --desktop-bg: var(--primary-base);
+  --desktop-bg-opacity: 0.4;
+  --desktop-text: rgba(255, 255, 255, 1);
+  --desktop-text-opacity: 0.5;
+}
+.magna-desktop-button[data-variant='destructive'][data-context='glass'][data-window-active='true']:disabled {
+  --desktop-bg: var(--error-base);
+  --desktop-bg-opacity: 0.1;
+  --desktop-text: var(--error-base);
+  --desktop-text-opacity: 0.4000000059604645;
+}
+.magna-desktop-button[data-variant='tinted'][data-context='glass'][data-window-active='true']:disabled {
+  --desktop-bg: var(--primary-base);
+  --desktop-bg-opacity: 0.12;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 0.4000000059604645;
+}
+.magna-desktop-button[data-variant='bordered'][data-context='glass'][data-window-active='true']:disabled {
+  --desktop-bg: rgba(0, 0, 0, 0.04);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-soft-400);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='borderless'][data-context='glass'][data-window-active='true']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: transparent;
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive-prominent'][data-context='glass'][data-window-active='true']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--error-base);
+  --desktop-bg-opacity: 1;
+  --desktop-text: rgba(255, 255, 255, 1);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='prominent'][data-context='glass'][data-window-active='true']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--primary-base);
+  --desktop-bg-opacity: 1;
+  --desktop-text: rgba(255, 255, 255, 1);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive'][data-context='glass'][data-window-active='true']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--error-base);
+  --desktop-bg-opacity: 0.28;
+  --desktop-text: var(--error-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='tinted'][data-context='glass'][data-window-active='true']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--primary-base);
+  --desktop-bg-opacity: 0.28;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='bordered'][data-context='glass'][data-window-active='true']:active:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.16);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='borderless'][data-context='glass'][data-window-active='true']:not(
+    :disabled
+  ) {
+  --desktop-bg: transparent;
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive-prominent'][data-context='glass'][data-window-active='true']:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--error-base);
+  --desktop-bg-opacity: 1;
+  --desktop-text: rgba(255, 255, 255, 1);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='prominent'][data-context='glass'][data-window-active='true']:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--primary-base);
+  --desktop-bg-opacity: 1;
+  --desktop-text: rgba(255, 255, 255, 1);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='destructive'][data-context='glass'][data-window-active='true']:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--error-base);
+  --desktop-bg-opacity: 0.2;
+  --desktop-text: var(--error-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='tinted'][data-context='glass'][data-window-active='true']:not(
+    :disabled
+  ) {
+  --desktop-bg: var(--primary-base);
+  --desktop-bg-opacity: 0.2;
+  --desktop-text: var(--primary-base);
+  --desktop-text-opacity: 1;
+}
+.magna-desktop-button[data-variant='bordered'][data-context='glass'][data-window-active='true']:not(
+    :disabled
+  ) {
+  --desktop-bg: rgba(0, 0, 0, 0.08);
+  --desktop-bg-opacity: 1;
+  --desktop-text: var(--text-strong-950);
+  --desktop-text-opacity: 1;
+}
+.\*\:ring-2 > *{--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(2px + 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)}
+.\*\:ring-stroke-white-0 > *{--tw-ring-color:var(--stroke-white-0)}
+.placeholder\:select-none::placeholder{user-select:none}
+.placeholder\:text-text-soft-400::placeholder{color:var(--text-soft-400)}
+.placeholder\:transition-colors::placeholder{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
+.placeholder\:\[transition\:inherit\]::placeholder{transition:inherit}
+.before\:pointer-events-none::before{content:var(--tw-content);pointer-events:none}
+.before\:absolute::before{content:var(--tw-content);position:absolute}
+.before\:-inset-1::before{content:var(--tw-content);inset:-0.25rem}
+.before\:inset-0::before{content:var(--tw-content);inset:0px}
+.before\:inset-x-0::before{content:var(--tw-content);left:0px;right:0px}
+.before\:inset-y-0::before{content:var(--tw-content);top:0px;bottom:0px}
+.before\:-right-2::before{content:var(--tw-content);right:-0.5rem}
+.before\:bottom-0::before{content:var(--tw-content);bottom:0px}
+.before\:left-1\/2::before{content:var(--tw-content);left:50%}
+.before\:top-1\/2::before{content:var(--tw-content);top:50%}
+.before\:-z-10::before{content:var(--tw-content);z-index:-10}
+.before\:z-10::before{content:var(--tw-content);z-index:10}
+.before\:me-4::before{content:var(--tw-content);margin-inline-end:1rem}
+.before\:block::before{content:var(--tw-content);display:block}
+.before\:hidden::before{content:var(--tw-content);display:none}
+.before\:size-1::before{content:var(--tw-content);width:0.25rem;height:0.25rem}
+.before\:size-1\.5::before{content:var(--tw-content);width:0.375rem;height:0.375rem}
+.before\:h-5::before{content:var(--tw-content);height:1.25rem}
+.before\:min-h-5::before{content:var(--tw-content);min-height:1.25rem}
+.before\:w-2::before{content:var(--tw-content);width:0.5rem}
+.before\:w-px::before{content:var(--tw-content);width:1px}
+.before\:min-w-5::before{content:var(--tw-content);min-width:1.25rem}
+.before\:-translate-x-1\/2::before{content:var(--tw-content);--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
+.before\:-translate-y-1\/2::before{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
+.before\:rounded-\[inherit\]::before{content:var(--tw-content);border-radius:inherit}
+.before\:rounded-full::before{content:var(--tw-content);border-radius:var(--radius-full)}
+.before\:border-b::before{content:var(--tw-content);border-bottom-width:1px}
+.before\:border-stroke-soft-200::before{content:var(--tw-content);border-color:var(--stroke-soft-200)}
+.before\:bg-\[var\(--desktop-bg\)\]::before{content:var(--tw-content);background-color:var(--desktop-bg)}
+.before\:bg-current::before{content:var(--tw-content);background-color:currentColor}
+.before\:bg-primary-alpha-10::before{content:var(--tw-content);background-color:var(--primary-alpha-10)}
+.before\:bg-stroke-soft-200::before{content:var(--tw-content);background-color:var(--stroke-soft-200)}
+.before\:bg-white-alpha-16::before{content:var(--tw-content);background-color:var(--white-alpha-16)}
+.before\:bg-\[linear-gradient\(to_bottom\2c rgba\(255\2c 255\2c 255\2c 0\.12\)\2c transparent\)\]::before{content:var(--tw-content);background-image:linear-gradient(to bottom,rgba(255,255,255,0.12),transparent)}
+.before\:p-px::before{content:var(--tw-content);padding:1px}
+.before\:opacity-0::before{content:var(--tw-content);opacity:0}
+.before\:opacity-\[var\(--desktop-bg-opacity\)\]::before{content:var(--tw-content);opacity:var(--desktop-bg-opacity)}
+.before\:ring-1::before{content:var(--tw-content);--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(1px + 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)}
+.before\:ring-inset::before{content:var(--tw-content);--tw-ring-inset:inset}
+.before\:ring-error-base::before{content:var(--tw-content);--tw-ring-color:var(--error-base)}
+.before\:ring-stroke-soft-200::before{content:var(--tw-content);--tw-ring-color:var(--stroke-soft-200)}
+.before\:transition-opacity::before{content:var(--tw-content);transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
+.before\:duration-200::before{content:var(--tw-content);transition-duration:200ms}
+.before\:ease-out::before{content:var(--tw-content);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}
+.before\:duration-200::before{content:var(--tw-content);animation-duration:200ms}
+.before\:ease-out::before{content:var(--tw-content);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
+.before\:\[mask-clip\:content-box\2c border-box\]::before{content:var(--tw-content);mask-clip:content-box,border-box}
+.before\:\[mask-composite\:exclude\]::before{content:var(--tw-content);mask-composite:exclude}
+.before\:\[mask-image\:linear-gradient\(\#fff_0_0\)\2c linear-gradient\(\#fff_0_0\)\]::before{content:var(--tw-content);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)}
+.after\:pointer-events-none::after{content:var(--tw-content);pointer-events:none}
+.after\:absolute::after{content:var(--tw-content);position:absolute}
+.after\:inset-0::after{content:var(--tw-content);inset:0px}
+.after\:rounded-\[inherit\]::after{content:var(--tw-content);border-radius:inherit}
+.after\:rounded-xl::after{content:var(--tw-content);border-radius:0.75rem}
+.after\:bg-\[linear-gradient\(to_bottom\2c \#fff\2c transparent\)\]::after{content:var(--tw-content);background-image:linear-gradient(to bottom,#fff,transparent)}
+.after\:opacity-\[\.16\]::after{content:var(--tw-content);opacity:.16}
+.after\:transition-opacity::after{content:var(--tw-content);transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
+.after\:duration-200::after{content:var(--tw-content);transition-duration:200ms}
+.after\:ease-out::after{content:var(--tw-content);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}
+.after\:duration-200::after{content:var(--tw-content);animation-duration:200ms}
+.after\:ease-out::after{content:var(--tw-content);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
+.first\:rounded-l-full:first-child{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}
+.first\:rounded-l-lg:first-child{border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem}
+.first\:rounded-l-xl:first-child{border-top-left-radius:0.75rem;border-bottom-left-radius:0.75rem}
+.last\:rounded-r-full:last-child{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}
+.last\:rounded-r-lg:last-child{border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem}
+.last\:rounded-r-xl:last-child{border-top-right-radius:0.75rem;border-bottom-right-radius:0.75rem}
+.last\:border-e-0:last-child{border-inline-end-width:0px}
+.focus-within\:bg-bg-weak-50:focus-within{background-color:var(--bg-weak-50)}
+.focus-within\:text-text-sub-600:focus-within{color:var(--text-sub-600)}
+.focus-within\:shadow-button-error-focus:focus-within{--tw-shadow:0 0px 0px 2px var(--bg-white-0), 0 0px 0px 4px var(--red-alpha-10);--tw-shadow-colored:0 0px 0px 2px var(--tw-shadow-color), 0 0px 0px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.focus-within\:shadow-button-important-focus:focus-within{--tw-shadow:0 0px 0px 2px var(--bg-white-0), 0 0px 0px 4px var(--neutral-alpha-16);--tw-shadow-colored:0 0px 0px 2px var(--tw-shadow-color), 0 0px 0px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.focus-within\:ring-2:focus-within{--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(2px + 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)}
+.focus-within\:ring-error-base:focus-within{--tw-ring-color:var(--error-base)}
+.focus-within\:ring-primary-alpha-24:focus-within{--tw-ring-color:var(--primary-alpha-24)}
+.focus-within\:ring-primary-base:focus-within{--tw-ring-color:var(--primary-base)}
+.focus-within\:ring-stroke-strong-950:focus-within{--tw-ring-color:var(--stroke-strong-950)}
+.focus-within\:ring-transparent:focus-within{--tw-ring-color:transparent}
+.hover\:border-transparent:hover{border-color:transparent}
+.hover\:bg-bg-soft-200:hover{background-color:var(--bg-soft-200)}
+.hover\:bg-bg-surface-800:hover{background-color:var(--bg-surface-800)}
+.hover\:bg-bg-weak-50:hover{background-color:var(--bg-weak-50)}
+.hover\:bg-bg-white-0:hover{background-color:var(--bg-white-0)}
+.hover\:bg-primary-alpha-10:hover{background-color:var(--primary-alpha-10)}
+.hover\:bg-primary-darker:hover{background-color:var(--primary-darker)}
+.hover\:bg-red-700:hover{background-color:var(--red-700)}
+.hover\:bg-red-alpha-10:hover{background-color:var(--red-alpha-10)}
+.hover\:bg-transparent:hover{background-color:transparent}
+.hover\:text-inherit:hover{font-size:inherit}
+.hover\:text-primary-darker:hover{color:var(--primary-darker)}
+.hover\:text-red-700:hover{color:var(--red-700)}
+.hover\:text-text-strong-950:hover{color:var(--text-strong-950)}
+.hover\:decoration-current:hover{text-decoration-color:currentColor}
+.hover\:opacity-80:hover{opacity:0.8}
+.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.hover\:shadow-regular-xs:hover{--tw-shadow:0 1px 2px 0px #0a0d1408;--tw-shadow-colored:0 1px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.hover\:ring-error-base:hover{--tw-ring-color:var(--error-base)}
+.hover\:ring-primary-base:hover{--tw-ring-color:var(--primary-base)}
+.hover\:ring-stroke-soft-200:hover{--tw-ring-color:var(--stroke-soft-200)}
+.hover\:ring-transparent:hover{--tw-ring-color:transparent}
+.hover\:before\:opacity-100:hover::before{content:var(--tw-content);opacity:1}
+.hover\:before\:ring-error-base:hover::before{content:var(--tw-content);--tw-ring-color:var(--error-base)}
+.hover\:after\:opacity-\[\.24\]:hover::after{content:var(--tw-content);opacity:.24}
+.focus\:bg-bg-weak-50:focus{background-color:var(--bg-weak-50)}
+.focus\:text-text-strong-950:focus{color:var(--text-strong-950)}
+.focus\:shadow-button-error-focus:focus{--tw-shadow:0 0px 0px 2px var(--bg-white-0), 0 0px 0px 4px var(--red-alpha-10);--tw-shadow-colored:0 0px 0px 2px var(--tw-shadow-color), 0 0px 0px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.focus\:shadow-button-important-focus:focus{--tw-shadow:0 0px 0px 2px var(--bg-white-0), 0 0px 0px 4px var(--neutral-alpha-16);--tw-shadow-colored:0 0px 0px 2px var(--tw-shadow-color), 0 0px 0px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
+.focus\:ring-0:focus{--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(0px + 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)}
+.focus\:ring-error-base:focus{--tw-ring-color:var(--error-base)}
+.focus\:ring-stroke-strong-950:focus{--tw-ring-color:var(--stroke-strong-950)}
+.focus\:placeholder\:text-text-sub-600:focus::placeholder{color:var(--text-sub-600)}
+.focus-visible\:relative:focus-visible{position:relative}
+.focus-visible\:z-10:focus-visible{z-index:10}
+.focus-visible\:border-transparent:focus-visible{border-color:transparent}
+.focus-visible\:bg-bg-strong-950:focus-visible{background-color:var(--bg-strong-950)}
+.focus-visible\:bg-bg-weak-50:focus-visible{background-color:var(--bg-weak-50)}
+.focus-visible\:bg-bg-white-0:focus-visible{background-color:var(--bg-white-0)}
+.focus-visible\:text-text-strong-950:focus-visible{color:var(--text-strong-950)}
+.focus-visible\:text-text-white-0:focus-visible{color:var(--text-white-0)}
+.focus-visible\:underline:focus-visible{text-decoration-line:underline}
+.focus-visible\:decoration-current:focus-visible{text-decoration-color:currentColor}
+.focus-visible\:opacity-100:focus-visible{opacity:1}
+.focus-visible\:shadow-button-error-focus:focus-visible{--tw-shadow:0 0px 0px 2px var(--bg-white-0), 0 0px 0px 4px var(--red-alpha-10);--tw-shadow-colored:0 0px 0px 2px var(--tw-shadow-color), 0 0px 0px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.focus-visible\:shadow-button-important-focus:focus-visible{--tw-shadow:0 0px 0px 2px var(--bg-white-0), 0 0px 0px 4px var(--neutral-alpha-16);--tw-shadow-colored:0 0px 0px 2px var(--tw-shadow-color), 0 0px 0px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.focus-visible\:shadow-button-primary-focus:focus-visible{--tw-shadow:0 0px 0px 2px var(--bg-white-0), 0 0px 0px 4px var(--primary-alpha-10);--tw-shadow-colored:0 0px 0px 2px var(--tw-shadow-color), 0 0px 0px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.focus-visible\:shadow-none:focus-visible{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.focus-visible\:outline:focus-visible{outline-style:solid}
+.focus-visible\:outline-2:focus-visible{outline-width:2px}
+.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}
+.focus-visible\:outline-primary-base:focus-visible{outline-color:var(--primary-base)}
+.focus-visible\:ring-2:focus-visible{--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(2px + 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)}
+.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}
+.focus-visible\:ring-error-base:focus-visible{--tw-ring-color:var(--error-base)}
+.focus-visible\:ring-primary-alpha-24:focus-visible{--tw-ring-color:var(--primary-alpha-24)}
+.focus-visible\:ring-primary-base:focus-visible{--tw-ring-color:var(--primary-base)}
+.focus-visible\:ring-stroke-strong-950:focus-visible{--tw-ring-color:var(--stroke-strong-950)}
+.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}
+.focus-visible\:ring-offset-bg-white-0:focus-visible{--tw-ring-offset-color:var(--bg-white-0)}
+.disabled\:pointer-events-none:disabled{pointer-events:none}
+.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
+.disabled\:\!border-stroke-soft-200:disabled{border-color:var(--stroke-soft-200) !important}
+.disabled\:border-transparent:disabled{border-color:transparent}
+.disabled\:\!bg-bg-white-0:disabled{background-color:var(--bg-white-0) !important}
+.disabled\:bg-bg-weak-50:disabled{background-color:var(--bg-weak-50)}
+.disabled\:bg-transparent:disabled{background-color:transparent}
+.disabled\:bg-none:disabled{background-image:none}
+.disabled\:\!text-text-disabled-300:disabled{color:var(--text-disabled-300) !important}
+.disabled\:text-text-disabled-300:disabled{color:var(--text-disabled-300)}
+.disabled\:no-underline:disabled{text-decoration-line:none}
+.disabled\:opacity-40:disabled{opacity:0.4}
+.disabled\:opacity-50:disabled{opacity:0.5}
+.disabled\:\!shadow-none:disabled{--tw-shadow:0 0 #0000 !important;--tw-shadow-colored:0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important}
+.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.disabled\:ring-transparent:disabled{--tw-ring-color:transparent}
+.disabled\:placeholder\:text-text-disabled-300:disabled::placeholder{color:var(--text-disabled-300)}
+.disabled\:before\:hidden:disabled::before{content:var(--tw-content);display:none}
+.disabled\:after\:hidden:disabled::after{content:var(--tw-content);display:none}
+.group\/download:hover .group-hover\/download\:block{display:block}
+.group\/filter-item:hover .group-hover\/filter-item\:block{display:block}
+.group\/rating:hover .group-hover\/rating\:block{display:block}
+.group\/download:hover .group-hover\/download\:hidden{display:none}
+.group\/filter-item:hover .group-hover\/filter-item\:hidden{display:none}
+.group\/rating:hover .group-hover\/rating\:hidden{display:none}
+.group\/radio:hover .group-hover\/radio\:border-primary-darker{border-color:var(--primary-darker)}
+.group\/checkbox:hover .group-hover\/checkbox\:bg-bg-sub-300{background-color:var(--bg-sub-300)}
+.group\/radio:hover .group-hover\/radio\:bg-bg-sub-300{background-color:var(--bg-sub-300)}
+.group\/row:hover .group-hover\/row\:bg-bg-weak-50{background-color:var(--bg-weak-50)}
+.group\/switch-card:hover .group-hover\/switch-card\:bg-bg-sub-300{background-color:var(--bg-sub-300)}
+.group\/switch:hover .group-hover\/switch\:bg-bg-sub-300{background-color:var(--bg-sub-300)}
+.group\/accordion:hover .group-hover\/accordion\:text-text-sub-600{color:var(--text-sub-600)}
+.group\/dismiss-button:hover .group-hover\/dismiss-button\:text-text-sub-600{color:var(--text-sub-600)}
+.group\/input-wrapper:hover .group-hover\/input-wrapper\:text-text-sub-600{color:var(--text-sub-600)}
+.group\/tag:hover .group-hover\/tag\:text-text-sub-600{color:var(--text-sub-600)}
+.group\/trigger:hover .group-hover\/trigger\:text-text-strong-950{color:var(--text-strong-950)}
+.group\/trigger:hover .group-hover\/trigger\:text-text-sub-600{color:var(--text-sub-600)}
+.group\/cmd-input:hover .group-hover\/cmd-input\:placeholder\:text-text-sub-600::placeholder{color:var(--text-sub-600)}
+.group\/input-wrapper:hover .group-hover\/input-wrapper\:placeholder\:text-text-sub-600::placeholder{color:var(--text-sub-600)}
+.group\/textarea:hover .group-hover\/textarea\:placeholder\:text-text-sub-600::placeholder{color:var(--text-sub-600)}
+.group\/radio:focus .group-focus\/radio\:border-primary-dark{border-color:var(--primary-darkest)}
+.group\/radio:focus .group-focus\/radio\:bg-primary-base{background-color:var(--primary-base)}
+.group\/dismiss-button:focus .group-focus\/dismiss-button\:text-text-sub-600{color:var(--text-sub-600)}
+.group\/trigger:focus .group-focus\/trigger\:text-text-strong-950{color:var(--text-strong-950)}
+.group\/checkbox:focus-visible .group-focus-visible\/checkbox\:bg-primary-base{background-color:var(--primary-base)}
+.group\/switch:active .group-active\/switch\:\!bg-bg-soft-200{background-color:var(--bg-soft-200) !important}
+.group\/checkbox:disabled .group-disabled\/checkbox\:hidden{display:none}
+.group\/radio:disabled .group-disabled\/radio\:hidden{display:none}
+.group\/time:disabled .group-disabled\/time\:hidden{display:none}
+.group\/radio:disabled .group-disabled\/radio\:border-bg-soft-200{border-color:var(--bg-soft-200)}
+.group\/checkbox:disabled .group-disabled\/checkbox\:\!bg-bg-soft-200{background-color:var(--bg-soft-200) !important}
+.group\/radio:disabled .group-disabled\/radio\:bg-bg-soft-200{background-color:var(--bg-soft-200)}
+.group\/time:disabled .group-disabled\/time\:text-text-disabled-300{color:var(--text-disabled-300)}
+.group\/trigger:disabled .group-disabled\/trigger\:text-text-disabled-300{color:var(--text-disabled-300)}
+.has-\[\:disabled\]\:pointer-events-none:has(:disabled){pointer-events:none}
+.has-\[input\:disabled\]\:pointer-events-none:has(input:disabled){pointer-events:none}
+.has-\[\>svg\:first-child\]\:grid-cols-\[auto_minmax\(0\2c 1fr\)\]:has(>svg:first-child){grid-template-columns:auto minmax(0,1fr)}
+.has-\[\>\.dot\]\:gap-1\.5:has(>.dot){gap:0.375rem}
+.has-\[\>\.dot\]\:gap-2:has(>.dot){gap:0.5rem}
+.has-\[\:disabled\]\:bg-bg-weak-50:has(:disabled){background-color:var(--bg-weak-50)}
+.has-\[\:focus-visible\]\:bg-bg-weak-50:has(:focus-visible){background-color:var(--bg-weak-50)}
+.has-\[\[data-state\=checked\]\]\:\!bg-bg-white-0:has([data-state=checked]){background-color:var(--bg-white-0) !important}
+.has-\[input\:disabled\]\:bg-bg-weak-50:has(input:disabled){background-color:var(--bg-weak-50)}
+.has-\[\[data-state\=checked\]\]\:\!shadow-none:has([data-state=checked]){--tw-shadow:0 0 #0000 !important;--tw-shadow-colored:0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important}
+.has-\[input\:disabled\]\:shadow-none:has(input:disabled){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.has-\[input\:focus\]\:shadow-button-error-focus:has(input:focus){--tw-shadow:0 0px 0px 2px var(--bg-white-0), 0 0px 0px 4px var(--red-alpha-10);--tw-shadow-colored:0 0px 0px 2px var(--tw-shadow-color), 0 0px 0px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.has-\[input\:focus\]\:shadow-button-important-focus:has(input:focus){--tw-shadow:0 0px 0px 2px var(--bg-white-0), 0 0px 0px 4px var(--neutral-alpha-16);--tw-shadow-colored:0 0px 0px 2px var(--tw-shadow-color), 0 0px 0px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.has-\[\:disabled\]\:ring-transparent:has(:disabled){--tw-ring-color:transparent}
+.has-\[\:focus-visible\]\:ring-transparent:has(:focus-visible){--tw-ring-color:transparent}
+.has-\[\[data-state\=checked\]\]\:\!ring-primary-base:has([data-state=checked]){--tw-ring-color:var(--primary-base) !important}
+.has-\[input\:disabled\]\:before\:ring-transparent:has(input:disabled)::before{content:var(--tw-content);--tw-ring-color:transparent}
+.has-\[input\:focus\]\:before\:ring-error-base:has(input:focus)::before{content:var(--tw-content);--tw-ring-color:var(--error-base)}
+.has-\[input\:focus\]\:before\:ring-stroke-strong-950:has(input:focus)::before{content:var(--tw-content);--tw-ring-color:var(--stroke-strong-950)}
+.group\/trigger:has(.group-has-\[\&\]\/trigger\:-ml-0\.5) .group-has-\[\&\]\/trigger\:-ml-0\.5{margin-left:-0.125rem}
+.group\/textarea:has(:disabled) .group-has-\[\:disabled\]\/textarea\:text-text-disabled-300{color:var(--text-disabled-300)}
+.group:has(:placeholder-shown) .group-has-\[\:placeholder-shown\]\:text-text-soft-400{color:var(--text-soft-400)}
+.group:has(input:disabled) .group-has-\[input\:disabled\]\:text-text-disabled-300{color:var(--text-disabled-300)}
+.group:has(input:focus) .group-has-\[input\:focus\]\:text-text-sub-600{color:var(--text-sub-600)}
+.group\/tab-list:has([data-state=active]) .group-has-\[\[data-state\=active\]\]\/tab-list\:opacity-100{opacity:1}
+.aria-disabled\:text-text-disabled-300[aria-disabled="true"]{color:var(--text-disabled-300)}
+.aria-\[selected\]\:bg-primary-base[aria-selected]{background-color:var(--primary-base)}
+.aria-\[selected\]\:\!text-static-white[aria-selected]{color:var(--static-white) !important}
+.aria-\[selected\]\:text-static-white[aria-selected]{color:var(--static-white)}
+.group[aria-disabled="true"] .group-aria-disabled\:text-text-disabled-300{color:var(--text-disabled-300)}
+.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}
+.data-\[side\=bottom\]\:origin-top[data-side="bottom"]{transform-origin:top}
+.data-\[side\=left\]\:origin-right[data-side="left"]{transform-origin:right}
+.data-\[side\=right\]\:origin-left[data-side="right"]{transform-origin:left}
+.data-\[side\=top\]\:origin-bottom[data-side="top"]{transform-origin:bottom}
+.data-\[state\=checked\]\:translate-x-\[14px\][data-state="checked"]{--tw-translate-x:14px;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))}
+.data-\[state\=checked\]\:translate-x-\[18px\][data-state="checked"]{--tw-translate-x:18px;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))}
+.data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"]{--tw-translate-x:0px;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))}
+.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"]{--tw-translate-x:var(--radix-toast-swipe-end-x);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))}
+.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"]{--tw-translate-x:var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
+@keyframes accordion-up{
+from{height:var(--radix-accordion-content-height);opacity:1}
+to{height:0;opacity:0}}
+.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"]{animation:accordion-up .2s ease-out}
+@keyframes accordion-down{
+from{height:0;opacity:0}
+to{height:var(--radix-accordion-content-height);opacity:1}}
+.data-\[state\=open\]\:animate-accordion-down[data-state="open"]{animation:accordion-down .2s ease-out}
+.data-\[disabled\]\:cursor-default[data-disabled]{cursor:default}
+.data-\[state\=checked\]\:border-primary-base[data-state="checked"]{border-color:var(--primary-base)}
+.data-\[state\=indeterminate\]\:border-primary-base[data-state="indeterminate"]{border-color:var(--primary-base)}
+.data-\[disabled\]\:bg-bg-weak-50[data-disabled]{background-color:var(--bg-weak-50)}
+.data-\[highlighted\]\:bg-bg-weak-50[data-highlighted]{background-color:var(--bg-weak-50)}
+.data-\[selected\=true\]\:bg-bg-weak-50[data-selected="true"]{background-color:var(--bg-weak-50)}
+.data-\[state\=active\]\:bg-bg-weak-50[data-state="active"]{background-color:var(--bg-weak-50)}
+.data-\[state\=checked\]\:bg-\[\#0088ff\][data-state="checked"]{--tw-bg-opacity:1;background-color:rgb(0 136 255 / var(--tw-bg-opacity))}
+.data-\[state\=checked\]\:bg-bg-weak-50[data-state="checked"]{background-color:var(--bg-weak-50)}
+.data-\[state\=checked\]\:bg-bg-white-0[data-state="checked"]{background-color:var(--bg-white-0)}
+.data-\[state\=indeterminate\]\:bg-bg-white-0[data-state="indeterminate"]{background-color:var(--bg-white-0)}
+.data-\[state\=on\]\:bg-bg-weak-50[data-state="on"]{background-color:var(--bg-weak-50)}
+.data-\[state\=open\]\:bg-bg-weak-50[data-state="open"]{background-color:var(--bg-weak-50)}
+.data-\[visual-state\=hover\]\:bg-bg-weak-50[data-visual-state="hover"]{background-color:var(--bg-weak-50)}
+.data-\[disabled\]\:text-text-disabled-300[data-disabled]{color:var(--text-disabled-300)}
+.data-\[placeholder\]\:text-text-sub-600[data-placeholder]{color:var(--text-sub-600)}
+.data-\[state\=active\]\:text-text-strong-950[data-state="active"]{color:var(--text-strong-950)}
+.data-\[state\=checked\]\:text-text-strong-950[data-state="checked"]{color:var(--text-strong-950)}
+.data-\[state\=on\]\:text-text-strong-950[data-state="on"]{color:var(--text-strong-950)}
+.data-\[state\=open\]\:text-text-strong-950[data-state="open"]{color:var(--text-strong-950)}
+.data-\[disabled\]\:opacity-50[data-disabled]{opacity:0.5}
+.data-\[state\=checked\]\:shadow-none[data-state="checked"]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.data-\[state\=indeterminate\]\:shadow-none[data-state="indeterminate"]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.data-\[visual-state\=hover\]\:shadow-none[data-visual-state="hover"]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+.data-\[highlighted\]\:outline-none[data-highlighted]{outline:2px solid transparent;outline-offset:2px}
+.data-\[state\=open\]\:ring-transparent[data-state="open"]{--tw-ring-color:transparent}
+.data-\[visual-state\=hover\]\:ring-transparent[data-visual-state="hover"]{--tw-ring-color:transparent}
+.data-\[swipe\=move\]\:transition-none[data-swipe="move"]{transition-property:none}
+.data-\[state\=closed\]\:duration-200[data-state="closed"]{transition-duration:200ms}
+.data-\[state\=open\]\:duration-200[data-state="open"]{transition-duration:200ms}
+.data-\[state\=closed\]\:ease-in[data-state="closed"]{transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}
+.data-\[state\=open\]\:ease-out[data-state="open"]{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}
+.data-\[state\=open\]\:animate-in[data-state="open"]{animation-name:enter;animation-duration:150ms;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}
+.data-\[state\=closed\]\:animate-out[data-state="closed"]{animation-name:exit;animation-duration:150ms;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}
+.data-\[swipe\=end\]\:animate-out[data-swipe="end"]{animation-name:exit;animation-duration:150ms;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}
+.data-\[state\=closed\]\:fade-out-0[data-state="closed"]{--tw-exit-opacity:0}
+.data-\[state\=closed\]\:fade-out-80[data-state="closed"]{--tw-exit-opacity:0.8}
+.data-\[state\=open\]\:fade-in-0[data-state="open"]{--tw-enter-opacity:0}
+.data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{--tw-exit-scale:.95}
+.data-\[state\=open\]\:zoom-in-95[data-state="open"]{--tw-enter-scale:.95}
+.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{--tw-enter-translate-y:-0.5rem}
+.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{--tw-enter-translate-x:0.5rem}
+.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{--tw-enter-translate-x:-0.5rem}
+.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{--tw-enter-translate-y:0.5rem}
+.data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"]{--tw-exit-translate-x:100%}
+.data-\[state\=open\]\:slide-in-from-right-full[data-state="open"]{--tw-enter-translate-x:100%}
+.data-\[state\=closed\]\:duration-200[data-state="closed"]{animation-duration:200ms}
+.data-\[state\=open\]\:duration-200[data-state="open"]{animation-duration:200ms}
+.data-\[state\=closed\]\:ease-in[data-state="closed"]{animation-timing-function:cubic-bezier(0.4, 0, 1, 1)}
+.data-\[state\=open\]\:ease-out[data-state="open"]{animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}
+.data-\[placeholder\]\:focus\:text-text-strong-950:focus[data-placeholder]{color:var(--text-strong-950)}
+.data-\[placeholder\]\:disabled\:text-text-disabled-300:disabled[data-placeholder]{color:var(--text-disabled-300)}
+.group\/checkbox[data-state="checked"] .group-data-\[state\=checked\]\/checkbox\:block{display:block}
+.group\/checkbox[data-state="indeterminate"] .group-data-\[state\=indeterminate\]\/checkbox\:block{display:block}
+.group\/accordion[data-state="open"] .group-data-\[state\=open\]\/accordion\:block{display:block}
+.group\/accordion[data-state="open"] .group-data-\[state\=open\]\/accordion\:hidden{display:none}
+.group\/trigger[data-state="open"] .group-data-\[state\=open\]\/trigger\: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))}
+.group\/tab-item[data-state="active"] .group-data-\[state\=active\]\/tab-item\:scale-100{--tw-scale-x:1;--tw-scale-y: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))}
+.group\/swatch-item[data-selected="true"] .group-data-\[selected\=true\]\/swatch-item\:border-2{border-width:2px}
+.group\/checkbox[data-state="checked"] .group-data-\[state\=checked\]\/checkbox\:bg-primary-base{background-color:var(--primary-base)}
+.group\/radio[data-state="checked"] .group-data-\[state\=checked\]\/radio\:bg-bg-white-0{background-color:var(--bg-white-0)}
+.group\/switch[data-state="checked"] .group-data-\[state\=checked\]\/switch\:bg-primary-base{background-color:var(--primary-base)}
+.group\/switch[data-state="checked"][data-visual-state="hover"] .group-data-\[state\=checked\]\/switch\:group-data-\[visual-state\=hover\]\/switch\:bg-\[--primary-dark\]{background-color:var(--primary-dark)}
+.group\/switch[data-state="checked"][data-visual-state="pressed"] .group-data-\[state\=checked\]\/switch\:group-data-\[visual-state\=pressed\]\/switch\:\!bg-primary-base{background-color:var(--primary-base) !important}
+.group\/checkbox[data-state="indeterminate"] .group-data-\[state\=indeterminate\]\/checkbox\:bg-primary-base{background-color:var(--primary-base)}
+.group\/switch[data-visual-state="hover"] .group-data-\[visual-state\=hover\]\/switch\:bg-bg-sub-300{background-color:var(--bg-sub-300)}
+.group\/switch[data-visual-state="pressed"] .group-data-\[visual-state\=pressed\]\/switch\:\!bg-bg-soft-200{background-color:var(--bg-soft-200) !important}
+.group\/item[data-disabled] .group-data-\[disabled\]\/item\:text-text-disabled-300{color:var(--text-disabled-300)}
+.group\/trigger[data-placeholder] .group-data-\[placeholder\]\/trigger\:text-text-soft-400{color:var(--text-soft-400)}
+.group\/tab-item[data-state="active"] .group-data-\[state\=active\]\/tab-item\:text-primary-base{color:var(--primary-base)}
+.group\/trigger[data-state="open"] .group-data-\[state\=open\]\/trigger\:text-text-strong-950{color:var(--text-strong-950)}
+.group\/trigger[data-state="open"] .group-data-\[state\=open\]\/trigger\:text-text-sub-600{color:var(--text-sub-600)}
+.group\/toast[data-expanded="false"][data-front="false"] .group-data-\[expanded\=false\]\/toast\:group-data-\[front\=false\]\/toast\:opacity-0{opacity:0}
+.group\/tab-item[data-state="active"] .group-data-\[state\=active\]\/tab-item\:opacity-100{opacity:1}
+.group\/checkbox[data-state="checked"] .group-data-\[state\=checked\]\/checkbox\:opacity-0{opacity:0}
+.group\/checkbox[data-state="indeterminate"] .group-data-\[state\=indeterminate\]\/checkbox\:opacity-0{opacity:0}
+.group\/swatch-item[data-selected="true"] .group-data-\[selected\=true\]\/swatch-item\:ring-\[1\.5px\]{--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(1.5px + 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)}
+.group\/switch[data-state="checked"] .group\/switch-card:hover .group-data-\[state\=checked\]\/switch\:group-hover\/switch-card\:bg-\[--primary-dark\]{background-color:var(--primary-dark)}
+.group\/switch[data-state="checked"]:hover .group-data-\[state\=checked\]\/switch\:group-hover\/switch\:bg-\[--primary-dark\]{background-color:var(--primary-dark)}
+.group\/checkbox:hover[data-state="checked"] .group-hover\/checkbox\:group-data-\[state\=checked\]\/checkbox\:bg-primary-darker{background-color:var(--primary-darker)}
+.group\/checkbox:hover[data-state="indeterminate"] .group-hover\/checkbox\:group-data-\[state\=indeterminate\]\/checkbox\:bg-primary-darker{background-color:var(--primary-darker)}
+.group\/checkbox:focus-visible[data-state="checked"] .group-focus-visible\/checkbox\:group-data-\[state\=checked\]\/checkbox\:bg-primary-dark{background-color:var(--primary-darkest)}
+.group\/checkbox:focus-visible[data-state="indeterminate"] .group-focus-visible\/checkbox\:group-data-\[state\=indeterminate\]\/checkbox\:bg-primary-dark{background-color:var(--primary-darkest)}
+.group\/switch[data-state="checked"]:active .group-data-\[state\=checked\]\/switch\:group-active\/switch\:\!bg-primary-base{background-color:var(--primary-base) !important}
+@media (prefers-reduced-motion: no-preference){
+@keyframes spin{
+to{transform:rotate(360deg)}}
+.motion-safe\:animate-spin{animation:spin 1s linear infinite}}
+@media (prefers-reduced-motion: reduce){
+.motion-reduce\:transition-none{transition-property:none}}
+.dark\:block:is(.dark *){display:block}
+.dark\:hidden:is(.dark *){display:none}
+.dark\:invert:is(.dark *){--tw-invert:invert(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)}
+.dark\:\[color-scheme\:dark\]:is(.dark *){color-scheme:dark}
+.dark\:data-\[state\=unchecked\]\:bg-white-alpha-16[data-state="unchecked"]:is(.dark *){background-color:var(--white-alpha-16)}
+@media (max-width: 639px){
+.data-\[state\=closed\]\:max-\[639px\]\:slide-out-to-top-full[data-state="closed"]{--tw-exit-translate-y:-100%}
+.data-\[state\=open\]\:max-\[639px\]\:slide-in-from-top-full[data-state="open"]{--tw-enter-translate-y:-100%}}
+@media (min-width: 640px){
+.sm\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}
+.sm\:bottom-0{bottom:0px}
+.sm\:left-auto{left:auto}
+.sm\:right-0{right:0px}
+.sm\:top-auto{top:auto}
+.sm\:max-w-\[438px\]{max-width:438px}
+.sm\:flex-1{flex:1 1 0%}
+.sm\:flex-none{flex:none}
+.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
+.sm\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
+.sm\:flex-col{flex-direction:column}
+.sm\:flex-wrap{flex-wrap:wrap}
+.sm\:border-s{border-inline-start-width:1px}
+.sm\:border-stroke-soft-200{border-color:var(--stroke-soft-200)}
+.sm\:p-6{padding:1.5rem}
+.sm\:ps-6{padding-inline-start:1.5rem}
+.sm\:opacity-0{opacity:0}
+.group\/notification:focus-within .sm\:group-focus-within\/notification\:opacity-100{opacity:1}
+.group\/notification:hover .sm\:group-hover\/notification\:opacity-100{opacity:1}
+.data-\[state\=closed\]\:sm\:slide-out-to-right-full[data-state="closed"]{--tw-exit-translate-x:100%}
+.data-\[state\=open\]\:sm\:slide-in-from-right-full[data-state="open"]{--tw-enter-translate-x:100%}}
+@media (min-width: 1024px){
+.lg\:grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}}
+.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *){--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))}
+.rtl\:data-\[state\=checked\]\:-translate-x-\[14px\][data-state="checked"]:where([dir="rtl"], [dir="rtl"] *){--tw-translate-x:-14px;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))}
+.rtl\:data-\[state\=checked\]\:-translate-x-\[18px\][data-state="checked"]:where([dir="rtl"], [dir="rtl"] *){--tw-translate-x:-18px;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))}
+.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none}
+.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}
+.\[\&\:\:-webkit-resizer\]\:opacity-0::-webkit-resizer{opacity:0}
+.\[\&\:has\(\.day-range-end\)\:not\(\:first-child\)\]\:before\:\!block:has(.day-range-end):not(:first-child)::before{content:var(--tw-content);display:block !important}
+.\[\&\:has\(\.day-range-end\)\]\:before\:left-0:has(.day-range-end)::before{content:var(--tw-content);left:0px}
+.\[\&\:has\(\.day-range-end\)\]\:before\:right-auto:has(.day-range-end)::before{content:var(--tw-content);right:auto}
+.\[\&\:has\(\.day-range-middle\)\]\:bg-primary-alpha-10:has(.day-range-middle){background-color:var(--primary-alpha-10)}
+.\[\&\:has\(\.day-range-middle\)\]\:before\:block:has(.day-range-middle)::before{content:var(--tw-content);display:block}
+.last\:\[\&\:has\(\.day-range-middle\)\]\:before\:hidden:has(.day-range-middle):last-child::before{content:var(--tw-content);display:none}
+.\[\&\:has\(\.day-range-start\)\]\:before\:block:has(.day-range-start)::before{content:var(--tw-content);display:block}
+.\[\&\:has\(\.day-range-start\)\]\:before\:w-3:has(.day-range-start)::before{content:var(--tw-content);width:0.75rem}
+.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-full:has([aria-selected]):first-child{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}
+.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-full:has([aria-selected]):last-child{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}
+.\[\&\:not\(\.remixicon\)\]\:opacity-\[\.48\]:not(.remixicon){opacity:.48}
+.group\/trigger:disabled .group-disabled\/trigger\:\[\&\:not\(\.remixicon\)\]\:opacity-\[\.48\]:not(.remixicon){opacity:.48}
+.hover\:\[\&\:not\(\:focus\)\]\:bg-bg-weak-50:not(:focus):hover{background-color:var(--bg-weak-50)}
+.hover\:\[\&\:not\(\:focus\)\]\:ring-transparent:not(:focus):hover{--tw-ring-color:transparent}
+.hover\:\[\&\:not\(\:focus-within\)\]\:bg-bg-weak-50:not(:focus-within):hover{background-color:var(--bg-weak-50)}
+.hover\:\[\&\:not\(\:focus-within\)\]\:ring-transparent:not(:focus-within):hover{--tw-ring-color:transparent}
+.\[\&\:not\(\:has\(\+_\*_\[type\=button\]\)\)\]\:before\:hidden:not(:has(+ * [type=button]))::before{content:var(--tw-content);display:none}
+.\[\&\:not\(\:has\(\+_\*_button\)\)\]\:rounded-r-full:not(:has(+ * button)){border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}
+.\[\&\:not\(\:has\(button\)\)\+\:has\(\.day-range-middle\)\]\:rounded-l-full:not(:has(button))+:has(.day-range-middle){border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}
+.hover\:\[\&\:not\(\:has\(input\:focus\)\)\:has\(\>\:only-child\)\]\:before\:ring-transparent:not(:has(input:focus)):has(>:only-child):hover::before{content:var(--tw-content);--tw-ring-color:transparent}
+.hover\:\[\&\:not\(\:has\(input\:focus\)\)\]\:bg-bg-weak-50:not(:has(input:focus)):hover{background-color:var(--bg-weak-50)}
+.\[\&\>\*\+\*\]\:-ml-\[1\.5px\]>*+*{margin-left:-1.5px}
+.\[\&\>\*\]\:w-full>*{width:100%}
+.\[\&\>\[cmdk-group-heading\]\]\:mb-2>[cmdk-group-heading]{margin-bottom:0.5rem}
+.\[\&\>\[cmdk-group-heading\]\]\:px-3>[cmdk-group-heading]{padding-left:0.75rem;padding-right:0.75rem}
+.\[\&\>\[cmdk-group-heading\]\]\:pt-1>[cmdk-group-heading]{padding-top:0.25rem}
+.\[\&\>\[cmdk-group-heading\]\]\:text-label-xs>[cmdk-group-heading]{font-size:0.75rem;line-height:1rem;letter-spacing:0em;font-weight:500}
+.\[\&\>\[cmdk-group-heading\]\]\:text-text-sub-600>[cmdk-group-heading]{color:var(--text-sub-600)}
+.\[\&\>\[cmdk-label\]\+\*\]\:\!border-t-0>[cmdk-label]+*{border-top-width:0px !important}
+.\[\&\>\[cmdk-list-sizer\]\]\:divide-y>[cmdk-list-sizer] > :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))}
+.\[\&\>\[cmdk-list-sizer\]\]\:divide-stroke-soft-200>[cmdk-list-sizer] > :not([hidden]) ~ :not([hidden]){border-color:var(--stroke-soft-200)}
+.\[\&\>\[cmdk-list-sizer\]\]\:overflow-auto>[cmdk-list-sizer]{overflow:auto}
+.\[\&\>svg\]\:size-5>svg{width:1.25rem;height:1.25rem}
+.\[\&\>svg\]\:size-full>svg{width:100%;height:100%}
+[data-disabled] .\[\[data-disabled\]_\&\:not\(\.remixicon\)\]\:opacity-\[\.48\]:not(.remixicon){opacity:.48}
+[data-disabled] .\[\[data-disabled\]_\&\]\:text-text-disabled-300{color:var(--text-disabled-300)}