/* ! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}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-feature-settings:normal;font-variation-settings:normal;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-feature-settings:inherit;font-variation-settings:inherit;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: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}dialog{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-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: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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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: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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%;margin-right:auto;margin-left:auto;padding-right:16px;padding-left:16px}@media (min-width:640px){.container{max-width:640px;padding-right:24px;padding-left:24px}}@media (min-width:768px){.container{max-width:768px;padding-right:32px;padding-left:32px}}@media (min-width:1024px){.container{max-width:1024px;padding-right:30px;padding-left:30px}}@media (min-width:1280px){.container{max-width:1280px;padding-right:60px;padding-left:60px}}@media (min-width:1536px){.container{max-width:1536px}}.container{max-width:100%}@media (min-width:1280px){.container{max-width:1440px}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-right-16{right:-4rem}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-12{top:3rem}.top-3{top:.75rem}.top-8{top:2rem}.\!z-40{z-index:40!important}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[200\]{z-index:200}.order-1{order:1}.order-2{order:2}.col-span-1{grid-column:span 1/span 1}.\!mx-0{margin-left:0!important;margin-right:0!important}.\!mx-0\.5{margin-left:.125rem!important;margin-right:.125rem!important}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-2\.5{margin-left:.625rem;margin-right:.625rem}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[30px\]{margin-bottom:30px}.ml-1{margin-left:.25rem}.ml-6{margin-left:1.5rem}.mr-8{margin-right:2rem}.mt-0{margin-top:0}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[30px\]{margin-top:30px}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.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!important}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.h-0{height:0}.h-1{height:.25rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[100px\]{height:100px}.h-\[158px\]{height:158px}.h-\[26px\]{height:26px}.h-\[280px\]{height:280px}.h-\[28px\]{height:28px}.h-\[32px\]{height:32px}.h-\[34px\]{height:34px}.h-\[40px\]{height:40px}.h-\[50px\]{height:50px}.h-\[62px\]{height:62px}.h-\[72px\]{height:72px}.h-\[800px\]{height:800px}.h-\[80px\]{height:80px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:0}.max-h-20{max-height:5rem}.max-h-\[140px\]{max-height:140px}.max-h-\[38px\]{max-height:38px}.max-h-\[400px\]{max-height:400px}.max-h-\[456px\]{max-height:456px}.max-h-\[474px\]{max-height:474px}.max-h-\[640px\]{max-height:640px}.min-h-\[200px\]{min-height:200px}.min-h-\[400px\]{min-height:400px}.min-h-\[500px\]{min-height:500px}.min-h-\[600px\]{min-height:600px}.min-h-\[650px\]{min-height:650px}.min-h-\[700px\]{min-height:700px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[158px\]{width:158px}.w-\[220px\]{width:220px}.w-\[286px\]{width:286px}.w-\[32px\]{width:32px}.w-\[340px\]{width:340px}.w-\[400px\]{width:400px}.w-\[40px\]{width:40px}.w-\[75\%\]{width:75%}.w-\[90\%\]{width:90%}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-screen{width:100vw}.min-w-\[220px\]{min-width:220px}.max-w-20{max-width:5rem}.max-w-\[1050px\]{max-width:1050px}.max-w-\[255px\]{max-width:255px}.max-w-\[275px\]{max-width:275px}.max-w-\[280px\]{max-width:280px}.max-w-\[315px\]{max-width:315px}.max-w-\[320px\]{max-width:320px}.max-w-\[330px\]{max-width:330px}.max-w-\[396px\]{max-width:396px}.max-w-\[412px\]{max-width:412px}.max-w-\[505px\]{max-width:505px}.max-w-\[538px\]{max-width:538px}.max-w-\[550px\]{max-width:550px}.max-w-\[562px\]{max-width:562px}.max-w-\[580px\]{max-width:580px}.max-w-\[582px\]{max-width:582px}.max-w-\[650px\]{max-width:650px}.max-w-\[668px\]{max-width:668px}.max-w-\[750px\]{max-width:750px}.max-w-md{max-width:28rem}.max-w-screen-sm{max-width:640px}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-90{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))}.rotate-90{--tw-rotate:90deg}.rotate-\[-20deg\]{--tw-rotate:-20deg}.rotate-\[-20deg\],.scale-100{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-100{--tw-scale-x:1;--tw-scale-y:1}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.scale-75,.scale-95{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-95{--tw-scale-x:.95;--tw-scale-y:.95}.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))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.\!justify-start{justify-content:flex-start!important}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-20{gap:5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}.gap-x-\[50px\]{-moz-column-gap:50px;column-gap:50px}.gap-y-1{row-gap:.25rem}.gap-y-1\.5{row-gap:.375rem}.gap-y-10{row-gap:2.5rem}.gap-y-12{row-gap:3rem}.gap-y-2{row-gap:.5rem}.gap-y-2\.5{row-gap:.625rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-5{row-gap:1.25rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.text-wrap{text-wrap:wrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[100px\]{border-radius:100px}.rounded-\[20px\]{border-radius:20px}.rounded-\[30px\]{border-radius:30px}.rounded-\[80px\]{border-radius:80px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-\[0\.8px\]{border-width:.8px}.border-\[1\.5px\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-\[\#0E40FF\]{--tw-border-opacity:1;border-color:rgb(14 64 255/var(--tw-border-opacity))}.border-\[\#5cffd1\]{--tw-border-opacity:1;border-color:rgb(92 255 209/var(--tw-border-opacity))}.border-\[\#C39EFF\]{--tw-border-opacity:1;border-color:rgb(195 158 255/var(--tw-border-opacity))}.border-\[\#C8A0FA\]{--tw-border-opacity:1;border-color:rgb(200 160 250/var(--tw-border-opacity))}.border-\[\#E6E5EFCC\]{border-color:#e6e5efcc}.border-\[\#EEEEEE\]{--tw-border-opacity:1;border-color:rgb(238 238 238/var(--tw-border-opacity))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.bg-\[\#08E0A3\]{--tw-bg-opacity:1;background-color:rgb(8 224 163/var(--tw-bg-opacity))}.bg-\[\#0D0D0D\]{--tw-bg-opacity:1;background-color:rgb(13 13 13/var(--tw-bg-opacity))}.bg-\[\#7845DF\]{--tw-bg-opacity:1;background-color:rgb(120 69 223/var(--tw-bg-opacity))}.bg-\[\#F8F8FF99\]{background-color:#f8f8ff99}.bg-\[\#F8F8FF\]{--tw-bg-opacity:1;background-color:rgb(248 248 255/var(--tw-bg-opacity))}.bg-black\/25{background-color:rgba(0,0,0,.25)}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-zn-dark-blue{--tw-bg-opacity:1;background-color:rgba(var(--zn-dark-blue),var(--tw-bg-opacity))}.bg-zn-gray{--tw-bg-opacity:1;background-color:rgba(var(--zn-gray),var(--tw-bg-opacity))}.bg-zn-gray\/20{background-color:rgba(var(--zn-gray),.2)}.bg-zn-green{--tw-bg-opacity:1;background-color:rgba(var(--zn-green),var(--tw-bg-opacity))}.bg-zn-light{--tw-bg-opacity:1;background-color:rgba(var(--zn-light),var(--tw-bg-opacity))}.bg-zn-white{--tw-bg-opacity:1;background-color:rgba(var(--zn-white),var(--tw-bg-opacity))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-right{-o-object-position:right;object-position:right}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-10{padding:2.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[30px\]{padding:30px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[30px\]{padding-left:30px;padding-right:30px}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[30px\]{padding-top:30px;padding-bottom:30px}.py-\[50px\]{padding-top:50px;padding-bottom:50px}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-\[30px\]{padding-bottom:30px}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-\[40px\]{padding-left:40px}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pr-\[30px\]{padding-right:30px}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-\[30px\]{padding-top:30px}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-7xl{font-size:4.5rem;line-height:1}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-base{font-size:1rem;line-height:1.5rem}.text-body-16{font-size:var(--fs-body-16);line-height:var(--lh-body-16);letter-spacing:var(--ls-body-16)}.text-body-22{font-size:var(--fs-body-22);line-height:var(--lh-body-22);letter-spacing:var(--ls-body-22)}.text-body-28{font-size:var(--fs-body-28);line-height:var(--lh-body-28);letter-spacing:var(--ls-body-28)}.text-counter-large{font-size:var(--fs-counter-large);line-height:var(--lh-counter-large);letter-spacing:var(--ls-counter-large)}.text-counter-small{font-size:var(--fs-counter-small);line-height:var(--lh-counter-small);letter-spacing:var(--ls-counter-small)}.text-heading1{font-size:var(--fs-heading1);line-height:var(--lh-heading1);letter-spacing:var(--ls-heading1)}.text-link{font-size:var(--fs-link);line-height:var(--lh-link);letter-spacing:var(--ls-link)}.text-sm{font-size:.875rem;line-height:1.25rem}.text-title-40{font-size:var(--fs-title-40);line-height:var(--lh-title-40);letter-spacing:var(--ls-title-40)}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-8{line-height:2rem}.leading-\[11px\]{line-height:11px}.leading-\[120\%\]{line-height:120%}.tracking-tight{letter-spacing:-.025em}.text-\[\#0E40FF\]{--tw-text-opacity:1;color:rgb(14 64 255/var(--tw-text-opacity))}.text-\[\#141414\]{--tw-text-opacity:1;color:rgb(20 20 20/var(--tw-text-opacity))}.text-\[\#6E6EA0\]{--tw-text-opacity:1;color:rgb(110 110 160/var(--tw-text-opacity))}.text-\[\#726CA0\]{--tw-text-opacity:1;color:rgb(114 108 160/var(--tw-text-opacity))}.text-\[24x\]{color:24x}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zn-black{--tw-text-opacity:1;color:rgba(var(--zn-black),var(--tw-text-opacity))}.text-zn-dark{--tw-text-opacity:1;color:rgba(var(--zn-dark),var(--tw-text-opacity))}.text-zn-dark-blue{--tw-text-opacity:1;color:rgba(var(--zn-dark-blue),var(--tw-text-opacity))}.text-zn-dark-blue\/60{color:rgba(var(--zn-dark-blue),.6)}.text-zn-dark-blue\/90{color:rgba(var(--zn-dark-blue),.9)}.text-zn-dark-semi-blue{--tw-text-opacity:1;color:rgba(var(--zn-dark-semi-blue),var(--tw-text-opacity))}.text-zn-gray{--tw-text-opacity:1;color:rgba(var(--zn-gray),var(--tw-text-opacity))}.text-zn-green{--tw-text-opacity:1;color:rgba(var(--zn-green),var(--tw-text-opacity))}.text-zn-light{--tw-text-opacity:1;color:rgba(var(--zn-light),var(--tw-text-opacity))}.text-zn-red{--tw-text-opacity:1;color:rgba(var(--zn-red),var(--tw-text-opacity))}.text-zn-white{--tw-text-opacity:1;color:rgba(var(--zn-white),var(--tw-text-opacity))}.text-zn-white\/60{color:rgba(var(--zn-white),.6)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-80{opacity:.8}.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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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{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}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--zn-green:92,255,209;--zn-dark-blue:46,41,90;--zn-gray:174,176,176;--zn-white:255,255,255;--zn-black:0,0,0;--zn-light:248,247,252;--zn-dark:28,28,28;--zn-red:214,86,86;--zn-dark-semi-blue:50,40,90;--fs-counter-large:160px;--lh-counter-large:100%;--ls-counter-large:-4%;--fs-counter-small:90px;--lh-counter-small:100%;--ls-counter-small:-4%;--fs-heading1:60px;--lh-heading1:100%;--ls-heading1:-4%;--fs-title-40:40px;--lh-title-40:100%;--ls-title-40:-4%;--lh-heading-40:120%;--ls-heading-40:-4%;--fs-body-28:28px;--lh-body-28:150%;--ls-body-28:-1%;--fs-body-22:22px;--lh-body-22:150%;--ls-body-22:-1%;--fs-body-16:16px;--lh-body-16:140%;--ls-body-16:-1%;--fs-body-link:16px;--lh-body-link:140%;--ls-body-link:-3%}@media screen and (max-width:1439px){:root{--fs-counter-large:100px;--fs-counter-small:60px}}@media screen and (max-width:1023px){:root{--fs-counter-large:80px;--fs-counter-small:60px;--fs-heading1:48px;--fs-title-40:28px;--fs-body-28:26px;--fs-body-22:22px;--fs-body-16:16px;--fs-body-link:16px}}@media screen and (max-width:767px){:root{--fs-counter-large:50px;--fs-counter-small:50px;--fs-heading1:36px;--fs-body-28:24px;--fs-body-22:20px;--fs-body-16:16px;--fs-body-link:16px}}@media (prefers-color-scheme:dark){body{color:#000!important;background:#fff!important}}html{scroll-behavior:smooth}body{--tw-bg-opacity:1;background-color:rgba(var(--zn-white),var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--zn-dark-blue),var(--tw-text-opacity));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gradient-button-including-copy-button.gradient-button-border,button.gradient-button-border{border:0;z-index:2;transition:all .3s ease-in}.gradient-button-including-copy-button.gradient-button-border:after,button.gradient-button-border:after{--m-i:linear-gradient(#fff,#fff);--m-o:content-box,padding-box;content:"";position:absolute;left:0;top:0;height:100%;width:100%;border-radius:9999px;padding:1px;background-image:linear-gradient(118.88deg,#c39eff 3.38%,#3c78eb 103.77%);-webkit-mask-image:var(--m-i),var(--m-i);mask-image:var(--m-i),var(--m-i);-webkit-mask-origin:var(--m-o);mask-origin:var(--m-o);-webkit-mask-clip:var(--m-o);-webkit-mask-composite:xor;mask-composite:exclude}.gradient-button-including-copy-button.gradient-button-border:hover,button.gradient-button-border:hover{background-image:linear-gradient(118.88deg,#c39eff 3.38%,#3c78eb 103.77%)}button.green-button-border{border:1px solid #5cffd1}button.green-button-border:hover{background:#5cffd1}button.semi-dark-button-border{border:1px solid #32285a}button.semi-dark-button-border:hover{background:#32285a}button.dark-button-border{border:1px solid #1c1c1c}button.dark-button-border:hover{background:#1c1c1c}button.white-button-border{border:1px solid #f8f7fc}button.white-button-border:hover{background:#f8f7fc}#hero_section_banner,#tokenomics_card{background:var( --Linear,linear-gradient(119deg,#c39eff 3.38%,#3c78eb 103.77%) );overflow:hidden}#depin_hero_section{background-image:url("../img/depin-banner-bg.6646ad6e.jpg")}#depin_flip_number,#depin_hero_section{background-size:cover;background-repeat:no-repeat;overflow:hidden}#depin_flip_number{background-position:50%;background-image:url("../img/depin-flip-bg.c5eeef7a.png")}#airdrop_hero_section,#company_hero_section{background-size:cover;background-repeat:no-repeat}#airdrop_hero_section{background-position:100%}#company_hero_section{background-image:url("../img/company-header-web-bg.dfeffbdb.png")}#airdrop_hero_section{background-image:url("../img/airdrop-header-web-bg.0d8d0d60.png")}#governance_hero_banner{background-size:cover;background-repeat:no-repeat;background-image:url("../img/governance-banner-bg.1d4574a0.jpg")}@media screen and (max-width:767px){#company_hero_section{background-image:url("../img/company-header-mobile-bg.69ba3c12.png");background-position:50%}#airdrop_hero_section{background-image:url("../img/airdrop-header-mobile-bg.db52d54e.png")}#governance_hero_banner{background-position:50%;background-repeat:no-repeat;background-image:url("../img/governance-banner-mobile-bg.2766fd95.jpg")}}.bg-card-gradient{background:var( --Linear,linear-gradient(119deg,#c39eff 3.38%,#3c78eb 103.77%) )}.bg-zebec-black-gradient{background:linear-gradient(127.34deg,#515b70 -.4%,#24203f 95.41%)}.bg-icon-gradient{background:var( --Linear,linear-gradient(119deg,#c39eff 3.38%,#3c78eb 103.77%) )}.bg-icon-green{background:#5cffd1}.bg-icon-dark{background:#1c1c1c}.bg-icon-semidark{background:#32285a}.bg-icon-white{background:#f8f7fc}button.gradient-button-border:hover .bg-icon-gradient{background:transparent}.gradient-text{background:var( --Linear,linear-gradient(119deg,#c39eff 3.38%,#3c78eb 103.77%) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.swiper{width:100%;height:100%}.backedBySwiper .swiper-slide{width:auto!important;display:flex;align-items:center}.backedBySwiper .swiper-wrapper{transition-timing-function:linear}.page-banner-background{background-image:url("../img/page-header-background.11457451.png");background-repeat:no-repeat;background-position:100%}#governance_migrate_zbc_zbcn{background-image:url("../img/governance-migrate-zbc-background.94149be9.png")}#governance_migrate_zbc_zbcn,#rwa_payments_hero_section{background-position:50%;background-repeat:no-repeat;background-size:cover}#rwa_payments_hero_section{background-image:url("../img/rwa-payments-background.b0913457.png")}@media screen and (max-width:767px){#rwa_payments_hero_section{background-image:url("../img/rwa-payments-mobile-background.3294a7e9.png")}}.bottom-linear-border{border-bottom:1px solid #c39eff}.top-linear-border{border-top:1px solid #c39eff}.zebec-faq-table thead tr th{padding-bottom:10px}.zebec-faq-table tbody tr{border-bottom:1px solid #e5e7eb}.zebec-faq-table tbody tr td{padding:10px 0}.zebec-faq-table tbody tr td:nth-child(2),.zebec-faq-table tbody tr td:nth-child(3),.zebec-faq-table thead tr th:nth-child(2),.zebec-faq-table thead tr th:nth-child(3){text-align:right}.faq-items-list{list-style:disc;padding-left:1.5rem}input[type=email],input[type=text],textarea{order:1;margin-top:.25rem;box-sizing:border-box;display:flex;width:100%;flex:none;flex-grow:0;align-items:flex-start;align-self:stretch;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.625rem 1.25rem;font-size:.875rem;line-height:1.25rem}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{order:1;display:flex;flex:none;flex-grow:0;align-items:flex-start;outline:none;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--primary-light);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.notification-bar{border-radius:4px;padding:10px 20px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.notification-bar.success{background-color:rgba(36,132,76,.9);color:#fff}.notification-bar.error{background-color:rgba(214,86,86,.9);color:#fff}@media screen and (max-width:767px){.hide-dotted-right-arrow-image{display:none}}.blog-tag-bg{background:linear-gradient(118.88deg,rgba(200,160,250,.1) 3.38%,rgba(30,80,255,.1) 103.77%)}.gradient-border{height:1px;background-image:linear-gradient(118.88deg,#c8a0fa 3.38%,#1e50ff 103.77%)}.flip-card-container{display:flex;justify-content:center;align-items:center}.flip-cards{display:flex;justify-content:space-between}.flip_digit_card{display:flex;align-items:center;justify-content:center;background-position:50%;background-repeat:no-repeat;background-image:url("../img/flip-card-bg.510999bf.png");background-size:100% 100%;color:#655a90}.flip-unit-container{--easeInOut:cubic-bezier(0.455,0.03,0.515,0.955);--turnDuration:0.6s;--border:#655a90;--border-grey:#eaecfb;--card:#fff;--font-size:2em;--font-width:lighter;--font-color:#655a90;display:block;position:relative;perspective-origin:50% 50%;perspective:300px;background-color:var(--card);border-radius:4px;box-shadow:0 10px 10px -10px grey;border:5px solid var(--border-grey);margin:0 10px;font-weight:800}.lower-card,.upper-card{display:flex;position:relative;justify-content:center;width:100%;height:50%;overflow:hidden}.upper-card{align-items:flex-end;border-top:2px solid var(--border);border-bottom:2px solid var(--border);border-top-left-radius:4px;border-top-right-radius:4px}.lower-card{align-items:flex-start;border-top:1px solid var(--border-grey);border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lower-card span,.upper-card span{font-size:var(--font-size);font-weight:var(--font-width);color:var(--font-color)}.upper-card span{transform:translateY(50%)}.lower-card span{transform:translateY(-50%)}.flip-card{display:flex;justify-content:center;position:absolute;left:0;width:100%;height:50%;overflow:hidden;backface-visibility:hidden;align-items:center}.flip-card span{font-size:var(--font-size);font-weight:var(--font-width);color:var(--font-color)}.flip-card.unfold{top:50%;align-items:flex-start;transform-origin:50% 0;transform:rotateX(180deg);background-color:var(--card);border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top:.5px solid var(--border);border:.5px solid var(--border);animation:unfold var(--turnDuration) var(--easeInOut) forwards}.flip-card.unfold span{transform:translateY(-50%)}.flip-card.fold{top:0;transform-origin:50% 100%;transform:rotateX(0deg);background-color:var(--card);border-top-left-radius:3px;border-top-right-radius:3px;border-bottom:.5px solid var(--border);border:.5px solid var(--border)}.flip-card.fold span{transform:translateY(50%)}.fold{animation:fold var(--turnDuration) var(--easeInOut) forwards}.fold,.unfold{transform-style:preserve-3d}.unfold{animation:unfold var(--turnDuration) var(--easeInOut) forwards}@keyframes fold{0%{transform:rotateX(0deg)}to{transform:rotateX(-180deg)}}@keyframes unfold{0%{transform:rotateX(180deg)}50%{transform:rotateX(90deg);opacity:0}to{transform:rotateX(0deg);opacity:1}}.blogs-container-inset{padding:0 15%}@media screen and (max-width:768px){.blogs-container-inset{padding:0}}.ck-content .ab.ca{justify-content:flex-start!important}.ck-content .ch.bg.eu.ev.ew.ex{max-width:none!important;width:100%!important}.ck-content>blockquote,.ck-content>dd,.ck-content>dl,.ck-content>figure,.ck-content>h1,.ck-content>h2,.ck-content>h3,.ck-content>h4,.ck-content>h5,.ck-content>h6,.ck-content>hr,.ck-content>p,.ck-content>pre{margin:revert!important}.ck-content>ol,.ck-content>ul{list-style:revert!important;margin:revert!important;padding:revert!important}.ck-content>table{border-collapse:revert!important}.ck-content h1,.ck-content h2,.ck-content h3,.ck-content h4,.ck-content h5,.ck-content h6{font-size:revert!important;font-weight:revert!important}.meme-page-footer-large-card{background:url("../img/partner-card-footer-large-background.64dbce7d.png");background-size:cover;background-repeat:no-repeat;height:100%}.meme-page-footer-small-card{background:url("../img/partner-card-footer-small-background.72f4c04d.png");background-size:cover;background-repeat:no-repeat;height:100%}.gradient-text-buy-zbcn{background:linear-gradient(90deg,#c8a0fa,#1e50ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.outercover:hover{background-color:#32285a}.outercover:hover .icon{color:#fff}.icon{height:20px}@media screen and (min-width:768px){.icon{height:28px}}@media screen and (min-width:1024px){.icon{height:36px!important}}.last\:mb-0:last-child{margin-bottom:0}.last\:border-b-0:last-child{border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.hover\:translate-x-1:hover{--tw-translate-x:0.25rem}.hover\:translate-x-1:hover,.hover\:translate-x-1\.5:hover{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))}.hover\:translate-x-1\.5:hover{--tw-translate-x:0.375rem}.hover\:border-\[\#3c78eb\]:hover{--tw-border-opacity:1;border-color:rgb(60 120 235/var(--tw-border-opacity))}.hover\:\!bg-\[\#08E0A3\]:hover{--tw-bg-opacity:1!important;background-color:rgb(8 224 163/var(--tw-bg-opacity))!important}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-zn-green\/80:hover{background-color:rgba(var(--zn-green),.8)}.hover\:bg-zn-light\/80:hover{background-color:rgba(var(--zn-light),.8)}.hover\:text-\[\#3c78eb\]:hover{--tw-text-opacity:1;color:rgb(60 120 235/var(--tw-text-opacity))}.hover\:text-white\/80:hover{color:hsla(0,0%,100%,.8)}.hover\:text-zn-white:hover{--tw-text-opacity:1;color:rgba(var(--zn-white),var(--tw-text-opacity))}.hover\:opacity-80:hover{opacity:.8}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-80:disabled{opacity:.8}.group\/button:hover .group-hover\/button\:text-zn-dark-blue{--tw-text-opacity:1;color:rgba(var(--zn-dark-blue),var(--tw-text-opacity))}.group\/button:hover .group-hover\/button\:text-zn-white{--tw-text-opacity:1;color:rgba(var(--zn-white),var(--tw-text-opacity))}@media (min-width:640px){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:\!mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mt-6{margin-top:1.5rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-\[155px\]{height:155px}.sm\:h-\[750px\]{height:750px}.sm\:h-\[86px\]{height:86px}.sm\:min-h-\[240px\]{min-height:240px}.sm\:max-w-\[750px\]{max-width:750px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:gap-5{gap:1.25rem}.sm\:p-12{padding:3rem}.sm\:p-8{padding:2rem}.sm\:text-counter-small{font-size:var(--fs-counter-small);line-height:var(--lh-counter-small);letter-spacing:var(--ls-counter-small)}}@media (min-width:768px){.md\:-right-12{right:-3rem}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:\!mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.md\:\!mx-1\.5{margin-left:.375rem!important;margin-right:.375rem!important}.md\:\!mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.md\:\!mx-2\.5{margin-left:.625rem!important;margin-right:.625rem!important}.md\:mx-0{margin-left:0;margin-right:0}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-12{margin-bottom:3rem}.md\:mb-14{margin-bottom:3.5rem}.md\:mb-4{margin-bottom:1rem}.md\:mb-5{margin-bottom:1.25rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mb-\[100px\]{margin-bottom:100px}.md\:mb-\[30px\]{margin-bottom:30px}.md\:mb-\[60px\]{margin-bottom:60px}.md\:mb-\[70px\]{margin-bottom:70px}.md\:mb-\[80px\]{margin-bottom:80px}.md\:ml-16{margin-left:4rem}.md\:mt-0{margin-top:0}.md\:mt-10{margin-top:2.5rem}.md\:mt-12{margin-top:3rem}.md\:mt-16{margin-top:4rem}.md\:mt-2{margin-top:.5rem}.md\:mt-2\.5{margin-top:.625rem}.md\:mt-20{margin-top:5rem}.md\:mt-\[60px\]{margin-top:60px}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-32{height:8rem}.md\:h-7{height:1.75rem}.md\:h-\[200px\]{height:200px}.md\:h-\[202px\]{height:202px}.md\:h-\[320px\]{height:320px}.md\:h-\[68px\]{height:68px}.md\:h-\[72px\]{height:72px}.md\:h-\[calc\(100vh-160px\)\]{height:calc(100vh - 160px)}.md\:h-full{height:100%}.md\:max-h-\[400px\]{max-height:400px}.md\:min-h-\[260px\]{min-height:260px}.md\:min-h-\[400px\]{min-height:400px}.md\:w-1\/2{width:50%}.md\:w-2\/3{width:66.666667%}.md\:w-4\/5{width:80%}.md\:w-\[154px\]{width:154px}.md\:w-\[202px\]{width:202px}.md\:w-\[340px\]{width:340px}.md\:w-\[346px\]{width:346px}.md\:w-auto{width:auto}.md\:min-w-\[150px\]{min-width:150px}.md\:max-w-\[120px\]{max-width:120px}.md\:max-w-\[212px\]{max-width:212px}.md\:max-w-\[220px\]{max-width:220px}.md\:max-w-\[234px\]{max-width:234px}.md\:max-w-\[300px\]{max-width:300px}.md\:max-w-\[328px\]{max-width:328px}.md\:max-w-\[400px\]{max-width:400px}.md\:max-w-\[480px\]{max-width:480px}.md\:max-w-\[538px\]{max-width:538px}.md\:max-w-\[710px\]{max-width:710px}.md\:max-w-\[720px\]{max-width:720px}.md\:flex-1{flex:1 1 0%}.md\:shrink-0{flex-shrink:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:gap-0{gap:0}.md\:gap-10{gap:2.5rem}.md\:gap-12{gap:3rem}.md\:gap-3{gap:.75rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:gap-y-7{row-gap:1.75rem}.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\:self-end{align-self:flex-end}.md\:rounded-\[30px\]{border-radius:30px}.md\:p-0{padding:0}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:p-8{padding:2rem}.md\:p-\[40px\]{padding:40px}.md\:p-\[70px\]{padding:70px}.md\:px-0{padding-left:0;padding-right:0}.md\:px-\[100px\]{padding-left:100px;padding-right:100px}.md\:px-\[50px\]{padding-left:50px;padding-right:50px}.md\:px-\[90px\]{padding-left:90px;padding-right:90px}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:py-\[100px\]{padding-top:100px;padding-bottom:100px}.md\:py-\[30px\]{padding-top:30px;padding-bottom:30px}.md\:py-\[62px\]{padding-top:62px;padding-bottom:62px}.md\:py-\[70px\]{padding-top:70px;padding-bottom:70px}.md\:pb-12{padding-bottom:3rem}.md\:pb-20{padding-bottom:5rem}.md\:pb-\[100px\]{padding-bottom:100px}.md\:pb-\[30px\]{padding-bottom:30px}.md\:pb-\[50px\]{padding-bottom:50px}.md\:pb-\[60px\]{padding-bottom:60px}.md\:pl-16{padding-left:4rem}.md\:pl-20{padding-left:5rem}.md\:pl-\[10\%\]{padding-left:10%}.md\:pr-0{padding-right:0}.md\:pr-10{padding-right:2.5rem}.md\:pr-4{padding-right:1rem}.md\:pr-\[58px\]{padding-right:58px}.md\:pt-16{padding-top:4rem}.md\:pt-\[100px\]{padding-top:100px}.md\:pt-\[30px\]{padding-top:30px}.md\:pt-\[60px\]{padding-top:60px}.md\:text-left{text-align:left}.md\:text-start{text-align:start}.md\:text-\[28px\]{font-size:28px}.md\:text-\[32px\]{font-size:32px}.md\:text-\[40px\]{font-size:40px}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:right-0{right:0}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:mb-20{margin-bottom:5rem}.lg\:ml-20{margin-left:5rem}.lg\:block{display:block}.lg\:\!flex{display:flex!important}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[155px\]{height:155px}.lg\:h-\[400px\]{height:400px}.lg\:h-\[80px\]{height:80px}.lg\:h-\[86px\]{height:86px}.lg\:h-full{height:100%}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.lg\:w-\[420px\]{width:420px}.lg\:w-full{width:100%}.lg\:max-w-\[70\%\]{max-width:70%}.lg\:flex-none{flex:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:gap-10{gap:2.5rem}.lg\:gap-16{gap:4rem}.lg\:gap-5{gap:1.25rem}.lg\:gap-\[132px\]{gap:132px}.lg\:gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.lg\:gap-x-\[30px\]{-moz-column-gap:30px;column-gap:30px}.lg\:border-b{border-bottom-width:1px}.lg\:object-cover{-o-object-fit:cover;object-fit:cover}.lg\:p-10{padding:2.5rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:py-\[100px\]{padding-top:100px;padding-bottom:100px}.lg\:pl-10{padding-left:2.5rem}.lg\:pl-20{padding-left:5rem}.lg\:pl-\[110px\]{padding-left:110px}.lg\:pl-\[92px\]{padding-left:92px}.lg\:pr-\[60px\]{padding-right:60px}.lg\:text-9xl{font-size:8rem;line-height:1}.lg\:text-\[28px\]{font-size:28px}.lg\:text-\[50px\]{font-size:50px}.lg\:text-\[68px\]{font-size:68px}.lg\:leading-\[120\%\]{line-height:120%}}@media (min-width:1280px){.xl\:ml-\[100px\]{margin-left:100px}.xl\:flex-row{flex-direction:row}.xl\:gap-10{gap:2.5rem}.xl\:pl-20{padding-left:5rem}.xl\:pl-\[110px\]{padding-left:110px}.xl\:pr-\[110px\]{padding-right:110px}.xl\:\!text-\[80px\]{font-size:80px!important}}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none} *, ::after, ::before { box-sizing: border-box; border: 0px solid rgb(229, 231, 235); } ::after, ::before { --tw-content: ""; } :host, html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body { margin: 0px; line-height: inherit; } hr { height: 0px; color: inherit; border-top-width: 1px; } abbr:where([title]) { 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-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0px; border-color: inherit; border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; } button, select { text-transform: none; } button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { appearance: button; background-color: transparent; background-image: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } summary { display: list-item; } blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0px; } fieldset { margin: 0px; } fieldset, legend { padding: 0px; } menu, ol, ul { list-style: none; margin: 0px; padding: 0px; } dialog { padding: 0px; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); } [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-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: 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: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::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: 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: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 16px; padding-left: 16px; } @media (min-width: 640px) { .container { max-width: 640px; padding-right: 24px; padding-left: 24px; } } @media (min-width: 768px) { .container { max-width: 768px; padding-right: 32px; padding-left: 32px; } } @media (min-width: 1024px) { .container { max-width: 1024px; padding-right: 30px; padding-left: 30px; } } @media (min-width: 1280px) { .container { max-width: 1280px; padding-right: 60px; padding-left: 60px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .container { max-width: 100%; } @media (min-width: 1280px) { .container { max-width: 1440px; } } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .inset-0 { inset: 0px; } .-right-16 { right: -4rem; } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .right-0 { right: 0px; } .right-4 { right: 1rem; } .right-8 { right: 2rem; } .top-0 { top: 0px; } .top-12 { top: 3rem; } .top-3 { top: 0.75rem; } .top-8 { top: 2rem; } .\!z-40 { z-index: 40 !important; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[-1\] { z-index: -1; } .z-\[100\] { z-index: 100; } .z-\[1\] { z-index: 1; } .z-\[200\] { z-index: 200; } .order-1 { order: 1; } .order-2 { order: 2; } .col-span-1 { grid-column: span 1 / span 1; } .\!mx-0 { margin-left: 0px !important; margin-right: 0px !important; } .\!mx-0\.5 { margin-left: 0.125rem !important; margin-right: 0.125rem !important; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-2\.5 { margin-left: 0.625rem; margin-right: 0.625rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-auto { margin-top: auto; margin-bottom: auto; } .mb-0 { margin-bottom: 0px; } .mb-0\.5 { margin-bottom: 0.125rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-1\.5 { margin-bottom: 0.375rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-12 { margin-bottom: 3rem; } .mb-14 { margin-bottom: 3.5rem; } .mb-16 { margin-bottom: 4rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-2\.5 { margin-bottom: 0.625rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .mb-\[30px\] { margin-bottom: 30px; } .ml-1 { margin-left: 0.25rem; } .ml-6 { margin-left: 1.5rem; } .mr-8 { margin-right: 2rem; } .mt-0 { margin-top: 0px; } .mt-10 { margin-top: 2.5rem; } .mt-12 { margin-top: 3rem; } .mt-2 { margin-top: 0.5rem; } .mt-24 { margin-top: 6rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; } .mt-\[30px\] { margin-top: 30px; } .line-clamp-2 { -webkit-line-clamp: 2; } .line-clamp-2, .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .line-clamp-3 { -webkit-line-clamp: 3; } .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 !important; } .hidden { display: none; } .aspect-\[16\/9\] { aspect-ratio: 16 / 9; } .h-0 { height: 0px; } .h-1 { height: 0.25rem; } .h-10 { height: 2.5rem; } .h-2 { height: 0.5rem; } .h-24 { height: 6rem; } .h-3 { height: 0.75rem; } .h-3\.5 { height: 0.875rem; } .h-32 { height: 8rem; } .h-4 { height: 1rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-7 { height: 1.75rem; } .h-8 { height: 2rem; } .h-\[100px\] { height: 100px; } .h-\[158px\] { height: 158px; } .h-\[26px\] { height: 26px; } .h-\[280px\] { height: 280px; } .h-\[28px\] { height: 28px; } .h-\[32px\] { height: 32px; } .h-\[34px\] { height: 34px; } .h-\[40px\] { height: 40px; } .h-\[50px\] { height: 50px; } .h-\[62px\] { height: 62px; } .h-\[72px\] { height: 72px; } .h-\[800px\] { height: 800px; } .h-\[80px\] { height: 80px; } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-0 { max-height: 0px; } .max-h-20 { max-height: 5rem; } .max-h-\[140px\] { max-height: 140px; } .max-h-\[38px\] { max-height: 38px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[456px\] { max-height: 456px; } .max-h-\[474px\] { max-height: 474px; } .max-h-\[640px\] { max-height: 640px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[500px\] { min-height: 500px; } .min-h-\[600px\] { min-height: 600px; } .min-h-\[650px\] { min-height: 650px; } .min-h-\[700px\] { min-height: 700px; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .w-1 { width: 0.25rem; } .w-1\/2 { width: 50%; } .w-10 { width: 2.5rem; } .w-2 { width: 0.5rem; } .w-3 { width: 0.75rem; } .w-3\.5 { width: 0.875rem; } .w-4 { width: 1rem; } .w-4\/5 { width: 80%; } .w-5 { width: 1.25rem; } .w-6 { width: 1.5rem; } .w-7 { width: 1.75rem; } .w-8 { width: 2rem; } .w-\[158px\] { width: 158px; } .w-\[220px\] { width: 220px; } .w-\[286px\] { width: 286px; } .w-\[32px\] { width: 32px; } .w-\[340px\] { width: 340px; } .w-\[400px\] { width: 400px; } .w-\[40px\] { width: 40px; } .w-\[75\%\] { width: 75%; } .w-\[90\%\] { width: 90%; } .w-auto { width: auto; } .w-full { width: 100%; } .w-max { width: max-content; } .w-screen { width: 100vw; } .min-w-\[220px\] { min-width: 220px; } .max-w-20 { max-width: 5rem; } .max-w-\[1050px\] { max-width: 1050px; } .max-w-\[255px\] { max-width: 255px; } .max-w-\[275px\] { max-width: 275px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[315px\] { max-width: 315px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[330px\] { max-width: 330px; } .max-w-\[396px\] { max-width: 396px; } .max-w-\[412px\] { max-width: 412px; } .max-w-\[505px\] { max-width: 505px; } .max-w-\[538px\] { max-width: 538px; } .max-w-\[550px\] { max-width: 550px; } .max-w-\[562px\] { max-width: 562px; } .max-w-\[580px\] { max-width: 580px; } .max-w-\[582px\] { max-width: 582px; } .max-w-\[650px\] { max-width: 650px; } .max-w-\[668px\] { max-width: 668px; } .max-w-\[750px\] { max-width: 750px; } .max-w-md { max-width: 28rem; } .max-w-screen-sm { max-width: 640px; } .max-w-xs { max-width: 20rem; } .flex-1 { flex: 1 1 0%; } .flex-shrink-0, .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .rotate-180 { --tw-rotate: 180deg; } .rotate-180, .rotate-90 { 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)); } .rotate-90 { --tw-rotate: 90deg; } .rotate-\[-20deg\] { --tw-rotate: -20deg; } .rotate-\[-20deg\], .scale-100 { 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-100 { --tw-scale-x: 1; --tw-scale-y: 1; } .scale-75 { --tw-scale-x: .75; --tw-scale-y: .75; } .scale-75, .scale-95 { 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-95 { --tw-scale-x: .95; --tw-scale-y: .95; } .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)); } @keyframes spin { 100% { transform: rotate(1turn); } } .animate-spin { animation: 1s linear 0s infinite normal none running spin; } .cursor-pointer { cursor: pointer; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0px, 1fr)); } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .place-content-center { place-content: center; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .\!justify-start { justify-content: flex-start !important; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-10 { gap: 2.5rem; } .gap-12 { gap: 3rem; } .gap-14 { gap: 3.5rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-20 { gap: 5rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-x-1 { column-gap: 0.25rem; } .gap-x-10 { column-gap: 2.5rem; } .gap-x-2 { column-gap: 0.5rem; } .gap-x-2\.5 { column-gap: 0.625rem; } .gap-x-5 { column-gap: 1.25rem; } .gap-x-6 { column-gap: 1.5rem; } .gap-x-7 { column-gap: 1.75rem; } .gap-x-\[50px\] { column-gap: 50px; } .gap-y-1 { row-gap: 0.25rem; } .gap-y-1\.5 { row-gap: 0.375rem; } .gap-y-10 { row-gap: 2.5rem; } .gap-y-12 { row-gap: 3rem; } .gap-y-2 { row-gap: 0.5rem; } .gap-y-2\.5 { row-gap: 0.625rem; } .gap-y-3 { row-gap: 0.75rem; } .gap-y-4 { row-gap: 1rem; } .gap-y-5 { row-gap: 1.25rem; } .gap-y-6 { row-gap: 1.5rem; } .gap-y-8 { row-gap: 2rem; } .space-y-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); } .self-center { align-self: center; } .overflow-hidden { overflow: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .whitespace-nowrap { white-space: nowrap; } .text-wrap { text-wrap: wrap; } .rounded-2xl { border-radius: 1rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-\[100px\] { border-radius: 100px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[30px\] { border-radius: 30px; } .rounded-\[80px\] { border-radius: 80px; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-xl { border-radius: 0.75rem; } .border { border-width: 1px; } .border-\[0\.8px\] { border-width: 0.8px; } .border-\[1\.5px\] { border-width: 1.5px; } .border-b { border-bottom-width: 1px; } .border-\[\#0E40FF\] { --tw-border-opacity: 1; border-color: rgb(14 64 255/var(--tw-border-opacity)); } .border-\[\#5cffd1\] { --tw-border-opacity: 1; border-color: rgb(92 255 209/var(--tw-border-opacity)); } .border-\[\#C39EFF\] { --tw-border-opacity: 1; border-color: rgb(195 158 255/var(--tw-border-opacity)); } .border-\[\#C8A0FA\] { --tw-border-opacity: 1; border-color: rgb(200 160 250/var(--tw-border-opacity)); } .border-\[\#E6E5EFCC\] { border-color: rgba(230, 229, 239, 0.8); } .border-\[\#EEEEEE\] { --tw-border-opacity: 1; border-color: rgb(238 238 238/var(--tw-border-opacity)); } .border-green-500 { --tw-border-opacity: 1; border-color: rgb(34 197 94/var(--tw-border-opacity)); } .border-transparent { border-color: transparent; } .bg-\[\#08E0A3\] { --tw-bg-opacity: 1; background-color: rgb(8 224 163/var(--tw-bg-opacity)); } .bg-\[\#0D0D0D\] { --tw-bg-opacity: 1; background-color: rgb(13 13 13/var(--tw-bg-opacity)); } .bg-\[\#7845DF\] { --tw-bg-opacity: 1; background-color: rgb(120 69 223/var(--tw-bg-opacity)); } .bg-\[\#F8F8FF99\] { background-color: rgba(248, 248, 255, 0.6); } .bg-\[\#F8F8FF\] { --tw-bg-opacity: 1; background-color: rgb(248 248 255/var(--tw-bg-opacity)); } .bg-black\/25 { background-color: rgba(0, 0, 0, 0.25); } .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94/var(--tw-bg-opacity)); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } .bg-zn-dark-blue { --tw-bg-opacity: 1; background-color: rgba(var(--zn-dark-blue),var(--tw-bg-opacity)); } .bg-zn-gray { --tw-bg-opacity: 1; background-color: rgba(var(--zn-gray),var(--tw-bg-opacity)); } .bg-zn-gray\/20 { background-color: rgba(var(--zn-gray),.2); } .bg-zn-green { --tw-bg-opacity: 1; background-color: rgba(var(--zn-green),var(--tw-bg-opacity)); } .bg-zn-light { --tw-bg-opacity: 1; background-color: rgba(var(--zn-light),var(--tw-bg-opacity)); } .bg-zn-white { --tw-bg-opacity: 1; background-color: rgba(var(--zn-white),var(--tw-bg-opacity)); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-right { object-position: right center; } .p-0 { padding: 0px; } .p-0\.5 { padding: 0.125rem; } .p-10 { padding: 2.5rem; } .p-4 { padding: 1rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .p-\[30px\] { padding: 30px; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-\[30px\] { padding-left: 30px; padding-right: 30px; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-\[30px\] { padding-top: 30px; padding-bottom: 30px; } .py-\[50px\] { padding-top: 50px; padding-bottom: 50px; } .py-\[5px\] { padding-top: 5px; padding-bottom: 5px; } .pb-10 { padding-bottom: 2.5rem; } .pb-12 { padding-bottom: 3rem; } .pb-16 { padding-bottom: 4rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-4 { padding-bottom: 1rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-8 { padding-bottom: 2rem; } .pb-\[30px\] { padding-bottom: 30px; } .pl-10 { padding-left: 2.5rem; } .pl-2 { padding-left: 0.5rem; } .pl-4 { padding-left: 1rem; } .pl-6 { padding-left: 1.5rem; } .pl-\[40px\] { padding-left: 40px; } .pr-4 { padding-right: 1rem; } .pr-6 { padding-right: 1.5rem; } .pr-\[30px\] { padding-right: 30px; } .pt-10 { padding-top: 2.5rem; } .pt-12 { padding-top: 3rem; } .pt-16 { padding-top: 4rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-\[30px\] { padding-top: 30px; } .text-left { text-align: left; } .text-center { text-align: center; } .align-middle { vertical-align: middle; } .text-7xl { font-size: 4.5rem; line-height: 1; } .text-\[22px\] { font-size: 22px; } .text-\[24px\] { font-size: 24px; } .text-\[28px\] { font-size: 28px; } .text-\[32px\] { font-size: 32px; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-body-16 { font-size: var(--fs-body-16); line-height: var(--lh-body-16); letter-spacing: var(--ls-body-16); } .text-body-22 { font-size: var(--fs-body-22); line-height: var(--lh-body-22); letter-spacing: var(--ls-body-22); } .text-body-28 { font-size: var(--fs-body-28); line-height: var(--lh-body-28); letter-spacing: var(--ls-body-28); } .text-counter-large { font-size: var(--fs-counter-large); line-height: var(--lh-counter-large); letter-spacing: var(--ls-counter-large); } .text-counter-small { font-size: var(--fs-counter-small); line-height: var(--lh-counter-small); letter-spacing: var(--ls-counter-small); } .text-heading1 { font-size: var(--fs-heading1); line-height: var(--lh-heading1); letter-spacing: var(--ls-heading1); } .text-link { font-size: var(--fs-link); line-height: var(--lh-link); letter-spacing: var(--ls-link); } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-title-40 { font-size: var(--fs-title-40); line-height: var(--lh-title-40); letter-spacing: var(--ls-title-40); } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .leading-8 { line-height: 2rem; } .leading-\[11px\] { line-height: 11px; } .leading-\[120\%\] { line-height: 120%; } .tracking-tight { letter-spacing: -0.025em; } .text-\[\#0E40FF\] { --tw-text-opacity: 1; color: rgb(14 64 255/var(--tw-text-opacity)); } .text-\[\#141414\] { --tw-text-opacity: 1; color: rgb(20 20 20/var(--tw-text-opacity)); } .text-\[\#6E6EA0\] { --tw-text-opacity: 1; color: rgb(110 110 160/var(--tw-text-opacity)); } .text-\[\#726CA0\] { --tw-text-opacity: 1; color: rgb(114 108 160/var(--tw-text-opacity)); } .text-\[24x\] { } .text-green-400 { --tw-text-opacity: 1; color: rgb(74 222 128/var(--tw-text-opacity)); } .text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94/var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } .text-zn-black { --tw-text-opacity: 1; color: rgba(var(--zn-black),var(--tw-text-opacity)); } .text-zn-dark { --tw-text-opacity: 1; color: rgba(var(--zn-dark),var(--tw-text-opacity)); } .text-zn-dark-blue { --tw-text-opacity: 1; color: rgba(var(--zn-dark-blue),var(--tw-text-opacity)); } .text-zn-dark-blue\/60 { color: rgba(var(--zn-dark-blue),.6); } .text-zn-dark-blue\/90 { color: rgba(var(--zn-dark-blue),.9); } .text-zn-dark-semi-blue { --tw-text-opacity: 1; color: rgba(var(--zn-dark-semi-blue),var(--tw-text-opacity)); } .text-zn-gray { --tw-text-opacity: 1; color: rgba(var(--zn-gray),var(--tw-text-opacity)); } .text-zn-green { --tw-text-opacity: 1; color: rgba(var(--zn-green),var(--tw-text-opacity)); } .text-zn-light { --tw-text-opacity: 1; color: rgba(var(--zn-light),var(--tw-text-opacity)); } .text-zn-red { --tw-text-opacity: 1; color: rgba(var(--zn-red),var(--tw-text-opacity)); } .text-zn-white { --tw-text-opacity: 1; color: rgba(var(--zn-white),var(--tw-text-opacity)); } .text-zn-white\/60 { color: rgba(var(--zn-white),.6); } .underline { text-decoration-line: underline; } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-80 { opacity: 0.8; } .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); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .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 { 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(0.4, 0, 0.2, 1); transition-duration: 0.15s; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; } .duration-200 { transition-duration: 0.2s; } .duration-300 { transition-duration: 0.3s; } .duration-500 { transition-duration: 0.5s; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } :root { --zn-green: 92,255,209; --zn-dark-blue: 46,41,90; --zn-gray: 174,176,176; --zn-white: 255,255,255; --zn-black: 0,0,0; --zn-light: 248,247,252; --zn-dark: 28,28,28; --zn-red: 214,86,86; --zn-dark-semi-blue: 50,40,90; --fs-counter-large: 160px; --lh-counter-large: 100%; --ls-counter-large: -4%; --fs-counter-small: 90px; --lh-counter-small: 100%; --ls-counter-small: -4%; --fs-heading1: 60px; --lh-heading1: 100%; --ls-heading1: -4%; --fs-title-40: 40px; --lh-title-40: 100%; --ls-title-40: -4%; --lh-heading-40: 120%; --ls-heading-40: -4%; --fs-body-28: 28px; --lh-body-28: 150%; --ls-body-28: -1%; --fs-body-22: 22px; --lh-body-22: 150%; --ls-body-22: -1%; --fs-body-16: 16px; --lh-body-16: 140%; --ls-body-16: -1%; --fs-body-link: 16px; --lh-body-link: 140%; --ls-body-link: -3%; } @media screen and (max-width: 1439px) { :root { --fs-counter-large: 100px; --fs-counter-small: 60px; } } @media screen and (max-width: 1023px) { :root { --fs-counter-large: 80px; --fs-counter-small: 60px; --fs-heading1: 48px; --fs-title-40: 28px; --fs-body-28: 26px; --fs-body-22: 22px; --fs-body-16: 16px; --fs-body-link: 16px; } } @media screen and (max-width: 767px) { :root { --fs-counter-large: 50px; --fs-counter-small: 50px; --fs-heading1: 36px; --fs-body-28: 24px; --fs-body-22: 20px; --fs-body-16: 16px; --fs-body-link: 16px; } } @media (prefers-color-scheme: dark) { body { color: rgb(0, 0, 0) !important; background: rgb(255, 255, 255) !important; } } html { scroll-behavior: smooth; } body { --tw-bg-opacity: 1; background-color: rgba(var(--zn-white),var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(var(--zn-dark-blue),var(--tw-text-opacity)); -webkit-font-smoothing: antialiased; } .gradient-button-including-copy-button.gradient-button-border, button.gradient-button-border { border: 0px; z-index: 2; transition: 0.3s ease-in; } .gradient-button-including-copy-button.gradient-button-border::after, button.gradient-button-border::after { --m-i: linear-gradient(#fff,#fff); --m-o: content-box,padding-box; content: ""; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; border-radius: 9999px; padding: 1px; background-image: linear-gradient(118.88deg, rgb(195, 158, 255) 3.38%, rgb(60, 120, 235) 103.77%); mask-image: var(--m-i),var(--m-i); mask-origin: var(--m-o); mask-clip: var(--m-o); mask-composite: exclude; } .gradient-button-including-copy-button.gradient-button-border:hover, button.gradient-button-border:hover { background-image: linear-gradient(118.88deg, rgb(195, 158, 255) 3.38%, rgb(60, 120, 235) 103.77%); } button.green-button-border { border: 1px solid rgb(92, 255, 209); } button.green-button-border:hover { background: rgb(92, 255, 209); } button.semi-dark-button-border { border: 1px solid rgb(50, 40, 90); } button.semi-dark-button-border:hover { background: rgb(50, 40, 90); } button.dark-button-border { border: 1px solid rgb(28, 28, 28); } button.dark-button-border:hover { background: rgb(28, 28, 28); } button.white-button-border { border: 1px solid rgb(248, 247, 252); } button.white-button-border:hover { background: rgb(248, 247, 252); } #hero_section_banner, #tokenomics_card { background: var( --Linear,linear-gradient(119deg,#c39eff 3.38%,#3c78eb 103.77%) ); overflow: hidden; } #depin_hero_section { background-image: url("../img/depin-banner-bg.6646ad6e.jpg"); } #depin_flip_number, #depin_hero_section { background-size: cover; background-repeat: no-repeat; overflow: hidden; } #depin_flip_number { background-position: 50% center; background-image: url("../img/depin-flip-bg.c5eeef7a.png"); } #airdrop_hero_section, #company_hero_section { background-size: cover; background-repeat: no-repeat; } #airdrop_hero_section { background-position: 100% center; } #company_hero_section { background-image: url("../img/company-header-web-bg.dfeffbdb.png"); } #airdrop_hero_section { background-image: url("../img/airdrop-header-web-bg.0d8d0d60.png"); } #governance_hero_banner { background-size: cover; background-repeat: no-repeat; background-image: url("../img/governance-banner-bg.1d4574a0.jpg"); } @media screen and (max-width: 767px) { #company_hero_section { background-image: url("../img/company-header-mobile-bg.69ba3c12.png"); background-position: 50% center; } #airdrop_hero_section { background-image: url("../img/airdrop-header-mobile-bg.db52d54e.png"); } #governance_hero_banner { background-position: 50% center; background-repeat: no-repeat; background-image: url("../img/governance-banner-mobile-bg.2766fd95.jpg"); } } .bg-card-gradient { background: var( --Linear,linear-gradient(119deg,#c39eff 3.38%,#3c78eb 103.77%) ); } .bg-zebec-black-gradient { background: linear-gradient(127.34deg, rgb(81, 91, 112) -0.4%, rgb(36, 32, 63) 95.41%); } .bg-icon-gradient { background: var( --Linear,linear-gradient(119deg,#c39eff 3.38%,#3c78eb 103.77%) ); } .bg-icon-green { background: rgb(92, 255, 209); } .bg-icon-dark { background: rgb(28, 28, 28); } .bg-icon-semidark { background: rgb(50, 40, 90); } .bg-icon-white { background: rgb(248, 247, 252); } button.gradient-button-border:hover .bg-icon-gradient { background: transparent; } .gradient-text { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; } .swiper { width: 100%; height: 100%; } .backedBySwiper .swiper-slide { display: flex; align-items: center; width: auto !important; } .backedBySwiper .swiper-wrapper { transition-timing-function: linear; } .page-banner-background { background-image: url("../img/page-header-background.11457451.png"); background-repeat: no-repeat; background-position: 100% center; } #governance_migrate_zbc_zbcn { background-image: url("../img/governance-migrate-zbc-background.94149be9.png"); } #governance_migrate_zbc_zbcn, #rwa_payments_hero_section { background-position: 50% center; background-repeat: no-repeat; background-size: cover; } #rwa_payments_hero_section { background-image: url("../img/rwa-payments-background.b0913457.png"); } @media screen and (max-width: 767px) { #rwa_payments_hero_section { background-image: url("../img/rwa-payments-mobile-background.3294a7e9.png"); } } .bottom-linear-border { border-bottom: 1px solid rgb(195, 158, 255); } .top-linear-border { border-top: 1px solid rgb(195, 158, 255); } .zebec-faq-table thead tr th { padding-bottom: 10px; } .zebec-faq-table tbody tr { border-bottom: 1px solid rgb(229, 231, 235); } .zebec-faq-table tbody tr td { padding: 10px 0px; } .zebec-faq-table tbody tr td:nth-child(2), .zebec-faq-table tbody tr td:nth-child(3), .zebec-faq-table thead tr th:nth-child(2), .zebec-faq-table thead tr th:nth-child(3) { text-align: right; } .faq-items-list { list-style: disc; padding-left: 1.5rem; } input[type="email"], input[type="text"], textarea { order: 1; margin-top: 0.25rem; box-sizing: border-box; display: flex; width: 100%; flex: 0 0 auto; align-items: flex-start; align-self: stretch; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235/var(--tw-border-opacity)); padding: 0.625rem 1.25rem; font-size: 0.875rem; line-height: 1.25rem; } input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="text"]:focus, textarea:focus { order: 1; display: flex; flex: 0 0 auto; align-items: flex-start; outline: none; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--primary-light); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .notification-bar { border-radius: 4px; padding: 10px 20px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; } .notification-bar.success { background-color: rgba(36, 132, 76, 0.9); color: rgb(255, 255, 255); } .notification-bar.error { background-color: rgba(214, 86, 86, 0.9); color: rgb(255, 255, 255); } @media screen and (max-width: 767px) { .hide-dotted-right-arrow-image { display: none; } } .blog-tag-bg { background: linear-gradient(118.88deg, rgba(200, 160, 250, 0.1) 3.38%, rgba(30, 80, 255, 0.1) 103.77%); } .gradient-border { height: 1px; background-image: linear-gradient(118.88deg, rgb(200, 160, 250) 3.38%, rgb(30, 80, 255) 103.77%); } .flip-card-container { display: flex; justify-content: center; align-items: center; } .flip-cards { display: flex; justify-content: space-between; } .flip_digit_card { display: flex; align-items: center; justify-content: center; background-position: 50% center; background-repeat: no-repeat; background-image: url("../img/flip-card-bg.510999bf.png"); background-size: 100% 100%; color: rgb(101, 90, 144); } .flip-unit-container { --easeInOut: cubic-bezier(0.455,0.03,0.515,0.955); --turnDuration: 0.6s; --border: #655a90; --border-grey: #eaecfb; --card: #fff; --font-size: 2em; --font-width: lighter; --font-color: #655a90; display: block; position: relative; perspective-origin: 50% 50%; perspective: 300px; background-color: var(--card); border-radius: 4px; box-shadow: grey 0px 10px 10px -10px; border: 5px solid var(--border-grey); margin: 0px 10px; font-weight: 800; } .lower-card, .upper-card { display: flex; position: relative; justify-content: center; width: 100%; height: 50%; overflow: hidden; } .upper-card { align-items: flex-end; border-top: 2px solid var(--border); border-bottom: 2px solid var(--border); border-top-left-radius: 4px; border-top-right-radius: 4px; } .lower-card { align-items: flex-start; border-top: 1px solid var(--border-grey); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .lower-card span, .upper-card span { font-size: var(--font-size); font-weight: var(--font-width); color: var(--font-color); } .upper-card span { transform: translateY(50%); } .lower-card span { transform: translateY(-50%); } .flip-card { display: flex; justify-content: center; position: absolute; left: 0px; width: 100%; height: 50%; overflow: hidden; backface-visibility: hidden; align-items: center; } .flip-card span { font-size: var(--font-size); font-weight: var(--font-width); color: var(--font-color); } .flip-card.unfold { top: 50%; align-items: flex-start; transform-origin: 50% 0px; transform: rotateX(180deg); background-color: var(--card); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: .5px solid var(--border); animation: unfold var(--turnDuration) var(--easeInOut) forwards; } .flip-card.unfold span { transform: translateY(-50%); } .flip-card.fold { top: 0px; transform-origin: 50% 100%; transform: rotateX(0deg); background-color: var(--card); border-top-left-radius: 3px; border-top-right-radius: 3px; border: .5px solid var(--border); } .flip-card.fold span { transform: translateY(50%); } .fold { animation: fold var(--turnDuration) var(--easeInOut) forwards; } .fold, .unfold { transform-style: preserve-3d; } .unfold { animation: unfold var(--turnDuration) var(--easeInOut) forwards; } @keyframes fold { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(-180deg); } } @keyframes unfold { 0% { transform: rotateX(180deg); } 50% { transform: rotateX(90deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } .blogs-container-inset { padding: 0px 15%; } @media screen and (max-width: 768px) { .blogs-container-inset { padding: 0px; } } .ck-content .ab.ca { justify-content: flex-start !important; } .ck-content .ch.bg.eu.ev.ew.ex { max-width: none !important; width: 100% !important; } .ck-content > blockquote, .ck-content > dd, .ck-content > dl, .ck-content > figure, .ck-content > h1, .ck-content > h2, .ck-content > h3, .ck-content > h4, .ck-content > h5, .ck-content > h6, .ck-content > hr, .ck-content > p, .ck-content > pre { margin: revert !important; } .ck-content > ol, .ck-content > ul { list-style: revert !important; margin: revert !important; padding: revert !important; } .ck-content > table { border-collapse: revert !important; } .ck-content h1, .ck-content h2, .ck-content h3, .ck-content h4, .ck-content h5, .ck-content h6 { font-size: revert !important; font-weight: revert !important; } .meme-page-footer-large-card { background: url("../img/partner-card-footer-large-background.64dbce7d.png") 0% 0% / cover no-repeat; height: 100%; } .meme-page-footer-small-card { background: url("../img/partner-card-footer-small-background.72f4c04d.png") 0% 0% / cover no-repeat; height: 100%; } .gradient-text-buy-zbcn { background: linear-gradient(90deg, rgb(200, 160, 250), rgb(30, 80, 255)) text; -webkit-text-fill-color: transparent; } .outercover:hover { background-color: rgb(50, 40, 90); } .outercover:hover .icon { color: rgb(255, 255, 255); } .icon { height: 20px; } @media screen and (min-width: 768px) { .icon { height: 28px; } } @media screen and (min-width: 1024px) { .icon { height: 36px !important; } } .last\:mb-0:last-child { margin-bottom: 0px; } .last\:border-b-0:last-child { border-bottom-width: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } .hover\:translate-x-1:hover { --tw-translate-x: 0.25rem; } .hover\:translate-x-1:hover, .hover\:translate-x-1\.5:hover { 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)); } .hover\:translate-x-1\.5:hover { --tw-translate-x: 0.375rem; } .hover\:border-\[\#3c78eb\]:hover { --tw-border-opacity: 1; border-color: rgb(60 120 235/var(--tw-border-opacity)); } .hover\:\!bg-\[\#08E0A3\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(8 224 163/var(--tw-bg-opacity)) !important; } .hover\:bg-transparent:hover { background-color: transparent; } .hover\:bg-zn-green\/80:hover { background-color: rgba(var(--zn-green),.8); } .hover\:bg-zn-light\/80:hover { background-color: rgba(var(--zn-light),.8); } .hover\:text-\[\#3c78eb\]:hover { --tw-text-opacity: 1; color: rgb(60 120 235/var(--tw-text-opacity)); } .hover\:text-white\/80:hover { color: rgba(255, 255, 255, 0.8); } .hover\:text-zn-white:hover { --tw-text-opacity: 1; color: rgba(var(--zn-white),var(--tw-text-opacity)); } .hover\:opacity-80:hover { opacity: 0.8; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:opacity-80:disabled { opacity: 0.8; } .group\/button:hover .group-hover\/button\:text-zn-dark-blue { --tw-text-opacity: 1; color: rgba(var(--zn-dark-blue),var(--tw-text-opacity)); } .group\/button:hover .group-hover\/button\:text-zn-white { --tw-text-opacity: 1; color: rgba(var(--zn-white),var(--tw-text-opacity)); } @media (min-width: 640px) { .sm\:col-span-1 { grid-column: span 1 / span 1; } .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:\!mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .sm\:mx-0 { margin-left: 0px; margin-right: 0px; } .sm\:mt-6 { margin-top: 1.5rem; } .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:hidden { display: none; } .sm\:h-\[155px\] { height: 155px; } .sm\:h-\[750px\] { height: 750px; } .sm\:h-\[86px\] { height: 86px; } .sm\:min-h-\[240px\] { min-height: 240px; } .sm\:max-w-\[750px\] { max-width: 750px; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:flex-wrap { flex-wrap: wrap; } .sm\:gap-5 { gap: 1.25rem; } .sm\:p-12 { padding: 3rem; } .sm\:p-8 { padding: 2rem; } .sm\:text-counter-small { font-size: var(--fs-counter-small); line-height: var(--lh-counter-small); letter-spacing: var(--ls-counter-small); } } @media (min-width: 768px) { .md\:-right-12 { right: -3rem; } .md\:order-1 { order: 1; } .md\:order-2 { order: 2; } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:col-span-3 { grid-column: span 3 / span 3; } .md\:col-span-4 { grid-column: span 4 / span 4; } .md\:\!mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .md\:\!mx-1\.5 { margin-left: 0.375rem !important; margin-right: 0.375rem !important; } .md\:\!mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .md\:\!mx-2\.5 { margin-left: 0.625rem !important; margin-right: 0.625rem !important; } .md\:mx-0 { margin-left: 0px; margin-right: 0px; } .md\:mb-10 { margin-bottom: 2.5rem; } .md\:mb-12 { margin-bottom: 3rem; } .md\:mb-14 { margin-bottom: 3.5rem; } .md\:mb-4 { margin-bottom: 1rem; } .md\:mb-5 { margin-bottom: 1.25rem; } .md\:mb-6 { margin-bottom: 1.5rem; } .md\:mb-\[100px\] { margin-bottom: 100px; } .md\:mb-\[30px\] { margin-bottom: 30px; } .md\:mb-\[60px\] { margin-bottom: 60px; } .md\:mb-\[70px\] { margin-bottom: 70px; } .md\:mb-\[80px\] { margin-bottom: 80px; } .md\:ml-16 { margin-left: 4rem; } .md\:mt-0 { margin-top: 0px; } .md\:mt-10 { margin-top: 2.5rem; } .md\:mt-12 { margin-top: 3rem; } .md\:mt-16 { margin-top: 4rem; } .md\:mt-2 { margin-top: 0.5rem; } .md\:mt-2\.5 { margin-top: 0.625rem; } .md\:mt-20 { margin-top: 5rem; } .md\:mt-\[60px\] { margin-top: 60px; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:h-32 { height: 8rem; } .md\:h-7 { height: 1.75rem; } .md\:h-\[200px\] { height: 200px; } .md\:h-\[202px\] { height: 202px; } .md\:h-\[320px\] { height: 320px; } .md\:h-\[68px\] { height: 68px; } .md\:h-\[72px\] { height: 72px; } .md\:h-\[calc\(100vh-160px\)\] { height: calc(-160px + 100vh); } .md\:h-full { height: 100%; } .md\:max-h-\[400px\] { max-height: 400px; } .md\:min-h-\[260px\] { min-height: 260px; } .md\:min-h-\[400px\] { min-height: 400px; } .md\:w-1\/2 { width: 50%; } .md\:w-2\/3 { width: 66.6667%; } .md\:w-4\/5 { width: 80%; } .md\:w-\[154px\] { width: 154px; } .md\:w-\[202px\] { width: 202px; } .md\:w-\[340px\] { width: 340px; } .md\:w-\[346px\] { width: 346px; } .md\:w-auto { width: auto; } .md\:min-w-\[150px\] { min-width: 150px; } .md\:max-w-\[120px\] { max-width: 120px; } .md\:max-w-\[212px\] { max-width: 212px; } .md\:max-w-\[220px\] { max-width: 220px; } .md\:max-w-\[234px\] { max-width: 234px; } .md\:max-w-\[300px\] { max-width: 300px; } .md\:max-w-\[328px\] { max-width: 328px; } .md\:max-w-\[400px\] { max-width: 400px; } .md\:max-w-\[480px\] { max-width: 480px; } .md\:max-w-\[538px\] { max-width: 538px; } .md\:max-w-\[710px\] { max-width: 710px; } .md\:max-w-\[720px\] { max-width: 720px; } .md\:flex-1 { flex: 1 1 0%; } .md\:shrink-0 { flex-shrink: 0; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .md\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0px, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:items-start { align-items: flex-start; } .md\:items-center { align-items: center; } .md\:justify-center { justify-content: center; } .md\:gap-0 { gap: 0px; } .md\:gap-10 { gap: 2.5rem; } .md\:gap-12 { gap: 3rem; } .md\:gap-3 { gap: 0.75rem; } .md\:gap-6 { gap: 1.5rem; } .md\:gap-8 { gap: 2rem; } .md\:gap-y-7 { row-gap: 1.75rem; } .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\:self-end { align-self: flex-end; } .md\:rounded-\[30px\] { border-radius: 30px; } .md\:p-0 { padding: 0px; } .md\:p-10 { padding: 2.5rem; } .md\:p-12 { padding: 3rem; } .md\:p-8 { padding: 2rem; } .md\:p-\[40px\] { padding: 40px; } .md\:p-\[70px\] { padding: 70px; } .md\:px-0 { padding-left: 0px; padding-right: 0px; } .md\:px-\[100px\] { padding-left: 100px; padding-right: 100px; } .md\:px-\[50px\] { padding-left: 50px; padding-right: 50px; } .md\:px-\[90px\] { padding-left: 90px; padding-right: 90px; } .md\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .md\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .md\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .md\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .md\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .md\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .md\:py-\[100px\] { padding-top: 100px; padding-bottom: 100px; } .md\:py-\[30px\] { padding-top: 30px; padding-bottom: 30px; } .md\:py-\[62px\] { padding-top: 62px; padding-bottom: 62px; } .md\:py-\[70px\] { padding-top: 70px; padding-bottom: 70px; } .md\:pb-12 { padding-bottom: 3rem; } .md\:pb-20 { padding-bottom: 5rem; } .md\:pb-\[100px\] { padding-bottom: 100px; } .md\:pb-\[30px\] { padding-bottom: 30px; } .md\:pb-\[50px\] { padding-bottom: 50px; } .md\:pb-\[60px\] { padding-bottom: 60px; } .md\:pl-16 { padding-left: 4rem; } .md\:pl-20 { padding-left: 5rem; } .md\:pl-\[10\%\] { padding-left: 10%; } .md\:pr-0 { padding-right: 0px; } .md\:pr-10 { padding-right: 2.5rem; } .md\:pr-4 { padding-right: 1rem; } .md\:pr-\[58px\] { padding-right: 58px; } .md\:pt-16 { padding-top: 4rem; } .md\:pt-\[100px\] { padding-top: 100px; } .md\:pt-\[30px\] { padding-top: 30px; } .md\:pt-\[60px\] { padding-top: 60px; } .md\:text-left { text-align: left; } .md\:text-start { text-align: start; } .md\:text-\[28px\] { font-size: 28px; } .md\:text-\[32px\] { font-size: 32px; } .md\:text-\[40px\] { font-size: 40px; } .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } } @media (min-width: 1024px) { .lg\:right-0 { right: 0px; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:mb-20 { margin-bottom: 5rem; } .lg\:ml-20 { margin-left: 5rem; } .lg\:block { display: block; } .lg\:\!flex { display: flex !important; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:h-\[155px\] { height: 155px; } .lg\:h-\[400px\] { height: 400px; } .lg\:h-\[80px\] { height: 80px; } .lg\:h-\[86px\] { height: 86px; } .lg\:h-full { height: 100%; } .lg\:w-1\/3 { width: 33.3333%; } .lg\:w-2\/3 { width: 66.6667%; } .lg\:w-\[420px\] { width: 420px; } .lg\:w-full { width: 100%; } .lg\:max-w-\[70\%\] { max-width: 70%; } .lg\:flex-none { flex: 0 0 auto; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); } .lg\:flex-row { flex-direction: row; } .lg\:items-start { align-items: flex-start; } .lg\:justify-end { justify-content: flex-end; } .lg\:gap-10 { gap: 2.5rem; } .lg\:gap-16 { gap: 4rem; } .lg\:gap-5 { gap: 1.25rem; } .lg\:gap-\[132px\] { gap: 132px; } .lg\:gap-x-10 { column-gap: 2.5rem; } .lg\:gap-x-\[30px\] { column-gap: 30px; } .lg\:border-b { border-bottom-width: 1px; } .lg\:object-cover { object-fit: cover; } .lg\:p-10 { padding: 2.5rem; } .lg\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .lg\:py-\[100px\] { padding-top: 100px; padding-bottom: 100px; } .lg\:pl-10 { padding-left: 2.5rem; } .lg\:pl-20 { padding-left: 5rem; } .lg\:pl-\[110px\] { padding-left: 110px; } .lg\:pl-\[92px\] { padding-left: 92px; } .lg\:pr-\[60px\] { padding-right: 60px; } .lg\:text-9xl { font-size: 8rem; line-height: 1; } .lg\:text-\[28px\] { font-size: 28px; } .lg\:text-\[50px\] { font-size: 50px; } .lg\:text-\[68px\] { font-size: 68px; } .lg\:leading-\[120\%\] { line-height: 120%; } } @media (min-width: 1280px) { .xl\:ml-\[100px\] { margin-left: 100px; } .xl\:flex-row { flex-direction: row; } .xl\:gap-10 { gap: 2.5rem; } .xl\:pl-20 { padding-left: 5rem; } .xl\:pl-\[110px\] { padding-left: 110px; } .xl\:pr-\[110px\] { padding-right: 110px; } .xl\:\!text-\[80px\] { font-size: 80px !important; } } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0px); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0px); backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; box-sizing: border-box; border-radius: 50%; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 4px solid transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translateZ(0px); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); left: 0px; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity,.2); } button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity,1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right,8px); left: var(--swiper-pagination-left,auto); top: 50%; transform: translate3d(0px, -50%, 0px); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size,4px); left: 0px; top: 0px; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size,4px); height: 100%; left: 0px; top: 0px; } .swiper-pagination-lock { display: none; }