Spaces:
Runtime error
Runtime error
*,: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) ; | |
height:3px | |
} | |
.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 | |
} | |
.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 | |
} |