@import url(/wp-content/themes/Tea24/assets/css/swiper-bundle.min.css);/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:'Vazirmatn', ui-sans-serif, system-ui, sans-serif;--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% 0.013 17.38);--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-orange-100:oklch(95.4% 0.038 75.164);--color-orange-500:oklch(70.5% 0.213 47.604);--color-orange-700:oklch(55.3% 0.195 38.402);--color-green-600:oklch(62.7% 0.194 149.214);--color-green-700:oklch(52.7% 0.154 150.069);--color-blue-600:oklch(54.6% 0.245 262.881);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-pink-500:oklch(65.6% 0.241 354.308);--color-pink-600:oklch(59.2% 0.249 0.584);--color-gray-100:oklch(96.7% 0.003 264.542);--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-black:#000;--color-white:#fff;--spacing:0.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--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;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-sm:0 1px 2px rgb(0 0 0 / 0.15);--drop-shadow-md:0 3px 3px rgb(0 0 0 / 0.12);--drop-shadow-lg:0 4px 4px rgb(0 0 0 / 0.15);--drop-shadow-xl:0 9px 7px rgb(0 0 0 / 0.1);--drop-shadow-2xl:0 25px 25px rgb(0 0 0 / 0.15);--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;--animate-ping:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--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-raw-canvas:#EFECE5;--color-canvas:#EFECE5;--color-oatmeal:#DFD8CC;--color-saffron:#C85A32;--color-matcha:#2B3228;--color-ink:#1C1A17;--color-layer1:#EFECE5;--color-leaf-600:#059669;--color-leaf-700:#047857;--color-leaf-900:#1C2E2E;--color-smoky:#4A635D;--btn-bg:#C85A32;--btn-text:#FFFFFF;--btn-bg-hover:#2B3228;--shadow-glass:0 8px 30px rgba(0, 0, 0, 0.04);--shadow-soft:0 4px 12px -2px rgba(28, 26, 23, 0.05);--shadow-float:0 12px 24px -6px rgba(0, 0, 0, 0.08);--shadow-glow:0 0 20px rgba(200, 90, 50, 0.3);--shadow-card:0 15px 35px -5px rgba(43, 50, 40, 0.1);--animate-cinematic-up:cinematicUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;--animate-pulse-slow:pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;--animate-float:float 6s ease-in-out infinite;--animate-progress-stripes:progress-stripes 1s linear infinite;--shadow-glass-hover:0 20px 50px rgba(200, 90, 50, 0.15)}}@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:#fff0}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:-.25em}sup{top:-.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:#fff0;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}::-webkit-calendar-picker-indicator{line-height:1}:-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-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-6{inset:calc(var(--spacing) * 6)}.-start-\[35px\]{inset-inline-start:calc(35px * -1)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-1{top:calc(var(--spacing) * -1)}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.-top-2{top:calc(var(--spacing) * -2)}.-top-2\.5{top:calc(var(--spacing) * -2.5)}.-top-3{top:calc(var(--spacing) * -3)}.-top-4{top:calc(var(--spacing) * -4)}.-top-6{top:calc(var(--spacing) * -6)}.-top-8{top:calc(var(--spacing) * -8)}.-top-10{top:calc(var(--spacing) * -10)}.-top-20{top:calc(var(--spacing) * -20)}.-top-32{top:calc(var(--spacing) * -32)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\/2{top:calc(1 / 2 * 100%)}.top-4{top:calc(var(--spacing) * 4)}.top-6{top:calc(var(--spacing) * 6)}.top-8{top:calc(var(--spacing) * 8)}.top-20{top:calc(var(--spacing) * 20)}.top-32{top:calc(var(--spacing) * 32)}.top-\[-10\%\]{top:-10%}.top-\[-20\%\]{top:-20%}.top-\[15\%\]{top:15%}.top-\[20\%\]{top:20%}.top-\[25\%\]{top:25%}.top-\[40\%\]{top:40%}.top-full{top:100%}.-right-1{right:calc(var(--spacing) * -1)}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.-right-2{right:calc(var(--spacing) * -2)}.-right-2\.5{right:calc(var(--spacing) * -2.5)}.-right-4{right:calc(var(--spacing) * -4)}.-right-6{right:calc(var(--spacing) * -6)}.-right-10{right:calc(var(--spacing) * -10)}.-right-20{right:calc(var(--spacing) * -20)}.-right-\[3px\]{right:calc(3px * -1)}.-right-\[5px\]{right:calc(5px * -1)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-1\/2{right:calc(1 / 2 * 100%)}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.right-8{right:calc(var(--spacing) * 8)}.right-10{right:calc(var(--spacing) * 10)}.right-\[-10\%\]{right:-10%}.right-\[10\%\]{right:10%}.right-\[15\%\]{right:15%}.right-\[20\%\]{right:20%}.right-full{right:100%}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-4{bottom:calc(var(--spacing) * -4)}.-bottom-6{bottom:calc(var(--spacing) * -6)}.-bottom-10{bottom:calc(var(--spacing) * -10)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.-bottom-20{bottom:calc(var(--spacing) * -20)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-10{bottom:calc(var(--spacing) * 10)}.bottom-\[-1\.5rem\]{bottom:-1.5rem}.bottom-\[-5\%\]{bottom:-5%}.bottom-\[-10\%\]{bottom:-10%}.bottom-\[-20\%\]{bottom:-20%}.bottom-\[15\%\]{bottom:15%}.bottom-\[20\%\]{bottom:20%}.bottom-\[30\%\]{bottom:30%}.bottom-full{bottom:100%}.-left-1{left:calc(var(--spacing) * -1)}.-left-3{left:calc(var(--spacing) * -3)}.-left-4{left:calc(var(--spacing) * -4)}.-left-6{left:calc(var(--spacing) * -6)}.-left-8{left:calc(var(--spacing) * -8)}.-left-10{left:calc(var(--spacing) * -10)}.-left-12{left:calc(var(--spacing) * -12)}.-left-20{left:calc(var(--spacing) * -20)}.-left-32{left:calc(var(--spacing) * -32)}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-1\/2{left:calc(1 / 2 * 100%)}.left-2{left:calc(var(--spacing) * 2)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.left-6{left:calc(var(--spacing) * 6)}.left-8{left:calc(var(--spacing) * 8)}.left-10{left:calc(var(--spacing) * 10)}.left-\[-5\%\]{left:-5%}.left-\[5\%\]{left:5%}.left-\[10\%\]{left:10%}.left-\[15\%\]{left:15%}.left-\[40\%\]{left:40%}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-0{z-index:0}.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-\[9000\]{z-index:9000}.z-\[9999\]{z-index:9999}.z-\[99999\]{z-index:99999}.z-\[100000\]{z-index:100000}.z-\[100001\]{z-index:100001}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-1{grid-column:1}.col-2{grid-column:2}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-full{grid-column:1 / -1}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.\!float-none{float:none!important}.container{width:100%;@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)!important}.m-0{margin:calc(var(--spacing) * 0)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-8{margin-inline:calc(var(--spacing) * 8)}.mx-auto{margin-inline:auto}.-my-6{margin-block:calc(var(--spacing) * -6)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-8{margin-block:calc(var(--spacing) * 8)}.ms-3{margin-inline-start:calc(var(--spacing) * 3)}.ms-6{margin-inline-start:calc(var(--spacing) * 6)}.-mt-8{margin-top:calc(var(--spacing) * -8)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\.5{margin-top:calc(var(--spacing) * 0.5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.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-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-auto{margin-top:auto}.-mr-8{margin-right:calc(var(--spacing) * -8)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-\[5px\]{margin-right:5px}.mr-auto{margin-right:auto}.-mb-8{margin-bottom:calc(var(--spacing) * -8)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-0\.5{margin-bottom:calc(var(--spacing) * 0.5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.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-12{margin-bottom:calc(var(--spacing) * 12)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-20{margin-bottom:calc(var(--spacing) * 20)}.mb-24{margin-bottom:calc(var(--spacing) * 24)}.mb-\[-2px\]{margin-bottom:-2px}.mb-\[-4px\]{margin-bottom:-4px}.mb-auto{margin-bottom:auto}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-5{margin-left:calc(var(--spacing) * 5)}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.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-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1 / 1}.\!h-\[50px\]{height:50px!important}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-3\/4{height:calc(3 / 4 * 100%)}.h-4{height:calc(var(--spacing) * 4)}.h-4\/5{height:calc(4 / 5 * 100%)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.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-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-56{height:calc(var(--spacing) * 56)}.h-64{height:calc(var(--spacing) * 64)}.h-80{height:calc(var(--spacing) * 80)}.h-96{height:calc(var(--spacing) * 96)}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-\[3px\]{height:3px}.h-\[18px\]{height:18px}.h-\[20px\]{height:20px}.h-\[22px\]{height:22px}.h-\[24px\]{height:24px}.h-\[30rem\]{height:30rem}.h-\[30vw\]{height:30vw}.h-\[40px\]{height:40px}.h-\[40rem\]{height:40rem}.h-\[40vw\]{height:40vw}.h-\[55px\]{height:55px}.h-\[60px\]{height:60px}.h-\[75px\]{height:75px}.h-\[85\%\]{height:85%}.h-\[85px\]{height:85px}.h-\[85vh\]{height:85vh}.h-\[86\%\]{height:86%}.h-\[105\%\]{height:105%}.h-\[110px\]{height:110px}.h-\[120\%\]{height:120%}.h-\[300px\]{height:300px}.h-\[350px\]{height:350px}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-20{max-height:calc(var(--spacing) * 20)}.max-h-\[40vh\]{max-height:40vh}.max-h-\[280px\]{max-height:280px}.max-h-\[350px\]{max-height:350px}.max-h-\[1500px\]{max-height:1500px}.\!min-h-\[50px\]{min-height:50px!important}.min-h-\[50vh\]{min-height:50vh}.min-h-\[60vh\]{min-height:60vh}.min-h-\[70vh\]{min-height:70vh}.min-h-\[80vh\]{min-height:80vh}.min-h-\[90vh\]{min-height:90vh}.min-h-\[120px\]{min-height:120px}.min-h-\[160px\]{min-height:160px}.min-h-\[180px\]{min-height:180px}.min-h-\[200px\]{min-height:200px}.min-h-\[220px\]{min-height:220px}.min-h-\[250px\]{min-height:250px}.min-h-\[300px\]{min-height:300px}.min-h-\[350px\]{min-height:350px}.min-h-\[400px\]{min-height:400px}.min-h-\[inherit\]{min-height:inherit}.min-h-screen{min-height:100vh}.\!w-full{width:100%!important}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:calc(1 / 2 * 100%)}.w-1\/3{width:calc(1 / 3 * 100%)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/5{width:calc(2 / 5 * 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-3\/5{width:calc(3 / 5 * 100%)}.w-4{width:calc(var(--spacing) * 4)}.w-4\/5{width:calc(4 / 5 * 100%)}.w-5{width:calc(var(--spacing) * 5)}.w-5\/6{width:calc(5 / 6 * 100%)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-11\/12{width:calc(11 / 12 * 100%)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[1px\]{width:1px}.w-\[18px\]{width:18px}.w-\[20px\]{width:20px}.w-\[22px\]{width:22px}.w-\[24px\]{width:24px}.w-\[30rem\]{width:30rem}.w-\[30vw\]{width:30vw}.w-\[38\%\]{width:38%}.w-\[40px\]{width:40px}.w-\[40rem\]{width:40rem}.w-\[40vw\]{width:40vw}.w-\[60px\]{width:60px}.w-\[62\%\]{width:62%}.w-\[85\%\]{width:85%}.w-\[86\%\]{width:86%}.w-\[88\%\]{width:88%}.w-\[105\%\]{width:105%}.w-\[110px\]{width:110px}.w-\[120\%\]{width:120%}.w-\[220px\]{width:220px}.w-\[240px\]{width:240px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[340px\]{width:340px}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.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-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[80\%\]{max-width:80%}.max-w-\[95rem\]{max-width:95rem}.max-w-\[200px\]{max-width:200px}.max-w-\[300px\]{max-width:300px}.max-w-\[360px\]{max-width:360px}.max-w-\[700px\]{max-width:700px}.max-w-\[1300px\]{max-width:1300px}.max-w-\[1400px\]{max-width:1400px}.max-w-\[1450px\]{max-width:1450px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[22px\]{min-width:22px}.min-w-\[28px\]{min-width:28px}.min-w-\[70px\]{min-width:70px}.min-w-\[150px\]{min-width:150px}.min-w-\[320px\]{min-width:320px}.min-w-\[600px\]{min-width:600px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-y-4{--tw-border-spacing-y:calc(var(--spacing) * 4);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.origin-right{transform-origin:100%}.-translate-x-1{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-3{--tw-translate-x:calc(var(--spacing) * -3);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:calc(var(--spacing) * -10);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-12{--tw-translate-x:calc(var(--spacing) * -12);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-16{--tw-translate-x:calc(var(--spacing) * -16);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\[150\%\]{--tw-translate-x:calc(150% * -1);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-1\/2{--tw-translate-x:calc(1 / 2 * 100%);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-8{--tw-translate-x:calc(var(--spacing) * 8);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-10{--tw-translate-x:calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-12{--tw-translate-x:calc(var(--spacing) * 12);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-16{--tw-translate-x:calc(var(--spacing) * 16);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-20\%\]{--tw-translate-x:-20%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[20\%\]{--tw-translate-x:20%;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-\[-20\%\]{--tw-translate-y:calc(-20% * -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-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)}.translate-y-12{--tw-translate-y:calc(var(--spacing) * 12);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-24{--tw-translate-y:calc(var(--spacing) * 24);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[20\%\]{--tw-translate-y:20%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-z-0{--tw-translate-z:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-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)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-0{--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.03\]{scale:1.03}.scale-\[1\.3\]{scale:1.3}.scale-\[1\.5\]{scale:1.5}.-rotate-3{rotate:calc(3deg * -1)}.-rotate-6{rotate:calc(6deg * -1)}.rotate-3{rotate:3deg}.rotate-12{rotate:12deg}.rotate-180{rotate:180deg}.rotate-\[-2deg\]{rotate:-2deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[fadeUp_0\.8s_ease-out_forwards\]{animation:fadeUp 0.8s ease-out forwards}.animate-\[float_3s_ease-in-out_infinite\]{animation:float 3s ease-in-out infinite}.animate-\[pulse_2s_infinite\]{animation:pulse 2s infinite}.animate-bounce{animation:var(--animate-bounce)}.animate-cinematic-up{animation:var(--animate-cinematic-up)}.animate-float{animation:var(--animate-float)}.animate-ping{animation:var(--animate-ping)}.animate-progress-stripes{animation:var(--animate-progress-stripes)}.animate-pulse{animation:var(--animate-pulse)}.animate-pulse-slow{animation:var(--animate-pulse-slow)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.scroll-mt-32{scroll-margin-top:calc(var(--spacing) * 32)}.scroll-ml-6{scroll-margin-left:calc(var(--spacing) * 6)}.list-none{list-style-type:none}.appearance-none{appearance:none}.auto-rows-\[minmax\(220px\,auto\)\]{grid-auto-rows:minmax(220px,auto)}.auto-rows-\[minmax\(250px\,auto\)\]{grid-auto-rows:minmax(250px,auto)}.auto-rows-auto{grid-auto-rows:auto}.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-\[1fr_1\.6fr\]{grid-template-columns:1fr 1.6fr}.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-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.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}.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-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-24{gap:calc(var(--spacing) * 24)}.gap-32{gap:calc(var(--spacing) * 32)}.gap-\[13px\]{gap:13px}.gap-\[16px\]{gap:16px}.space-y-0{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-0\.5{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0.5) * 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-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-5{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * 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-8{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * 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)))}}.space-y-16{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-24{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)))}}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!overflow-visible{overflow:visible!important}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.\!rounded-2xl{border-radius:var(--radius-2xl)!important}.\!rounded-\[2\.5rem\]{border-radius:2.5rem!important}.\!rounded-\[2rem\]{border-radius:2rem!important}.\!rounded-\[16px\]{border-radius:16px!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.2rem\]{border-radius:1.2rem}.rounded-\[1\.4rem\]{border-radius:1.4rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1\.8rem\]{border-radius:1.8rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1rem\]{border-radius:1rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[3rem\]{border-radius:3rem}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[25px\]{border-radius:25px}.rounded-\[28px\]{border-radius:28px}.rounded-\[32px\]{border-radius:32px}.rounded-\[34px\]{border-radius:34px}.rounded-\[48px\]{border-radius:48px}.rounded-\[9999px\]{border-radius:9999px}.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-xl{border-radius:var(--radius-xl)}.rounded-t-\[2\.5rem\]{border-top-left-radius:2.5rem;border-top-right-radius:2.5rem}.rounded-t-\[5\.5rem\]{border-top-left-radius:5.5rem;border-top-right-radius:5.5rem}.rounded-t-\[6rem\]{border-top-left-radius:6rem;border-top-right-radius:6rem}.rounded-t-\[32px\]{border-top-left-radius:32px;border-top-right-radius:32px}.rounded-l-\[2\.5rem\]{border-top-left-radius:2.5rem;border-bottom-left-radius:2.5rem}.rounded-l-\[24px\]{border-top-left-radius:24px;border-bottom-left-radius:24px}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-r-\[24px\]{border-top-right-radius:24px;border-bottom-right-radius:24px}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.rounded-b-\[1\.5rem\]{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-b-\[2rem\]{border-bottom-right-radius:2rem;border-bottom-left-radius:2rem}.rounded-bl-full{border-bottom-left-radius:calc(infinity * 1px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[4px\]{border-style:var(--tw-border-style);border-width:4px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-s-2{border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px}.border-t{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-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-b{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{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#0D211C\]\/5{border-color:color-mix(in oklab,#0D211C 5%,transparent)}.border-\[\#0D211C\]\/10{border-color:color-mix(in oklab,#0D211C 10%,transparent)}.border-\[\#1C1A17\]\/5{border-color:color-mix(in oklab,#1C1A17 5%,transparent)}.border-\[\#1C1A17\]\/10{border-color:color-mix(in oklab,#1C1A17 10%,transparent)}.border-\[\#C85A32\]\/20{border-color:color-mix(in oklab,#C85A32 20%,transparent)}.border-\[\#EFECE5\]{border-color:#EFECE5}.border-\[\#F5F5F0\]{border-color:#F5F5F0}.border-black{border-color:var(--color-black)}.border-black\/5{border-color:color-mix(in srgb,#000 5%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.border-gray-100{border-color:var(--color-gray-100)}.border-ink{border-color:var(--color-ink)}.border-ink\/5{border-color:color-mix(in srgb,#1C1A17 5%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-ink) 5%,transparent)}}.border-ink\/10{border-color:color-mix(in srgb,#1C1A17 10%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-ink) 10%,transparent)}}.border-ink\/20{border-color:color-mix(in srgb,#1C1A17 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-ink) 20%,transparent)}}.border-matcha{border-color:var(--color-matcha)}.border-matcha\/10{border-color:color-mix(in srgb,#2B3228 10%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-matcha) 10%,transparent)}}.border-matcha\/20{border-color:color-mix(in srgb,#2B3228 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-matcha) 20%,transparent)}}.border-matcha\/30{border-color:color-mix(in srgb,#2B3228 30%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-matcha) 30%,transparent)}}.border-matcha\/50{border-color:color-mix(in srgb,#2B3228 50%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-matcha) 50%,transparent)}}.border-oatmeal{border-color:var(--color-oatmeal)}.border-oatmeal\/30{border-color:color-mix(in srgb,#DFD8CC 30%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-oatmeal) 30%,transparent)}}.border-oatmeal\/40{border-color:color-mix(in srgb,#DFD8CC 40%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-oatmeal) 40%,transparent)}}.border-oatmeal\/50{border-color:color-mix(in srgb,#DFD8CC 50%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-oatmeal) 50%,transparent)}}.border-oatmeal\/60{border-color:color-mix(in srgb,#DFD8CC 60%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-oatmeal) 60%,transparent)}}.border-raw-canvas{border-color:var(--color-raw-canvas)}.border-raw-canvas\/20{border-color:color-mix(in srgb,#EFECE5 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-raw-canvas) 20%,transparent)}}.border-red-500{border-color:var(--color-red-500)}.border-red-500\/20{border-color:color-mix(in srgb,oklch(63.7% .237 25.331) 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.border-saffron{border-color:var(--color-saffron)}.border-saffron\/10{border-color:color-mix(in srgb,#C85A32 10%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-saffron) 10%,transparent)}}.border-saffron\/20{border-color:color-mix(in srgb,#C85A32 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-saffron) 20%,transparent)}}.border-saffron\/30{border-color:color-mix(in srgb,#C85A32 30%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-saffron) 30%,transparent)}}.border-saffron\/40{border-color:color-mix(in srgb,#C85A32 40%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-saffron) 40%,transparent)}}.border-saffron\/50{border-color:color-mix(in srgb,#C85A32 50%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-saffron) 50%,transparent)}}.border-saffron\/60{border-color:color-mix(in srgb,#C85A32 60%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-saffron) 60%,transparent)}}.border-transparent{border-color:#fff0}.border-white{border-color:var(--color-white)}.border-white\/5{border-color:color-mix(in srgb,#fff 5%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.border-white\/10{border-color:color-mix(in srgb,#fff 10%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/20{border-color:color-mix(in srgb,#fff 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.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-white\/40{border-color:color-mix(in srgb,#fff 40%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.border-white\/50{border-color:color-mix(in srgb,#fff 50%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.border-white\/60{border-color:color-mix(in srgb,#fff 60%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.border-white\/80{border-color:color-mix(in srgb,#fff 80%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.border-t-saffron{border-top-color:var(--color-saffron)}.border-r-matcha{border-right-color:var(--color-matcha)}.\!bg-matcha{background-color:var(--color-matcha)!important}.bg-\[\#0D211C\]{background-color:#0D211C}.bg-\[\#0D211C\]\/5{background-color:color-mix(in oklab,#0D211C 5%,transparent)}.bg-\[\#1C1A17\]{background-color:#1C1A17}.bg-\[\#1C1A17\]\/5{background-color:color-mix(in oklab,#1C1A17 5%,transparent)}.bg-\[\#1C1A17\]\/15{background-color:color-mix(in oklab,#1C1A17 15%,transparent)}.bg-\[\#1C1A17\]\/20{background-color:color-mix(in oklab,#1C1A17 20%,transparent)}.bg-\[\#1C1A17\]\/40{background-color:color-mix(in oklab,#1C1A17 40%,transparent)}.bg-\[\#C85A32\]{background-color:#C85A32}.bg-\[\#C85A32\]\/5{background-color:color-mix(in oklab,#C85A32 5%,transparent)}.bg-\[\#C85A32\]\/10{background-color:color-mix(in oklab,#C85A32 10%,transparent)}.bg-\[\#C85A32\]\/40{background-color:color-mix(in oklab,#C85A32 40%,transparent)}.bg-\[\#C85A32\]\/50{background-color:color-mix(in oklab,#C85A32 50%,transparent)}.bg-\[\#C85A32\]\/95{background-color:color-mix(in oklab,#C85A32 95%,transparent)}.bg-\[\#D4AF37\]{background-color:#D4AF37}.bg-\[\#D4AF37\]\/5{background-color:color-mix(in oklab,#D4AF37 5%,transparent)}.bg-\[\#D4AF37\]\/10{background-color:color-mix(in oklab,#D4AF37 10%,transparent)}.bg-\[\#D4AF37\]\/40{background-color:color-mix(in oklab,#D4AF37 40%,transparent)}.bg-\[\#DFD8CC\]\/40{background-color:color-mix(in oklab,#DFD8CC 40%,transparent)}.bg-\[\#DFD8CC\]\/60{background-color:color-mix(in oklab,#DFD8CC 60%,transparent)}.bg-\[\#EFECE5\]{background-color:#EFECE5}.bg-\[\#EFECE5\]\/60{background-color:color-mix(in oklab,#EFECE5 60%,transparent)}.bg-\[\#EFECE5\]\/85{background-color:color-mix(in oklab,#EFECE5 85%,transparent)}.bg-\[\#EFECE5\]\/90{background-color:color-mix(in oklab,#EFECE5 90%,transparent)}.bg-\[\#EFECE5\]\/95{background-color:color-mix(in oklab,#EFECE5 95%,transparent)}.bg-\[\#F5F5F0\]{background-color:#F5F5F0}.bg-\[\#F5F5F0\]\/95{background-color:color-mix(in oklab,#F5F5F0 95%,transparent)}.bg-canvas{background-color:var(--color-canvas)}.bg-canvas\/80{background-color:color-mix(in srgb,#EFECE5 80%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-canvas) 80%,transparent)}}.bg-gray-300{background-color:var(--color-gray-300)}.bg-ink{background-color:var(--color-ink)}.bg-ink\/5{background-color:color-mix(in srgb,#1C1A17 5%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-ink) 5%,transparent)}}.bg-ink\/10{background-color:color-mix(in srgb,#1C1A17 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-ink) 10%,transparent)}}.bg-ink\/20{background-color:color-mix(in srgb,#1C1A17 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-ink) 20%,transparent)}}.bg-matcha{background-color:var(--color-matcha)}.bg-matcha\/5{background-color:color-mix(in srgb,#2B3228 5%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-matcha) 5%,transparent)}}.bg-matcha\/10{background-color:color-mix(in srgb,#2B3228 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-matcha) 10%,transparent)}}.bg-matcha\/15{background-color:color-mix(in srgb,#2B3228 15%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-matcha) 15%,transparent)}}.bg-matcha\/20{background-color:color-mix(in srgb,#2B3228 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-matcha) 20%,transparent)}}.bg-matcha\/30{background-color:color-mix(in srgb,#2B3228 30%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-matcha) 30%,transparent)}}.bg-matcha\/40{background-color:color-mix(in srgb,#2B3228 40%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-matcha) 40%,transparent)}}.bg-matcha\/90{background-color:color-mix(in srgb,#2B3228 90%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-matcha) 90%,transparent)}}.bg-oatmeal{background-color:var(--color-oatmeal)}.bg-oatmeal\/10{background-color:color-mix(in srgb,#DFD8CC 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-oatmeal) 10%,transparent)}}.bg-oatmeal\/20{background-color:color-mix(in srgb,#DFD8CC 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-oatmeal) 20%,transparent)}}.bg-oatmeal\/30{background-color:color-mix(in srgb,#DFD8CC 30%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-oatmeal) 30%,transparent)}}.bg-oatmeal\/40{background-color:color-mix(in srgb,#DFD8CC 40%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-oatmeal) 40%,transparent)}}.bg-oatmeal\/50{background-color:color-mix(in srgb,#DFD8CC 50%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-oatmeal) 50%,transparent)}}.bg-oatmeal\/60{background-color:color-mix(in srgb,#DFD8CC 60%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-oatmeal) 60%,transparent)}}.bg-orange-100{background-color:var(--color-orange-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-500\/10{background-color:color-mix(in srgb,oklch(62.7% .265 303.9) 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-purple-500) 10%,transparent)}}.bg-raw-canvas{background-color:var(--color-raw-canvas)}.bg-raw-canvas\/10{background-color:color-mix(in srgb,#EFECE5 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-raw-canvas) 10%,transparent)}}.bg-raw-canvas\/20{background-color:color-mix(in srgb,#EFECE5 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-raw-canvas) 20%,transparent)}}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:color-mix(in srgb,oklch(63.7% .237 25.331) 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-saffron{background-color:var(--color-saffron)}.bg-saffron\/5{background-color:color-mix(in srgb,#C85A32 5%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-saffron) 5%,transparent)}}.bg-saffron\/10{background-color:color-mix(in srgb,#C85A32 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-saffron) 10%,transparent)}}.bg-saffron\/15{background-color:color-mix(in srgb,#C85A32 15%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-saffron) 15%,transparent)}}.bg-saffron\/20{background-color:color-mix(in srgb,#C85A32 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-saffron) 20%,transparent)}}.bg-smoky{background-color:var(--color-smoky)}.bg-smoky\/10{background-color:color-mix(in srgb,#4A635D 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-smoky) 10%,transparent)}}.bg-transparent{background-color:#fff0}.bg-white{background-color:var(--color-white)}.bg-white\/5{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)}}.bg-white\/10{background-color:color-mix(in srgb,#fff 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/20{background-color:color-mix(in srgb,#fff 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/30{background-color:color-mix(in srgb,#fff 30%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.bg-white\/40{background-color:color-mix(in srgb,#fff 40%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.bg-white\/50{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)}}.bg-white\/60{background-color:color-mix(in srgb,#fff 60%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.bg-white\/70{background-color:color-mix(in srgb,#fff 70%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.bg-white\/80{background-color:color-mix(in srgb,#fff 80%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-white\/90{background-color:color-mix(in srgb,#fff 90%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.bg-white\/95{background-color:color-mix(in srgb,#fff 95%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-bl{--tw-gradient-position:to bottom left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left 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-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle_at_bottom_left\,_var\(--tw-gradient-stops\)\)\]{background-image:radial-gradient(circle at bottom left,var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle_at_center\,_var\(--tw-gradient-stops\)\)\]{background-image:radial-gradient(circle at center,var(--tw-gradient-stops))}.bg-\[radial-gradient\(ellipse_at_top_right\,_var\(--tw-gradient-stops\)\)\]{background-image:radial-gradient(ellipse at top right,var(--tw-gradient-stops))}.from-\[\#C85A32\]{--tw-gradient-from:#C85A32;--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-black{--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))}.from-black\/5{--tw-gradient-from:color-mix(in srgb, #000 5%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-black) 5%, 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))}.from-ink{--tw-gradient-from:var(--color-ink);--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-ink\/90{--tw-gradient-from:color-mix(in srgb, #1C1A17 90%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-ink) 90%, 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))}.from-ink\/95{--tw-gradient-from:color-mix(in srgb, #1C1A17 95%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-ink) 95%, 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))}.from-leaf-600{--tw-gradient-from:var(--color-leaf-600);--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-leaf-600\/30{--tw-gradient-from:color-mix(in srgb, #059669 30%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-leaf-600) 30%, 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))}.from-leaf-700{--tw-gradient-from:var(--color-leaf-700);--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-leaf-700\/50{--tw-gradient-from:color-mix(in srgb, #047857 50%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-leaf-700) 50%, 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))}.from-matcha{--tw-gradient-from:var(--color-matcha);--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-matcha\/5{--tw-gradient-from:color-mix(in srgb, #2B3228 5%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-matcha) 5%, 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))}.from-matcha\/20{--tw-gradient-from:color-mix(in srgb, #2B3228 20%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-matcha) 20%, 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))}.from-oatmeal{--tw-gradient-from:var(--color-oatmeal);--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-saffron{--tw-gradient-from:var(--color-saffron);--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-saffron\/0{--tw-gradient-from:color-mix(in srgb, #C85A32 0%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-saffron) 0%, 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))}.from-saffron\/10{--tw-gradient-from:color-mix(in srgb, #C85A32 10%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-saffron) 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))}.from-saffron\/20{--tw-gradient-from:color-mix(in srgb, #C85A32 20%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-saffron) 20%, 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))}.from-transparent{--tw-gradient-from: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))}.from-white{--tw-gradient-from:var(--color-white);--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-white\/20{--tw-gradient-from:color-mix(in srgb, #fff 20%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-white) 20%, 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))}.from-white\/40{--tw-gradient-from:color-mix(in srgb, #fff 40%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-white) 40%, 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))}.from-white\/90{--tw-gradient-from:color-mix(in srgb, #fff 90%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-white) 90%, 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))}.via-ink{--tw-gradient-via:var(--color-ink);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-ink\/20{--tw-gradient-via:color-mix(in srgb, #1C1A17 20%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-via:color-mix(in oklab, var(--color-ink) 20%, transparent)}--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-ink\/30{--tw-gradient-via:color-mix(in srgb, #1C1A17 30%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-via:color-mix(in oklab, var(--color-ink) 30%, transparent)}--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-ink\/40{--tw-gradient-via:color-mix(in srgb, #1C1A17 40%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-via:color-mix(in oklab, var(--color-ink) 40%, transparent)}--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-ink\/80{--tw-gradient-via:color-mix(in srgb, #1C1A17 80%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-via:color-mix(in oklab, var(--color-ink) 80%, transparent)}--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-saffron{--tw-gradient-via:var(--color-saffron);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-saffron\/20{--tw-gradient-via:color-mix(in srgb, #C85A32 20%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-via:color-mix(in oklab, var(--color-saffron) 20%, transparent)}--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-saffron\/50{--tw-gradient-via:color-mix(in srgb, #C85A32 50%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-via:color-mix(in oklab, var(--color-saffron) 50%, transparent)}--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/25{--tw-gradient-via:color-mix(in srgb, #fff 25%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-via:color-mix(in oklab, var(--color-white) 25%, transparent)}--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#D46B42\]{--tw-gradient-to:#D46B42;--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-\[\#E87A52\]{--tw-gradient-to:#E87A52;--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-matcha{--tw-gradient-to:var(--color-matcha);--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-matcha\/10{--tw-gradient-to:color-mix(in srgb, #2B3228 10%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-to:color-mix(in oklab, var(--color-matcha) 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-saffron{--tw-gradient-to:var(--color-saffron);--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-saffron\/5{--tw-gradient-to:color-mix(in srgb, #C85A32 5%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-to:color-mix(in oklab, var(--color-saffron) 5%, 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-saffron\/10{--tw-gradient-to:color-mix(in srgb, #C85A32 10%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-to:color-mix(in oklab, var(--color-saffron) 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-saffron\/80{--tw-gradient-to:color-mix(in srgb, #C85A32 80%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-to:color-mix(in oklab, var(--color-saffron) 80%, 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))}.to-white{--tw-gradient-to:var(--color-white);--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-white\/40{--tw-gradient-to:color-mix(in srgb, #fff 40%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-to:color-mix(in oklab, var(--color-white) 40%, 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-white\/80{--tw-gradient-to:color-mix(in srgb, #fff 80%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-to:color-mix(in oklab, var(--color-white) 80%, 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-clip-text{background-clip:text}.fill-\[\#C85A32\]{fill:#C85A32}.fill-current{fill:currentcolor}.fill-matcha{fill:var(--color-matcha)}.fill-matcha\/20{fill:color-mix(in srgb,#2B3228 20%,transparent);@supports (color:color-mix(in lab,red,red)){fill:color-mix(in oklab,var(--color-matcha) 20%,transparent)}}.fill-saffron{fill:var(--color-saffron)}.fill-saffron\/20{fill:color-mix(in srgb,#C85A32 20%,transparent);@supports (color:color-mix(in lab,red,red)){fill:color-mix(in oklab,var(--color-saffron) 20%,transparent)}}.stroke-\[1\.5px\]{stroke-width:1.5px}.stroke-\[1px\]{stroke-width:1px}.stroke-\[2\.5\]{stroke-width:2.5}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-bottom{object-position:bottom}.object-center{object-position:center}.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-4{padding:calc(var(--spacing) * 4)}.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-12{padding:calc(var(--spacing) * 12)}.p-16{padding:calc(var(--spacing) * 16)}.p-\[21px\]{padding:21px}.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-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-12{padding-inline:calc(var(--spacing) * 12)}.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-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-\[10px\]{padding-block:10px}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-0\.5{padding-top:calc(var(--spacing) * 0.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pt-\[20px\]{padding-top:20px}.pt-\[28px\]{padding-top:28px}.pr-0{padding-right:calc(var(--spacing) * 0)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-0\.5{padding-bottom:calc(var(--spacing) * 0.5)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-\[100px\]{padding-bottom:100px}.pb-\[160px\]{padding-bottom:160px}.pb-\[calc\(env\(safe-area-inset-bottom\)\+0\.5rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 0.5rem)}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-\[\'Vazirmatn\'\] { font-family: 'Vazirmatn'; } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .font-serif { font-family: var(--font-serif); } .\!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-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-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-\[1\.75rem\] { font-size: 1.75rem; } .text-\[3\.5rem\] { font-size: 3.5rem; } .text-\[4rem\] { font-size: 4rem; } .text-\[6rem\] { font-size: 6rem; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[26px\] { font-size: 26px; } .text-\[34\.4px\] { font-size: 34.4px; } .text-\[51\.6px\] { font-size: 51.6px; } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } .leading-9 { --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9); } .leading-\[0\.7\] { --tw-leading: 0.7; line-height: 0.7; } .leading-\[0\.8\] { --tw-leading: 0.8; line-height: 0.8; } .leading-\[0\.9\] { --tw-leading: 0.9; line-height: 0.9; } .leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1; } .leading-\[1\.2\] { --tw-leading: 1.2; line-height: 1.2; } .leading-\[1\.3\] { --tw-leading: 1.3; line-height: 1.3; } .leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4; } .leading-\[1\.8\] { --tw-leading: 1.8; line-height: 1.8; } .leading-\[1\.15\] { --tw-leading: 1.15; line-height: 1.15; } .leading-\[2\] { --tw-leading: 2; line-height: 2; } .leading-loose { --tw-leading: var(--leading-loose); line-height: var(--leading-loose); } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .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); } .tracking-\[0\.1em\] { --tw-tracking: 0.1em; letter-spacing: 0.1em; } .tracking-\[0\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-\[0\.3em\] { --tw-tracking: 0.3em; letter-spacing: 0.3em; } .tracking-\[0\.4em\] { --tw-tracking: 0.4em; letter-spacing: 0.4em; } .tracking-\[0\.5em\] { --tw-tracking: 0.5em; letter-spacing: 0.5em; } .tracking-\[0\.25em\] { --tw-tracking: 0.25em; letter-spacing: 0.25em; } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .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); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .whitespace-nowrap { white-space: nowrap; } .text-\[\#0D211C\] { color: #0D211C; } .text-\[\#0D211C\]\/30 { color: color-mix(in oklab, #0D211C 30%, transparent); } .text-\[\#0D211C\]\/40 { color: color-mix(in oklab, #0D211C 40%, transparent); } .text-\[\#0D211C\]\/50 { color: color-mix(in oklab, #0D211C 50%, transparent); } .text-\[\#0D211C\]\/60 { color: color-mix(in oklab, #0D211C 60%, transparent); } .text-\[\#0D211C\]\/70 { color: color-mix(in oklab, #0D211C 70%, transparent); } .text-\[\#1A3C34\] { color: #1A3C34; } .text-\[\#1C1A17\] { color: #1C1A17; } .text-\[\#1C1A17\]\/20 { color: color-mix(in oklab, #1C1A17 20%, transparent); } .text-\[\#1C1A17\]\/30 { color: color-mix(in oklab, #1C1A17 30%, transparent); } .text-\[\#1C1A17\]\/40 { color: color-mix(in oklab, #1C1A17 40%, transparent); } .text-\[\#1C1A17\]\/50 { color: color-mix(in oklab, #1C1A17 50%, transparent); } .text-\[\#1C1A17\]\/60 { color: color-mix(in oklab, #1C1A17 60%, transparent); } .text-\[\#1C1A17\]\/70 { color: color-mix(in oklab, #1C1A17 70%, transparent); } .text-\[\#1C1A17\]\/80 { color: color-mix(in oklab, #1C1A17 80%, transparent); } .text-\[\#4A635D\] { color: #4A635D; } .text-\[\#C85A32\] { color: #C85A32; } .text-\[\#D4AF37\] { color: #D4AF37; } .text-\[\#EFECE5\] { color: #EFECE5; } .text-\[\#F5F5F0\] { color: #F5F5F0; } .text-blue-600 { color: var(--color-blue-600); } .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-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-ink { color: var(--color-ink); } .text-ink\/5 { color: color-mix(in srgb, #1C1A17 5%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-ink) 5%, transparent); } } .text-ink\/10 { color: color-mix(in srgb, #1C1A17 10%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-ink) 10%, transparent); } } .text-ink\/20 { color: color-mix(in srgb, #1C1A17 20%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-ink) 20%, transparent); } } .text-ink\/30 { color: color-mix(in srgb, #1C1A17 30%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-ink) 30%, transparent); } } .text-ink\/40 { color: color-mix(in srgb, #1C1A17 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-ink) 40%, transparent); } } .text-ink\/50 { color: color-mix(in srgb, #1C1A17 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-ink) 50%, transparent); } } .text-ink\/60 { color: color-mix(in srgb, #1C1A17 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-ink) 60%, transparent); } } .text-ink\/70 { color: color-mix(in srgb, #1C1A17 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-ink) 70%, transparent); } } .text-ink\/80 { color: color-mix(in srgb, #1C1A17 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-ink) 80%, transparent); } } .text-ink\/90 { color: color-mix(in srgb, #1C1A17 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-ink) 90%, transparent); } } .text-matcha { color: var(--color-matcha); } .text-matcha\/5 { color: color-mix(in srgb, #2B3228 5%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-matcha) 5%, transparent); } } .text-matcha\/80 { color: color-mix(in srgb, #2B3228 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-matcha) 80%, transparent); } } .text-oatmeal { color: var(--color-oatmeal); } .text-oatmeal\/80 { color: color-mix(in srgb, #DFD8CC 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-oatmeal) 80%, transparent); } } .text-orange-500 { color: var(--color-orange-500); } .text-orange-700 { color: var(--color-orange-700); } .text-purple-600 { color: var(--color-purple-600); } .text-raw-canvas { color: var(--color-raw-canvas); } .text-raw-canvas\/50 { color: color-mix(in srgb, #EFECE5 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-raw-canvas) 50%, transparent); } } .text-raw-canvas\/60 { color: color-mix(in srgb, #EFECE5 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-raw-canvas) 60%, transparent); } } .text-raw-canvas\/80 { color: color-mix(in srgb, #EFECE5 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-raw-canvas) 80%, transparent); } } .text-raw-canvas\/90 { color: color-mix(in srgb, #EFECE5 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-raw-canvas) 90%, transparent); } } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-500\/80 { color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-red-500) 80%, transparent); } } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-saffron { color: var(--color-saffron); } .text-saffron\/5 { color: color-mix(in srgb, #C85A32 5%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-saffron) 5%, transparent); } } .text-saffron\/30 { color: color-mix(in srgb, #C85A32 30%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-saffron) 30%, transparent); } } .text-saffron\/80 { color: color-mix(in srgb, #C85A32 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-saffron) 80%, transparent); } } .text-saffron\/90 { color: color-mix(in srgb, #C85A32 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-saffron) 90%, transparent); } } .text-smoky { color: var(--color-smoky); } .text-smoky\/40 { color: color-mix(in srgb, #4A635D 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-smoky) 40%, transparent); } } .text-smoky\/60 { color: color-mix(in srgb, #4A635D 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-smoky) 60%, transparent); } } .text-smoky\/80 { color: color-mix(in srgb, #4A635D 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-smoky) 80%, transparent); } } .text-transparent { color: transparent; } .text-white { color: var(--color-white); } .text-white\/10 { color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .text-white\/50 { color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/70 { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/80 { color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .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); } } .capitalize { text-transform: capitalize; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .not-italic { font-style: normal; } .line-through { text-decoration-line: line-through; } .underline { text-decoration-line: underline; } .decoration-red-400 { text-decoration-color: var(--color-red-400); } .decoration-saffron { text-decoration-color: var(--color-saffron); } .decoration-saffron\/40 { text-decoration-color: color-mix(in srgb, #C85A32 40%, transparent); @supports (color: color-mix(in lab, red, red)) { text-decoration-color: color-mix(in oklab, var(--color-saffron) 40%, transparent); } } .decoration-saffron\/50 { text-decoration-color: color-mix(in srgb, #C85A32 50%, transparent); @supports (color: color-mix(in lab, red, red)) { text-decoration-color: color-mix(in oklab, var(--color-saffron) 50%, transparent); } } .decoration-saffron\/60 { text-decoration-color: color-mix(in srgb, #C85A32 60%, transparent); @supports (color: color-mix(in lab, red, red)) { text-decoration-color: color-mix(in oklab, var(--color-saffron) 60%, transparent); } } .decoration-dotted { text-decoration-style: dotted; } .decoration-1 { text-decoration-thickness: 1px; } .underline-offset-4 { text-underline-offset: 4px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .placeholder-ink { &::placeholder { color: var(--color-ink); } } .placeholder-ink\/40 { &::placeholder { color: color-mix(in srgb, #1C1A17 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-ink) 40%, transparent); } } } .accent-saffron { accent-color: var(--color-saffron); } .opacity-0 { opacity: 0%; } .opacity-5 { opacity: 5%; } .opacity-10 { opacity: 10%; } .opacity-20 { opacity: 20%; } .opacity-25 { opacity: 25%; } .opacity-30 { opacity: 30%; } .opacity-40 { opacity: 40%; } .opacity-50 { opacity: 50%; } .opacity-60 { opacity: 60%; } .opacity-70 { opacity: 70%; } .opacity-75 { opacity: 75%; } .opacity-80 { opacity: 80%; } .opacity-90 { opacity: 90%; } .opacity-95 { opacity: 95%; } .opacity-100 { opacity: 100%; } .opacity-\[0\.03\] { opacity: 0.03; } .opacity-\[0\.04\] { opacity: 0.04; } .opacity-\[0\.07\] { opacity: 0.07; } .mix-blend-luminosity { mix-blend-mode: luminosity; } .mix-blend-multiply { mix-blend-mode: multiply; } .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-\[-10px_0_60px_rgba\(28\,26\,23\,0\.15\)\] { --tw-shadow: -10px 0 60px var(--tw-shadow-color, rgba(28,26,23,0.15)); 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_-8px_30px_rgba\(28\,26\,23\,0\.06\)\] { --tw-shadow: 0 -8px 30px var(--tw-shadow-color, rgba(28,26,23,0.06)); 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_-10px_30px_rgba\(28\,26\,23\,0\.03\)\] { --tw-shadow: 0 -10px 30px var(--tw-shadow-color, rgba(28,26,23,0.03)); 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_-10px_40px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 -10px 40px var(--tw-shadow-color, rgba(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); } .shadow-\[0_-10px_40px_rgba\(28\,26\,23\,0\.1\)\] { --tw-shadow: 0 -10px 40px var(--tw-shadow-color, rgba(28,26,23,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-\[0_-10px_60px_rgba\(28\,26\,23\,0\.15\)\] { --tw-shadow: 0 -10px 60px var(--tw-shadow-color, rgba(28,26,23,0.15)); 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_-15px_40px_rgba\(28\,26\,23\,0\.06\)\] { --tw-shadow: 0 -15px 40px var(--tw-shadow-color, rgba(28,26,23,0.06)); 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_0_5px_\#C85A32\] { --tw-shadow: 0 0 5px var(--tw-shadow-color, #C85A32); 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_0_12px_rgba\(200\,90\,50\,0\.4\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(200,90,50,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-\[0_2px_8px_rgba\(28\,26\,23\,0\.02\)\] { --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(28,26,23,0.02)); 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_8px_rgba\(28\,26\,23\,0\.04\)\] { --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(28,26,23,0.04)); 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\(0\,0\,0\,0\.03\)\] { --tw-shadow: 0 2px 10px var(--tw-shadow-color, rgba(0,0,0,0.03)); 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_4px_10px_rgba\(28\,26\,23\,0\.03\)\] { --tw-shadow: 0 4px 10px var(--tw-shadow-color, rgba(28,26,23,0.03)); 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_4px_12px_rgba\(28\,26\,23\,0\.1\)\] { --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(28,26,23,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-\[0_4px_12px_rgba\(28\,26\,23\,0\.02\)\] { --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(28,26,23,0.02)); 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_4px_12px_rgba\(28\,26\,23\,0\.03\)\] { --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(28,26,23,0.03)); 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_4px_12px_rgba\(28\,26\,23\,0\.05\)\] { --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(28,26,23,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); } .shadow-\[0_4px_15px_rgba\(28\,26\,23\,0\.02\)\] { --tw-shadow: 0 4px 15px var(--tw-shadow-color, rgba(28,26,23,0.02)); 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_4px_20px_rgb\(0\,0\,0\,0\.02\)\] { --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgb(0,0,0,0.02)); 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_8px_20px_rgba\(200\,90\,50\,0\.2\)\] { --tw-shadow: 0 8px 20px var(--tw-shadow-color, rgba(200,90,50,0.2)); 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_8px_20px_rgba\(200\,90\,50\,0\.3\)\] { --tw-shadow: 0 8px 20px var(--tw-shadow-color, rgba(200,90,50,0.3)); 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_8px_25px_rgba\(200\,90\,50\,0\.35\)\] { --tw-shadow: 0 8px 25px var(--tw-shadow-color, rgba(200,90,50,0.35)); 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_8px_30px_rgb\(0\,0\,0\,0\.02\)\] { --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgb(0,0,0,0.02)); 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_8px_30px_rgb\(0\,0\,0\,0\.03\)\] { --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgb(0,0,0,0.03)); 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_8px_30px_rgb\(0\,0\,0\,0\.04\)\] { --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgb(0,0,0,0.04)); 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_8px_30px_rgb\(26\,60\,52\,0\.04\)\] { --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgb(26,60,52,0.04)); 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_8px_30px_rgba\(0\,0\,0\,0\.03\)\] { --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0,0,0,0.03)); 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_8px_30px_rgba\(28\,26\,23\,0\.08\)\] { --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(28,26,23,0.08)); 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_8px_32px_rgba\(28\,26\,23\,0\.08\)\] { --tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(28,26,23,0.08)); 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_10px_20px_rgba\(200\,90\,50\,0\.2\)\] { --tw-shadow: 0 10px 20px var(--tw-shadow-color, rgba(200,90,50,0.2)); 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_10px_20px_rgba\(200\,90\,50\,0\.3\)\] { --tw-shadow: 0 10px 20px var(--tw-shadow-color, rgba(200,90,50,0.3)); 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_10px_30px_-10px_rgba\(28\,26\,23\,0\.05\)\] { --tw-shadow: 0 10px 30px -10px var(--tw-shadow-color, rgba(28,26,23,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); } .shadow-\[0_10px_30px_rgba\(28\,26\,23\,0\.15\)\] { --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(28,26,23,0.15)); 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_10px_30px_rgba\(43\,50\,40\,0\.3\)\] { --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(43,50,40,0.3)); 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_10px_30px_rgba\(200\,90\,50\,0\.3\)\] { --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(200,90,50,0.3)); 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_10px_35px_-10px_rgba\(28\,26\,23\,0\.08\)\] { --tw-shadow: 0 10px 35px -10px var(--tw-shadow-color, rgba(28,26,23,0.08)); 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_10px_40px_rgba\(43\,50\,40\,0\.15\)\] { --tw-shadow: 0 10px 40px var(--tw-shadow-color, rgba(43,50,40,0.15)); 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_10px_40px_rgba\(200\,90\,50\,0\.15\)\] { --tw-shadow: 0 10px 40px var(--tw-shadow-color, rgba(200,90,50,0.15)); 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_12px_40px_rgba\(200\,90\,50\,0\.25\)\] { --tw-shadow: 0 12px 40px var(--tw-shadow-color, rgba(200,90,50,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_15px_35px_-5px_rgba\(43\,50\,40\,0\.1\)\] { --tw-shadow: 0 15px 35px -5px var(--tw-shadow-color, rgba(43,50,40,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-\[0_15px_40px_rgba\(0\,0\,0\,0\.03\)\] { --tw-shadow: 0 15px 40px var(--tw-shadow-color, rgba(0,0,0,0.03)); 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_15px_40px_rgba\(0\,0\,0\,0\.04\)\] { --tw-shadow: 0 15px 40px var(--tw-shadow-color, rgba(0,0,0,0.04)); 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_15px_40px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 15px 40px var(--tw-shadow-color, rgba(0,0,0,0.12)); 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_15px_40px_rgba\(26\,60\,52\,0\.2\)\] { --tw-shadow: 0 15px 40px var(--tw-shadow-color, rgba(26,60,52,0.2)); 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_15px_40px_rgba\(28\,26\,23\,0\.1\)\] { --tw-shadow: 0 15px 40px var(--tw-shadow-color, rgba(28,26,23,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-\[0_15px_40px_rgba\(28\,26\,23\,0\.2\)\] { --tw-shadow: 0 15px 40px var(--tw-shadow-color, rgba(28,26,23,0.2)); 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_20px_40px_rgba\(28\,26\,23\,0\.12\)\] { --tw-shadow: 0 20px 40px var(--tw-shadow-color, rgba(28,26,23,0.12)); 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_20px_50px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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_20px_50px_rgba\(26\,60\,52\,0\.1\)\] { --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(26,60,52,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-\[0_20px_50px_rgba\(28\,26\,23\,0\.3\)\] { --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(28,26,23,0.3)); 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_20px_50px_rgba\(200\,90\,50\,0\.15\)\] { --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(200,90,50,0.15)); 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_24px_80px_rgba\(28\,26\,23\,0\.04\)\] { --tw-shadow: 0 24px 80px var(--tw-shadow-color, rgba(28,26,23,0.04)); 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_24px_80px_rgba\(28\,26\,23\,0\.06\)\] { --tw-shadow: 0 24px 80px var(--tw-shadow-color, rgba(28,26,23,0.06)); 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_30px_80px_rgba\(28\,26\,23\,0\.25\)\] { --tw-shadow: 0 30px 80px var(--tw-shadow-color, rgba(28,26,23,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_40px_100px_-20px_rgba\(13\,33\,28\,0\.05\)\] { --tw-shadow: 0 40px 100px -20px var(--tw-shadow-color, rgba(13,33,28,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); } .shadow-\[inset_0_0_10px_rgba\(255\,255\,255\,0\.5\)\] { --tw-shadow: inset 0 0 10px var(--tw-shadow-color, rgba(255,255,255,0.5)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_4px_15px_rgba\(0\,0\,0\,0\.03\)\] { --tw-shadow: inset 0 4px 15px var(--tw-shadow-color, rgba(0,0,0,0.03)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_20px_50px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: inset 0 20px 50px var(--tw-shadow-color, rgba(0,0,0,0.08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-card { --tw-shadow: 0 15px 35px -5px var(--tw-shadow-color, rgba(43, 50, 40, 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-float { --tw-shadow: 0 12px 24px -6px var(--tw-shadow-color, rgba(0, 0, 0, 0.08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-glass { --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0, 0, 0, 0.04)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-glow { --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(200, 90, 50, 0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-inner { --tw-shadow: inset 0 2px 4px 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); } .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-none { --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); } .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-soft { --tw-shadow: 0 4px 12px -2px var(--tw-shadow-color, rgba(28, 26, 23, 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); } .shadow-victory { --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(43, 50, 40, 0.2)); 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); } .ring-2 { --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); } .ring-4 { --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); } .shadow-ink { --tw-shadow-color: #1C1A17; @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-ink) var(--tw-shadow-alpha), transparent); } } .shadow-ink\/10 { --tw-shadow-color: color-mix(in srgb, #1C1A17 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-ink) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-matcha { --tw-shadow-color: #2B3228; @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-matcha) var(--tw-shadow-alpha), transparent); } } .shadow-matcha\/20 { --tw-shadow-color: color-mix(in srgb, #2B3228 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-matcha) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-saffron { --tw-shadow-color: #C85A32; @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-saffron) var(--tw-shadow-alpha), transparent); } } .shadow-saffron\/20 { --tw-shadow-color: color-mix(in srgb, #C85A32 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-saffron) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-matcha { --tw-ring-color: var(--color-matcha); } .ring-matcha\/30 { --tw-ring-color: color-mix(in srgb, #2B3228 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-matcha) 30%, transparent); } } .ring-matcha\/50 { --tw-ring-color: color-mix(in srgb, #2B3228 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-matcha) 50%, transparent); } } .ring-oatmeal { --tw-ring-color: var(--color-oatmeal); } .ring-purple-500 { --tw-ring-color: var(--color-purple-500); } .ring-purple-500\/20 { --tw-ring-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } .ring-saffron { --tw-ring-color: var(--color-saffron); } .ring-saffron\/30 { --tw-ring-color: color-mix(in srgb, #C85A32 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-saffron) 30%, transparent); } } .ring-saffron\/50 { --tw-ring-color: color-mix(in srgb, #C85A32 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-saffron) 50%, transparent); } } .ring-white { --tw-ring-color: var(--color-white); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .ring-white\/20 { --tw-ring-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .ring-white\/30 { --tw-ring-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .ring-white\/40 { --tw-ring-color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .ring-white\/50 { --tw-ring-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .ring-white\/60 { --tw-ring-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .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,); } .blur-2xl { --tw-blur: blur(var(--blur-2xl)); 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,); } .blur-3xl { --tw-blur: blur(var(--blur-3xl)); 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,); } .blur-\[40px\] { --tw-blur: blur(40px); 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,); } .blur-\[60px\] { --tw-blur: blur(60px); 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,); } .blur-\[80px\] { --tw-blur: blur(80px); 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,); } .blur-\[100px\] { --tw-blur: blur(100px); 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,); } .blur-\[120px\] { --tw-blur: blur(120px); 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,); } .blur-xl { --tw-blur: blur(var(--blur-xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-2xl { --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-\[0_20px_30px_rgba\(0\,0\,0\,0\.15\)\] { --tw-drop-shadow-size: drop-shadow(0 20px 30px var(--tw-drop-shadow-color, rgba(0,0,0,0.15))); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-\[0_25px_40px_rgba\(0\,0\,0\,0\.2\)\] { --tw-drop-shadow-size: drop-shadow(0 25px 40px var(--tw-drop-shadow-color, rgba(0,0,0,0.2))); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-lg { --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-md { --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-md)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-sm { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-xl { --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl)); 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 { --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-2xl { --tw-backdrop-blur: blur(var(--blur-2xl)); -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-3xl { --tw-backdrop-blur: blur(var(--blur-3xl)); -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-\[20px\] { --tw-backdrop-blur: blur(20px); -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-\[25px\] { --tw-backdrop-blur: blur(25px); -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-\[30px\] { --tw-backdrop-blur: blur(30px); -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-\[40px\] { --tw-backdrop-blur: blur(40px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-lg { --tw-backdrop-blur: blur(var(--blur-lg)); -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-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-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -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-xl { --tw-backdrop-blur: blur(var(--blur-xl)); -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-saturate-150 { --tw-backdrop-saturate: saturate(150%); -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-saturate-200 { --tw-backdrop-saturate: saturate(200%); -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-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .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, display, content-visibility, overlay, pointer-events; 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-100 { transition-delay: 100ms; } .delay-200 { transition-delay: 200ms; } .delay-300 { transition-delay: 300ms; } .delay-400 { transition-delay: 400ms; } .delay-500 { transition-delay: 500ms; } .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-400 { --tw-duration: 400ms; transition-duration: 400ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .duration-700 { --tw-duration: 700ms; transition-duration: 700ms; } .duration-1000 { --tw-duration: 1000ms; transition-duration: 1000ms; } .duration-\[1\.5s\] { --tw-duration: 1.5s; transition-duration: 1.5s; } .duration-\[2\.5s\] { --tw-duration: 2.5s; transition-duration: 2.5s; } .duration-\[2s\] { --tw-duration: 2s; transition-duration: 2s; } .duration-\[3s\] { --tw-duration: 3s; transition-duration: 3s; } .duration-\[1200ms\] { --tw-duration: 1200ms; transition-duration: 1200ms; } .duration-\[1500ms\] { --tw-duration: 1500ms; transition-duration: 1500ms; } .duration-\[5000ms\] { --tw-duration: 5000ms; transition-duration: 5000ms; } .duration-\[7000ms\] { --tw-duration: 7000ms; transition-duration: 7000ms; } .ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\] { --tw-ease: cubic-bezier(0.16,1,0.3,1); transition-timing-function: cubic-bezier(0.16,1,0.3,1); } .ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\] { --tw-ease: cubic-bezier(0.23,1,0.32,1); transition-timing-function: cubic-bezier(0.23,1,0.32,1); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .will-change-transform { will-change: transform; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-all { -webkit-user-select: all; user-select: all; } .select-none { -webkit-user-select: none; user-select: none; } .\[scrollbar-width\:none\] { scrollbar-width: none; } .backface-hidden { backface-visibility: hidden; } .ring-inset { --tw-ring-inset: inset; } .group-open\:rotate-180 { &:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 180deg; } } .group-open\:bg-matcha { &:is(:where(.group):is([open], :popover-open, :open) *) { background-color: var(--color-matcha); } } .group-open\:text-white { &:is(:where(.group):is([open], :popover-open, :open) *) { color: var(--color-white); } } .group-focus-within\:w-full { &:is(:where(.group):focus-within *) { width: 100%; } } .group-focus-within\:opacity-100 { &:is(:where(.group):focus-within *) { opacity: 100%; } } .group-hover\:visible { &:is(:where(.group):hover *) { @media (hover: hover) { visibility: visible; } } } .group-hover\:w-3 { &:is(:where(.group):hover *) { @media (hover: hover) { width: calc(var(--spacing) * 3); } } } .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-2 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:translate-x-0 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .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-\[150\%\] { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: 150%; 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\:-translate-y-6 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:translate-y-0 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * 0); 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\:scale-110 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-hover\:scale-125 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-hover\:scale-x-100 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-hover\:scale-\[1\.02\] { &:is(:where(.group):hover *) { @media (hover: hover) { scale: 1.02; } } } .group-hover\:scale-\[1\.03\] { &:is(:where(.group):hover *) { @media (hover: hover) { scale: 1.03; } } } .group-hover\:scale-\[1\.05\] { &:is(:where(.group):hover *) { @media (hover: hover) { scale: 1.05; } } } .group-hover\:-rotate-3 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: calc(3deg * -1); } } } .group-hover\:-rotate-12 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: calc(12deg * -1); } } } .group-hover\:-rotate-45 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: calc(45deg * -1); } } } .group-hover\:rotate-0 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: 0deg; } } } .group-hover\:rotate-1 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: 1deg; } } } .group-hover\:rotate-3 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: 3deg; } } } .group-hover\:rotate-12 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: 12deg; } } } .group-hover\:rotate-90 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: 90deg; } } } .group-hover\:animate-none { &:is(:where(.group):hover *) { @media (hover: hover) { animation: none; } } } .group-hover\:border-matcha\/30 { &:is(:where(.group):hover *) { @media (hover: hover) { border-color: color-mix(in srgb, #2B3228 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-matcha) 30%, transparent); } } } } .group-hover\:border-saffron\/30 { &:is(:where(.group):hover *) { @media (hover: hover) { border-color: color-mix(in srgb, #C85A32 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-saffron) 30%, transparent); } } } } .group-hover\:bg-\[\#D4AF37\]\/10 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in oklab, #D4AF37 10%, transparent); } } } .group-hover\:bg-ink { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-ink); } } } .group-hover\:bg-matcha { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-matcha); } } } .group-hover\:bg-saffron { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-saffron); } } } .group-hover\:bg-saffron\/10 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in srgb, #C85A32 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-saffron) 10%, transparent); } } } } .group-hover\:bg-saffron\/15 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in srgb, #C85A32 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-saffron) 15%, transparent); } } } } .group-hover\:bg-saffron\/20 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in srgb, #C85A32 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-saffron) 20%, transparent); } } } } .group-hover\:bg-smoky { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-smoky); } } } .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\:bg-white\/50 { &:is(:where(.group):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); } } } } .group-hover\:bg-white\/60 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } } .group-hover\:text-\[\#C85A32\] { &:is(:where(.group):hover *) { @media (hover: hover) { color: #C85A32; } } } .group-hover\:text-ink { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-ink); } } } .group-hover\:text-matcha { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-matcha); } } } .group-hover\:text-raw-canvas { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-raw-canvas); } } } .group-hover\:text-saffron { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-saffron); } } } .group-hover\:text-white { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-white); } } } .group-hover\:opacity-0 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 0%; } } } .group-hover\:opacity-50 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 50%; } } } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\:shadow-\[0_8px_20px_rgba\(43\,50\,40\,0\.08\)\] { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-shadow: 0 8px 20px var(--tw-shadow-color, rgba(43,50,40,0.08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .group-hover\:shadow-\[0_30px_60px_rgba\(43\,50\,40\,0\.1\)\] { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-shadow: 0 30px 60px var(--tw-shadow-color, rgba(43,50,40,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); } } } .group-hover\:shadow-\[0_30px_60px_rgba\(200\,90\,50\,0\.1\)\] { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-shadow: 0 30px 60px var(--tw-shadow-color, rgba(200,90,50,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); } } } .group-hover\:shadow-glow { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(200, 90, 50, 0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .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,); } } } .group-hover\/btn\:-translate-x-1 { &:is(:where(.group\/btn):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\/btn\:-translate-y-0\.5 { &:is(:where(.group\/btn):hover *) { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\/btn\:animate-pulse { &:is(:where(.group\/btn):hover *) { @media (hover: hover) { animation: var(--animate-pulse); } } } .group-hover\/btn\:bg-matcha\/10 { &:is(:where(.group\/btn):hover *) { @media (hover: hover) { background-color: color-mix(in srgb, #2B3228 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-matcha) 10%, transparent); } } } } .group-hover\/btn\:bg-saffron\/10 { &:is(:where(.group\/btn):hover *) { @media (hover: hover) { background-color: color-mix(in srgb, #C85A32 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-saffron) 10%, transparent); } } } } .group-hover\/ig\:scale-110 { &:is(:where(.group\/ig):hover *) { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-hover\/item\:pointer-events-auto { &:is(:where(.group\/item):hover *) { @media (hover: hover) { pointer-events: auto; } } } .group-hover\/item\:visible { &:is(:where(.group\/item):hover *) { @media (hover: hover) { visibility: visible; } } } .group-hover\/item\:translate-x-0 { &:is(:where(.group\/item):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\/item\:bg-\[\#C85A32\] { &:is(:where(.group\/item):hover *) { @media (hover: hover) { background-color: #C85A32; } } } .group-hover\/item\:bg-ink { &:is(:where(.group\/item):hover *) { @media (hover: hover) { background-color: var(--color-ink); } } } .group-hover\/item\:bg-matcha { &:is(:where(.group\/item):hover *) { @media (hover: hover) { background-color: var(--color-matcha); } } } .group-hover\/item\:bg-saffron { &:is(:where(.group\/item):hover *) { @media (hover: hover) { background-color: var(--color-saffron); } } } .group-hover\/item\:text-\[\#C85A32\] { &:is(:where(.group\/item):hover *) { @media (hover: hover) { color: #C85A32; } } } .group-hover\/item\:text-ink { &:is(:where(.group\/item):hover *) { @media (hover: hover) { color: var(--color-ink); } } } .group-hover\/item\:text-matcha { &:is(:where(.group\/item):hover *) { @media (hover: hover) { color: var(--color-matcha); } } } .group-hover\/item\:text-saffron { &:is(:where(.group\/item):hover *) { @media (hover: hover) { color: var(--color-saffron); } } } .group-hover\/item\:text-white { &:is(:where(.group\/item):hover *) { @media (hover: hover) { color: var(--color-white); } } } .group-hover\/item\:opacity-100 { &:is(:where(.group\/item):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/item\:shadow-md { &:is(:where(.group\/item):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); } } } .group-hover\/link\:-translate-x-1 { &:is(:where(.group\/link):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\/menu\:visible { &:is(:where(.group\/menu):hover *) { @media (hover: hover) { visibility: visible; } } } .group-hover\/menu\:translate-y-0 { &:is(:where(.group\/menu):hover *) { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\/menu\:-rotate-180 { &:is(:where(.group\/menu):hover *) { @media (hover: hover) { rotate: calc(180deg * -1); } } } .group-hover\/menu\:opacity-100 { &:is(:where(.group\/menu):hover *) { @media (hover: hover) { opacity: 100%; } } } .selection\:bg-matcha\/30 { & *::selection { background-color: color-mix(in srgb, #2B3228 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-matcha) 30%, transparent); } } &::selection { background-color: color-mix(in srgb, #2B3228 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-matcha) 30%, transparent); } } } .selection\:bg-saffron\/30 { & *::selection { background-color: color-mix(in srgb, #C85A32 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-saffron) 30%, transparent); } } &::selection { background-color: color-mix(in srgb, #C85A32 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-saffron) 30%, transparent); } } } .selection\:text-ink { & *::selection { color: var(--color-ink); } &::selection { color: var(--color-ink); } } .placeholder\:text-\[\#0D211C\]\/10 { &::placeholder { color: color-mix(in oklab, #0D211C 10%, transparent); } } .placeholder\:text-ink\/30 { &::placeholder { color: color-mix(in srgb, #1C1A17 30%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-ink) 30%, transparent); } } } .before\:absolute { &::before { content: var(--tw-content); position: absolute; } } .before\:inset-0 { &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } } .after\:absolute { &::after { content: var(--tw-content); position: absolute; } } .after\:top-full { &::after { content: var(--tw-content); top: 100%; } } .after\:left-8 { &::after { content: var(--tw-content); left: calc(var(--spacing) * 8); } } .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\:border-8 { &::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 8px; } } .after\:border-transparent { &::after { content: var(--tw-content); border-color: transparent; } } .after\:border-t-white\/95 { &::after { content: var(--tw-content); border-top-color: color-mix(in srgb, #fff 95%, transparent); @supports (color: color-mix(in lab, red, red)) { border-top-color: color-mix(in oklab, var(--color-white) 95%, transparent); } } } .after\:content-\[\'\'\] { &::after { --tw-content: ''; content: var(--tw-content); } } .first\:rounded-r-\[16px\] { &:first-child { border-top-right-radius: 16px; border-bottom-right-radius: 16px; } } .last\:rounded-l-\[16px\] { &:last-child { border-top-left-radius: 16px; border-bottom-left-radius: 16px; } } .last\:border-0 { &:last-child { border-style: var(--tw-border-style); border-width: 0px; } } .hover\:-translate-x-1 { &:hover { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .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\:-translate-y-1 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:-translate-y-1\.5 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:-translate-y-2 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -2); 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\:scale-110 { &:hover { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:scale-\[1\.02\] { &:hover { @media (hover: hover) { scale: 1.02; } } } .hover\:scale-\[1\.4\] { &:hover { @media (hover: hover) { scale: 1.4; } } } .hover\:scale-\[1\.6\] { &:hover { @media (hover: hover) { scale: 1.6; } } } .hover\:rotate-0 { &:hover { @media (hover: hover) { rotate: 0deg; } } } .hover\:rotate-6 { &:hover { @media (hover: hover) { rotate: 6deg; } } } .hover\:border-\[\#1C1A17\] { &:hover { @media (hover: hover) { border-color: #1C1A17; } } } .hover\:border-\[\#C85A32\] { &:hover { @media (hover: hover) { border-color: #C85A32; } } } .hover\:border-ink\/20 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #1C1A17 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-ink) 20%, transparent); } } } } .hover\:border-matcha { &:hover { @media (hover: hover) { border-color: var(--color-matcha); } } } .hover\:border-matcha\/20 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #2B3228 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-matcha) 20%, transparent); } } } } .hover\:border-matcha\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #2B3228 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-matcha) 30%, transparent); } } } } .hover\:border-matcha\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #2B3228 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-matcha) 40%, transparent); } } } } .hover\:border-pink-500\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-500) 30%, transparent); } } } } .hover\:border-red-500 { &:hover { @media (hover: hover) { border-color: var(--color-red-500); } } } .hover\:border-saffron { &:hover { @media (hover: hover) { border-color: var(--color-saffron); } } } .hover\:border-saffron\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #C85A32 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-saffron) 30%, transparent); } } } } .hover\:border-saffron\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #C85A32 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-saffron) 40%, transparent); } } } } .hover\:border-transparent { &:hover { @media (hover: hover) { border-color: transparent; } } } .hover\:border-white { &:hover { @media (hover: hover) { border-color: var(--color-white); } } } .hover\:border-white\/80 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } } } .hover\:bg-\[\#0D211C\] { &:hover { @media (hover: hover) { background-color: #0D211C; } } } .hover\:bg-\[\#1C1A17\] { &:hover { @media (hover: hover) { background-color: #1C1A17; } } } .hover\:bg-\[\#A64A29\] { &:hover { @media (hover: hover) { background-color: #A64A29; } } } .hover\:bg-\[\#C85A32\] { &:hover { @media (hover: hover) { background-color: #C85A32; } } } .hover\:bg-\[\#E87A52\] { &:hover { @media (hover: hover) { background-color: #E87A52; } } } .hover\:bg-\[\#b04a25\] { &:hover { @media (hover: hover) { background-color: #b04a25; } } } .hover\:bg-ink { &:hover { @media (hover: hover) { background-color: var(--color-ink); } } } .hover\:bg-matcha { &:hover { @media (hover: hover) { background-color: var(--color-matcha); } } } .hover\:bg-matcha\/5 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #2B3228 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-matcha) 5%, transparent); } } } } .hover\:bg-matcha\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #2B3228 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-matcha) 60%, transparent); } } } } .hover\:bg-matcha\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #2B3228 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-matcha) 90%, transparent); } } } } .hover\:bg-oatmeal { &:hover { @media (hover: hover) { background-color: var(--color-oatmeal); } } } .hover\:bg-red-50 { &:hover { @media (hover: hover) { background-color: var(--color-red-50); } } } .hover\:bg-red-500 { &:hover { @media (hover: hover) { background-color: var(--color-red-500); } } } .hover\:bg-red-500\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } } } .hover\:bg-saffron { &:hover { @media (hover: hover) { background-color: var(--color-saffron); } } } .hover\:bg-saffron\/5 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #C85A32 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-saffron) 5%, transparent); } } } } .hover\:bg-saffron\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #C85A32 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-saffron) 10%, transparent); } } } } .hover\:bg-saffron\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #C85A32 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-saffron) 60%, transparent); } } } } .hover\:bg-saffron\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #C85A32 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-saffron) 90%, transparent); } } } } .hover\:bg-white { &:hover { @media (hover: hover) { background-color: var(--color-white); } } } .hover\:bg-white\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } .hover\:bg-white\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } } .hover\:bg-white\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } } } .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\:bg-white\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } } .hover\:bg-white\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } } .hover\:bg-white\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } } } .hover\:text-\[\#C85A32\] { &:hover { @media (hover: hover) { color: #C85A32; } } } .hover\:text-\[\#F5F5F0\] { &:hover { @media (hover: hover) { color: #F5F5F0; } } } .hover\:text-ink { &:hover { @media (hover: hover) { color: var(--color-ink); } } } .hover\:text-matcha { &:hover { @media (hover: hover) { color: var(--color-matcha); } } } .hover\:text-pink-600 { &:hover { @media (hover: hover) { color: var(--color-pink-600); } } } .hover\:text-red-500 { &:hover { @media (hover: hover) { color: var(--color-red-500); } } } .hover\:text-red-600 { &:hover { @media (hover: hover) { color: var(--color-red-600); } } } .hover\:text-saffron { &:hover { @media (hover: hover) { color: var(--color-saffron); } } } .hover\:text-white { &:hover { @media (hover: hover) { color: var(--color-white); } } } .hover\:opacity-80 { &:hover { @media (hover: hover) { opacity: 80%; } } } .hover\:opacity-90 { &:hover { @media (hover: hover) { opacity: 90%; } } } .hover\:opacity-100 { &:hover { @media (hover: hover) { opacity: 100%; } } } .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-\[0_5px_15px_rgba\(239\,68\,68\,0\.3\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 5px 15px var(--tw-shadow-color, rgba(239,68,68,0.3)); 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-\[0_8px_20px_rgba\(28\,26\,23\,0\.06\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 8px 20px var(--tw-shadow-color, rgba(28,26,23,0.06)); 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-\[0_8px_20px_rgba\(200\,90\,50\,0\.2\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 8px 20px var(--tw-shadow-color, rgba(200,90,50,0.2)); 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-\[0_8px_30px_rgb\(0\,0\,0\,0\.05\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 8px 30px 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); } } } .hover\:shadow-\[0_10px_20px_rgba\(43\,50\,40\,0\.08\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 10px 20px var(--tw-shadow-color, rgba(43,50,40,0.08)); 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-\[0_10px_20px_rgba\(200\,90\,50\,0\.08\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 10px 20px var(--tw-shadow-color, rgba(200,90,50,0.08)); 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-\[0_10px_30px_rgba\(43\,50\,40\,0\.3\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(43,50,40,0.3)); 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-\[0_12px_25px_rgba\(200\,90\,50\,0\.45\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 12px 25px var(--tw-shadow-color, rgba(200,90,50,0.45)); 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-\[0_12px_35px_rgba\(200\,90\,50\,0\.45\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 12px 35px var(--tw-shadow-color, rgba(200,90,50,0.45)); 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-\[0_15px_30px_rgba\(26\,60\,52\,0\.2\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 15px 30px var(--tw-shadow-color, rgba(26,60,52,0.2)); 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-\[0_15px_30px_rgba\(28\,26\,23\,0\.06\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 15px 30px var(--tw-shadow-color, rgba(28,26,23,0.06)); 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-\[0_15px_30px_rgba\(200\,90\,50\,0\.2\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 15px 30px var(--tw-shadow-color, rgba(200,90,50,0.2)); 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-\[0_15px_30px_rgba\(225\,48\,108\,0\.15\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 15px 30px var(--tw-shadow-color, rgba(225,48,108,0.15)); 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-\[0_15px_40px_rgba\(28\,26\,23\,0\.1\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 15px 40px var(--tw-shadow-color, rgba(28,26,23,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-\[0_16px_48px_rgba\(28\,26\,23\,0\.15\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 16px 48px var(--tw-shadow-color, rgba(28,26,23,0.15)); 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-\[0_20px_40px_rgba\(200\,90\,50\,0\.25\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 40px var(--tw-shadow-color, rgba(200,90,50,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-\[0_20px_50px_rgba\(0\,0\,0\,0\.06\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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-\[0_20px_50px_rgba\(26\,60\,52\,0\.08\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(26,60,52,0.08)); 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-\[0_20px_50px_rgba\(28\,26\,23\,0\.08\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(28,26,23,0.08)); 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-\[0_20px_50px_rgba\(43\,50\,40\,0\.08\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(43,50,40,0.08)); 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-\[0_20px_50px_rgba\(200\,90\,50\,0\.08\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(200,90,50,0.08)); 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-\[0_20px_50px_rgba\(200\,90\,50\,0\.12\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(200,90,50,0.12)); 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-\[0_20px_50px_rgba\(200\,90\,50\,0\.15\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(200,90,50,0.15)); 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-\[0_20px_50px_rgba\(200\,90\,50\,0\.35\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(200,90,50,0.35)); 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-\[0_24px_80px_rgba\(200\,90\,50\,0\.08\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 24px 80px var(--tw-shadow-color, rgba(200,90,50,0.08)); 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-\[0_25px_50px_rgba\(26\,60\,52\,0\.3\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 25px 50px var(--tw-shadow-color, rgba(26,60,52,0.3)); 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-\[0_25px_60px_rgba\(28\,26\,23\,0\.3\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 25px 60px var(--tw-shadow-color, rgba(28,26,23,0.3)); 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-card { &:hover { @media (hover: hover) { --tw-shadow: 0 15px 35px -5px var(--tw-shadow-color, rgba(43, 50, 40, 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-float { &:hover { @media (hover: hover) { --tw-shadow: 0 12px 24px -6px var(--tw-shadow-color, rgba(0, 0, 0, 0.08)); 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-glass { &:hover { @media (hover: hover) { --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0, 0, 0, 0.04)); 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-glow { &:hover { @media (hover: hover) { --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(200, 90, 50, 0.3)); 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-lg { &:hover { @media (hover: hover) { --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); } } } .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-sm { &:hover { @media (hover: hover) { --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); } } } .hover\:shadow-victory { &:hover { @media (hover: hover) { --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(43, 50, 40, 0.2)); 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-matcha\/40 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, #2B3228 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-matcha) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:drop-shadow-md { &:hover { @media (hover: hover) { --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-md)); 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\:grayscale-0 { &: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,); } } } .focus\:border-matcha { &:focus { border-color: var(--color-matcha); } } .focus\:border-matcha\/50 { &:focus { border-color: color-mix(in srgb, #2B3228 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-matcha) 50%, transparent); } } } .focus\:border-saffron { &:focus { border-color: var(--color-saffron); } } .focus\:border-saffron\/50 { &:focus { border-color: color-mix(in srgb, #C85A32 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-saffron) 50%, transparent); } } } .focus\:bg-white { &:focus { background-color: var(--color-white); } } .focus\:bg-white\/80 { &:focus { background-color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } } .focus\:bg-white\/90 { &:focus { background-color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } } .focus\:ring-0 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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-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-matcha\/30 { &:focus { --tw-ring-color: color-mix(in srgb, #2B3228 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-matcha) 30%, transparent); } } } .focus\:ring-saffron\/15 { &:focus { --tw-ring-color: color-mix(in srgb, #C85A32 15%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-saffron) 15%, transparent); } } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .active\:scale-90 { &:active { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .active\:scale-95 { &:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .active\:cursor-grabbing { &:active { cursor: grabbing; } } .active\:bg-\[\#1C1A17\]\/5 { &:active { background-color: color-mix(in oklab, #1C1A17 5%, transparent); } } .max-lg\:\!border-transparent { @media (width < 64rem) { border-color: transparent !important; } } .max-lg\:\!bg-transparent { @media (width < 64rem) { background-color: transparent !important; } } .max-lg\:\!shadow-none { @media (width < 64rem) { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } } .max-lg\:\!backdrop-blur-none { @media (width < 64rem) { --tw-backdrop-blur: !important; -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,) !important; 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,) !important; } } .sm\:bottom-8 { @media (width >= 40rem) { bottom: calc(var(--spacing) * 8); } } .sm\:left-8 { @media (width >= 40rem) { left: calc(var(--spacing) * 8); } } .sm\:mt-0 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 0); } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:inline { @media (width >= 40rem) { display: inline; } } .sm\:w-auto { @media (width >= 40rem) { width: auto; } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:grid-cols-3 { @media (width >= 40rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:items-center { @media (width >= 40rem) { align-items: center; } } .sm\:justify-end { @media (width >= 40rem) { justify-content: flex-end; } } .sm\:gap-3 { @media (width >= 40rem) { gap: calc(var(--spacing) * 3); } } .sm\:gap-5 { @media (width >= 40rem) { gap: calc(var(--spacing) * 5); } } .sm\:border-0 { @media (width >= 40rem) { border-style: var(--tw-border-style); border-width: 0px; } } .sm\:px-0 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 0); } } .sm\:px-6 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 6); } } .sm\:pt-0 { @media (width >= 40rem) { padding-top: calc(var(--spacing) * 0); } } .sm\:text-right { @media (width >= 40rem) { text-align: right; } } .sm\:text-6xl { @media (width >= 40rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .md\:-start-\[43px\] { @media (width >= 48rem) { inset-inline-start: calc(43px * -1); } } .md\:top-0 { @media (width >= 48rem) { top: calc(var(--spacing) * 0); } } .md\:top-12 { @media (width >= 48rem) { top: calc(var(--spacing) * 12); } } .md\:-right-12 { @media (width >= 48rem) { right: calc(var(--spacing) * -12); } } .md\:right-5 { @media (width >= 48rem) { right: calc(var(--spacing) * 5); } } .md\:right-auto { @media (width >= 48rem) { right: auto; } } .md\:-bottom-6 { @media (width >= 48rem) { bottom: calc(var(--spacing) * -6); } } .md\:bottom-0 { @media (width >= 48rem) { bottom: calc(var(--spacing) * 0); } } .md\:bottom-5 { @media (width >= 48rem) { bottom: calc(var(--spacing) * 5); } } .md\:-left-6 { @media (width >= 48rem) { left: calc(var(--spacing) * -6); } } .md\:-left-12 { @media (width >= 48rem) { left: calc(var(--spacing) * -12); } } .md\:left-6 { @media (width >= 48rem) { left: calc(var(--spacing) * 6); } } .md\:left-12 { @media (width >= 48rem) { left: calc(var(--spacing) * 12); } } .md\:order-2 { @media (width >= 48rem) { order: 2; } } .md\:order-3 { @media (width >= 48rem) { order: 3; } } .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-6 { @media (width >= 48rem) { grid-column: span 6 / span 6; } } .md\:col-span-8 { @media (width >= 48rem) { grid-column: span 8 / span 8; } } .md\:col-span-12 { @media (width >= 48rem) { grid-column: span 12 / span 12; } } .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\:mx-0 { @media (width >= 48rem) { margin-inline: calc(var(--spacing) * 0); } } .md\:my-8 { @media (width >= 48rem) { margin-block: calc(var(--spacing) * 8); } } .md\:ms-4 { @media (width >= 48rem) { margin-inline-start: calc(var(--spacing) * 4); } } .md\:ms-8 { @media (width >= 48rem) { margin-inline-start: calc(var(--spacing) * 8); } } .md\:mt-0 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 0); } } .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-16 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 16); } } .md\:mb-0 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 0); } } .md\:mb-4 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 4); } } .md\:mb-6 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 6); } } .md\:mb-8 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 8); } } .md\:mb-16 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 16); } } .md\:mb-20 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 20); } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:flex { @media (width >= 48rem) { display: flex; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:aspect-square { @media (width >= 48rem) { aspect-ratio: 1 / 1; } } .md\:h-6 { @media (width >= 48rem) { height: calc(var(--spacing) * 6); } } .md\:h-8 { @media (width >= 48rem) { height: calc(var(--spacing) * 8); } } .md\:h-10 { @media (width >= 48rem) { height: calc(var(--spacing) * 10); } } .md\:h-14 { @media (width >= 48rem) { height: calc(var(--spacing) * 14); } } .md\:h-16 { @media (width >= 48rem) { height: calc(var(--spacing) * 16); } } .md\:h-20 { @media (width >= 48rem) { height: calc(var(--spacing) * 20); } } .md\:h-24 { @media (width >= 48rem) { height: calc(var(--spacing) * 24); } } .md\:h-28 { @media (width >= 48rem) { height: calc(var(--spacing) * 28); } } .md\:h-64 { @media (width >= 48rem) { height: calc(var(--spacing) * 64); } } .md\:h-80 { @media (width >= 48rem) { height: calc(var(--spacing) * 80); } } .md\:h-\[60px\] { @media (width >= 48rem) { height: 60px; } } .md\:h-\[130px\] { @media (width >= 48rem) { height: 130px; } } .md\:h-full { @media (width >= 48rem) { height: 100%; } } .md\:max-h-\[450px\] { @media (width >= 48rem) { max-height: 450px; } } .md\:max-h-none { @media (width >= 48rem) { max-height: none; } } .md\:min-h-\[170px\] { @media (width >= 48rem) { min-height: 170px; } } .md\:min-h-\[316px\] { @media (width >= 48rem) { min-height: 316px; } } .md\:w-1\/2 { @media (width >= 48rem) { width: calc(1 / 2 * 100%); } } .md\:w-2\/5 { @media (width >= 48rem) { width: calc(2 / 5 * 100%); } } .md\:w-3\/4 { @media (width >= 48rem) { width: calc(3 / 4 * 100%); } } .md\:w-3\/5 { @media (width >= 48rem) { width: calc(3 / 5 * 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-8 { @media (width >= 48rem) { width: calc(var(--spacing) * 8); } } .md\:w-10 { @media (width >= 48rem) { width: calc(var(--spacing) * 10); } } .md\:w-14 { @media (width >= 48rem) { width: calc(var(--spacing) * 14); } } .md\:w-16 { @media (width >= 48rem) { width: calc(var(--spacing) * 16); } } .md\:w-20 { @media (width >= 48rem) { width: calc(var(--spacing) * 20); } } .md\:w-28 { @media (width >= 48rem) { width: calc(var(--spacing) * 28); } } .md\:w-64 { @media (width >= 48rem) { width: calc(var(--spacing) * 64); } } .md\:w-80 { @media (width >= 48rem) { width: calc(var(--spacing) * 80); } } .md\:w-\[85\%\] { @media (width >= 48rem) { width: 85%; } } .md\:w-\[95\%\] { @media (width >= 48rem) { width: 95%; } } .md\:w-\[130px\] { @media (width >= 48rem) { width: 130px; } } .md\:w-auto { @media (width >= 48rem) { width: auto; } } .md\:w-full { @media (width >= 48rem) { width: 100%; } } .md\:w-px { @media (width >= 48rem) { width: 1px; } } .md\:max-w-\[420px\] { @media (width >= 48rem) { max-width: 420px; } } .md\:max-w-md { @media (width >= 48rem) { max-width: var(--container-md); } } .md\:min-w-\[800px\] { @media (width >= 48rem) { min-width: 800px; } } .md\:translate-y-4 { @media (width >= 48rem) { --tw-translate-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } } .md\:scale-100 { @media (width >= 48rem) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .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-12 { @media (width >= 48rem) { grid-template-columns: repeat(12, minmax(0, 1fr)); } } .md\:grid-cols-\[1fr_1\.5fr\] { @media (width >= 48rem) { grid-template-columns: 1fr 1.5fr; } } .md\:grid-rows-2 { @media (width >= 48rem) { grid-template-rows: repeat(2, minmax(0, 1fr)); } } .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } } .md\:flex-row-reverse { @media (width >= 48rem) { flex-direction: row-reverse; } } .md\:flex-nowrap { @media (width >= 48rem) { flex-wrap: nowrap; } } .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-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-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-8 { @media (width >= 48rem) { gap: calc(var(--spacing) * 8); } } .md\:gap-10 { @media (width >= 48rem) { gap: calc(var(--spacing) * 10); } } .md\:gap-12 { @media (width >= 48rem) { gap: calc(var(--spacing) * 12); } } .md\:space-y-8 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } } } .md\:rounded-\[4rem\] { @media (width >= 48rem) { border-radius: 4rem; } } .md\:rounded-\[24px\] { @media (width >= 48rem) { border-radius: 24px; } } .md\:rounded-\[32px\] { @media (width >= 48rem) { border-radius: 32px; } } .md\:rounded-t-\[9\.5rem\] { @media (width >= 48rem) { border-top-left-radius: 9.5rem; border-top-right-radius: 9.5rem; } } .md\:rounded-t-\[10rem\] { @media (width >= 48rem) { border-top-left-radius: 10rem; border-top-right-radius: 10rem; } } .md\:rounded-t-none { @media (width >= 48rem) { border-top-left-radius: 0; border-top-right-radius: 0; } } .md\:rounded-r-\[2\.5rem\] { @media (width >= 48rem) { border-top-right-radius: 2.5rem; border-bottom-right-radius: 2.5rem; } } .md\:rounded-b-\[2\.5rem\] { @media (width >= 48rem) { border-bottom-right-radius: 2.5rem; border-bottom-left-radius: 2.5rem; } } .md\:rounded-b-\[3rem\] { @media (width >= 48rem) { border-bottom-right-radius: 3rem; border-bottom-left-radius: 3rem; } } .md\:border-x { @media (width >= 48rem) { border-inline-style: var(--tw-border-style); border-inline-width: 1px; } } .md\:border-t-0 { @media (width >= 48rem) { border-top-style: var(--tw-border-style); border-top-width: 0px; } } .md\:border-r { @media (width >= 48rem) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .md\:border-b-0 { @media (width >= 48rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .md\:border-l { @media (width >= 48rem) { border-left-style: var(--tw-border-style); border-left-width: 1px; } } .md\:border-l-0 { @media (width >= 48rem) { border-left-style: var(--tw-border-style); border-left-width: 0px; } } .md\:border-transparent { @media (width >= 48rem) { border-color: transparent; } } .md\:bg-transparent { @media (width >= 48rem) { background-color: transparent; } } .md\:p-0 { @media (width >= 48rem) { padding: calc(var(--spacing) * 0); } } .md\:p-3 { @media (width >= 48rem) { padding: calc(var(--spacing) * 3); } } .md\:p-4 { @media (width >= 48rem) { padding: calc(var(--spacing) * 4); } } .md\:p-6 { @media (width >= 48rem) { padding: calc(var(--spacing) * 6); } } .md\:p-8 { @media (width >= 48rem) { padding: calc(var(--spacing) * 8); } } .md\:p-10 { @media (width >= 48rem) { padding: calc(var(--spacing) * 10); } } .md\:p-12 { @media (width >= 48rem) { padding: calc(var(--spacing) * 12); } } .md\:p-14 { @media (width >= 48rem) { padding: calc(var(--spacing) * 14); } } .md\:p-16 { @media (width >= 48rem) { padding: calc(var(--spacing) * 16); } } .md\:px-4 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 4); } } .md\:px-6 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 6); } } .md\:px-8 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 8); } } .md\:px-10 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 10); } } .md\:px-12 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 12); } } .md\:py-4 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 4); } } .md\:py-16 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 16); } } .md\:py-24 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 24); } } .md\:pt-6 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 6); } } .md\:pt-10 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 10); } } .md\:pt-24 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 24); } } .md\:pr-5 { @media (width >= 48rem) { padding-right: calc(var(--spacing) * 5); } } .md\:pr-64 { @media (width >= 48rem) { padding-right: calc(var(--spacing) * 64); } } .md\:pb-12 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 12); } } .md\:pb-\[180px\] { @media (width >= 48rem) { padding-bottom: 180px; } } .md\:pl-8 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 8); } } .md\:pl-64 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 64); } } .md\:text-center { @media (width >= 48rem) { text-align: center; } } .md\:text-left { @media (width >= 48rem) { text-align: left; } } .md\:text-right { @media (width >= 48rem) { text-align: right; } } .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-7xl { @media (width >= 48rem) { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--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-xs { @media (width >= 48rem) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .md\:text-\[11px\] { @media (width >= 48rem) { font-size: 11px; } } .md\:text-\[20px\] { @media (width >= 48rem) { font-size: 20px; } } .md\:text-\[32px\] { @media (width >= 48rem) { font-size: 32px; } } .md\:leading-9 { @media (width >= 48rem) { --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9); } } .md\:leading-10 { @media (width >= 48rem) { --tw-leading: calc(var(--spacing) * 10); line-height: calc(var(--spacing) * 10); } } .md\:tracking-\[0\.3em\] { @media (width >= 48rem) { --tw-tracking: 0.3em; letter-spacing: 0.3em; } } .md\:shadow-\[0_0_60px_rgba\(28\,26\,23\,0\.12\)\] { @media (width >= 48rem) { --tw-shadow: 0 0 60px var(--tw-shadow-color, rgba(28,26,23,0.12)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .lg\:sticky { @media (width >= 64rem) { position: sticky; } } .lg\:top-24 { @media (width >= 64rem) { top: calc(var(--spacing) * 24); } } .lg\:top-32 { @media (width >= 64rem) { top: calc(var(--spacing) * 32); } } .lg\:top-36 { @media (width >= 64rem) { top: calc(var(--spacing) * 36); } } .lg\:top-\[128px\] { @media (width >= 64rem) { top: 128px; } } .lg\:-bottom-2 { @media (width >= 64rem) { bottom: calc(var(--spacing) * -2); } } .lg\:bottom-4 { @media (width >= 64rem) { bottom: calc(var(--spacing) * 4); } } .lg\:bottom-10 { @media (width >= 64rem) { bottom: calc(var(--spacing) * 10); } } .lg\:order-1 { @media (width >= 64rem) { order: 1; } } .lg\:order-2 { @media (width >= 64rem) { order: 2; } } .lg\:col-span-1 { @media (width >= 64rem) { grid-column: span 1 / span 1; } } .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\:col-span-4 { @media (width >= 64rem) { grid-column: span 4 / span 4; } } .lg\:col-span-5 { @media (width >= 64rem) { grid-column: span 5 / span 5; } } .lg\:col-span-6 { @media (width >= 64rem) { grid-column: span 6 / span 6; } } .lg\:col-span-7 { @media (width >= 64rem) { grid-column: span 7 / span 7; } } .lg\:col-span-8 { @media (width >= 64rem) { grid-column: span 8 / span 8; } } .lg\:col-span-12 { @media (width >= 64rem) { grid-column: span 12 / span 12; } } .lg\:row-span-1 { @media (width >= 64rem) { grid-row: span 1 / span 1; } } .lg\:row-span-2 { @media (width >= 64rem) { grid-row: span 2 / span 2; } } .lg\:mx-0 { @media (width >= 64rem) { margin-inline: calc(var(--spacing) * 0); } } .lg\:my-10 { @media (width >= 64rem) { margin-block: calc(var(--spacing) * 10); } } .lg\:my-12 { @media (width >= 64rem) { margin-block: calc(var(--spacing) * 12); } } .lg\:mt-0 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 0); } } .lg\:mt-4 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 4); } } .lg\:mt-10 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 10); } } .lg\:mt-16 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 16); } } .lg\:mt-20 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 20); } } .lg\:mt-24 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 24); } } .lg\:mt-32 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 32); } } .lg\:-mr-2 { @media (width >= 64rem) { margin-right: calc(var(--spacing) * -2); } } .lg\:mb-3 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 3); } } .lg\:mb-4 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 4); } } .lg\:mb-6 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 6); } } .lg\:mb-8 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 8); } } .lg\:mb-16 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 16); } } .lg\:mb-32 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 32); } } .lg\:ml-auto { @media (width >= 64rem) { margin-left: auto; } } .lg\:block { @media (width >= 64rem) { display: block; } } .lg\:flex { @media (width >= 64rem) { display: flex; } } .lg\:grid { @media (width >= 64rem) { display: grid; } } .lg\:hidden { @media (width >= 64rem) { display: none; } } .lg\:inline { @media (width >= 64rem) { display: inline; } } .lg\:aspect-\[4\/3\] { @media (width >= 64rem) { aspect-ratio: 4/3; } } .lg\:aspect-square { @media (width >= 64rem) { aspect-ratio: 1 / 1; } } .lg\:h-32 { @media (width >= 64rem) { height: calc(var(--spacing) * 32); } } .lg\:h-64 { @media (width >= 64rem) { height: calc(var(--spacing) * 64); } } .lg\:h-96 { @media (width >= 64rem) { height: calc(var(--spacing) * 96); } } .lg\:h-\[550px\] { @media (width >= 64rem) { height: 550px; } } .lg\:h-\[600px\] { @media (width >= 64rem) { height: 600px; } } .lg\:h-\[700px\] { @media (width >= 64rem) { height: 700px; } } .lg\:h-full { @media (width >= 64rem) { height: 100%; } } .lg\:max-h-none { @media (width >= 64rem) { max-height: none; } } .lg\:min-h-full { @media (width >= 64rem) { min-height: 100%; } } .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-32 { @media (width >= 64rem) { width: calc(var(--spacing) * 32); } } .lg\:w-64 { @media (width >= 64rem) { width: calc(var(--spacing) * 64); } } .lg\:w-96 { @media (width >= 64rem) { width: calc(var(--spacing) * 96); } } .lg\:w-\[37\%\] { @media (width >= 64rem) { width: 37%; } } .lg\:w-\[38\%\] { @media (width >= 64rem) { width: 38%; } } .lg\:w-\[40\%\] { @media (width >= 64rem) { width: 40%; } } .lg\:w-\[60\%\] { @media (width >= 64rem) { width: 60%; } } .lg\:w-\[62\%\] { @media (width >= 64rem) { width: 62%; } } .lg\:w-\[63\%\] { @media (width >= 64rem) { width: 63%; } } .lg\:w-\[65\%\] { @media (width >= 64rem) { width: 65%; } } .lg\:w-\[80\%\] { @media (width >= 64rem) { width: 80%; } } .lg\:w-\[400px\] { @media (width >= 64rem) { width: 400px; } } .lg\:w-auto { @media (width >= 64rem) { width: auto; } } .lg\:w-full { @media (width >= 64rem) { width: 100%; } } .lg\:max-w-full { @media (width >= 64rem) { max-width: 100%; } } .lg\:flex-shrink { @media (width >= 64rem) { flex-shrink: 1; } } .lg\:-translate-x-\[20\%\] { @media (width >= 64rem) { --tw-translate-x: calc(20% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .lg\:scale-100 { @media (width >= 64rem) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .lg\:scale-\[1\.5\] { @media (width >= 64rem) { scale: 1.5; } } .lg\:scale-\[1\.35\] { @media (width >= 64rem) { scale: 1.35; } } .lg\:auto-rows-\[300px\] { @media (width >= 64rem) { grid-auto-rows: 300px; } } .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-12 { @media (width >= 64rem) { grid-template-columns: repeat(12, minmax(0, 1fr)); } } .lg\:grid-rows-2 { @media (width >= 64rem) { grid-template-rows: repeat(2, minmax(0, 1fr)); } } .lg\:flex-col { @media (width >= 64rem) { flex-direction: column; } } .lg\:flex-row { @media (width >= 64rem) { flex-direction: row; } } .lg\:items-start { @media (width >= 64rem) { align-items: flex-start; } } .lg\:justify-end { @media (width >= 64rem) { justify-content: flex-end; } } .lg\:justify-start { @media (width >= 64rem) { justify-content: flex-start; } } .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-12 { @media (width >= 64rem) { gap: calc(var(--spacing) * 12); } } .lg\:gap-16 { @media (width >= 64rem) { gap: calc(var(--spacing) * 16); } } .lg\:gap-20 { @media (width >= 64rem) { gap: calc(var(--spacing) * 20); } } .lg\:gap-40 { @media (width >= 64rem) { gap: calc(var(--spacing) * 40); } } .lg\:space-y-5 { @media (width >= 64rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } } } .lg\:space-y-16 { @media (width >= 64rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } } } .lg\:space-y-32 { @media (width >= 64rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse))); } } } .lg\:overflow-visible { @media (width >= 64rem) { overflow: visible; } } .lg\:rounded-xl { @media (width >= 64rem) { border-radius: var(--radius-xl); } } .lg\:border-2 { @media (width >= 64rem) { border-style: var(--tw-border-style); border-width: 2px; } } .lg\:border-r-2 { @media (width >= 64rem) { border-right-style: var(--tw-border-style); border-right-width: 2px; } } .lg\:border-r-4 { @media (width >= 64rem) { border-right-style: var(--tw-border-style); border-right-width: 4px; } } .lg\:border-b-0 { @media (width >= 64rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .lg\:border-b-2 { @media (width >= 64rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } } .lg\:border-l { @media (width >= 64rem) { border-left-style: var(--tw-border-style); border-left-width: 1px; } } .lg\:border-matcha { @media (width >= 64rem) { border-color: var(--color-matcha); } } .lg\:border-saffron { @media (width >= 64rem) { border-color: var(--color-saffron); } } .lg\:bg-transparent { @media (width >= 64rem) { background-color: transparent; } } .lg\:\[mask-image\:linear-gradient\(to_left\,black_0\%\,black_33\.3\%\,transparent_66\.6\%\,transparent_100\%\)\] { @media (width >= 64rem) { mask-image: linear-gradient(to left,black 0%,black 33.3%,transparent 66.6%,transparent 100%); } } .lg\:p-6 { @media (width >= 64rem) { padding: calc(var(--spacing) * 6); } } .lg\:p-8 { @media (width >= 64rem) { padding: calc(var(--spacing) * 8); } } .lg\:p-10 { @media (width >= 64rem) { padding: calc(var(--spacing) * 10); } } .lg\:p-12 { @media (width >= 64rem) { padding: calc(var(--spacing) * 12); } } .lg\:p-14 { @media (width >= 64rem) { padding: calc(var(--spacing) * 14); } } .lg\:p-16 { @media (width >= 64rem) { padding: calc(var(--spacing) * 16); } } .lg\:p-20 { @media (width >= 64rem) { padding: calc(var(--spacing) * 20); } } .lg\:p-24 { @media (width >= 64rem) { padding: calc(var(--spacing) * 24); } } .lg\:px-0 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 0); } } .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\:py-0 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 0); } } .lg\:py-3\.5 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 3.5); } } .lg\:py-12 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 12); } } .lg\:py-16 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 16); } } .lg\:py-20 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 20); } } .lg\:py-24 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 24); } } .lg\:py-32 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 32); } } .lg\:pt-0 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 0); } } .lg\:pt-24 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 24); } } .lg\:pr-5 { @media (width >= 64rem) { padding-right: calc(var(--spacing) * 5); } } .lg\:pr-6 { @media (width >= 64rem) { padding-right: calc(var(--spacing) * 6); } } .lg\:pr-8 { @media (width >= 64rem) { padding-right: calc(var(--spacing) * 8); } } .lg\:pr-16 { @media (width >= 64rem) { padding-right: calc(var(--spacing) * 16); } } .lg\:pb-0 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 0); } } .lg\:pb-1 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 1); } } .lg\:pb-20 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 20); } } .lg\:pl-2 { @media (width >= 64rem) { padding-left: calc(var(--spacing) * 2); } } .lg\:pl-6 { @media (width >= 64rem) { padding-left: calc(var(--spacing) * 6); } } .lg\:pl-8 { @media (width >= 64rem) { padding-left: calc(var(--spacing) * 8); } } .lg\:pl-10 { @media (width >= 64rem) { padding-left: calc(var(--spacing) * 10); } } .lg\:pl-16 { @media (width >= 64rem) { padding-left: calc(var(--spacing) * 16); } } .lg\:text-justify { @media (width >= 64rem) { text-align: justify; } } .lg\:text-right { @media (width >= 64rem) { text-align: right; } } .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-xs { @media (width >= 64rem) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .lg\:text-\[5\.5rem\] { @media (width >= 64rem) { font-size: 5.5rem; } } .lg\:text-\[5rem\] { @media (width >= 64rem) { font-size: 5rem; } } .lg\:leading-8 { @media (width >= 64rem) { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } } .lg\:leading-\[1\.05\] { @media (width >= 64rem) { --tw-leading: 1.05; line-height: 1.05; } } .lg\:leading-\[2\.2\] { @media (width >= 64rem) { --tw-leading: 2.2; line-height: 2.2; } } .lg\:leading-loose { @media (width >= 64rem) { --tw-leading: var(--leading-loose); line-height: var(--leading-loose); } } .lg\:font-bold { @media (width >= 64rem) { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } } .lg\:font-extrabold { @media (width >= 64rem) { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } } .lg\:font-light { @media (width >= 64rem) { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } } .lg\:tracking-normal { @media (width >= 64rem) { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } } .lg\:tracking-widest { @media (width >= 64rem) { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } } .lg\:whitespace-normal { @media (width >= 64rem) { white-space: normal; } } .lg\:opacity-80 { @media (width >= 64rem) { opacity: 80%; } } .lg\:shadow-lg { @media (width >= 64rem) { --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); } } .lg\:drop-shadow-none { @media (width >= 64rem) { --tw-drop-shadow: ; 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,); } } .lg\:backdrop-blur-none { @media (width >= 64rem) { --tw-backdrop-blur: ; -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,); } } .lg\:hover\:scale-105 { @media (width >= 64rem) { &: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); } } } } .lg\:hover\:scale-110 { @media (width >= 64rem) { &:hover { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } } .xl\:p-16 { @media (width >= 80rem) { padding: calc(var(--spacing) * 16); } } .rtl\:rotate-180 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 180deg; } } .rtl\:justify-start { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { justify-content: flex-start; } } .rtl\:md\:text-right { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { @media (width >= 48rem) { text-align: right; } } } .\[\&\:\:-webkit-scrollbar\]\:hidden { &::-webkit-scrollbar { display: none; } } } @font-face {font-display:swap; font-family: 'Vazirmatn'; src: url(/wp-content/themes/Tea24/assets/fonts/Vazirmatn-Variable.woff2) format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; } @layer base { body { background: linear-gradient(45deg, var(--color-canvas), #F5F5F0, var(--color-canvas), var(--color-oatmeal)); background-size: 400% 400%; animation: meshGradient 20s ease infinite; overflow-x: hidden; scroll-behavior: smooth; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100vh; } @keyframes meshGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } html { scroll-behavior: smooth; } button[name="update_cart"] { display: none !important; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } main.site-main { min-height: auto !important; padding-bottom: 2rem !important; } body { background-color: var(--color-raw-canvas); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } } @layer components { .tea24-radio-card.selected { background-color: var(--color-matcha); color: white; border-color: var(--color-matcha); box-shadow: 0 8px 16px rgba(43,50,40,0.25); transform: translate3d(0, -2px, 0); } .tea24-radio-card.selected .check-icon { opacity: 1; transform: scale(1); } .tea24-discount-tile { background: linear-gradient(135deg, var(--color-saffron) 0%, #E87A52 100%); color: white; border: 1px solid rgba(255,255,255,0.3); box-shadow: 0 10px 25px -5px rgba(200, 90, 50, 0.4); } .tea24-toast { position: fixed; bottom: 2rem; left: 50%; transform: translate3d(-50%, 150%, 0); z-index: 9999; transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity 0.5s; opacity: 0; will-change: transform, opacity; } .tea24-toast.show { transform: translate3d(-50%, 0, 0); opacity: 1; } .tea24-sticky-bar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 50; transform: translate3d(0, 100%, 0); transition: transform 0.3s ease-in-out; box-shadow: 0 -10px 30px rgba(0,0,0,0.05); will-change: transform; } .tea24-sticky-bar.visible { transform: translate3d(0, 0, 0); } .tea24-modal { display: none; position: fixed; inset: 0; background: rgba(28,26,23,0.4); z-index: 9999; backdrop-filter: blur(12px); align-items: center; justify-content: center; } .tea24-modal.open { display: flex; animation: fadeIn 0.3s; } .bento-box { background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 28px; box-shadow: var(--shadow-soft); } .rounded-golden { border-radius: 24px; } .rounded-golden-sm { border-radius: 16px; } .product-card { padding-bottom: 20px; background: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.5); overflow: hidden; } .discount-badge { position: absolute; top: 12px; right: 12px; background-color: var(--color-saffron); color: #FFFFFF; width: 42px; height: 42px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid rgba(255,255,255,0.8); box-shadow: 0 5px 15px rgba(200, 90, 50, 0.3); z-index: 10; transform: translateZ(0) rotate(-10deg); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); will-change: transform; } .discount-badge:hover { transform: translateZ(0) rotate(0deg) scale(1.1); background-color: var(--color-matcha); } .discount-badge .d-num { font-weight: 900; font-size: 13px; line-height: 1; margin-bottom: 1px; } .discount-badge .d-txt { font-size: 8px; font-weight: 700; opacity: 0.9; line-height: 1; } .card-image-container { position: relative; width: 100%; height: 180px; background-color: rgba(255, 255, 255, 0.4); border-radius: 24px 24px 16px 16px; overflow: hidden; margin-left: auto; margin-right: auto; } .footer-action-area { position: relative; height: 40px; display: flex; align-items: center; justify-content: space-between; margin-top: 10px; } .price-wrapper { transition: all 0.4s ease; filter: blur(0); opacity: 1; width: 100%; text-align: right; padding-left: 50px; position: relative; z-index: 10; } .hani-capsule-btn:hover ~ .price-wrapper, .footer-action-area:hover .price-wrapper { filter: blur(3px); opacity: 0.5; } .hani-capsule-btn { position: absolute; left: 0; top: 0; height: 40px; width: 40px; background-color: var(--btn-bg); border-radius: 50px; display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; overflow: hidden; transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s; box-shadow: 0 4px 10px rgba(200, 90, 50, 0.2); z-index: 20; cursor: pointer; border: none; outline: none; padding: 0; margin: 0; } .hani-capsule-btn:hover { width: 100%; background-color: var(--btn-bg-hover); } .hani-capsule-btn:hover .hani-btn-text { opacity: 1; transform: translate3d(0, 0, 0); padding-right: 12px; } .hani-btn-icon { position: absolute; left: 0; top: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; z-index: 50; background-color: transparent; } .hani-btn-icon svg { display: block; width: 20px; height: 20px; stroke: #fff; transition: stroke 0.3s; } .hani-btn-text { white-space: nowrap; opacity: 0; color: #fff; transform: translate3d(-20px, 0, 0); transition: all 0.3s ease 0.1s; font-weight: 700; font-size: 11px; flex-grow: 1; text-align: center; padding-left: 40px; } .btn-loader { display: none; width: 16px; height: 16px; border: 2px solid rgba(255,255,255,0.3); border-radius: 50%; border-top-color: #fff; animation: spin 1s linear infinite; } .hani-capsule-btn.loading svg { display: none !important; } .hani-capsule-btn.loading .btn-loader { display: block; } .hani-capsule-btn.loading { pointer-events: none; width: 40px !important; opacity: 0.8; } .hani-simple-add.loading { color: transparent; pointer-events: none; position: relative; } .hani-simple-add.loading::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; border: 2px solid rgba(255,255,255,0.3); border-radius: 50%; border-top-color: #fff; animation: spin 1s linear infinite; } #cart-toast { position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%) translateY(150%); z-index: 9999; transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55); opacity: 0; } #cart-toast.show { transform: translateX(-50%) translateY(0); opacity: 1; } .progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.25) 75%,transparent 75%,transparent); background-size: 1rem 1rem; } ul#shipping_method { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; } ul#shipping_method li { background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.8); padding: 10px 14px; border-radius: 16px; display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; color: var(--color-ink); box-shadow: var(--shadow-soft); transition: all 0.3s ease; } ul#shipping_method li:hover { background: #fff; border-color: rgba(200, 90, 50, 0.2); transform: translateY(-1px); } ul#shipping_method li input[type="radio"], ul#shipping_method li input[type="hidden"] { accent-color: var(--color-saffron); width: 16px; height: 16px; cursor: pointer; margin: 0; } ul#shipping_method li label { cursor: pointer; flex: 1; display: flex; justify-content: space-between; margin: 0; } p.woocommerce-shipping-destination, a.shipping-calculator-button, section.shipping-calculator-form { display: none !important; } #honey-notification-tile .woocommerce-message { background-color: rgba(255, 255, 255, 0.85) !important; backdrop-filter: blur(12px) !important; color: var(--color-matcha) !important; border: 1px solid rgba(255,255,255,0.6) !important; border-right: 4px solid var(--color-matcha) !important; border-radius: 20px !important; padding: 20px !important; margin: 0 !important; font-size: 0.95rem !important; width: 100% !important; font-weight: 700; box-shadow: var(--shadow-soft) !important; display: flex; align-items: center; gap: 10px; } #honey-notification-tile .woocommerce-message::before { content: '✓'; display: inline-flex; justify-content: center; align-items: center; background: var(--color-matcha); color: white; width: 24px; height: 24px; border-radius: 50%; font-size: 14px; margin-left: 8px; } #honey-notification-tile .woocommerce-message .button { display: none !important; } .tea24-showcase-section { background-color: var(--color-matcha); border-radius: 40px; box-shadow: var(--shadow-card); padding: 3rem 1.5rem; position: relative; overflow: hidden; } .tea24-showcase-section::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, var(--color-leaf-900) 0%, transparent 100%); opacity: 0.5; pointer-events: none; } .tea24-showcase-heading { color: var(--color-raw-canvas); font-weight: 900; text-align: center; margin-bottom: 3rem; position: relative; z-index: 10; animation: var(--animate-cinematic-up); } .tea24-showcase-card { display: flex; flex-direction: column; align-items: center; gap: 1rem; text-align: center; position: relative; z-index: 10; } .tea24-img-box { background-color: var(--color-layer1); box-shadow: var(--shadow-soft); border: 2px solid transparent; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tea24-img-box::after { content: ''; position: absolute; inset: 0; background-color: var(--color-matcha); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .tea24-img-box img { transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1; } .tea24-showcase-card:hover .tea24-img-box { box-shadow: var(--shadow-glow); border-color: var(--color-saffron); } .tea24-showcase-card:hover .tea24-img-box::after { opacity: 0.05; } .tea24-showcase-card:nth-child(odd):hover .tea24-img-box img { transform: scale(1.1) rotate(-3deg); } .tea24-showcase-card:nth-child(even):hover .tea24-img-box img { transform: scale(1.1) rotate(3deg); } .tea24-showcase-card h3 { color: var(--color-raw-canvas); font-weight: 700; transition: color 0.3s ease; } .tea24-showcase-card:hover h3 { color: var(--color-saffron); } .tea24-showcase-card p { color: var(--color-oatmeal); font-weight: 300; opacity: 0.7; transition: opacity 0.3s ease; } .tea24-showcase-card:hover p { opacity: 1; } .glass-panel { background-color: rgba(255, 255, 255, 0.4); backdrop-filter: blur(24px) saturate(150%); -webkit-backdrop-filter: blur(24px) saturate(150%); border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: var(--shadow-glass); border-radius: 2.5rem; overflow: hidden; position: relative; transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1); transform: translateZ(0); } .glass-panel-interactive:hover { box-shadow: var(--shadow-glass-hover); border-color: rgba(200, 90, 50, 0.4); transform: translate3d(0, -4px, 0); } .glass-glare { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.5) 0%, transparent 50%, transparent 100%); opacity: 0; transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1); pointer-events: none; z-index: 0; } .glass-panel-interactive:hover .glass-glare { opacity: 1; } .btn-premium { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; background-color: var(--color-saffron); color: #ffffff; border-radius: 9999px; font-weight: 700; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); box-shadow: 0 8px 20px rgba(200, 90, 50, 0.25); will-change: transform, box-shadow; } .btn-premium:hover { background-color: var(--color-matcha); box-shadow: 0 15px 30px rgba(43, 50, 40, 0.3); transform: translateY(-2px) scale(1.02); } .btn-premium:active { transform: scale(0.98); } .gpu-force { transform: translateZ(0); backface-visibility: hidden; perspective: 1000px; } } @layer utilities { .squircle { clip-path: url(#squircleClip); } .magnetic-wrap { display: inline-block; transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); } .delay-100 { animation-delay: 100ms; } .delay-200 { animation-delay: 200ms; } .delay-300 { animation-delay: 300ms; } .delay-400 { animation-delay: 400ms; } .hide-scroll::-webkit-scrollbar { display: none; } .hide-scroll { -ms-overflow-style: none; scrollbar-width: none; } .tea24-lost-password-wrapper .lost_reset_password .form-row, .tea24-lost-password-wrapper .lost_reset_password .form-row-first, .tea24-reset-password-wrapper .lost_reset_password .form-row, .tea24-reset-password-wrapper .lost_reset_password .form-row-first, .tea24-reset-password-wrapper .lost_reset_password .form-row-last, .tea24-address-form .form-row { width: 100% !important; float: none !important; display: block !important; margin: 0 !important; } .tea24-address-form .form-row-wide { grid-column: 1 / -1; } .tea24-lost-password-wrapper label, .tea24-reset-password-wrapper label, .tea24-address-form label { display: block !important; font-size: 0.75rem !important; font-weight: 700 !important; color: rgba(28, 26, 23, 0.8) !important; text-transform: uppercase !important; letter-spacing: 0.025em !important; margin-bottom: 0.5rem !important; } .tea24-lost-password-wrapper label .required, .tea24-reset-password-wrapper label .required, .tea24-address-form label abbr, .tea24-address-form label .required { color: var(--color-saffron) !important; text-decoration: none !important; border: none !important; } .tea24-lost-password-wrapper input[type="text"], .tea24-reset-password-wrapper input[type="password"], .tea24-address-form input.input-text, .tea24-address-form input[type="text"], .tea24-address-form input[type="email"], .tea24-address-form input[type="tel"], .tea24-address-form textarea, .tea24-lost-password-wrapper button[type="submit"], .tea24-reset-password-wrapper button[type="submit"] { box-sizing: border-box !important; height: 56px !important; width: 100% !important; border-radius: 16px !important; } .tea24-address-form textarea { min-height: 120px !important; resize: vertical !important; height: auto !important; } .tea24-lost-password-wrapper input[type="text"], .tea24-reset-password-wrapper input[type="password"], .tea24-address-form input.input-text, .tea24-address-form input[type="text"], .tea24-address-form input[type="email"], .tea24-address-form input[type="tel"], .tea24-address-form textarea { background-color: rgba(255, 255, 255, 0.4) !important; backdrop-filter: blur(24px) !important; -webkit-backdrop-filter: blur(24px) !important; border: 1px solid rgba(255, 255, 255, 0.6) !important; color: var(--color-ink) !important; font-size: 0.875rem !important; padding: 0.75rem 1rem !important; transition: all 0.4s ease !important; box-shadow: 0 1px 2px 0 rgba(28, 26, 23, 0.05) !important; outline: none !important; } .tea24-lost-password-wrapper input[type="text"], .tea24-reset-password-wrapper input[type="password"], .tea24-address-form input[type="email"], .tea24-address-form input[type="tel"], .tea24-address-form input[name*="postcode"] { direction: ltr !important; text-align: left !important; } .tea24-lost-password-wrapper input[type="text"]:hover, .tea24-reset-password-wrapper input[type="password"]:hover, .tea24-address-form input.input-text:hover, .tea24-address-form input[type="text"]:hover, .tea24-address-form input[type="email"]:hover, .tea24-address-form input[type="tel"]:hover, .tea24-address-form textarea:hover { background-color: rgba(255, 255, 255, 0.7) !important; border-color: rgba(200, 90, 50, 0.4) !important; transform: translateY(-2px) !important; } .tea24-lost-password-wrapper input[type="text"]:focus, .tea24-reset-password-wrapper input[type="password"]:focus, .tea24-address-form input.input-text:focus, .tea24-address-form input[type="text"]:focus, .tea24-address-form input[type="email"]:focus, .tea24-address-form input[type="tel"]:focus, .tea24-address-form textarea:focus { background-color: #ffffff !important; border-color: var(--color-saffron) !important; box-shadow: 0 0 0 4px rgba(200, 90, 50, 0.15) !important; transform: translateY(0) !important; } .tea24-lost-password-wrapper button[type="submit"], .tea24-reset-password-wrapper button[type="submit"] { background-color: var(--color-saffron) !important; color: #ffffff !important; font-weight: 900 !important; padding: 0 2rem !important; border: none !important; transition: all 0.4s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 15px -3px rgba(200, 90, 50, 0.4) !important; cursor: pointer !important; margin: 0 !important; } .tea24-lost-password-wrapper button[type="submit"]:hover, .tea24-reset-password-wrapper button[type="submit"]:hover { background-color: var(--color-matcha) !important; transform: translateY(-2px) !important; box-shadow: 0 10px 25px -5px rgba(43, 50, 40, 0.4) !important; } .tea24-address-form select { appearance: none; -webkit-appearance: none; cursor: pointer; } .tea24-address-form .select2-container--default .select2-selection--single { background-color: rgba(255, 255, 255, 0.4) !important; backdrop-filter: blur(24px) !important; -webkit-backdrop-filter: blur(24px) !important; border: 1px solid rgba(255, 255, 255, 0.6) !important; border-radius: 16px !important; height: 48px !important; padding: 0.5rem 0.75rem !important; transition: all 0.4s ease !important; box-shadow: 0 1px 2px 0 rgba(28, 26, 23, 0.05) !important; display: flex !important; align-items: center !important; } .tea24-address-form .select2-container--default.select2-container--open .select2-selection--single { background-color: #ffffff !important; border-color: var(--color-saffron) !important; box-shadow: 0 0 0 4px rgba(200, 90, 50, 0.15) !important; } .tea24-address-form .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--color-ink) !important; font-size: 0.875rem !important; padding-left: 20px !important; padding-right: 0 !important; } .tea24-address-form .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px !important; top: 0 !important; left: 10px !important; right: auto !important; } .tea24-address-form .select2-dropdown { background-color: rgba(255, 255, 255, 0.9) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; border: 1px solid rgba(255, 255, 255, 0.6) !important; border-radius: 16px !important; box-shadow: 0 10px 30px -10px rgba(28, 26, 23, 0.1) !important; overflow: hidden !important; margin-top: 4px !important; } .tea24-address-form .select2-container--default .select2-results__option[aria-selected=true] { background-color: var(--color-ink) !important; color: #ffffff !important; font-weight: 700 !important; } .tea24-address-form .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--color-saffron) !important; color: white !important; } .tea24-wallet-transactions-wrapper table { width: 100% !important; border-collapse: collapse !important; } .tea24-wallet-transactions-wrapper thead tr { background: rgba(223, 216, 204, 0.3) !important; } .tea24-wallet-transactions-wrapper th { padding: 15px !important; color: var(--color-ink) !important; font-size: 13px !important; border: none !important; text-align: right; font-weight: 900; } .tea24-wallet-transactions-wrapper th:first-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .tea24-wallet-transactions-wrapper th:last-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .tea24-wallet-transactions-wrapper td { padding: 18px 15px !important; color: rgba(28, 26, 23, 0.8) !important; font-size: 13px !important; border-bottom: 1px solid rgba(223, 216, 204, 0.4) !important; text-align: right; font-weight: 500; } .tea24-wallet-transactions-wrapper tr:last-child td { border: none !important; } .tea24-wallet-transactions-wrapper td.amount { font-weight: 800 !important; color: var(--color-saffron) !important; } .tea24-order-details-wrapper table { width: 100% !important; border-collapse: collapse !important; text-align: right !important; } .tea24-order-details-wrapper table th { background: rgba(223, 216, 204, 0.2); color: var(--color-ink); padding: 1rem 1.25rem; font-weight: 900; font-size: 0.875rem; } .tea24-order-details-wrapper table th:first-child { border-top-right-radius: 16px; border-bottom-right-radius: 16px; } .tea24-order-details-wrapper table th:last-child { border-top-left-radius: 16px; border-bottom-left-radius: 16px; } .tea24-order-details-wrapper table td { padding: 1rem 1.25rem; border-bottom: 1px solid rgba(223, 216, 204, 0.4); color: rgba(28, 26, 23, 0.8); font-size: 0.875rem; font-weight: 500; } .tea24-order-details-wrapper table tr:last-child td { border-bottom: none; } .tea24-order-details-wrapper table tfoot th { background: transparent; border-bottom: 1px solid rgba(223, 216, 204, 0.4); padding: 1rem; } .tea24-order-details-wrapper table tfoot tr:last-child th, .tea24-order-details-wrapper table tfoot tr:last-child td { border-bottom: none; color: var(--color-saffron); font-size: 1rem; font-weight: 900; } .tea24-order-details-wrapper h2 { font-size: 1.125rem; font-weight: 900; color: var(--color-ink); margin-bottom: 1rem; margin-top: 2rem; display: flex; align-items: center; gap: 0.5rem; } .tea24-order-details-wrapper h2::before { content: '';display:block;width:4px;height:16px;background-color:var(--color-saffron);border-radius:4px}.tea24-order-details-wrapper address{font-style:normal;background:rgb(255 255 255 / .4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.5rem;border-radius:20px;color:rgb(28 26 23 / .8);line-height:2;font-size:.875rem;border:1px solid rgb(255 255 255 / .6);box-shadow:var(--shadow-soft)}.tea24-woo-form{position:absolute;left:-9999px;top:-9999px;visibility:hidden;opacity:0;z-index:-100;height:0;overflow:hidden}.gpu-force{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}}@property --tw-border-spacing-x{syntax:"";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"";inherits:false;initial-value:0}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-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:"";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"";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:"";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"";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:"";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:"";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:"";inherits:false;initial-value:0}@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:"";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-content{syntax:"*";initial-value:"";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes cinematicUp{0%{opacity:0;transform:translate3d(0,40px,0);filter:blur(10px)}100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}@keyframes float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}@keyframes spin{to{transform:translateZ(0) 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-border-spacing-x:0;--tw-border-spacing-y:0;--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-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-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-content:""}}}