:root {
    --vt-c-white: #fff;
    --vt-c-white-soft: #f8f8f8;
    --vt-c-white-mute: #f2f2f2;
    --vt-c-black: #181818;
    --vt-c-black-soft: #222;
    --vt-c-black-mute: #282828;
    --vt-c-indigo: #2c3e50;
    --vt-c-divider-light-1: rgba(60,60,60,.29);
    --vt-c-divider-light-2: rgba(60,60,60,.12);
    --vt-c-divider-dark-1: rgba(84,84,84,.65);
    --vt-c-divider-dark-2: rgba(84,84,84,.48);
    --vt-c-text-light-1: var(--vt-c-indigo);
    --vt-c-text-light-2: rgba(60,60,60,.66);
    --vt-c-text-dark-1: var(--vt-c-white);
    --vt-c-text-dark-2: hsla(0,0%,92%,.64);
    --color-background: var(--vt-c-white);
    --color-background-soft: var(--vt-c-white-soft);
    --color-background-mute: var(--vt-c-white-mute);
    --color-border: var(--vt-c-divider-light-2);
    --color-border-hover: var(--vt-c-divider-light-1);
    --color-heading: var(--vt-c-text-light-1);
    --color-text: var(--vt-c-text-light-1);
    --section-gap: 160px
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-background:var(--vt-c-black);
        --color-background-soft: var(--vt-c-black-soft);
        --color-background-mute: var(--vt-c-black-mute);
        --color-border: var(--vt-c-divider-dark-2);
        --color-border-hover: var(--vt-c-divider-dark-1);
        --color-heading: var(--vt-c-text-dark-1);
        --color-text: var(--vt-c-text-dark-2)
    }
}

*,:after,:before {
    box-sizing: border-box;
    font-weight: 400;
    margin: 0
}

body,dd,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul {
    margin: 0;
    padding: 0
}

table,td,th {
    border-collapse: collapse
}

li,ol,ul {
    list-style: none
}

h1,h2,h3 {
    font-size: 100%;
    font-weight: 400
}

button,img,input,textarea {
    border: 0;
    outline: 0;
    vertical-align: middle
}

a {
    color: inherit
}

a,a:active,a:hover {
    outline: 0;
    text-decoration: none
}

body {
    font-family: Microsoft YaHei,Helvetica Neue,Helvetica,STHeiTi,sans-serif;
    position: relative;
    -webkit-text-size-adjust: none
}

a,img {
    -webkit-touch-callout: none
}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both;
    overflow: hidden
}

.clearfix {
    zoom:1}

.fl {
    float: left
}

.fr {
    float: right
}

