*,:before,:after,::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-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --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:#3b82f680;
    --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: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: 
}
*,:before,:after{
    box-sizing:border-box;
    border:0 solid #e5e7eb
}
:before,:after{
    --tw-content:""
	
}
html,:host{
    scrollbar-color: #20B2AA hsla(0, 0%, 100%, .05);
    -webkit-text-size-adjust:100%;
    tab-size:4;
    font-feature-settings:normal;
    font-variation-settings:normal;
    -webkit-tap-highlight-color:transparent;
    font-family: InterVariable,system-ui,sans-serif;
    line-height:1.5
	
}
::-webkit-scrollbar {
    height: .5rem;
    width: .5rem;
}
::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(32 178 170/ var(--tw-backdrop-opacity));
}
::-webkit-scrollbar-track {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/ var(--tw-backdrop-opacity));
}

body{
	background: #171717;
    color: #ffffff;
    line-height:inherit;
    margin:0;
	background: linear-gradient(#0D1E1E, #09090A);
}
hr{
    color:inherit;
    border-top-width:1px;
    height:0
}
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;
	font-weight: 500;
    -webkit-text-decoration:inherit;
    text-decoration:inherit
}
b,strong{
    font-weight:bolder
}
code,kbd,samp,pre{
    font-feature-settings:normal;
    font-variation-settings:normal;
    font-family:InterVariable;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
table{
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
}
button,input,optgroup,select,textarea{
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    font-family:InterVariable;
    font-size:100%;
    font-weight:inherit;
    line-height:inherit;
    letter-spacing:inherit;
    color:inherit;
    margin:0;
    padding:0
}
button,select{
    text-transform:none
}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){
    -webkit-appearance:button;
    background-color:#0000;
    background-image:none
}
:-moz-focusring{
    outline:auto
}
:-moz-ui-invalid{
    box-shadow:none
}
progress{
    vertical-align:baseline
}
::-webkit-inner-spin-button{
    height:auto
}
::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{
    margin:0
}
fieldset{
    margin:0;
    padding:0
}
legend{
    padding:0
}
ol,ul,menu{
    margin:0;
    padding:0;
    list-style:none
}
dialog{
    padding:0
}
textarea{
    resize:vertical
}
input::-moz-placeholder{
    opacity:1;
    color:#9ca3af
}
textarea::-moz-placeholder{
    opacity:1;
    color:#9ca3af
}
input::placeholder,textarea::placeholder{
    opacity:1;
    color:#9ca3af
}
button,[role=button]{
    cursor:pointer
}
:disabled{
    cursor:default
}
img,svg,video,canvas,audio,iframe,embed,object{
    vertical-align:middle;
    display:block
}
img,video{
    max-width:100%;
    height:auto
}
[hidden]:where(:not([hidden=until-found])){
    display:none
}
*{
    min-width:0
}
.prose{
    color:var(--tw-prose-body);
    max-width:65ch
}
.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:1.25em;
    margin-bottom:1.25em
}
.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:var(--tw-prose-lead);
    margin-top:1.2em;
    margin-bottom:1.2em;
    font-size:1.25em;
    line-height:1.6
}
.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:var(--tw-prose-links);
    font-weight:500;
    text-decoration:underline
}
.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:var(--tw-prose-bold);
    font-weight:600
}
.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:inherit
}
.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:1.25em;
    margin-bottom:1.25em;
    padding-inline-start:1.625em;
    list-style-type:decimal
}
.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){
    list-style-type:upper-alpha
}
.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){
    list-style-type:lower-alpha
}
.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){
    list-style-type:upper-alpha
}
.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){
    list-style-type:lower-alpha
}
.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){
    list-style-type:upper-roman
}
.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){
    list-style-type:lower-roman
}
.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){
    list-style-type:upper-roman
}
.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){
    list-style-type:lower-roman
}
.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){
    list-style-type:decimal
}
.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:1.25em;
    margin-bottom:1.25em;
    padding-inline-start:1.625em;
    list-style-type:disc
}
.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{
    color:var(--tw-prose-counters);
    font-weight:400
}
.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{
    color:var(--tw-prose-bullets)
}
.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:var(--tw-prose-headings);
    margin-top:1.25em;
    font-weight:600
}
.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){
    border-color:var(--tw-prose-hr);
    border-top-width:1px;
    margin-top:3em;
    margin-bottom:3em
}
.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:var(--tw-prose-quotes);
    border-inline-start-width:.25rem;
    border-inline-start-color:var(--tw-prose-quote-borders);
    quotes:"“""”""‘""’";
    margin-top:1.6em;
    margin-bottom:1.6em;
    padding-inline-start:1em;
    font-style:italic;
    font-weight:500
}
.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{
    content:open-quote
}
.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{
    content:close-quote
}
.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:var(--tw-prose-headings);
    margin-top:0;
    margin-bottom:.888889em;
    font-size:2.25em;
    font-weight:800;
    line-height:1.11111
}
.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:inherit;
    font-weight:900
}
.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:var(--tw-prose-headings);
    margin-top:2em;
    margin-bottom:1em;
    font-size:1.5em;
    font-weight:700;
    line-height:1.33333
}
.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:inherit;
    font-weight:800
}
.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:var(--tw-prose-headings);
    margin-top:1.6em;
    margin-bottom:.6em;
    font-size:1.25em;
    font-weight:600;
    line-height:1.6
}
.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:inherit;
    font-weight:700
}
.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:var(--tw-prose-headings);
    margin-top:1.5em;
    margin-bottom:.5em;
    font-weight:600;
    line-height:1.5
}
.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:inherit;
    font-weight:700
}
.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:2em;
    margin-bottom:2em
}
.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:2em;
    margin-bottom:2em;
    display:block
}
.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:2em;
    margin-bottom:2em
}
.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:var(--tw-prose-kbd);
    box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px rgb(var(--tw-prose-kbd-shadows)/10%);
    padding-top:.1875em;
    padding-inline-end:.375em;
    padding-bottom:.1875em;
    border-radius:.3125rem;
    padding-inline-start:.375em;
    font-family:InterVariable;
    font-size:.875em;
    font-weight:500
}
.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:var(--tw-prose-code);
    font-size:.875em;
    font-weight:600
}
.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{
    content:"`"
}
.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:inherit
}
.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:inherit;
    font-size:.875em
}
.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:inherit;
    font-size:.9em
}
.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:inherit
}
.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:var(--tw-prose-pre-code);
    background-color:var(--tw-prose-pre-bg);
    padding-top:.857143em;
    padding-inline-end:1.14286em;
    padding-bottom:.857143em;
    border-radius:.375rem;
    margin-top:1.71429em;
    margin-bottom:1.71429em;
    padding-inline-start:1.14286em;
    font-size:.875em;
    font-weight:400;
    line-height:1.71429;
    overflow-x:auto
}
.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){
    font-weight:inherit;
    color:inherit;
    font-size:inherit;
    font-family:InterVariable;
    line-height:inherit;
    background-color:#0000;
    border-width:0;
    border-radius:0;
    padding:0
}
.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{
    content:none
}
.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){
    table-layout:auto;
    width:100%;
    margin-top:2em;
    margin-bottom:2em;
    font-size:.875em;
    line-height:1.71429
}
.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){
    border-bottom-width:1px;
    border-bottom-color:var(--tw-prose-th-borders)
}
.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:var(--tw-prose-headings);
    vertical-align:bottom;
    padding-inline-end:.571429em;
    padding-bottom:.571429em;
    padding-inline-start:.571429em;
    font-weight:600
}
.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){
    border-bottom-width:1px;
    border-bottom-color:var(--tw-prose-td-borders)
}
.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
    border-bottom-width:0
}
.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){
    vertical-align:baseline
}
.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){
    border-top-width:1px;
    border-top-color:var(--tw-prose-th-borders)
}
.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){
    vertical-align:top
}
.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){
    text-align:start
}
.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:0;
    margin-bottom:0
}
.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){
    color:var(--tw-prose-captions);
    margin-top:.857143em;
    font-size:.875em;
    line-height:1.42857
}
.prose{
    --tw-prose-body:white;
    --tw-prose-headings:white;
    --tw-prose-lead:white;
    --tw-prose-links:white;
    --tw-prose-bold:white;
    --tw-prose-counters:#6b7280;
    --tw-prose-bullets:#d1d5db;
    --tw-prose-hr:#e5e7eb;
    --tw-prose-quotes:white;
    --tw-prose-quote-borders:white;
    --tw-prose-captions:white;
    --tw-prose-kbd:#111827;
    --tw-prose-kbd-shadows:17 24 39;
    --tw-prose-code:white;
    --tw-prose-pre-code:white;
    --tw-prose-pre-bg:#1f2937;
    --tw-prose-th-borders:#d1d5db;
    --tw-prose-td-borders:#e5e7eb;
    --tw-prose-invert-body:#d1d5db;
    --tw-prose-invert-headings:#fff;
    --tw-prose-invert-lead:#9ca3af;
    --tw-prose-invert-links:#fff;
    --tw-prose-invert-bold:#fff;
    --tw-prose-invert-counters:#9ca3af;
    --tw-prose-invert-bullets:#4b5563;
    --tw-prose-invert-hr:#374151;
    --tw-prose-invert-quotes:#f3f4f6;
    --tw-prose-invert-quote-borders:#374151;
    --tw-prose-invert-captions:#9ca3af;
    --tw-prose-invert-kbd:#fff;
    --tw-prose-invert-kbd-shadows:255 255 255;
    --tw-prose-invert-code:#fff;
    --tw-prose-invert-pre-code:#d1d5db;
    --tw-prose-invert-pre-bg:#00000080;
    --tw-prose-invert-th-borders:#4b5563;
    --tw-prose-invert-td-borders:#374151;
    font-size:1rem;
    line-height:1.75
}
.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:0;
    margin-bottom:0
}
.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:.5em;
    margin-bottom:.5em
}
.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){
    padding-inline-start:.375em
}
.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:.75em;
    margin-bottom:.75em
}
.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:1.25em
}
.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-bottom:1.25em
}
.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:1.25em
}
.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-bottom:1.25em
}
.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:.75em;
    margin-bottom:.75em
}
.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:1.25em;
    margin-bottom:1.25em
}
.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:.5em;
    padding-inline-start:1.625em
}
.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:0
}
.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
    padding-inline-start:0
}
.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
    padding-inline-end:0
}
.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){
    padding-top:.571429em;
    padding-inline-end:.571429em;
    padding-bottom:.571429em;
    padding-inline-start:.571429em
}
.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
    padding-inline-start:0
}
.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
    padding-inline-end:0
}
.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:2em;
    margin-bottom:2em
}
.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:0
}
.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-bottom:0
}
.fixed{
    position:fixed
}
.top-0{
    top:0
}
.m-4{
    margin:1rem
}
.mx-auto{
    margin-left:auto;
    margin-right:auto
}
.my-0{
    margin-top:0;
    margin-bottom:0
}
.mb-2{
    margin-bottom:.5rem
}
.mb-3{
    margin-bottom:.75rem
}
.ml-1{
    margin-left:.25rem
}
.mr-5{
    margin-right:1.25rem
}
.box-content{
    box-sizing:content-box
}
.block{
    display:block
}
.inline-block{
    display:inline-block
}
.inline{
    display:inline
}
.flex{
    display:flex
}
.table{
    display:table
}
.size-12{
    width:3rem;
    height:3rem
}
.h-12{
    height:3rem
}
.min-h-\[calc\(100dvh-2rem\)\]{
    min-height:calc(100dvh - 2rem)
}
.w-fit{
    width:fit-content
}
.w-full{
    width:100%
}
.max-w-screen-sm{
    max-width:640px
}
.list-decimal{
    list-style-type:decimal
}
.items-center{
    align-items:center;
}
.items-center-index{
    align-items: center;
    margin-top: -90px;
}
.justify-center{
    justify-content:center
}
.rounded{
    border-radius:.25rem
}
.rounded-lg{
    border-radius:.5rem
}
.border{
    border-width:1px
}
.border-2{
    border-width:2px
}
.border-black{
    --tw-border-opacity:1;
    border-color:rgb(0 0 0/var(--tw-border-opacity,1))
}
.bg-white{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity,1))
	background-color:rgb(23 23 23/var(--tw-bg-opacity,1));
}
.bg-black{
    --tw-bg-opacity:1
}
.p-1{
    padding:.25rem
}
.p-3{
    padding:.75rem
}
.px-1{
    padding-left:.25rem;
    padding-right:.25rem
}
.px-8{
    padding-left:2rem;
    padding-right:2rem
}
.py-2\.5{
    padding-top:.625rem;
    padding-bottom:.625rem
}
.pb-\[2\.5rem\]{
    padding-bottom:2.5rem
}
.pt-4{
    padding-top:1rem
}
.pt-\[4\.5rem\]{
    padding-top:4.5rem
}
.text-center{
    text-align:center
}
.text-right{
    text-align:right
}
.align-text-bottom{
    vertical-align:text-bottom
}
.text-small{
	font-weight: 200;
    font-size:1.0rem;
	color:#A9A9A9
}
.text-smallest{
	font-weight: 200;
    font-size:0.8rem;
	color:#696969
}
.text-2xl{
	font-weight: 200;
    font-size:1.5rem;
    line-height:2rem
}
.text-5xl\/tight{
    font-size:3rem;
    line-height:1.25
}
.text-base{
    font-size:1rem;
    line-height:1.5rem
}
.text-lg{
    font-size:1.125rem;
    line-height:1.75rem
}
.text-sm{
    font-size:.875rem;
    line-height:1.25rem
}
.font-bold{
    font-weight:700
}
.font-extrabold{
    font-weight:800
}
.font-50{
    font-weight:50
}
.font-100{
    font-weight:100
}
.font-200{
    font-weight:200
}
.font-300{
    font-weight:300
}
.font-400{
    font-weight:400
}
.font-500{
    font-weight:500
}
.font-600{
    font-weight:600
}
.capitalize{
    text-transform:capitalize
}
.italic{
    font-style:italic
}
.underline{
    text-decoration-line:underline
}
.opacity-50{
    opacity:.5
}
.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)
}
.transition-opacity{
    transition-property:opacity;
    transition-duration:.15s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.duration-300{
    transition-duration:.3s
}
.prose-headings\:text-display :where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *)){
    font-variation-settings:"opsz"32
}
.prose-h1\:my-8 :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:2rem;
    margin-bottom:2rem
}
.prose-h1\:text-5xl :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){
    font-size:3rem;
    line-height:1
}
.prose-h2\:mt-16 :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin-top:4rem
}
.prose-h2\:text-4xl :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){
    font-size:2.25rem;
    line-height:2.5rem
}
.prose-h3\:text-3xl :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){
    font-size:1.875rem;
    line-height:2.25rem
}
.prose-p\:m-0 :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){
    margin:0
}
.prose-code\:leading-4 :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){
    line-height:1rem
}
@media (pointer:fine){
    .mouse\:py-1{
        padding-top:.25rem;
        padding-bottom:.25rem
    }
}
@media (hover:hover){
    .hover\:bg-black\/10:hover{
        background-color:#0000001a
    }
    .hover\:opacity-100:hover{
        opacity:1
    }
    .hover\:prose-a\:bg-black\/10 :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{
        background-color:#0000001a
    }
}
@media (min-width:640px){
    .sm\:size-20{
        width:5rem;
        height:5rem
    }
    .sm\:h-20{
        height:5rem
    }
    .sm\:pb-\[4\.5rem\]{
        padding-bottom:4.5rem
    }
    .sm\:pt-\[6\.5rem\]{
        padding-top:6.5rem
    }
}
@media (min-width:1024px){
    .lg\:fixed{
        position:fixed
    }
    .lg\:relative{
        position:relative
    }
    .lg\:bottom-0{
        bottom:0
    }
    .lg\:right-0{
        right:0
    }
    .lg\:left-0{
        left:0
    }
    .lg\:w-full{
        width:100%
    }
    .lg\:min-h-dvh{
        min-height:100dvh
    }
    .lg\:pb-\[6\.5rem\]{
        padding-bottom:6.5rem
    }
}
@font-face {
    font-family: InterVariable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/fonts/inter-cyrillic-variable-wghtOnly-normal.fd42267c.woff2) format("woff2");
    unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
    font-family: InterVariable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.f62cc866.woff2) format("woff2");
    unicode-range: u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
}

