picxai / static /style.css
thejagstudio's picture
Upload 47 files
35fbbfd
*,: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
}