/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.node--unpublished{background-color:#fff4f4;}
@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% 0.032 17.717);--color-red-400:oklch(70.4% 0.191 22.216);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-700:oklch(50.5% 0.213 27.518);--color-red-800:oklch(44.4% 0.177 26.899);--color-yellow-100:oklch(97.3% 0.071 103.193);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-yellow-600:oklch(68.1% 0.162 75.834);--color-yellow-700:oklch(55.4% 0.135 66.442);--color-yellow-800:oklch(47.6% 0.114 61.907);--color-green-100:oklch(96.2% 0.044 156.743);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-green-700:oklch(52.7% 0.154 150.069);--color-green-800:oklch(44.8% 0.119 151.328);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-800:oklch(42.4% 0.199 265.638);--color-violet-500:oklch(60.6% 0.25 292.717);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-800:oklch(27.8% 0.033 256.848);--color-gray-900:oklch(21% 0.034 264.665);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--breakpoint-lg:64rem;--container-xs:20rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-wide:0.025em;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--blur-xs:4px;--blur-md:12px;--aspect-video:16 / 9;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#ffcc65;--color-secondary:#ECECEC;--color-tertiary:#111111;--color-body-text:17 17 17;--color-heading-text:#111111;--color-surface-primary:#FFFFFF;--color-surface-secondary:#F8F8F8;--color-surface-tertiary:#ECECEC;--color-grey-bg:#111111;--color-body-bg:#FFFFFF;--color-body-gray:#F5F5F5;--h1-size:36px;--h2-size:32px;--h3-size:24px;--h4-size:20px;--h5-size:18px;--h6-size:16px;--title-size:40px;--body-text-size:14px;--container-px:clamp(20px,calc(20px + (30 - 20) * ((100vw - 390px) / (768 - 390))),30px);--nav-px:clamp(20px,calc(20px + (30 - 20) * ((100vw - 390px) / (768 - 390))),30px);--container-pt:clamp(120px,calc(120px + (160 - 120) * ((100vw - 390px) / (768 - 390))),160px);--h1-line-height:clamp(48px,calc(48px + 10 * ((100vw - 320px) / 448)),58px);--h2-line-height:clamp(40px,calc(40px + 4 * ((100vw - 320px) / 448)),45px);--h3-line-height:clamp(32px,calc(32px + 3 * ((100vw - 320px) / 448)),35px);--h4-line-height:clamp(30px,calc(30px + 2 * ((100vw - 320px) / 448)),32px);--h5-line-height:28px;--h6-line-height:24px;--body-text-line-height:24px;--font-body:"Open Sans";--font-heading:"Montserrat";}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid;}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent;}hr{height:0;color:inherit;border-top-width:1px;}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;}b,strong{font-weight:bolder;}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}table{text-indent:0;border-color:inherit;border-collapse:collapse;}:-moz-focusring{outline:auto;}progress{vertical-align:baseline;}summary{display:list-item;}ol,ul,menu{list-style:none;}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto;}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1;}:where(select:is([multiple],[size])) optgroup{font-weight:bolder;}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px;}::file-selector-button{margin-inline-end:4px;}::placeholder{opacity:1;}@supports (not (-webkit-appearance:-apple-pay-button))  or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent);}}}textarea{resize:vertical;}::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit;}::-webkit-datetime-edit{display:inline-flex;}::-webkit-datetime-edit-fields-wrapper{padding:0;}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0;}:-moz-ui-invalid{box-shadow:none;}button,input:where([type="button"],[type="reset"],[type="submit"]),::file-selector-button{appearance:button;}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto;}[hidden]:where(:not([hidden="until-found"])){display:none !important;}}@layer utilities{.pointer-events-none{pointer-events:none;}.\!visible{visibility:visible !important;}.collapse{visibility:collapse;}.invisible{visibility:hidden;}.visible{visibility:visible;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.\!absolute{position:absolute !important;}.\!static{position:static !important;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.static{position:static;}.sticky{position:sticky;}.\!inset-0{inset:calc(var(--spacing) * 0) !important;}.inset-0{inset:calc(var(--spacing) * 0);}.-top-1{top:calc(var(--spacing) * -1);}.-top-\[3px\]{top:calc(3px * -1);}.top-0{top:calc(var(--spacing) * 0);}.top-1\/2{top:calc(1/2 * 100%);}.top-16{top:calc(var(--spacing) * 16);}.top-\[calc\(100\%\+0\.5rem\)\]{top:calc(100% + 0.5rem);}.top-full{top:100%;}.right-0{right:calc(var(--spacing) * 0);}.right-4{right:calc(var(--spacing) * 4);}.right-\[-80px\]{right:-80px;}.-bottom-\[clamp\(50px\,8vw\,80px\)\]{bottom:calc(clamp(50px,8vw,80px) * -1);}.left-0{left:calc(var(--spacing) * 0);}.left-1\/2{left:calc(1/2 * 100%);}.left-full{left:100%;}.-z-5{z-index:calc(5 * -1);}.z-0{z-index:0;}.z-2{z-index:2;}.z-10{z-index:10;}.z-20{z-index:20;}.z-30{z-index:30;}.z-40{z-index:40;}.z-50{z-index:50;}.z-\[1\]{z-index:1;}.col-span-1{grid-column:span 1 / span 1;}.col-span-2{grid-column:span 2 / span 2;}.col-span-3{grid-column:span 3 / span 3;}.col-span-4{grid-column:span 4 / span 4;}.col-span-9{grid-column:span 9 / span 9;}.col-span-12{grid-column:span 12 / span 12;}.col-start-1{grid-column-start:1;}.col-start-2{grid-column-start:2;}.col-start-3{grid-column-start:3;}.col-start-4{grid-column-start:4;}.col-start-5{grid-column-start:5;}.col-start-6{grid-column-start:6;}.row-span-1{grid-row:span 1 / span 1;}.row-span-2{grid-row:span 2 / span 2;}.row-span-4{grid-row:span 4 / span 4;}.row-start-1{grid-row-start:1;}.container{width:100%;@media (width >= 400px){max-width:400px;}@media (width >= 768px){max-width:768px;}@media (width >= 1140px){max-width:1140px;}@media (width >= 1440px){max-width:1440px;}@media (width >= 40rem){max-width:40rem;}@media (width >= 48rem){max-width:48rem;}@media (width >= 64rem){max-width:64rem;}@media (width >= 80rem){max-width:80rem;}@media (width >= 96rem){max-width:96rem;}}.m-0{margin:calc(var(--spacing) * 0);}.m-4{margin:calc(var(--spacing) * 4);}.mx-0{margin-inline:calc(var(--spacing) * 0);}.mx-1{margin-inline:calc(var(--spacing) * 1);}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5);}.mx-2{margin-inline:calc(var(--spacing) * 2);}.mx-2\.5{margin-inline:calc(var(--spacing) * 2.5);}.mx-3{margin-inline:calc(var(--spacing) * 3);}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5);}.mx-4{margin-inline:calc(var(--spacing) * 4);}.mx-4\.5{margin-inline:calc(var(--spacing) * 4.5);}.mx-5{margin-inline:calc(var(--spacing) * 5);}.mx-5\.5{margin-inline:calc(var(--spacing) * 5.5);}.mx-6{margin-inline:calc(var(--spacing) * 6);}.mx-6\.5{margin-inline:calc(var(--spacing) * 6.5);}.mx-7{margin-inline:calc(var(--spacing) * 7);}.mx-8{margin-inline:calc(var(--spacing) * 8);}.mx-9{margin-inline:calc(var(--spacing) * 9);}.mx-10{margin-inline:calc(var(--spacing) * 10);}.mx-10\.5{margin-inline:calc(var(--spacing) * 10.5);}.mx-11\.5{margin-inline:calc(var(--spacing) * 11.5);}.mx-12{margin-inline:calc(var(--spacing) * 12);}.mx-12\.5{margin-inline:calc(var(--spacing) * 12.5);}.mx-14{margin-inline:calc(var(--spacing) * 14);}.mx-15{margin-inline:calc(var(--spacing) * 15);}.mx-16{margin-inline:calc(var(--spacing) * 16);}.mx-17\.5{margin-inline:calc(var(--spacing) * 17.5);}.mx-19\.5{margin-inline:calc(var(--spacing) * 19.5);}.mx-20{margin-inline:calc(var(--spacing) * 20);}.mx-24{margin-inline:calc(var(--spacing) * 24);}.mx-28{margin-inline:calc(var(--spacing) * 28);}.mx-auto{margin-inline:auto;}.my-0{margin-block:calc(var(--spacing) * 0);}.my-1{margin-block:calc(var(--spacing) * 1);}.my-1\.5{margin-block:calc(var(--spacing) * 1.5);}.my-2{margin-block:calc(var(--spacing) * 2);}.my-2\.5{margin-block:calc(var(--spacing) * 2.5);}.my-3{margin-block:calc(var(--spacing) * 3);}.my-3\.5{margin-block:calc(var(--spacing) * 3.5);}.my-4{margin-block:calc(var(--spacing) * 4);}.my-4\.5{margin-block:calc(var(--spacing) * 4.5);}.my-5{margin-block:calc(var(--spacing) * 5);}.my-5\.5{margin-block:calc(var(--spacing) * 5.5);}.my-6{margin-block:calc(var(--spacing) * 6);}.my-6\.5{margin-block:calc(var(--spacing) * 6.5);}.my-7{margin-block:calc(var(--spacing) * 7);}.my-8{margin-block:calc(var(--spacing) * 8);}.my-9{margin-block:calc(var(--spacing) * 9);}.my-10{margin-block:calc(var(--spacing) * 10);}.my-10\.5{margin-block:calc(var(--spacing) * 10.5);}.my-11\.5{margin-block:calc(var(--spacing) * 11.5);}.my-12{margin-block:calc(var(--spacing) * 12);}.my-12\.5{margin-block:calc(var(--spacing) * 12.5);}.my-14{margin-block:calc(var(--spacing) * 14);}.my-15{margin-block:calc(var(--spacing) * 15);}.my-16{margin-block:calc(var(--spacing) * 16);}.my-17\.5{margin-block:calc(var(--spacing) * 17.5);}.my-19\.5{margin-block:calc(var(--spacing) * 19.5);}.my-20{margin-block:calc(var(--spacing) * 20);}.my-24{margin-block:calc(var(--spacing) * 24);}.my-28{margin-block:calc(var(--spacing) * 28);}.my-\[clamp\(60px\,3\.485rem\+1\.06vw\,70px\)\]{margin-block:clamp(60px,3.485rem + 1.06vw,70px);}.\!mt-5\.5{margin-top:calc(var(--spacing) * 5.5) !important;}.-mt-10{margin-top:calc(var(--spacing) * -10);}.-mt-55{margin-top:calc(var(--spacing) * -55);}.mt-1{margin-top:calc(var(--spacing) * 1);}.mt-2{margin-top:calc(var(--spacing) * 2);}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5);}.mt-3{margin-top:calc(var(--spacing) * 3);}.mt-4{margin-top:calc(var(--spacing) * 4);}.mt-5{margin-top:calc(var(--spacing) * 5);}.mt-5\.5{margin-top:calc(var(--spacing) * 5.5);}.mt-6{margin-top:calc(var(--spacing) * 6);}.mt-8{margin-top:calc(var(--spacing) * 8);}.mt-9{margin-top:calc(var(--spacing) * 9);}.mt-10{margin-top:calc(var(--spacing) * 10);}.mt-15{margin-top:calc(var(--spacing) * 15);}.mt-16{margin-top:calc(var(--spacing) * 16);}.mt-\[5px\]{margin-top:5px;}.mt-\[clamp\(48px\,5vw\,64px\)\]{margin-top:clamp(48px,5vw,64px);}.mt-auto{margin-top:auto;}.-mr-1{margin-right:calc(var(--spacing) * -1);}.mr-0{margin-right:calc(var(--spacing) * 0);}.mr-2{margin-right:calc(var(--spacing) * 2);}.mr-3{margin-right:calc(var(--spacing) * 3);}.mr-auto{margin-right:auto;}.mb-0{margin-bottom:calc(var(--spacing) * 0);}.mb-1{margin-bottom:calc(var(--spacing) * 1);}.mb-2{margin-bottom:calc(var(--spacing) * 2);}.mb-3{margin-bottom:calc(var(--spacing) * 3);}.mb-4{margin-bottom:calc(var(--spacing) * 4);}.mb-5{margin-bottom:calc(var(--spacing) * 5);}.mb-6{margin-bottom:calc(var(--spacing) * 6);}.mb-8{margin-bottom:calc(var(--spacing) * 8);}.mb-10{margin-bottom:calc(var(--spacing) * 10);}.mb-42{margin-bottom:calc(var(--spacing) * 42);}.mb-\[7px\]{margin-bottom:7px;}.mb-\[10px\]{margin-bottom:10px;}.mb-\[30px\]{margin-bottom:30px;}.mb-\[clamp\(8px\,4vw\,24px\)\]{margin-bottom:clamp(8px,4vw,24px);}.mb-\[clamp\(20px\,1\.5vw\,25px\)\]{margin-bottom:clamp(20px,1.5vw,25px);}.mb-\[clamp\(20px\,2\.5vw\,50px\)\]{margin-bottom:clamp(20px,2.5vw,50px);}.mb-\[clamp\(60px\,3\.485rem\+1\.06vw\,70px\)\]{margin-bottom:clamp(60px,3.485rem + 1.06vw,70px);}.-ml-1{margin-left:calc(var(--spacing) * -1);}.ml-2{margin-left:calc(var(--spacing) * 2);}.ml-3{margin-left:calc(var(--spacing) * 3);}.ml-4{margin-left:calc(var(--spacing) * 4);}.ml-6{margin-left:calc(var(--spacing) * 6);}.ml-\[clamp\(20px\,1\.5vw\,25px\)\]{margin-left:clamp(20px,1.5vw,25px);}.ml-auto{margin-left:auto;}.\!flex{display:flex !important;}.\!grid{display:grid !important;}.block{display:block;}.contents{display:contents;}.flex{display:flex;}.grid{display:grid;}.hidden{display:none;}.inline{display:inline;}.inline-block{display:inline-block;}.inline-flex{display:inline-flex;}.table{display:table;}.\!aspect-\[4\/5\]{aspect-ratio:4/5 !important;}.aspect-\[2\/1\]{aspect-ratio:2/1;}.aspect-\[2\/3\]{aspect-ratio:2/3;}.aspect-\[3\/2\]{aspect-ratio:3/2;}.aspect-\[3\/4\]{aspect-ratio:3/4;}.aspect-\[4\/3\]{aspect-ratio:4/3;}.aspect-\[9\/16\]{aspect-ratio:9/16;}.aspect-\[16\/9\]{aspect-ratio:16/9;}.aspect-\[21\/9\]{aspect-ratio:21/9;}.aspect-auto{aspect-ratio:auto;}.aspect-square{aspect-ratio:1 / 1;}.aspect-video{aspect-ratio:var(--aspect-video);}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);}.h-0\.5{height:calc(var(--spacing) * 0.5);}.h-1{height:calc(var(--spacing) * 1);}.h-1\.5{height:calc(var(--spacing) * 1.5);}.h-2{height:calc(var(--spacing) * 2);}.h-3{height:calc(var(--spacing) * 3);}.h-3\.5{height:calc(var(--spacing) * 3.5);}.h-4{height:calc(var(--spacing) * 4);}.h-5{height:calc(var(--spacing) * 5);}.h-6{height:calc(var(--spacing) * 6);}.h-7\.5{height:calc(var(--spacing) * 7.5);}.h-8{height:calc(var(--spacing) * 8);}.h-10{height:calc(var(--spacing) * 10);}.h-11{height:calc(var(--spacing) * 11);}.h-12{height:calc(var(--spacing) * 12);}.h-12\.5{height:calc(var(--spacing) * 12.5);}.h-14{height:calc(var(--spacing) * 14);}.h-15{height:calc(var(--spacing) * 15);}.h-16{height:calc(var(--spacing) * 16);}.h-20{height:calc(var(--spacing) * 20);}.h-22\.5{height:calc(var(--spacing) * 22.5);}.h-24{height:calc(var(--spacing) * 24);}.h-25{height:calc(var(--spacing) * 25);}.h-30{height:calc(var(--spacing) * 30);}.h-48{height:calc(var(--spacing) * 48);}.h-50{height:calc(var(--spacing) * 50);}.h-85{height:calc(var(--spacing) * 85);}.h-\[0\.5px\]{height:0.5px;}.h-\[1px\]{height:1px;}.h-\[4px\]{height:4px;}.h-\[5\%\]{height:5%;}.h-\[38px\]{height:38px;}.h-\[50px\]{height:50px;}.h-\[110\%\]{height:110%;}.h-\[111\.5\%\]{height:111.5%;}.h-\[clamp\(60px\,5vw\+35px\,80px\)\]{height:clamp(60px,5vw + 35px,80px);}.h-\[clamp\(60px\,5vw\+35px\,100px\)\]{height:clamp(60px,5vw + 35px,100px);}.h-\[clamp\(240px\,225\.71px\+4\.46vw\,260px\)\]{height:clamp(240px,225.71px + 4.46vw,260px);}.h-\[clamp\(280px\,50vw\,500px\)\]{height:clamp(280px,50vw,500px);}.h-\[clamp\(300px\,50vh\,420px\)\]{height:clamp(300px,50vh,420px);}.h-auto{height:auto;}.h-fit{height:fit-content;}.h-full{height:100%;}.h-svh{height:100svh;}.max-h-fit{max-height:fit-content;}.min-h-0{min-height:calc(var(--spacing) * 0);}.min-h-4{min-height:calc(var(--spacing) * 4);}.min-h-10{min-height:calc(var(--spacing) * 10);}.min-h-16{min-height:calc(var(--spacing) * 16);}.min-h-30{min-height:calc(var(--spacing) * 30);}.min-h-49\.5{min-height:calc(var(--spacing) * 49.5);}.min-h-85{min-height:calc(var(--spacing) * 85);}.min-h-100{min-height:calc(var(--spacing) * 100);}.min-h-\[120px\]{min-height:120px;}.min-h-\[300px\]{min-height:300px;}.min-h-\[400px\]{min-height:400px;}.min-h-\[430px\]{min-height:430px;}.min-h-\[500px\]{min-height:500px;}.min-h-\[600px\]{min-height:600px;}.min-h-\[700px\]{min-height:700px;}.min-h-\[800px\]{min-height:800px;}.min-h-\[clamp\(280px\,50vw\,500px\)\]{min-height:clamp(280px,50vw,500px);}.min-h-\[clamp\(423px\,5vw\,480px\)\]{min-height:clamp(423px,5vw,480px);}.min-h-fit{min-height:fit-content;}.min-h-screen{min-height:100vh;}.\!w-full{width:100% !important;}.w-0\.5{width:calc(var(--spacing) * 0.5);}.w-1{width:calc(var(--spacing) * 1);}.w-1\/2{width:calc(1/2 * 100%);}.w-1\/3{width:calc(1/3 * 100%);}.w-1\/4{width:calc(1/4 * 100%);}.w-2{width:calc(var(--spacing) * 2);}.w-2\/3{width:calc(2/3 * 100%);}.w-3{width:calc(var(--spacing) * 3);}.w-3\.5{width:calc(var(--spacing) * 3.5);}.w-3\/4{width:calc(3/4 * 100%);}.w-4{width:calc(var(--spacing) * 4);}.w-4\/5{width:calc(4/5 * 100%);}.w-5{width:calc(var(--spacing) * 5);}.w-6{width:calc(var(--spacing) * 6);}.w-7\.5{width:calc(var(--spacing) * 7.5);}.w-8{width:calc(var(--spacing) * 8);}.w-9\/10{width:calc(9/10 * 100%);}.w-10{width:calc(var(--spacing) * 10);}.w-11{width:calc(var(--spacing) * 11);}.w-12{width:calc(var(--spacing) * 12);}.w-12\.5{width:calc(var(--spacing) * 12.5);}.w-14{width:calc(var(--spacing) * 14);}.w-15{width:calc(var(--spacing) * 15);}.w-16{width:calc(var(--spacing) * 16);}.w-18{width:calc(var(--spacing) * 18);}.w-20{width:calc(var(--spacing) * 20);}.w-22\.5{width:calc(var(--spacing) * 22.5);}.w-24{width:calc(var(--spacing) * 24);}.w-25{width:calc(var(--spacing) * 25);}.w-30{width:calc(var(--spacing) * 30);}.w-36{width:calc(var(--spacing) * 36);}.w-40{width:calc(var(--spacing) * 40);}.w-46{width:calc(var(--spacing) * 46);}.w-48{width:calc(var(--spacing) * 48);}.w-50{width:calc(var(--spacing) * 50);}.w-56{width:calc(var(--spacing) * 56);}.w-60{width:calc(var(--spacing) * 60);}.w-64{width:calc(var(--spacing) * 64);}.w-72{width:calc(var(--spacing) * 72);}.w-75{width:calc(var(--spacing) * 75);}.w-80{width:calc(var(--spacing) * 80);}.w-96{width:calc(var(--spacing) * 96);}.w-100{width:calc(var(--spacing) * 100);}.w-120{width:calc(var(--spacing) * 120);}.w-125{width:calc(var(--spacing) * 125);}.w-144{width:calc(var(--spacing) * 144);}.w-160{width:calc(var(--spacing) * 160);}.w-184{width:calc(var(--spacing) * 184);}.w-192{width:calc(var(--spacing) * 192);}.w-224{width:calc(var(--spacing) * 224);}.w-300{width:calc(var(--spacing) * 300);}.w-500{width:calc(var(--spacing) * 500);}.w-\[20\%\]{width:20%;}.w-\[85\%\]{width:85%;}.w-\[90\%\]{width:90%;}.w-\[94\%\]{width:94%;}.w-\[95\%\]{width:95%;}.w-\[111\.5\%\]{width:111.5%;}.w-\[clamp\(35\%\,166\.85\%-17\.15vw\,100\%\)\]{width:clamp(35%,166.85% - 17.15vw,100%);}.w-\[clamp\(140px\,4\.5vw\+100px\,320px\)\]{width:clamp(140px,4.5vw + 100px,320px);}.w-auto{width:auto;}.w-fit{width:fit-content;}.w-full{width:100%;}.\!max-w-130{max-width:calc(var(--spacing) * 130) !important;}.\!max-w-480{max-width:calc(var(--spacing) * 480) !important;}.\!max-w-full{max-width:100% !important;}.max-w-2xl{max-width:var(--container-2xl);}.max-w-3xl{max-width:var(--container-3xl);}.max-w-4xl{max-width:var(--container-4xl);}.max-w-7xl{max-width:var(--container-7xl);}.max-w-87{max-width:calc(var(--spacing) * 87);}.max-w-96{max-width:calc(var(--spacing) * 96);}.max-w-106{max-width:calc(var(--spacing) * 106);}.max-w-112\.5{max-width:calc(var(--spacing) * 112.5);}.max-w-145{max-width:calc(var(--spacing) * 145);}.max-w-158{max-width:calc(var(--spacing) * 158);}.max-w-164{max-width:calc(var(--spacing) * 164);}.max-w-166{max-width:calc(var(--spacing) * 166);}.max-w-173\.5{max-width:calc(var(--spacing) * 173.5);}.max-w-255{max-width:calc(var(--spacing) * 255);}.max-w-480{max-width:calc(var(--spacing) * 480);}.max-w-\[8rem\]{max-width:8rem;}.max-w-\[290px\]{max-width:290px;}.max-w-\[1920px\]{max-width:1920px;}.max-w-\[clamp\(140px\,4\.5vw\+100px\,320px\)\]{max-width:clamp(140px,4.5vw + 100px,320px);}.max-w-full{max-width:100%;}.max-w-lg{max-width:var(--container-lg);}.max-w-md{max-width:var(--container-md);}.max-w-none{max-width:none;}.max-w-screen-lg{max-width:var(--breakpoint-lg);}.min-w-0{min-width:calc(var(--spacing) * 0);}.min-w-5{min-width:calc(var(--spacing) * 5);}.min-w-8{min-width:calc(var(--spacing) * 8);}.min-w-10{min-width:calc(var(--spacing) * 10);}.min-w-16{min-width:calc(var(--spacing) * 16);}.min-w-17\.5{min-width:calc(var(--spacing) * 17.5);}.min-w-20{min-width:calc(var(--spacing) * 20);}.min-w-30{min-width:calc(var(--spacing) * 30);}.min-w-32{min-width:calc(var(--spacing) * 32);}.min-w-40{min-width:calc(var(--spacing) * 40);}.min-w-50{min-width:calc(var(--spacing) * 50);}.min-w-\[13rem\]{min-width:13rem;}.min-w-\[38px\]{min-width:38px;}.min-w-\[211px\]{min-width:211px;}.min-w-\[370px\]{min-width:370px;}.min-w-max{min-width:max-content;}.flex-1{flex:1;}.flex-shrink-0{flex-shrink:0;}.shrink{flex-shrink:1;}.shrink-0{flex-shrink:0;}.flex-grow{flex-grow:1;}.basis-1\/3{flex-basis:calc(1/3 * 100%);}.basis-2\/5{flex-basis:calc(2/5 * 100%);}.border-collapse{border-collapse:collapse;}.origin-top-right{transform-origin:top right;}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}.-translate-x-4{--tw-translate-x:calc(var(--spacing) * -4);translate:var(--tw-translate-x) var(--tw-translate-y);}.-translate-x-60{--tw-translate-x:calc(var(--spacing) * -60);translate:var(--tw-translate-x) var(--tw-translate-y);}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-x-1{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-x-\[10\%\]{--tw-translate-x:10%;translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y);}.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y);}.-translate-y-3{--tw-translate-y:calc(var(--spacing) * -3);translate:var(--tw-translate-x) var(--tw-translate-y);}.-translate-y-\[10\%\]{--tw-translate-y:calc(10% * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-y-1{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-y-3{--tw-translate-y:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y);}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y);}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y);}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);}.-rotate-45{rotate:calc(45deg * -1);}.-rotate-90{rotate:calc(90deg * -1);}.rotate-0{rotate:0deg;}.rotate-45{rotate:45deg;}.rotate-90{rotate:90deg;}.rotate-180{rotate:180deg;}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);}.animate-spin{animation:var(--animate-spin);}.cursor-default{cursor:default;}.cursor-not-allowed{cursor:not-allowed;}.cursor-pointer{cursor:pointer;}.resize{resize:both;}.resize-y{resize:vertical;}.list-inside{list-style-position:inside;}.list-disc{list-style-type:disc;}.list-none{list-style-type:none;}.appearance-none{appearance:none;}.grid-flow-col{grid-auto-flow:column;}.auto-rows-\[minmax\(120px\,auto\)\]{grid-auto-rows:minmax(120px,auto);}.auto-rows-auto{grid-auto-rows:auto;}.auto-rows-fr{grid-auto-rows:minmax(0,1fr);}.\!grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr)) !important;}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr));}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr));}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr));}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr));}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr));}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr));}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr));}.grid-rows-\[0fr\]{grid-template-rows:0fr;}.grid-rows-\[1fr\]{grid-template-rows:1fr;}.flex-col{flex-direction:column;}.flex-col-reverse{flex-direction:column-reverse;}.flex-row{flex-direction:row;}.flex-row-reverse{flex-direction:row-reverse;}.flex-wrap{flex-wrap:wrap;}.place-items-center{place-items:center;}.items-center{align-items:center;}.items-end{align-items:flex-end;}.items-start{align-items:flex-start;}.items-stretch{align-items:stretch;}.justify-between{justify-content:space-between;}.justify-center{justify-content:center;}.justify-end{justify-content:flex-end;}.justify-start{justify-content:flex-start;}.justify-items-stretch{justify-items:stretch;}.gap-0{gap:calc(var(--spacing) * 0);}.gap-0\.5{gap:calc(var(--spacing) * 0.5);}.gap-1{gap:calc(var(--spacing) * 1);}.gap-1\.5{gap:calc(var(--spacing) * 1.5);}.gap-2{gap:calc(var(--spacing) * 2);}.gap-2\.5{gap:calc(var(--spacing) * 2.5);}.gap-3{gap:calc(var(--spacing) * 3);}.gap-3\.75{gap:calc(var(--spacing) * 3.75);}.gap-4{gap:calc(var(--spacing) * 4);}.gap-5{gap:calc(var(--spacing) * 5);}.gap-6{gap:calc(var(--spacing) * 6);}.gap-7{gap:calc(var(--spacing) * 7);}.gap-7\.5{gap:calc(var(--spacing) * 7.5);}.gap-8{gap:calc(var(--spacing) * 8);}.gap-10{gap:calc(var(--spacing) * 10);}.gap-12{gap:calc(var(--spacing) * 12);}.gap-12\.5{gap:calc(var(--spacing) * 12.5);}.gap-15{gap:calc(var(--spacing) * 15);}.gap-20{gap:calc(var(--spacing) * 20);}.gap-\[50px\]{gap:50px;}.gap-\[clamp\(8px\,2vw\,16px\)\]{gap:clamp(8px,2vw,16px);}.gap-\[clamp\(16px\,0\.53vw\+13\.9px\,24px\)\]{gap:clamp(16px,0.53vw + 13.9px,24px);}.gap-\[clamp\(16px\,2vw\,24px\)\]{gap:clamp(16px,2vw,24px);}.gap-\[clamp\(18px\,2vw\,24px\)\]{gap:clamp(18px,2vw,24px);}.gap-\[clamp\(20px\,2\.5vw\,50px\)\]{gap:clamp(20px,2.5vw,50px);}.gap-\[clamp\(20px\,3dvw\,40px\)\]{gap:clamp(20px,3dvw,40px);}.gap-\[clamp\(20px\,5vw\,40px\)\]{gap:clamp(20px,5vw,40px);}.gap-\[clamp\(20px\,20px\,30px\)\]{gap:clamp(20px,20px,30px);}.gap-\[clamp\(23px\,5vw\,73px\)\]{gap:clamp(23px,5vw,73px);}.gap-\[clamp\(24px\,11vw\,92px\)\]{gap:clamp(24px,11vw,92px);}.gap-\[clamp\(30px\,5vw\,40px\)\]{gap:clamp(30px,5vw,40px);}.gap-\[clamp\(32px\,2\.5vw\,48px\)\]{gap:clamp(32px,2.5vw,48px);}.gap-\[clamp\(32px\,3\.5vw\,60px\)\]{gap:clamp(32px,3.5vw,60px);}.gap-\[clamp\(40px\,8\.5vw\,62px\)\]{gap:clamp(40px,8.5vw,62px);}.gap-\[clamp\(40px\,50px\,50px\)\]{gap:clamp(40px,50px,50px);}.gap-\[clamp\(50px\,4\.46vw\+35\.7px\,70px\)\]{gap:clamp(50px,4.46vw + 35.7px,70px);}.gap-\[clamp\(60px\,calc\(60px\+5\.04vw\)\,80px\)\]{gap:clamp(60px,calc(60px + 5.04vw),80px);}.space-y-1{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));}}.space-y-2{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));}}.space-y-2\.5{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));}}.space-y-3{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));}}.space-y-4{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));}}.space-y-6{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));}}.space-y-12{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));}}.gap-x-0{column-gap:calc(var(--spacing) * 0);}.gap-x-2{column-gap:calc(var(--spacing) * 2);}.gap-x-3{column-gap:calc(var(--spacing) * 3);}.gap-x-4{column-gap:calc(var(--spacing) * 4);}.gap-x-5{column-gap:calc(var(--spacing) * 5);}.gap-x-6{column-gap:calc(var(--spacing) * 6);}.gap-x-8{column-gap:calc(var(--spacing) * 8);}.gap-x-10{column-gap:calc(var(--spacing) * 10);}.gap-x-25{column-gap:calc(var(--spacing) * 25);}.space-x-1{:where(& > :not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));}}.space-x-2{:where(& > :not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));}}.space-x-3{:where(& > :not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));}}.space-x-4{:where(& > :not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));}}.gap-y-0{row-gap:calc(var(--spacing) * 0);}.gap-y-2{row-gap:calc(var(--spacing) * 2);}.gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5);}.gap-y-3{row-gap:calc(var(--spacing) * 3);}.gap-y-4{row-gap:calc(var(--spacing) * 4);}.gap-y-6{row-gap:calc(var(--spacing) * 6);}.gap-y-7\.5{row-gap:calc(var(--spacing) * 7.5);}.gap-y-8{row-gap:calc(var(--spacing) * 8);}.gap-y-10{row-gap:calc(var(--spacing) * 10);}.gap-y-\[clamp\(24px\,4vw\,40px\)\]{row-gap:clamp(24px,4vw,40px);}.divide-y{:where(& > :not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));}}.divide-gray-200{:where(& > :not(:last-child)){border-color:var(--color-gray-200);}}.divide-secondary\/20{:where(& > :not(:last-child)){border-color:color-mix(in srgb,#ECECEC 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-secondary) 20%,transparent);}}}.self-center{align-self:center;}.self-end{align-self:flex-end;}.self-start{align-self:flex-start;}.justify-self-center{justify-self:center;}.justify-self-end{justify-self:flex-end;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.overflow-clip{overflow:clip;}.overflow-hidden{overflow:hidden;}.overflow-visible{overflow:visible;}.overflow-x-auto{overflow-x:auto;}.overflow-y-auto{overflow-y:auto;}.rounded{border-radius:0.25rem;}.rounded-2xl{border-radius:var(--radius-2xl);}.rounded-3xl{border-radius:var(--radius-3xl);}.rounded-\[24px\]{border-radius:24px;}.rounded-\[clamp\(10px\,1dvw\,20px\)\]{border-radius:clamp(10px,1dvw,20px);}.rounded-full{border-radius:calc(infinity * 1px);}.rounded-lg{border-radius:var(--radius-lg);}.rounded-md{border-radius:var(--radius-md);}.rounded-none{border-radius:0;}.rounded-sm{border-radius:var(--radius-sm);}.rounded-xl{border-radius:var(--radius-xl);}.rounded-xs{border-radius:var(--radius-xs);}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);}.rounded-tr-xl{border-top-right-radius:var(--radius-xl);}.\!border{border-style:var(--tw-border-style) !important;border-width:1px !important;}.border{border-style:var(--tw-border-style);border-width:1px;}.border-0{border-style:var(--tw-border-style);border-width:0px;}.border-1{border-style:var(--tw-border-style);border-width:1px;}.border-2{border-style:var(--tw-border-style);border-width:2px;}.border-3{border-style:var(--tw-border-style);border-width:3px;}.border-4{border-style:var(--tw-border-style);border-width:4px;}.border-\[1px\]{border-style:var(--tw-border-style);border-width:1px;}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px;}.border-t-1{border-top-style:var(--tw-border-style);border-top-width:1px;}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px;}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;}.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px;}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px;}.border-l-6{border-left-style:var(--tw-border-style);border-left-width:6px;}.border-dashed{--tw-border-style:dashed;border-style:dashed;}.border-solid{--tw-border-style:solid;border-style:solid;}.\!border-gray-300{border-color:var(--color-gray-300) !important;}.border-\[\#FFC400\]{border-color:#FFC400;}.border-\[\#ffc400\]{border-color:#ffc400;}.border-black{border-color:var(--color-black);}.border-blue-600{border-color:var(--color-blue-600);}.border-body-bg{border-color:var(--color-body-bg);}.border-body-gray{border-color:var(--color-body-gray);}.border-gray-2{border-color:#E6E6E6;}.border-gray-50{border-color:var(--color-gray-50);}.border-gray-100{border-color:var(--color-gray-100);}.border-gray-200{border-color:var(--color-gray-200);}.border-gray-300{border-color:var(--color-gray-300);}.border-gray-400{border-color:var(--color-gray-400);}.border-gray-500{border-color:var(--color-gray-500);}.border-gray-600{border-color:var(--color-gray-600);}.border-gray-700{border-color:var(--color-gray-700);}.border-grey-bg{border-color:var(--color-grey-bg);}.border-heading-text\/50{border-color:color-mix(in srgb,#111111 50%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-heading-text) 50%,transparent);}}.border-neutral-300{border-color:var(--color-neutral-300);}.border-primary{border-color:var(--color-primary);}.border-primary\/20{border-color:color-mix(in srgb,#ffcc65 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-primary) 20%,transparent);}}.border-secondary{border-color:var(--color-secondary);}.border-secondary\/20{border-color:color-mix(in srgb,#ECECEC 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-secondary) 20%,transparent);}}.border-secondary\/30{border-color:color-mix(in srgb,#ECECEC 30%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-secondary) 30%,transparent);}}.border-secondary\/40{border-color:color-mix(in srgb,#ECECEC 40%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-secondary) 40%,transparent);}}.border-surface-secondary{border-color:var(--color-surface-secondary);}.border-surface-tertiary{border-color:var(--color-surface-tertiary);}.border-tertiary{border-color:var(--color-tertiary);}.border-tertiary\/10{border-color:color-mix(in srgb,#111111 10%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-tertiary) 10%,transparent);}}.border-tertiary\/20{border-color:color-mix(in srgb,#111111 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-tertiary) 20%,transparent);}}.border-transparent{border-color:transparent;}.border-white{border-color:var(--color-white);}.border-white\/30{border-color:color-mix(in srgb,#fff 30%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 30%,transparent);}}.border-t-transparent{border-top-color:transparent;}.border-l-primary{border-left-color:var(--color-primary);}.\!bg-gray-50{background-color:var(--color-gray-50) !important;}.\!bg-primary{background-color:var(--color-primary) !important;}.\!bg-white{background-color:var(--color-white) !important;}.bg-\[fillColor\]{background-color:fillColor;}.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary);}.bg-black{background-color:var(--color-black);}.bg-blue-50{background-color:var(--color-blue-50);}.bg-blue-100{background-color:var(--color-blue-100);}.bg-blue-500{background-color:var(--color-blue-500);}.bg-blue-600{background-color:var(--color-blue-600);}.bg-body-bg{background-color:var(--color-body-bg);}.bg-body-gray{background-color:var(--color-body-gray);}.bg-gray-50{background-color:var(--color-gray-50);}.bg-gray-100{background-color:var(--color-gray-100);}.bg-gray-200{background-color:var(--color-gray-200);}.bg-gray-300{background-color:var(--color-gray-300);}.bg-gray-400{background-color:var(--color-gray-400);}.bg-gray-500{background-color:var(--color-gray-500);}.bg-gray-600{background-color:var(--color-gray-600);}.bg-gray-700{background-color:var(--color-gray-700);}.bg-gray-800{background-color:var(--color-gray-800);}.bg-gray-800\/70{background-color:color-mix(in srgb,oklch(27.8% 0.033 256.848) 70%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-800) 70%,transparent);}}.bg-gray-900{background-color:var(--color-gray-900);}.bg-green-100{background-color:var(--color-green-100);}.bg-green-500{background-color:var(--color-green-500);}.bg-green-600{background-color:var(--color-green-600);}.bg-grey-bg{background-color:var(--color-grey-bg);}.bg-inherit{background-color:inherit;}.bg-neutral-50{background-color:var(--color-neutral-50);}.bg-neutral-950\/10{background-color:color-mix(in srgb,oklch(14.5% 0 0) 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-neutral-950) 10%,transparent);}}.bg-primary{background-color:var(--color-primary);}.bg-purple-500{background-color:var(--color-purple-500);}.bg-red-100{background-color:var(--color-red-100);}.bg-red-600{background-color:var(--color-red-600);}.bg-secondary{background-color:var(--color-secondary);}.bg-surface-primary{background-color:var(--color-surface-primary);}.bg-surface-secondary{background-color:var(--color-surface-secondary);}.bg-surface-tertiary{background-color:var(--color-surface-tertiary);}.bg-tertiary{background-color:var(--color-tertiary);}.bg-transparent{background-color:transparent;}.bg-white{background-color:var(--color-white);}.bg-yellow-100{background-color:var(--color-yellow-100);}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops));}.bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PHBhdGggZD0iTTEgMUw2IDZMMTEgMSIgc3Ryb2tlPSIjNkI3MjgwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg\=\=\'\)\] {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMUw2IDZMMTEgMSIgc3Ryb2tlPSIjNkI3MjgwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');
  }
  .bg-\[url\(\'data\:image\\\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PHBhdGggZD0iTTEgMUw2IDZMMTEgMSIgc3Ryb2tlPSIjNkI3MjgwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg\=\=\'\)\] {
    background-image: url('data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMUw2IDZMMTEgMSIgc3Ryb2tlPSIjNkI3MjgwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');
  }
  .bg-\[url\(\\\'data\:image\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PHBhdGggZD0iTTEgMUw2IDZMMTEgMSIgc3Ryb2tlPSIjNkI3MjgwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg\=\=\\\'\)\] {
    background-image: url(\'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMUw2IDZMMTEgMSIgc3Ryb2tlPSIjNkI3MjgwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==\');
  }
  .bg-none {
    background-image: none;
  }
  .from-primary {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-primary\/10 {
    --tw-gradient-from: color-mix(in srgb, #ffcc65 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-secondary {
    --tw-gradient-to: var(--color-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-secondary\/10 {
    --tw-gradient-to: color-mix(in srgb, #ECECEC 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-secondary) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .bg-auto {
    background-size: auto;
  }
  .bg-contain {
    background-size: contain;
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-\[position\:right_1rem_center\] {
    background-position: right 1rem center;
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .fill-body-bg {
    fill: var(--color-body-bg);
  }
  .fill-current {
    fill: currentcolor;
  }
  .fill-secondary {
    fill: var(--color-secondary);
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-fill {
    object-fit: fill;
  }
  .object-none {
    object-fit: none;
  }
  .object-\[20\%_bottom\] {
    object-position: 20% bottom;
  }
  .object-\[90\%_center\] {
    object-position: 90% center;
  }
  .object-center {
    object-position: center;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-4\.5 {
    padding: calc(var(--spacing) * 4.5);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-\[clamp\(20px\,0\.477rem\+3\.17vw\,32px\)\] {
    padding: clamp(20px, 0.477rem + 3.17vw, 32px);
  }
  .p-\[clamp\(20px\,5vw\,100px\)\] {
    padding: clamp(20px, 5vw, 100px);
  }
  .p-\[clamp\(24px\,3vw\,48px\)\] {
    padding: clamp(24px, 3vw, 48px);
  }
  .\!px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-5\.5 {
    padding-inline: calc(var(--spacing) * 5.5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-6\.5 {
    padding-inline: calc(var(--spacing) * 6.5);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-9 {
    padding-inline: calc(var(--spacing) * 9);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-10\.5 {
    padding-inline: calc(var(--spacing) * 10.5);
  }
  .px-11\.5 {
    padding-inline: calc(var(--spacing) * 11.5);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-12\.5 {
    padding-inline: calc(var(--spacing) * 12.5);
  }
  .px-14 {
    padding-inline: calc(var(--spacing) * 14);
  }
  .px-15 {
    padding-inline: calc(var(--spacing) * 15);
  }
  .px-16 {
    padding-inline: calc(var(--spacing) * 16);
  }
  .px-17 {
    padding-inline: calc(var(--spacing) * 17);
  }
  .px-17\.5 {
    padding-inline: calc(var(--spacing) * 17.5);
  }
  .px-18 {
    padding-inline: calc(var(--spacing) * 18);
  }
  .px-19\.5 {
    padding-inline: calc(var(--spacing) * 19.5);
  }
  .px-20 {
    padding-inline: calc(var(--spacing) * 20);
  }
  .px-24 {
    padding-inline: calc(var(--spacing) * 24);
  }
  .px-28 {
    padding-inline: calc(var(--spacing) * 28);
  }
  .px-\[clamp\(6\.25px\,0\.5vw\+5\.5px\,7\.5px\)\] {
    padding-inline: clamp(6.25px, 0.5vw + 5.5px, 7.5px);
  }
  .px-\[clamp\(16px\,3vw\,24px\)\] {
    padding-inline: clamp(16px, 3vw, 24px);
  }
  .px-\[clamp\(16px\,7\.76px\+2\.12vw\,24px\)\] {
    padding-inline: clamp(16px, 7.76px + 2.12vw, 24px);
  }
  .px-\[clamp\(20px\,3dvw\,80px\)\] {
    padding-inline: clamp(20px, 3dvw, 80px);
  }
  .px-\[clamp\(20px\,5vw\,50px\)\] {
    padding-inline: clamp(20px, 5vw, 50px);
  }
  .px-\[clamp\(20px\,5vw\,100px\)\] {
    padding-inline: clamp(20px, 5vw, 100px);
  }
  .px-\[clamp\(20px\,5vw\,120px\)\] {
    padding-inline: clamp(20px, 5vw, 120px);
  }
  .px-\[var\(--container-px\)\] {
    padding-inline: var(--container-px);
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-4\.5 {
    padding-block: calc(var(--spacing) * 4.5);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-5\.5 {
    padding-block: calc(var(--spacing) * 5.5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-6\.5 {
    padding-block: calc(var(--spacing) * 6.5);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-9 {
    padding-block: calc(var(--spacing) * 9);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-10\.5 {
    padding-block: calc(var(--spacing) * 10.5);
  }
  .py-11\.5 {
    padding-block: calc(var(--spacing) * 11.5);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-12\.5 {
    padding-block: calc(var(--spacing) * 12.5);
  }
  .py-13 {
    padding-block: calc(var(--spacing) * 13);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-15 {
    padding-block: calc(var(--spacing) * 15);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-17\.5 {
    padding-block: calc(var(--spacing) * 17.5);
  }
  .py-18 {
    padding-block: calc(var(--spacing) * 18);
  }
  .py-19\.5 {
    padding-block: calc(var(--spacing) * 19.5);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-28 {
    padding-block: calc(var(--spacing) * 28);
  }
  .py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  .py-40 {
    padding-block: calc(var(--spacing) * 40);
  }
  .py-\[14px\] {
    padding-block: 14px;
  }
  .py-\[clamp\(16px\,3vw\,18\.5px\)\] {
    padding-block: clamp(16px, 3vw, 18.5px);
  }
  .py-\[clamp\(24px\,15\.76px\+2\.12vw\,32px\)\] {
    padding-block: clamp(24px, 15.76px + 2.12vw, 32px);
  }
  .py-\[clamp\(34px\,5vw\,101px\)\] {
    padding-block: clamp(34px, 5vw, 101px);
  }
  .py-\[clamp\(40px\,5vw\,80px\)\] {
    padding-block: clamp(40px, 5vw, 80px);
  }
  .py-\[clamp\(50px\,29\.37px\+5\.29vw\,70px\)\] {
    padding-block: clamp(50px, 29.37px + 5.29vw, 70px);
  }
  .py-\[clamp\(52px\,6vh\,104px\)\] {
    padding-block: clamp(52px, 6vh, 104px);
  }
  .py-\[clamp\(58px\,4vw\,81px\)\] {
    padding-block: clamp(58px, 4vw, 81px);
  }
  .py-\[clamp\(60px\,2\.64vw\+49\.7px\,70px\)\] {
    padding-block: clamp(60px, 2.64vw + 49.7px, 70px);
  }
  .py-\[clamp\(60px\,10dvh\,100px\)\] {
    padding-block: clamp(60px, 10dvh, 100px);
  }
  .py-\[clamp\(81px\,5vw\,107px\)\] {
    padding-block: clamp(81px, 5vw, 107px);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-4\.5 {
    padding-top: calc(var(--spacing) * 4.5);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-5\.5 {
    padding-top: calc(var(--spacing) * 5.5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-6\.5 {
    padding-top: calc(var(--spacing) * 6.5);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-9 {
    padding-top: calc(var(--spacing) * 9);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-10\.5 {
    padding-top: calc(var(--spacing) * 10.5);
  }
  .pt-11 {
    padding-top: calc(var(--spacing) * 11);
  }
  .pt-11\.5 {
    padding-top: calc(var(--spacing) * 11.5);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-12\.5 {
    padding-top: calc(var(--spacing) * 12.5);
  }
  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
  .pt-15 {
    padding-top: calc(var(--spacing) * 15);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-17\.5 {
    padding-top: calc(var(--spacing) * 17.5);
  }
  .pt-19\.5 {
    padding-top: calc(var(--spacing) * 19.5);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }
  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }
  .pt-40 {
    padding-top: calc(var(--spacing) * 40);
  }
  .pt-48 {
    padding-top: calc(var(--spacing) * 48);
  }
  .pt-56 {
    padding-top: calc(var(--spacing) * 56);
  }
  .pt-60 {
    padding-top: calc(var(--spacing) * 60);
  }
  .pt-64 {
    padding-top: calc(var(--spacing) * 64);
  }
  .pt-72 {
    padding-top: calc(var(--spacing) * 72);
  }
  .pt-80 {
    padding-top: calc(var(--spacing) * 80);
  }
  .pt-96 {
    padding-top: calc(var(--spacing) * 96);
  }
  .pt-\[clamp\(5rem\,-1\.134rem\+25\.17vw\,8\.75rem\)\] {
    padding-top: clamp(5rem, -1.134rem + 25.17vw, 8.75rem);
  }
  .pt-\[clamp\(12px\,2vw\,5px\)\] {
    padding-top: clamp(12px, 2vw, 5px);
  }
  .pt-\[clamp\(24px\,2\.1vw\+16px\,32px\)\] {
    padding-top: clamp(24px, 2.1vw + 16px, 32px);
  }
  .pt-\[clamp\(24px\,5vw\,32px\)\] {
    padding-top: clamp(24px, 5vw, 32px);
  }
  .pt-\[clamp\(30px\,4vh\,50px\)\] {
    padding-top: clamp(30px, 4vh, 50px);
  }
  .pt-\[clamp\(32px\,1\.875rem\+2\.1vw\,40px\)\] {
    padding-top: clamp(32px, 1.875rem + 2.1vw, 40px);
  }
  .pt-\[clamp\(37px\,5vw\,76px\)\] {
    padding-top: clamp(37px, 5vw, 76px);
  }
  .pt-\[clamp\(50px\,calc\(5vh\+10px\)\,80px\)\] {
    padding-top: clamp(50px, calc(5vh + 10px), 80px);
  }
  .pt-\[clamp\(54px\,3vw\,35px\)\] {
    padding-top: clamp(54px, 3vw, 35px);
  }
  .pt-\[clamp\(60px\,2\.64vw\+49\.7px\,70px\)\] {
    padding-top: clamp(60px, 2.64vw + 49.7px, 70px);
  }
  .pt-\[clamp\(60px\,3\.485rem\+1\.06vw\,70px\)\] {
    padding-top: clamp(60px, 3.485rem + 1.06vw, 70px);
  }
  .pt-\[clamp\(60px\,10dvh\,100px\)\] {
    padding-top: clamp(60px, 10dvh, 100px);
  }
  .pt-\[clamp\(60px\,10dvh\,120px\)\] {
    padding-top: clamp(60px, 10dvh, 120px);
  }
  .pt-\[clamp\(85px\,5vh\,140px\)\] {
    padding-top: clamp(85px, 5vh, 140px);
  }
  .pt-\[clamp\(100px\,71\.43px\+8\.93vw\,140px\)\] {
    padding-top: clamp(100px, 71.43px + 8.93vw, 140px);
  }
  .pt-\[clamp\(120px\,105\.4px\+3\.88vw\,180px\)\] {
    padding-top: clamp(120px, 105.4px + 3.88vw, 180px);
  }
  .pt-\[clamp\(327px\,25vw\,478px\)\] {
    padding-top: clamp(327px, 25vw, 478px);
  }
  .\!pr-0 {
    padding-right: calc(var(--spacing) * 0) !important;
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-\[var\(--container-px\)\] {
    padding-right: var(--container-px);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-4\.5 {
    padding-bottom: calc(var(--spacing) * 4.5);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-5\.5 {
    padding-bottom: calc(var(--spacing) * 5.5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-6\.5 {
    padding-bottom: calc(var(--spacing) * 6.5);
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-9 {
    padding-bottom: calc(var(--spacing) * 9);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-10\.5 {
    padding-bottom: calc(var(--spacing) * 10.5);
  }
  .pb-11 {
    padding-bottom: calc(var(--spacing) * 11);
  }
  .pb-11\.5 {
    padding-bottom: calc(var(--spacing) * 11.5);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-12\.5 {
    padding-bottom: calc(var(--spacing) * 12.5);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-15 {
    padding-bottom: calc(var(--spacing) * 15);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-17\.5 {
    padding-bottom: calc(var(--spacing) * 17.5);
  }
  .pb-19\.5 {
    padding-bottom: calc(var(--spacing) * 19.5);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }
  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }
  .pb-40 {
    padding-bottom: calc(var(--spacing) * 40);
  }
  .pb-48 {
    padding-bottom: calc(var(--spacing) * 48);
  }
  .pb-50\.5 {
    padding-bottom: calc(var(--spacing) * 50.5);
  }
  .pb-56 {
    padding-bottom: calc(var(--spacing) * 56);
  }
  .pb-60 {
    padding-bottom: calc(var(--spacing) * 60);
  }
  .pb-64 {
    padding-bottom: calc(var(--spacing) * 64);
  }
  .pb-72 {
    padding-bottom: calc(var(--spacing) * 72);
  }
  .pb-80 {
    padding-bottom: calc(var(--spacing) * 80);
  }
  .pb-96 {
    padding-bottom: calc(var(--spacing) * 96);
  }
  .pb-\[15px\] {
    padding-bottom: 15px;
  }
  .pb-\[clamp\(5rem\,12vw\,180px\)\] {
    padding-bottom: clamp(5rem, 12vw, 180px);
  }
  .pb-\[clamp\(20px\,2vw\,30px\)\] {
    padding-bottom: clamp(20px, 2vw, 30px);
  }
  .pb-\[clamp\(20px\,5vw\,40px\)\] {
    padding-bottom: clamp(20px, 5vw, 40px);
  }
  .pb-\[clamp\(52px\,5vw\,80px\)\] {
    padding-bottom: clamp(52px, 5vw, 80px);
  }
  .pb-\[clamp\(60px\,8vw\,80px\)\] {
    padding-bottom: clamp(60px, 8vw, 80px);
  }
  .pb-\[clamp\(60px\,10dvh\,120px\)\] {
    padding-bottom: clamp(60px, 10dvh, 120px);
  }
  .pb-\[clamp\(85px\,5vh\,140px\)\] {
    padding-bottom: clamp(85px, 5vh, 140px);
  }
  .\!pl-0 {
    padding-left: calc(var(--spacing) * 0) !important;
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-\[var\(--container-px\)\] {
    padding-left: var(--container-px);
  }
  .\!text-center {
    text-align: center !important;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .align-middle {
    vertical-align: middle;
  }
  .\!font-body {
    font-family: var(--font-body) !important;
  }
  .font-\[Inter\] {
    font-family: Inter;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-2xl\/7 {
    font-size: var(--text-2xl);
    line-height: calc(var(--spacing) * 7);
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
  .text-8xl {
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--line-height));
  }
  .text-9xl {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\!text-\[38px\] {
    font-size: 38px !important;
  }
  .text-\[120px\] {
    font-size: 120px;
  }
  .text-\[clamp\(0\.875rem\,2vw\+0\.5rem\,1\.125rem\)\] {
    font-size: clamp(0.875rem, 2vw + 0.5rem, 1.125rem);
  }
  .text-\[clamp\(2\.5rem\,6vw\,5rem\)\] {
    font-size: clamp(2.5rem, 6vw, 5rem);
  }
  .text-\[clamp\(2\.5rem\,6vw\,6\.5rem\)\] {
    font-size: clamp(2.5rem, 6vw, 6.5rem);
  }
  .text-\[clamp\(2rem\,4vw\+1rem\,3\.5rem\)\] {
    font-size: clamp(2rem, 4vw + 1rem, 3.5rem);
  }
  .text-\[clamp\(14px\,2vw\,18px\)\] {
    font-size: clamp(14px, 2vw, 18px);
  }
  .text-\[clamp\(26px\,5vw\,46px\)\] {
    font-size: clamp(26px, 5vw, 46px);
  }
  .text-\[clamp\(30px\,1\.666vw\+24\.67px\,46px\)\] {
    font-size: clamp(30px, 1.666vw + 24.67px, 46px);
  }
  .text-\[clamp\(30px\,2vw\+1rem\,46px\)\] {
    font-size: clamp(30px, 2vw + 1rem, 46px);
  }
  .text-\[clamp\(34px\,5vw\,50px\)\] {
    font-size: clamp(34px, 5vw, 50px);
  }
  .text-\[clamp\(34px\,6vw\,50px\)\] {
    font-size: clamp(34px, 6vw, 50px);
  }
  .text-\[clamp\(50px\,10vw\,150px\)\] {
    font-size: clamp(50px, 10vw, 150px);
  }
  .\!leading-6 {
    --tw-leading: calc(var(--spacing) * 6) !important;
    line-height: calc(var(--spacing) * 6) !important;
  }
  .\!leading-\[100\%\] {
    --tw-leading: 100% !important;
    line-height: 100% !important;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-5\.5 {
    --tw-leading: calc(var(--spacing) * 5.5);
    line-height: calc(var(--spacing) * 5.5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-7\.5 {
    --tw-leading: calc(var(--spacing) * 7.5);
    line-height: calc(var(--spacing) * 7.5);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }
  .leading-11 {
    --tw-leading: calc(var(--spacing) * 11);
    line-height: calc(var(--spacing) * 11);
  }
  .leading-11\.5 {
    --tw-leading: calc(var(--spacing) * 11.5);
    line-height: calc(var(--spacing) * 11.5);
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-\[1\.375rem\] {
    --tw-leading: 1.375rem;
    line-height: 1.375rem;
  }
  .leading-\[clamp\(26px\,28px\,32px\)\] {
    --tw-leading: clamp(26px, 28px, 32px);
    line-height: clamp(26px, 28px, 32px);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .\!font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-extralight {
    --tw-font-weight: var(--font-weight-extralight);
    font-weight: var(--font-weight-extralight);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-thin {
    --tw-font-weight: var(--font-weight-thin);
    font-weight: var(--font-weight-thin);
  }
  .tracking-\[0px\] {
    --tw-tracking: 0px;
    letter-spacing: 0px;
  }
  .tracking-\[2\%\] {
    --tw-tracking: 2%;
    letter-spacing: 2%;
  }
  .tracking-\[3\%\] {
    --tw-tracking: 3%;
    letter-spacing: 3%;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .\!text-gray-700 {
    color: var(--color-gray-700) !important;
  }
  .text-\[\#FDCC0D\] {
    color: #FDCC0D;
  }
  .text-\[var\(--color-tertiary\)\] {
    color: var(--color-tertiary);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-body-bg {
    color: var(--color-body-bg);
  }
  .text-body-gray {
    color: var(--color-body-gray);
  }
  .text-body-text {
    color: var(--color-body-text);
  }
  .text-current {
    color: currentcolor;
  }
  .text-gray-50 {
    color: var(--color-gray-50);
  }
  .text-gray-100 {
    color: var(--color-gray-100);
  }
  .text-gray-300 {
    color: var(--color-gray-300);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-green-800 {
    color: var(--color-green-800);
  }
  .text-grey-bg {
    color: var(--color-grey-bg);
  }
  .text-heading-text {
    color: var(--color-heading-text);
  }
  .text-heading-text\/50 {
    color: color-mix(in srgb, #111111 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-heading-text) 50%, transparent);
    }
  }
  .text-heading-text\/60 {
    color: color-mix(in srgb, #111111 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-heading-text) 60%, transparent);
    }
  }
  .text-heading-text\/70 {
    color: color-mix(in srgb, #111111 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-heading-text) 70%, transparent);
    }
  }
  .text-neutral-100 {
    color: var(--color-neutral-100);
  }
  .text-neutral-600 {
    color: var(--color-neutral-600);
  }
  .text-neutral-900 {
    color: var(--color-neutral-900);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-purple-600 {
    color: var(--color-purple-600);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-secondary {
    color: var(--color-secondary);
  }
  .text-surface-primary {
    color: var(--color-surface-primary);
  }
  .text-tertiary {
    color: var(--color-tertiary);
  }
  .text-tertiary\/80 {
    color: color-mix(in srgb, #111111 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-tertiary) 80%, transparent);
    }
  }
  .text-transparent {
    color: transparent;
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/90 {
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-yellow-600 {
    color: var(--color-yellow-600);
  }
  .text-yellow-700 {
    color: var(--color-yellow-700);
  }
  .text-yellow-800 {
    color: var(--color-yellow-800);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .\!not-italic {
    font-style: normal !important;
  }
  .italic {
    font-style: italic;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-10 {
    opacity: 10%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_2px_10px_rgba\(255\,204\,101\,0\.4\)\] {
    --tw-shadow: 0 2px 10px var(--tw-shadow-color, rgba(255,204,101,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-black\/10 {
    --tw-shadow-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-tertiary\/15 {
    --tw-shadow-color: color-mix(in srgb, #111111 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-tertiary) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-violet-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .ring-black {
    --tw-ring-color: var(--color-black);
  }
  .ring-primary {
    --tw-ring-color: var(--color-primary);
  }
  .ring-secondary {
    --tw-ring-color: var(--color-secondary);
  }
  .ring-tertiary {
    --tw-ring-color: var(--color-tertiary);
  }
  .ring-white {
    --tw-ring-color: var(--color-white);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .outline-\[strokeColor\] {
    outline-color: strokeColor;
  }
  .outline-primary {
    outline-color: var(--color-primary);
  }
  .outline-secondary {
    outline-color: var(--color-secondary);
  }
  .outline-tertiary {
    outline-color: var(--color-tertiary);
  }
  .outline-white {
    outline-color: var(--color-white);
  }
  .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,);
  }
  .grayscale-100 {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .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-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -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,);
  }
  .backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[grid-template-rows\] {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .delay-150 {
    transition-delay: 150ms;
  }
  .duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }
  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none;
  }
  .\[-webkit-text-stroke\:2px_\#c4b5fd\] {
    -webkit-text-stroke: 2px #c4b5fd;
  }
  .\[clip-path\:polygon\(0_9\%\,_100\%_0\,_100\%_100\%\,_0\%_100\%\)\] {
    clip-path: polygon(0 9%, 100% 0, 100% 100%, 0% 100%);
  }
  .\[clip-path\:polygon\(10\%_0\%\,_100\%_10\%\,_100\%_100\%\,_0\%_100\%\,_0\%_0\%\)\] {
    clip-path: polygon(10% 0%, 100% 10%, 100% 100%, 0% 100%, 0% 0%);
  }
  .\[clip-path\:polygon\(10\%_0\,_100\%_0\,_100\%_80\%\,_90\%_100\%\,_0_100\%\,_0_15\%\)\] {
    clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 15%);
  }
  .\[clip-path\:polygon\(70\%_0\%\,100\%_0\,100\%_100\%\,0_100\%\,0_5\%\)\] {
    clip-path: polygon(70% 0%,100% 0,100% 100%,0 100%,0 5%);
  }
  .\[clip-path\:polygon\(85\%_34\%\,_100\%_34\%\,_100\%_84\%\,_78\%_100\%\,_0_100\%\,_0_75\%\)\] {
    clip-path: polygon(85% 34%, 100% 34%, 100% 84%, 78% 100%, 0 100%, 0 75%);
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .text-shadow-lg {
    text-shadow: 0px 1px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 3px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 4px 8px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1));
  }
  .group-hover\:translate-x-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:-translate-y-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:-translate-y-2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -2);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:-rotate-45 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: calc(45deg * -1);
      }
    }
  }
  .group-hover\:-rotate-90 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: calc(90deg * -1);
      }
    }
  }
  .group-hover\:-rotate-180 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: calc(180deg * -1);
      }
    }
  }
  .group-hover\:rotate-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 0deg;
      }
    }
  }
  .group-hover\:rotate-45 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 45deg;
      }
    }
  }
  .group-hover\:rotate-90 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 90deg;
      }
    }
  }
  .group-hover\:rotate-180 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 180deg;
      }
    }
  }
  .group-hover\:transform {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
      }
    }
  }
  .group-hover\:border-none {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-border-style: none;
        border-style: none;
      }
    }
  }
  .group-hover\:border-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-primary);
      }
    }
  }
  .group-hover\:\!bg-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-primary) !important;
      }
    }
  }
  .group-hover\:bg-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .group-hover\:bg-secondary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-secondary);
      }
    }
  }
  .group-hover\:bg-surface-tertiary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-surface-tertiary);
      }
    }
  }
  .group-hover\:bg-tertiary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-tertiary);
      }
    }
  }
  .group-hover\:bg-transparent {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  .group-hover\:bg-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .group-hover\:fill-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-primary);
      }
    }
  }
  .group-hover\:text-current {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: currentcolor;
      }
    }
  }
  .group-hover\:text-gray-50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-gray-50);
      }
    }
  }
  .group-hover\:text-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .group-hover\:text-secondary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-secondary);
      }
    }
  }
  .group-hover\:text-tertiary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-tertiary);
      }
    }
  }
  .group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\:outline-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        outline-color: var(--color-primary);
      }
    }
  }
  .group-hover\:outline-secondary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        outline-color: var(--color-secondary);
      }
    }
  }
  .group-hover\:outline-tertiary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        outline-color: var(--color-tertiary);
      }
    }
  }
  .group-hover\:outline-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        outline-color: var(--color-white);
      }
    }
  }
  .group-hover\:grayscale-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-grayscale: grayscale(0%);
        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,);
      }
    }
  }
  .placeholder\:text-gray-400 {
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:-top-2\.5 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -2.5);
    }
  }
  .before\:-left-full {
    &::before {
      content: var(--tw-content);
      left: -100%;
    }
  }
  .before\:left-\[40\%\] {
    &::before {
      content: var(--tw-content);
      left: 40%;
    }
  }
  .before\:-z-10 {
    &::before {
      content: var(--tw-content);
      z-index: calc(10 * -1);
    }
  }
  .before\:z-20 {
    &::before {
      content: var(--tw-content);
      z-index: 20;
    }
  }
  .before\:z-30 {
    &::before {
      content: var(--tw-content);
      z-index: 30;
    }
  }
  .before\:aspect-square {
    &::before {
      content: var(--tw-content);
      aspect-ratio: 1 / 1;
    }
  }
  .before\:h-4 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 4);
    }
  }
  .before\:w-4 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 4);
    }
  }
  .before\:w-full {
    &::before {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .before\:-translate-x-1\/2 {
    &::before {
      content: var(--tw-content);
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:transform {
    &::before {
      content: var(--tw-content);
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
  }
  .before\:rounded-full {
    &::before {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .before\:bg-primary {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-primary);
    }
  }
  .before\:transition-all {
    &::before {
      content: var(--tw-content);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .before\:duration-300 {
    &::before {
      content: var(--tw-content);
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
  }
  .before\:content-\[\'\'\] {
    &::before {
      content: var(--tw-content);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:inset-0 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
  .after\:-top-2\.5 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * -2.5);
    }
  }
  .after\:top-full {
    &::after {
      content: var(--tw-content);
      top: 100%;
    }
  }
  .after\:right-0 {
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 0);
    }
  }
  .after\:right-\[40\%\] {
    &::after {
      content: var(--tw-content);
      right: 40%;
    }
  }
  .after\:bottom-0 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0);
    }
  }
  .after\:left-0 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .after\:left-1\/2 {
    &::after {
      content: var(--tw-content);
      left: calc(1/2 * 100%);
    }
  }
  .after\:-z-1 {
    &::after {
      content: var(--tw-content);
      z-index: calc(1 * -1);
    }
  }
  .after\:-z-10 {
    &::after {
      content: var(--tw-content);
      z-index: calc(10 * -1);
    }
  }
  .after\:z-10 {
    &::after {
      content: var(--tw-content);
      z-index: 10;
    }
  }
  .after\:z-20 {
    &::after {
      content: var(--tw-content);
      z-index: 20;
    }
  }
  .after\:z-30 {
    &::after {
      content: var(--tw-content);
      z-index: 30;
    }
  }
  .after\:mx-auto {
    &::after {
      content: var(--tw-content);
      margin-inline: auto;
    }
  }
  .after\:h-1 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 1);
    }
  }
  .after\:h-1\.5 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 1.5);
    }
  }
  .after\:h-4 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 4);
    }
  }
  .after\:h-7\/10 {
    &::after {
      content: var(--tw-content);
      height: calc(7/10 * 100%);
    }
  }
  .after\:w-1\/2 {
    &::after {
      content: var(--tw-content);
      width: calc(1/2 * 100%);
    }
  }
  .after\:w-1\/3 {
    &::after {
      content: var(--tw-content);
      width: calc(1/3 * 100%);
    }
  }
  .after\:w-1\/4 {
    &::after {
      content: var(--tw-content);
      width: calc(1/4 * 100%);
    }
  }
  .after\:w-2\/3 {
    &::after {
      content: var(--tw-content);
      width: calc(2/3 * 100%);
    }
  }
  .after\:w-3\/4 {
    &::after {
      content: var(--tw-content);
      width: calc(3/4 * 100%);
    }
  }
  .after\:w-4 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 4);
    }
  }
  .after\:w-12\.5 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 12.5);
    }
  }
  .after\:w-15 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 15);
    }
  }
  .after\:w-16 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 16);
    }
  }
  .after\:w-18 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 18);
    }
  }
  .after\:w-20 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 20);
    }
  }
  .after\:w-24 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 24);
    }
  }
  .after\:w-25 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 25);
    }
  }
  .after\:w-30 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 30);
    }
  }
  .after\:w-36 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 36);
    }
  }
  .after\:w-40 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 40);
    }
  }
  .after\:w-46 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 46);
    }
  }
  .after\:w-48 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 48);
    }
  }
  .after\:w-56 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 56);
    }
  }
  .after\:w-75 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 75);
    }
  }
  .after\:w-125 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 125);
    }
  }
  .after\:w-\[10\%\] {
    &::after {
      content: var(--tw-content);
      width: 10%;
    }
  }
  .after\:w-\[20\%\] {
    &::after {
      content: var(--tw-content);
      width: 20%;
    }
  }
  .after\:w-\[30\%\] {
    &::after {
      content: var(--tw-content);
      width: 30%;
    }
  }
  .after\:w-\[40\%\] {
    &::after {
      content: var(--tw-content);
      width: 40%;
    }
  }
  .after\:w-\[60\%\] {
    &::after {
      content: var(--tw-content);
      width: 60%;
    }
  }
  .after\:w-\[70\%\] {
    &::after {
      content: var(--tw-content);
      width: 70%;
    }
  }
  .after\:w-\[80\%\] {
    &::after {
      content: var(--tw-content);
      width: 80%;
    }
  }
  .after\:w-\[90\%\] {
    &::after {
      content: var(--tw-content);
      width: 90%;
    }
  }
  .after\:w-fit {
    &::after {
      content: var(--tw-content);
      width: fit-content;
    }
  }
  .after\:w-full {
    &::after {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .after\:-translate-1\/2 {
    &::after {
      content: var(--tw-content);
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:-translate-x-1\/2 {
    &::after {
      content: var(--tw-content);
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:translate-x-1\/2 {
    &::after {
      content: var(--tw-content);
      --tw-translate-x: calc(1/2 * 100%);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:translate-y-\[2px\] {
    &::after {
      content: var(--tw-content);
      --tw-translate-y: 2px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:translate-y-\[3px\] {
    &::after {
      content: var(--tw-content);
      --tw-translate-y: 3px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:translate-y-\[4px\] {
    &::after {
      content: var(--tw-content);
      --tw-translate-y: 4px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:translate-y-\[8px\] {
    &::after {
      content: var(--tw-content);
      --tw-translate-y: 8px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:translate-y-\[12px\] {
    &::after {
      content: var(--tw-content);
      --tw-translate-y: 12px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:translate-y-\[16px\] {
    &::after {
      content: var(--tw-content);
      --tw-translate-y: 16px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:translate-y-\[20px\] {
    &::after {
      content: var(--tw-content);
      --tw-translate-y: 20px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:translate-y-\[32px\] {
    &::after {
      content: var(--tw-content);
      --tw-translate-y: 32px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:transform {
    &::after {
      content: var(--tw-content);
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
  }
  .after\:rounded-full {
    &::after {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .after\:bg-body-bg {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-body-bg);
    }
  }
  .after\:bg-gray-300 {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-gray-300);
    }
  }
  .after\:bg-gray-500 {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-gray-500);
    }
  }
  .after\:bg-heading-text {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-heading-text);
    }
  }
  .after\:bg-primary {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-primary);
    }
  }
  .after\:bg-secondary {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-secondary);
    }
  }
  .after\:bg-tertiary {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-tertiary);
    }
  }
  .after\:content-\[\'\'\] {
    &::after {
      content: var(--tw-content);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .last\:border-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:scale-105 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:border-\[1px\] {
    &:hover {
      @media (hover: hover) {
        border-style: var(--tw-border-style);
        border-width: 1px;
      }
    }
  }
  .hover\:border-gray-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-300);
      }
    }
  }
  .hover\:border-gray-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-400);
      }
    }
  }
  .hover\:border-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-primary);
      }
    }
  }
  .hover\:border-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-tertiary);
      }
    }
  }
  .hover\:border-transparent {
    &:hover {
      @media (hover: hover) {
        border-color: transparent;
      }
    }
  }
  .hover\:\!bg-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary) !important;
      }
    }
  }
  .hover\:bg-\[\#FFC400\] {
    &:hover {
      @media (hover: hover) {
        background-color: #FFC400;
      }
    }
  }
  .hover\:bg-\[\#ffc400\] {
    &:hover {
      @media (hover: hover) {
        background-color: #ffc400;
      }
    }
  }
  .hover\:bg-\[strokeColor\] {
    &:hover {
      @media (hover: hover) {
        background-color: strokeColor;
      }
    }
  }
  .hover\:bg-black {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-black);
      }
    }
  }
  .hover\:bg-black\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-50);
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-200);
      }
    }
  }
  .hover\:bg-gray-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-300);
      }
    }
  }
  .hover\:bg-gray-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-400);
      }
    }
  }
  .hover\:bg-gray-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-700);
      }
    }
  }
  .hover\:bg-gray-700\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-gray-700) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-green-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-700);
      }
    }
  }
  .hover\:bg-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .hover\:bg-primary\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffcc65 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffcc65 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
  }
  .hover\:bg-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-secondary);
      }
    }
  }
  .hover\:bg-secondary\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ECECEC 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-surface-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-surface-tertiary);
      }
    }
  }
  .hover\:bg-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-tertiary);
      }
    }
  }
  .hover\:bg-transparent {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:bg-white\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
      }
    }
  }
  .hover\:stroke-\[fillColor\] {
    &:hover {
      @media (hover: hover) {
        stroke: fillColor;
      }
    }
  }
  .hover\:stroke-primary {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-primary);
      }
    }
  }
  .hover\:stroke-tertiary {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-tertiary);
      }
    }
  }
  .hover\:stroke-white {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-white);
      }
    }
  }
  .hover\:font-semibold {
    &:hover {
      @media (hover: hover) {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
      }
    }
  }
  .hover\:text-\[\#FFC400\] {
    &:hover {
      @media (hover: hover) {
        color: #FFC400;
      }
    }
  }
  .hover\:text-\[\#ffc400\] {
    &:hover {
      @media (hover: hover) {
        color: #ffc400;
      }
    }
  }
  .hover\:text-\[fillColor\] {
    &:hover {
      @media (hover: hover) {
        color: fillColor;
      }
    }
  }
  .hover\:text-blue-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-800);
      }
    }
  }
  .hover\:text-body-bg {
    &:hover {
      @media (hover: hover) {
        color: var(--color-body-bg);
      }
    }
  }
  .hover\:text-gray-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-800);
      }
    }
  }
  .hover\:text-gray-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-900);
      }
    }
  }
  .hover\:text-heading-text {
    &:hover {
      @media (hover: hover) {
        color: var(--color-heading-text);
      }
    }
  }
  .hover\:text-neutral-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-900);
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .hover\:text-primary\/90 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, #ffcc65 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-primary) 90%, transparent);
        }
      }
    }
  }
  .hover\:text-secondary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-secondary);
      }
    }
  }
  .hover\:text-tertiary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-tertiary);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:decoration-primary {
    &:hover {
      @media (hover: hover) {
        text-decoration-color: var(--color-primary);
      }
    }
  }
  .hover\:underline-offset-4 {
    &:hover {
      @media (hover: hover) {
        text-underline-offset: 4px;
      }
    }
  }
  .hover\:\!opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80% !important;
      }
    }
  }
  .hover\:opacity-60 {
    &:hover {
      @media (hover: hover) {
        opacity: 60%;
      }
    }
  }
  .hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .hover\:shadow-2xl {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-md {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-xl {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-violet-500\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:outline-2 {
    &:hover {
      @media (hover: hover) {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
      }
    }
  }
  .hover\:outline-primary {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-primary);
      }
    }
  }
  .hover\:outline-secondary {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-secondary);
      }
    }
  }
  .hover\:outline-tertiary {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-tertiary);
      }
    }
  }
  .hover\:outline-white {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-white);
      }
    }
  }
  .hover\:brightness-75 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(75%);
        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,);
      }
    }
  }
  .hover\:outline-none {
    &:hover {
      @media (hover: hover) {
        --tw-outline-style: none;
        outline-style: none;
      }
    }
  }
  .hover\:\[clip-path\:polygon\(0_0\,_100\%_0\,_100\%_100\%\,_100\%_100\%\,_0_100\%\,_0_0\)\] {
    &:hover {
      @media (hover: hover) {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
      }
    }
  }
  .before\:hover\:left-0 {
    &::before {
      content: var(--tw-content);
      &:hover {
        @media (hover: hover) {
          left: calc(var(--spacing) * 0);
        }
      }
    }
  }
  .before\:hover\:scale-150 {
    &::before {
      content: var(--tw-content);
      &:hover {
        @media (hover: hover) {
          --tw-scale-x: 150%;
          --tw-scale-y: 150%;
          --tw-scale-z: 150%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
        }
      }
    }
  }
  .before\:hover\:bg-secondary {
    &::before {
      content: var(--tw-content);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-secondary);
        }
      }
    }
  }
  .before\:hover\:duration-300 {
    &::before {
      content: var(--tw-content);
      &:hover {
        @media (hover: hover) {
          --tw-duration: 300ms;
          transition-duration: 300ms;
        }
      }
    }
  }
  .focus\:border-primary {
    &:focus {
      border-color: var(--color-primary);
    }
  }
  .focus\:underline {
    &:focus {
      text-decoration-line: underline;
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-4 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:\!ring-gray-300 {
    &:focus {
      --tw-ring-color: var(--color-gray-300) !important;
    }
  }
  .focus\:ring-blue-500 {
    &:focus {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .focus\:ring-gray-300 {
    &:focus {
      --tw-ring-color: var(--color-gray-300);
    }
  }
  .focus\:ring-gray-500 {
    &:focus {
      --tw-ring-color: var(--color-gray-500);
    }
  }
  .focus\:ring-green-500 {
    &:focus {
      --tw-ring-color: var(--color-green-500);
    }
  }
  .focus\:ring-primary {
    &:focus {
      --tw-ring-color: var(--color-primary);
    }
  }
  .focus\:ring-purple-500 {
    &:focus {
      --tw-ring-color: var(--color-purple-500);
    }
  }
  .focus\:ring-red-500 {
    &:focus {
      --tw-ring-color: var(--color-red-500);
    }
  }
  .focus\:ring-secondary {
    &:focus {
      --tw-ring-color: var(--color-secondary);
    }
  }
  .focus\:ring-tertiary {
    &:focus {
      --tw-ring-color: var(--color-tertiary);
    }
  }
  .focus\:ring-white {
    &:focus {
      --tw-ring-color: var(--color-white);
    }
  }
  .focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus\:ring-inset {
    &:focus {
      --tw-ring-inset: inset;
    }
  }
  .focus-visible\:bg-gray-50 {
    &:focus-visible {
      background-color: var(--color-gray-50);
    }
  }
  .focus-visible\:underline {
    &:focus-visible {
      text-decoration-line: underline;
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .active\:bg-primary {
    &:active {
      background-color: var(--color-primary);
    }
  }
  .active\:text-body-bg {
    &:active {
      color: var(--color-body-bg);
    }
  }
  .active\:text-primary {
    &:active {
      color: var(--color-primary);
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .tablet\:static {
    @media (width >= 768px) {
      position: static;
    }
  }
  .tablet\:w-full {
    @media (width >= 768px) {
      width: 100%;
    }
  }
  .tablet\:flex-row {
    @media (width >= 768px) {
      flex-direction: row;
    }
  }
  .sm\:right-4 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 4);
    }
  }
  .sm\:z-0 {
    @media (width >= 40rem) {
      z-index: 0;
    }
  }
  .sm\:mb-0 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:mb-8 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .sm\:mb-12 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .sm\:h-\[clamp\(380px\,55vh\,520px\)\] {
    @media (width >= 40rem) {
      height: clamp(380px, 55vh, 520px);
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-start {
    @media (width >= 40rem) {
      align-items: flex-start;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:gap-4 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:truncate {
    @media (width >= 40rem) {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:py-12\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 12.5);
    }
  }
  .sm\:py-20 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .sm\:text-2xl {
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .sm\:text-3xl {
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .sm\:text-4xl {
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .sm\:text-5xl {
    @media (width >= 40rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .sm\:text-base {
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .sm\:text-lg {
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .sm\:text-xl {
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .sm\:text-xs {
    @media (width >= 40rem) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .sm\:text-\[160px\] {
    @media (width >= 40rem) {
      font-size: 160px;
    }
  }
  .sm\:tracking-tight {
    @media (width >= 40rem) {
      --tw-tracking: var(--tracking-tight);
      letter-spacing: var(--tracking-tight);
    }
  }
  .md\:absolute {
    @media (width >= 48rem) {
      position: absolute;
    }
  }
  .md\:relative {
    @media (width >= 48rem) {
      position: relative;
    }
  }
  .md\:-right-3 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * -3);
    }
  }
  .md\:right-\[clamp\(32px\,-40px\+9\.375vw\,80px\)\] {
    @media (width >= 48rem) {
      right: clamp(32px, -40px + 9.375vw, 80px);
    }
  }
  .md\:left-auto {
    @media (width >= 48rem) {
      left: auto;
    }
  }
  .md\:col-span-1 {
    @media (width >= 48rem) {
      grid-column: span 1 / span 1;
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:col-span-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-span-5 {
    @media (width >= 48rem) {
      grid-column: span 5 / span 5;
    }
  }
  .md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:col-span-7 {
    @media (width >= 48rem) {
      grid-column: span 7 / span 7;
    }
  }
  .md\:col-span-8 {
    @media (width >= 48rem) {
      grid-column: span 8 / span 8;
    }
  }
  .md\:col-span-9 {
    @media (width >= 48rem) {
      grid-column: span 9 / span 9;
    }
  }
  .md\:col-start-1 {
    @media (width >= 48rem) {
      grid-column-start: 1;
    }
  }
  .md\:col-start-5 {
    @media (width >= 48rem) {
      grid-column-start: 5;
    }
  }
  .md\:col-start-6 {
    @media (width >= 48rem) {
      grid-column-start: 6;
    }
  }
  .md\:row-span-1 {
    @media (width >= 48rem) {
      grid-row: span 1 / span 1;
    }
  }
  .md\:row-span-2 {
    @media (width >= 48rem) {
      grid-row: span 2 / span 2;
    }
  }
  .md\:row-span-3 {
    @media (width >= 48rem) {
      grid-row: span 3 / span 3;
    }
  }
  .md\:mx-0 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .md\:mx-1\.5 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 1.5);
    }
  }
  .md\:mx-2 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 2);
    }
  }
  .md\:mx-3 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 3);
    }
  }
  .md\:mx-3\.5 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 3.5);
    }
  }
  .md\:mx-4 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 4);
    }
  }
  .md\:mx-4\.5 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 4.5);
    }
  }
  .md\:mx-5 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 5);
    }
  }
  .md\:mx-6 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:mx-7 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 7);
    }
  }
  .md\:mx-8 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 8);
    }
  }
  .md\:mx-9 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 9);
    }
  }
  .md\:mx-10 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 10);
    }
  }
  .md\:mx-11 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 11);
    }
  }
  .md\:mx-12 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 12);
    }
  }
  .md\:mx-13 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 13);
    }
  }
  .md\:mx-14 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 14);
    }
  }
  .md\:mx-15 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 15);
    }
  }
  .md\:mx-16 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 16);
    }
  }
  .md\:mx-18 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 18);
    }
  }
  .md\:mx-20 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 20);
    }
  }
  .md\:mx-22 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 22);
    }
  }
  .md\:mx-24 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 24);
    }
  }
  .md\:mx-26 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 26);
    }
  }
  .md\:mx-30 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 30);
    }
  }
  .md\:mx-32 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 32);
    }
  }
  .md\:mx-40 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 40);
    }
  }
  .md\:mx-48 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 48);
    }
  }
  .md\:my-1\.5 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 1.5);
    }
  }
  .md\:my-2 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 2);
    }
  }
  .md\:my-3 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 3);
    }
  }
  .md\:my-3\.5 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 3.5);
    }
  }
  .md\:my-4 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 4);
    }
  }
  .md\:my-4\.5 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 4.5);
    }
  }
  .md\:my-5 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 5);
    }
  }
  .md\:my-6 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 6);
    }
  }
  .md\:my-7 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 7);
    }
  }
  .md\:my-8 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 8);
    }
  }
  .md\:my-9 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 9);
    }
  }
  .md\:my-10 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 10);
    }
  }
  .md\:my-11 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 11);
    }
  }
  .md\:my-12 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 12);
    }
  }
  .md\:my-13 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 13);
    }
  }
  .md\:my-14 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 14);
    }
  }
  .md\:my-15 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 15);
    }
  }
  .md\:my-16 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 16);
    }
  }
  .md\:my-18 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 18);
    }
  }
  .md\:my-20 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 20);
    }
  }
  .md\:my-22 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 22);
    }
  }
  .md\:my-24 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 24);
    }
  }
  .md\:my-26 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 26);
    }
  }
  .md\:my-30 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 30);
    }
  }
  .md\:my-32 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 32);
    }
  }
  .md\:my-40 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 40);
    }
  }
  .md\:my-48 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 48);
    }
  }
  .md\:my-\[clamp\(70px\,1\.465rem\+6\.05vw\,101px\)\] {
    @media (width >= 48rem) {
      margin-block: clamp(70px, 1.465rem + 6.05vw, 101px);
    }
  }
  .md\:ms-auto {
    @media (width >= 48rem) {
      margin-inline-start: auto;
    }
  }
  .md\:mt-2\.5 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 2.5);
    }
  }
  .md\:mt-4 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .md\:mt-8 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .md\:mt-11 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 11);
    }
  }
  .md\:mt-20 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .md\:mt-\[clamp\(32px\,20px\+1\.56vw\,40px\)\] {
    @media (width >= 48rem) {
      margin-top: clamp(32px, 20px + 1.56vw, 40px);
    }
  }
  .md\:mt-\[clamp\(114px\,199px-6\.64vw\,148px\)\] {
    @media (width >= 48rem) {
      margin-top: clamp(114px, 199px - 6.64vw, 148px);
    }
  }
  .md\:-mb-10 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * -10);
    }
  }
  .md\:mb-\[40px\] {
    @media (width >= 48rem) {
      margin-bottom: 40px;
    }
  }
  .md\:\!block {
    @media (width >= 48rem) {
      display: block !important;
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:grid {
    @media (width >= 48rem) {
      display: grid;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:\!h-\[120\%\] {
    @media (width >= 48rem) {
      height: 120% !important;
    }
  }
  .md\:h-6 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 6);
    }
  }
  .md\:h-9 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 9);
    }
  }
  .md\:h-10 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .md\:h-28 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 28);
    }
  }
  .md\:h-96 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 96);
    }
  }
  .md\:h-\[110\%\] {
    @media (width >= 48rem) {
      height: 110%;
    }
  }
  .md\:h-\[clamp\(260px\,200px\+7\.81vw\,300px\)\] {
    @media (width >= 48rem) {
      height: clamp(260px, 200px + 7.81vw, 300px);
    }
  }
  .md\:h-\[clamp\(340px\,13\.125rem\+16\.92vw\,470px\)\] {
    @media (width >= 48rem) {
      height: clamp(340px, 13.125rem + 16.92vw, 470px);
    }
  }
  .md\:h-\[clamp\(420px\,60vh\,658px\)\] {
    @media (width >= 48rem) {
      height: clamp(420px, 60vh, 658px);
    }
  }
  .md\:h-full {
    @media (width >= 48rem) {
      height: 100%;
    }
  }
  .md\:min-h-20 {
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 20);
    }
  }
  .md\:min-h-90 {
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 90);
    }
  }
  .md\:min-h-fit {
    @media (width >= 48rem) {
      min-height: fit-content;
    }
  }
  .md\:w-1 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 1);
    }
  }
  .md\:w-1\/2 {
    @media (width >= 48rem) {
      width: calc(1/2 * 100%);
    }
  }
  .md\:w-1\/5 {
    @media (width >= 48rem) {
      width: calc(1/5 * 100%);
    }
  }
  .md\:w-2\/3 {
    @media (width >= 48rem) {
      width: calc(2/3 * 100%);
    }
  }
  .md\:w-4\/5 {
    @media (width >= 48rem) {
      width: calc(4/5 * 100%);
    }
  }
  .md\:w-6 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 6);
    }
  }
  .md\:w-7\/10 {
    @media (width >= 48rem) {
      width: calc(7/10 * 100%);
    }
  }
  .md\:w-9 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 9);
    }
  }
  .md\:w-28 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 28);
    }
  }
  .md\:w-40 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 40);
    }
  }
  .md\:w-64 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .md\:w-85 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 85);
    }
  }
  .md\:w-\[35\%\] {
    @media (width >= 48rem) {
      width: 35%;
    }
  }
  .md\:w-\[66\%\] {
    @media (width >= 48rem) {
      width: 66%;
    }
  }
  .md\:w-\[70\%\] {
    @media (width >= 48rem) {
      width: 70%;
    }
  }
  .md\:w-\[75\%\] {
    @media (width >= 48rem) {
      width: 75%;
    }
  }
  .md\:w-\[80\%\] {
    @media (width >= 48rem) {
      width: 80%;
    }
  }
  .md\:w-\[84\%\] {
    @media (width >= 48rem) {
      width: 84%;
    }
  }
  .md\:w-\[85\%\] {
    @media (width >= 48rem) {
      width: 85%;
    }
  }
  .md\:w-\[calc\(100\%-30px\)\] {
    @media (width >= 48rem) {
      width: calc(100% - 30px);
    }
  }
  .md\:w-\[clamp\(83\.333\%\,75rem-32\.55vw\,100\%\)\] {
    @media (width >= 48rem) {
      width: clamp(83.333%, 75rem - 32.55vw, 100%);
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:w-fit {
    @media (width >= 48rem) {
      width: fit-content;
    }
  }
  .md\:w-full {
    @media (width >= 48rem) {
      width: 100%;
    }
  }
  .md\:w-xs {
    @media (width >= 48rem) {
      width: var(--container-xs);
    }
  }
  .md\:\!max-w-140 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 140) !important;
    }
  }
  .md\:max-w-3\/4 {
    @media (width >= 48rem) {
      max-width: calc(3/4 * 100%);
    }
  }
  .md\:max-w-37 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 37);
    }
  }
  .md\:max-w-50 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 50);
    }
  }
  .md\:max-w-157\.5 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 157.5);
    }
  }
  .md\:max-w-165 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 165);
    }
  }
  .md\:max-w-\[434px\] {
    @media (width >= 48rem) {
      max-width: 434px;
    }
  }
  .md\:max-w-\[624px\] {
    @media (width >= 48rem) {
      max-width: 624px;
    }
  }
  .md\:max-w-\[800px\] {
    @media (width >= 48rem) {
      max-width: 800px;
    }
  }
  .md\:min-w-44 {
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 44);
    }
  }
  .md\:min-w-fit {
    @media (width >= 48rem) {
      min-width: fit-content;
    }
  }
  .md\:basis-1\/2 {
    @media (width >= 48rem) {
      flex-basis: calc(1/2 * 100%);
    }
  }
  .md\:translate-x-0 {
    @media (width >= 48rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:\!grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  .md\:grid-cols-1 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-6 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-8 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,2fr\)\] {
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);
    }
  }
  .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] {
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,1fr) minmax(0,2fr);
    }
  }
  .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,3fr\)\] {
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,1fr) minmax(0,3fr);
    }
  }
  .md\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\] {
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,2fr) minmax(0,1fr);
    }
  }
  .md\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);
    }
  }
  .md\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,1fr\)\] {
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,3fr) minmax(0,1fr);
    }
  }
  .md\:flex-col {
    @media (width >= 48rem) {
      flex-direction: column;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:flex-row-reverse {
    @media (width >= 48rem) {
      flex-direction: row-reverse;
    }
  }
  .md\:place-items-start {
    @media (width >= 48rem) {
      place-items: start;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-end {
    @media (width >= 48rem) {
      align-items: flex-end;
    }
  }
  .md\:items-start {
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:justify-center {
    @media (width >= 48rem) {
      justify-content: center;
    }
  }
  .md\:justify-end {
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .md\:justify-start {
    @media (width >= 48rem) {
      justify-content: flex-start;
    }
  }
  .md\:\!gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6) !important;
    }
  }
  .md\:\!gap-15 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 15) !important;
    }
  }
  .md\:gap-1 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .md\:gap-2 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .md\:gap-2\.5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .md\:gap-3 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-7\.5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 7.5);
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-10 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .md\:gap-20 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .md\:gap-\[60px\] {
    @media (width >= 48rem) {
      gap: 60px;
    }
  }
  .md\:gap-\[clamp\(20px\,0\.78vw\+14px\,24px\)\] {
    @media (width >= 48rem) {
      gap: clamp(20px, 0.78vw + 14px, 24px);
    }
  }
  .md\:gap-\[clamp\(52px\,102px-3\.90625vw\,70px\)\] {
    @media (width >= 48rem) {
      gap: clamp(52px, 102px - 3.90625vw, 70px);
    }
  }
  .md\:gap-\[clamp\(52px\,102px-3\.90625vw\,72px\)\] {
    @media (width >= 48rem) {
      gap: clamp(52px, 102px - 3.90625vw, 72px);
    }
  }
  .md\:\!gap-x-7\.5 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 7.5) !important;
    }
  }
  .md\:gap-x-3 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 3);
    }
  }
  .md\:gap-x-4 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-x-5 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 5);
    }
  }
  .md\:gap-x-6 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-x-8 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-x-10 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 10);
    }
  }
  .md\:gap-x-12 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .md\:gap-x-15 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 15);
    }
  }
  .md\:gap-x-16 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 16);
    }
  }
  .md\:gap-y-3 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 3);
    }
  }
  .md\:gap-y-4 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-y-6 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-y-8 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-y-8\.5 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 8.5);
    }
  }
  .md\:gap-y-10 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 10);
    }
  }
  .md\:gap-y-12 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 12);
    }
  }
  .md\:gap-y-16 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 16);
    }
  }
  .md\:self-center {
    @media (width >= 48rem) {
      align-self: center;
    }
  }
  .md\:justify-self-end {
    @media (width >= 48rem) {
      justify-self: flex-end;
    }
  }
  .md\:overflow-hidden {
    @media (width >= 48rem) {
      overflow: hidden;
    }
  }
  .md\:rounded-2xl {
    @media (width >= 48rem) {
      border-radius: var(--radius-2xl);
    }
  }
  .md\:rounded-\[32px\] {
    @media (width >= 48rem) {
      border-radius: 32px;
    }
  }
  .md\:p-5 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .md\:p-12 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .md\:p-\[clamp\(32px\,0\.5rem\+3\.125vw\,48px\)\] {
    @media (width >= 48rem) {
      padding: clamp(32px, 0.5rem + 3.125vw, 48px);
    }
  }
  .md\:px-0 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .md\:px-1\.5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 1.5);
    }
  }
  .md\:px-2 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .md\:px-3 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .md\:px-3\.5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 3.5);
    }
  }
  .md\:px-4 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .md\:px-4\.5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4.5);
    }
  }
  .md\:px-5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .md\:px-6 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:px-7 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .md\:px-7\.5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 7.5);
    }
  }
  .md\:px-8 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .md\:px-9 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 9);
    }
  }
  .md\:px-10 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .md\:px-11 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 11);
    }
  }
  .md\:px-12 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .md\:px-12\.5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 12.5);
    }
  }
  .md\:px-13 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 13);
    }
  }
  .md\:px-14 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 14);
    }
  }
  .md\:px-15 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 15);
    }
  }
  .md\:px-16 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
  }
  .md\:px-18 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 18);
    }
  }
  .md\:px-20 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .md\:px-22 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 22);
    }
  }
  .md\:px-24 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  .md\:px-26 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 26);
    }
  }
  .md\:px-30 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 30);
    }
  }
  .md\:px-32 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 32);
    }
  }
  .md\:px-40 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 40);
    }
  }
  .md\:px-48 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 48);
    }
  }
  .md\:px-\[50px\] {
    @media (width >= 48rem) {
      padding-inline: 50px;
    }
  }
  .md\:px-\[clamp\(20px\,0\.78vw\+14px\,24px\)\] {
    @media (width >= 48rem) {
      padding-inline: clamp(20px, 0.78vw + 14px, 24px);
    }
  }
  .md\:py-1\.5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .md\:py-2 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .md\:py-3 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .md\:py-3\.5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }
  .md\:py-4 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .md\:py-4\.5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 4.5);
    }
  }
  .md\:py-5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .md\:py-6 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .md\:py-7 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 7);
    }
  }
  .md\:py-8 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .md\:py-9 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 9);
    }
  }
  .md\:py-10 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .md\:py-11 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 11);
    }
  }
  .md\:py-12 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .md\:py-12\.5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12.5);
    }
  }
  .md\:py-13 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 13);
    }
  }
  .md\:py-14 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .md\:py-15 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 15);
    }
  }
  .md\:py-16 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .md\:py-17\.5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 17.5);
    }
  }
  .md\:py-18 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 18);
    }
  }
  .md\:py-20 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .md\:py-22 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 22);
    }
  }
  .md\:py-24 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  .md\:py-26 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 26);
    }
  }
  .md\:py-28 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 28);
    }
  }
  .md\:py-30 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 30);
    }
  }
  .md\:py-32 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 32);
    }
  }
  .md\:py-40 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 40);
    }
  }
  .md\:py-48 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 48);
    }
  }
  .md\:py-\[92px\] {
    @media (width >= 48rem) {
      padding-block: 92px;
    }
  }
  .md\:py-\[clamp\(70px\,1\.95vw\+55px\,80px\)\] {
    @media (width >= 48rem) {
      padding-block: clamp(70px, 1.95vw + 55px, 80px);
    }
  }
  .md\:py-\[clamp\(70px\,55px\+1\.95vw\,80px\)\] {
    @media (width >= 48rem) {
      padding-block: clamp(70px, 55px + 1.95vw, 80px);
    }
  }
  .md\:pt-0 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .md\:pt-1\.5 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 1.5);
    }
  }
  .md\:pt-2 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .md\:pt-2\.5 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 2.5);
    }
  }
  .md\:pt-3 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 3);
    }
  }
  .md\:pt-3\.5 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 3.5);
    }
  }
  .md\:pt-4 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .md\:pt-4\.5 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 4.5);
    }
  }
  .md\:pt-5 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 5);
    }
  }
  .md\:pt-6 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .md\:pt-7 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 7);
    }
  }
  .md\:pt-8 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .md\:pt-9 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 9);
    }
  }
  .md\:pt-10 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .md\:pt-11 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 11);
    }
  }
  .md\:pt-12 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .md\:pt-13 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 13);
    }
  }
  .md\:pt-14 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 14);
    }
  }
  .md\:pt-15 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 15);
    }
  }
  .md\:pt-16 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .md\:pt-17\.5 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 17.5);
    }
  }
  .md\:pt-18 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 18);
    }
  }
  .md\:pt-20 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .md\:pt-22 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 22);
    }
  }
  .md\:pt-24 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .md\:pt-26 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 26);
    }
  }
  .md\:pt-28 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 28);
    }
  }
  .md\:pt-30 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 30);
    }
  }
  .md\:pt-32 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .md\:pt-40 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .md\:pt-42 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 42);
    }
  }
  .md\:pt-45 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 45);
    }
  }
  .md\:pt-48 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 48);
    }
  }
  .md\:pt-56 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 56);
    }
  }
  .md\:pt-60 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 60);
    }
  }
  .md\:pt-64 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 64);
    }
  }
  .md\:pt-72 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 72);
    }
  }
  .md\:pt-80 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 80);
    }
  }
  .md\:pt-96 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 96);
    }
  }
  .md\:pt-\[clamp\(8\.75rem\,7\.81rem\+1\.95vw\,9\.375rem\)\] {
    @media (width >= 48rem) {
      padding-top: clamp(8.75rem, 7.81rem + 1.95vw, 9.375rem);
    }
  }
  .md\:pt-\[clamp\(16px\,10px\+0\.78vw\,20px\)\] {
    @media (width >= 48rem) {
      padding-top: clamp(16px, 10px + 0.78vw, 20px);
    }
  }
  .md\:pt-\[clamp\(24px\,1\.56vw\+12px\,32px\)\] {
    @media (width >= 48rem) {
      padding-top: clamp(24px, 1.56vw + 12px, 32px);
    }
  }
  .md\:pt-\[clamp\(32px\,20px\+1\.56vw\,40px\)\] {
    @media (width >= 48rem) {
      padding-top: clamp(32px, 20px + 1.56vw, 40px);
    }
  }
  .md\:pt-\[clamp\(40px\,1\.5rem\+2\.08vw\,56px\)\] {
    @media (width >= 48rem) {
      padding-top: clamp(40px, 1.5rem + 2.08vw, 56px);
    }
  }
  .md\:pt-\[clamp\(48px\,2\.34vw\+30px\,60px\)\] {
    @media (width >= 48rem) {
      padding-top: clamp(48px, 2.34vw + 30px, 60px);
    }
  }
  .md\:pt-\[clamp\(70px\,1\.95vw\+55px\,80px\)\] {
    @media (width >= 48rem) {
      padding-top: clamp(70px, 1.95vw + 55px, 80px);
    }
  }
  .md\:pt-\[clamp\(140px\,125px\+1\.95vw\,150px\)\] {
    @media (width >= 48rem) {
      padding-top: clamp(140px, 125px + 1.95vw, 150px);
    }
  }
  .md\:pb-0 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:pb-1\.5 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 1.5);
    }
  }
  .md\:pb-2 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  .md\:pb-2\.5 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .md\:pb-3 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 3);
    }
  }
  .md\:pb-3\.5 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 3.5);
    }
  }
  .md\:pb-4 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .md\:pb-4\.5 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 4.5);
    }
  }
  .md\:pb-5 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .md\:pb-6 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:pb-7 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 7);
    }
  }
  .md\:pb-8 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:pb-9 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 9);
    }
  }
  .md\:pb-10 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:pb-11 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 11);
    }
  }
  .md\:pb-12 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .md\:pb-13 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 13);
    }
  }
  .md\:pb-13\.5 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 13.5);
    }
  }
  .md\:pb-14 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }
  .md\:pb-15 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 15);
    }
  }
  .md\:pb-16 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .md\:pb-18 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 18);
    }
  }
  .md\:pb-20 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:pb-22 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 22);
    }
  }
  .md\:pb-24 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .md\:pb-26 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 26);
    }
  }
  .md\:pb-28 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
  }
  .md\:pb-30 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 30);
    }
  }
  .md\:pb-32 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .md\:pb-40 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 40);
    }
  }
  .md\:pb-48 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 48);
    }
  }
  .md\:pb-56 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 56);
    }
  }
  .md\:pb-60 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 60);
    }
  }
  .md\:pb-64 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 64);
    }
  }
  .md\:pb-72 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 72);
    }
  }
  .md\:pb-80 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 80);
    }
  }
  .md\:pb-96 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 96);
    }
  }
  .md\:pb-\[15px\] {
    @media (width >= 48rem) {
      padding-bottom: 15px;
    }
  }
  .md\:pb-\[clamp\(20px\,0\.78vw\+14px\,24px\)\] {
    @media (width >= 48rem) {
      padding-bottom: clamp(20px, 0.78vw + 14px, 24px);
    }
  }
  .md\:pb-\[clamp\(72px\,calc\(72px\+24\*\(\(100vw-768px\)\/512\)\)\,96px\)\] {
    @media (width >= 48rem) {
      padding-bottom: clamp(72px, calc(72px + 24 * ((100vw - 768px) / 512)), 96px);
    }
  }
  .md\:pb-\[clamp\(80px\,6vw\,120px\)\] {
    @media (width >= 48rem) {
      padding-bottom: clamp(80px, 6vw, 120px);
    }
  }
  .md\:text-end {
    @media (width >= 48rem) {
      text-align: end;
    }
  }
  .md\:text-left {
    @media (width >= 48rem) {
      text-align: left;
    }
  }
  .md\:\!text-6xl {
    @media (width >= 48rem) {
      font-size: var(--text-6xl) !important;
      line-height: var(--tw-leading, var(--text-6xl--line-height)) !important;
    }
  }
  .md\:text-2xl {
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .md\:text-4xl {
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .md\:text-5xl {
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .md\:text-6xl {
    @media (width >= 48rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .md\:text-base {
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .md\:text-lg {
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .md\:text-sm {
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .md\:text-xl {
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .md\:text-\[200px\] {
    @media (width >= 48rem) {
      font-size: 200px;
    }
  }
  .md\:leading-7 {
    @media (width >= 48rem) {
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
    }
  }
  .md\:leading-7\.5 {
    @media (width >= 48rem) {
      --tw-leading: calc(var(--spacing) * 7.5);
      line-height: calc(var(--spacing) * 7.5);
    }
  }
  .md\:leading-16 {
    @media (width >= 48rem) {
      --tw-leading: calc(var(--spacing) * 16);
      line-height: calc(var(--spacing) * 16);
    }
  }
  .md\:leading-tight {
    @media (width >= 48rem) {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
    }
  }
  .md\:opacity-100 {
    @media (width >= 48rem) {
      opacity: 100%;
    }
  }
  .md\:\[clip-path\:polygon\(10\%_0\%\,_100\%_10\%\,_100\%_100\%\,_0\%_100\%\,_0\%_0\%\)\] {
    @media (width >= 48rem) {
      clip-path: polygon(10% 0%, 100% 10%, 100% 100%, 0% 100%, 0% 0%);
    }
  }
  .md\:\[clip-path\:polygon\(60\%_0\%\,100\%_0\,100\%_100\%\,0_100\%\,0_10\%\)\] {
    @media (width >= 48rem) {
      clip-path: polygon(60% 0%,100% 0,100% 100%,0 100%,0 10%);
    }
  }
  .md\:after\:w-\[calc\(100\%-30px\)\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        width: calc(100% - 30px);
      }
    }
  }
  .lg\:\!relative {
    @media (width >= 64rem) {
      position: relative !important;
    }
  }
  .lg\:absolute {
    @media (width >= 64rem) {
      position: absolute;
    }
  }
  .lg\:static {
    @media (width >= 64rem) {
      position: static;
    }
  }
  .lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .lg\:top-4 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 4);
    }
  }
  .lg\:right-0 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:m-0 {
    @media (width >= 64rem) {
      margin: calc(var(--spacing) * 0);
    }
  }
  .lg\:mx-0 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:my-0 {
    @media (width >= 64rem) {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-17 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 17);
    }
  }
  .lg\:mb-6 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:mb-15 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 15);
    }
  }
  .lg\:mb-\[50px\] {
    @media (width >= 64rem) {
      margin-bottom: 50px;
    }
  }
  .lg\:\!block {
    @media (width >= 64rem) {
      display: block !important;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 64rem) {
      width: calc(1/2 * 100%);
    }
  }
  .lg\:w-1\/3 {
    @media (width >= 64rem) {
      width: calc(1/3 * 100%);
    }
  }
  .lg\:w-1\/4 {
    @media (width >= 64rem) {
      width: calc(1/4 * 100%);
    }
  }
  .lg\:w-2\/3 {
    @media (width >= 64rem) {
      width: calc(2/3 * 100%);
    }
  }
  .lg\:w-3\/4 {
    @media (width >= 64rem) {
      width: calc(3/4 * 100%);
    }
  }
  .lg\:w-48 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .lg\:w-64 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .lg\:w-\[10\%\] {
    @media (width >= 64rem) {
      width: 10%;
    }
  }
  .lg\:w-\[20\%\] {
    @media (width >= 64rem) {
      width: 20%;
    }
  }
  .lg\:w-\[30\%\] {
    @media (width >= 64rem) {
      width: 30%;
    }
  }
  .lg\:w-\[40\%\] {
    @media (width >= 64rem) {
      width: 40%;
    }
  }
  .lg\:w-\[60\%\] {
    @media (width >= 64rem) {
      width: 60%;
    }
  }
  .lg\:w-\[70\%\] {
    @media (width >= 64rem) {
      width: 70%;
    }
  }
  .lg\:w-\[75\%\] {
    @media (width >= 64rem) {
      width: 75%;
    }
  }
  .lg\:w-\[80\%\] {
    @media (width >= 64rem) {
      width: 80%;
    }
  }
  .lg\:w-\[90\%\] {
    @media (width >= 64rem) {
      width: 90%;
    }
  }
  .lg\:w-auto {
    @media (width >= 64rem) {
      width: auto;
    }
  }
  .lg\:w-fit {
    @media (width >= 64rem) {
      width: fit-content;
    }
  }
  .lg\:w-full {
    @media (width >= 64rem) {
      width: 100%;
    }
  }
  .lg\:w-md {
    @media (width >= 64rem) {
      width: var(--container-md);
    }
  }
  .lg\:max-w-3xl {
    @media (width >= 64rem) {
      max-width: var(--container-3xl);
    }
  }
  .lg\:max-w-\[826px\] {
    @media (width >= 64rem) {
      max-width: 826px;
    }
  }
  .lg\:max-w-xs {
    @media (width >= 64rem) {
      max-width: var(--container-xs);
    }
  }
  .lg\:grid-cols-1 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-7 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-8 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:flex-row-reverse {
    @media (width >= 64rem) {
      flex-direction: row-reverse;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .lg\:\!gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 6) !important;
    }
  }
  .lg\:\!gap-7\.5 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 7.5) !important;
    }
  }
  .lg\:gap-2 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .lg\:gap-4 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-10 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:gap-11 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 11);
    }
  }
  .lg\:gap-12 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-x-4 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-x-6 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-x-8 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-x-10 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:gap-x-12 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-x-16 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 16);
    }
  }
  .lg\:gap-x-20 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 20);
    }
  }
  .lg\:gap-y-4 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-y-6 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-y-8 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-y-10 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:gap-y-12 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-y-16 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 16);
    }
  }
  .lg\:gap-y-20 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 20);
    }
  }
  .lg\:border-0 {
    @media (width >= 64rem) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .lg\:border-none {
    @media (width >= 64rem) {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .lg\:bg-transparent {
    @media (width >= 64rem) {
      background-color: transparent;
    }
  }
  .lg\:px-5 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-10 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .lg\:px-20 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .lg\:px-24 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  .lg\:px-25 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 25);
    }
  }
  .lg\:py-2 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .lg\:py-20 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .lg\:py-25 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 25);
    }
  }
  .lg\:py-26 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 26);
    }
  }
  .lg\:py-28 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 28);
    }
  }
  .lg\:py-32 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 32);
    }
  }
  .lg\:py-\[104px\] {
    @media (width >= 64rem) {
      padding-block: 104px;
    }
  }
  .lg\:pt-8 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .lg\:pt-16 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:pt-20 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .lg\:pt-24 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .lg\:pt-32 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .lg\:pt-40 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .lg\:pt-48 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 48);
    }
  }
  .lg\:pt-56 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 56);
    }
  }
  .lg\:pr-8 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .lg\:pr-18 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 18);
    }
  }
  .lg\:pb-0 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:pb-8 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:pb-16 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .lg\:pb-20 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .lg\:pb-24 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .lg\:pb-32 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .lg\:pb-40 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 40);
    }
  }
  .lg\:pb-48 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 48);
    }
  }
  .lg\:pb-56 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 56);
    }
  }
  .lg\:text-2xl {
    @media (width >= 64rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .lg\:text-3xl {
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .lg\:text-4xl {
    @media (width >= 64rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .lg\:text-5xl {
    @media (width >= 64rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .lg\:text-6xl {
    @media (width >= 64rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .lg\:text-7xl {
    @media (width >= 64rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }
  .lg\:text-base {
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .lg\:text-lg {
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .lg\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:text-\[46px\] {
    @media (width >= 64rem) {
      font-size: 46px;
    }
  }
  .lg\:text-\[220px\] {
    @media (width >= 64rem) {
      font-size: 220px;
    }
  }
  .lg\:leading-7\.5 {
    @media (width >= 64rem) {
      --tw-leading: calc(var(--spacing) * 7.5);
      line-height: calc(var(--spacing) * 7.5);
    }
  }
  .lg\:after\:bg-gradient-to-r {
    @media (width >= 64rem) {
      &::after {
        content: var(--tw-content);
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
    }
  }
  .lg\:after\:from-black {
    @media (width >= 64rem) {
      &::after {
        content: var(--tw-content);
        --tw-gradient-from: var(--color-black);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .lg\:after\:to-transparent {
    @media (width >= 64rem) {
      &::after {
        content: var(--tw-content);
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .xl\:\!relative {
    @media (width >= 80rem) {
      position: relative !important;
    }
  }
  .xl\:absolute {
    @media (width >= 80rem) {
      position: absolute;
    }
  }
  .xl\:relative {
    @media (width >= 80rem) {
      position: relative;
    }
  }
  .xl\:static {
    @media (width >= 80rem) {
      position: static;
    }
  }
  .xl\:inset-y-0 {
    @media (width >= 80rem) {
      inset-block: calc(var(--spacing) * 0);
    }
  }
  .xl\:right-\[clamp\(80px\,-120px\+15\.625vw\,120px\)\] {
    @media (width >= 80rem) {
      right: clamp(80px, -120px + 15.625vw, 120px);
    }
  }
  .xl\:z-40 {
    @media (width >= 80rem) {
      z-index: 40;
    }
  }
  .xl\:col-span-1 {
    @media (width >= 80rem) {
      grid-column: span 1 / span 1;
    }
  }
  .xl\:col-span-2 {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .xl\:col-span-3 {
    @media (width >= 80rem) {
      grid-column: span 3 / span 3;
    }
  }
  .xl\:col-span-4 {
    @media (width >= 80rem) {
      grid-column: span 4 / span 4;
    }
  }
  .xl\:col-span-6 {
    @media (width >= 80rem) {
      grid-column: span 6 / span 6;
    }
  }
  .xl\:col-span-8 {
    @media (width >= 80rem) {
      grid-column: span 8 / span 8;
    }
  }
  .xl\:col-span-9 {
    @media (width >= 80rem) {
      grid-column: span 9 / span 9;
    }
  }
  .xl\:col-span-12 {
    @media (width >= 80rem) {
      grid-column: span 12 / span 12;
    }
  }
  .xl\:col-start-1 {
    @media (width >= 80rem) {
      grid-column-start: 1;
    }
  }
  .xl\:col-start-2 {
    @media (width >= 80rem) {
      grid-column-start: 2;
    }
  }
  .xl\:col-start-4 {
    @media (width >= 80rem) {
      grid-column-start: 4;
    }
  }
  .xl\:col-start-5 {
    @media (width >= 80rem) {
      grid-column-start: 5;
    }
  }
  .xl\:col-start-7 {
    @media (width >= 80rem) {
      grid-column-start: 7;
    }
  }
  .xl\:col-start-9 {
    @media (width >= 80rem) {
      grid-column-start: 9;
    }
  }
  .xl\:col-start-10 {
    @media (width >= 80rem) {
      grid-column-start: 10;
    }
  }
  .xl\:row-start-1 {
    @media (width >= 80rem) {
      grid-row-start: 1;
    }
  }
  .xl\:row-start-2 {
    @media (width >= 80rem) {
      grid-row-start: 2;
    }
  }
  .xl\:m-0 {
    @media (width >= 80rem) {
      margin: calc(var(--spacing) * 0);
    }
  }
  .xl\:mx-0 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .xl\:mx-2 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 2);
    }
  }
  .xl\:mx-2\.5 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 2.5);
    }
  }
  .xl\:mx-4 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 4);
    }
  }
  .xl\:mx-4\.5 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 4.5);
    }
  }
  .xl\:mx-5 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 5);
    }
  }
  .xl\:mx-6 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 6);
    }
  }
  .xl\:mx-7 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 7);
    }
  }
  .xl\:mx-8 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 8);
    }
  }
  .xl\:mx-9 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 9);
    }
  }
  .xl\:mx-10 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 10);
    }
  }
  .xl\:mx-11 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 11);
    }
  }
  .xl\:mx-12 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 12);
    }
  }
  .xl\:mx-13 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 13);
    }
  }
  .xl\:mx-14 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 14);
    }
  }
  .xl\:mx-16 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 16);
    }
  }
  .xl\:mx-20 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 20);
    }
  }
  .xl\:mx-21 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 21);
    }
  }
  .xl\:mx-23 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 23);
    }
  }
  .xl\:mx-24 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 24);
    }
  }
  .xl\:mx-25 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 25);
    }
  }
  .xl\:mx-28 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 28);
    }
  }
  .xl\:mx-30 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 30);
    }
  }
  .xl\:mx-32 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 32);
    }
  }
  .xl\:mx-35 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 35);
    }
  }
  .xl\:mx-39 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 39);
    }
  }
  .xl\:mx-40 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 40);
    }
  }
  .xl\:mx-48 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 48);
    }
  }
  .xl\:mx-56 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 56);
    }
  }
  .xl\:mx-\[17\.5\] {
    @media (width >= 80rem) {
      margin-inline: 17.5;
    }
  }
  .xl\:mx-\[18\.5\] {
    @media (width >= 80rem) {
      margin-inline: 18.5;
    }
  }
  .xl\:-my-\[clamp\(80px\,6\.25vw\,120px\)\] {
    @media (width >= 80rem) {
      margin-block: calc(clamp(80px, 6.25vw, 120px) * -1);
    }
  }
  .xl\:my-0 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  .xl\:my-2 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 2);
    }
  }
  .xl\:my-2\.5 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 2.5);
    }
  }
  .xl\:my-4 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 4);
    }
  }
  .xl\:my-4\.5 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 4.5);
    }
  }
  .xl\:my-5 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 5);
    }
  }
  .xl\:my-6 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 6);
    }
  }
  .xl\:my-7 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 7);
    }
  }
  .xl\:my-8 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 8);
    }
  }
  .xl\:my-9 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 9);
    }
  }
  .xl\:my-10 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 10);
    }
  }
  .xl\:my-11 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 11);
    }
  }
  .xl\:my-12 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 12);
    }
  }
  .xl\:my-13 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 13);
    }
  }
  .xl\:my-14 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 14);
    }
  }
  .xl\:my-16 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 16);
    }
  }
  .xl\:my-20 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 20);
    }
  }
  .xl\:my-21 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 21);
    }
  }
  .xl\:my-23 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 23);
    }
  }
  .xl\:my-24 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 24);
    }
  }
  .xl\:my-25 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 25);
    }
  }
  .xl\:my-28 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 28);
    }
  }
  .xl\:my-30 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 30);
    }
  }
  .xl\:my-32 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 32);
    }
  }
  .xl\:my-35 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 35);
    }
  }
  .xl\:my-39 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 39);
    }
  }
  .xl\:my-40 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 40);
    }
  }
  .xl\:my-48 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 48);
    }
  }
  .xl\:my-56 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 56);
    }
  }
  .xl\:my-\[17\.5\] {
    @media (width >= 80rem) {
      margin-block: 17.5;
    }
  }
  .xl\:my-\[18\.5\] {
    @media (width >= 80rem) {
      margin-block: 18.5;
    }
  }
  .xl\:my-\[clamp\(101px\,-0\.938rem\+9\.38vw\,144px\)\] {
    @media (width >= 80rem) {
      margin-block: clamp(101px, -0.938rem + 9.38vw, 144px);
    }
  }
  .xl\:\!mt-5 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 5) !important;
    }
  }
  .xl\:mt-0 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .xl\:mt-3 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .xl\:mt-6 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .xl\:mt-10 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .xl\:mt-auto {
    @media (width >= 80rem) {
      margin-top: auto;
    }
  }
  .xl\:mb-0 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .xl\:\!block {
    @media (width >= 80rem) {
      display: block !important;
    }
  }
  .xl\:flex {
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .xl\:grid {
    @media (width >= 80rem) {
      display: grid;
    }
  }
  .xl\:hidden {
    @media (width >= 80rem) {
      display: none;
    }
  }
  .xl\:aspect-auto {
    @media (width >= 80rem) {
      aspect-ratio: auto;
    }
  }
  .xl\:aspect-square {
    @media (width >= 80rem) {
      aspect-ratio: 1 / 1;
    }
  }
  .xl\:h-153 {
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 153);
    }
  }
  .xl\:h-180 {
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 180);
    }
  }
  .xl\:h-\[110\%\] {
    @media (width >= 80rem) {
      height: 110%;
    }
  }
  .xl\:h-\[111\%\] {
    @media (width >= 80rem) {
      height: 111%;
    }
  }
  .xl\:h-\[113\%\] {
    @media (width >= 80rem) {
      height: 113%;
    }
  }
  .xl\:h-\[115\%\] {
    @media (width >= 80rem) {
      height: 115%;
    }
  }
  .xl\:h-\[clamp\(748px\,calc\(748px_\+_\(808_-_748\)_\*_\(\(100vw_-_1280px\)_\/_255\)\)\,808px\)\] {
    @media (width >= 80rem) {
      height: clamp(748px, calc(748px + (808 - 748) * ((100vw - 1280px) / 255)), 808px);
    }
  }
  .xl\:h-auto {
    @media (width >= 80rem) {
      height: auto;
    }
  }
  .xl\:h-fit {
    @media (width >= 80rem) {
      height: fit-content;
    }
  }
  .xl\:h-full {
    @media (width >= 80rem) {
      height: 100%;
    }
  }
  .xl\:\!min-h-\[598px\] {
    @media (width >= 80rem) {
      min-height: 598px !important;
    }
  }
  .xl\:min-h-192 {
    @media (width >= 80rem) {
      min-height: calc(var(--spacing) * 192);
    }
  }
  .xl\:min-h-\[590px\] {
    @media (width >= 80rem) {
      min-height: 590px;
    }
  }
  .xl\:min-h-full {
    @media (width >= 80rem) {
      min-height: 100%;
    }
  }
  .xl\:\!w-full {
    @media (width >= 80rem) {
      width: 100% !important;
    }
  }
  .xl\:\[width\:clamp\(868px\,calc\(868px_\+_\(66\.5_\*_\(\(100vw_-_1280px\)_\/_255\)\)\)\,934\.5px\)\] {
    @media (width >= 80rem) {
      width: clamp(868px, calc(868px + (66.5 * ((100vw - 1280px) / 255))), 934.5px);
    }
  }
  .xl\:w-1\/2 {
    @media (width >= 80rem) {
      width: calc(1/2 * 100%);
    }
  }
  .xl\:w-1\/4 {
    @media (width >= 80rem) {
      width: calc(1/4 * 100%);
    }
  }
  .xl\:w-1\/5 {
    @media (width >= 80rem) {
      width: calc(1/5 * 100%);
    }
  }
  .xl\:w-2\/5 {
    @media (width >= 80rem) {
      width: calc(2/5 * 100%);
    }
  }
  .xl\:w-3\/4 {
    @media (width >= 80rem) {
      width: calc(3/4 * 100%);
    }
  }
  .xl\:w-3\/5 {
    @media (width >= 80rem) {
      width: calc(3/5 * 100%);
    }
  }
  .xl\:w-3\/10 {
    @media (width >= 80rem) {
      width: calc(3/10 * 100%);
    }
  }
  .xl\:w-4\/5 {
    @media (width >= 80rem) {
      width: calc(4/5 * 100%);
    }
  }
  .xl\:w-7\/10 {
    @media (width >= 80rem) {
      width: calc(7/10 * 100%);
    }
  }
  .xl\:w-9\/10 {
    @media (width >= 80rem) {
      width: calc(9/10 * 100%);
    }
  }
  .xl\:w-153 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 153);
    }
  }
  .xl\:w-192 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 192);
    }
  }
  .xl\:w-\[10\%\] {
    @media (width >= 80rem) {
      width: 10%;
    }
  }
  .xl\:w-\[20\%\] {
    @media (width >= 80rem) {
      width: 20%;
    }
  }
  .xl\:w-\[65\%\] {
    @media (width >= 80rem) {
      width: 65%;
    }
  }
  .xl\:w-\[70\%\] {
    @media (width >= 80rem) {
      width: 70%;
    }
  }
  .xl\:w-\[80\%\] {
    @media (width >= 80rem) {
      width: 80%;
    }
  }
  .xl\:w-\[83\%\] {
    @media (width >= 80rem) {
      width: 83%;
    }
  }
  .xl\:w-\[90\%\] {
    @media (width >= 80rem) {
      width: 90%;
    }
  }
  .xl\:w-\[clamp\(561px\,40vw\,930px\)\] {
    @media (width >= 80rem) {
      width: clamp(561px, 40vw, 930px);
    }
  }
  .xl\:w-auto {
    @media (width >= 80rem) {
      width: auto;
    }
  }
  .xl\:w-fit {
    @media (width >= 80rem) {
      width: fit-content;
    }
  }
  .xl\:w-full {
    @media (width >= 80rem) {
      width: 100%;
    }
  }
  .xl\:\!max-w-180 {
    @media (width >= 80rem) {
      max-width: calc(var(--spacing) * 180) !important;
    }
  }
  .xl\:max-w-110\.5 {
    @media (width >= 80rem) {
      max-width: calc(var(--spacing) * 110.5);
    }
  }
  .xl\:max-w-137 {
    @media (width >= 80rem) {
      max-width: calc(var(--spacing) * 137);
    }
  }
  .xl\:max-w-144 {
    @media (width >= 80rem) {
      max-width: calc(var(--spacing) * 144);
    }
  }
  .xl\:max-w-150 {
    @media (width >= 80rem) {
      max-width: calc(var(--spacing) * 150);
    }
  }
  .xl\:max-w-157\.5 {
    @media (width >= 80rem) {
      max-width: calc(var(--spacing) * 157.5);
    }
  }
  .xl\:max-w-185 {
    @media (width >= 80rem) {
      max-width: calc(var(--spacing) * 185);
    }
  }
  .xl\:max-w-\[900px\] {
    @media (width >= 80rem) {
      max-width: 900px;
    }
  }
  .xl\:min-w-50 {
    @media (width >= 80rem) {
      min-width: calc(var(--spacing) * 50);
    }
  }
  .xl\:min-w-68 {
    @media (width >= 80rem) {
      min-width: calc(var(--spacing) * 68);
    }
  }
  .xl\:min-w-\[clamp\(561px\,40vw\,930px\)\] {
    @media (width >= 80rem) {
      min-width: clamp(561px, 40vw, 930px);
    }
  }
  .xl\:shrink-0 {
    @media (width >= 80rem) {
      flex-shrink: 0;
    }
  }
  .xl\:basis-1\/2 {
    @media (width >= 80rem) {
      flex-basis: calc(1/2 * 100%);
    }
  }
  .xl\:basis-2\/5 {
    @media (width >= 80rem) {
      flex-basis: calc(2/5 * 100%);
    }
  }
  .xl\:basis-3\/5 {
    @media (width >= 80rem) {
      flex-basis: calc(3/5 * 100%);
    }
  }
  .xl\:basis-\[50\%\] {
    @media (width >= 80rem) {
      flex-basis: 50%;
    }
  }
  .xl\:basis-\[588px\] {
    @media (width >= 80rem) {
      flex-basis: 588px;
    }
  }
  .xl\:translate-x-\[clamp\(48px\,-114px\+13vw\,184px\)\] {
    @media (width >= 80rem) {
      --tw-translate-x: clamp(48px, -114px + 13vw, 184px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .xl\:translate-x-\[clamp\(48px\,calc\(48px\+\(148-48\)\*\(\(100vw-1280px\)\/\(1535-1280\)\)\)\,148px\)\] {
    @media (width >= 80rem) {
      --tw-translate-x: clamp(48px, calc(48px + (148 - 48) * ((100vw - 1280px) / (1535 - 1280))), 148px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .xl\:-translate-y-\[10\%\] {
    @media (width >= 80rem) {
      --tw-translate-y: calc(10% * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .xl\:-translate-y-\[12\%\] {
    @media (width >= 80rem) {
      --tw-translate-y: calc(12% * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .xl\:auto-rows-fr {
    @media (width >= 80rem) {
      grid-auto-rows: minmax(0, 1fr);
    }
  }
  .xl\:\!grid-cols-2 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  .xl\:\!grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  .xl\:\!grid-cols-12 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    }
  }
  .xl\:grid-cols-1 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-2 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-5 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-6 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-7 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-8 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-9 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-10 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-11 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-12 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .xl\:flex-col {
    @media (width >= 80rem) {
      flex-direction: column;
    }
  }
  .xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .xl\:flex-row-reverse {
    @media (width >= 80rem) {
      flex-direction: row-reverse;
    }
  }
  .xl\:items-center {
    @media (width >= 80rem) {
      align-items: center;
    }
  }
  .xl\:items-start {
    @media (width >= 80rem) {
      align-items: flex-start;
    }
  }
  .xl\:items-stretch {
    @media (width >= 80rem) {
      align-items: stretch;
    }
  }
  .xl\:justify-between {
    @media (width >= 80rem) {
      justify-content: space-between;
    }
  }
  .xl\:justify-center {
    @media (width >= 80rem) {
      justify-content: center;
    }
  }
  .xl\:justify-end {
    @media (width >= 80rem) {
      justify-content: flex-end;
    }
  }
  .xl\:justify-start {
    @media (width >= 80rem) {
      justify-content: flex-start;
    }
  }
  .xl\:\!gap-\[clamp\(68px\,8vw\,150px\)\] {
    @media (width >= 80rem) {
      gap: clamp(68px, 8vw, 150px) !important;
    }
  }
  .xl\:gap-0 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .xl\:gap-2 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .xl\:gap-3 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .xl\:gap-4 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .xl\:gap-5 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .xl\:gap-6 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .xl\:gap-8 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .xl\:gap-10 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .xl\:gap-10\.5 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 10.5);
    }
  }
  .xl\:gap-12 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .xl\:gap-15 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 15);
    }
  }
  .xl\:gap-\[clamp\(24px\,0\.94vw\+12px\,30px\)\] {
    @media (width >= 80rem) {
      gap: clamp(24px, 0.94vw + 12px, 30px);
    }
  }
  .xl\:gap-\[clamp\(24px\,1\.17vw\+9px\,30px\)\] {
    @media (width >= 80rem) {
      gap: clamp(24px, 1.17vw + 9px, 30px);
    }
  }
  .xl\:gap-\[clamp\(48px\,-234\.4px\+23vw\,152px\)\] {
    @media (width >= 80rem) {
      gap: clamp(48px, -234.4px + 23vw, 152px);
    }
  }
  .xl\:gap-\[clamp\(52px\,18vw-178px\,124px\)\] {
    @media (width >= 80rem) {
      gap: clamp(52px, 18vw - 178px, 124px);
    }
  }
  .xl\:gap-x-6 {
    @media (width >= 80rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .xl\:gap-y-10 {
    @media (width >= 80rem) {
      row-gap: calc(var(--spacing) * 10);
    }
  }
  .xl\:\!overflow-x-hidden {
    @media (width >= 80rem) {
      overflow-x: hidden !important;
    }
  }
  .xl\:border-none {
    @media (width >= 80rem) {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .xl\:bg-transparent {
    @media (width >= 80rem) {
      background-color: transparent;
    }
  }
  .xl\:p-6 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .xl\:p-10 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .xl\:p-\[clamp\(48px\,1\.375rem\+2vw\,56px\)\] {
    @media (width >= 80rem) {
      padding: clamp(48px, 1.375rem + 2vw, 56px);
    }
  }
  .xl\:px-0 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .xl\:px-2 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .xl\:px-2\.5 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .xl\:px-4 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .xl\:px-4\.5 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 4.5);
    }
  }
  .xl\:px-5 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .xl\:px-6 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .xl\:px-7 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .xl\:px-8 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .xl\:px-9 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 9);
    }
  }
  .xl\:px-10 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .xl\:px-11 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 11);
    }
  }
  .xl\:px-12 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .xl\:px-13 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 13);
    }
  }
  .xl\:px-14 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 14);
    }
  }
  .xl\:px-16 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
  }
  .xl\:px-20 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .xl\:px-21 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 21);
    }
  }
  .xl\:px-23 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 23);
    }
  }
  .xl\:px-24 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  .xl\:px-25 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 25);
    }
  }
  .xl\:px-28 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 28);
    }
  }
  .xl\:px-30 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 30);
    }
  }
  .xl\:px-32 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 32);
    }
  }
  .xl\:px-35 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 35);
    }
  }
  .xl\:px-39 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 39);
    }
  }
  .xl\:px-40 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 40);
    }
  }
  .xl\:px-48 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 48);
    }
  }
  .xl\:px-56 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 56);
    }
  }
  .xl\:px-\[4\.375rem\] {
    @media (width >= 80rem) {
      padding-inline: 4.375rem;
    }
  }
  .xl\:px-\[4\.625rem\] {
    @media (width >= 80rem) {
      padding-inline: 4.625rem;
    }
  }
  .xl\:px-\[17\.5\] {
    @media (width >= 80rem) {
      padding-inline: 17.5;
    }
  }
  .xl\:px-\[18\.5\] {
    @media (width >= 80rem) {
      padding-inline: 18.5;
    }
  }
  .xl\:px-\[clamp\(12px\,-66\.13px\+6\.1vw\,47px\)\] {
    @media (width >= 80rem) {
      padding-inline: clamp(12px, -66.13px + 6.1vw, 47px);
    }
  }
  .xl\:px-\[var\(--container-px\)\] {
    @media (width >= 80rem) {
      padding-inline: var(--container-px);
    }
  }
  .xl\:py-0 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .xl\:py-2 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .xl\:py-2\.5 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .xl\:py-3 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .xl\:py-4 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .xl\:py-4\.5 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 4.5);
    }
  }
  .xl\:py-5 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .xl\:py-6 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .xl\:py-7 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 7);
    }
  }
  .xl\:py-8 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .xl\:py-9 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 9);
    }
  }
  .xl\:py-10 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .xl\:py-11 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 11);
    }
  }
  .xl\:py-12 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .xl\:py-13 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 13);
    }
  }
  .xl\:py-14 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .xl\:py-16 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .xl\:py-17\.5 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 17.5);
    }
  }
  .xl\:py-20 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .xl\:py-21 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 21);
    }
  }
  .xl\:py-23 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 23);
    }
  }
  .xl\:py-24 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  .xl\:py-25 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 25);
    }
  }
  .xl\:py-26 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 26);
    }
  }
  .xl\:py-28 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 28);
    }
  }
  .xl\:py-30 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 30);
    }
  }
  .xl\:py-32 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 32);
    }
  }
  .xl\:py-35 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 35);
    }
  }
  .xl\:py-39 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 39);
    }
  }
  .xl\:py-40 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 40);
    }
  }
  .xl\:py-48 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 48);
    }
  }
  .xl\:py-56 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 56);
    }
  }
  .xl\:py-\[4\.375rem\] {
    @media (width >= 80rem) {
      padding-block: 4.375rem;
    }
  }
  .xl\:py-\[4\.625rem\] {
    @media (width >= 80rem) {
      padding-block: 4.625rem;
    }
  }
  .xl\:py-\[17\.5\] {
    @media (width >= 80rem) {
      padding-block: 17.5;
    }
  }
  .xl\:py-\[18\.5\] {
    @media (width >= 80rem) {
      padding-block: 18.5;
    }
  }
  .xl\:py-\[clamp\(60px\,10dvh\,100px\)\] {
    @media (width >= 80rem) {
      padding-block: clamp(60px, 10dvh, 100px);
    }
  }
  .xl\:py-\[clamp\(60px\,10dvh\,120px\)\] {
    @media (width >= 80rem) {
      padding-block: clamp(60px, 10dvh, 120px);
    }
  }
  .xl\:py-\[clamp\(80px\,6\.25vw\,120px\)\] {
    @media (width >= 80rem) {
      padding-block: clamp(80px, 6.25vw, 120px);
    }
  }
  .xl\:py-\[clamp\(80px\,40px\+3\.13vw\,100px\)\] {
    @media (width >= 80rem) {
      padding-block: clamp(80px, 40px + 3.13vw, 100px);
    }
  }
  .xl\:pt-0 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .xl\:pt-2 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .xl\:pt-2\.5 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 2.5);
    }
  }
  .xl\:pt-4 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .xl\:pt-4\.5 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 4.5);
    }
  }
  .xl\:pt-5 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 5);
    }
  }
  .xl\:pt-6 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .xl\:pt-7 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 7);
    }
  }
  .xl\:pt-8 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .xl\:pt-9 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 9);
    }
  }
  .xl\:pt-10 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .xl\:pt-11 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 11);
    }
  }
  .xl\:pt-12 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .xl\:pt-13 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 13);
    }
  }
  .xl\:pt-14 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 14);
    }
  }
  .xl\:pt-16 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .xl\:pt-17\.5 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 17.5);
    }
  }
  .xl\:pt-20 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .xl\:pt-21 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 21);
    }
  }
  .xl\:pt-23 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 23);
    }
  }
  .xl\:pt-24 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .xl\:pt-25 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 25);
    }
  }
  .xl\:pt-28 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 28);
    }
  }
  .xl\:pt-30 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 30);
    }
  }
  .xl\:pt-32 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .xl\:pt-35 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 35);
    }
  }
  .xl\:pt-36 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 36);
    }
  }
  .xl\:pt-39 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 39);
    }
  }
  .xl\:pt-40 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .xl\:pt-48 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 48);
    }
  }
  .xl\:pt-56 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 56);
    }
  }
  .xl\:pt-60 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 60);
    }
  }
  .xl\:pt-64 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 64);
    }
  }
  .xl\:pt-72 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 72);
    }
  }
  .xl\:pt-80 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 80);
    }
  }
  .xl\:pt-96 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 96);
    }
  }
  .xl\:pt-\[17\.5\] {
    @media (width >= 80rem) {
      padding-top: 17.5;
    }
  }
  .xl\:pt-\[18\.5\] {
    @media (width >= 80rem) {
      padding-top: 18.5;
    }
  }
  .xl\:pt-\[clamp\(9\.375rem\,-0\.625rem\+12\.5vw\,12\.5rem\)\] {
    @media (width >= 80rem) {
      padding-top: clamp(9.375rem, -0.625rem + 12.5vw, 12.5rem);
    }
  }
  .xl\:pt-\[clamp\(80px\,6\.25vw\,120px\)\] {
    @media (width >= 80rem) {
      padding-top: clamp(80px, 6.25vw, 120px);
    }
  }
  .xl\:pt-\[clamp\(150px\,calc\(150px\+\(200-150\)\*\(\(100vw-1280px\)\/\(1680-1280\)\)\)\,200px\)\] {
    @media (width >= 80rem) {
      padding-top: clamp(150px, calc(150px + (200 - 150) * ((100vw - 1280px) / (1680 - 1280))), 200px);
    }
  }
  .xl\:pt-\[clamp\(180px\,44px\+10\.6vw\,248px\)\] {
    @media (width >= 80rem) {
      padding-top: clamp(180px, 44px + 10.6vw, 248px);
    }
  }
  .xl\:\!pr-0 {
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 0) !important;
    }
  }
  .xl\:pr-0 {
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .xl\:pr-10 {
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 10);
    }
  }
  .xl\:pr-20 {
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 20);
    }
  }
  .xl\:pb-0 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .xl\:pb-2 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  .xl\:pb-2\.5 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .xl\:pb-4 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .xl\:pb-4\.5 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 4.5);
    }
  }
  .xl\:pb-5 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .xl\:pb-6 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .xl\:pb-7 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 7);
    }
  }
  .xl\:pb-8 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .xl\:pb-9 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 9);
    }
  }
  .xl\:pb-10 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .xl\:pb-11 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 11);
    }
  }
  .xl\:pb-12 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .xl\:pb-13 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 13);
    }
  }
  .xl\:pb-14 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }
  .xl\:pb-14\.5 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 14.5);
    }
  }
  .xl\:pb-16 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .xl\:pb-20 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .xl\:pb-21 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 21);
    }
  }
  .xl\:pb-23 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 23);
    }
  }
  .xl\:pb-24 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .xl\:pb-25 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 25);
    }
  }
  .xl\:pb-28 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
  }
  .xl\:pb-30 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 30);
    }
  }
  .xl\:pb-32 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .xl\:pb-35 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 35);
    }
  }
  .xl\:pb-39 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 39);
    }
  }
  .xl\:pb-40 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 40);
    }
  }
  .xl\:pb-48 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 48);
    }
  }
  .xl\:pb-56 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 56);
    }
  }
  .xl\:pb-60 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 60);
    }
  }
  .xl\:pb-64 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 64);
    }
  }
  .xl\:pb-72 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 72);
    }
  }
  .xl\:pb-80 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 80);
    }
  }
  .xl\:pb-96 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 96);
    }
  }
  .xl\:pb-\[17\.5\] {
    @media (width >= 80rem) {
      padding-bottom: 17.5;
    }
  }
  .xl\:pb-\[18\.5\] {
    @media (width >= 80rem) {
      padding-bottom: 18.5;
    }
  }
  .xl\:pb-\[clamp\(60px\,10dvh\,100px\)\] {
    @media (width >= 80rem) {
      padding-bottom: clamp(60px, 10dvh, 100px);
    }
  }
  .xl\:pb-\[clamp\(60px\,10dvh\,120px\)\] {
    @media (width >= 80rem) {
      padding-bottom: clamp(60px, 10dvh, 120px);
    }
  }
  .xl\:pb-\[clamp\(80px\,0\.13px\+6\.24vw\,120px\)\] {
    @media (width >= 80rem) {
      padding-bottom: clamp(80px, 0.13px + 6.24vw, 120px);
    }
  }
  .xl\:pb-\[clamp\(96px\,calc\(96px\+24\*\(\(100vw-1280px\)\/400\)\)\,120px\)\] {
    @media (width >= 80rem) {
      padding-bottom: clamp(96px, calc(96px + 24 * ((100vw - 1280px) / 400)), 120px);
    }
  }
  .xl\:pl-0 {
    @media (width >= 80rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .xl\:pl-\[var\(--container-px\)\] {
    @media (width >= 80rem) {
      padding-left: var(--container-px);
    }
  }
  .xl\:text-center {
    @media (width >= 80rem) {
      text-align: center;
    }
  }
  .xl\:text-end {
    @media (width >= 80rem) {
      text-align: end;
    }
  }
  .xl\:\!text-lg {
    @media (width >= 80rem) {
      font-size: var(--text-lg) !important;
      line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    }
  }
  .xl\:text-2xl {
    @media (width >= 80rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .xl\:text-3xl {
    @media (width >= 80rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .xl\:text-4xl {
    @media (width >= 80rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .xl\:text-5xl {
    @media (width >= 80rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .xl\:text-6xl {
    @media (width >= 80rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .xl\:text-7xl {
    @media (width >= 80rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }
  .xl\:text-8xl {
    @media (width >= 80rem) {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }
  }
  .xl\:text-base {
    @media (width >= 80rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .xl\:text-lg {
    @media (width >= 80rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .xl\:text-xl {
    @media (width >= 80rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .xl\:\!leading-7\.5 {
    @media (width >= 80rem) {
      --tw-leading: calc(var(--spacing) * 7.5) !important;
      line-height: calc(var(--spacing) * 7.5) !important;
    }
  }
  .xl\:leading-7 {
    @media (width >= 80rem) {
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
    }
  }
  .xl\:leading-7\.5 {
    @media (width >= 80rem) {
      --tw-leading: calc(var(--spacing) * 7.5);
      line-height: calc(var(--spacing) * 7.5);
    }
  }
  .xl\:leading-8\.5 {
    @media (width >= 80rem) {
      --tw-leading: calc(var(--spacing) * 8.5);
      line-height: calc(var(--spacing) * 8.5);
    }
  }
  .xl\:leading-loose {
    @media (width >= 80rem) {
      --tw-leading: var(--leading-loose);
      line-height: var(--leading-loose);
    }
  }
  .xl\:shadow-none {
    @media (width >= 80rem) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .xl\:\[clip-path\:polygon\(0_15\%\,_100\%_0\,_100\%_100\%\,_0\%_100\%\)\] {
    @media (width >= 80rem) {
      clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
    }
  }
  .xl\:after\:absolute {
    @media (width >= 80rem) {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .xl\:after\:inset-0 {
    @media (width >= 80rem) {
      &::after {
        content: var(--tw-content);
        inset: calc(var(--spacing) * 0);
      }
    }
  }
  .xl\:after\:bottom-12\.5 {
    @media (width >= 80rem) {
      &::after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 12.5);
      }
    }
  }
  .xl\:after\:-z-10 {
    @media (width >= 80rem) {
      &::after {
        content: var(--tw-content);
        z-index: calc(10 * -1);
      }
    }
  }
  .xl\:after\:w-full {
    @media (width >= 80rem) {
      &::after {
        content: var(--tw-content);
        width: 100%;
      }
    }
  }
  .xl\:after\:bg-surface-primary {
    @media (width >= 80rem) {
      &::after {
        content: var(--tw-content);
        background-color: var(--color-surface-primary);
      }
    }
  }
  .xl\:after\:content-\[\'\'\] {
    @media (width >= 80rem) {
      &::after {
        content: var(--tw-content);
        --tw-content: '';content:var(--tw-content);}}}.\32 xl\:right-\[clamp\(120px\,-472px\+38\.54vw\,268px\)\]{@media (width >= 96rem){right:clamp(120px,-472px + 38.54vw,268px);}}.\32 xl\:\!mt-8{@media (width >= 96rem){margin-top:calc(var(--spacing) * 8) !important;}}.\32 xl\:mt-15{@media (width >= 96rem){margin-top:calc(var(--spacing) * 15);}}.\32 xl\:mt-\[clamp\(100px\,170px-3\.646vw\,114px\)\]{@media (width >= 96rem){margin-top:clamp(100px,170px - 3.646vw,114px);}}.\32 xl\:mr-\[clamp\(120px\,-790px\+54\.17vw\,250px\)\]{@media (width >= 96rem){margin-right:clamp(120px,-790px + 54.17vw,250px);}}.\32 xl\:aspect-square{@media (width >= 96rem){aspect-ratio:1 / 1;}}.\32 xl\:h-162\.5{@media (width >= 96rem){height:calc(var(--spacing) * 162.5);}}.\32 xl\:h-212{@media (width >= 96rem){height:calc(var(--spacing) * 212);}}.\32 xl\:h-\[115\%\]{@media (width >= 96rem){height:115%;}}.\32 xl\:h-\[117\%\]{@media (width >= 96rem){height:117%;}}.\32 xl\:h-\[120\%\]{@media (width >= 96rem){height:120%;}}.\32 xl\:h-\[clamp\(470px\,24\.375rem\+5\.2vw\,490px\)\]{@media (width >= 96rem){height:clamp(470px,24.375rem + 5.2vw,490px);}}.\32 xl\:w-162\.5{@media (width >= 96rem){width:calc(var(--spacing) * 162.5);}}.\32 xl\:w-\[60\%\]{@media (width >= 96rem){width:60%;}}.\32 xl\:w-\[960px\]{@media (width >= 96rem){width:960px;}}.\32 xl\:max-w-150{@media (width >= 96rem){max-width:calc(var(--spacing) * 150);}}.\32 xl\:max-w-173\.5{@media (width >= 96rem){max-width:calc(var(--spacing) * 173.5);}}.\32 xl\:basis-1\/2{@media (width >= 96rem){flex-basis:calc(1/2 * 100%);}}.\32 xl\:basis-\[44\%\]{@media (width >= 96rem){flex-basis:44%;}}.\32 xl\:basis-\[58\%\]{@media (width >= 96rem){flex-basis:58%;}}.\32 xl\:translate-x-\[clamp\(120px\,calc\(120px\+\(184-120\)\*\(\(100vw-1535px\)\/\(1920-1535\)\)\)\,184px\)\]{@media (width >= 96rem){--tw-translate-x:clamp(120px,calc(120px + (184 - 120) * ((100vw - 1535px) / (1920 - 1535))),184px);translate:var(--tw-translate-x) var(--tw-translate-y);}}.\32 xl\:-translate-y-\[13\%\]{@media (width >= 96rem){--tw-translate-y:calc(13% * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}}.\32 xl\:-translate-y-\[15\%\]{@media (width >= 96rem){--tw-translate-y:calc(15% * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}}.\32 xl\:\!gap-20{@media (width >= 96rem){gap:calc(var(--spacing) * 20) !important;}}.\32 xl\:gap-7\.5{@media (width >= 96rem){gap:calc(var(--spacing) * 7.5);}}.\32 xl\:gap-8{@media (width >= 96rem){gap:calc(var(--spacing) * 8);}}.\32 xl\:gap-15{@media (width >= 96rem){gap:calc(var(--spacing) * 15);}}.\32 xl\:gap-20{@media (width >= 96rem){gap:calc(var(--spacing) * 20);}}.\32 xl\:gap-\[clamp\(124px\,49\.17vw-702px\,242px\)\]{@media (width >= 96rem){gap:clamp(124px,49.17vw - 702px,242px);}}.\32 xl\:gap-\[clamp\(125px\,27\.9167vw-344px\,192px\)\]{@media (width >= 96rem){gap:clamp(125px,27.9167vw - 344px,192px);}}.\32 xl\:gap-x-20{@media (width >= 96rem){column-gap:calc(var(--spacing) * 20);}}.\32 xl\:gap-x-23{@media (width >= 96rem){column-gap:calc(var(--spacing) * 23);}}.\32 xl\:gap-y-10{@media (width >= 96rem){row-gap:calc(var(--spacing) * 10);}}.\32 xl\:object-center{@media (width >= 96rem){object-position:center;}}.\32 xl\:p-8{@media (width >= 96rem){padding:calc(var(--spacing) * 8);}}.\32 xl\:px-5{@media (width >= 96rem){padding-inline:calc(var(--spacing) * 5);}}.\32 xl\:px-6{@media (width >= 96rem){padding-inline:calc(var(--spacing) * 6);}}.\32 xl\:px-10{@media (width >= 96rem){padding-inline:calc(var(--spacing) * 10);}}.\32 xl\:px-15{@media (width >= 96rem){padding-inline:calc(var(--spacing) * 15);}}.\32 xl\:py-12{@media (width >= 96rem){padding-block:calc(var(--spacing) * 12);}}.\32 xl\:py-20{@media (width >= 96rem){padding-block:calc(var(--spacing) * 20);}}.\32 xl\:py-25{@media (width >= 96rem){padding-block:calc(var(--spacing) * 25);}}.\32 xl\:py-30{@media (width >= 96rem){padding-block:calc(var(--spacing) * 30);}}.\32 xl\:py-32{@media (width >= 96rem){padding-block:calc(var(--spacing) * 32);}}.\32 xl\:py-34{@media (width >= 96rem){padding-block:calc(var(--spacing) * 34);}}.\32 xl\:py-36{@media (width >= 96rem){padding-block:calc(var(--spacing) * 36);}}.\32 xl\:py-\[180px\]{@media (width >= 96rem){padding-block:180px;}}.\32 xl\:pt-10{@media (width >= 96rem){padding-top:calc(var(--spacing) * 10);}}.\32 xl\:pt-30{@media (width >= 96rem){padding-top:calc(var(--spacing) * 30);}}.\32 xl\:pt-62{@media (width >= 96rem){padding-top:calc(var(--spacing) * 62);}}.\32 xl\:pt-\[clamp\(40px\,7\.5rem-4\.16vw\,56px\)\]{@media (width >= 96rem){padding-top:clamp(40px,7.5rem - 4.16vw,56px);}}.\32 xl\:pr-0{@media (width >= 96rem){padding-right:calc(var(--spacing) * 0);}}.\32 xl\:text-lg{@media (width >= 96rem){font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));}}.\32 xl\:text-xl{@media (width >= 96rem){font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));}}.\32 xl\:\!text-\[80px\]{@media (width >= 96rem){font-size:80px !important;}}.\32 xl\:leading-7\.5{@media (width >= 96rem){--tw-leading:calc(var(--spacing) * 7.5);line-height:calc(var(--spacing) * 7.5);}}.\32 xl\:leading-8\.5{@media (width >= 96rem){--tw-leading:calc(var(--spacing) * 8.5);line-height:calc(var(--spacing) * 8.5);}}.dark\:border-gray-700{@media (prefers-color-scheme:dark){border-color:var(--color-gray-700);}}.dark\:border-neutral-700{@media (prefers-color-scheme:dark){border-color:var(--color-neutral-700);}}.dark\:\!bg-gray-900{@media (prefers-color-scheme:dark){background-color:var(--color-gray-900) !important;}}.dark\:bg-body-bg{@media (prefers-color-scheme:dark){background-color:var(--color-body-bg);}}.dark\:bg-gray-700{@media (prefers-color-scheme:dark){background-color:var(--color-gray-700);}}.dark\:bg-gray-800{@media (prefers-color-scheme:dark){background-color:var(--color-gray-800);}}.dark\:bg-gray-900{@media (prefers-color-scheme:dark){background-color:var(--color-gray-900);}}.dark\:bg-neutral-900{@media (prefers-color-scheme:dark){background-color:var(--color-neutral-900);}}.dark\:bg-neutral-950{@media (prefers-color-scheme:dark){background-color:var(--color-neutral-950);}}.dark\:bg-white{@media (prefers-color-scheme:dark){background-color:var(--color-white);}}.dark\:text-black{@media (prefers-color-scheme:dark){color:var(--color-black);}}.dark\:text-body-bg{@media (prefers-color-scheme:dark){color:var(--color-body-bg);}}.dark\:text-gray-100{@media (prefers-color-scheme:dark){color:var(--color-gray-100);}}.dark\:text-gray-300{@media (prefers-color-scheme:dark){color:var(--color-gray-300);}}.dark\:text-gray-400{@media (prefers-color-scheme:dark){color:var(--color-gray-400);}}.dark\:text-gray-600{@media (prefers-color-scheme:dark){color:var(--color-gray-600);}}.dark\:text-neutral-300{@media (prefers-color-scheme:dark){color:var(--color-neutral-300);}}.dark\:text-primary{@media (prefers-color-scheme:dark){color:var(--color-primary);}}.dark\:text-red-400{@media (prefers-color-scheme:dark){color:var(--color-red-400);}}.dark\:text-white{@media (prefers-color-scheme:dark){color:var(--color-white);}}.dark\:placeholder\:text-gray-600{@media (prefers-color-scheme:dark){&::placeholder{color:var(--color-gray-600);}}}.dark\:hover\:border-gray-600{@media (prefers-color-scheme:dark){&:hover{@media (hover:hover){border-color:var(--color-gray-600);}}}}.dark\:hover\:bg-gray-600{@media (prefers-color-scheme:dark){&:hover{@media (hover:hover){background-color:var(--color-gray-600);}}}}.dark\:hover\:bg-gray-700{@media (prefers-color-scheme:dark){&:hover{@media (hover:hover){background-color:var(--color-gray-700);}}}}.dark\:hover\:bg-gray-700\/50{@media (prefers-color-scheme:dark){&:hover{@media (hover:hover){background-color:color-mix(in srgb,oklch(37.3% 0.034 259.733) 50%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-700) 50%,transparent);}}}}}.dark\:hover\:bg-white\/5{@media (prefers-color-scheme:dark){&:hover{@media (hover:hover){background-color:color-mix(in srgb,#fff 5%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 5%,transparent);}}}}}.dark\:hover\:text-gray-100{@media (prefers-color-scheme:dark){&:hover{@media (hover:hover){color:var(--color-gray-100);}}}}.dark\:hover\:text-white{@media (prefers-color-scheme:dark){&:hover{@media (hover:hover){color:var(--color-white);}}}}.\[\&_\.branding\]\:h-8{& .branding{height:calc(var(--spacing) * 8);}}.\[\&_form\]\:flex{& form{display:flex;}}.\[\&_form\]\:flex-row{& form{flex-direction:row;}}.\[\&_form\]\:gap-2{& form{gap:calc(var(--spacing) * 2);}}.md\:\[\&_form\]\:items-end{@media (width >= 48rem){& form{align-items:flex-end;}}}.\[\&_li\]\:text-lg{& li{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));}}.\[\&_li\]\:text-xs{& li{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));}}.\[\&_li\]\:md\:text-sm{& li{@media (width >= 48rem){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));}}}.\[\&_svg\]\:open\:-rotate-180{& svg{&:is([open],:popover-open,:open){rotate:calc(180deg * -1);}}}.\[\&\:\:-webkit-scrollbar\]\:hidden{&::-webkit-scrollbar{display:none;}}.md\:\[\&\>\*\]\:basis-2\/5{@media (width >= 48rem){&>*{flex-basis:calc(2/5 * 100%);}}}.xl\:\[\&\>\*\]\:basis-auto{@media (width >= 80rem){&>*{flex-basis:auto;}}}.\[\&\>\*\:first-child\]\:md\:col-span-2{&>*:first-child{@media (width >= 48rem){grid-column:span 2 / span 2;}}}.lg\:\[\&\>\*\:first-child\]\:col-span-3{@media (width >= 64rem){&>*:first-child{grid-column:span 3 / span 3;}}}.lg\:\[\&\>\*\:first-child\]\:mb-8{@media (width >= 64rem){&>*:first-child{margin-bottom:calc(var(--spacing) * 8);}}}.lg\:\[\&\>\*\:first-child\]\:grid{@media (width >= 64rem){&>*:first-child{display:grid;}}}.lg\:\[\&\>\*\:first-child\]\:grid-cols-2{@media (width >= 64rem){&>*:first-child{grid-template-columns:repeat(2,minmax(0,1fr));}}}.lg\:\[\&\>\*\:first-child\]\:items-start{@media (width >= 64rem){&>*:first-child{align-items:flex-start;}}}.lg\:\[\&\>\*\:first-child\]\:gap-8{@media (width >= 64rem){&>*:first-child{gap:calc(var(--spacing) * 8);}}}.\[\&\>\*\:nth-child\(1\)\]\:md\:col-start-1{&>*:nth-child(1){@media (width >= 48rem){grid-column-start:1;}}}.\[\&\>\*\:nth-child\(1\)\]\:md\:row-start-1{&>*:nth-child(1){@media (width >= 48rem){grid-row-start:1;}}}.\[\&\>\*\:nth-child\(2\)\]\:md\:col-start-2{&>*:nth-child(2){@media (width >= 48rem){grid-column-start:2;}}}.\[\&\>\*\:nth-child\(2\)\]\:md\:row-span-2{&>*:nth-child(2){@media (width >= 48rem){grid-row:span 2 / span 2;}}}.\[\&\>\*\:nth-child\(2\)\]\:md\:row-start-1{&>*:nth-child(2){@media (width >= 48rem){grid-row-start:1;}}}.\[\&\>\*\:nth-child\(3\)\]\:md\:row-span-2{&>*:nth-child(3){@media (width >= 48rem){grid-row:span 2 / span 2;}}}.\[\&\[x-cloak\]\]\:\!hidden{&[x-cloak]{display:none !important;}}.\[\@media\(min-width\:1680px\)\]\:gap-\[clamp\(24px\,-662px\+40\.8333vw\,122px\)\]{@media (min-width:1680px){gap:clamp(24px,-662px + 40.8333vw,122px);}}.\[\@media\(min-width\:1680px\)\]\:gap-\[clamp\(40px\,-733\.33px\+45\.8333vw\,150px\)\]{@media (min-width:1680px){gap:clamp(40px,-733.33px + 45.8333vw,150px);}}.\[\@media\(min-width\:1680px\)\]\:gap-\[clamp\(40px\,45vw-716px\,148px\)\]{@media (min-width:1680px){gap:clamp(40px,45vw - 716px,148px);}}.\[\@media\(min-width\:1680px\)\]\:gap-\[clamp\(152px\,-184px\+20vw\,200px\)\]{@media (min-width:1680px){gap:clamp(152px,-184px + 20vw,200px);}}}@layer base{.text-component ul,.text-component ol{list-style:revert;padding-left:1.5rem;}ul{list-style:revert;padding-left:1.5rem;}.text-component ul li{margin-bottom:1rem;}.text-component ul li a,.text-component ol li a{color:var(--color-primary);}.text-component a{color:var(--color-primary);}.text-formatted p a{color:var(--color-primary);}}@media (min-width:390px){:root{--h1-size:clamp(36px,calc(36px + 12 * ((100vw - 390px) / 448)),48px);--title-size:clamp(40px,calc(40px + 20 * ((100vw - 390px) / 448)),60px);--h2-size:clamp(32px,calc(32px + 4 * ((100vw - 390px) / 448)),36px);--h3-size:clamp(24px,calc(24px + 4 * ((100vw - 390px) / 448)),28px);--h4-size:clamp(20px,calc(20px + 4 * ((100vw - 390px) / 448)),24px);--h5-size:18px;--h6-size:16px;--body-text-size:14px;}}@media (min-width:768px){:root{--title-size:clamp(60px,calc(60px + 4 * ((100vw - 768px) / 512)),64px);--h1-size:clamp(48px,calc(48px + 8 * ((100vw - 768px) / 512)),52px);--h2-size:clamp(36px,calc(36px + 6 * ((100vw - 768px) / 512)),42px);--h3-size:clamp(28px,calc(28px + 4 * ((100vw - 768px) / 512)),32px);--h4-size:24px;--h5-size:clamp(18px,calc(18px + 2 * ((100vw - 768px) / 512)),20px);--h6-size:clamp(16px,calc(16px + 2 * ((100vw - 768px) / 512)),18px);--body-text-size:16px;--container-px:clamp(30px,calc(30px + (40 - 30) * ((100vw - 768px) / (1280 - 768))),40px);--nav-px:clamp(30px,calc(30px + (80 - 30) * ((100vw - 768px) / (1280 - 768))),80px);--container-pt:clamp(160px,calc(160px + (200 - 160) * ((100vw - 768px) / (1280 - 768))),200px);--h1-line-height:clamp(58px,calc(58px + 8 * ((100vw - 768px) / 512)),68px);--h2-line-height:clamp(45px,calc(44px + 8 * ((100vw - 768px) / 512)),52px);--h3-line-height:clamp(35px,calc(35px + 5 * ((100vw - 768px) / 512)),45px);--h4-line-height:clamp(32px,calc(32px + 3 * ((100vw - 768px) / 512)),34px);--h5-line-height:clamp(28px,calc(28px + 4 * ((100vw - 768px) / 512)),30px);--h6-line-height:clamp(24px,calc(24px + 6 * ((100vw - 768px) / 512)),26px);--body-text-line-height:28px;}}@media (min-width:1280px){:root{--container-px:clamp(40px,calc(40px + (120 - 40) * ((100vw - 1280px) / (1680 - 1280))),120px);--nav-px:clamp(80px,calc(80px + 40 * ((100vw - 1280px) / 400)),120px);--title-size:clamp(64px,calc(64px + 16 * ((100vw - 1280px) / 400)),80px);--h1-size:clamp(52px,calc(52px + 3 * ((100vw - 1280px) / 400)),60px);--h2-size:clamp(42px,calc(42px + 2 * ((100vw - 1280px) / 400)),44px);--h3-size:32px;--h4-size:clamp(24px,calc(24px + 4 * ((100vw - 1280px) / 400)),28px);--h5-size:clamp(20px,calc(20px + 4 * ((100vw - 1280px) / 400)),24px);--h6-size:clamp(18px,calc(18px + 2 * ((100vw - 1280px) / 400)),20px);--h1-line-height:70px;}}@media (min-width:1680px){.container-pt{padding-top:clamp(120px,calc(120px + 80 * ((100vw - 1680px) / 240)),200px);}.drupal-services-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;display:grid !important;}:root{--container-px:clamp(120px,calc(120px + 130 * ((100vw - 1680px) / 240)),250px);--nav-px:clamp(120px,calc(120px + 130 * ((100vw - 1680px) / 240)),250px);--body-text-line-height:30px;--body-text-size:18px;}}@media (min-width:1920px){:root{--title-size:80px;--h1-size:60px;--h2-size:44px;--container-px:250px;--nav-px:250px;}}@media (min-width:2120px){:root{--container-px:0px !important;}}body{font-family:var(--font-body);font-size:var(--body-text-size);line-height:var(--body-text-line-height);background-color:var(--color-bg-secondary);color:rgb(var(--color-body-text) / 70%);}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-heading-text);}h1{font-size:var(--h1-size);font-weight:600;line-height:var(--h1-line-height);}h2{font-size:var(--h2-size);font-weight:600;line-height:var(--h2-line-height);}h3{font-size:var(--h3-size);font-weight:600;line-height:var(--h3-line-height);}h4{font-size:var(--h4-size);font-weight:600;line-height:var(--h4-line-height);}h5{font-size:var(--h5-size);font-weight:600;line-height:var(--h5-line-height);}h6{font-size:var(--h6-size);font-weight:600;line-height:var(--h6-line-height);}img,video{max-width:unset !important;}.text-title{font-size:var(--title-size);font-weight:600;}.text-h2{font-size:var(--h2-size);font-weight:600;line-height:var(--h2-line-height);}.text-h3{font-size:var(--h3-size);font-weight:600;line-height:var(--h3-line-height);}.text-h4{font-size:var(--h4-size);font-weight:600;line-height:var(--h4-line-height);}.text-h5{font-size:var(--h5-size);font-weight:600;line-height:var(--h5-line-height);}.container-px{padding-left:var(--container-px);padding-right:var(--container-px);}.xl-container-px{padding-left:var(--container-px);padding-right:var(--container-px);}.nav-px{padding-left:var(--nav-px);padding-right:var(--nav-px);}.container-pt{padding-top:var(--container-pt);}header .search-icon form{display:flex;width:300px;flex-direction:row;align-items:center;justify-content:space-around;background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);@media (width >= 40rem){width:400px;}input[type="search"]{@media (width >= 40rem){width:250px;}}input[type="submit"]{cursor:pointer;background-color:var(--color-primary);color:var(--color-white);@media (width >= 40rem){width:100px;}}}.cta-wrapper a{align-self:flex-start;padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 4);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;}.views-infinite-scroll-content-wrapper{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:calc(var(--spacing) * 10);@media (width >= 48rem){grid-template-columns:repeat(2,minmax(0,1fr));}@media (width >= 48rem){column-gap:calc(var(--spacing) * 5);}@media (width >= 48rem){row-gap:calc(var(--spacing) * 10);}@media (width >= 64rem){grid-template-columns:repeat(3,minmax(0,1fr));}@media (width >= 80rem){grid-template-columns:repeat(4,minmax(0,1fr));}@media (width >= 80rem){column-gap:calc(var(--spacing) * 6);}@media (width >= 80rem){row-gap:calc(var(--spacing) * 10);}@media (width >= 96rem){column-gap:calc(var(--spacing) * 20);}@media (width >= 96rem){row-gap:calc(var(--spacing) * 10);}}.team-view-rounded .pager .pager__item a{margin-inline:auto;display:flex;width:fit-content;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2.5);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-tertiary);background-color:transparent;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 4);--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-transform:uppercase;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;&:hover{@media (hover:hover){border-color:transparent;}}&:hover{@media (hover:hover){background-color:var(--color-primary);}}}.ui-dialog{top:50% !important;left:50% !important;transform:translate(-50%,-50%);position:fixed !important;}.footer-menu-list ul{list-style:none;margin-left:0rem !important;padding-left:0rem !important;}.two-columns{margin-left:calc(var(--spacing) * 0);display:grid;grid-template-columns:repeat(1,minmax(0,1fr));@media (width >= 48rem){grid-template-columns:repeat(2,minmax(0,1fr));}}.pager{list-style:none;margin-left:0rem !important;padding-left:0rem !important;}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0;}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0;}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0;}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1;}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1;}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1;}@property --tw-rotate-x{syntax:"*";inherits:false;}@property --tw-rotate-y{syntax:"*";inherits:false;}@property --tw-rotate-z{syntax:"*";inherits:false;}@property --tw-skew-x{syntax:"*";inherits:false;}@property --tw-skew-y{syntax:"*";inherits:false;}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0;}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0;}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0;}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid;}@property --tw-gradient-position{syntax:"*";inherits:false;}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;}@property --tw-gradient-stops{syntax:"*";inherits:false;}@property --tw-gradient-via-stops{syntax:"*";inherits:false;}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;}@property --tw-leading{syntax:"*";inherits:false;}@property --tw-font-weight{syntax:"*";inherits:false;}@property --tw-tracking{syntax:"*";inherits:false;}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-shadow-color{syntax:"*";inherits:false;}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-inset-shadow-color{syntax:"*";inherits:false;}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --tw-ring-color{syntax:"*";inherits:false;}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-inset-ring-color{syntax:"*";inherits:false;}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-ring-inset{syntax:"*";inherits:false;}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff;}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid;}@property --tw-blur{syntax:"*";inherits:false;}@property --tw-brightness{syntax:"*";inherits:false;}@property --tw-contrast{syntax:"*";inherits:false;}@property --tw-grayscale{syntax:"*";inherits:false;}@property --tw-hue-rotate{syntax:"*";inherits:false;}@property --tw-invert{syntax:"*";inherits:false;}@property --tw-opacity{syntax:"*";inherits:false;}@property --tw-saturate{syntax:"*";inherits:false;}@property --tw-sepia{syntax:"*";inherits:false;}@property --tw-drop-shadow{syntax:"*";inherits:false;}@property --tw-drop-shadow-color{syntax:"*";inherits:false;}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --tw-drop-shadow-size{syntax:"*";inherits:false;}@property --tw-backdrop-blur{syntax:"*";inherits:false;}@property --tw-backdrop-brightness{syntax:"*";inherits:false;}@property --tw-backdrop-contrast{syntax:"*";inherits:false;}@property --tw-backdrop-grayscale{syntax:"*";inherits:false;}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false;}@property --tw-backdrop-invert{syntax:"*";inherits:false;}@property --tw-backdrop-opacity{syntax:"*";inherits:false;}@property --tw-backdrop-saturate{syntax:"*";inherits:false;}@property --tw-backdrop-sepia{syntax:"*";inherits:false;}@property --tw-duration{syntax:"*";inherits:false;}@property --tw-ease{syntax:"*";inherits:false;}@property --tw-text-shadow-color{syntax:"*";inherits:false;}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --tw-content{syntax:"*";initial-value:"";inherits:false;}@keyframes spin{to{transform:rotate(360deg);}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::before,::after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%;--tw-content:"";}}}
.training--category-links ul{display:flex;gap:20px;list-style:none!important;margin-left:none!important;padding-left:none!important;}.training--category-links ul li{background-color:var(--color-secondary);}.training--category-links ul li a{padding:6px 12px;display:block;background-color:var(--color-surface-tertiary);}.training--category-links ul li a.bef-link--selected{background-color:var(--color-primary);}.text-content a{color:var(--color-primary);}
@font-face{font-family:'Montserrat';src:url(/themes/custom/drupak2026/fonts/Montserrat/Montserrat-VariableFont_wght.ttf) format('truetype');font-weight:600 900;font-style:normal;font-display:swap;}@font-face{font-family:'Open Sans';src:url(/themes/custom/drupak2026/fonts/Open_Sans/OpenSans-Variable.ttf) format('truetype');font-weight:400 700;font-style:normal;font-display:swap;}
.blog ul{display:flex;gap:20px;list-style:none!important;margin-left:none!important;padding-left:0rem!important;}.blog ul li a{padding:6px 12px;background-color:var(--color-secondary);transition:background-color 0.3s ease;}.blog ul a:hover{background-color:var(--color-primary);}.blog ul li.active{background-color:var(--color-tertiary);}.blog ul li input[type="radio"]:checked + label{background-color:var(--color-tertiary);}.blog ul li a.bef-link--selected{background-color:var(--color-primary);}.webform-actions::after{content:"";width:18px;height:18px;background:url(/themes/custom/drupak2026/images/icons/Vector.svg) no-repeat center;background-size:contain;display:inline-block;transition:transform 0.3s ease;}.webform-actions:hover::after{transform:translateX(4px);}.webform-actions{cursor:pointer;}.webform-submission-blog-comment-form-form input:focus,.webform-submission-blog-comment-form-form textarea:focus{outline:none;transition:all 0.2s;}.webform-submission-blog-comment-form-form input,.webform-submission-blog-comment-form-form textarea{border-radius:8px;transition:all 0.2s;}.blog-body{width:100%;overflow:hidden;}.blog-body img{width:100%;height:auto;object-fit:cover;}.blog-body pre{max-width:100%;overflow-x:auto;white-space:pre;padding:20px;border-radius:12px;}.blog-body table{display:block;overflow-x:auto;width:100%;}.blog-body *{max-width:100%;}.blog-body a{color:var(--color-primary);transition:color 1s ease-in-out,transform 1s ease-in;display:inline-block;}.blog-body a:hover{color:var(--color-tertiary);opacity:40%;transform:translateY(-1px);}
.user-login-form input[type="text"],.user-login-form input[type="password"]{color:#374151;display:block;width:100%;padding-right:unset !important;border:1px solid #d1d5db;border-radius:8px;}.user-login-form .form-submit{all:unset;display:block;width:100%;background:var(--color-primary);color:white;font-weight:600;padding:12px 16px;border-radius:8px;cursor:pointer;text-align:center;}input.password-field,input.password-confirm{width:100%;padding:0.75rem 1rem;border:1px solid #D1D5DB;border-radius:0.5rem;outline:none;margin-bottom:1rem;transition:all 0.2s;}input.password-field:focus,input.password-confirm:focus{border-color:#D1D5DB;}input.password-field,input.password-confirm{width:100%;padding:0.75rem 1rem;border:1px solid #D1D5DB;border-radius:0.5rem;outline:none;margin-bottom:1rem;transition:all 0.2s;}input.password-field:focus,input.password-confirm:focus{border-color:#D1D5DB;}#edit-pass{display:flex;flex-direction:column;}.password-parent,.confirm-parent{display:contents;}.password-parent label{order:1;}.password-parent input.password-field{order:2;}.confirm-parent label{order:3;}.confirm-parent input.password-confirm{order:4;}.confirm-parent .password-confirm-message{order:5;}.password-parent .password-strength{order:6;}.password-suggestions{order:7;}.user-pass,.user-login-form .user-register-form{margin:100px 0px;}