@import url(https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&family=Geist+Mono:wght@400;500;600;700&display=swap);
*,*::before,*::after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;margin:0;padding:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:var(--font-sans)}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:""}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none !important}button{appearance:none;background:rgba(0,0,0,0);border:none;outline:none;cursor:pointer;padding:0;margin:0;font:inherit;color:inherit}button:focus,button:active{outline:none}input,textarea,select{appearance:none;border:none;outline:none;background:rgba(0,0,0,0);font:inherit;color:inherit}input[type=text]::-ms-clear{display:none}
@font-face{font-family:"Roboto-medium";src:url(/static/media/Roboto-Medium.7c8d04cd831df3033c8a.ttf) format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Roboto-regular";src:url(/static/media/Roboto-Regular.fc2b5060f7accec5cf74.ttf) format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Roboto-light";src:url(/static/media/Roboto-Light.839cb7309f46fed11436.ttf) format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Roboto-flex";src:url(/static/media/RobotoFlex.f700cdc3d6dd6bdaebd3.ttf) format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Roboto-flex-bold";src:url(/static/media/RobotoFlex.f700cdc3d6dd6bdaebd3.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"MuseoSans-light";src:url(/static/media/MuseoSansCyrl_300.b629c23bdf9837cf6bf9.otf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"MuseoSans-regular";src:url(/static/media/MuseoSansCyrl_500.49e8040ce82e8b825551.otf) format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"MuseoSans600";src:url(/static/media/MuseoSansCyrl_700.1f870401b69ab2dad2dd.otf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:"MuseoSans700";src:url(/static/media/MuseoSansCyrl_700.1f870401b69ab2dad2dd.otf) format("truetype");font-weight:normal;font-style:normal}
/* Kubiki UI System — webfonts.
   UI text is Inter (+ Inter Display for large headings) and Geist Mono for mono,
   loaded from Google Fonts. TT Chocolates is the Kubiki brand/display face, self-hosted. */

@font-face{font-family:"TT Chocolates";src:url(/static/media/TT-Chocolates-Light.9cafc1c400d6207abcb2.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"TT Chocolates";src:url(/static/media/TT-Chocolates-Regular.b024a69aecbd9c45842e.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"TT Chocolates";src:url(/static/media/TT-Chocolates-Medium.24694ceadecefc479427.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"TT Chocolates";src:url(/static/media/TT-Chocolates-DemiBold.531805be4cd179908dc1.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"TT Chocolates";src:url(/static/media/TT-Chocolates-Bold.5eec393b3ead5802c9ff.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --0: var(--neutral-gray-0); /* @kind color */
  --100: var(--neutral-gray-100); /* @kind color */
  --200: var(--neutral-gray-200); /* @kind color */
  --300: var(--neutral-gray-300); /* @kind color */
  --400: var(--neutral-gray-400); /* @kind color */
  --500: var(--neutral-gray-500); /* @kind color */
  --50: var(--neutral-gray-50); /* @kind color */
  --600: var(--neutral-gray-600); /* @kind color */
  --700: var(--neutral-gray-700); /* @kind color */
  --800: var(--neutral-gray-800); /* @kind color */
  --900: var(--neutral-gray-900); /* @kind color */
  --950: var(--neutral-gray-950); /* @kind color */
  --alpha-black-alpha-10: rgba(23,23,23,0.1); /* @kind color */
  --alpha-black-alpha-16: rgba(23,23,23,0.16); /* @kind color */
  --alpha-black-alpha-24: rgba(23,23,23,0.24); /* @kind color */
  --alpha-blue-alpha-10: rgba(71,108,255,0.1); /* @kind color */
  --alpha-blue-alpha-16: rgba(71,108,255,0.16); /* @kind color */
  --alpha-blue-alpha-24-2: rgba(71,108,255,0.24); /* @kind color */
  --alpha-blue-alpha-24: rgba(59,121,246,0.24); /* @kind color */
  --alpha-blue-alpha-8: rgba(59,121,246,0.08); /* @kind color */
  --alpha-gray-alpha-0: rgba(163,163,163,0); /* @kind color */
  --alpha-gray-alpha-10: rgba(163,163,163,0.1); /* @kind color */
  --alpha-gray-alpha-16: rgba(163,163,163,0.16); /* @kind color */
  --alpha-gray-alpha-24: rgba(163,163,163,0.24); /* @kind color */
  --alpha-green-alpha-10: rgba(31,193,107,0.1); /* @kind color */
  --alpha-green-alpha-16: rgba(31,193,107,0.16); /* @kind color */
  --alpha-green-alpha-24: rgba(31,193,107,0.24); /* @kind color */
  --alpha-orange-alpha-10: rgba(250,115,25,0.1); /* @kind color */
  --alpha-orange-alpha-16: rgba(250,115,25,0.16); /* @kind color */
  --alpha-orange-alpha-24: rgba(250,115,25,0.24); /* @kind color */
  --alpha-pink-alpha-10: rgba(251,75,163,0.1); /* @kind color */
  --alpha-pink-alpha-16: rgba(251,75,163,0.16); /* @kind color */
  --alpha-pink-alpha-24: rgba(251,75,163,0.24); /* @kind color */
  --alpha-primary-alpha-10: var(--theme-green-alpha-10); /* @kind color */
  --alpha-primary-alpha-16: var(--theme-green-alpha-16); /* @kind color */
  --alpha-primary-alpha-24: var(--theme-green-alpha-24); /* @kind color */
  --alpha-purple-alpha-10: rgba(120,77,239,0.1); /* @kind color */
  --alpha-purple-alpha-16: rgba(120,77,239,0.16); /* @kind color */
  --alpha-purple-alpha-24: rgba(120,77,239,0.24); /* @kind color */
  --alpha-red-alpha-10: rgba(251,55,72,0.1); /* @kind color */
  --alpha-red-alpha-16: rgba(251,55,72,0.16); /* @kind color */
  --alpha-red-alpha-24: rgba(251,55,72,0.24); /* @kind color */
  --alpha-shadow-blue-alpha-0: rgba(18,35,104,0); /* @kind color */
  --alpha-shadow-blue-alpha-2: rgba(18,35,104,0.02); /* @kind color */
  --alpha-shadow-blue-alpha-4: rgba(18,35,104,0.04); /* @kind color */
  --alpha-shadow-blue-alpha-6: rgba(18,35,104,0.06); /* @kind color */
  --alpha-shadow-blue-alpha-8: rgba(18,35,104,0.08); /* @kind color */
  --alpha-shadow-gray-alpha-0: rgba(23,23,23,0); /* @kind color */
  --alpha-shadow-gray-alpha-2: rgba(23,23,23,0.02); /* @kind color */
  --alpha-shadow-gray-alpha-4: rgba(23,23,23,0.04); /* @kind color */
  --alpha-shadow-gray-alpha-6: rgba(23,23,23,0.06); /* @kind color */
  --alpha-shadow-gray-alpha-8: rgba(23,23,23,0.08); /* @kind color */
  --alpha-shadow-green-alpha-0: rgba(11,70,39,0); /* @kind color */
  --alpha-shadow-green-alpha-2: rgba(11,70,39,0.02); /* @kind color */
  --alpha-shadow-green-alpha-4: rgba(11,70,39,0.04); /* @kind color */
  --alpha-shadow-green-alpha-6: rgba(11,70,39,0.06); /* @kind color */
  --alpha-shadow-green-alpha-8: rgba(11,70,39,0.08); /* @kind color */
  --alpha-shadow-orange-alpha-0: rgba(113,51,10,0); /* @kind color */
  --alpha-shadow-orange-alpha-2: rgba(113,51,10,0.02); /* @kind color */
  --alpha-shadow-orange-alpha-4: rgba(113,51,10,0.04); /* @kind color */
  --alpha-shadow-orange-alpha-6: rgba(113,51,10,0.06); /* @kind color */
  --alpha-shadow-orange-alpha-8: rgba(113,51,10,0.08); /* @kind color */
  --alpha-shadow-purple-alpha-0: rgba(53,26,117,0); /* @kind color */
  --alpha-shadow-purple-alpha-2: rgba(53,26,117,0.02); /* @kind color */
  --alpha-shadow-purple-alpha-4: rgba(53,26,117,0.04); /* @kind color */
  --alpha-shadow-purple-alpha-6: rgba(53,26,117,0.06); /* @kind color */
  --alpha-shadow-purple-alpha-8: rgba(53,26,117,0.08); /* @kind color */
  --alpha-sky-alpha-10: rgba(71,194,255,0.1); /* @kind color */
  --alpha-sky-alpha-16: rgba(71,194,255,0.16); /* @kind color */
  --alpha-sky-alpha-24: rgba(71,194,255,0.24); /* @kind color */
  --alpha-slate-alpha-10: rgba(153,160,174,0.1); /* @kind color */
  --alpha-slate-alpha-16: rgba(153,160,174,0.16); /* @kind color */
  --alpha-slate-alpha-24: rgba(153,160,174,0.24); /* @kind color */
  --alpha-teal-alpha-10: rgba(34,211,187,0.1); /* @kind color */
  --alpha-teal-alpha-16: rgba(34,211,187,0.16); /* @kind color */
  --alpha-teal-alpha-24: rgba(34,211,187,0.24); /* @kind color */
  --alpha-white-alpha-0: rgba(255,255,255,0); /* @kind color */
  --alpha-white-alpha-10: rgba(255,255,255,0.1); /* @kind color */
  --alpha-white-alpha-16: rgba(255,255,255,0.16); /* @kind color */
  --alpha-white-alpha-24: rgba(255,255,255,0.24); /* @kind color */
  --alpha-yellow-alpha-10: rgba(251,198,75,0.1); /* @kind color */
  --alpha-yellow-alpha-16: rgba(251,198,75,0.16); /* @kind color */
  --alpha-yellow-alpha-24: rgba(251,198,75,0.24); /* @kind color */
  --bg-soft-200: var(--200); /* @kind color */
  --bg-strong-950: var(--950); /* @kind color */
  --bg-sub-300: var(--300); /* @kind color */
  --bg-surface-800: var(--800); /* @kind color */
  --bg-weak-25: var(--50); /* @kind color */
  --bg-weak-50: var(--50); /* @kind color */
  --bg-white-0-2: var(--neutral-0); /* @kind color */
  --bg-white-0: var(--0); /* @kind color */
  --blue-100: rgb(213,226,255); /* @kind color */
  --blue-200: rgb(192,213,255); /* @kind color */
  --blue-300: rgb(151,186,255); /* @kind color */
  --blue-400: rgb(77,130,255); /* @kind color */
  --blue-500: rgb(51,92,255); /* @kind color */
  --blue-50: rgb(235,241,255); /* @kind color */
  --blue-600: rgb(53,89,233); /* @kind color */
  --blue-700: rgb(37,71,208); /* @kind color */
  --blue-800: rgb(31,59,173); /* @kind color */
  --blue-900: rgb(24,47,139); /* @kind color */
  --blue-950: rgb(18,35,104); /* @kind color */
  --buttons-old-state-gray-focus: var(--neutral-slate-200); /* @kind color */
  --buttons-old-state-primary-focus: var(--alpha-blue-alpha-8); /* @kind color */
  --green-100: rgb(214,245,232); /* @kind color */
  --green-200: rgb(194,245,218); /* @kind color */
  --green-300: rgb(132,235,180); /* @kind color */
  --green-400: rgb(62,224,137); /* @kind color */
  --green-500: rgb(31,193,107); /* @kind color */
  --green-50: rgb(227,247,236); /* @kind color */
  --green-600: rgb(29,175,97); /* @kind color */
  --green-700: rgb(23,140,78); /* @kind color */
  --green-800: rgb(26,117,68); /* @kind color */
  --green-900: rgb(22,100,59); /* @kind color */
  --green-950: rgb(11,70,39); /* @kind color */
  --green-base: rgb(56,199,147); /* @kind color */
  --icon-blck-primary: rgb(0,0,0); /* @kind color */
  --icon-colored: rgb(18,188,106); /* @kind color */
  --icon-disabled-300: var(--300); /* @kind color */
  --icon-inversion: rgb(255,255,255); /* @kind color */
  --icon-soft-400: var(--400); /* @kind color */
  --icon-strong-950: var(--950); /* @kind color */
  --icon-sub-600: var(--600); /* @kind color */
  --icon-white-0-2: var(--neutral-0); /* @kind color */
  --icon-white-0: var(--0); /* @kind color */
  --illustration-soft-200: var(--neutral-gray-200); /* @kind color */
  --illustration-strong-400: var(--neutral-gray-400); /* @kind color */
  --illustration-sub-300: var(--neutral-gray-300); /* @kind color */
  --illustration-weak-100: var(--neutral-gray-100); /* @kind color */
  --illustration-white-0: var(--neutral-gray-0); /* @kind color */
  --neutral-0: rgb(255,255,255); /* @kind color */
  --neutral-200: rgb(226,228,233); /* @kind color */
  --neutral-400: rgb(134,140,152); /* @kind color */
  --neutral-900: rgb(10,13,20); /* @kind color */
  --neutral-bg-white-0: var(--neutral-slate-0); /* @kind color */
  --neutral-gray-0: rgb(255,255,255); /* @kind color */
  --neutral-gray-100: rgb(245,245,245); /* @kind color */
  --neutral-gray-200: rgb(235,235,235); /* @kind color */
  --neutral-gray-300: rgb(209,209,209); /* @kind color */
  --neutral-gray-400: rgb(163,163,163); /* @kind color */
  --neutral-gray-500: rgb(123,123,123); /* @kind color */
  --neutral-gray-50: rgb(247,247,247); /* @kind color */
  --neutral-gray-600: rgb(92,92,92); /* @kind color */
  --neutral-gray-700: rgb(51,51,51); /* @kind color */
  --neutral-gray-800: rgb(38,38,38); /* @kind color */
  --neutral-gray-900: rgb(28,28,28); /* @kind color */
  --neutral-gray-950: rgb(23,23,23); /* @kind color */
  --neutral-slate-0: rgb(255,255,255); /* @kind color */
  --neutral-slate-100: rgb(242,245,248); /* @kind color */
  --neutral-slate-200: rgb(234,236,240); /* @kind color */
  --neutral-slate-300: rgb(202,207,216); /* @kind color */
  --neutral-slate-400: rgb(153,160,174); /* @kind color */
  --neutral-slate-500: rgb(113,119,132); /* @kind color */
  --neutral-slate-50: rgb(245,247,250); /* @kind color */
  --neutral-slate-600: rgb(82,88,102); /* @kind color */
  --neutral-slate-700: rgb(43,48,59); /* @kind color */
  --neutral-slate-800: rgb(34,37,48); /* @kind color */
  --neutral-slate-900: rgb(24,27,37); /* @kind color */
  --neutral-slate-950: rgb(14,18,27); /* @kind color */
  --orange-100: rgb(255,230,213); /* @kind color */
  --orange-200: rgb(255,217,192); /* @kind color */
  --orange-300: rgb(255,193,151); /* @kind color */
  --orange-400: rgb(255,164,104); /* @kind color */
  --orange-500: rgb(250,115,25); /* @kind color */
  --orange-50: rgb(255,243,235); /* @kind color */
  --orange-600: rgb(225,102,20); /* @kind color */
  --orange-700: rgb(206,94,18); /* @kind color */
  --orange-800: rgb(183,83,16); /* @kind color */
  --orange-900: rgb(150,68,13); /* @kind color */
  --orange-950: rgb(113,51,10); /* @kind color */
  --overlay-overlay-gray: rgba(51,51,51,0.24); /* @kind color */
  --overlay-overlay-slate: rgba(43,48,59,0.24); /* @kind color */
  --overlay-overlay-white-0: rgba(255,255,255,0); /* @kind color */
  --overlay-overlay-white: rgb(255,255,255); /* @kind color */
  --pink-100: rgb(255,213,234); /* @kind color */
  --pink-200: rgb(255,192,223); /* @kind color */
  --pink-300: rgb(255,151,203); /* @kind color */
  --pink-400: rgb(255,104,179); /* @kind color */
  --pink-500: rgb(251,75,163); /* @kind color */
  --pink-50: rgb(255,235,244); /* @kind color */
  --pink-600: rgb(233,53,143); /* @kind color */
  --pink-700: rgb(208,37,122); /* @kind color */
  --pink-800: rgb(173,31,102); /* @kind color */
  --pink-900: rgb(139,24,82); /* @kind color */
  --pink-950: rgb(104,18,61); /* @kind color */
  --primary-base: var(--theme-green-base); /* @kind color */
  --primary-dark: var(--theme-green-dark); /* @kind color */
  --primary-darkest: var(--theme-green-darker); /* @kind color */
  --primary-light: var(--theme-green-light); /* @kind color */
  --primary-lighter-2: var(--theme-green-lighter); /* @kind color */
  --primary-lighter: var(--sky-50); /* @kind color */
  --purple-100: rgb(220,213,255); /* @kind color */
  --purple-200: rgb(202,192,255); /* @kind color */
  --purple-300: rgb(168,151,255); /* @kind color */
  --purple-400: rgb(140,113,246); /* @kind color */
  --purple-500: rgb(125,82,244); /* @kind color */
  --purple-50: rgb(239,235,255); /* @kind color */
  --purple-600: rgb(105,62,224); /* @kind color */
  --purple-700: rgb(91,44,201); /* @kind color */
  --purple-800: rgb(76,37,167); /* @kind color */
  --purple-900: rgb(61,29,134); /* @kind color */
  --purple-950: rgb(53,26,117); /* @kind color */
  --radius-0: 0;
  --radius-10: 10;
  --radius-12: 12;
  --radius-16: 16;
  --radius-20: 20;
  --radius-24: 24;
  --radius-28: 28;
  --radius-2: 2;
  --radius-4: 4;
  --radius-6: 6;
  --radius-8: 8;
  --radius-full: 999;
  --red-100: rgb(255,213,216); /* @kind color */
  --red-200: rgb(255,192,197); /* @kind color */
  --red-300: rgb(255,151,160); /* @kind color */
  --red-400: rgb(255,104,117); /* @kind color */
  --red-500: rgb(251,55,72); /* @kind color */
  --red-50: rgb(255,235,236); /* @kind color */
  --red-600: rgb(233,53,68); /* @kind color */
  --red-700: rgb(208,37,51); /* @kind color */
  --red-800: rgb(173,31,43); /* @kind color */
  --red-900: rgb(139,24,34); /* @kind color */
  --red-950: rgb(104,18,25); /* @kind color */
  --red-base: rgb(223,28,65); /* @kind color */
  --shadow-blue-shadow-0: var(--alpha-shadow-blue-alpha-0); /* @kind color */
  --shadow-blue-shadow-2: var(--alpha-shadow-blue-alpha-2); /* @kind color */
  --shadow-blue-shadow-4: var(--alpha-shadow-blue-alpha-4); /* @kind color */
  --shadow-blue-shadow-6: var(--alpha-shadow-blue-alpha-6); /* @kind color */
  --shadow-blue-shadow-8: var(--alpha-shadow-blue-alpha-8); /* @kind color */
  --shadow-gray-shadow-0: var(--alpha-shadow-gray-alpha-0); /* @kind color */
  --shadow-gray-shadow-2: var(--alpha-shadow-gray-alpha-2); /* @kind color */
  --shadow-gray-shadow-4: var(--alpha-shadow-gray-alpha-4); /* @kind color */
  --shadow-gray-shadow-6: var(--alpha-shadow-gray-alpha-6); /* @kind color */
  --shadow-gray-shadow-8: var(--alpha-shadow-gray-alpha-8); /* @kind color */
  --shadow-green-shadow-0: var(--alpha-shadow-green-alpha-0); /* @kind color */
  --shadow-green-shadow-2: var(--alpha-shadow-green-alpha-2); /* @kind color */
  --shadow-green-shadow-4: var(--alpha-shadow-green-alpha-4); /* @kind color */
  --shadow-green-shadow-6: var(--alpha-shadow-green-alpha-6); /* @kind color */
  --shadow-green-shadow-8: var(--alpha-shadow-green-alpha-8); /* @kind color */
  --shadow-orange-shadow-0: var(--alpha-shadow-orange-alpha-0); /* @kind color */
  --shadow-orange-shadow-2: var(--alpha-shadow-orange-alpha-2); /* @kind color */
  --shadow-orange-shadow-4: var(--alpha-shadow-orange-alpha-4); /* @kind color */
  --shadow-orange-shadow-6: var(--alpha-shadow-orange-alpha-6); /* @kind color */
  --shadow-orange-shadow-8: var(--alpha-shadow-orange-alpha-8); /* @kind color */
  --shadow-primary-shadow-0: var(--alpha-shadow-green-alpha-0); /* @kind color */
  --shadow-primary-shadow-2: var(--alpha-shadow-green-alpha-2); /* @kind color */
  --shadow-primary-shadow-4: var(--alpha-shadow-green-alpha-4); /* @kind color */
  --shadow-primary-shadow-6: var(--alpha-shadow-green-alpha-6); /* @kind color */
  --shadow-primary-shadow-8: var(--alpha-shadow-green-alpha-8); /* @kind color */
  --shadow-purple-shadow-0: var(--alpha-shadow-purple-alpha-0); /* @kind color */
  --shadow-purple-shadow-2: var(--alpha-shadow-purple-alpha-2); /* @kind color */
  --shadow-purple-shadow-4: var(--alpha-shadow-purple-alpha-4); /* @kind color */
  --shadow-purple-shadow-6: var(--alpha-shadow-purple-alpha-6); /* @kind color */
  --shadow-purple-shadow-8: var(--alpha-shadow-purple-alpha-8); /* @kind color */
  --sky-100: rgb(213,241,255); /* @kind color */
  --sky-200: rgb(192,234,255); /* @kind color */
  --sky-300: rgb(151,220,255); /* @kind color */
  --sky-400: rgb(104,205,255); /* @kind color */
  --sky-500: rgb(71,194,255); /* @kind color */
  --sky-50: rgb(235,248,255); /* @kind color */
  --sky-600: rgb(53,173,233); /* @kind color */
  --sky-700: rgb(37,151,208); /* @kind color */
  --sky-800: rgb(31,126,173); /* @kind color */
  --sky-900: rgb(24,101,139); /* @kind color */
  --sky-950: rgb(18,75,104); /* @kind color */
  --social-amazon: rgb(53,62,71); /* @kind color */
  --social-apple: rgb(0,0,0); /* @kind color */
  --social-github: rgb(36,41,47); /* @kind color */
  --social-notion: rgb(30,34,38); /* @kind color */
  --social-tidal: rgb(0,0,0); /* @kind color */
  --social-twitter: rgb(1,1,1); /* @kind color */
  --social-zendesk: rgb(22,20,13); /* @kind color */
  --spacing-0: 0;
  --spacing-10: 10;
  --spacing-12: 12;
  --spacing-14: 14;
  --spacing-16: 16;
  --spacing-24: 24;
  --spacing-2: 2;
  --spacing-32: 32;
  --spacing-40: 40;
  --spacing-48: 48;
  --spacing-4: 4;
  --spacing-6: 6;
  --spacing-8: 8;
  --state-away-base: var(--yellow-500); /* @kind color */
  --state-away-dark: var(--yellow-950); /* @kind color */
  --state-away-light: var(--yellow-200); /* @kind color */
  --state-away-lighter: var(--yellow-50); /* @kind color */
  --state-error-base: var(--red-500); /* @kind color */
  --state-error-dark: var(--red-950); /* @kind color */
  --state-error-light: var(--red-200); /* @kind color */
  --state-error-lighter: var(--red-50); /* @kind color */
  --state-error: var(--red-base); /* @kind color */
  --state-faded-base: var(--500); /* @kind color */
  --state-faded-dark: var(--800); /* @kind color */
  --state-faded-light: var(--200); /* @kind color */
  --state-faded-lighter: var(--100); /* @kind color */
  --state-feature-base: var(--purple-500); /* @kind color */
  --state-feature-dark: var(--purple-950); /* @kind color */
  --state-feature-light: var(--purple-200); /* @kind color */
  --state-feature-lighter: var(--purple-50); /* @kind color */
  --state-highlighted-base: var(--pink-500); /* @kind color */
  --state-highlighted-dark: var(--pink-950); /* @kind color */
  --state-highlighted-light: var(--pink-200); /* @kind color */
  --state-highlighted-lighter: var(--pink-50); /* @kind color */
  --state-information-base: var(--blue-500); /* @kind color */
  --state-information-dark: var(--blue-950); /* @kind color */
  --state-information-light: var(--blue-200); /* @kind color */
  --state-information-lighter: var(--blue-50); /* @kind color */
  --state-stable-base: var(--teal-500); /* @kind color */
  --state-stable-dark: var(--teal-950); /* @kind color */
  --state-stable-light: var(--teal-200); /* @kind color */
  --state-stable-lighter: var(--teal-50); /* @kind color */
  --state-success-base: var(--green-500); /* @kind color */
  --state-success-dark: var(--green-950); /* @kind color */
  --state-success-light: var(--green-200); /* @kind color */
  --state-success-lighter: var(--green-50); /* @kind color */
  --state-success: var(--green-base); /* @kind color */
  --state-verified-base: var(--sky-500); /* @kind color */
  --state-verified-dark: var(--sky-950); /* @kind color */
  --state-verified-light: var(--sky-200); /* @kind color */
  --state-verified-lighter: var(--sky-50); /* @kind color */
  --state-verified: var(--teal-base); /* @kind color */
  --state-warning-base: var(--orange-500); /* @kind color */
  --state-warning-dark: var(--orange-950); /* @kind color */
  --state-warning-light: var(--orange-200); /* @kind color */
  --state-warning-lighter: var(--orange-50); /* @kind color */
  --state-white-dark: var(--alpha-white-alpha-24); /* @kind color */
  --static-static-black: var(--950); /* @kind color */
  --static-static-white: var(--0); /* @kind color */
  --stroke-soft-200-2: var(--neutral-200); /* @kind color */
  --stroke-soft-200: var(--200); /* @kind color */
  --stroke-strong-950: var(--950); /* @kind color */
  --stroke-sub-300: var(--300); /* @kind color */
  --stroke-white-0: var(--0); /* @kind color */
  --teal-100: rgb(208,251,245); /* @kind color */
  --teal-200: rgb(194,245,238); /* @kind color */
  --teal-300: rgb(132,235,221); /* @kind color */
  --teal-400: rgb(63,222,201); /* @kind color */
  --teal-500: rgb(34,211,187); /* @kind color */
  --teal-50: rgb(228,251,248); /* @kind color */
  --teal-600: rgb(29,175,156); /* @kind color */
  --teal-700: rgb(23,140,125); /* @kind color */
  --teal-800: rgb(26,117,105); /* @kind color */
  --teal-900: rgb(22,100,90); /* @kind color */
  --teal-950: rgb(11,70,62); /* @kind color */
  --teal-base: rgb(53,185,233); /* @kind color */
  --text-disabled-300: var(--300); /* @kind color */
  --text-main-900: var(--neutral-900); /* @kind color */
  --text-soft-400: var(--400); /* @kind color */
  --text-strong-950: var(--950); /* @kind color */
  --text-sub-600: var(--600); /* @kind color */
  --text-white-0: var(--0); /* @kind color */
  --theme-blue-alpha-10: var(--alpha-blue-alpha-10); /* @kind color */
  --theme-blue-alpha-16: var(--alpha-blue-alpha-16); /* @kind color */
  --theme-blue-alpha-24: var(--alpha-blue-alpha-24-2); /* @kind color */
  --theme-blue-base: var(--blue-500); /* @kind color */
  --theme-blue-dark: var(--blue-700); /* @kind color */
  --theme-blue-darker: var(--blue-800); /* @kind color */
  --theme-blue-light: var(--blue-100); /* @kind color */
  --theme-blue-lighter: var(--blue-50); /* @kind color */
  --theme-green-alpha-10: var(--alpha-green-alpha-10); /* @kind color */
  --theme-green-alpha-16: var(--alpha-green-alpha-16); /* @kind color */
  --theme-green-alpha-24: var(--alpha-green-alpha-24); /* @kind color */
  --theme-green-base: var(--green-600); /* @kind color */
  --theme-green-dark: var(--green-700); /* @kind color */
  --theme-green-darker: var(--green-800); /* @kind color */
  --theme-green-light: var(--green-100); /* @kind color */
  --theme-green-lighter: var(--green-50); /* @kind color */
  --theme-orange-alpha-10: var(--alpha-orange-alpha-16); /* @kind color */
  --theme-orange-alpha-16: var(--alpha-orange-alpha-16); /* @kind color */
  --theme-orange-alpha-24: var(--alpha-orange-alpha-24); /* @kind color */
  --theme-orange-base: var(--orange-500); /* @kind color */
  --theme-orange-dark: var(--orange-700); /* @kind color */
  --theme-orange-darker: var(--orange-800); /* @kind color */
  --theme-orange-light: var(--orange-100); /* @kind color */
  --theme-orange-lighter: var(--orange-50); /* @kind color */
  --theme-purple-alpha-10: var(--alpha-purple-alpha-10); /* @kind color */
  --theme-purple-alpha-16: var(--alpha-purple-alpha-16); /* @kind color */
  --theme-purple-alpha-24: var(--alpha-purple-alpha-24); /* @kind color */
  --theme-purple-base: var(--purple-500); /* @kind color */
  --theme-purple-dark: var(--purple-700); /* @kind color */
  --theme-purple-darker: var(--purple-800); /* @kind color */
  --theme-purple-light: var(--purple-100); /* @kind color */
  --theme-purple-lighter: var(--purple-50); /* @kind color */
  --yellow-100: rgb(255,239,204); /* @kind color */
  --yellow-200: rgb(255,236,192); /* @kind color */
  --yellow-300: rgb(255,224,151); /* @kind color */
  --yellow-400: rgb(255,210,104); /* @kind color */
  --yellow-500: rgb(246,181,30); /* @kind color */
  --yellow-50: rgb(255,250,235); /* @kind color */
  --yellow-600: rgb(230,168,25); /* @kind color */
  --yellow-700: rgb(201,154,44); /* @kind color */
  --yellow-800: rgb(167,128,37); /* @kind color */
  --yellow-900: rgb(134,102,29); /* @kind color */
  --yellow-950: rgb(98,76,24); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --bg-soft-200: var(--700); /* @kind color */
  --bg-strong-950: var(--0); /* @kind color */
  --bg-sub-300: var(--600); /* @kind color */
  --bg-surface-800: var(--200); /* @kind color */
  --bg-weak-25: var(--900); /* @kind color */
  --bg-weak-50: var(--800); /* @kind color */
  --bg-white-0: var(--950); /* @kind color */
  --buttons-old-state-gray-focus: var(--neutral-slate-800); /* @kind color */
  --buttons-old-state-primary-focus: var(--alpha-blue-alpha-24); /* @kind color */
  --icon-disabled-300: var(--600); /* @kind color */
  --icon-soft-400: var(--500); /* @kind color */
  --icon-strong-950: var(--0); /* @kind color */
  --icon-sub-600: var(--400); /* @kind color */
  --icon-white-0: var(--950); /* @kind color */
  --illustration-soft-200: var(--neutral-gray-800); /* @kind color */
  --illustration-strong-400: var(--neutral-gray-600); /* @kind color */
  --illustration-sub-300: var(--neutral-gray-700); /* @kind color */
  --illustration-weak-100: var(--neutral-gray-900); /* @kind color */
  --illustration-white-0: var(--neutral-gray-950); /* @kind color */
  --neutral-bg-white-0: var(--neutral-slate-950); /* @kind color */
  --overlay-overlay-gray: rgba(51,51,51,0.56); /* @kind color */
  --overlay-overlay-slate: rgba(43,48,59,0.56); /* @kind color */
  --overlay-overlay-white-0: rgba(23,23,23,0); /* @kind color */
  --overlay-overlay-white: rgb(23,23,23); /* @kind color */
  --shadow-blue-shadow-0: var(--alpha-shadow-blue-alpha-0); /* @kind color */
  --shadow-blue-shadow-2: var(--alpha-shadow-blue-alpha-2); /* @kind color */
  --shadow-blue-shadow-4: var(--alpha-shadow-blue-alpha-4); /* @kind color */
  --shadow-blue-shadow-6: var(--alpha-shadow-blue-alpha-6); /* @kind color */
  --shadow-blue-shadow-8: var(--alpha-shadow-blue-alpha-8); /* @kind color */
  --shadow-gray-shadow-0: var(--alpha-shadow-gray-alpha-0); /* @kind color */
  --shadow-gray-shadow-2: var(--alpha-shadow-gray-alpha-0); /* @kind color */
  --shadow-gray-shadow-4: var(--alpha-shadow-gray-alpha-0); /* @kind color */
  --shadow-gray-shadow-6: var(--alpha-shadow-gray-alpha-4); /* @kind color */
  --shadow-gray-shadow-8: var(--stroke-soft-200); /* @kind color */
  --shadow-green-shadow-0: var(--alpha-shadow-green-alpha-0); /* @kind color */
  --shadow-green-shadow-2: var(--alpha-shadow-green-alpha-2); /* @kind color */
  --shadow-green-shadow-4: var(--alpha-shadow-green-alpha-4); /* @kind color */
  --shadow-green-shadow-6: var(--alpha-shadow-green-alpha-6); /* @kind color */
  --shadow-green-shadow-8: var(--alpha-shadow-green-alpha-8); /* @kind color */
  --shadow-orange-shadow-0: var(--alpha-shadow-orange-alpha-0); /* @kind color */
  --shadow-orange-shadow-2: var(--alpha-shadow-orange-alpha-2); /* @kind color */
  --shadow-orange-shadow-4: var(--alpha-shadow-orange-alpha-4); /* @kind color */
  --shadow-orange-shadow-6: var(--alpha-shadow-orange-alpha-6); /* @kind color */
  --shadow-orange-shadow-8: var(--alpha-shadow-orange-alpha-8); /* @kind color */
  --shadow-purple-shadow-0: var(--alpha-shadow-purple-alpha-0); /* @kind color */
  --shadow-purple-shadow-2: var(--alpha-shadow-purple-alpha-2); /* @kind color */
  --shadow-purple-shadow-4: var(--alpha-shadow-purple-alpha-4); /* @kind color */
  --shadow-purple-shadow-6: var(--alpha-shadow-purple-alpha-6); /* @kind color */
  --shadow-purple-shadow-8: var(--alpha-shadow-purple-alpha-8); /* @kind color */
  --social-amazon: rgb(255,255,255); /* @kind color */
  --social-apple: rgb(255,255,255); /* @kind color */
  --social-github: rgb(255,255,255); /* @kind color */
  --social-notion: rgb(255,255,255); /* @kind color */
  --social-tidal: rgb(255,255,255); /* @kind color */
  --social-twitter: rgb(255,255,255); /* @kind color */
  --social-zendesk: rgb(255,255,255); /* @kind color */
  --state-away-base: var(--yellow-600); /* @kind color */
  --state-away-dark: var(--yellow-400); /* @kind color */
  --state-away-light: var(--alpha-yellow-alpha-24); /* @kind color */
  --state-away-lighter: var(--alpha-yellow-alpha-16); /* @kind color */
  --state-error-base: var(--red-600); /* @kind color */
  --state-error-dark: var(--red-400); /* @kind color */
  --state-error-light: var(--alpha-red-alpha-24); /* @kind color */
  --state-error-lighter: var(--alpha-red-alpha-16); /* @kind color */
  --state-faded-base: var(--500); /* @kind color */
  --state-faded-dark: var(--300); /* @kind color */
  --state-faded-light: var(--alpha-gray-alpha-24); /* @kind color */
  --state-faded-lighter: var(--alpha-gray-alpha-10); /* @kind color */
  --state-feature-base: var(--purple-500); /* @kind color */
  --state-feature-dark: var(--purple-400); /* @kind color */
  --state-feature-light: var(--alpha-purple-alpha-24); /* @kind color */
  --state-feature-lighter: var(--alpha-purple-alpha-16); /* @kind color */
  --state-highlighted-base: var(--pink-600); /* @kind color */
  --state-highlighted-dark: var(--pink-400); /* @kind color */
  --state-highlighted-light: var(--alpha-pink-alpha-24); /* @kind color */
  --state-highlighted-lighter: var(--alpha-pink-alpha-16); /* @kind color */
  --state-information-base: var(--blue-500); /* @kind color */
  --state-information-dark: var(--blue-400); /* @kind color */
  --state-information-light: var(--alpha-blue-alpha-24-2); /* @kind color */
  --state-information-lighter: var(--alpha-blue-alpha-16); /* @kind color */
  --state-stable-base: var(--teal-600); /* @kind color */
  --state-stable-dark: var(--teal-400); /* @kind color */
  --state-stable-light: var(--alpha-teal-alpha-24); /* @kind color */
  --state-stable-lighter: var(--alpha-teal-alpha-16); /* @kind color */
  --state-success-base: var(--green-600); /* @kind color */
  --state-success-dark: var(--green-400); /* @kind color */
  --state-success-light: var(--alpha-green-alpha-16); /* @kind color */
  --state-success-lighter: var(--alpha-green-alpha-10); /* @kind color */
  --state-verified-base: var(--sky-600); /* @kind color */
  --state-verified-dark: var(--sky-400); /* @kind color */
  --state-verified-light: var(--alpha-sky-alpha-24); /* @kind color */
  --state-verified-lighter: var(--alpha-sky-alpha-16); /* @kind color */
  --state-warning-base: var(--orange-600); /* @kind color */
  --state-warning-dark: var(--orange-400); /* @kind color */
  --state-warning-light: var(--alpha-orange-alpha-24); /* @kind color */
  --state-warning-lighter: var(--alpha-orange-alpha-16); /* @kind color */
  --state-white-dark: var(--teal-400); /* @kind color */
  --static-static-black: var(--950); /* @kind color */
  --static-static-white: var(--0); /* @kind color */
  --stroke-soft-200: var(--800); /* @kind color */
  --stroke-strong-950: var(--0); /* @kind color */
  --stroke-sub-300: var(--600); /* @kind color */
  --stroke-white-0: var(--950); /* @kind color */
  --text-disabled-300: var(--600); /* @kind color */
  --text-soft-400: var(--500); /* @kind color */
  --text-strong-950: var(--0); /* @kind color */
  --text-sub-600: var(--400); /* @kind color */
  --text-white-0: var(--950); /* @kind color */
  --theme-blue-alpha-10: var(--alpha-blue-alpha-10); /* @kind color */
  --theme-blue-alpha-16: var(--alpha-blue-alpha-16); /* @kind color */
  --theme-blue-alpha-24: var(--alpha-blue-alpha-24-2); /* @kind color */
  --theme-blue-base: var(--blue-400); /* @kind color */
  --theme-blue-dark: var(--blue-700); /* @kind color */
  --theme-blue-darker: var(--blue-800); /* @kind color */
  --theme-blue-light: var(--blue-100); /* @kind color */
  --theme-blue-lighter: var(--blue-50); /* @kind color */
  --theme-green-alpha-10: var(--alpha-green-alpha-10); /* @kind color */
  --theme-green-alpha-16: var(--alpha-green-alpha-16); /* @kind color */
  --theme-green-alpha-24: var(--alpha-green-alpha-24); /* @kind color */
  --theme-green-base: var(--green-600); /* @kind color */
  --theme-green-dark: var(--green-700); /* @kind color */
  --theme-green-darker: var(--green-800); /* @kind color */
  --theme-green-light: var(--green-100); /* @kind color */
  --theme-green-lighter: var(--green-50); /* @kind color */
  --theme-orange-alpha-10: var(--alpha-orange-alpha-10); /* @kind color */
  --theme-orange-alpha-16: var(--alpha-orange-alpha-16); /* @kind color */
  --theme-orange-alpha-24: var(--alpha-orange-alpha-24); /* @kind color */
  --theme-orange-base: var(--orange-500); /* @kind color */
  --theme-orange-dark: var(--orange-700); /* @kind color */
  --theme-orange-darker: var(--orange-800); /* @kind color */
  --theme-orange-light: var(--orange-100); /* @kind color */
  --theme-orange-lighter: var(--orange-50); /* @kind color */
  --theme-purple-alpha-10: var(--alpha-purple-alpha-10); /* @kind color */
  --theme-purple-alpha-16: var(--alpha-purple-alpha-16); /* @kind color */
  --theme-purple-alpha-24: var(--alpha-purple-alpha-24); /* @kind color */
  --theme-purple-base: var(--purple-400); /* @kind color */
  --theme-purple-dark: var(--purple-700); /* @kind color */
  --theme-purple-darker: var(--purple-800); /* @kind color */
  --theme-purple-light: var(--purple-100); /* @kind color */
  --theme-purple-lighter: var(--purple-50); /* @kind color */
}

:root[data-mode="slate"] {
  --0: var(--neutral-slate-0); /* @kind color */
  --100: var(--neutral-slate-100); /* @kind color */
  --200: var(--neutral-slate-200); /* @kind color */
  --300: var(--neutral-slate-300); /* @kind color */
  --400: var(--neutral-slate-400); /* @kind color */
  --500: var(--neutral-slate-500); /* @kind color */
  --50: var(--neutral-slate-50); /* @kind color */
  --600: var(--neutral-slate-600); /* @kind color */
  --700: var(--neutral-slate-700); /* @kind color */
  --800: var(--neutral-slate-800); /* @kind color */
  --900: var(--neutral-slate-900); /* @kind color */
  --950: var(--neutral-slate-950); /* @kind color */
}

:root[data-mode="mains-zapal"] {
  --icon-blck-primary: rgb(26,26,26); /* @kind color */
  --icon-colored: rgb(0,162,77); /* @kind color */
  --icon-inversion: rgb(255,255,255); /* @kind color */
}
/* Kubiki UI System — typography scale (AlignUI-based).
   Font-family tokens + the full text-style scale as custom properties AND utility classes.
   Sizes/line-heights/tracking are the exact AlignUI values. */

:root{
  --font-sans:"TT Chocolates","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --font-display:"TT Chocolates","Inter",-apple-system,sans-serif;
  --font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --font-brand:"TT Chocolates","Inter",-apple-system,sans-serif;

  /* Titles — display headings, weight 500 */
  --title-h1-size:56px;   --title-h1-lh:64px;   --title-h1-ls:-.01em;
  --title-h2-size:48px;   --title-h2-lh:56px;   --title-h2-ls:-.01em;
  --title-h3-size:40px;   --title-h3-lh:48px;   --title-h3-ls:-.01em;
  --title-h4-size:32px;   --title-h4-lh:40px;   --title-h4-ls:-.005em;
  --title-h5-size:24px;   --title-h5-lh:32px;   --title-h5-ls:0;/* @kind other */
  --title-h6-size:20px;   --title-h6-lh:28px;   --title-h6-ls:0;/* @kind other */

  /* Labels — UI text, weight 500 */
  --label-xl-size:24px;   --label-xl-lh:32px;   --label-xl-ls:-.015em;
  --label-lg-size:18px;   --label-lg-lh:24px;   --label-lg-ls:-.015em;
  --label-md-size:16px;   --label-md-lh:24px;   --label-md-ls:-.011em;
  --label-sm-size:14px;   --label-sm-lh:20px;   --label-sm-ls:-.006em;
  --label-xs-size:12px;   --label-xs-lh:16px;   --label-xs-ls:0;/* @kind other */

  /* Paragraph — body copy, weight 400 */
  --paragraph-xl-size:24px; --paragraph-xl-lh:32px; --paragraph-xl-ls:-.015em;
  --paragraph-lg-size:18px; --paragraph-lg-lh:24px; --paragraph-lg-ls:-.015em;
  --paragraph-md-size:16px; --paragraph-md-lh:24px; --paragraph-md-ls:-.011em;
  --paragraph-sm-size:14px; --paragraph-sm-lh:20px; --paragraph-sm-ls:-.006em;
  --paragraph-xs-size:12px; --paragraph-xs-lh:16px; --paragraph-xs-ls:0;/* @kind other */

  /* Subheading — eyebrows/overlines, weight 500, uppercase */
  --subheading-md-size:16px;  --subheading-md-lh:24px;  --subheading-md-ls:.06em;
  --subheading-sm-size:14px;  --subheading-sm-lh:20px;  --subheading-sm-ls:.06em;
  --subheading-xs-size:12px;  --subheading-xs-lh:16px;  --subheading-xs-ls:.04em;
  --subheading-2xs-size:11px; --subheading-2xs-lh:12px; --subheading-2xs-ls:.02em;
}

.title-h1{font:500 56px/64px "TT Chocolates","Inter",-apple-system,sans-serif;font:500 var(--title-h1-size)/var(--title-h1-lh) var(--font-display);letter-spacing:-.01em;letter-spacing:var(--title-h1-ls)}
.title-h2{font:500 48px/56px "TT Chocolates","Inter",-apple-system,sans-serif;font:500 var(--title-h2-size)/var(--title-h2-lh) var(--font-display);letter-spacing:-.01em;letter-spacing:var(--title-h2-ls)}
.title-h3{font:500 40px/48px "TT Chocolates","Inter",-apple-system,sans-serif;font:500 var(--title-h3-size)/var(--title-h3-lh) var(--font-display);letter-spacing:-.01em;letter-spacing:var(--title-h3-ls)}
.title-h4{font:500 32px/40px "TT Chocolates","Inter",-apple-system,sans-serif;font:500 var(--title-h4-size)/var(--title-h4-lh) var(--font-display);letter-spacing:-.005em;letter-spacing:var(--title-h4-ls)}
.title-h5{font:500 24px/32px "TT Chocolates","Inter",-apple-system,sans-serif;font:500 var(--title-h5-size)/var(--title-h5-lh) var(--font-display);letter-spacing:0;letter-spacing:var(--title-h5-ls)}
.title-h6{font:500 20px/28px "TT Chocolates","Inter",-apple-system,sans-serif;font:500 var(--title-h6-size)/var(--title-h6-lh) var(--font-display);letter-spacing:0;letter-spacing:var(--title-h6-ls)}

.label-xl{font:500 24px/32px "TT Chocolates","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font:500 var(--label-xl-size)/var(--label-xl-lh) var(--font-sans);letter-spacing:-.015em;letter-spacing:var(--label-xl-ls)}
.label-lg{font:500 18px/24px "TT Chocolates","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font:500 var(--label-lg-size)/var(--label-lg-lh) var(--font-sans);letter-spacing:-.015em;letter-spacing:var(--label-lg-ls)}
.label-md{font:500 16px/24px "TT Chocolates","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font:500 var(--label-md-size)/var(--label-md-lh) var(--font-sans);letter-spacing:-.011em;letter-spacing:var(--label-md-ls)}
.label-sm{font:500 14px/20px "TT Chocolates","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font:500 var(--label-sm-size)/var(--label-sm-lh) var(--font-sans);letter-spacing:-.006em;letter-spacing:var(--label-sm-ls)}
.label-xs{font:500 12px/16px "TT Chocolates","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font:500 var(--label-xs-size)/var(--label-xs-lh) var(--font-sans);letter-spacing:0;letter-spacing:var(--label-xs-ls)}

.paragraph-xl{font:400 24px/32px "TT Chocolates","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font:400 var(--paragraph-xl-size)/var(--paragraph-xl-lh) var(--font-sans);letter-spacing:-.015em;letter-spacing:var(--paragraph-xl-ls)}
.paragraph-lg{font:400 18px/24px "TT Chocolates","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font:400 var(--paragraph-lg-size)/var(--paragraph-lg-lh) var(--font-sans);letter-spacing:-.015em;letter-spacing:var(--paragraph-lg-ls)}
.paragraph-md{font:400 16px/24px "TT Chocolates","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font:400 var(--paragraph-md-size)/var(--paragraph-md-lh) var(--font-sans);letter-spacing:-.011em;letter-spacing:var(--paragraph-md-ls)}
.paragraph-sm{font:400 14px/20px "TT Chocolates","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font:400 var(--paragraph-sm-size)/var(--paragraph-sm-lh) var(--font-sans);letter-spacing:-.006em;letter-spacing:var(--paragraph-sm-ls)}
.paragraph-xs{font:400 12px/16px "TT Chocolates","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font:400 var(--paragraph-xs-size)/var(--paragraph-xs-lh) var(--font-sans);letter-spacing:0;letter-spacing:var(--paragraph-xs-ls)}

.subheading-md{font:500 16px/24px "TT Chocolates","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font:500 var(--subheading-md-size)/var(--subheading-md-lh) var(--font-sans);letter-spacing:.06em;letter-spacing:var(--subheading-md-ls);text-transform:uppercase}
.subheading-sm{font:500 14px/20px "TT Chocolates","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font:500 var(--subheading-sm-size)/var(--subheading-sm-lh) var(--font-sans);letter-spacing:.06em;letter-spacing:var(--subheading-sm-ls);text-transform:uppercase}
.subheading-xs{font:500 12px/16px "TT Chocolates","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font:500 var(--subheading-xs-size)/var(--subheading-xs-lh) var(--font-sans);letter-spacing:.04em;letter-spacing:var(--subheading-xs-ls);text-transform:uppercase}
.subheading-2xs{font:500 11px/12px "TT Chocolates","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font:500 var(--subheading-2xs-size)/var(--subheading-2xs-lh) var(--font-sans);letter-spacing:.02em;letter-spacing:var(--subheading-2xs-ls);text-transform:uppercase}
/* Kubiki UI System — elevation, radius & spacing semantics.
   Shadow values are the exact AlignUI scale confirmed from the Figma file. */

:root{
  --shadow-regular-xs:0 1px 2px 0 rgba(10,13,20,.03);
  --shadow-regular-sm:0 2px 4px 0 rgba(27,28,29,.04);
  --shadow-regular-md:0 16px 32px -12px rgba(14,18,27,.1);
  --shadow-button-primary-focus:0 0 0 2px var(--bg-white-0),0 0 0 4px var(--alpha-primary-alpha-10);
  --shadow-button-error-focus:0 0 0 2px var(--bg-white-0),0 0 0 4px var(--alpha-red-alpha-10);
  --shadow-button-important-focus:0 0 0 2px var(--bg-white-0),0 0 0 4px var(--alpha-gray-alpha-16);
  --shadow-toggle-switch:0 6px 10px 0 rgba(14,18,27,.06),0 2px 4px 0 rgba(14,18,27,.03);
  --shadow-tooltip:0 12px 24px 0 rgba(14,18,27,.06),0 1px 2px 0 rgba(14,18,27,.03);
  --shadow-fancy-buttons-primary:0 1px 2px 0 rgba(27,71,13,.24),0 0 0 1px var(--primary-base);
  --shadow-fancy-buttons-neutral:0 1px 2px 0 rgba(14,18,27,.24),0 0 0 1px var(--neutral-gray-950);

  /* radius as usable lengths (base tokens are unitless floats) */
  --radius-4px:4px; --radius-6px:6px; --radius-8px:8px; --radius-10px:10px;
  --radius-12px:12px; --radius-16px:16px; --radius-20px:20px; --radius-24px:24px;
  --radius-full-px:999px;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
.\!container {
    width: 100% !important
}
.container {
    width: 100%
}
@media (min-width: 640px) {
    .\!container {
        max-width: 640px !important
    }
    .container {
        max-width: 640px
    }
}
@media (min-width: 768px) {
    .\!container {
        max-width: 768px !important
    }
    .container {
        max-width: 768px
    }
}
@media (min-width: 1024px) {
    .\!container {
        max-width: 1024px !important
    }
    .container {
        max-width: 1024px
    }
}
@media (min-width: 1280px) {
    .\!container {
        max-width: 1280px !important
    }
    .container {
        max-width: 1280px
    }
}
@media (min-width: 1536px) {
    .\!container {
        max-width: 1536px !important
    }
    .container {
        max-width: 1536px
    }
}
.pointer-events-none {
    pointer-events: none
}
.pointer-events-auto {
    pointer-events: auto
}
.\!visible {
    visibility: visible !important
}
.visible {
    visibility: visible
}
.invisible {
    visibility: hidden
}
.collapse {
    visibility: collapse
}
.static {
    position: static
}
.fixed {
    position: fixed
}
.absolute {
    position: absolute
}
.relative {
    position: relative
}
.inset-0 {
    inset: 0px
}
.inset-\[10\%\] {
    inset: 10%
}
.inset-\[15\.62\%\] {
    inset: 15.62%
}
.inset-\[17\.5\%\] {
    inset: 17.5%
}
.inset-\[6\.25\%\] {
    inset: 6.25%
}
.inset-y-1 {
    top: 4px;
    bottom: 4px
}
.-bottom-px {
    bottom: -1px
}
.-right-1 {
    right: -4px
}
.-right-1\.5 {
    right: -6px
}
.-right-2 {
    right: -8px
}
.-top-8 {
    top: -32px
}
.bottom-0 {
    bottom: 0px
}
.bottom-6 {
    bottom: 24px
}
.left-0 {
    left: 0px
}
.left-1\/2 {
    left: 50%
}
.left-3 {
    left: 12px
}
.left-5 {
    left: 20px
}
.left-6 {
    left: 24px
}
.left-\[-20px\] {
    left: -20px
}
.right-0 {
    right: 0px
}
.right-2 {
    right: 8px
}
.right-3 {
    right: 12px
}
.right-4 {
    right: 16px
}
.right-5 {
    right: 20px
}
.right-6 {
    right: 24px
}
.top-0 {
    top: 0px
}
.top-1\/2 {
    top: 50%
}
.top-2 {
    top: 8px
}
.top-3 {
    top: 12px
}
.top-4 {
    top: 16px
}
.top-\[104px\] {
    top: 104px
}
.isolate {
    isolation: isolate
}
.-z-10 {
    z-index: -10
}
.z-10 {
    z-index: 10
}
.z-50 {
    z-index: 50
}
.z-\[1000\] {
    z-index: 1000
}
.z-\[100\] {
    z-index: 100
}
.z-\[1\] {
    z-index: 1
}
.z-\[2\] {
    z-index: 2
}
.z-\[4\] {
    z-index: 4
}
.order-1 {
    order: 1
}
.order-2 {
    order: 2
}
.col-start-2 {
    grid-column-start: 2
}
.\!m-0 {
    margin: 0px !important
}
.-m-3\.5 {
    margin: -14px
}
.m-0 {
    margin: 0px
}
.-mx-1 {
    margin-left: -4px;
    margin-right: -4px
}
.-mx-1\.5 {
    margin-left: -6px;
    margin-right: -6px
}
.-mx-2 {
    margin-left: -8px;
    margin-right: -8px
}
.mx-2 {
    margin-left: 8px;
    margin-right: 8px
}
.-ml-0\.5 {
    margin-left: -2px
}
.-ml-1\.5 {
    margin-left: -6px
}
.-mr-1 {
    margin-right: -4px
}
.mb-2 {
    margin-bottom: 8px
}
.mb-3 {
    margin-bottom: 12px
}
.mb-4 {
    margin-bottom: 16px
}
.ml-0\.5 {
    margin-left: 2px
}
.ml-2 {
    margin-left: 8px
}
.ml-6 {
    margin-left: 24px
}
.ml-\[272px\] {
    margin-left: 272px
}
.ml-auto {
    margin-left: auto
}
.mr-1\.5 {
    margin-right: 6px
}
.mr-2 {
    margin-right: 8px
}
.mt-0\.5 {
    margin-top: 2px
}
.mt-2 {
    margin-top: 8px
}
.mt-4 {
    margin-top: 16px
}
.mt-5 {
    margin-top: 20px
}
.box-border {
    box-sizing: border-box
}
.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 !important
}
.flex {
    display: flex
}
.inline-flex {
    display: inline-flex
}
.table {
    display: table
}
.table-row {
    display: table-row
}
.grid {
    display: grid
}
.contents {
    display: contents
}
.hidden {
    display: none
}
.aspect-square {
    aspect-ratio: 1 / 1
}
.size-1 {
    width: 4px;
    height: 4px
}
.size-1\.5 {
    width: 6px;
    height: 6px
}
.size-10 {
    width: 40px;
    height: 40px
}
.size-12 {
    width: 3rem;
    height: 3rem
}
.size-14 {
    width: 3.5rem;
    height: 3.5rem
}
.size-16 {
    width: 4rem;
    height: 4rem
}
.size-2 {
    width: 8px;
    height: 8px
}
.size-2\.5 {
    width: 10px;
    height: 10px
}
.size-20 {
    width: 5rem;
    height: 5rem
}
.size-3 {
    width: 12px;
    height: 12px
}
.size-4 {
    width: 16px;
    height: 16px
}
.size-5 {
    width: 20px;
    height: 20px
}
.size-6 {
    width: 24px;
    height: 24px
}
.size-7 {
    width: 28px;
    height: 28px
}
.size-8 {
    width: 32px;
    height: 32px
}
.size-\[11px\] {
    width: 11px;
    height: 11px
}
.size-\[18px\] {
    width: 18px;
    height: 18px
}
.size-\[72px\] {
    width: 72px;
    height: 72px
}
.size-full {
    width: 100%;
    height: 100%
}
.\!h-10 {
    height: 40px !important
}
.\!h-7 {
    height: 28px !important
}
.h-0 {
    height: 0px
}
.h-0\.5 {
    height: 2px
}
.h-1 {
    height: 4px
}
.h-1\.5 {
    height: 6px
}
.h-10 {
    height: 40px
}
.h-11 {
    height: 2.75rem
}
.h-12 {
    height: 3rem
}
.h-16 {
    height: 4rem
}
.h-2 {
    height: 8px
}
.h-2\.5 {
    height: 10px
}
.h-24 {
    height: 6rem
}
.h-3 {
    height: 12px
}
.h-32 {
    height: 8rem
}
.h-4 {
    height: 16px
}
.h-5 {
    height: 20px
}
.h-6 {
    height: 24px
}
.h-7 {
    height: 28px
}
.h-8 {
    height: 32px
}
.h-9 {
    height: 36px
}
.h-\[180px\] {
    height: 180px
}
.h-\[188px\] {
    height: 188px
}
.h-\[208px\] {
    height: 208px
}
.h-\[232px\] {
    height: 232px
}
.h-\[276px\] {
    height: 276px
}
.h-\[281px\] {
    height: 281px
}
.h-\[384px\] {
    height: 384px
}
.h-\[88px\] {
    height: 88px
}
.h-\[calc\(100vh-32px\)\] {
    height: calc(100vh - 32px)
}
.h-full {
    height: 100%
}
.h-px {
    height: 1px
}
.h-screen {
    height: 100vh
}
.max-h-64 {
    max-height: 16rem
}
.max-h-96 {
    max-height: 24rem
}
.max-h-\[--radix-select-content-available-height\] {
    max-height: var(--radix-select-content-available-height)
}
.max-h-\[196px\] {
    max-height: 196px
}
.max-h-\[90vh\] {
    max-height: 90vh
}
.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: 40px
}
.min-h-28 {
    min-height: 7rem
}
.min-h-5 {
    min-height: 20px
}
.min-h-8 {
    min-height: 32px
}
.min-h-9 {
    min-height: 36px
}
.min-h-\[200px\] {
    min-height: 200px
}
.min-h-\[64px\] {
    min-height: 64px
}
.min-h-\[82px\] {
    min-height: 82px
}
.min-h-full {
    min-height: 100%
}
.min-h-screen {
    min-height: 100vh
}
.\!w-1 {
    width: 4px !important
}
.\!w-7 {
    width: 28px !important
}
.\!w-\[200px\] {
    width: 200px !important
}
.w-1 {
    width: 4px
}
.w-10 {
    width: 40px
}
.w-11 {
    width: 2.75rem
}
.w-12 {
    width: 3rem
}
.w-16 {
    width: 4rem
}
.w-2 {
    width: 8px
}
.w-2\.5 {
    width: 10px
}
.w-20 {
    width: 5rem
}
.w-24 {
    width: 6rem
}
.w-28 {
    width: 7rem
}
.w-3 {
    width: 12px
}
.w-32 {
    width: 8rem
}
.w-4 {
    width: 16px
}
.w-48 {
    width: 12rem
}
.w-5 {
    width: 20px
}
.w-64 {
    width: 16rem
}
.w-7 {
    width: 28px
}
.w-8 {
    width: 32px
}
.w-\[100px\] {
    width: 100px
}
.w-\[133px\] {
    width: 133px
}
.w-\[180px\] {
    width: 180px
}
.w-\[200px\] {
    width: 200px
}
.w-\[226px\] {
    width: 226px
}
.w-\[260px\] {
    width: 260px
}
.w-\[272px\] {
    width: 272px
}
.w-\[280px\] {
    width: 280px
}
.w-\[300px\] {
    width: 300px
}
.w-\[332px\] {
    width: 332px
}
.w-\[340px\] {
    width: 340px
}
.w-\[40\%\] {
    width: 40%
}
.w-\[65\%\] {
    width: 65%
}
.w-\[71px\] {
    width: 71px
}
.w-\[77px\] {
    width: 77px
}
.w-\[calc\(100\%\+theme\(space\.7\)\)\] {
    width: calc(100% + 28px)
}
.w-auto {
    width: auto
}
.w-full {
    width: 100%
}
.w-max {
    width: max-content
}
.\!min-w-0 {
    min-width: 0px !important
}
.min-w-0 {
    min-width: 0px
}
.min-w-10 {
    min-width: 40px
}
.min-w-4 {
    min-width: 16px
}
.min-w-5 {
    min-width: 20px
}
.min-w-8 {
    min-width: 32px
}
.min-w-\[--radix-select-trigger-width\] {
    min-width: var(--radix-select-trigger-width)
}
.min-w-\[20px\] {
    min-width: 20px
}
.min-w-\[260px\] {
    min-width: 260px
}
.min-w-\[300px\] {
    min-width: 300px
}
.max-w-2xl {
    max-width: 42rem
}
.max-w-4xl {
    max-width: 56rem
}
.max-w-\[150px\] {
    max-width: 150px
}
.max-w-\[200px\] {
    max-width: 200px
}
.max-w-\[400px\] {
    max-width: 400px
}
.max-w-\[500px\] {
    max-width: 500px
}
.max-w-\[720px\] {
    max-width: 720px
}
.max-w-\[max\(var\(--radix-select-trigger-width\)\2c 320px\)\] {
    max-width: max(var(--radix-select-trigger-width), 320px)
}
.max-w-lg {
    max-width: 32rem
}
.max-w-md {
    max-width: 28rem
}
.flex-1 {
    flex: 1 1
}
.flex-\[2\] {
    flex: 2 1
}
.flex-shrink {
    flex-shrink: 1
}
.flex-shrink-0 {
    flex-shrink: 0
}
.shrink-0 {
    flex-shrink: 0
}
.flex-grow {
    flex-grow: 1
}
.border-collapse {
    border-collapse: collapse
}
.origin-bottom-right {
    transform-origin: bottom right
}
.origin-top-right {
    transform-origin: top right
}
.-translate-x-1\/2 {
    --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))
}
.-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))
}
.-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))
}
.-rotate-90 {
    --tw-rotate: -90deg;
    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-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))
}
.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))
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@keyframes pulse {
    50% {
        opacity: .5
    }
}
.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}
.cursor-default {
    cursor: default
}
.cursor-not-allowed {
    cursor: not-allowed
}
.cursor-pointer {
    cursor: pointer
}
.cursor-s-resize {
    cursor: s-resize
}
.cursor-text {
    cursor: text
}
.touch-none {
    touch-action: none
}
.select-none {
    -webkit-user-select: none;
            user-select: none
}
.resize-none {
    resize: none
}
.resize-y {
    resize: vertical
}
.resize {
    resize: both
}
.scroll-py-2 {
    scroll-padding-top: 8px;
    scroll-padding-bottom: 8px
}
.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-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
}
.grid-cols-\[1fr\2c auto\2c 1fr\] {
    grid-template-columns: 1fr auto 1fr
}
.grid-cols-\[auto\2c minmax\(0\2c 1fr\)\] {
    grid-template-columns: auto minmax(0,1fr)
}
.flex-row {
    flex-direction: row
}
.flex-col {
    flex-direction: column
}
.flex-col-reverse {
    flex-direction: column-reverse
}
.flex-wrap {
    flex-wrap: wrap
}
.place-items-end {
    place-items: end
}
.place-items-center {
    place-items: center
}
.items-start {
    align-items: flex-start
}
.items-center {
    align-items: center
}
.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: 2px
}
.gap-1 {
    gap: 4px
}
.gap-1\.5 {
    gap: 6px
}
.gap-2 {
    gap: 8px
}
.gap-2\.5 {
    gap: 10px
}
.gap-3 {
    gap: 12px
}
.gap-3\.5 {
    gap: 14px
}
.gap-4 {
    gap: 16px
}
.gap-5 {
    gap: 20px
}
.gap-6 {
    gap: 24px
}
.gap-9 {
    gap: 36px
}
.gap-\[14px\] {
    gap: 14px
}
.gap-\[4px\] {
    gap: 4px
}
.gap-px {
    gap: 1px
}
.-space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-4px * var(--tw-space-x-reverse));
    margin-left: calc(-4px * calc(1 - var(--tw-space-x-reverse)))
}
.-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-6px * var(--tw-space-x-reverse));
    margin-left: calc(-6px * calc(1 - var(--tw-space-x-reverse)))
}
.-space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-12px * var(--tw-space-x-reverse));
    margin-left: calc(-12px * calc(1 - var(--tw-space-x-reverse)))
}
.-space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-16px * var(--tw-space-x-reverse));
    margin-left: calc(-16px * calc(1 - var(--tw-space-x-reverse)))
}
.-space-x-\[1\.5px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-1.5px * var(--tw-space-x-reverse));
    margin-left: calc(-1.5px * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(16px * var(--tw-space-x-reverse));
    margin-left: calc(16px * calc(1 - var(--tw-space-x-reverse)))
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4px * var(--tw-space-y-reverse))
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(8px * var(--tw-space-y-reverse))
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(12px * 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
}
.self-stretch {
    align-self: stretch
}
.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
}
.text-wrap {
    text-wrap: wrap
}
.\!rounded-10 {
    border-radius: 10px !important
}
.\!rounded-\[9px\] {
    border-radius: 9px !important
}
.rounded {
    border-radius: 0.25rem
}
.rounded-10 {
    border-radius: 10px
}
.rounded-2 {
    border-radius: 2px
}
.rounded-20 {
    border-radius: 20px
}
.rounded-2xl {
    border-radius: 1rem
}
.rounded-8 {
    border-radius: 8px
}
.rounded-\[10px\] {
    border-radius: 10px
}
.rounded-\[12px\] {
    border-radius: 12px
}
.rounded-\[20px\] {
    border-radius: 20px
}
.rounded-\[32px\] {
    border-radius: 32px
}
.rounded-\[8px\] {
    border-radius: 8px
}
.rounded-full {
    border-radius: 9999px
}
.rounded-lg {
    border-radius: 10px
}
.rounded-md {
    border-radius: 0.375rem
}
.rounded-none {
    border-radius: 0px
}
.rounded-sm {
    border-radius: 4px
}
.rounded-xl {
    border-radius: 12px
}
.rounded-l-lg {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}
.rounded-r-lg {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}
.rounded-r-sm {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.rounded-t-lg {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}
.rounded-bl-\[3px\] {
    border-bottom-left-radius: 3px
}
.rounded-bl-sm {
    border-bottom-left-radius: 4px
}
.border {
    border-width: 1px
}
.border-0 {
    border-width: 0px
}
.border-2 {
    border-width: 2px
}
.border-4 {
    border-width: 4px
}
.border-y {
    border-top-width: 1px;
    border-bottom-width: 1px
}
.border-b {
    border-bottom-width: 1px
}
.border-l {
    border-left-width: 1px
}
.border-l-0 {
    border-left-width: 0px
}
.border-r {
    border-right-width: 1px
}
.border-t {
    border-top-width: 1px
}
.border-solid {
    border-style: solid
}
.border-dashed {
    border-style: dashed
}
.border-none {
    border-style: none
}
.\!border-\[\#F7F7F7\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(247 247 247 / 1) !important;
    border-color: rgb(247 247 247 / var(--tw-border-opacity, 1)) !important
}
.border-\[\#109d58\] {
    --tw-border-opacity: 1;
    border-color: rgb(16 157 88 / 1);
    border-color: rgb(16 157 88 / var(--tw-border-opacity, 1))
}
.border-\[\#EBEBEB\] {
    --tw-border-opacity: 1;
    border-color: rgb(235 235 235 / 1);
    border-color: rgb(235 235 235 / var(--tw-border-opacity, 1))
}
.border-\[\#d7d7d7\] {
    --tw-border-opacity: 1;
    border-color: rgb(215 215 215 / 1);
    border-color: rgb(215 215 215 / var(--tw-border-opacity, 1))
}
.border-\[\#ebebeb\] {
    --tw-border-opacity: 1;
    border-color: rgb(235 235 235 / 1);
    border-color: rgb(235 235 235 / var(--tw-border-opacity, 1))
}
.border-\[\#f97314\] {
    --tw-border-opacity: 1;
    border-color: rgb(249 115 20 / 1);
    border-color: rgb(249 115 20 / var(--tw-border-opacity, 1))
}
.border-bg-white-0 {
    border-color: var(--bg-white-0)
}
.border-error-base {
    border-color: var(--state-error-base)
}
.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)
}
.border-text-strong-950 {
    border-color: var(--text-strong-950)
}
.border-transparent {
    border-color: transparent
}
.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / 1);
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}
.bg-\[\#E3F7EC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(227 247 236 / 1);
    background-color: rgb(227 247 236 / var(--tw-bg-opacity, 1))
}
.bg-\[\#EBEBEB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235 / 1);
    background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1))
}
.bg-\[\#F3F6FE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 246 254 / 1);
    background-color: rgb(243 246 254 / var(--tw-bg-opacity, 1))
}
.bg-\[\#F5F5F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / 1);
    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1))
}
.bg-\[\#FFEBEC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 235 236 / 1);
    background-color: rgb(255 235 236 / var(--tw-bg-opacity, 1))
}
.bg-\[\#FFF3EB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 243 235 / 1);
    background-color: rgb(255 243 235 / var(--tw-bg-opacity, 1))
}
.bg-\[\#f3f6fe\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 246 254 / 1);
    background-color: rgb(243 246 254 / var(--tw-bg-opacity, 1))
}
.bg-\[\#fbfbfb\] {
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 251 / 1);
    background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1))
}
.bg-avatar-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(255 236 192 / 1);
    background-color: rgb(255 236 192 / var(--tw-bg-opacity, 1))
}
.bg-away-base {
    background-color: var(--state-away-base)
}
.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-black\/50 {
    background-color: rgb(0 0 0 / 0.5)
}
.bg-blue-200 {
    background-color: var(--blue-200)
}
.bg-error-base {
    background-color: var(--state-error-base)
}
.bg-error-light {
    background-color: var(--state-error-light)
}
.bg-error-lighter {
    background-color: var(--state-error-lighter)
}
.bg-faded-base {
    background-color: var(--state-faded-base)
}
.bg-faded-light {
    background-color: var(--state-faded-light)
}
.bg-faded-lighter {
    background-color: var(--state-faded-lighter)
}
.bg-feature-base {
    background-color: var(--state-feature-base)
}
.bg-feature-light {
    background-color: var(--state-feature-light)
}
.bg-feature-lighter {
    background-color: var(--state-feature-lighter)
}
.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / 1);
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))
}
.bg-information-base {
    background-color: var(--state-information-base)
}
.bg-information-light {
    background-color: var(--state-information-light)
}
.bg-information-lighter {
    background-color: var(--state-information-lighter)
}
.bg-primary-alpha-10 {
    background-color: var(--alpha-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(--alpha-red-alpha-10)
}
.bg-sky-200 {
    background-color: var(--sky-200)
}
.bg-stroke-soft-200 {
    background-color: var(--stroke-soft-200)
}
.bg-success-base {
    background-color: var(--state-success-base)
}
.bg-success-light {
    background-color: var(--state-success-light)
}
.bg-success-lighter {
    background-color: var(--state-success-lighter)
}
.bg-text-disabled-300 {
    background-color: var(--text-disabled-300)
}
.bg-text-soft-400 {
    background-color: var(--text-soft-400)
}
.bg-transparent {
    background-color: transparent
}
.bg-warning-base {
    background-color: var(--state-warning-base)
}
.bg-warning-light {
    background-color: var(--state-warning-light)
}
.bg-warning-lighter {
    background-color: var(--state-warning-lighter)
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / 1);
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.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
}
.bg-contain {
    background-size: contain
}
.bg-cover {
    background-size: cover
}
.bg-center {
    background-position: center
}
.bg-right {
    background-position: right
}
.bg-no-repeat {
    background-repeat: no-repeat
}
.fill-bg-soft-200 {
    fill: var(--bg-soft-200)
}
.fill-bg-white-0 {
    fill: var(--bg-white-0)
}
.fill-none {
    fill: none
}
.stroke-bg-soft-200 {
    stroke: var(--bg-soft-200)
}
.stroke-primary-base {
    stroke: var(--primary-base)
}
.stroke-static-white {
    stroke: var(--static-static-white)
}
.stroke-text-soft-400 {
    stroke: var(--text-soft-400)
}
.object-contain {
    object-fit: contain
}
.object-cover {
    object-fit: cover
}
.\!p-1 {
    padding: 4px !important
}
.p-0 {
    padding: 0px
}
.p-0\.5 {
    padding: 2px
}
.p-1 {
    padding: 4px
}
.p-2 {
    padding: 8px
}
.p-2\.5 {
    padding: 10px
}
.p-3 {
    padding: 12px
}
.p-3\.5 {
    padding: 14px
}
.p-4 {
    padding: 16px
}
.p-5 {
    padding: 20px
}
.p-6 {
    padding: 24px
}
.p-8 {
    padding: 32px
}
.p-\[10px\] {
    padding: 10px
}
.p-\[3px\] {
    padding: 3px
}
.p-px {
    padding: 1px
}
.px-0 {
    padding-left: 0px;
    padding-right: 0px
}
.px-1 {
    padding-left: 4px;
    padding-right: 4px
}
.px-1\.5 {
    padding-left: 6px;
    padding-right: 6px
}
.px-2 {
    padding-left: 8px;
    padding-right: 8px
}
.px-2\.5 {
    padding-left: 10px;
    padding-right: 10px
}
.px-3 {
    padding-left: 12px;
    padding-right: 12px
}
.px-3\.5 {
    padding-left: 14px;
    padding-right: 14px
}
.px-4 {
    padding-left: 16px;
    padding-right: 16px
}
.px-5 {
    padding-left: 20px;
    padding-right: 20px
}
.px-6 {
    padding-left: 24px;
    padding-right: 24px
}
.px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px
}
.py-0\.5 {
    padding-top: 2px;
    padding-bottom: 2px
}
.py-1 {
    padding-top: 4px;
    padding-bottom: 4px
}
.py-1\.5 {
    padding-top: 6px;
    padding-bottom: 6px
}
.py-2 {
    padding-top: 8px;
    padding-bottom: 8px
}
.py-2\.5 {
    padding-top: 10px;
    padding-bottom: 10px
}
.py-3 {
    padding-top: 12px;
    padding-bottom: 12px
}
.py-3\.5 {
    padding-top: 14px;
    padding-bottom: 14px
}
.py-4 {
    padding-top: 16px;
    padding-bottom: 16px
}
.py-5 {
    padding-top: 20px;
    padding-bottom: 20px
}
.py-8 {
    padding-top: 32px;
    padding-bottom: 32px
}
.pb-2\.5 {
    padding-bottom: 10px
}
.pb-3 {
    padding-bottom: 12px
}
.pb-4 {
    padding-bottom: 16px
}
.pb-\[72px\] {
    padding-bottom: 72px
}
.pl-2 {
    padding-left: 8px
}
.pl-2\.5 {
    padding-left: 10px
}
.pl-3 {
    padding-left: 12px
}
.pl-5 {
    padding-left: 20px
}
.pl-9 {
    padding-left: 36px
}
.pr-1\.5 {
    padding-right: 6px
}
.pr-10 {
    padding-right: 40px
}
.pr-14 {
    padding-right: 3.5rem
}
.pr-2 {
    padding-right: 8px
}
.pr-2\.5 {
    padding-right: 10px
}
.pr-3 {
    padding-right: 12px
}
.pr-9 {
    padding-right: 36px
}
.pr-\[34px\] {
    padding-right: 34px
}
.pt-1\.5 {
    padding-top: 6px
}
.pt-2\.5 {
    padding-top: 10px
}
.pt-20 {
    padding-top: 5rem
}
.pt-4 {
    padding-top: 16px
}
.pt-6 {
    padding-top: 24px
}
.text-left {
    text-align: left
}
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}
.align-middle {
    vertical-align: middle
}
.\!font-\[\'TT_Chocolates\'\] {
    font-family: 'TT Chocolates' !important
}
.font-\[\'TT_Chocolates\'\] {
    font-family: 'TT Chocolates'
}
.font-sans {
    font-family: var(--font-sans)
}
.\!text-\[12px\] {
    font-size: 12px !important
}
.\!text-\[13px\] {
    font-size: 13px !important
}
.\!text-\[14px\] {
    font-size: 14px !important
}
.\!text-\[24px\] {
    font-size: 24px !important
}
.text-\[11px\] {
    font-size: 11px
}
.text-\[12px\] {
    font-size: 12px
}
.text-\[13px\] {
    font-size: 13px
}
.text-\[14px\] {
    font-size: 14px
}
.text-\[16px\] {
    font-size: 16px
}
.text-\[18px\] {
    font-size: 18px
}
.text-\[20px\] {
    font-size: 20px
}
.text-\[24px\] {
    font-size: 24px
}
.text-\[40px\] {
    font-size: 40px
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
.text-label-lg {
    font-size: var(--label-lg-size);
    line-height: var(--label-lg-lh);
    letter-spacing: var(--label-lg-ls);
    font-weight: 500
}
.text-label-md {
    font-size: var(--label-md-size);
    line-height: var(--label-md-lh);
    letter-spacing: var(--label-md-ls);
    font-weight: 500
}
.text-label-sm {
    font-size: var(--label-sm-size);
    line-height: var(--label-sm-lh);
    letter-spacing: var(--label-sm-ls);
    font-weight: 500
}
.text-label-xs {
    font-size: var(--label-xs-size);
    line-height: var(--label-xs-lh);
    letter-spacing: var(--label-xs-ls);
    font-weight: 500
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.text-paragraph-sm {
    font-size: var(--paragraph-sm-size);
    line-height: var(--paragraph-sm-lh);
    letter-spacing: var(--paragraph-sm-ls);
    font-weight: 400
}
.text-paragraph-xs {
    font-size: var(--paragraph-xs-size);
    line-height: var(--paragraph-xs-lh);
    letter-spacing: var(--paragraph-xs-ls);
    font-weight: 400
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.text-subheading-2xs {
    font-size: var(--subheading-2xs-size);
    line-height: var(--subheading-2xs-lh);
    letter-spacing: var(--subheading-2xs-ls);
    font-weight: 500
}
.text-title-h5 {
    font-size: var(--title-h5-size);
    line-height: var(--title-h5-lh);
    letter-spacing: var(--title-h5-ls);
    font-weight: 500
}
.text-title-h6 {
    font-size: var(--title-h6-size);
    line-height: var(--title-h6-lh);
    letter-spacing: var(--title-h6-ls);
    font-weight: 500
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.\!font-medium {
    font-weight: 500 !important
}
.\!font-normal {
    font-weight: 400 !important
}
.font-medium {
    font-weight: 500
}
.font-normal {
    font-weight: 400
}
.font-semibold {
    font-weight: 600
}
.uppercase {
    text-transform: uppercase
}
.capitalize {
    text-transform: capitalize
}
.italic {
    font-style: italic
}
.\!leading-4 {
    line-height: 1rem !important
}
.\!leading-5 {
    line-height: 1.25rem !important
}
.\!leading-8 {
    line-height: 2rem !important
}
.leading-3 {
    line-height: .75rem
}
.leading-4 {
    line-height: 1rem
}
.leading-5 {
    line-height: 1.25rem
}
.leading-6 {
    line-height: 1.5rem
}
.leading-8 {
    line-height: 2rem
}
.leading-\[28px\] {
    line-height: 28px
}
.leading-\[48px\] {
    line-height: 48px
}
.leading-none {
    line-height: 1
}
.\!tracking-\[-0\.005em\] {
    letter-spacing: -0.005em !important
}
.\!tracking-\[-0\.006em\] {
    letter-spacing: -0.006em !important
}
.tracking-\[-0\.005em\] {
    letter-spacing: -0.005em
}
.tracking-\[-0\.006em\] {
    letter-spacing: -0.006em
}
.tracking-\[-0\.011em\] {
    letter-spacing: -0.011em
}
.tracking-\[-0\.015em\] {
    letter-spacing: -0.015em
}
.tracking-\[-0\.01em\] {
    letter-spacing: -0.01em
}
.tracking-\[0\.02em\] {
    letter-spacing: 0.02em
}
.tracking-wide {
    letter-spacing: 0.025em
}
.\!text-\[\#171717\] {
    --tw-text-opacity: 1 !important;
    color: rgb(23 23 23 / 1) !important;
    color: rgb(23 23 23 / var(--tw-text-opacity, 1)) !important
}
.\!text-\[\#5C5C5C\] {
    --tw-text-opacity: 1 !important;
    color: rgb(92 92 92 / 1) !important;
    color: rgb(92 92 92 / var(--tw-text-opacity, 1)) !important
}
.text-\[\#109d58\] {
    --tw-text-opacity: 1;
    color: rgb(16 157 88 / 1);
    color: rgb(16 157 88 / var(--tw-text-opacity, 1))
}
.text-\[\#1DAF61\] {
    --tw-text-opacity: 1;
    color: rgb(29 175 97 / 1);
    color: rgb(29 175 97 / var(--tw-text-opacity, 1))
}
.text-\[\#1FC16B\] {
    --tw-text-opacity: 1;
    color: rgb(31 193 107 / 1);
    color: rgb(31 193 107 / var(--tw-text-opacity, 1))
}
.text-\[\#5C5C5C\] {
    --tw-text-opacity: 1;
    color: rgb(92 92 92 / 1);
    color: rgb(92 92 92 / var(--tw-text-opacity, 1))
}
.text-\[\#A3A3A3\] {
    --tw-text-opacity: 1;
    color: rgb(163 163 163 / 1);
    color: rgb(163 163 163 / var(--tw-text-opacity, 1))
}
.text-\[\#A4A4A4\] {
    --tw-text-opacity: 1;
    color: rgb(164 164 164 / 1);
    color: rgb(164 164 164 / var(--tw-text-opacity, 1))
}
.text-\[\#EB4B3B\] {
    --tw-text-opacity: 1;
    color: rgb(235 75 59 / 1);
    color: rgb(235 75 59 / var(--tw-text-opacity, 1))
}
.text-\[\#FA7319\] {
    --tw-text-opacity: 1;
    color: rgb(250 115 25 / 1);
    color: rgb(250 115 25 / var(--tw-text-opacity, 1))
}
.text-\[\#f97314\] {
    --tw-text-opacity: 1;
    color: rgb(249 115 20 / 1);
    color: rgb(249 115 20 / var(--tw-text-opacity, 1))
}
.text-avatar-text {
    --tw-text-opacity: 1;
    color: rgb(98 76 24 / 1);
    color: rgb(98 76 24 / var(--tw-text-opacity, 1))
}
.text-away-base {
    color: var(--state-away-base)
}
.text-bg-soft-200 {
    color: var(--bg-soft-200)
}
.text-blue-950 {
    color: var(--blue-950)
}
.text-error-base {
    color: var(--state-error-base)
}
.text-error-dark {
    color: var(--state-error-dark)
}
.text-faded-base {
    color: var(--state-faded-base)
}
.text-faded-dark {
    color: var(--state-faded-dark)
}
.text-feature-base {
    color: var(--state-feature-base)
}
.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / 1);
    color: rgb(31 41 55 / var(--tw-text-opacity, 1))
}
.text-information-base {
    color: var(--state-information-base)
}
.text-information-dark {
    color: var(--state-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-static-black {
    color: var(--static-static-black)
}
.text-static-white {
    color: var(--static-static-white)
}
.text-stroke-sub-300 {
    color: var(--stroke-sub-300)
}
.text-success-base {
    color: var(--state-success-base)
}
.text-success-dark {
    color: var(--state-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-warning-base {
    color: var(--state-warning-base)
}
.text-warning-dark {
    color: var(--state-warning-dark)
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / 1);
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / 1);
    color: rgb(234 179 8 / var(--tw-text-opacity, 1))
}
.text-yellow-950 {
    color: var(--yellow-950)
}
.underline {
    text-decoration-line: underline
}
.no-underline {
    text-decoration-line: none
}
.decoration-current {
    text-decoration-color: currentColor
}
.decoration-transparent {
    text-decoration-color: transparent
}
.underline-offset-\[3px\] {
    text-underline-offset: 3px
}
.opacity-0 {
    opacity: 0
}
.opacity-100 {
    opacity: 1
}
.opacity-40 {
    opacity: 0.4
}
.opacity-60 {
    opacity: 0.6
}
.opacity-\[\.48\] {
    opacity: .48
}
.opacity-\[\.72\] {
    opacity: .72
}
.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[0_2px_4px_rgba\(27\2c 28\2c 29\2c 0\.12\)\] {
    --tw-shadow: 0 2px 4px rgba(27,28,29,0.12);
    --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[0px_2px_2px_rgba\(27\2c 28\2c 29\2c 0\.12\)\] {
    --tw-shadow: 0px 2px 2px rgba(27,28,29,0.12);
    --tw-shadow-colored: 0px 2px 2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[0px_2px_4px_rgba\(27\2c 28\2c 29\2c 0\.04\)\] {
    --tw-shadow: 0px 2px 4px rgba(27,28,29,0.04);
    --tw-shadow-colored: 0px 2px 4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[0px_4px_8px_-2px_rgba\(51\2c 51\2c 51\2c 0\.06\)\2c 0px_2px_4px_rgba\(51\2c 51\2c 51\2c 0\.04\)\2c 0px_1px_2px_rgba\(51\2c 51\2c 51\2c 0\.04\)\2c 0px_0px_0px_1px_\#F5F5F5\2c inset_0px_-1px_1px_-0\.5px_rgba\(51\2c 51\2c 51\2c 0\.06\)\] {
    --tw-shadow: 0px 4px 8px -2px rgba(51,51,51,0.06),0px 2px 4px rgba(51,51,51,0.04),0px 1px 2px rgba(51,51,51,0.04),0px 0px 0px 1px #F5F5F5,inset 0px -1px 1px -0.5px rgba(51,51,51,0.06);
    --tw-shadow-colored: 0px 4px 8px -2px var(--tw-shadow-color), 0px 2px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px 1px var(--tw-shadow-color), inset 0px -1px 1px -0.5px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[inset_0px_-1px_1px_-0\.5px_rgba\(51\2c 51\2c 51\2c 0\.06\)\2c 0px_0px_0px_1px_rgba\(51\2c 51\2c 51\2c 0\.04\)\2c 0px_1px_2px_0px_rgba\(51\2c 51\2c 51\2c 0\.04\)\2c 0px_2px_4px_0px_rgba\(51\2c 51\2c 51\2c 0\.04\)\2c 0px_4px_8px_-2px_rgba\(51\2c 51\2c 51\2c 0\.06\)\] {
    --tw-shadow: inset 0px -1px 1px -0.5px rgba(51,51,51,0.06),0px 0px 0px 1px rgba(51,51,51,0.04),0px 1px 2px 0px rgba(51,51,51,0.04),0px 2px 4px 0px rgba(51,51,51,0.04),0px 4px 8px -2px rgba(51,51,51,0.06);
    --tw-shadow-colored: inset 0px -1px 1px -0.5px var(--tw-shadow-color), 0px 0px 0px 1px var(--tw-shadow-color), 0px 1px 2px 0px var(--tw-shadow-color), 0px 2px 4px 0px var(--tw-shadow-color), 0px 4px 8px -2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-button-error-focus {
    --tw-shadow: var(--shadow-button-error-focus);
    --tw-shadow-colored: var(--shadow-button-error-focus);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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: var(--shadow-regular-md);
    --tw-shadow-colored: var(--shadow-regular-md);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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: var(--shadow-regular-xs);
    --tw-shadow-colored: var(--shadow-regular-xs);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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: var(--shadow-toggle-switch);
    --tw-shadow-colored: var(--shadow-toggle-switch);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-tooltip {
    --tw-shadow: var(--shadow-tooltip);
    --tw-shadow-colored: var(--shadow-tooltip);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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
}
.outline-0 {
    outline-width: 0px
}
.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.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), 0 0 #0000;
    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), 0 0 #0000;
    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), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.ring-inset {
    --tw-ring-inset: inset
}
.ring-bg-white-0 {
    --tw-ring-color: var(--bg-white-0)
}
.ring-current {
    --tw-ring-color: currentColor
}
.ring-error-base {
    --tw-ring-color: var(--state-error-base)
}
.ring-primary-base {
    --tw-ring-color: var(--primary-base)
}
.ring-stroke-soft-200 {
    --tw-ring-color: var(--stroke-soft-200)
}
.ring-stroke-sub-300 {
    --tw-ring-color: var(--stroke-sub-300)
}
.ring-stroke-white-0 {
    --tw-ring-color: var(--stroke-white-0)
}
.ring-transparent {
    --tw-ring-color: transparent
}
.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)
}
.invert {
    --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)
}
.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, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(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-shadow {
    transition-property: box-shadow;
    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-100 {
    transition-duration: 100ms
}
.duration-150 {
    transition-duration: 150ms
}
.duration-200 {
    transition-duration: 200ms
}
.duration-300 {
    transition-duration: 300ms
}
.duration-500 {
    transition-duration: 500ms
}
.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}
.\[clip-path\:polygon\(0_100\%\2c 0_0\2c 100\%_100\%\)\] {
    clip-path: polygon(0 100%,0 0,100% 100%)
}
.\[grid-area\:1\/1\] {
    grid-area: 1/1
}

/*
 * AlignUI custom utilities
 *
 * Использование:
 * className="flex items-center gap-2"
 */

.\*\: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), 0 0 #0000;
    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)
}

.selection\:bg-none *::selection {
    background-image: none
}

.selection\:bg-none::selection {
    background-image: none
}

.placeholder\:select-none::placeholder {
    -webkit-user-select: none;
            user-select: none
}

.placeholder\:text-text-disabled-300::placeholder {
    color: var(--text-disabled-300)
}

.placeholder\:text-text-soft-400::placeholder {
    color: var(--text-soft-400)
}

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

.placeholder\:duration-200::placeholder {
    transition-duration: 200ms
}

.placeholder\:ease-out::placeholder {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.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-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\:bottom-0::before {
    content: var(--tw-content);
    bottom: 0px
}

.before\:left-0::before {
    content: var(--tw-content);
    left: 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\:size-1::before {
    content: var(--tw-content);
    width: 4px;
    height: 4px
}

.before\:size-1\.5::before {
    content: var(--tw-content);
    width: 6px;
    height: 6px
}

.before\:h-px::before {
    content: var(--tw-content);
    height: 1px
}

.before\:w-3::before {
    content: var(--tw-content);
    width: 12px
}

.before\:w-full::before {
    content: var(--tw-content);
    width: 100%
}

.before\:flex-1::before {
    content: var(--tw-content);
    flex: 1 1
}

.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: 9999px
}

.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-current::before {
    content: var(--tw-content);
    background-color: currentColor
}

.before\:bg-static-white::before {
    content: var(--tw-content);
    background-color: var(--static-static-white)
}

.before\:bg-stroke-soft-200::before {
    content: var(--tw-content);
    background-color: var(--stroke-soft-200)
}

.before\:bg-gradient-to-b::before {
    content: var(--tw-content);
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.before\:to-transparent::before {
    content: var(--tw-content);
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.before\:p-px::before {
    content: var(--tw-content);
    padding: 1px
}

.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), 0 0 #0000;
    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(--state-error-base)
}

.before\:ring-stroke-soft-200::before {
    content: var(--tw-content);
    --tw-ring-color: var(--stroke-soft-200)
}

.before\:transition::before {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(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\:\[mask-clip\:content-box\2c border-box\]::before {
    content: var(--tw-content);
    -webkit-mask-clip: content-box,border-box;
            mask-clip: content-box,border-box
}

.before\:\[mask-composite\:exclude\]::before {
    content: var(--tw-content);
    -webkit-mask-composite: xor;
            mask-composite: exclude
}

.before\:\[mask-image\:linear-gradient\(\#fff_0_0\)\2c linear-gradient\(\#fff_0_0\)\]::before {
    content: var(--tw-content);
    -webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);
            mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)
}

.before\:\[mask\:--mask\]::before {
    content: var(--tw-content);
    -webkit-mask: var(--mask);
            mask: var(--mask)
}

.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\:inset-y-0::after {
    content: var(--tw-content);
    top: 0px;
    bottom: 0px
}

.after\:left-1\/2::after {
    content: var(--tw-content);
    left: 50%
}

.after\:h-px::after {
    content: var(--tw-content);
    height: 1px
}

.after\:w-3::after {
    content: var(--tw-content);
    width: 12px
}

.after\:w-full::after {
    content: var(--tw-content);
    width: 100%
}

.after\:flex-1::after {
    content: var(--tw-content);
    flex: 1 1
}

.after\:-translate-x-1\/2::after {
    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))
}

.after\:rounded-\[inherit\]::after {
    content: var(--tw-content);
    border-radius: inherit
}

.after\:rounded-full::after {
    content: var(--tw-content);
    border-radius: 9999px
}

.after\:bg-stroke-soft-200::after {
    content: var(--tw-content);
    background-color: var(--stroke-soft-200)
}

.after\:bg-gradient-to-b::after {
    content: var(--tw-content);
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.after\:from-static-white::after {
    content: var(--tw-content);
    --tw-gradient-from: var(--static-static-white) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.after\:to-transparent::after {
    content: var(--tw-content);
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.after\:opacity-\[\.16\]::after {
    content: var(--tw-content);
    opacity: .16
}

.after\:transition::after {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(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)
}

.first\:rounded-l-lg:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.first\:rounded-l-md:first-child {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem
}

.last\:rounded-r-lg:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.last\:rounded-r-md:last-child {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem
}

.last\:border-b-0:last-child {
    border-bottom-width: 0px
}

.focus-within\:border-error-base:focus-within {
    border-color: var(--state-error-base)
}

.focus-within\:border-primary-base:focus-within {
    border-color: var(--primary-base)
}

.focus-within\:bg-bg-weak-50:focus-within {
    background-color: var(--bg-weak-50)
}

.focus-within\:shadow-button-error-focus:focus-within {
    --tw-shadow: var(--shadow-button-error-focus);
    --tw-shadow-colored: var(--shadow-button-error-focus);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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: var(--shadow-button-important-focus);
    --tw-shadow-colored: var(--shadow-button-important-focus);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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), 0 0 #0000;
    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(--state-error-base)
}

.focus-within\:ring-primary-alpha-10:focus-within {
    --tw-ring-color: var(--alpha-primary-alpha-10)
}

.focus-within\:ring-red-alpha-10:focus-within {
    --tw-ring-color: var(--alpha-red-alpha-10)
}

.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-text-soft-400:hover {
    border-color: var(--text-soft-400)
}

.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(--alpha-primary-alpha-10)
}

.hover\:bg-primary-dark:hover {
    background-color: var(--primary-dark)
}

.hover\:bg-primary-darker:hover {
    background-color: var(--primary-darkest)
}

.hover\:bg-red-700:hover {
    background-color: var(--red-700)
}

.hover\:bg-red-alpha-10:hover {
    background-color: var(--alpha-red-alpha-10)
}

.hover\:bg-transparent:hover {
    background-color: transparent
}

.hover\:text-primary-darker:hover {
    color: var(--primary-darkest)
}

.hover\:text-red-700:hover {
    color: var(--red-700)
}

.hover\:text-text-strong-950:hover {
    color: var(--text-strong-950)
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:decoration-current:hover {
    text-decoration-color: currentColor
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-70:hover {
    opacity: 0.7
}

.hover\:opacity-80:hover {
    opacity: 0.8
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-none:hover {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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: var(--shadow-regular-xs);
    --tw-shadow-colored: var(--shadow-regular-xs);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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(--state-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\:ring-error-base:hover::before {
    content: var(--tw-content);
    --tw-ring-color: var(--state-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: var(--shadow-button-error-focus);
    --tw-shadow-colored: var(--shadow-button-error-focus);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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: var(--shadow-button-important-focus);
    --tw-shadow-colored: var(--shadow-button-important-focus);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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), 0 0 #0000;
    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(--state-error-base)
}

.focus\:ring-stroke-strong-950:focus {
    --tw-ring-color: var(--stroke-strong-950)
}

.focus\:ring-transparent:focus {
    --tw-ring-color: transparent
}

.focus\:placeholder\:text-text-sub-600:focus::placeholder {
    color: var(--text-sub-600)
}

.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\:shadow-button-error-focus:focus-visible {
    --tw-shadow: var(--shadow-button-error-focus);
    --tw-shadow-colored: var(--shadow-button-error-focus);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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: var(--shadow-button-important-focus);
    --tw-shadow-colored: var(--shadow-button-important-focus);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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: var(--shadow-button-primary-focus);
    --tw-shadow-colored: var(--shadow-button-primary-focus);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.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), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-error-base:focus-visible {
    --tw-ring-color: var(--state-error-base)
}

.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)
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:border-transparent:disabled {
    border-color: transparent
}

.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)
}

.disabled\:no-underline:disabled {
    text-decoration-line: none
}

.disabled\:opacity-50:disabled {
    opacity: 0.5
}

.disabled\:shadow-none:disabled {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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\/row:last-child .group-last\/row\:border-b-0 {
    border-bottom-width: 0px
}

.group:hover .group-hover\:bg-\[\#D1D1D1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(209 209 209 / 1);
    background-color: rgb(209 209 209 / var(--tw-bg-opacity, 1))
}

.group\/radio:hover .group-hover\/radio\:stroke-primary-darker {
    stroke: var(--primary-darkest)
}

.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\/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:hover .group-hover\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:shadow-\[0_2px_4px_rgba\(27\2c 28\2c 29\2c 0\.16\)\] {
    --tw-shadow: 0 2px 4px rgba(27,28,29,0.16);
    --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.group:hover .group-hover\:ring-primary-base {
    --tw-ring-color: var(--primary-base)
}

.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\/checkbox:focus .group-focus\/checkbox\:fill-primary-base {
    fill: var(--primary-base)
}

.group\/radio:focus .group-focus\/radio\:fill-primary-base {
    fill: var(--primary-base)
}

.group\/radio:focus .group-focus\/radio\:stroke-primary-dark {
    stroke: var(--primary-dark)
}

.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\/switch:focus .group-focus\/switch\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.group\/switch:active .group-active\/switch\:scale-\[\.833\] {
    --tw-scale-x: .833;
    --tw-scale-y: .833;
    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\/switch:active .group-active\/switch\:bg-bg-soft-200 {
    background-color: var(--bg-soft-200)
}

.group\/checkbox:disabled .group-disabled\/checkbox\:hidden {
    display: none
}

.group\/radio:disabled .group-disabled\/radio\:hidden {
    display: none
}

.group\/checkbox:disabled .group-disabled\/checkbox\:fill-bg-soft-200 {
    fill: var(--bg-soft-200)
}

.group\/radio:disabled .group-disabled\/radio\:fill-bg-soft-200 {
    fill: var(--bg-soft-200)
}

.group\/radio:disabled .group-disabled\/radio\:stroke-bg-soft-200 {
    stroke: var(--bg-soft-200)
}

.group\/trigger:disabled .group-disabled\/trigger\:text-text-disabled-300 {
    color: var(--text-disabled-300)
}

.group:disabled .group-disabled\: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\2c minmax\(0\2c 1fr\)\]:has(>svg:first-child) {
    grid-template-columns: auto minmax(0,1fr)
}

.has-\[\>\.dot\]\:gap-1\.5:has(>.dot) {
    gap: 6px
}

.has-\[\>\.dot\]\:gap-2:has(>.dot) {
    gap: 8px
}

.has-\[\:focus-visible\]\:bg-bg-weak-50:has(:focus-visible) {
    background-color: var(--bg-weak-50)
}

.has-\[\[disabled\]\]\:bg-bg-weak-50:has([disabled]) {
    background-color: var(--bg-weak-50)
}

.has-\[input\:disabled\]\:bg-bg-weak-50:has(input:disabled) {
    background-color: var(--bg-weak-50)
}

.has-\[input\:disabled\]\:shadow-none:has(input:disabled) {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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: var(--shadow-button-error-focus);
    --tw-shadow-colored: var(--shadow-button-error-focus);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    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: var(--shadow-button-important-focus);
    --tw-shadow-colored: var(--shadow-button-important-focus);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.has-\[\:focus-visible\]\:ring-transparent:has(:focus-visible) {
    --tw-ring-color: transparent
}

.has-\[\[disabled\]\]\:ring-transparent:has([disabled]) {
    --tw-ring-color: transparent
}

.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(--state-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: -2px
}

.group:has(:placeholder-shown) .group\/input-wrapper:has(input:focus) .group-has-\[\:placeholder-shown\]\:group-has-\[input\:focus\]\/input-wrapper\:text-text-sub-600 {
    color: var(--text-sub-600)
}

.group:has(:placeholder-shown):has(input:focus) .group-has-\[\:placeholder-shown\]\:group-has-\[input\:focus\]\:text-text-sub-600 {
    color: var(--text-sub-600)
}

.group:has(:placeholder-shown) .group-has-\[\:placeholder-shown\]\:text-text-soft-400 {
    color: var(--text-soft-400)
}

.group:has([data-disabled]) .group-has-\[\[data-disabled\]\]\:text-text-disabled-300 {
    color: var(--text-disabled-300)
}

.group\/textarea:has([disabled]) .group-has-\[\[disabled\]\]\/textarea\:text-text-disabled-300 {
    color: var(--text-disabled-300)
}

.group\/input-wrapper:has(input:disabled) .group-has-\[input\:disabled\]\/input-wrapper\:text-text-disabled-300 {
    color: var(--text-disabled-300)
}

.group\/tab-list:has([data-state=active]) .group-has-\[\[data-state\=active\]\]\/tab-list\:opacity-100 {
    opacity: 1
}

.group:has(input:focus) .group-has-\[input\:focus\]\:placeholder\:text-text-sub-600::placeholder {
    color: var(--text-sub-600)
}

.group:has(:placeholder-shown) .group\/input-wrapper:hover .group-has-\[\:placeholder-shown\]\:group-hover\/input-wrapper\:text-text-sub-600 {
    color: var(--text-sub-600)
}

.aria-disabled\:text-text-disabled-300[aria-disabled="true"] {
    color: var(--text-disabled-300)
}

.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-3[data-state="checked"] {
    --tw-translate-x: 12px;
    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))
}

.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\=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-\[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\=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-\[highlighted\]\:outline-0[data-highlighted] {
    outline-width: 0px
}

.data-\[state\=open\]\:ring-transparent[data-state="open"] {
    --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-\[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:hover .group-hover\:data-\[state\=checked\]\/switch\:bg-primary-darker[data-state="checked"] {
    background-color: var(--primary-darkest)
}

.group:active .group-active\:data-\[state\=checked\]\/switch\:bg-primary-base[data-state="checked"] {
    background-color: var(--primary-base)
}

.group\/checkbox[data-state="indeterminate"] .group-data-\[state\=indeterminate\]\/checkbox\:visible {
    visibility: visible
}

.group\/checkbox[data-state="indeterminate"] .group-data-\[state\=indeterminate\]\/checkbox\:invisible {
    visibility: hidden
}

.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\/switch[data-state="checked"] .group-data-\[state\=checked\]\/switch\:bg-primary-base {
    background-color: var(--primary-base)
}

.group\/checkbox[data-state="checked"] .group-data-\[state\=checked\]\/checkbox\:fill-primary-base {
    fill: var(--primary-base)
}

.group\/radio[data-state="checked"] .group-data-\[state\=checked\]\/radio\:fill-bg-white-0 {
    fill: var(--bg-white-0)
}

.group\/checkbox[data-state="indeterminate"] .group-data-\[state\=indeterminate\]\/checkbox\:fill-primary-base {
    fill: var(--primary-base)
}

.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="checked"] .group-data-\[state\=checked\]\/checkbox\:opacity-100 {
    opacity: 1
}

.group\/checkbox[data-state="indeterminate"] .group-data-\[state\=indeterminate\]\/checkbox\:opacity-0 {
    opacity: 0
}

.group\/checkbox[data-state="indeterminate"] .group-data-\[state\=indeterminate\]\/checkbox\:opacity-100 {
    opacity: 1
}

.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), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.group\/checkbox:hover[data-state="checked"] .group-hover\/checkbox\:group-data-\[state\=checked\]\/checkbox\:fill-primary-darker {
    fill: var(--primary-darkest)
}

.group\/checkbox:hover[data-state="indeterminate"] .group-hover\/checkbox\:group-data-\[state\=indeterminate\]\/checkbox\:fill-primary-darker {
    fill: var(--primary-darkest)
}

.group\/trigger[data-placeholder] .group:hover .group-data-\[placeholder\]\/trigger\:group-hover\:text-text-sub-600 {
    color: var(--text-sub-600)
}

.group\/checkbox:focus[data-state="checked"] .group-focus\/checkbox\:group-data-\[state\=checked\]\/checkbox\:fill-primary-dark {
    fill: var(--primary-dark)
}

.group\/checkbox:focus[data-state="indeterminate"] .group-focus\/checkbox\:group-data-\[state\=indeterminate\]\/checkbox\:fill-primary-dark {
    fill: var(--primary-dark)
}

.group\/trigger[data-placeholder]:focus .group-data-\[placeholder\]\/trigger\:group-focus\/trigger\:text-text-strong-950 {
    color: var(--text-strong-950)
}

.group\/checkbox:disabled[data-state="checked"] .group-disabled\/checkbox\:group-data-\[state\=checked\]\/checkbox\:fill-bg-soft-200 {
    fill: var(--bg-soft-200)
}

.group\/checkbox:disabled[data-state="indeterminate"] .group-disabled\/checkbox\:group-data-\[state\=indeterminate\]\/checkbox\:fill-bg-soft-200 {
    fill: var(--bg-soft-200)
}

.group\/trigger[data-placeholder]:disabled .group-data-\[placeholder\]\/trigger\:group-disabled\/trigger\:text-text-disabled-300 {
    color: var(--text-disabled-300)
}

@media (min-width: 640px) {
    .sm\:bottom-0 {
        bottom: 0px
    }
    .sm\:left-auto {
        left: auto
    }
    .sm\:right-0 {
        right: 0px
    }
    .sm\:right-4 {
        right: 16px
    }
    .sm\:top-auto {
        top: auto
    }
    .sm\:max-w-\[420px\] {
        max-width: 420px
    }
    .sm\:max-w-\[438px\] {
        max-width: 438px
    }
    .sm\:flex-col {
        flex-direction: column
    }
    .sm\:p-6 {
        padding: 24px
    }
}

@media (min-width: 768px) {
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width: 1024px) {
    .lg\:order-1 {
        order: 1
    }
    .lg\:order-2 {
        order: 2
    }
    .lg\:ml-12 {
        margin-left: 3rem
    }
    .lg\:w-\[352px\] {
        width: 352px
    }
    .lg\:flex-shrink-0 {
        flex-shrink: 0
    }
    .lg\:grid-cols-\[300px_minmax\(0\2c 1fr\)\] {
        grid-template-columns: 300px minmax(0,1fr)
    }
    .lg\:flex-row {
        flex-direction: row
    }
}

@media (min-width: 1536px) {
    .\32xl\:ml-20 {
        margin-left: 5rem
    }
    .\32xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (min-width: 1800px) {
    .min-\[1800px\]\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.hover\:\[\&\:not\(\&\:has\(input\:focus\)\)\:has\(\>\:only-child\)\]\:before\:ring-error-base:not(.hover\:\[\&\:not\(\&\:has\(input\:focus\)\)\:has\(\>\:only-child\)\]\:before\:ring-error-base:has(input:focus)):has(>:only-child):hover::before::before {
    content: var(--tw-content);
    --tw-ring-color: var(--state-error-base)
}

.hover\:\[\&\:not\(\&\:has\(input\:focus\)\)\]\:bg-bg-weak-50:not(.hover\:\[\&\:not\(\&\:has\(input\:focus\)\)\]\:bg-bg-weak-50:has(input:focus)):hover {
    background-color: var(--bg-weak-50)
}

.\[\&\: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
}

.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
}

.\[\&\>\[cmdk-group-heading\]\]\:mb-2>[cmdk-group-heading] {
    margin-bottom: 8px
}

.\[\&\>\[cmdk-group-heading\]\]\:px-3>[cmdk-group-heading] {
    padding-left: 12px;
    padding-right: 12px
}

.\[\&\>\[cmdk-group-heading\]\]\:pt-1>[cmdk-group-heading] {
    padding-top: 4px
}

.\[\&\>\[cmdk-group-heading\]\]\:text-label-xs>[cmdk-group-heading] {
    font-size: var(--label-xs-size);
    line-height: var(--label-xs-lh);
    letter-spacing: var(--label-xs-ls);
    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
}

.\[\&\>path\]\:\[stroke-dasharray\:var\(--total-length\)\]>path {
    stroke-dasharray: var(--total-length)
}

.\[\&\>path\]\:\[stroke-dashoffset\:var\(--total-length\)\]>path {
    stroke-dashoffset: var(--total-length)
}

.group\/checkbox[data-state="checked"] .group-data-\[state\=checked\]\/checkbox\:\[\&\>path\]\:\[stroke-dashoffset\:0\]>path {
    stroke-dashoffset: 0
}

.group\/checkbox[data-state="indeterminate"] .group-data-\[state\=indeterminate\]\/checkbox\:\[\&\>path\]\:\[stroke-dashoffset\:0\]>path {
    stroke-dashoffset: 0
}

.\[\&_path\]\:transition-all path {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.\[\&_path\]\:duration-300 path {
    transition-duration: 300ms
}

.\[\&_path\]\:ease-out path {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.\[\&_svg\]\:h-\[13px\] svg {
    height: 13px
}

.\[\&_svg\]\:w-\[13px\] svg {
    width: 13px
}

.\[\&_svg\]\:opacity-0 svg {
    opacity: 0
}

.table-hover .\[\.table-hover_\&\]\:hover\:bg-bg-weak-50:hover {
    background-color: var(--bg-weak-50)
}

[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)
}