*,:after,:before{ box-sizing:border-box; border:0 solid #e5e7eb } :after,:before{ --tw-content:"" } html{ line-height:1.5; -webkit-text-size-adjust:100%; -moz-tab-size:4; -o-tab-size:4; tab-size:4; font-family:Inter,sans-serif; font-feature-settings:normal } body{ margin:0; line-height:inherit } 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; text-decoration:inherit } b,strong{ font-weight:bolder } code,kbd,pre,samp{ font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; 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 } button,input,optgroup,select,textarea{ font-family:inherit; font-size:100%; font-weight:inherit; line-height:inherit; color:inherit; margin:0; padding:0 } button,select{ text-transform:none } [type=button],[type=reset],[type=submit],button{ -webkit-appearance:button; background-color:transparent; background-image:none } :-moz-focusring{ outline:auto } :-moz-ui-invalid{ box-shadow:none } progress{ vertical-align:baseline } ::-webkit-inner-spin-button,::-webkit-outer-spin-button{ height:auto } [type=search]{ -webkit-appearance:textfield; outline-offset:-2px } ::-webkit-search-decoration{ -webkit-appearance:none } ::-webkit-file-upload-button{ -webkit-appearance:button; font:inherit } summary{ display:list-item } blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{ margin:0 } fieldset{ margin:0 } fieldset,legend{ padding:0 } menu,ol,ul{ list-style:none; margin:0; padding:0 } textarea{ resize:vertical } input::-moz-placeholder,textarea::-moz-placeholder{ opacity:1; color:#9ca3af } input::placeholder,textarea::placeholder{ opacity:1; color:#9ca3af } [role=button],button{ cursor:pointer } :disabled{ cursor:default } audio,canvas,embed,iframe,img,object,svg,video{ display:block; vertical-align:middle } img,video{ max-width:100%; height:auto } [hidden]{ display:none } *,:after,:before{ --tw-border-spacing-x:0; --tw-border-spacing-y:0; --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness:proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:rgba(59,130,246,.5); --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: } ::backdrop{ --tw-border-spacing-x:0; --tw-border-spacing-y:0; --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness:proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:rgba(59,130,246,.5); --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: } .container{ width:100% } @media(min-width:640px){ .container{ max-width:640px } } @media(min-width:768px){ .container{ max-width:768px } } @media(min-width:1024px){ .container{ max-width:1024px } } @media(min-width:1280px){ .container{ max-width:1280px } } @media(min-width:1536px){ .container{ max-width:1536px } } .pointer-events-none{ pointer-events:none } .visible{ visibility:visible } .invisible{ visibility:hidden } .static{ position:static } .fixed{ position:fixed } .absolute{ position:absolute } .relative{ position:relative } .sticky{ position:sticky } .inset-0{ top:0; right:0; bottom:0; left:0 } .bottom-0{ bottom:0 } .-top-16{ top:-4rem } .right-4{ right:1rem } .left-0{ left:0 } .top-0{ top:0 } .left-4{ left:1rem } .right-2{ right:.5rem } .left-2{ left:.5rem } .right-0{ right:0 } .top-5{ top:1.25rem } .right-3{ right:.75rem } .top-3{ top:.75rem } .top-2{ top:.5rem } .bottom-2{ bottom:.5rem } .bottom-3{ bottom:.75rem } .-right-2\.5{ right:-.625rem } .-top-1{ top:-.25rem } .-right-2{ right:-.5rem } .right-5{ right:1.25rem } .-top-6{ top:-1.5rem } .z-50{ z-index:50 } .z-20{ z-index:20 } .z-40{ z-index:40 } .z-10{ z-index:10 } .z-30{ z-index:30 } .col-span-3{ grid-column:span 3/span 3 } .col-span-4{ grid-column:span 4/span 4 } .m-4{ margin:1rem } .m-2{ margin:.5rem } .m-1\.5{ margin:.375rem } .m-1{ margin:.25rem } .m-0\.5{ margin:.125rem } .m-0{ margin:0 } .m-auto{ margin:auto } .my-4{ margin-top:1rem; margin-bottom:1rem } .my-2{ margin-top:.5rem; margin-bottom:.5rem } .mx-2{ margin-left:.5rem; margin-right:.5rem } .my-8{ margin-top:2rem; margin-bottom:2rem } .mx-auto{ margin-left:auto; margin-right:auto } .mx-1{ margin-left:.25rem; margin-right:.25rem } .my-3{ margin-top:.75rem; margin-bottom:.75rem } .my-10{ margin-top:2.5rem; margin-bottom:2.5rem } .mb-2{ margin-bottom:.5rem } .-mt-1{ margin-top:-.25rem } .mr-4{ margin-right:1rem } .mb-16{ margin-bottom:4rem } .mt-16{ margin-top:4rem } .mb-12{ margin-bottom:3rem } .mt-0{ margin-top:0 } .-mt-3{ margin-top:-.75rem } .mb-6{ margin-bottom:1.5rem } .mb-4{ margin-bottom:1rem } .mt-1{ margin-top:.25rem } .mt-3{ margin-top:.75rem } .mr-2{ margin-right:.5rem } .mt-8{ margin-top:2rem } .ml-2{ margin-left:.5rem } .mt-4{ margin-top:1rem } .mb-8{ margin-bottom:2rem } .mt-2{ margin-top:.5rem } .ml-3{ margin-left:.75rem } .mt-5{ margin-top:1.25rem } .-mr-1{ margin-right:-.25rem } .mb-3{ margin-bottom:.75rem } .mt-6{ margin-top:1.5rem } .mt-\[20px\]{ margin-top:20px } .mt-0\.5{ margin-top:.125rem } .mr-1{ margin-right:.25rem } .mb-1{ margin-bottom:.25rem } .mb-0\.5{ margin-bottom:.125rem } .mb-0{ margin-bottom:0 } .mb-1\.5{ margin-bottom:.375rem } .ml-1{ margin-left:.25rem } .mt-14{ margin-top:3.5rem } .mt-24{ margin-top:6rem } .mr-3{ margin-right:.75rem } .ml-0{ margin-left:0 } .-ml-2\.5{ margin-left:-.625rem } .-ml-2{ margin-left:-.5rem } .mb-32{ margin-bottom:8rem } .mt-10{ margin-top:2.5rem } .mt-auto{ margin-top:auto } .mt-12{ margin-top:3rem } .box-content{ box-sizing:content-box } .block{ display:block } .inline-block{ display:inline-block } .flex{ display:flex } .inline-flex{ display:inline-flex } .table{ display:table } .grid{ display:grid } .hidden{ display:none } .h-full{ height:100% } .h-5{ height:1.25rem } .h-6{ height:1.5rem } .h-4{ height:1rem } .h-8{ height:2rem } .h-screen{ height:100vh } .h-10{ height:2.5rem } .h-11{ height:2.75rem } .h-12{ height:3rem } .h-16{ height:4rem } .h-9{ height:2.25rem } .h-7{ height:1.75rem } .h-0\.5{ height:.125rem } .h-0{ height:0 } .h-3{ height:.75rem } .h-auto{ height:auto } .h-28{ height:7rem } .h-2{ height:.5rem } .h-48{ height:12rem } .min-h-screen{ min-height:100vh } .w-64{ width:16rem } .w-32{ width:8rem } .w-full{ width:100% } .w-4{ width:1rem } .w-5{ width:1.25rem } .w-6{ width:1.5rem } .w-8{ width:2rem } .w-screen{ width:100vw } .w-10{ width:2.5rem } .w-11{ width:2.75rem } .w-12{ width:3rem } .w-\[120px\]{ width:120px } .w-16{ width:4rem } .w-7{ width:1.75rem } .w-20{ width:5rem } .w-3{ width:.75rem } .w-28{ width:7rem } .w-14{ width:3.5rem } .w-24{ width:6rem } .w-2{ width:.5rem } .w-auto{ width:auto } .w-52{ width:13rem } .w-96{ width:24rem } .w-48{ width:12rem } .w-72{ width:18rem } .w-1\/2{ width:50% } .max-w-sm{ max-width:24rem } .max-w-\[600px\]{ max-width:600px } .max-w-\[1300px\]{ max-width:1300px } .max-w-\[800px\]{ max-width:800px } .max-w-\[1400px\]{ max-width:1400px } .max-w-6xl{ max-width:72rem } .max-w-2xl{ max-width:42rem } .max-w-\[170px\]{ max-width:170px } .flex-1{ flex:1 1 0% } .flex-shrink-0{ flex-shrink:0 } .flex-shrink{ flex-shrink:1 } .translate-y-1{ --tw-translate-y:0.25rem } .translate-y-0,.translate-y-1{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-y-0{ --tw-translate-y:0px } .-translate-y-1\/2{ --tw-translate-y:-50% } .-translate-y-1\/2,.scale-50{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-50{ --tw-scale-x:.5; --tw-scale-y:.5 } .transform{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .transform-gpu{ transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } @keyframes ping{ 75%,to{ transform:scale(2); opacity:0 } } .animate-ping{ animation:ping 1s cubic-bezier(0,0,.2,1) infinite } .cursor-pointer{ cursor:pointer } .cursor-text{ cursor:text } .cursor-default{ cursor:default } .cursor-zoom-in{ cursor:zoom-in } .touch-none{ touch-action:none } .select-none{ -webkit-user-select:none; -moz-user-select:none; user-select:none } .select-text{ -webkit-user-select:text; -moz-user-select:text; user-select:text } .resize{ resize:both } .grid-cols-2{ grid-template-columns:repeat(2,minmax(0,1fr)) } .grid-cols-10{ grid-template-columns:repeat(10,minmax(0,1fr)) } .grid-cols-1{ grid-template-columns:repeat(1,minmax(0,1fr)) } .flex-row{ flex-direction:row } .flex-col{ flex-direction:column } .flex-col-reverse{ flex-direction:column-reverse } .flex-wrap{ flex-wrap:wrap } .items-start{ align-items:flex-start } .items-end{ align-items:flex-end } .items-center{ align-items:center } .justify-start{ justify-content:flex-start } .justify-end{ justify-content:flex-end } .justify-center{ justify-content:center } .justify-between{ justify-content:space-between } .gap-2{ gap:.5rem } .gap-8{ gap:2rem } .space-x-1>:not([hidden])~:not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(.25rem * var(--tw-space-x-reverse)); margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse))) } .space-x-2>:not([hidden])~:not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(.5rem * var(--tw-space-x-reverse)); margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse))) } .space-x-4>:not([hidden])~:not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(1rem * var(--tw-space-x-reverse)); margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse))) } .space-y-5>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(1.25rem * var(--tw-space-y-reverse)) } .space-y-2>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(.5rem * var(--tw-space-y-reverse)) } .space-x-3>:not([hidden])~:not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(.75rem * var(--tw-space-x-reverse)); margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse))) } .space-x-1\.5>:not([hidden])~:not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(.375rem * var(--tw-space-x-reverse)); margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse))) } .space-y-4>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(1rem * var(--tw-space-y-reverse)) } .space-x-16>:not([hidden])~:not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(4rem * var(--tw-space-x-reverse)); margin-left:calc(4rem * calc(1 - var(--tw-space-x-reverse))) } .space-y-8>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(2rem * var(--tw-space-y-reverse)) } .space-x-5>:not([hidden])~:not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(1.25rem * var(--tw-space-x-reverse)); margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse))) } .space-y-1>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(.25rem * var(--tw-space-y-reverse)) } .divide-y>:not([hidden])~:not([hidden]){ --tw-divide-y-reverse:0; border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width:calc(1px * var(--tw-divide-y-reverse)) } .divide-zinc-700>:not([hidden])~:not([hidden]){ --tw-divide-opacity:1; border-color:rgb(63 63 70/var(--tw-divide-opacity)) } .self-center{ align-self:center } .self-stretch{ align-self:stretch } .overflow-auto{ overflow:auto } .overflow-hidden{ overflow:hidden } .overflow-y-auto{ overflow-y:auto } .overflow-x-hidden{ overflow-x:hidden } .overflow-y-hidden{ overflow-y:hidden } .truncate{ overflow:hidden; white-space:nowrap } .overflow-ellipsis,.truncate{ text-overflow:ellipsis } .whitespace-nowrap{ white-space:nowrap } .rounded-md{ border-radius:.375rem } .rounded{ border-radius:.25rem } .rounded-lg{ border-radius:.5rem } .rounded-sm{ border-radius:.125rem } .rounded-xl{ border-radius:.75rem } .rounded-full{ border-radius:9999px } .rounded-2xl{ border-radius:1rem } .border{ border-width:1px } .border-t{ border-top-width:1px } .border-t-2{ border-top-width:2px } .border-l-2{ border-left-width:2px } .border-r-2{ border-right-width:2px } .border-b-2{ border-bottom-width:2px } .border-b{ border-bottom-width:1px } .border-r{ border-right-width:1px } .border-l{ border-left-width:1px } .border-l-4{ border-left-width:4px } .border-zinc-800{ --tw-border-opacity:1; border-color:rgb(39 39 42/var(--tw-border-opacity)) } .border-zinc-700{ --tw-border-opacity:1; border-color:rgb(63 63 70/var(--tw-border-opacity)) } .border-zinc-600{ --tw-border-opacity:1; border-color:rgb(82 82 91/var(--tw-border-opacity)) } .border-gray-500{ --tw-border-opacity:1; border-color:rgb(107 114 128/var(--tw-border-opacity)) } .border-zinc-500{ --tw-border-opacity:1; border-color:rgb(113 113 122/var(--tw-border-opacity)) } .border-indigo-800{ --tw-border-opacity:1; border-color:rgb(55 48 163/var(--tw-border-opacity)) } .border-indigo-600{ --tw-border-opacity:1; border-color:rgb(79 70 229/var(--tw-border-opacity)) } .border-transparent{ border-color:transparent } .border-indigo-900{ --tw-border-opacity:1; border-color:rgb(49 46 129/var(--tw-border-opacity)) } .border-red-900{ --tw-border-opacity:1; border-color:rgb(127 29 29/var(--tw-border-opacity)) } .border-indigo-500{ --tw-border-opacity:1; border-color:rgb(99 102 241/var(--tw-border-opacity)) } .border-t-zinc-700{ --tw-border-opacity:1; border-top-color:rgb(63 63 70/var(--tw-border-opacity)) } .border-b-zinc-700{ --tw-border-opacity:1; border-bottom-color:rgb(63 63 70/var(--tw-border-opacity)) } .border-r-zinc-700{ --tw-border-opacity:1; border-right-color:rgb(63 63 70/var(--tw-border-opacity)) } .border-l-zinc-700{ --tw-border-opacity:1; border-left-color:rgb(63 63 70/var(--tw-border-opacity)) } .border-t-zinc-600{ --tw-border-opacity:1; border-top-color:rgb(82 82 91/var(--tw-border-opacity)) } .border-l-indigo-500{ --tw-border-opacity:1; border-left-color:rgb(99 102 241/var(--tw-border-opacity)) } .border-l-red-500{ --tw-border-opacity:1; border-left-color:rgb(239 68 68/var(--tw-border-opacity)) } .border-opacity-50{ --tw-border-opacity:0.5 } .border-opacity-40{ --tw-border-opacity:0.4 } .border-opacity-20{ --tw-border-opacity:0.2 } .bg-zinc-900{ --tw-bg-opacity:1; background-color:rgb(24 24 27/var(--tw-bg-opacity)) } .bg-zinc-700{ --tw-bg-opacity:1; background-color:rgb(63 63 70/var(--tw-bg-opacity)) } .bg-zinc-500{ --tw-bg-opacity:1; background-color:rgb(113 113 122/var(--tw-bg-opacity)) } .bg-indigo-800{ --tw-bg-opacity:1; background-color:rgb(55 48 163/var(--tw-bg-opacity)) } .bg-zinc-800{ --tw-bg-opacity:1; background-color:rgb(39 39 42/var(--tw-bg-opacity)) } .bg-transparent{ background-color:transparent } .bg-black{ --tw-bg-opacity:1; background-color:rgb(0 0 0/var(--tw-bg-opacity)) } .bg-indigo-600{ --tw-bg-opacity:1; background-color:rgb(79 70 229/var(--tw-bg-opacity)) } .bg-white{ --tw-bg-opacity:1; background-color:rgb(255 255 255/var(--tw-bg-opacity)) } .bg-red-800{ --tw-bg-opacity:1; background-color:rgb(153 27 27/var(--tw-bg-opacity)) } .bg-zinc-300{ --tw-bg-opacity:1; background-color:rgb(212 212 216/var(--tw-bg-opacity)) } .bg-zinc-200{ --tw-bg-opacity:1; background-color:rgb(228 228 231/var(--tw-bg-opacity)) } .bg-red-500{ --tw-bg-opacity:1; background-color:rgb(239 68 68/var(--tw-bg-opacity)) } .bg-orange-500{ --tw-bg-opacity:1; background-color:rgb(249 115 22/var(--tw-bg-opacity)) } .bg-yellow-500{ --tw-bg-opacity:1; background-color:rgb(234 179 8/var(--tw-bg-opacity)) } .bg-green-500{ --tw-bg-opacity:1; background-color:rgb(34 197 94/var(--tw-bg-opacity)) } .bg-blue-500{ --tw-bg-opacity:1; background-color:rgb(59 130 246/var(--tw-bg-opacity)) } .bg-indigo-500{ --tw-bg-opacity:1; background-color:rgb(99 102 241/var(--tw-bg-opacity)) } .bg-purple-500{ --tw-bg-opacity:1; background-color:rgb(168 85 247/var(--tw-bg-opacity)) } .bg-zinc-600{ --tw-bg-opacity:1; background-color:rgb(82 82 91/var(--tw-bg-opacity)) } .bg-indigo-700{ --tw-bg-opacity:1; background-color:rgb(67 56 202/var(--tw-bg-opacity)) } .bg-green-300{ --tw-bg-opacity:1; background-color:rgb(134 239 172/var(--tw-bg-opacity)) } .bg-red-700{ --tw-bg-opacity:1; background-color:rgb(185 28 28/var(--tw-bg-opacity)) } .bg-gray-700{ --tw-bg-opacity:1; background-color:rgb(55 65 81/var(--tw-bg-opacity)) } .bg-indigo-900{ --tw-bg-opacity:1; background-color:rgb(49 46 129/var(--tw-bg-opacity)) } .bg-indigo-400{ --tw-bg-opacity:1; background-color:rgb(129 140 248/var(--tw-bg-opacity)) } .bg-opacity-80{ --tw-bg-opacity:0.8 } .bg-opacity-90{ --tw-bg-opacity:0.9 } .bg-opacity-0{ --tw-bg-opacity:0 } .bg-opacity-70{ --tw-bg-opacity:0.7 } .bg-opacity-50{ --tw-bg-opacity:0.5 } .bg-opacity-40{ --tw-bg-opacity:0.4 } .bg-opacity-20{ --tw-bg-opacity:0.2 } .bg-opacity-60{ --tw-bg-opacity:0.6 } .bg-opacity-10{ --tw-bg-opacity:0.1 } .bg-gradient-to-t{ background-image:linear-gradient(to top,var(--tw-gradient-stops)) } .from-indigo-900{ --tw-gradient-from:#312e81; --tw-gradient-to:rgba(49,46,129,0); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) } .from-indigo-800{ --tw-gradient-from:#3730a3; --tw-gradient-to:rgba(55,48,163,0); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) } .from-zinc-700{ --tw-gradient-from:#3f3f46; --tw-gradient-to:rgba(63,63,70,0); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) } .from-indigo-700{ --tw-gradient-from:#4338ca; --tw-gradient-to:rgba(67,56,202,0); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) } .from-indigo-600{ --tw-gradient-from:#4f46e5; --tw-gradient-to:rgba(79,70,229,0); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) } .via-indigo-900{ --tw-gradient-to:rgba(49,46,129,0); --tw-gradient-stops:var(--tw-gradient-from),#312e81,var(--tw-gradient-to) } .via-indigo-800{ --tw-gradient-to:rgba(55,48,163,0); --tw-gradient-stops:var(--tw-gradient-from),#3730a3,var(--tw-gradient-to) } .via-zinc-700{ --tw-gradient-to:rgba(63,63,70,0); --tw-gradient-stops:var(--tw-gradient-from),#3f3f46,var(--tw-gradient-to) } .via-indigo-700{ --tw-gradient-to:rgba(67,56,202,0); --tw-gradient-stops:var(--tw-gradient-from),#4338ca,var(--tw-gradient-to) } .via-indigo-600{ --tw-gradient-to:rgba(79,70,229,0); --tw-gradient-stops:var(--tw-gradient-from),#4f46e5,var(--tw-gradient-to) } .to-indigo-800{ --tw-gradient-to:#3730a3 } .to-indigo-600{ --tw-gradient-to:#4f46e5 } .to-indigo-700{ --tw-gradient-to:#4338ca } .to-zinc-700{ --tw-gradient-to:#3f3f46 } .to-indigo-500{ --tw-gradient-to:#6366f1 } .object-contain{ -o-object-fit:contain; object-fit:contain } .object-cover{ -o-object-fit:cover; object-fit:cover } .p-1{ padding:.25rem } .p-8{ padding:2rem } .p-0\.5{ padding:.125rem } .p-0{ padding:0 } .p-2{ padding:.5rem } .p-6{ padding:1.5rem } .p-4{ padding:1rem } .p-\[6px\]{ padding:6px } .px-4{ padding-left:1rem; padding-right:1rem } .py-2{ padding-top:.5rem; padding-bottom:.5rem } .py-1\.5{ padding-top:.375rem; padding-bottom:.375rem } .px-2{ padding-left:.5rem; padding-right:.5rem } .py-1{ padding-top:.25rem; padding-bottom:.25rem } .px-2\.5{ padding-left:.625rem; padding-right:.625rem } .px-3{ padding-left:.75rem; padding-right:.75rem } .px-10{ padding-left:2.5rem; padding-right:2.5rem } .px-16{ padding-left:4rem; padding-right:4rem } .py-8{ padding-top:2rem; padding-bottom:2rem } .py-4{ padding-top:1rem; padding-bottom:1rem } .px-8{ padding-left:2rem; padding-right:2rem } .py-2\.5{ padding-top:.625rem; padding-bottom:.625rem } .px-1{ padding-left:.25rem; padding-right:.25rem } .px-6{ padding-left:1.5rem; padding-right:1.5rem } .px-5{ padding-left:1.25rem; padding-right:1.25rem } .py-3{ padding-top:.75rem; padding-bottom:.75rem } .py-\[6px\]{ padding-top:6px; padding-bottom:6px } .px-12{ padding-left:3rem; padding-right:3rem } .px-1\.5{ padding-left:.375rem; padding-right:.375rem } .py-0\.5{ padding-top:.125rem; padding-bottom:.125rem } .py-0{ padding-top:0; padding-bottom:0 } .py-5{ padding-top:1.25rem; padding-bottom:1.25rem } .pb-3{ padding-bottom:.75rem } .pl-6{ padding-left:1.5rem } .pb-0{ padding-bottom:0 } .pl-8{ padding-left:2rem } .pl-5{ padding-left:1.25rem } .pl-12{ padding-left:3rem } .pr-12{ padding-right:3rem } .pt-3{ padding-top:.75rem } .pr-0\.5{ padding-right:.125rem } .pr-0{ padding-right:0 } .pb-16{ padding-bottom:4rem } .pb-2{ padding-bottom:.5rem } .pt-16{ padding-top:4rem } .pl-4{ padding-left:1rem } .pt-20{ padding-top:5rem } .pb-32{ padding-bottom:8rem } .pl-1{ padding-left:.25rem } .pt-6{ padding-top:1.5rem } .pt-2{ padding-top:.5rem } .pb-1{ padding-bottom:.25rem } .pr-20{ padding-right:5rem } .pl-2{ padding-left:.5rem } .pb-6{ padding-bottom:1.5rem } .pl-2\.5{ padding-left:.625rem } .pt-8{ padding-top:2rem } .pt-7{ padding-top:1.75rem } .text-center{ text-align:center } .text-right{ text-align:right } .font-logo{ font-family:Melodrama-Variable,sans-serif } .text-sm{ font-size:.875rem; line-height:1.25rem } .text-xl{ font-size:1.25rem; line-height:1.75rem } .text-xs{ font-size:.8rem; line-height:1rem } .text-lg{ font-size:1.125rem; line-height:1.75rem } .text-4xl{ font-size:2.25rem; line-height:2.5rem } .text-7xl{ font-size:4.5rem; line-height:1 } .text-6xl{ font-size:3.75rem; line-height:1 } .text-base{ font-size:1rem; line-height:1.5rem } .text-\[12px\]{ font-size:12px } .text-5xl{ font-size:3rem; line-height:1 } .text-2xl{ font-size:1.5rem; line-height:2rem } .font-bold{ font-weight:700 } .font-medium{ font-weight:500 } .font-normal{ font-weight:400 } .font-light{ font-weight:300 } .font-semibold{ font-weight:600 } .uppercase{ text-transform:uppercase } .italic{ font-style:italic } .slashed-zero{ --tw-slashed-zero:slashed-zero } .proportional-nums,.slashed-zero{ font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) } .proportional-nums{ --tw-numeric-spacing:proportional-nums } .leading-snug{ line-height:1.375 } .leading-relaxed{ line-height:1.625 } .leading-6{ line-height:1.5rem } .tracking-wider{ letter-spacing:.05em } .text-zinc-200{ --tw-text-opacity:1; color:rgb(228 228 231/var(--tw-text-opacity)) } .text-gray-100{ --tw-text-opacity:1; color:rgb(243 244 246/var(--tw-text-opacity)) } .text-zinc-300{ --tw-text-opacity:1; color:rgb(212 212 216/var(--tw-text-opacity)) } .text-zinc-400{ --tw-text-opacity:1; color:rgb(161 161 170/var(--tw-text-opacity)) } .text-red-400{ --tw-text-opacity:1; color:rgb(248 113 113/var(--tw-text-opacity)) } .text-red-500{ --tw-text-opacity:1; color:rgb(239 68 68/var(--tw-text-opacity)) } .text-white{ --tw-text-opacity:1; color:rgb(255 255 255/var(--tw-text-opacity)) } .text-zinc-100{ --tw-text-opacity:1; color:rgb(244 244 245/var(--tw-text-opacity)) } .text-gray-400{ --tw-text-opacity:1; color:rgb(156 163 175/var(--tw-text-opacity)) } .text-sky-500{ --tw-text-opacity:1; color:rgb(14 165 233/var(--tw-text-opacity)) } .text-green-400{ --tw-text-opacity:1; color:rgb(74 222 128/var(--tw-text-opacity)) } .text-indigo-400{ --tw-text-opacity:1; color:rgb(129 140 248/var(--tw-text-opacity)) } .text-red-300{ --tw-text-opacity:1; color:rgb(252 165 165/var(--tw-text-opacity)) } .text-zinc-500{ --tw-text-opacity:1; color:rgb(113 113 122/var(--tw-text-opacity)) } .underline{ text-decoration-line:underline } .opacity-60{ opacity:.6 } .opacity-50{ opacity:.5 } .opacity-80{ opacity:.8 } .opacity-90{ opacity:.9 } .opacity-30{ opacity:.3 } .opacity-40{ opacity:.4 } .opacity-20{ opacity:.2 } .opacity-10{ opacity:.1 } .opacity-100{ opacity:1 } .opacity-0{ opacity:0 } .opacity-70{ opacity:.7 } .opacity-75{ opacity:.75 } .shadow-md{ --tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color) } .shadow,.shadow-md{ box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .shadow{ --tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color) } .shadow-sm{ --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05); --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color) } .shadow-sm,.shadow-xl{ box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .shadow-xl{ --tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1); --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color) } .shadow-lg{ --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .ring-1{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .ring-zinc-600{ --tw-ring-opacity:1; --tw-ring-color:rgb(82 82 91/var(--tw-ring-opacity)) } .ring-zinc-500{ --tw-ring-opacity:1; --tw-ring-color:rgb(113 113 122/var(--tw-ring-opacity)) } .blur{ --tw-blur:blur(8px) } .blur,.brightness-110{ 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) } .brightness-110{ --tw-brightness:brightness(1.1) } .drop-shadow-md{ --tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06)) } .drop-shadow-lg,.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-lg{ --tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1)) } .drop-shadow{ --tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06)) } .drop-shadow,.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) } .drop-shadow-xl{ --tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08)) } .drop-shadow-dark{ --tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.35)) drop-shadow(0 1px 1px rgba(0,0,0,.15)) } .drop-shadow-dark,.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{ --tw-backdrop-blur:blur(8px) } .backdrop-blur,.backdrop-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-lg{ --tw-backdrop-blur:blur(16px) } .backdrop-blur-sm{ --tw-backdrop-blur:blur(4px); -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) } .transition{ transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-timing-function:cubic-bezier(.4,0,.2,1); transition-duration:.15s } .transition-all{ transition-property:all; transition-timing-function:cubic-bezier(.4,0,.2,1); transition-duration:.15s } .transition-opacity{ transition-property:opacity; transition-timing-function:cubic-bezier(.4,0,.2,1); transition-duration:.15s } .duration-300{ transition-duration:.3s } .ease-in-out{ transition-timing-function:cubic-bezier(.4,0,.2,1) } @font-face{ font-family:Inter; font-style:normal; font-weight:100; font-display:swap; src:url(/fonts/Inter/Inter-Thin.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-Thin.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:italic; font-weight:100; font-display:swap; src:url(/fonts/Inter/Inter-ThinItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-ThinItalic.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:normal; font-weight:200; font-display:swap; src:url(/fonts/Inter/Inter-ExtraLight.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-ExtraLight.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:italic; font-weight:200; font-display:swap; src:url(/fonts/Inter/Inter-ExtraLightItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-ExtraLightItalic.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:normal; font-weight:300; font-display:swap; src:url(/fonts/Inter/Inter-Light.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-Light.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:italic; font-weight:300; font-display:swap; src:url(/fonts/Inter/Inter-LightItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-LightItalic.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:normal; font-weight:400; font-display:swap; src:url(/fonts/Inter/Inter-Regular.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-Regular.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:italic; font-weight:400; font-display:swap; src:url(/fonts/Inter/Inter-Italic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-Italic.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:normal; font-weight:500; font-display:swap; src:url(/fonts/Inter/Inter-Medium.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-Medium.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:italic; font-weight:500; font-display:swap; src:url(/fonts/Inter/Inter-MediumItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-MediumItalic.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:normal; font-weight:600; font-display:swap; src:url(/fonts/Inter/Inter-SemiBold.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-SemiBold.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:italic; font-weight:600; font-display:swap; src:url(/fonts/Inter/Inter-SemiBoldItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-SemiBoldItalic.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:normal; font-weight:700; font-display:swap; src:url(/fonts/Inter/Inter-Bold.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-Bold.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:italic; font-weight:700; font-display:swap; src:url(/fonts/Inter/Inter-BoldItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-BoldItalic.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:normal; font-weight:800; font-display:swap; src:url(/fonts/Inter/Inter-ExtraBold.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-ExtraBold.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:italic; font-weight:800; font-display:swap; src:url(/fonts/Inter/Inter-ExtraBoldItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-ExtraBoldItalic.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:normal; font-weight:900; font-display:swap; src:url(/fonts/Inter/Inter-Black.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-Black.woff?v=3.19) format("woff") } @font-face{ font-family:Inter; font-style:italic; font-weight:900; font-display:swap; src:url(/fonts/Inter/Inter-BlackItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-BlackItalic.woff?v=3.19) format("woff") } @font-face{ font-family:Inter var; font-weight:100 900; font-display:swap; font-style:normal; font-named-instance:"Regular"; src:url(/fonts/Inter/Inter-roman.var.woff2?v=3.19) format("woff2") } @font-face{ font-family:Inter var; font-weight:100 900; font-display:swap; font-style:italic; font-named-instance:"Italic"; src:url(/fonts/Inter/Inter-italic.var.woff2?v=3.19) format("woff2") } @font-face{ font-family:Inter var experimental; font-weight:100 900; font-display:swap; font-style:oblique 0 10deg; src:url(/fonts/Inter/Inter.var.woff2?v=3.19) format("woff2") } @font-face{ font-family:Melodrama-Variable; src:url(/fonts/Melodrama/Melodrama-Variable.woff2) format("woff2"),url(/fonts/Melodrama/Melodrama-Variable.woff) format("woff"),url(/fonts/Melodrama/Melodrama-Variable.ttf) format("truetype"); font-weight:300 700; font-display:swap; font-style:normal } :root{ color-scheme:dark } body{ background-color:#1e293b; overflow-x:hidden } @keyframes fade-in-keyframes{ 0%{ opacity:0; transform:translate(-50%,-49%) scale(.96) } to{ opacity:1; transform:translate(-50%,-50%) scale(1) } } .fadeInAndScale{ animation:fade-in-keyframes .15s ease-in-out } @keyframes slide-down-and-fade{ 0%{ opacity:0; transform:translateY(-6px) scale(.95); transform-origin:top right } to{ opacity:1; transform:translateY(0) scale(1) } } @keyframes slide-left-and-fade{ 0%{ opacity:0; transform:translateX(2px) } to{ opacity:1; transform:translateX(0) } } .slideDownAndFade{ animation:slide-down-and-fade .1s ease-in-out } .slideLeftAndFade{ animation:slide-left-and-fade .1s ease-in-out } .carousel .slide img{ pointer-events:all } .line-clamp{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; text-align:left } .line-clamp>p{ margin-bottom:0 } .heart{ width:100px; height:100px; background:url(/heart-animation.png) no-repeat; cursor:pointer; transition:background-position 1s steps(28); transition-duration:0s } .heart.is-active{ transition-duration:1s; background-position:-2800px 0 } #nprogress .bar{ background:rgba(79,70,229,.5)!important; height:3px!important } .thin-scrollbar{ scrollbar-gutter:stable; overflow-y:auto } .scrollbar-gutter-default{ scrollbar-gutter:inherit } .thin-scrollbar::-webkit-scrollbar{ width:5px; height:5px } .thin-scrollbar::-webkit-scrollbar-track{ background:0 0 } .thin-scrollbar::-webkit-scrollbar-thumb{ background:#9ca1a5; border-radius:.25rem; -webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function:cubic-bezier(.4,0,.2,1); transition-duration:75ms } .thin-scrollbar::-webkit-scrollbar-thumb:hover{ background:#aeb3b8 } .placeholder\:opacity-50::-moz-placeholder{ opacity:.5 } .placeholder\:opacity-50::placeholder{ opacity:.5 } .target\:\!inline-flex:target{ display:inline-flex!important } .hover\:border-indigo-600:hover{ --tw-border-opacity:1; border-color:rgb(79 70 229/var(--tw-border-opacity)) } .hover\:border-zinc-600:hover{ --tw-border-opacity:1; border-color:rgb(82 82 91/var(--tw-border-opacity)) } .hover\:border-opacity-50:hover{ --tw-border-opacity:0.5 } .hover\:bg-zinc-600:hover{ --tw-bg-opacity:1; background-color:rgb(82 82 91/var(--tw-bg-opacity)) } .hover\:bg-zinc-900:hover{ --tw-bg-opacity:1; background-color:rgb(24 24 27/var(--tw-bg-opacity)) } .hover\:bg-zinc-700:hover{ --tw-bg-opacity:1; background-color:rgb(63 63 70/var(--tw-bg-opacity)) } .hover\:bg-zinc-800:hover{ --tw-bg-opacity:1; background-color:rgb(39 39 42/var(--tw-bg-opacity)) } .hover\:bg-zinc-200:hover{ --tw-bg-opacity:1; background-color:rgb(228 228 231/var(--tw-bg-opacity)) } .hover\:bg-black:hover{ --tw-bg-opacity:1; background-color:rgb(0 0 0/var(--tw-bg-opacity)) } .hover\:bg-opacity-50:hover{ --tw-bg-opacity:0.5 } .hover\:bg-opacity-100:hover{ --tw-bg-opacity:1 } .hover\:bg-opacity-40:hover{ --tw-bg-opacity:0.4 } .hover\:text-red-500:hover{ --tw-text-opacity:1; color:rgb(239 68 68/var(--tw-text-opacity)) } .hover\:underline:hover{ text-decoration-line:underline } .hover\:opacity-90:hover{ opacity:.9 } .hover\:opacity-100:hover{ opacity:1 } .hover\:opacity-60:hover{ opacity:.6 } .hover\:shadow-lg:hover{ --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color) } .hover\:shadow-lg:hover,.hover\:shadow-md:hover{ box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .hover\:shadow-md:hover{ --tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color) } .hover\:ring-1:hover{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) } .hover\:ring-1:hover,.hover\:ring-4:hover{ box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .hover\:ring-4:hover{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) } .hover\:ring-zinc-700:hover{ --tw-ring-opacity:1; --tw-ring-color:rgb(63 63 70/var(--tw-ring-opacity)) } .hover\:ring-indigo-500:hover{ --tw-ring-opacity:1; --tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity)) } .hover\:ring-opacity-30:hover{ --tw-ring-opacity:0.3 } .hover\:brightness-90:hover{ --tw-brightness:brightness(.9) } .hover\:brightness-105:hover,.hover\:brightness-90:hover{ 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\:brightness-105:hover{ --tw-brightness:brightness(1.05) } .hover\:brightness-110:hover{ --tw-brightness:brightness(1.1); 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\:z-10:focus{ z-index:10 } .focus\:bg-zinc-700:focus{ --tw-bg-opacity:1; background-color:rgb(63 63 70/var(--tw-bg-opacity)) } .focus\:bg-opacity-50:focus{ --tw-bg-opacity:0.5 } .focus\:outline-none:focus{ outline:2px solid transparent; outline-offset:2px } .focus\:ring-1:focus{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) } .focus\:ring-1:focus,.focus\:ring-2:focus{ box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .focus\:ring-2:focus{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) } .focus\:ring-8:focus{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .focus\:ring-indigo-700:focus{ --tw-ring-opacity:1; --tw-ring-color:rgb(67 56 202/var(--tw-ring-opacity)) } .focus\:ring-indigo-600:focus{ --tw-ring-opacity:1; --tw-ring-color:rgb(79 70 229/var(--tw-ring-opacity)) } .focus\:ring-indigo-500:focus{ --tw-ring-opacity:1; --tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity)) } .focus\:ring-opacity-30:focus{ --tw-ring-opacity:0.3 } .active\:scale-95:active{ --tw-scale-x:.95; --tw-scale-y:.95 } .active\:scale-90:active,.active\:scale-95:active{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .active\:scale-90:active{ --tw-scale-x:.9; --tw-scale-y:.9 } .active\:outline-none:active{ outline:2px solid transparent; outline-offset:2px } .group:hover .group-hover\:translate-x-1{ --tw-translate-x:0.25rem } .group:hover .group-hover\:translate-x-1,.group:hover .group-hover\:translate-x-2{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:translate-x-2{ --tw-translate-x:0.5rem } .group:hover .group-hover\:opacity-100{ opacity:1 } .group:hover .group-hover\:opacity-90{ opacity:.9 } .rdx-state-checked\:bg-indigo-500[data-state=checked]{ --tw-bg-opacity:1; background-color:rgb(99 102 241/var(--tw-bg-opacity)) } @media(min-width:640px){ .sm\:top-0{ top:0 } .sm\:top-16{ top:4rem } .sm\:right-8{ right:2rem } .sm\:z-50{ z-index:50 } .sm\:mb-0{ margin-bottom:0 } .sm\:mt-16{ margin-top:4rem } .sm\:mt-14{ margin-top:3.5rem } .sm\:mt-4{ margin-top:1rem } .sm\:mt-0{ margin-top:0 } .sm\:mt-20{ margin-top:5rem } .sm\:block{ display:block } .sm\:flex{ display:flex } .sm\:hidden{ display:none } .sm\:w-auto{ width:auto } .sm\:w-36{ width:9rem } .sm\:w-1\/4{ width:25% } .sm\:max-w-fit{ max-width:-moz-fit-content; max-width:fit-content } .sm\:max-w-\[300px\]{ max-width:300px } .sm\:flex-row{ flex-direction:row } .sm\:flex-col{ flex-direction:column } .sm\:items-center{ align-items:center } .sm\:gap-0{ gap:0 } .sm\:space-y-0>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(0px * var(--tw-space-y-reverse)) } .sm\:border-t-0{ border-top-width:0 } .sm\:border-b{ border-bottom-width:1px } .sm\:border-b-zinc-700{ --tw-border-opacity:1; border-bottom-color:rgb(63 63 70/var(--tw-border-opacity)) } .sm\:px-8{ padding-left:2rem; padding-right:2rem } .sm\:px-7{ padding-left:1.75rem; padding-right:1.75rem } .sm\:pb-8{ padding-bottom:2rem } .sm\:pr-2{ padding-right:.5rem } .sm\:text-xs{ font-size:.8rem; line-height:1rem } .sm\:text-sm{ font-size:.875rem; line-height:1.25rem } } @media(min-width:768px){ .md\:ml-\[48px\]{ margin-left:48px } .md\:ml-10{ margin-left:2.5rem } .md\:mt-6{ margin-top:1.5rem } .md\:mt-\[10px\]{ margin-top:10px } .md\:mt-0{ margin-top:0 } .md\:ml-8{ margin-left:2rem } .md\:mt-14{ margin-top:3.5rem } .md\:block{ display:block } .md\:flex{ display:flex } .md\:grid{ display:grid } .md\:h-5{ height:1.25rem } .md\:h-full{ height:100% } .md\:w-24{ width:6rem } .md\:grid-cols-3{ grid-template-columns:repeat(3,minmax(0,1fr)) } .md\:grid-cols-2{ grid-template-columns:repeat(2,minmax(0,1fr)) } .md\:flex-row{ flex-direction:row } .md\:flex-col{ flex-direction:column } .md\:justify-start{ justify-content:flex-start } .md\:justify-end{ justify-content:flex-end } .md\:gap-6{ gap:1.5rem } .md\:gap-10{ gap:2.5rem } .md\:space-x-0>:not([hidden])~:not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(0px * var(--tw-space-x-reverse)); margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse))) } .md\:space-y-1>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(.25rem * var(--tw-space-y-reverse)) } .md\:space-x-16>:not([hidden])~:not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(4rem * var(--tw-space-x-reverse)); margin-left:calc(4rem * calc(1 - var(--tw-space-x-reverse))) } .md\:space-y-0>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(0px * var(--tw-space-y-reverse)) } .md\:rounded-lg{ border-radius:.5rem } .md\:px-5{ padding-left:1.25rem; padding-right:1.25rem } .md\:px-6{ padding-left:1.5rem; padding-right:1.5rem } .md\:px-4{ padding-left:1rem; padding-right:1rem } .md\:px-2{ padding-left:.5rem; padding-right:.5rem } .md\:px-10{ padding-left:2.5rem; padding-right:2.5rem } .md\:py-4{ padding-top:1rem; padding-bottom:1rem } .md\:pl-8{ padding-left:2rem } .md\:pb-0{ padding-bottom:0 } .md\:pt-0{ padding-top:0 } .md\:pr-8{ padding-right:2rem } .md\:text-7xl{ font-size:4.5rem; line-height:1 } .md\:text-sm{ font-size:.875rem; line-height:1.25rem } .md\:text-6xl{ font-size:3.75rem; line-height:1 } } @media(min-width:1024px){ .lg\:mx-auto{ margin-left:auto; margin-right:auto } .lg\:max-w-6xl{ max-width:72rem } .lg\:justify-center{ justify-content:center } .lg\:space-x-3>:not([hidden])~:not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(.75rem * var(--tw-space-x-reverse)); margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse))) } .lg\:px-16{ padding-left:4rem; padding-right:4rem } } /*!* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT*/ .la-ball-grid-beat,.la-ball-grid-beat>div{ position:relative; box-sizing:border-box } .la-ball-grid-beat{ display:flex; align-items:center; font-size:0; color:#fff } .la-ball-grid-beat.la-dark{ color:#333 } .la-ball-grid-beat>div{ display:inline-block; float:none; background-color:currentColor; border:0 solid } .la-ball-grid-beat{ width:36px; height:12px } .la-ball-grid-beat>div{ width:8px; height:8px; margin:2px; border-radius:100%; animation-name:ball-grid-beat; animation-iteration-count:infinite } .la-ball-grid-beat>div:first-child{ animation-duration:1.5s; animation-delay:-.41s } .la-ball-grid-beat>div:nth-child(2){ animation-duration:1.6s; animation-delay:.04s } .la-ball-grid-beat>div:nth-child(3){ animation-duration:.84s; animation-delay:.07s } .la-ball-grid-beat>div:nth-child(7){ animation-duration:.68s; animation-delay:-.66s } .la-ball-grid-beat>div:nth-child(8){ animation-duration:.93s; animation-delay:-.76s } .la-ball-grid-beat>div:nth-child(9){ animation-duration:1.24s; animation-delay:-.76s } .la-ball-grid-beat.la-sm{ width:18px; height:18px } .la-ball-grid-beat.la-sm>div{ width:4px; height:4px; margin:1px } .la-ball-grid-beat.la-2x{ width:72px; height:72px } .la-ball-grid-beat.la-2x>div{ width:16px; height:16px; margin:4px } .la-ball-grid-beat.la-3x{ width:108px; height:108px } .la-ball-grid-beat.la-3x>div{ width:24px; height:24px; margin:6px } @keyframes ball-grid-beat{ 0%{ opacity:1 } 50%{ opacity:.35 } to{ opacity:1 } } .thin-scrollbar::-webkit-scrollbar{ width:8px; height:8px } .thin-scrollbar::-webkit-scrollbar-track{ background:0 0 } .thin-scrollbar::-webkit-scrollbar-thumb{ background:#747474; border-radius:.25rem } .thin-scrollbar::-webkit-scrollbar-thumb:hover{ background:rgrgb(69,69,69) } .carousel .control-arrow,.carousel.carousel-slider .control-arrow{ transition:all .25s ease-in; opacity:.4; filter:alpha(opacity=40); position:absolute; z-index:2; top:20px; background:0 0; border:0; font-size:32px; cursor:pointer } .carousel .control-arrow:focus,.carousel .control-arrow:hover{ opacity:1; filter:alpha(opacity=100) } .carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{ margin:0 5px; display:inline-block; border-top:8px solid transparent; border-bottom:8px solid transparent; content:"" } .carousel .control-disabled.control-arrow{ opacity:0; filter:alpha(opacity=0); cursor:inherit; display:none } .carousel .control-prev.control-arrow{ left:0 } .carousel .control-prev.control-arrow:before{ border-right:8px solid #fff } .carousel .control-next.control-arrow{ right:0 } .carousel .control-next.control-arrow:before{ border-left:8px solid #fff } .carousel-root{ outline:none } .carousel{ position:relative; width:100% } .carousel *{ box-sizing:border-box } .carousel img{ width:100%; display:inline-block; pointer-events:none } .carousel .carousel{ position:relative } .carousel .control-arrow{ outline:0; border:0; background:0 0; top:50%; margin-top:-13px; font-size:18px } .carousel .thumbs-wrapper{ margin:20px; overflow:hidden } .carousel .thumbs{ transition:all .15s ease-in; transform:translateZ(0); position:relative; list-style:none; white-space:nowrap } .carousel .thumb{ transition:border .15s ease-in; display:inline-block; margin-right:6px; white-space:nowrap; overflow:hidden; border:3px solid #fff; padding:2px } .carousel .thumb:focus{ border:3px solid #ccc; outline:none } .carousel .thumb.selected,.carousel .thumb:hover{ border:3px solid #333 } .carousel .thumb img{ vertical-align:top } .carousel.carousel-slider{ position:relative; margin:0; overflow:hidden } .carousel.carousel-slider .control-arrow{ top:0; color:#fff; font-size:26px; bottom:0; margin-top:0; padding:5px } .carousel.carousel-slider .control-arrow:hover{ background:rgba(0,0,0,.2) } .carousel .slider-wrapper{ overflow:hidden; margin:auto; width:100%; transition:height .15s ease-in } .carousel .slider-wrapper.axis-horizontal .slider{ -ms-box-orient:horizontal; display:-moz-flex; display:flex } .carousel .slider-wrapper.axis-horizontal .slider .slide{ flex-direction:column; flex-flow:column } .carousel .slider-wrapper.axis-vertical{ -ms-box-orient:horizontal; display:-moz-flex; display:flex } .carousel .slider-wrapper.axis-vertical .slider{ flex-direction:column } .carousel .slider{ margin:0; padding:0; position:relative; list-style:none; width:100% } .carousel .slider.animated{ transition:all .35s ease-in-out } .carousel .slide{ min-width:100%; margin:0; position:relative; text-align:center } .carousel .slide img{ width:100%; vertical-align:top; border:0 } .carousel .slide iframe{ display:inline-block; width:calc(100% - 80px); margin:0 40px 40px; border:0 } .carousel .slide .legend{ transition:all .5s ease-in-out; position:absolute; bottom:40px; left:50%; margin-left:-45%; width:90%; border-radius:10px; background:#000; color:#fff; padding:10px; font-size:12px; text-align:center; opacity:.25; transition:opacity .35s ease-in-out } .carousel .control-dots{ position:absolute; bottom:0; margin:10px 0; padding:0; text-align:center; width:100%; z-index:1 } @media(min-width:960px){ .carousel .control-dots{ bottom:0 } } .carousel .control-dots .dot{ transition:opacity .25s ease-in; opacity:.3; filter:alpha(opacity=30); box-shadow:1px 1px 2px rgba(0,0,0,.9); background:#fff; border-radius:50%; width:8px; height:8px; cursor:pointer; display:inline-block; margin:0 8px } .carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{ opacity:1; filter:alpha(opacity=100) } .carousel .carousel-status{ position:absolute; top:0; right:0; padding:5px; font-size:10px; text-shadow:1px 1px 1px rgba(0,0,0,.9); color:#fff } .carousel:hover .slide .legend{ opacity:1 }