@layer theme {
:host, :root { --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --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% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-600: oklch(60% .118 184.704); --color-cyan-600: oklch(60.9% .126 221.723); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-600: oklch(54.1% .281 293.009); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-stone-500: oklch(55.3% .013 58.071); --color-black: #000; --color-white: #fff; --spacing: .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: .75rem; --text-xs--line-height: calc(1/.75); --text-sm: .875rem; --text-sm--line-height: calc(1.25/.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; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --drop-shadow-sm: 0 1px 2px #00000026; --drop-shadow-lg: 0 4px 4px #00000026; --ease-in: cubic-bezier(.4,0,1,1); --ease-out: cubic-bezier(0,0,.2,1); --ease-in-out: cubic-bezier(.4,0,.2,1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0,0,.2,1)infinite; --animate-pulse: pulse 2s cubic-bezier(.4,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; --aspect-video: 16/9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); }
}
@layer base {
*, ::backdrop, ::after, ::before { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
::placeholder { opacity: 1; color: color-mix(in oklab, currentColor 50%, transparent); }
:host, html { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
menu, ol, ul { list-style: none; }
audio, canvas, embed, iframe, img, object, svg, video { vertical-align: middle; display: block; }
img, video { max-width: 100%; height: auto; }
button, input, optgroup, select, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
textarea { resize: vertical; }
button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
body { font-weight: 300; }
h1, h2, h3, h4, h5, h6 { font-family: "Gotham",var(--font-montserrat),"Montserrat","Roboto",sans-serif; font-weight: 400; }
:root { --color-z-red: 136 41 37; --color-z-linen: 236 223 214; --color-z-gray: 70 70 70; --color-z-green: 31 58 37; --color-z-red2: 206 64 63; --color-z-linen2: 236 232 214; --color-z-pink: 250 52 110; --color-z-cream: 255 254 247; --color-z-blue: 37 63 120; --color-z-white3: 232,236,214; --color-songlong-green-gold: 31 58 37; --color-songlong-green-gold-light: 236 232 214; --color-songlong-green-navy: 70 70 70; --color-songlong-green-cream: 255 254 247; --color-songlong-green-brown: 44 36 22; --color-songlong-blue-blush: 216 167 167; --color-songlong-blue-blush-light: 240 201 201; --color-songlong-blue-rose: 139 90 90; --color-songlong-blue-pink-bg: 255 245 245; --color-songlong-blue-brown: 74 51 51; }
:root:has(input.theme-controller[value="halloween"]:checked), [data-theme="halloween"] { color-scheme: dark; --color-base-100: oklch(21% .006 56.043); --color-base-200: oklch(14% .004 49.25); --color-base-300: oklch(0% 0 0); --color-base-content: oklch(84.955% 0 0); --color-primary: oklch(77.48% .204 60.62); --color-primary-content: oklch(19.693% .004 196.779); --color-secondary: oklch(45.98% .248 305.03); --color-secondary-content: oklch(89.196% .049 305.03); --color-accent: oklch(64.8% .223 136.073); --color-accent-content: oklch(0% 0 0); --color-neutral: oklch(24.371% .046 65.681); --color-neutral-content: oklch(84.874% .009 65.681); --color-info: oklch(54.615% .215 262.88); --color-info-content: oklch(90.923% .043 262.88); --color-success: oklch(62.705% .169 149.213); --color-success-content: oklch(12.541% .033 149.213); --color-warning: oklch(66.584% .157 58.318); --color-warning-content: oklch(13.316% .031 58.318); --color-error: oklch(65.72% .199 27.33); --color-error-content: oklch(13.144% .039 27.33); --radius-selector: 1rem; --radius-field: .5rem; --radius-box: 1rem; --size-selector: .25rem; --size-field: .25rem; --border: 1px; --depth: 1; --noise: 0; }
:root { --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E"); scrollbar-color: currentcolor rgba(0, 0, 0, 0); }
@supports (color:color-mix(in lab,red,red)) {
:root { scrollbar-color: color-mix(in oklch, currentcolor 35%, rgba(0, 0, 0, 0) 65%) rgba(0, 0, 0, 0); }
}
:root:not(span) { overflow: var(--page-overflow); }
:root { --page-scroll-bg-on: linear-gradient(var(--root-bg),var(--root-bg))var(--root-bg); }
@supports (color:color-mix(in lab,red,red)) {
:root { --page-scroll-bg-on: linear-gradient(var(--root-bg),var(--root-bg))color-mix(in srgb,var(--root-bg),oklch(0% 0 0) calc(var(--page-has-backdrop,0)*40%)); }
}
:root { --page-scroll-transition-on: background-color .3s ease-out; transition: var(--page-scroll-transition); scrollbar-gutter: if(style(--page-has-scroll:1):var(--page-scroll-gutter,unset); else:unset); }
:root:root { background: var(--page-scroll-bg,var(--root-bg,var(--color-base-100))); }
@keyframes set-page-has-scroll { 
  0%, 100% { --page-has-scroll: 1; }
}
:root, [data-theme] { background-color: var(--root-bg,var(--color-base-100)); color: var(--color-base-content); }
:where(:root, [data-theme]) { --root-bg: var(--color-base-100); }
}
@layer components;
@layer utilities {
@layer daisyui.l1.l2.l3 {
.modal { pointer-events: none; visibility: hidden; width: 100%; max-width: none; height: 100%; max-height: none; color: inherit; transition: visibility 0.3s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out; overscroll-behavior: contain; z-index: 999; scrollbar-gutter: auto; background-color: rgba(0, 0, 0, 0); place-items: center; margin: 0px; padding: 0px; display: grid; position: fixed; inset: 0px; overflow: clip; }
.modal::backdrop { display: none; }
:where(.btn) { width: unset; }
.btn { cursor: pointer; text-align: center; vertical-align: middle; outline-offset: 2px; user-select: none; padding-inline: var(--btn-p); color: var(--btn-fg); --tw-prose-links: var(--btn-fg); height: var(--size); font-size: var(--fontsize,.875rem); outline-color: var(--btn-color,var(--color-base-content)); background-color: var(--btn-bg); background-size: auto,calc(var(--noise)*100%); background-image: none,var(--btn-noise); border-width: var(--border); border-style: solid; border-color: var(--btn-border); text-shadow: 0 .5px oklch(100% 0 0/calc(var(--depth)*.15)); touch-action: manipulation; box-shadow: 0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow); --size: calc(var(--size-field,.25rem)*10); --btn-bg: var(--btn-color,var(--color-base-200)); --btn-fg: var(--color-base-content); --btn-p: 1rem; --btn-border: var(--btn-bg); border-start-start-radius: var(--join-ss,var(--radius-field)); border-start-end-radius: var(--join-se,var(--radius-field)); border-end-end-radius: var(--join-ee,var(--radius-field)); border-end-start-radius: var(--join-es,var(--radius-field)); flex-wrap: nowrap; flex-shrink: 0; justify-content: center; align-items: center; gap: 0.375rem; font-weight: 600; transition-property: color, background-color, border-color, box-shadow; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); display: inline-flex; }
@supports (color:color-mix(in lab,red,red)) {
.btn { --btn-border: color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%)); }
}
.btn { --btn-shadow: 0 3px 2px -2px var(--btn-bg),0 4px 3px -2px var(--btn-bg); }
@supports (color:color-mix(in lab,red,red)) {
.btn { --btn-shadow: 0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000); }
}
.btn { --btn-noise: var(--fx-noise); }
@media (hover: hover) {
.btn:hover { --btn-bg: var(--btn-color,var(--color-base-200)); }
@supports (color:color-mix(in lab,red,red)) {
.btn:hover { --btn-bg: color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%); }
}
}
.btn:active:not(.btn-active) { --btn-bg: var(--btn-color,var(--color-base-200)); translate: 0px 0.5px; }
@supports (color:color-mix(in lab,red,red)) {
.btn:active:not(.btn-active) { --btn-bg: color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%); }
}
.btn:active:not(.btn-active) { --btn-border: var(--btn-color,var(--color-base-200)); }
@supports (color:color-mix(in lab,red,red)) {
.btn:active:not(.btn-active) { --btn-border: color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%); }
}
.btn:active:not(.btn-active) { --btn-shadow: 0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0); }
.modal-backdrop { color: rgba(0, 0, 0, 0); z-index: -1; grid-row-start: 1; grid-column-start: 1; place-self: stretch; display: grid; }
.modal-backdrop button { cursor: pointer; }
.hero > *, .modal-box { grid-row-start: 1; grid-column-start: 1; }
.modal-box { background-color: var(--color-base-100); border-top-left-radius: var(--modal-tl,var(--radius-box)); border-top-right-radius: var(--modal-tr,var(--radius-box)); border-bottom-left-radius: var(--modal-bl,var(--radius-box)); border-bottom-right-radius: var(--modal-br,var(--radius-box)); opacity: 0; overscroll-behavior: contain; width: 91.6667%; max-width: 32rem; max-height: 100vh; padding: 1.5rem; transition: translate 0.3s ease-out, scale 0.3s ease-out, opacity 0.2s ease-out 50ms, box-shadow 0.3s ease-out; overflow-y: auto; scale: 0.95; box-shadow: oklch(0 0 0 / 0.25) 0px 25px 50px -12px; }
}
@layer daisyui.l1.l2 {
.modal-toggle:checked + .modal, .modal.modal-open, .modal:target, .modal[open] { pointer-events: auto; visibility: visible; opacity: 1; transition: visibility allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out; background-color: oklch(0 0 0 / 0.4); }
:is(.modal.modal-open, .modal[open], .modal:target, .modal-toggle:checked + .modal) .modal-box { opacity: 1; translate: 0px; scale: 1; }
:root:has(:is(.modal.modal-open, .modal[open], .modal:target, .modal-toggle:checked + .modal)) { --page-has-backdrop: 1; --page-overflow: hidden; --page-scroll-bg: var(--page-scroll-bg-on); --page-scroll-gutter: stable; --page-scroll-transition: var(--page-scroll-transition-on); animation-duration: auto; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: set-page-has-scroll; animation-range: normal; animation-timeline: scroll(); }
@starting-style {
.modal-toggle:checked + .modal, .modal.modal-open, .modal:target, .modal[open] { opacity: 0; }
}
.btn:disabled { pointer-events: none; --btn-border: #0000; --btn-noise: none; --btn-fg: var(--color-base-content); }
@supports (color:color-mix(in lab,red,red)) {
.btn:disabled { --btn-fg: color-mix(in oklch,var(--color-base-content)20%,#0000); }
}
.modal-bottom { place-items: end; }
.modal-bottom .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: 0; --modal-br: 0; width: 100%; max-width: none; height: auto; max-height: calc(-5em + 100vh); translate: 0px 100%; scale: 1; }
.btn-circle { border-radius: 3.40282e+38px; }
.btn-circle, .btn-square { width: var(--size); height: var(--size); padding-inline: 0px; }
.btn-sm { --fontsize: .75rem; --btn-p: .75rem; --size: calc(var(--size-field,.25rem)*8); }
.btn-ghost:not(.btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.filter .btn)) { --btn-shadow: ""; --btn-bg: #0000; --btn-border: #0000; --btn-noise: none; }
.btn-ghost:not(.btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.filter .btn)):not(:disabled, [disabled], .btn-disabled) { --btn-fg: var(--btn-color,currentColor); outline-color: currentcolor; }
.btn-ghost:not(.btn-active, :active, :focus-visible, input:checked:not(.filter .btn)):hover { --btn-shadow: ""; --btn-bg: #0000; --btn-fg: var(--btn-color,currentColor); --btn-border: #0000; --btn-noise: none; outline-color: currentcolor; }
}
.pointer-events-none { pointer-events: none; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.relative { position: relative; }
.inset-0 { inset: calc(var(--spacing)*0); }
.inset-1 { inset: calc(var(--spacing)*1); }
.-top-8 { top: calc(var(--spacing)*-8); }
.-top-\[40px\] { top: -40px; }
.top-0 { top: calc(var(--spacing)*0); }
.top-1\/2 { top: 50%; }
.top-2 { top: calc(var(--spacing)*2); }
.top-3 { top: calc(var(--spacing)*3); }
.top-\[-327px\] { top: -327px; }
.top-\[5px\] { top: 5px; }
.top-\[165px\] { top: 165px; }
.top-\[302px\] { top: 302px; }
.top-\[1054px\] { top: 1054px; }
.top-\[1180px\] { top: 1180px; }
.top-\[1848px\] { top: 1848px; }
.top-\[2350px\] { top: 2350px; }
.top-\[2545px\] { top: 2545px; }
.top-\[2960px\] { top: 2960px; }
.top-\[4060px\] { top: 4060px; }
.-right-\[142px\] { right: -142px; }
.-right-\[220px\] { right: -220px; }
.-right-\[340px\] { right: -340px; }
.-right-\[400px\] { right: -400px; }
.right-0 { right: calc(var(--spacing)*0); }
.right-2 { right: calc(var(--spacing)*2); }
.right-3 { right: calc(var(--spacing)*3); }
.right-4 { right: calc(var(--spacing)*4); }
.right-\[-50\%\] { right: -50%; }
.-bottom-8 { bottom: calc(var(--spacing)*-8); }
.bottom-0 { bottom: calc(var(--spacing)*0); }
.bottom-1\/2 { bottom: 50%; }
.bottom-2 { bottom: calc(var(--spacing)*2); }
.bottom-14 { bottom: calc(var(--spacing)*14); }
.bottom-\[-10\%\] { bottom: -10%; }
.bottom-\[100px\] { bottom: 100px; }
.-left-\[110px\] { left: -110px; }
.-left-\[290px\] { left: -290px; }
.left-0 { left: calc(var(--spacing)*0); }
.left-1\/2 { left: 50%; }
.left-2 { left: calc(var(--spacing)*2); }
.left-\[-35\%\] { left: -35%; }
.left-\[-50\%\] { left: -50%; }
.left-\[-83px\] { left: -83px; }
.left-\[-388\.5px\] { left: -388.5px; }
.left-\[20px\] { left: 20px; }
.left-\[55px\] { left: 55px; }
.left-\[111\.5px\] { left: 111.5px; }
.isolate { isolation: isolate; }
.-z-10 { z-index: calc(-10); }
.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-\[200\] { z-index: 200; }
.z-\[9999\] { z-index: 9999; }
.m-0 { margin: calc(var(--spacing)*0); }
.mx-auto { margin-inline: auto; }
.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-6 { margin-top: calc(var(--spacing)*6); }
.mt-8 { margin-top: calc(var(--spacing)*8); }
.mt-10 { margin-top: calc(var(--spacing)*10); }
.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-10 { margin-bottom: calc(var(--spacing)*10); }
.line-clamp-1, .line-clamp-2 { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.line-clamp-2 { -webkit-line-clamp: 2; }
.block { display: block; }
.contents { display: contents; }
.flex { display: flex; }
.grid { display: grid; }
.hidden { display: none; }
.inline-flex { display: inline-flex; }
.aspect-\[2\/3\] { aspect-ratio: 2 / 3; }
.h-2\.5 { height: calc(var(--spacing)*2.5); }
.h-3\.5 { height: calc(var(--spacing)*3.5); }
.h-4 { height: calc(var(--spacing)*4); }
.h-5 { height: calc(var(--spacing)*5); }
.h-6 { height: calc(var(--spacing)*6); }
.h-7 { height: calc(var(--spacing)*7); }
.h-8 { height: calc(var(--spacing)*8); }
.h-12 { height: calc(var(--spacing)*12); }
.h-44 { height: calc(var(--spacing)*44); }
.h-\[24px\] { height: 24px; }
.h-\[30px\] { height: 30px; }
.h-\[92\%\] { height: 92%; }
.h-\[100dvh\] { height: 100dvh; }
.h-\[267px\] { height: 267px; }
.h-\[340px\] { height: 340px; }
.h-\[440px\] { height: 440px; }
.h-auto { height: auto; }
.h-full { height: 100%; }
.h-px { height: 1px; }
.max-h-\[80vh\] { max-height: 80vh; }
.max-h-\[90vh\] { max-height: 90vh; }
.max-h-\[500px\] { max-height: 500px; }
.max-h-full { max-height: 100%; }
.min-h-0 { min-height: calc(var(--spacing)*0); }
.min-h-\[840px\] { min-height: 840px; }
.min-h-screen { min-height: 100vh; }
.w-1 { width: calc(var(--spacing)*1); }
.w-2\.5 { width: calc(var(--spacing)*2.5); }
.w-3\.5 { width: calc(var(--spacing)*3.5); }
.w-4 { width: calc(var(--spacing)*4); }
.w-5 { width: calc(var(--spacing)*5); }
.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-12 { width: calc(var(--spacing)*12); }
.w-44 { width: calc(var(--spacing)*44); }
.w-\[2px\] { width: 2px; }
.w-\[26px\] { width: 26px; }
.w-\[90\%\] { width: 90%; }
.w-\[155px\] { width: 155px; }
.w-\[290px\] { width: 290px; }
.w-\[296px\] { width: 296px; }
.w-\[297px\] { width: 297px; }
.w-\[300px\] { width: 300px; }
.w-\[310px\] { width: 310px; }
.w-\[320px\] { width: 320px; }
.w-\[450px\] { width: 450px; }
.w-\[558\.77px\] { width: 558.77px; }
.w-\[600px\] { width: 600px; }
.w-\[610px\] { width: 610px; }
.w-\[622\.77px\] { width: 622.77px; }
.w-\[750px\] { width: 750px; }
.w-\[1062px\] { width: 1062px; }
.w-auto { width: auto; }
.w-fit { width: fit-content; }
.w-full { width: 100%; }
.w-px { width: 1px; }
.w-screen { width: 100vw; }
.\!max-w-none { max-width: none !important; }
.max-w-5xl { max-width: var(--container-5xl); }
.max-w-\[90vw\] { max-width: 90vw; }
.max-w-\[180px\] { max-width: 180px; }
.max-w-\[280px\] { max-width: 280px; }
.max-w-\[338px\] { max-width: 338px; }
.max-w-\[390px\] { max-width: 390px; }
.max-w-\[460px\] { max-width: 460px; }
.max-w-\[480px\] { max-width: 480px; }
.max-w-full { max-width: 100%; }
.max-w-lg { max-width: var(--container-lg); }
.max-w-md { max-width: var(--container-md); }
.max-w-none { max-width: none; }
.max-w-sm { max-width: var(--container-sm); }
.min-w-0 { min-width: calc(var(--spacing)*0); }
.flex-1 { flex: 1 1 0%; }
.flex-shrink-0 { flex-shrink: 0; }
.shrink-0 { flex-shrink: 0; }
.-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2*100%)*-1); }
.-translate-x-1\/2, .-translate-x-\[2vw\] { translate: var(--tw-translate-x)var(--tw-translate-y); }
.-translate-y-1\/2, .translate-x-full { translate: var(--tw-translate-x)var(--tw-translate-y); }
.-translate-y-1\/2 { --tw-translate-y: calc(calc(1/2*100%)*-1); }
.scale-100, .scale-105 { scale: var(--tw-scale-x)var(--tw-scale-y); }
.scale-105 { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; }
.scale-x-100, .scale-x-\[-1\] { scale: var(--tw-scale-x)var(--tw-scale-y); }
.scale-x-\[-1\] { --tw-scale-x: -1; }
.rotate-\[-0\.76deg\] { rotate: -0.76deg; }
.rotate-\[-17deg\] { rotate: -17deg; }
.rotate-\[-60\.58deg\] { rotate: -60.58deg; }
.rotate-\[13deg\] { rotate: 13deg; }
.rotate-\[160deg\] { rotate: 160deg; }
.cursor-default { cursor: default; }
.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,); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.grid-cols-7 { grid-template-columns: repeat(7, minmax(0px, 1fr)); }
.grid-cols-\[minmax\(0\,1fr\)_16px_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 1fr) 16px minmax(0px, 1fr); }
.flex-col { flex-direction: column; }
.flex-row-reverse { flex-direction: row-reverse; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.items-start { align-items: flex-start; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.justify-start { justify-content: flex-start; }
.gap-0\.5 { gap: calc(var(--spacing)*.5); }
.gap-1 { gap: calc(var(--spacing)*1); }
.gap-1\.5 { gap: calc(var(--spacing)*1.5); }
.gap-2 { gap: calc(var(--spacing)*2); }
.gap-3 { gap: calc(var(--spacing)*3); }
.gap-4 { gap: calc(var(--spacing)*4); }
.gap-6 { gap: calc(var(--spacing)*6); }
.gap-8 { gap: calc(var(--spacing)*8); }
:where(.space-y-0\.5 > :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))); }
:where(.space-y-3 > :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))); }
.gap-x-6 { column-gap: calc(var(--spacing)*6); }
.gap-y-0\.5 { row-gap: calc(var(--spacing)*.5); }
.gap-y-8 { row-gap: calc(var(--spacing)*8); }
.self-stretch { align-self: stretch; }
.overflow-hidden { overflow: hidden; }
.overflow-visible { overflow: visible; }
.overflow-x-auto { overflow-x: auto; }
.overflow-x-clip { overflow-x: clip; }
.overflow-y-auto { overflow-y: auto; }
.overscroll-none { overscroll-behavior: none; }
.rounded-2xl { border-radius: var(--radius-2xl); }
.rounded-\[15px\] { border-radius: 15px; }
.rounded-full { border-radius: 3.40282e+38px; }
.rounded-lg { border-radius: var(--radius-lg); }
.rounded-md { border-radius: var(--radius-md); }
.rounded-xl { border-radius: var(--radius-xl); }
.border { border-style: var(--tw-border-style); border-width: 1px; }
.border-\[5px\] { border-style: var(--tw-border-style); border-width: 5px; }
.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-none { --tw-border-style: none; border-style: none; }
.border-gray-200 { border-color: var(--color-gray-200); }
.border-gray-300 { border-color: var(--color-gray-300); }
.border-white\/20 { border-color: rgba(255, 255, 255, 0.2); }
@supports (color:color-mix(in lab,red,red)) {
.border-white\/20 { border-color: color-mix(in oklab,var(--color-white)20%,transparent); }
}
.bg-base-200\/60 { background-color: var(--color-base-200); }
@supports (color:color-mix(in lab,red,red)) {
.bg-base-200\/60 { background-color: color-mix(in oklab,var(--color-base-200)60%,transparent); }
}
.bg-black { background-color: var(--color-black); }
.bg-black\/30 { background-color: rgba(0, 0, 0, 0.3); }
@supports (color:color-mix(in lab,red,red)) {
.bg-black\/30 { background-color: color-mix(in oklab,var(--color-black)30%,transparent); }
}
.bg-black\/40 { background-color: rgba(0, 0, 0, 0.4); }
@supports (color:color-mix(in lab,red,red)) {
.bg-black\/40 { background-color: color-mix(in oklab,var(--color-black)40%,transparent); }
}
.bg-black\/85 { background-color: rgba(0, 0, 0, 0.85); }
@supports (color:color-mix(in lab,red,red)) {
.bg-black\/85 { background-color: color-mix(in oklab,var(--color-black)85%,transparent); }
}
.bg-gray-200 { background-color: var(--color-gray-200); }
.bg-transparent { background-color: rgba(0, 0, 0, 0); }
.bg-white { background-color: var(--color-white); }
.bg-gradient-to-t, .bg-gradient-to-tr { background-image: linear-gradient(var(--tw-gradient-stops)); }
.bg-gradient-to-tr { --tw-gradient-position: to top right in oklab; }
.from-white\/30 { --tw-gradient-from: #ffffff4d; }
@supports (color:color-mix(in lab,red,red)) {
.from-white\/30 { --tw-gradient-from: color-mix(in oklab,var(--color-white)30%,transparent); }
}
.from-white\/30 { --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-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); }
.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)); }
.object-contain { object-fit: contain; }
.object-cover { object-fit: cover; }
.p-0 { padding: calc(var(--spacing)*0); }
.p-2 { padding: calc(var(--spacing)*2); }
.p-4 { padding: calc(var(--spacing)*4); }
.p-6 { padding: calc(var(--spacing)*6); }
.px-1 { padding-inline: calc(var(--spacing)*1); }
.px-2 { padding-inline: calc(var(--spacing)*2); }
.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); }
.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-8 { padding-block: calc(var(--spacing)*8); }
.pt-0\.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-28 { padding-top: calc(var(--spacing)*28); }
.pt-\[210px\] { padding-top: 210px; }
.pr-2 { padding-right: calc(var(--spacing)*2); }
.pb-3 { padding-bottom: calc(var(--spacing)*3); }
.pb-4 { padding-bottom: calc(var(--spacing)*4); }
.pb-8 { padding-bottom: calc(var(--spacing)*8); }
.pb-10 { padding-bottom: calc(var(--spacing)*10); }
.pb-12 { padding-bottom: calc(var(--spacing)*12); }
.pb-14 { padding-bottom: calc(var(--spacing)*14); }
.pb-\[26px\] { padding-bottom: 26px; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-start { text-align: start; }
.font-mono { font-family: var(--font-mono); }
.font-sans { font-family: var(--font-sans); }
.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-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-\[10px\] { font-size: 10px; }
.text-\[11px\] { font-size: 11px; }
.text-\[12px\] { font-size: 12px; }
.text-\[13px\] { font-size: 13px; }
.text-\[15px\] { font-size: 15px; }
.text-\[16px\] { font-size: 16px; }
.text-\[17px\] { font-size: 17px; }
.text-\[18px\] { font-size: 18px; }
.text-\[20px\] { font-size: 20px; }
.text-\[25px\] { font-size: 25px; }
.text-\[30px\] { font-size: 30px; }
.text-\[35px\] { font-size: 35px; }
.leading-\[55px\] { --tw-leading: 55px; line-height: 55px; }
.leading-none { --tw-leading: 1; line-height: 1; }
.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-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
.font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); }
.font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
.font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); }
.font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
.tracking-\[0\.2em\] { --tw-tracking: .2em; letter-spacing: 0.2em; }
.tracking-\[0\.25em\] { --tw-tracking: .25em; letter-spacing: 0.25em; }
.tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); }
.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); }
.\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere; }
.whitespace-nowrap { white-space: nowrap; }
.whitespace-pre-line { white-space: pre-line; }
.text-gray-400 { color: var(--color-gray-400); }
.text-gray-600 { color: var(--color-gray-600); }
.text-gray-700 { color: var(--color-gray-700); }
.text-gray-800 { color: var(--color-gray-800); }
.text-gray-900 { color: var(--color-gray-900); }
.text-white { color: var(--color-white); }
.text-white\/80 { color: rgba(255, 255, 255, 0.8); }
@supports (color:color-mix(in lab,red,red)) {
.text-white\/80 { color: color-mix(in oklab,var(--color-white)80%,transparent); }
}
.uppercase { text-transform: uppercase; }
.ordinal, .tabular-nums { font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,); }
.tabular-nums { --tw-numeric-spacing: tabular-nums; }
.no-underline { text-decoration-line: none; }
.underline { text-decoration-line: underline; }
.decoration-1 { text-decoration-thickness: 1px; }
.underline-offset-4 { text-underline-offset: 4px; }
.opacity-20 { opacity: 0.2; }
.opacity-30 { opacity: 0.3; }
.opacity-40 { opacity: 0.4; }
.opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.opacity-\[0\.2\] { opacity: 0.2; }
.opacity-\[0\.15\] { opacity: 0.15; }
.shadow, .shadow-2xl { 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,#00000040); }
.shadow-\[4px_4px_10px_rgba\(0\,0\,0\,0\.25\)\], .shadow-lg { 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,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a); }
.shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a); }
.shadow-md, .shadow-none { 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; }
.shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a); }
.shadow-sm, .shadow-xl { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a); }
.ring, .ring-1, .ring-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-2 { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); }
.ring-white\/30 { --tw-ring-color: #ffffff4d; }
@supports (color:color-mix(in lab,red,red)) {
.ring-white\/30 { --tw-ring-color: color-mix(in oklab,var(--color-white)30%,transparent); }
}
.drop-shadow-lg, .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-sm { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); }
.backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); }
.backdrop-blur-sm, .backdrop-blur-xl { 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-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-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)); }
.duration-200 { --tw-duration: .2s; transition-duration: 0.2s; }
.ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); }
.outline-none { --tw-outline-style: none; outline-style: none; }
.select-none { user-select: none; }
@media (hover: hover) {
.hover\:scale-105: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 { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x)var(--tw-scale-y); }
.hover\:scale-\[1\.03\]:hover { scale: 1.03; }
.hover\:border-pink-500:hover { border-color: var(--color-pink-500); }
.hover\:bg-base-200:hover, .hover\:bg-base-200\/30:hover { background-color: var(--color-base-200); }
.hover\:bg-gray-50:hover { background-color: var(--color-gray-50); }
.hover\:bg-gray-300:hover { background-color: var(--color-gray-300); }
.hover\:bg-pink-50:hover { background-color: var(--color-pink-50); }
.hover\:bg-white\/20:hover { background-color: rgba(255, 255, 255, 0.2); }
@supports (color:color-mix(in lab,red,red)) {
.hover\:bg-white\/20:hover { background-color: color-mix(in oklab,var(--color-white)20%,transparent); }
}
.hover\:text-gray-600:hover { color: var(--color-gray-600); }
.hover\:text-white:hover { color: var(--color-white); }
.hover\:opacity-70:hover { opacity: 0.7; }
.hover\:opacity-100:hover { opacity: 1; }
.hover\:shadow-md:hover, .hover\:shadow-xl:hover { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.hover\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a); }
}
.focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; }
.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); }
.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
.disabled\:opacity-50:disabled { opacity: 0.5; }
.disabled\:opacity-60:disabled { opacity: 0.6; }
@media (min-width: 40rem) {
.sm\:top-4 { top: calc(var(--spacing)*4); }
.sm\:right-2 { right: calc(var(--spacing)*2); }
.sm\:right-4 { right: calc(var(--spacing)*4); }
.sm\:left-2 { left: calc(var(--spacing)*2); }
.sm\:left-4 { left: calc(var(--spacing)*4); }
.sm\:mt-4 { margin-top: calc(var(--spacing)*4); }
@layer daisyui.l1.l2 {
.sm\:modal-middle { place-items: center; }
.sm\:modal-middle .modal-box { --modal-tl: var(--radius-box); --modal-tr: var(--radius-box); --modal-bl: var(--radius-box); --modal-br: var(--radius-box); width: 91.6667%; max-width: 32rem; height: auto; max-height: calc(-5em + 100vh); translate: 0px 2%; scale: 0.98; }
.sm\:btn-md { --fontsize: .875rem; --btn-p: 1rem; --size: calc(var(--size-field,.25rem)*10); }
}
.sm\:h-16 { height: calc(var(--spacing)*16); }
.sm\:h-48 { height: calc(var(--spacing)*48); }
.sm\:w-16 { width: calc(var(--spacing)*16); }
.sm\:w-48 { width: calc(var(--spacing)*48); }
.sm\:w-\[340px\] { width: 340px; }
.sm\:max-w-\[80vw\] { max-width: 80vw; }
.sm\:max-w-none { max-width: none; }
.sm\:max-w-xl { max-width: var(--container-xl); }
.sm\:flex-row { flex-direction: row; }
.sm\:flex-wrap { flex-wrap: wrap; }
.sm\:items-start { align-items: flex-start; }
.sm\:justify-center { justify-content: center; }
.sm\:gap-3 { gap: calc(var(--spacing)*3); }
.sm\:rounded-2xl { border-radius: var(--radius-2xl); }
.sm\:rounded-lg { border-radius: var(--radius-lg); }
.sm\:p-6 { padding: calc(var(--spacing)*6); }
.sm\:px-3 { padding-inline: calc(var(--spacing)*3); }
.sm\:px-4 { padding-inline: calc(var(--spacing)*4); }
.sm\:px-12 { padding-inline: calc(var(--spacing)*12); }
.sm\:py-3 { padding-block: calc(var(--spacing)*3); }
.sm\:pt-12 { padding-top: calc(var(--spacing)*12); }
.sm\:pb-6 { padding-bottom: calc(var(--spacing)*6); }
.sm\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); }
.sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height)); }
.sm\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); }
.sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }
.sm\:font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
}
@media (min-width: 48rem) {
.md\:-top-10 { top: calc(var(--spacing)*-10); }
.md\:-top-\[50px\] { top: -50px; }
.md\:-top-\[60px\] { top: -60px; }
.md\:top-\[-390px\] { top: -390px; }
.md\:top-\[18px\] { top: 18px; }
.md\:top-\[260px\] { top: 260px; }
.md\:top-\[360px\] { top: 360px; }
.md\:top-\[1190px\] { top: 1190px; }
.md\:top-\[1320px\] { top: 1320px; }
.md\:top-\[2020px\] { top: 2020px; }
.md\:top-\[2550px\] { top: 2550px; }
.md\:top-\[2720px\] { top: 2720px; }
.md\:top-\[3150px\] { top: 3150px; }
.md\:top-\[3880px\] { top: 3880px; }
.md\:-right-\[20\%\] { right: -20%; }
.md\:-right-\[190px\] { right: -190px; }
.md\:-right-\[300px\] { right: -300px; }
.md\:-right-\[520px\] { right: -520px; }
.md\:-bottom-10 { bottom: calc(var(--spacing)*-10); }
.md\:-bottom-\[60px\] { bottom: -60px; }
.md\:-left-\[140px\] { left: -140px; }
.md\:-left-\[390px\] { left: -390px; }
.md\:left-\[-20\%\] { left: -20%; }
.md\:left-\[-66px\] { left: -66px; }
.md\:left-\[-420px\] { left: -420px; }
.md\:left-\[25px\] { left: 25px; }
.md\:left-\[115px\] { left: 115px; }
.md\:left-\[130px\] { left: 130px; }
.md\:mx-auto { margin-inline: auto; }
.md\:mt-8 { margin-top: calc(var(--spacing)*8); }
.md\:mt-12 { margin-top: calc(var(--spacing)*12); }
.md\:mt-\[148px\] { margin-top: 148px; }
.md\:mb-8 { margin-bottom: calc(var(--spacing)*8); }
.md\:mb-12 { margin-bottom: calc(var(--spacing)*12); }
.md\:flex { display: flex; }
.md\:h-8 { height: calc(var(--spacing)*8); }
.md\:h-\[28px\] { height: 28px; }
.md\:h-\[34px\] { height: 34px; }
.md\:h-\[150px\] { height: 150px; }
.md\:h-\[380px\] { height: 380px; }
.md\:h-\[520px\] { height: 520px; }
.md\:h-\[640px\] { height: 640px; }
.md\:min-h-\[900px\] { min-height: 900px; }
.md\:w-\[30px\] { width: 30px; }
.md\:w-\[80\%\] { width: 80%; }
.md\:w-\[235px\] { width: 235px; }
.md\:w-\[300px\] { width: 300px; }
.md\:w-\[352px\] { width: 352px; }
.md\:w-\[390px\] { width: 390px; }
.md\:w-\[400px\] { width: 400px; }
.md\:w-\[500px\] { width: 500px; }
.md\:w-\[507px\] { width: 507px; }
.md\:w-\[520px\] { width: 520px; }
.md\:w-\[720px\] { width: 720px; }
.md\:w-\[760px\] { width: 760px; }
.md\:w-\[780px\] { width: 780px; }
.md\:w-\[800px\] { width: 800px; }
.md\:w-\[990px\] { width: 990px; }
.md\:w-\[1005px\] { width: 1005px; }
.md\:w-\[1425px\] { width: 1425px; }
.md\:max-w-\[310px\] { max-width: 310px; }
.md\:max-w-\[500px\] { max-width: 500px; }
.md\:max-w-\[560px\] { max-width: 560px; }
.md\:max-w-\[600px\] { max-width: 600px; }
.md\:max-w-\[900px\] { max-width: 900px; }
.md\:gap-3 { gap: calc(var(--spacing)*3); }
.md\:gap-4 { gap: calc(var(--spacing)*4); }
.md\:gap-5 { gap: calc(var(--spacing)*5); }
.md\:gap-8 { gap: calc(var(--spacing)*8); }
.md\:gap-x-8 { column-gap: calc(var(--spacing)*8); }
.md\:gap-y-10 { row-gap: calc(var(--spacing)*10); }
.md\:border { border-style: var(--tw-border-style); border-width: 1px; }
.md\:border-\[\#30530F22\] { border-color: rgba(48, 83, 15, 0.133); }
.md\:object-cover { object-fit: cover; }
.md\:px-4 { padding-inline: calc(var(--spacing)*4); }
.md\:px-8 { padding-inline: calc(var(--spacing)*8); }
.md\:px-10 { padding-inline: calc(var(--spacing)*10); }
.md\:pt-12 { padding-top: calc(var(--spacing)*12); }
.md\:pt-14 { padding-top: calc(var(--spacing)*14); }
.md\:pt-24 { padding-top: calc(var(--spacing)*24); }
.md\:pt-\[330px\] { padding-top: 330px; }
.md\:pb-8 { padding-bottom: calc(var(--spacing)*8); }
.md\:pb-10 { padding-bottom: calc(var(--spacing)*10); }
.md\:pb-12 { padding-bottom: calc(var(--spacing)*12); }
.md\:pb-14 { padding-bottom: calc(var(--spacing)*14); }
.md\:pb-16 { padding-bottom: calc(var(--spacing)*16); }
.md\:text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); }
.md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); }
.md\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }
.md\:text-\[11px\] { font-size: 11px; }
.md\:text-\[12px\] { font-size: 12px; }
.md\:text-\[13px\] { font-size: 13px; }
.md\:text-\[14px\] { font-size: 14px; }
.md\:text-\[16px\] { font-size: 16px; }
.md\:text-\[17px\] { font-size: 17px; }
.md\:text-\[18px\] { font-size: 18px; }
.md\:text-\[19px\] { font-size: 19px; }
.md\:text-\[23px\] { font-size: 23px; }
.md\:text-\[24px\] { font-size: 24px; }
.md\:text-\[26px\] { font-size: 26px; }
.md\:text-\[30px\] { font-size: 30px; }
.md\:text-\[32px\] { font-size: 32px; }
.md\:text-\[40px\] { font-size: 40px; }
.md\:text-\[42px\] { font-size: 42px; }
.md\:leading-\[80px\] { --tw-leading: 80px; line-height: 80px; }
}
@media (min-width: 64rem) {
.lg\:top-\[-470px\] { top: -470px; }
.lg\:top-\[24px\] { top: 24px; }
.lg\:top-\[410px\] { top: 410px; }
.lg\:top-\[1300px\] { top: 1300px; }
.lg\:top-\[1460px\] { top: 1460px; }
.lg\:top-\[2180px\] { top: 2180px; }
.lg\:top-\[2750px\] { top: 2750px; }
.lg\:top-\[2900px\] { top: 2900px; }
.lg\:top-\[3340px\] { top: 3340px; }
.lg\:top-\[4080px\] { top: 4080px; }
.lg\:-right-\[230px\] { right: -230px; }
.lg\:-right-\[360px\] { right: -360px; }
.lg\:-right-\[550px\] { right: -550px; }
.lg\:-left-\[170px\] { left: -170px; }
.lg\:-left-\[470px\] { left: -470px; }
.lg\:left-\[-44px\] { left: -44px; }
.lg\:left-\[-500px\] { left: -500px; }
.lg\:left-\[170px\] { left: 170px; }
.lg\:w-\[460px\] { width: 460px; }
.lg\:w-\[480px\] { width: 480px; }
.lg\:w-\[600px\] { width: 600px; }
.lg\:w-\[608px\] { width: 608px; }
.lg\:w-\[860px\] { width: 860px; }
.lg\:w-\[900px\] { width: 900px; }
.lg\:w-\[960px\] { width: 960px; }
.lg\:w-\[1185px\] { width: 1185px; }
.lg\:w-\[1215px\] { width: 1215px; }
.lg\:w-\[1725px\] { width: 1725px; }
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker, .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; }
}
@font-face { font-family: Roboto; src: url("/fonts/Roboto-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Roboto; src: url("/fonts/Roboto-latin-ext.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Roboto; src: url("/fonts/Roboto-vietnamese.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Ms Madi"; src: url("/fonts/MsMadiAmpersand-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+26; }
:root { --font-primary: "Pattaya",cursive; --font-secondary: "Roboto","Helvetica Neue",Arial,sans-serif; --font-size-xs: .75rem; --font-size-sm: .875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.25rem; --font-size-2xl: 1.5rem; --font-size-3xl: 1.875rem; --font-size-4xl: 2.25rem; --font-size-5xl: 3rem; }
.font-eb-garamond { font-family: "EB Garamond", serif; }
@font-face { font-family: Lora; src: url("/fonts/Lora-Regular.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url("/fonts/PlayfairDisplay-Variable.ttf") format("truetype-variations"); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: "EB Garamond"; src: url("/fonts/EBGaramond-Variable.ttf") format("truetype-variations"); font-weight: 400 800; font-style: normal; font-display: swap; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/google/montserrat-cyrillic-ext.744830a0.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/google/montserrat-cyrillic.0b00fbd6.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/google/montserrat-vietnamese.9e2672d1.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/google/montserrat-latin-ext.920711de.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/google/montserrat-latin.6438d7b8.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/google/montserrat-cyrillic-ext.744830a0.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/google/montserrat-cyrillic.0b00fbd6.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/google/montserrat-vietnamese.9e2672d1.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/google/montserrat-latin-ext.920711de.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/google/montserrat-latin.6438d7b8.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/google/montserrat-cyrillic-ext.744830a0.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/google/montserrat-cyrillic.0b00fbd6.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/google/montserrat-vietnamese.9e2672d1.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/google/montserrat-latin-ext.920711de.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/google/montserrat-latin.6438d7b8.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/google/montserrat-cyrillic-ext.744830a0.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/google/montserrat-cyrillic.0b00fbd6.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/google/montserrat-vietnamese.9e2672d1.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/google/montserrat-latin-ext.920711de.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/google/montserrat-latin.6438d7b8.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/google/montserrat-cyrillic-ext.744830a0.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/google/montserrat-cyrillic.0b00fbd6.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/google/montserrat-vietnamese.9e2672d1.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/google/montserrat-latin-ext.920711de.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/google/montserrat-latin.6438d7b8.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Montserrat Fallback"; src: local("Arial"); ascent-override: 85.79%; descent-override: 22.25%; line-gap-override: 0%; size-adjust: 112.83%; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/google/playfair-display-cyrillic.d7f9db9b.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/google/playfair-display-vietnamese.8fa67d5f.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/google/playfair-display-latin-ext.56285678.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/google/playfair-display-latin.5d91eb5d.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/google/playfair-display-cyrillic.d7f9db9b.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/google/playfair-display-vietnamese.8fa67d5f.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/google/playfair-display-latin-ext.56285678.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/google/playfair-display-latin.5d91eb5d.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root { --font-montserrat: "Montserrat","Montserrat Fallback"; --font-playfair: "Playfair Display","Playfair Display Fallback"; --font-arabic: "Cairo","Cairo Fallback"; }
[data-theme="halloween"] { --color-primary: oklch(64% .26 1.68); --color-primary-content: oklch(100% 0 0); --color-secondary: oklch(62% .265 303.9); --color-secondary-content: oklch(97% .014 308.299); }
@keyframes shimmer { 
  0% { background-position: 0px center; }
  50% { background-position: 100% center; }
  100% { background-position: 0px center; }
}
@keyframes selector-shimmer { 
  0%, 100% { opacity: 0; transform: translate(-100%); }
  50% { opacity: 1; transform: translate(100%); }
}
@keyframes chevron-tap { 
  0%, 100% { color: rgb(156, 163, 175); filter: brightness(); transform: translateY(0px) scale(1); }
  20% { color: rgb(244, 114, 182); filter: brightness(1.3) drop-shadow(rgb(244, 114, 182) 0px 0px 4px); transform: translateY(4px) scale(1.15); }
  30% { color: rgb(244, 114, 182); filter: brightness(1.2); transform: translateY(0px) scale(1); }
  40% { color: rgb(244, 114, 182); filter: brightness(1.3) drop-shadow(rgb(244, 114, 182) 0px 0px 4px); transform: translateY(4px) scale(1.15); }
  50% { color: rgb(156, 163, 175); filter: brightness(); transform: translateY(0px) scale(1); }
}
@keyframes fadeIn { 
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes float { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-15px); }
}
@keyframes envelope-float { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
}
.btn, [role="button"], a, button, input[type="button"], input[type="submit"], select { cursor: pointer; }
.btn:disabled, [role="button"][aria-disabled="true"], button:disabled { cursor: not-allowed; }
@media (hover: none) and (pointer: coarse) {
.touch-pan-y, .touch-pan-y * { touch-action: pan-y !important; }
}
@keyframes modalSlideUp { 
  0% { opacity: 0; transform: translateY(100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes modalScaleIn { 
  0% { opacity: 0; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes staggerFadeIn { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes slideUp { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}
@keyframes rating { 
  0%, 40% { filter: brightness(1.05) contrast(1.05); scale: 1.1; }
}
@keyframes dropdown { 
  0% { opacity: 0; }
}
@keyframes radio { 
  0% { padding: 5px; }
  50% { padding: 3px; }
}
@keyframes toast { 
  0% { opacity: 0; scale: 0.9; }
  100% { opacity: 1; scale: 1; }
}
@keyframes rotator { 
  89.9999%, 100% { --first-item-position: 0 0%; }
  90%, 99.9999% { --first-item-position: 0 calc(var(--items)*100%); }
  100% { translate: 0px -100%; }
}
@keyframes skeleton { 
  0% { background-position: 150% center; }
  100% { background-position: -50% center; }
}
@keyframes menu { 
  0% { opacity: 0; }
}
@keyframes progress { 
  50% { background-position-x: -115%; }
}
@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-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 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: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
@keyframes spin { 
  100% { transform: rotate(1turn); }
}
@keyframes ping { 
  75%, 100% { opacity: 0; transform: scale(2); }
}
@keyframes pulse { 
  50% { opacity: 0.5; }
}
@keyframes bounce { 
  0%, 100% { animation-timing-function: cubic-bezier(0.8, 0, 1, 1); transform: translateY(-25%); }
  50% { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); transform: none; }
}