@font-face {
    font-family: InterVariable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/fonts/inter-greek-variable-wghtOnly-normal.04553489.woff2) format("woff2");
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: InterVariable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/fonts/inter-greek-ext-variable-wghtOnly-normal.f876a5a3.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: InterVariable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/fonts/inter-latin-variable-wghtOnly-normal.40c45725.woff2) format("woff2");
    unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
    font-family: InterVariable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/fonts/inter-latin-ext-variable-wghtOnly-normal.7df16007.woff2) format("woff2");
    unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
    font-family: InterVariable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/fonts/inter-vietnamese-variable-wghtOnly-normal.530676b6.woff2) format("woff2");
    unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab
}
/* From Uiverse.io by ilkhoeri */ 
.wrapper {
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.inner {
  --w: 80px;
  --h: 100px;
  --translateZ: calc((var(--w) + var(--h)) + 5px);
  --rotateX: -15deg;
  --perspective: 1000px;
  position: absolute;
  width: var(--w);
  height: var(--h);
  top: 80%;
  left: calc(50% - (var(--w) / 2) - 2.5px);
  z-index: 2;
  transform-style: preserve-3d;
  transform: perspective(var(--perspective));
  animation: rotating 20s linear infinite; /* */
}
@keyframes rotating {
  from {
    transform: perspective(var(--perspective)) rotateX(var(--rotateX))
      rotateY(0);
  }
  to {
    transform: perspective(var(--perspective)) rotateX(var(--rotateX))
      rotateY(1turn);
  }
}

.card {
  position: absolute;
  border: 2px solid rgba(var(--color-card));
  border-radius: 12px;
  overflow: hidden;
  inset: 0;
  transform: rotateY(calc((360deg / var(--quantity)) * var(--index)))
    translateZ(var(--translateZ));
}

.imgg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #0000
    radial-gradient(
      circle,
      rgba(var(--color-card), 0.2) 0%,
      rgba(var(--color-card), 0.6) 80%,
      rgba(var(--color-card), 0.9) 100%
    );
}
/* From Uiverse.io by ilkhoeri */