.els {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body {
    background-color: #37373d;
    margin: 0 auto
}

a,input {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

::-webkit-scrollbar {
    width: 0
}

article,section {
    display: block
}

* {
    box-sizing: border-box;
    max-height: 99999px
}

img {
    /* width: 100% */
}

html {
    font-size: 4px
}

.can-not-select {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none
}

.mask {
    height: 100%;
    top: 0
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

*,:after,:before {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 transparent;
    --un-ring-shadow: 0 0 transparent;
    --un-shadow-inset: ;
    --un-shadow: 0 0 transparent;
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgba(147,197,253,.5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

::backdrop {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 transparent;
    --un-ring-shadow: 0 0 transparent;
    --un-shadow-inset: ;
    --un-shadow: 0 0 transparent;
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgba(147,197,253,.5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

.container {
    width: 100%
}

.f-c-c,[f-c-c=""] {
    align-items: center;
    display: flex;
    justify-content: center
}

.flex-col,[flex-col=""] {
    display: flex;
    flex-direction: column
}

.text-ellipsis,[text-ellipsis=""] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@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
    }
}

.absolute,[absolute=""] {
    position: absolute
}

.fixed,[fixed=""] {
    position: fixed
}

.relative,[relative=""] {
    position: relative
}

.-bottom-1\/2 {
    bottom: -50%
}

.bottom-0,[bottom-0=""] {
    bottom: 0
}

.left-0,[left-0=""] {
    left: 0
}

.left-6,[left-6=""] {
    left: 1.5rem
}

.right-0 {
    right: 0
}

.top-0,[top-0=""] {
    top: 0
}

.top-6,[top-6=""] {
    top: 1.5rem
}

.z-10,[z-10=""] {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.grid {
    display: grid
}

.m2 {
    margin: .5rem
}

.ma,[ma=""] {
    margin: auto
}

.mb--32,[mb--32=""] {
    margin-bottom: -8rem
}

.mb-1,[mb-1=""] {
    margin-bottom: .25rem
}

.mb-10,[mb-10=""] {
    margin-bottom: 2.5rem
}

.mb-15,[mb-15=""] {
    margin-bottom: 3.75rem
}

.mb-16,[mb-16=""] {
    margin-bottom: 4rem
}

.mb-18,[mb-18=""] {
    margin-bottom: 4.5rem
}

.mb-20,[mb-20=""] {
    margin-bottom: 5rem
}

.mb-22,[mb-22=""] {
    margin-bottom: 5.5rem
}

.mb-28,[mb-28=""] {
    margin-bottom: 7rem
}

.mb-36,[mb-36=""] {
    margin-bottom: 9rem
}

.mb-4,[mb-4=""] {
    margin-bottom: 1rem
}

.mb-40,[mb-40=""] {
    margin-bottom: 10rem
}

.mb-5,[mb-5=""] {
    margin-bottom: 1.25rem
}

.mb-55,[mb-55=""] {
    margin-bottom: 13.75rem
}

.mb-6,[mb-6=""] {
    margin-bottom: 1.5rem
}

.mb-7,[mb-7=""] {
    margin-bottom: 1.75rem
}

.mb-8,[mb-8=""] {
    margin-bottom: 2rem
}

.ml-14,[ml-14=""] {
    margin-left: 3.5rem
}

.ml-18,[ml-18=""] {
    margin-left: 4.5rem
}

.ml-2,[ml-2=""] {
    margin-left: .5rem
}

.ml-32,[ml-32=""] {
    margin-left: 8rem
}

.ml-35,[ml-35=""] {
    margin-left: 8.75rem
}

.ml-4,[ml-4=""] {
    margin-left: 1rem
}

.ml-54,[ml-54=""] {
    margin-left: 13.5rem
}

.ml-9,[ml-9=""] {
    margin-left: 2.25rem
}

.ml-a,[ml-a=""] {
    margin-left: auto
}

.mr-10,[mr-10=""] {
    margin-right: 2.5rem
}

.mr-12,[mr-12=""] {
    margin-right: 3rem
}

.mr-14,[mr-14=""] {
    margin-right: 3.5rem
}

.mr-16,[mr-16=""] {
    margin-right: 4rem
}

.mr-2,[mr-2=""] {
    margin-right: .5rem
}

.mr-20,[mr-20=""] {
    margin-right: 5rem
}

.mr-22,[mr-22=""] {
    margin-right: 5.5rem
}

.mr-24,[mr-24=""] {
    margin-right: 6rem
}

.mr-28,[mr-28=""] {
    margin-right: 7rem
}

.mr-4,[mr-4=""] {
    margin-right: 1rem
}

.mr-48,[mr-48=""] {
    margin-right: 12rem
}

.mr-5,[mr-5=""] {
    margin-right: 1.25rem
}

.mr-8,[mr-8=""] {
    margin-right: 2rem
}

.mt--1,[mt--1=""] {
    margin-top: -.25rem
}

.mt--21,[mt--21=""] {
    margin-top: -5.25rem
}

.mt-10,[mt-10=""] {
    margin-top: 2.5rem
}

.mt-12,[mt-12=""] {
    margin-top: 3rem
}

.mt-18,[mt-18=""] {
    margin-top: 4.5rem
}

.mt-20,[mt-20=""] {
    margin-top: 5rem
}

.mt-24,[mt-24=""] {
    margin-top: 6rem
}

.mt-28,[mt-28=""] {
    margin-top: 7rem
}

.mt-3,[mt-3=""] {
    margin-top: .75rem
}

.mt-4,[mt-4=""] {
    margin-top: 1rem
}

.mt-40,[mt-40=""] {
    margin-top: 10rem
}

.mt-44,[mt-44=""] {
    margin-top: 11rem
}

.mt-45,[mt-45=""] {
    margin-top: 11.25rem
}

.mt-8,[mt-8=""] {
    margin-top: 2rem
}

.mt-80,[mt-80=""] {
    margin-top: 20rem
}

.block,[block=""] {
    display: block
}

.inline-block {
    display: inline-block
}

.hidden {
    display: none
}

[size~="20"] {
    height: 5rem;
    width: 5rem
}

.h-1\/2 {
    height: 50%
}

.h-112,[h-112=""] {
    height: 28rem
}

.h-12,[h-12=""] {
    height: 3rem
}

.h-120,[h-120=""] {
    height: 30rem
}

.h-14,[h-14=""] {
    height: 3.5rem
}

.h-152,[h-152=""] {
    height: 38rem
}

.h-16,[h-16=""] {
    height: 4rem
}

.h-160,[h-160=""] {
    height: 40rem
}

.h-161,[h-161=""] {
    height: 40.25rem
}

.h-168,[h-168=""] {
    height: 42rem
}

.h-18,[h-18=""] {
    height: 4.5rem
}

.h-186,[h-186=""] {
    height: 46.5rem
}

.h-19,.h19,[h-19=""],[h19=""] {
    height: 4.75rem
}

.h-20,[h-20=""] {
    height: 5rem
}

.h-22,[h-22=""] {
    height: 5.5rem
}

.h-223,[h-223=""] {
    height: 55.75rem
}

.h-224,[h-224=""] {
    height: 56rem
}

.h-24,.h24,[h-24=""],[h24=""] {
    height: 6rem
}

.h-28,[h-28=""] {
    height: 7rem
}

.h-30,[h-30=""] {
    height: 7.5rem
}

.h-32,[h-32=""] {
    height: 8rem
}

.h-38,[h-38=""] {
    height: 9.5rem
}

.h-40,[h-40=""] {
    height: 10rem
}

.h-42,[h-42=""] {
    height: 10.5rem
}

.h-44,[h-44=""] {
    height: 11rem
}

.h-6,[h-6=""] {
    height: 1.5rem
}

.h-64,.h64,[h-64=""],[h64=""] {
    height: 16rem
}

.h-76,[h-76=""] {
    height: 19rem
}

.h-84,[h-84=""] {
    height: 21rem
}

.h-88,[h-88=""] {
    height: 22rem
}

.h-96,[h-96=""] {
    height: 24rem
}

.h-auto {
    height: auto
}

.h-full,[h-full=""] {
    height: 100%
}

.h1 {
    height: .25rem
}

.h48,[h48=""] {
    height: 12rem
}

.h80,[h80=""] {
    height: 20rem
}

.max-h-48,[max-h-48=""] {
    max-height: 12rem
}

.max-w-520px {
    max-width: 520px
}

.min-h-screen {
    min-height: 100vh
}

.w-0,.w0,[w-0=""],[w0=""] {
    width: 0
}

.w-1,[w-1=""] {
    width: .25rem
}

.w-12,[w-12=""] {
    width: 3rem
}

.w-120,[w-120=""] {
    width: 30rem
}

.w-1200,[w-1200=""] {
    width: 300rem
}

.w-1204,[w-1204=""] {
    width: 301rem
}

.w-1256,[w-1256=""] {
    width: 314rem
}

.w-1280,[w-1280=""] {
    width: 320rem
}

.w-134,[w-134=""] {
    width: 33.5rem
}

.w-15,[w-15=""] {
    width: 3.75rem
}

.w-16,[w-16=""] {
    width: 4rem
}

.w-160,[w-160=""] {
    width: 40rem
}

.w-164,[w-164=""] {
    width: 41rem
}

.w-170,[w-170=""] {
    width: 42.5rem
}

.w-198,[w-198=""] {
    width: 49.5rem
}

.w-20,[w-20=""] {
    width: 5rem
}

.w-22,[w-22=""] {
    width: 5.5rem
}

.w-24,[w-24=""] {
    width: 6rem
}

.w-28,[w-28=""] {
    width: 7rem
}

.w-286,[w-286=""] {
    width: 71.5rem
}

.w-312,[w-312=""] {
    width: 78rem
}

.w-371,[w-371=""] {
    width: 92.75rem
}

.w-372,[w-372=""] {
    width: 93rem
}

.w-38,[w-38=""] {
    width: 9.5rem
}

.w-381,[w-381=""] {
    width: 95.25rem
}

.w-383,[w-383=""] {
    width: 95.75rem
}

.w-392,[w-392=""] {
    width: 98rem
}

.w-40,[w-40=""] {
    width: 10rem
}

.w-44,[w-44=""] {
    width: 11rem
}

.w-64,.w64,[w-64=""],[w64=""] {
    width: 16rem
}

.w-69,[w-69=""] {
    width: 17.25rem
}

.w-76,[w-76=""] {
    width: 19rem
}

.w-82,[w-82=""] {
    width: 20.5rem
}

.w-88,[w-88=""] {
    width: 22rem
}

.w-full,[w-full=""] {
    width: 100%
}

.w48,[w48=""] {
    width: 12rem
}

.flex,[flex=""] {
    display: flex
}

.flex-1,[flex-1=""] {
    flex: 1 1 0%
}

.flex-wrap,[flex-wrap=""] {
    flex-wrap: wrap
}

.table {
    display: table
}

.transform {
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.cursor-pointer,[cursor-pointer=""] {
    cursor: pointer
}

.place-content-center {
    place-content: center
}

.items-start,[items-start=""] {
    align-items: flex-start
}

.items-end,[items-end=""] {
    align-items: flex-end
}

.items-center,[items-center=""] {
    align-items: center
}

.justify-center,[justify-center=""] {
    justify-content: center
}

.justify-between,[justify-between=""] {
    justify-content: space-between
}

.overflow-hidden,[overflow-hidden=""] {
    overflow: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

.b,.border,.border-1,[b=""],[border-1=""] {
    border-width: 1px
}

.rounded-10,[rounded-10=""] {
    border-radius: 2.5rem
}

.rounded-16,[rounded-16=""] {
    border-radius: 4rem
}

.rounded-18,[rounded-18=""] {
    border-radius: 4.5rem
}

.rounded-20,[rounded-20=""] {
    border-radius: 5rem
}

.rounded-24,[rounded-24=""] {
    border-radius: 6rem
}

.rounded-32,[rounded-32=""] {
    border-radius: 8rem
}

.rounded-36,[rounded-36=""] {
    border-radius: 9rem
}

.rounded-4,[rounded-4=""] {
    border-radius: 1rem
}

.rounded-7,[rounded-7=""] {
    border-radius: 1.75rem
}

.rounded-8,[rounded-8=""] {
    border-radius: 2rem
}

.rounded-t-md {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.bg-black,.dark .dark\:bg-black,[bg-black=""] {
    --un-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--un-bg-opacity))
}

.bg-black\/5 {
    background-color: #0000000d
}

.bg-white {
    --un-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--un-bg-opacity))
}

.dark .dark\:bg-white\/10 {
    background-color: #ffffff1a
}

[bg~="#313137"] {
    --un-bg-opacity: 1;
    background-color: rgb(49 49 55/var(--un-bg-opacity))
}

[bg~=transparent] {
    background-color: transparent
}

.bg-opacity-70,[bg-opacity-70=""] {
    --un-bg-opacity: .7
}

.object-cover,[object-cover=""] {
    -o-object-fit: cover;
    object-fit: cover
}

.p-16,[p-16=""] {
    padding: 4rem
}

.p-30,[p-30=""] {
    padding: 7.5rem
}

.p-58,[p-58=""] {
    padding: 14.5rem
}

.p-8 {
    padding: 2rem
}

.px,.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.pb-10,[pb-10=""] {
    padding-bottom: 2.5rem
}

.pb-14,[pb-14=""] {
    padding-bottom: 3.5rem
}

.pb-15,[pb-15=""] {
    padding-bottom: 3.75rem
}

.pb-18,[pb-18=""] {
    padding-bottom: 4.5rem
}

.pb-20,[pb-20=""] {
    padding-bottom: 5rem
}

.pb-48,[pb-48=""] {
    padding-bottom: 12rem
}

.pb-6,[pb-6=""] {
    padding-bottom: 1.5rem
}

.pb-8,[pb-8=""] {
    padding-bottom: 2rem
}

.pl-10,[pl-10=""] {
    padding-left: 2.5rem
}

.pl-16,[pl-16=""] {
    padding-left: 4rem
}

.pl-20,[pl-20=""] {
    padding-left: 5rem
}

.pl-6,[pl-6=""] {
    padding-left: 1.5rem
}

.pr-16,[pr-16=""] {
    padding-right: 4rem
}

.pr-20,[pr-20=""] {
    padding-right: 5rem
}

.pr-6,[pr-6=""] {
    padding-right: 1.5rem
}

.pr-8,[pr-8=""] {
    padding-right: 2rem
}

.pt-10,[pt-10=""] {
    padding-top: 2.5rem
}

.pt-14 {
    padding-top: 3.5rem
}

.pt-20,[pt-20=""] {
    padding-top: 5rem
}

.pt-7,[pt-7=""] {
    padding-top: 1.75rem
}

.pt-8,[pt-8=""] {
    padding-top: 2rem
}

.pt-9,[pt-9=""] {
    padding-top: 2.25rem
}

[pt-80=""] {
    padding-top: 20rem
}

.text-center,[text-center=""] {
    text-align: center
}

.text-12,[text-12=""] {
    font-size: 3rem
}

.text-14,[text-14=""] {
    font-size: 3.5rem
}

.text-15,[text-15=""] {
    font-size: 3.75rem
}

.text-16,[text-16=""] {
    font-size: 4rem
}

.text-18,[text-18=""] {
    font-size: 4.5rem
}

.text-20,[text-20=""] {
    font-size: 5rem
}

.text-30,[text-30=""] {
    font-size: 7.5rem
}

.text-40,[text-40=""] {
    font-size: 10rem
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.text-8xl {
    font-size: 6rem;
    line-height: 1
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.color-white,.dark .dark\:text-white,[color-white=""],[color~="#fff"] {
    --un-text-opacity: 1;
    color: rgb(255 255 255/var(--un-text-opacity))
}

.text-black {
    --un-text-opacity: 1;
    color: rgb(0 0 0/var(--un-text-opacity))
}

[color~="#ffdc00"] {
    --un-text-opacity: 1;
    color: rgb(255 220 0/var(--un-text-opacity))
}

[color~="#ffffff80"] {
    --un-text-opacity: .5
}

[color~="#ffffff80"],[color~="#ffffffcc"] {
    color: rgb(255 255 255/var(--un-text-opacity))
}

[color~="#ffffffcc"] {
    --un-text-opacity: .8
}

.font-500,.font-medium,[font-500=""] {
    font-weight: 500
}

.font-bold,[font-bold=""] {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-semibold,[font-semibold=""] {
    font-weight: 600
}

.leading-14,[leading-14=""] {
    line-height: 3.5rem
}

.leading-16,[leading-16=""] {
    line-height: 4rem
}

.leading-18,[leading-18=""] {
    line-height: 4.5rem
}

.leading-20,[leading-20=""] {
    line-height: 5rem
}

.leading-22,[leading-22=""] {
    line-height: 5.5rem
}

.leading-24,[leading-24=""] {
    line-height: 6rem
}

.leading-26,[leading-26=""] {
    line-height: 6.5rem
}

.leading-32,[leading-32=""] {
    line-height: 8rem
}

.leading-tight {
    line-height: 1.25
}

.font-sans {
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tab {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

.opacity-50,[opacity-50=""] {
    opacity: .5
}

.opacity-80,[opacity-80=""] {
    opacity: .8
}

.outline {
    outline-style: solid
}

.transition {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,outline-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)
}

.ease,.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.bc-3a3a3a,[bc-3a3a3a=""] {
    border-color: #3a3a3a
}

.bgc-313137,[bgc-313137=""] {
    background-color: #313137
}

.bgc-4c4c50,[bgc-4c4c50=""] {
    background-color: #4c4c50
}

.bgc-4d4d53,[bgc-4d4d53=""] {
    background-color: #4d4d53
}

.bgc-E5E7EB,[bgc-E5E7EB=""] {
    background-color: #e5e7eb
}

.bgc-E5E7EB\> {
    background-color: #E5E7EB>
}

.bgc-ffffff,[bgc-ffffff=""] {
    background-color: #fff
}

.tc-421111,[tc-421111=""] {
    color: #421111
}

.tc-edf5ff,[tc-edf5ff=""] {
    color: #edf5ff
}

.tc-ffffff,[tc-ffffff=""] {
    color: #fff
}

.tc-ffffff80,[tc-ffffff80=""] {
    color: #ffffff80
}

@media (min-width: 640px) {
    .sm\:px-0 {
        padding-left:0;
        padding-right: 0
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .sm\:text-8xl {
        font-size: 6rem;
        line-height: 1
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

footer {
    align-items: center;
    background: #1e1e20;
    box-sizing: content-box;
    color: #fff9;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    height: 240px;
    justify-content: center;
    line-height: 24px;
    width: 100%
}

.footer-detail {
    padding-bottom: 140px
}