*,
: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(47,118,255,.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: ;
box-sizing:border-box;
border:0 solid #f8f9fc
}
::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(47,118,255,.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: 
}
/*! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com*/
: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:Inter,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;
background-color:#fff;
-webkit-overflow-scrolling:touch;
display:flex;
min-height:100vh;
flex-direction:column;
overflow-x:hidden
}
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:none
}
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,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre{
margin:0
}
dialog,
fieldset,
legend{
padding:0
}
menu,
ol,
ul{
list-style:none;
margin:0;
padding:0
}
textarea{
resize:vertical
}
input::-moz-placeholder,
textarea::-moz-placeholder{
opacity:1;
color:#e8e9ed
}
input::placeholder,
textarea::placeholder{
opacity:1;
color:#e8e9ed
}
[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
}
h1{
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
font-size:3.25rem;
font-weight:600;
line-height:3.81rem;
letter-spacing:-1.56px;
color:#122345;
text-align:left
}
@media not all and (min-width:480px){
h1{
font-size:2.25rem;
line-height:2.6437rem;
text-align:center
}
}
h2{
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
font-size:3rem;
text-align:center;
font-weight:600;
font-stretch:normal;
font-style:normal;
line-height:3.75rem;
letter-spacing:-1.44px;
color:#130c3e
}
@media not all and (min-width:640px){
h2{
font-size:2.25rem;
line-height:2.8125rem
}
}
h3{
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
font-size:2rem;
font-weight:600;
line-height:2.4rem;
letter-spacing:-.22px;
color:#130c3e
}
@media not all and (min-width:640px){
h3{
font-size:1.4rem;
line-height:1.7rem
}
}
h4{
font-size:1.375rem;
letter-spacing:-.22px;
line-height:1.65rem;
font-weight:600;
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
color:#130c3e
}
@media not all and (min-width:640px){
h4{
font-size:1rem;
line-height:1.3rem
}
}
html{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-overflow-scrolling:touch;
font-size:16px;
font-family:Inter,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;
letter-spacing:-.22px;
--tw-text-opacity:1;
color:rgb(18 35 69/var(--tw-text-opacity));
scroll-behavior:smooth
}
p{
font-size:1rem;
line-height:1.42rem
}
.main-body{
flex-grow:1
}
@media screen and (max-width:480px){
p{
font-size:.9375rem;
line-height:1.25rem
}
}
.container{
width:100%;
margin-right:auto;
margin-left:auto;
padding-right:20px;
padding-left:20px
}
@media (min-width:1200px){
.container{
max-width:1200px
}
}
.tham{
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
transition-timing-function:linear;
transition-duration:.15s;
transition-property:opacity
}
.tham:hover{
opacity:.7
}
.tham-box{
position:relative;
display:inline-block
}
.tham-inner{
top:50%;
display:block;
background-color:#000;
position:absolute;
border-radius:4px;
transition-timing-function:ease;
transition-duration:.15s;
transition-property:transform
}
.tham-inner:after,
.tham-inner:before{
content:"";
background-color:inherit;
position:absolute;
display:block;
border-radius:4px;
transition-timing-function:ease;
transition-duration:.15s;
transition-property:transform
}
.tham.tham-w-4.tham-e-slider .tham-inner{
top:1px
}
.tham.tham-w-4.tham-e-slider .tham-inner:before{
top:4px;
transition-property:transform,opacity;
transition-timing-function:ease;
transition-duration:.15s
}
.tham.tham-w-4.tham-e-slider .tham-inner:after{
top:8px
}
.tham.tham-w-4.tham-e-slider.tham-active .tham-inner{
transform:translate3d(0,4px,0) rotate(45deg)
}
.tham.tham-w-4.tham-e-slider.tham-active .tham-inner:before{
transform:rotate(-45deg) translate3d(-2.2857142857142856px,-2px,0);
opacity:0
}
.tham.tham-w-4.tham-e-slider.tham-active .tham-inner:after{
transform:translate3d(0,-8px,0) rotate(-90deg)
}
.tham.tham-e-squeeze .tham-inner{
transition-timing-function:cubic-bezier(.55,.055,.675,.19);
transition-duration:75ms
}
.tham.tham-e-squeeze .tham-inner:before{
transition:top 75ms .12s,opacity 75ms
}
.tham.tham-e-squeeze .tham-inner:after{
transition:bottom 75ms .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-e-squeeze.tham-active .tham-inner{
transition-delay:.12s;
transition-timing-function:cubic-bezier(.215,.61,.355,1);
transform:rotate(45deg)
}
.tham.tham-e-squeeze.tham-active .tham-inner:before{
top:0;
transition:top 75ms,opacity 75ms .12s;
opacity:0
}
.tham.tham-e-squeeze.tham-active .tham-inner:after{
bottom:0;
transition:bottom 75ms,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
transform:rotate(-90deg)
}
.tham.tham-w-4.tham-e-arrow.tham-active .tham-inner:before{
transform:translate3d(-3.2px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-4.tham-e-arrow.tham-active .tham-inner:after{
transform:translate3d(-3.2px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-4.tham-e-arrow-alt .tham-inner:before{
transition:top .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-4.tham-e-arrow-alt .tham-inner:after{
transition:bottom .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-4.tham-e-arrow-alt.tham-active .tham-inner:before{
top:0;
transform:translate3d(-3.2px,-4px,0) rotate(-45deg) scaleX(.7);
transition:top .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-4.tham-e-arrow-alt.tham-active .tham-inner:after{
bottom:0;
transform:translate3d(-3.2px,4px,0) rotate(45deg) scaleX(.7);
transition:bottom .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-4.tham-e-arrow-turn.tham-active .tham-inner{
transform:rotate(-180deg)
}
.tham.tham-w-4.tham-e-arrow-turn.tham-active .tham-inner:before{
transform:translate3d(3.2px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-4.tham-e-arrow-turn.tham-active .tham-inner:after{
transform:translate3d(3.2px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-4.tham-e-spin .tham-inner{
transition-duration:.22s;
transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-4.tham-e-spin .tham-inner:before{
transition:top .1s ease-in .25s,opacity .1s ease-in
}
.tham.tham-w-4.tham-e-spin .tham-inner:after{
transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-4.tham-e-spin.tham-active .tham-inner{
transform:rotate(225deg);
transition-delay:.12s;
transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.tham.tham-w-4.tham-e-spin.tham-active .tham-inner:before{
top:0;
opacity:0;
transition:top .1s ease-out,opacity .1s ease-out .12s
}
.tham.tham-w-4.tham-e-spin.tham-active .tham-inner:after{
bottom:0;
transform:rotate(-90deg);
transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
}
.tham.tham-w-5.tham-e-slider .tham-inner{
top:1.25px
}
.tham.tham-w-5.tham-e-slider .tham-inner:before{
top:5px;
transition-property:transform,opacity;
transition-timing-function:ease;
transition-duration:.15s
}
.tham.tham-w-5.tham-e-slider .tham-inner:after{
top:10px
}
.tham.tham-w-5.tham-e-slider.tham-active .tham-inner{
transform:translate3d(0,5px,0) rotate(45deg)
}
.tham.tham-w-5.tham-e-slider.tham-active .tham-inner:before{
transform:rotate(-45deg) translate3d(-2.857142857142857px,-2.5px,0);
opacity:0
}
.tham.tham-w-5.tham-e-slider.tham-active .tham-inner:after{
transform:translate3d(0,-10px,0) rotate(-90deg)
}
.tham.tham-w-5.tham-e-arrow.tham-active .tham-inner:before{
transform:translate3d(-4px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-5.tham-e-arrow.tham-active .tham-inner:after{
transform:translate3d(-4px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-5.tham-e-arrow-alt .tham-inner:before{
transition:top .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-5.tham-e-arrow-alt .tham-inner:after{
transition:bottom .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-5.tham-e-arrow-alt.tham-active .tham-inner:before{
top:0;
transform:translate3d(-4px,-5px,0) rotate(-45deg) scaleX(.7);
transition:top .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-5.tham-e-arrow-alt.tham-active .tham-inner:after{
bottom:0;
transform:translate3d(-4px,5px,0) rotate(45deg) scaleX(.7);
transition:bottom .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-5.tham-e-arrow-turn.tham-active .tham-inner{
transform:rotate(-180deg)
}
.tham.tham-w-5.tham-e-arrow-turn.tham-active .tham-inner:before{
transform:translate3d(4px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-5.tham-e-arrow-turn.tham-active .tham-inner:after{
transform:translate3d(4px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-5.tham-e-spin .tham-inner{
transition-duration:.22s;
transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-5.tham-e-spin .tham-inner:before{
transition:top .1s ease-in .25s,opacity .1s ease-in
}
.tham.tham-w-5.tham-e-spin .tham-inner:after{
transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-5.tham-e-spin.tham-active .tham-inner{
transform:rotate(225deg);
transition-delay:.12s;
transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.tham.tham-w-5.tham-e-spin.tham-active .tham-inner:before{
top:0;
opacity:0;
transition:top .1s ease-out,opacity .1s ease-out .12s
}
.tham.tham-w-5.tham-e-spin.tham-active .tham-inner:after{
bottom:0;
transform:rotate(-90deg);
transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
}
.tham.tham-w-6.tham-e-slider .tham-inner{
top:1.5px
}
.tham.tham-w-6.tham-e-slider .tham-inner:before{
top:6px;
transition-property:transform,opacity;
transition-timing-function:ease;
transition-duration:.15s
}
.tham.tham-w-6.tham-e-slider .tham-inner:after{
top:12px
}
.tham.tham-w-6.tham-e-slider.tham-active .tham-inner{
transform:translate3d(0,6px,0) rotate(45deg)
}
.tham.tham-w-6.tham-e-slider.tham-active .tham-inner:before{
transform:rotate(-45deg) translate3d(-3.4285714285714284px,-3px,0);
opacity:0
}
.tham.tham-w-6.tham-e-slider.tham-active .tham-inner:after{
transform:translate3d(0,-12px,0) rotate(-90deg)
}
.tham.tham-w-6.tham-e-arrow.tham-active .tham-inner:before{
transform:translate3d(-4.8px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-6.tham-e-arrow.tham-active .tham-inner:after{
transform:translate3d(-4.8px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-6.tham-e-arrow-alt .tham-inner:before{
transition:top .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-6.tham-e-arrow-alt .tham-inner:after{
transition:bottom .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-6.tham-e-arrow-alt.tham-active .tham-inner:before{
top:0;
transform:translate3d(-4.8px,-6px,0) rotate(-45deg) scaleX(.7);
transition:top .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-6.tham-e-arrow-alt.tham-active .tham-inner:after{
bottom:0;
transform:translate3d(-4.8px,6px,0) rotate(45deg) scaleX(.7);
transition:bottom .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-6.tham-e-arrow-turn.tham-active .tham-inner{
transform:rotate(-180deg)
}
.tham.tham-w-6.tham-e-arrow-turn.tham-active .tham-inner:before{
transform:translate3d(4.8px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-6.tham-e-arrow-turn.tham-active .tham-inner:after{
transform:translate3d(4.8px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-6.tham-e-spin .tham-inner{
transition-duration:.22s;
transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-6.tham-e-spin .tham-inner:before{
transition:top .1s ease-in .25s,opacity .1s ease-in
}
.tham.tham-w-6.tham-e-spin .tham-inner:after{
transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-6.tham-e-spin.tham-active .tham-inner{
transform:rotate(225deg);
transition-delay:.12s;
transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.tham.tham-w-6.tham-e-spin.tham-active .tham-inner:before{
top:0;
opacity:0;
transition:top .1s ease-out,opacity .1s ease-out .12s
}
.tham.tham-w-6.tham-e-spin.tham-active .tham-inner:after{
bottom:0;
transform:rotate(-90deg);
transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
}
.tham.tham-w-7.tham-e-slider .tham-inner{
top:1.75px
}
.tham.tham-w-7.tham-e-slider .tham-inner:before{
top:7px;
transition-property:transform,opacity;
transition-timing-function:ease;
transition-duration:.15s
}
.tham.tham-w-7.tham-e-slider .tham-inner:after{
top:14px
}
.tham.tham-w-7.tham-e-slider.tham-active .tham-inner{
transform:translate3d(0,7px,0) rotate(45deg)
}
.tham.tham-w-7.tham-e-slider.tham-active .tham-inner:before{
transform:rotate(-45deg) translate3d(-4px,-3.5px,0);
opacity:0
}
.tham.tham-w-7.tham-e-slider.tham-active .tham-inner:after{
transform:translate3d(0,-14px,0) rotate(-90deg)
}
.tham.tham-w-7.tham-e-arrow.tham-active .tham-inner:before{
transform:translate3d(-5.6px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-7.tham-e-arrow.tham-active .tham-inner:after{
transform:translate3d(-5.6px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-7.tham-e-arrow-alt .tham-inner:before{
transition:top .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-7.tham-e-arrow-alt .tham-inner:after{
transition:bottom .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-7.tham-e-arrow-alt.tham-active .tham-inner:before{
top:0;
transform:translate3d(-5.6px,-7px,0) rotate(-45deg) scaleX(.7);
transition:top .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-7.tham-e-arrow-alt.tham-active .tham-inner:after{
bottom:0;
transform:translate3d(-5.6px,7px,0) rotate(45deg) scaleX(.7);
transition:bottom .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-7.tham-e-arrow-turn.tham-active .tham-inner{
transform:rotate(-180deg)
}
.tham.tham-w-7.tham-e-arrow-turn.tham-active .tham-inner:before{
transform:translate3d(5.6px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-7.tham-e-arrow-turn.tham-active .tham-inner:after{
transform:translate3d(5.6px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-7.tham-e-spin .tham-inner{
transition-duration:.22s;
transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-7.tham-e-spin .tham-inner:before{
transition:top .1s ease-in .25s,opacity .1s ease-in
}
.tham.tham-w-7.tham-e-spin .tham-inner:after{
transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-7.tham-e-spin.tham-active .tham-inner{
transform:rotate(225deg);
transition-delay:.12s;
transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.tham.tham-w-7.tham-e-spin.tham-active .tham-inner:before{
top:0;
opacity:0;
transition:top .1s ease-out,opacity .1s ease-out .12s
}
.tham.tham-w-7.tham-e-spin.tham-active .tham-inner:after{
bottom:0;
transform:rotate(-90deg);
transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
}
.tham.tham-w-8.tham-e-slider .tham-inner{
top:2px
}
.tham.tham-w-8.tham-e-slider .tham-inner:before{
top:8px;
transition-property:transform,opacity;
transition-timing-function:ease;
transition-duration:.15s
}
.tham.tham-w-8.tham-e-slider .tham-inner:after{
top:16px
}
.tham.tham-w-8.tham-e-slider.tham-active .tham-inner{
transform:translate3d(0,8px,0) rotate(45deg)
}
.tham.tham-w-8.tham-e-slider.tham-active .tham-inner:before{
transform:rotate(-45deg) translate3d(-4.571428571428571px,-4px,0);
opacity:0
}
.tham.tham-w-8.tham-e-slider.tham-active .tham-inner:after{
transform:translate3d(0,-16px,0) rotate(-90deg)
}
.tham.tham-w-8.tham-e-arrow.tham-active .tham-inner:before{
transform:translate3d(-6.4px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-8.tham-e-arrow.tham-active .tham-inner:after{
transform:translate3d(-6.4px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-8.tham-e-arrow-alt .tham-inner:before{
transition:top .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-8.tham-e-arrow-alt .tham-inner:after{
transition:bottom .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-8.tham-e-arrow-alt.tham-active .tham-inner:before{
top:0;
transform:translate3d(-6.4px,-8px,0) rotate(-45deg) scaleX(.7);
transition:top .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-8.tham-e-arrow-alt.tham-active .tham-inner:after{
bottom:0;
transform:translate3d(-6.4px,8px,0) rotate(45deg) scaleX(.7);
transition:bottom .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-8.tham-e-arrow-turn.tham-active .tham-inner{
transform:rotate(-180deg)
}
.tham.tham-w-8.tham-e-arrow-turn.tham-active .tham-inner:before{
transform:translate3d(6.4px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-8.tham-e-arrow-turn.tham-active .tham-inner:after{
transform:translate3d(6.4px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-8.tham-e-spin .tham-inner{
transition-duration:.22s;
transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-8.tham-e-spin .tham-inner:before{
transition:top .1s ease-in .25s,opacity .1s ease-in
}
.tham.tham-w-8.tham-e-spin .tham-inner:after{
transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-8.tham-e-spin.tham-active .tham-inner{
transform:rotate(225deg);
transition-delay:.12s;
transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.tham.tham-w-8.tham-e-spin.tham-active .tham-inner:before{
top:0;
opacity:0;
transition:top .1s ease-out,opacity .1s ease-out .12s
}
.tham.tham-w-8.tham-e-spin.tham-active .tham-inner:after{
bottom:0;
transform:rotate(-90deg);
transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
}
.tham.tham-w-9.tham-e-slider .tham-inner{
top:2.25px
}
.tham.tham-w-9.tham-e-slider .tham-inner:before{
top:9px;
transition-property:transform,opacity;
transition-timing-function:ease;
transition-duration:.15s
}
.tham.tham-w-9.tham-e-slider .tham-inner:after{
top:18px
}
.tham.tham-w-9.tham-e-slider.tham-active .tham-inner{
transform:translate3d(0,9px,0) rotate(45deg)
}
.tham.tham-w-9.tham-e-slider.tham-active .tham-inner:before{
transform:rotate(-45deg) translate3d(-5.142857142857143px,-4.5px,0);
opacity:0
}
.tham.tham-w-9.tham-e-slider.tham-active .tham-inner:after{
transform:translate3d(0,-18px,0) rotate(-90deg)
}
.tham.tham-w-9.tham-e-arrow.tham-active .tham-inner:before{
transform:translate3d(-7.2px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-9.tham-e-arrow.tham-active .tham-inner:after{
transform:translate3d(-7.2px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-9.tham-e-arrow-alt .tham-inner:before{
transition:top .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-9.tham-e-arrow-alt .tham-inner:after{
transition:bottom .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-9.tham-e-arrow-alt.tham-active .tham-inner:before{
top:0;
transform:translate3d(-7.2px,-9px,0) rotate(-45deg) scaleX(.7);
transition:top .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-9.tham-e-arrow-alt.tham-active .tham-inner:after{
bottom:0;
transform:translate3d(-7.2px,9px,0) rotate(45deg) scaleX(.7);
transition:bottom .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-9.tham-e-arrow-turn.tham-active .tham-inner{
transform:rotate(-180deg)
}
.tham.tham-w-9.tham-e-arrow-turn.tham-active .tham-inner:before{
transform:translate3d(7.2px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-9.tham-e-arrow-turn.tham-active .tham-inner:after{
transform:translate3d(7.2px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-9.tham-e-spin .tham-inner{
transition-duration:.22s;
transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-9.tham-e-spin .tham-inner:before{
transition:top .1s ease-in .25s,opacity .1s ease-in
}
.tham.tham-w-9.tham-e-spin .tham-inner:after{
transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-9.tham-e-spin.tham-active .tham-inner{
transform:rotate(225deg);
transition-delay:.12s;
transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.tham.tham-w-9.tham-e-spin.tham-active .tham-inner:before{
top:0;
opacity:0;
transition:top .1s ease-out,opacity .1s ease-out .12s
}
.tham.tham-w-9.tham-e-spin.tham-active .tham-inner:after{
bottom:0;
transform:rotate(-90deg);
transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
}
.tham.tham-w-10.tham-e-slider .tham-inner{
top:2.5px
}
.tham.tham-w-10.tham-e-slider .tham-inner:before{
top:10px;
transition-property:transform,opacity;
transition-timing-function:ease;
transition-duration:.15s
}
.tham.tham-w-10.tham-e-slider .tham-inner:after{
top:20px
}
.tham.tham-w-10.tham-e-slider.tham-active .tham-inner{
transform:translate3d(0,10px,0) rotate(45deg)
}
.tham.tham-w-10.tham-e-slider.tham-active .tham-inner:before{
transform:rotate(-45deg) translate3d(-5.714285714285714px,-5px,0);
opacity:0
}
.tham.tham-w-10.tham-e-slider.tham-active .tham-inner:after{
transform:translate3d(0,-20px,0) rotate(-90deg)
}
.tham.tham-w-10.tham-e-arrow.tham-active .tham-inner:before{
transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-10.tham-e-arrow.tham-active .tham-inner:after{
transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-10.tham-e-arrow-alt .tham-inner:before{
transition:top .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-10.tham-e-arrow-alt .tham-inner:after{
transition:bottom .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-10.tham-e-arrow-alt.tham-active .tham-inner:before{
top:0;
transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);
transition:top .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-10.tham-e-arrow-alt.tham-active .tham-inner:after{
bottom:0;
transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);
transition:bottom .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-10.tham-e-arrow-turn.tham-active .tham-inner{
transform:rotate(-180deg)
}
.tham.tham-w-10.tham-e-arrow-turn.tham-active .tham-inner:before{
transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-10.tham-e-arrow-turn.tham-active .tham-inner:after{
transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-10.tham-e-spin .tham-inner{
transition-duration:.22s;
transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-10.tham-e-spin .tham-inner:before{
transition:top .1s ease-in .25s,opacity .1s ease-in
}
.tham.tham-w-10.tham-e-spin .tham-inner:after{
transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-10.tham-e-spin.tham-active .tham-inner{
transform:rotate(225deg);
transition-delay:.12s;
transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.tham.tham-w-10.tham-e-spin.tham-active .tham-inner:before{
top:0;
opacity:0;
transition:top .1s ease-out,opacity .1s ease-out .12s
}
.tham.tham-w-10.tham-e-spin.tham-active .tham-inner:after{
bottom:0;
transform:rotate(-90deg);
transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
}
.tham.tham-w-11.tham-e-slider .tham-inner{
top:2.75px
}
.tham.tham-w-11.tham-e-slider .tham-inner:before{
top:11px;
transition-property:transform,opacity;
transition-timing-function:ease;
transition-duration:.15s
}
.tham.tham-w-11.tham-e-slider .tham-inner:after{
top:22px
}
.tham.tham-w-11.tham-e-slider.tham-active .tham-inner{
transform:translate3d(0,11px,0) rotate(45deg)
}
.tham.tham-w-11.tham-e-slider.tham-active .tham-inner:before{
transform:rotate(-45deg) translate3d(-6.285714285714286px,-5.5px,0);
opacity:0
}
.tham.tham-w-11.tham-e-slider.tham-active .tham-inner:after{
transform:translate3d(0,-22px,0) rotate(-90deg)
}
.tham.tham-w-11.tham-e-arrow.tham-active .tham-inner:before{
transform:translate3d(-8.8px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-11.tham-e-arrow.tham-active .tham-inner:after{
transform:translate3d(-8.8px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-11.tham-e-arrow-alt .tham-inner:before{
transition:top .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-11.tham-e-arrow-alt .tham-inner:after{
transition:bottom .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-11.tham-e-arrow-alt.tham-active .tham-inner:before{
top:0;
transform:translate3d(-8.8px,-11px,0) rotate(-45deg) scaleX(.7);
transition:top .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-11.tham-e-arrow-alt.tham-active .tham-inner:after{
bottom:0;
transform:translate3d(-8.8px,11px,0) rotate(45deg) scaleX(.7);
transition:bottom .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-11.tham-e-arrow-turn.tham-active .tham-inner{
transform:rotate(-180deg)
}
.tham.tham-w-11.tham-e-arrow-turn.tham-active .tham-inner:before{
transform:translate3d(8.8px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-11.tham-e-arrow-turn.tham-active .tham-inner:after{
transform:translate3d(8.8px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-11.tham-e-spin .tham-inner{
transition-duration:.22s;
transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-11.tham-e-spin .tham-inner:before{
transition:top .1s ease-in .25s,opacity .1s ease-in
}
.tham.tham-w-11.tham-e-spin .tham-inner:after{
transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-11.tham-e-spin.tham-active .tham-inner{
transform:rotate(225deg);
transition-delay:.12s;
transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.tham.tham-w-11.tham-e-spin.tham-active .tham-inner:before{
top:0;
opacity:0;
transition:top .1s ease-out,opacity .1s ease-out .12s
}
.tham.tham-w-11.tham-e-spin.tham-active .tham-inner:after{
bottom:0;
transform:rotate(-90deg);
transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
}
.tham.tham-w-12.tham-e-slider .tham-inner{
top:3px
}
.tham.tham-w-12.tham-e-slider .tham-inner:before{
top:12px;
transition-property:transform,opacity;
transition-timing-function:ease;
transition-duration:.15s
}
.tham.tham-w-12.tham-e-slider .tham-inner:after{
top:24px
}
.tham.tham-w-12.tham-e-slider.tham-active .tham-inner{
transform:translate3d(0,12px,0) rotate(45deg)
}
.tham.tham-w-12.tham-e-slider.tham-active .tham-inner:before{
transform:rotate(-45deg) translate3d(-6.857142857142857px,-6px,0);
opacity:0
}
.tham.tham-w-12.tham-e-slider.tham-active .tham-inner:after{
transform:translate3d(0,-24px,0) rotate(-90deg)
}
.tham.tham-w-12.tham-e-arrow.tham-active .tham-inner:before{
transform:translate3d(-9.6px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-12.tham-e-arrow.tham-active .tham-inner:after{
transform:translate3d(-9.6px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-12.tham-e-arrow-alt .tham-inner:before{
transition:top .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-12.tham-e-arrow-alt .tham-inner:after{
transition:bottom .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.tham.tham-w-12.tham-e-arrow-alt.tham-active .tham-inner:before{
top:0;
transform:translate3d(-9.6px,-12px,0) rotate(-45deg) scaleX(.7);
transition:top .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-12.tham-e-arrow-alt.tham-active .tham-inner:after{
bottom:0;
transform:translate3d(-9.6px,12px,0) rotate(45deg) scaleX(.7);
transition:bottom .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}
.tham.tham-w-12.tham-e-arrow-turn.tham-active .tham-inner{
transform:rotate(-180deg)
}
.tham.tham-w-12.tham-e-arrow-turn.tham-active .tham-inner:before{
transform:translate3d(9.6px,0,0) rotate(45deg) scaleX(.7)
}
.tham.tham-w-12.tham-e-arrow-turn.tham-active .tham-inner:after{
transform:translate3d(9.6px,0,0) rotate(-45deg) scaleX(.7)
}
.tham.tham-w-12.tham-e-spin .tham-inner{
transition-duration:.22s;
transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-12.tham-e-spin .tham-inner:before{
transition:top .1s ease-in .25s,opacity .1s ease-in
}
.tham.tham-w-12.tham-e-spin .tham-inner:after{
transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.tham.tham-w-12.tham-e-spin.tham-active .tham-inner{
transform:rotate(225deg);
transition-delay:.12s;
transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.tham.tham-w-12.tham-e-spin.tham-active .tham-inner:before{
top:0;
opacity:0;
transition:top .1s ease-out,opacity .1s ease-out .12s
}
.tham.tham-w-12.tham-e-spin.tham-active .tham-inner:after{
bottom:0;
transform:rotate(-90deg);
transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
}
.tham-w-4 .tham-box{
width:16px;
height:10px
}
.tham-w-4 .tham-inner{
margin-top:-1px;
width:16px;
height:2px
}
.tham-w-4 .tham-inner:before{
width:16px;
height:2px;
top:-4px
}
.tham-w-4 .tham-inner:after{
width:16px;
height:2px;
bottom:-4px
}
.tham-w-5 .tham-box{
width:20px;
height:12.5px
}
.tham-w-5 .tham-inner{
margin-top:-1.25px;
width:20px;
height:2.5px
}
.tham-w-5 .tham-inner:before{
width:20px;
height:2.5px;
top:-5px
}
.tham-w-5 .tham-inner:after{
width:20px;
height:2.5px;
bottom:-5px
}
.tham-w-6,
.tham-w-6 .tham-box{
width:24px;
height:15px
}
.tham-w-6 .tham-inner{
margin-top:-1.5px
}
.tham-w-7 .tham-box{
width:28px;
height:17.5px
}
.tham-w-7 .tham-inner{
margin-top:-1.75px;
width:28px;
height:3.5px
}
.tham-w-7 .tham-inner:before{
width:28px;
height:3.5px;
top:-7px
}
.tham-w-7 .tham-inner:after{
width:28px;
height:3.5px;
bottom:-7px
}
.tham-w-8 .tham-box{
width:32px;
height:20px
}
.tham-w-8 .tham-inner{
margin-top:-2px;
width:32px;
height:4px
}
.tham-w-8 .tham-inner:before{
width:32px;
height:4px;
top:-8px
}
.tham-w-8 .tham-inner:after{
width:32px;
height:4px;
bottom:-8px
}
.tham-w-9 .tham-box{
width:36px;
height:22.5px
}
.tham-w-9 .tham-inner{
margin-top:-2.25px;
width:36px;
height:4.5px
}
.tham-w-9 .tham-inner:before{
width:36px;
height:4.5px;
top:-9px
}
.tham-w-9 .tham-inner:after{
width:36px;
height:4.5px;
bottom:-9px
}
.tham-w-10 .tham-box{
width:40px;
height:25px
}
.tham-w-10 .tham-inner{
margin-top:-2.5px;
width:40px;
height:5px
}
.tham-w-10 .tham-inner:before{
width:40px;
height:5px;
top:-10px
}
.tham-w-10 .tham-inner:after{
width:40px;
height:5px;
bottom:-10px
}
.tham-w-11 .tham-box{
width:44px;
height:27.5px
}
.tham-w-11 .tham-inner{
margin-top:-2.75px;
width:44px;
height:5.5px
}
.tham-w-11 .tham-inner:before{
width:44px;
height:5.5px;
top:-11px
}
.tham-w-11 .tham-inner:after{
width:44px;
height:5.5px;
bottom:-11px
}
.tham-w-12 .tham-box{
width:48px;
height:30px
}
.tham-w-12 .tham-inner{
margin-top:-3px;
width:48px;
height:6px
}
.tham-w-12 .tham-inner:before{
width:48px;
height:6px;
top:-12px
}
.tham-w-12 .tham-inner:after{
width:48px;
height:6px;
bottom:-12px
}
.list-with-circle-check li:before{
content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMTIyMzQ1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNNS4yNSA5Ljc1IDcuNSAxMmw1LjI1LTYiLz48L3N2Zz4=);
display:flex;
align-items:center;
justify-content:center;
height:1.125rem;
width:1.125rem;
margin-top:6.3px
}
.\!btn{
cursor:pointer!important;
height:2.25rem!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-size:.875rem!important;
font-weight:500!important;
padding:.375rem .75rem!important;
border-radius:.375rem!important;
gap:.5rem!important;
position:relative!important;
transition:.2s!important
}
.btn{
cursor:pointer;
height:2.25rem;
display:flex;
align-items:center;
justify-content:center;
font-size:.875rem;
font-weight:500;
padding:.375rem .75rem;
border-radius:.375rem;
gap:.5rem;
position:relative;
transition:.2s
}
.btn-hover-right{
padding-right:2.75rem!important
}
.btn-hover-right svg{
position:absolute;
transition:.2s ease-in-out;
right:1.25rem;
top:50%;
transform:translateY(-50%)
}
.btn-hover-right:hover svg{
right:15px
}
.btn-long-hover-right{
padding-right:2.5rem!important
}
.btn-long-hover-right svg{
position:absolute;
transition:.2s ease-in-out;
right:1rem;
top:50%;
transform:translateY(-50%)
}
.btn-long-hover-right:hover svg{
right:.75rem
}
.\!btn-border{
box-shadow:0 5px 4.5px -1px rgba(18,35,69,.04),0 1px 2px 0 rgba(18,35,69,.05),0 0 0 1px rgba(18,35,69,.08)!important;
background-color:#fff!important;
color:#122345!important;
transition:.2s!important
}
.btn-border{
box-shadow:0 5px 4.5px -1px rgba(18,35,69,.04),0 1px 2px 0 rgba(18,35,69,.05),0 0 0 1px rgba(18,35,69,.08);
background-color:#fff;
color:#122345;
transition:.2s
}
.\!btn-border:hover{
background-color:#f8f9fc!important
}
.btn-border:hover{
background-color:#f8f9fc
}
.btn-primary{
box-shadow:0 1px 2px 0 rgba(18,35,69,.08),0 0 0 1px rgba(22,83,202,.8),0 2px 4.3px -1px rgba(22,83,202,.4);
background-color:#2f76ff;
color:#fff;
transition:.2s
}
.btn-primary:hover{
background-color:rgba(47,118,255,.9)
}
.btn-red{
box-shadow:0 1px 2px 0 rgba(18,35,69,.08),0 0 0 1px rgba(22,83,202,.8),0 2px 4.3px -1px rgba(22,83,202,.4)
}
.btn-dark{
box-shadow:0 1px 2px 0 rgba(18,35,69,.08),0 0 0 1px rgba(10,22,44,.8),0 2px 4.3px -1px rgba(12,25,50,.4);
background-color:#122345;
color:#fff
}
.btn-dark:hover{
background-color:rgba(18,35,69,.9)
}
.btn-violet{
box-shadow:0 1px 2px 0 rgba(18,35,69,.08),0 0 0 1px rgba(107,29,210,.8),0 2px 4.3px -1px rgba(106,26,211,.4);
background-color:#9452ff;
color:#fff
}
.btn-violet:hover{
background-color:rgba(148,82,255,.9)
}
.btn-violet-500{
background-color:#6259eb;
color:#fff;
box-shadow:0 2px 4.3px -1px rgba(58,22,202,.4),0 0 0 1px rgba(58,22,202,.75),0 1px 2px rgba(31,18,69,.08)
}
.btn-violet-500:hover{
background-color:rgba(98,89,235,.9)
}
.btn-vivid-blue{
box-shadow:0 2px 4.3px -1px rgba(22,159,202,.4),0 0 0 1px rgba(9,154,199,.85),0 1px 2px rgba(18,60,69,.08);
background-color:#09b4dc;
color:#fff
}
.btn-vivid-blue:hover{
background-color:rgba(9,180,220,.9)
}
.btn-yellow{
box-shadow:0 1px 2px 0 rgba(18,35,69,.08),0 0 0 1px #fdbb05,0 2px 4.3px -1px rgba(178,131,0,.4);
background-color:#ffbc03;
color:#000
}
.btn-yellow:hover{
background-color:rgba(255,188,3,.9)
}
.btn-orange{
box-shadow:0 2px 4.3px -1px rgba(217,94,26,.4),0 0 0 1px #e15b22,0 1px 2px rgba(31,18,69,.08);
background-color:#fe6e2b;
color:#fff
}
.btn-orange:hover{
background-color:rgba(254,110,43,.9)
}
.btn-m{
height:2.937rem
}
.btn-s{
height:2.5rem
}
.replies-avatars{
display:flex;
padding-right:.5625rem
}
.replies-avatars>li{
border-width:2px;
border-color:#f8f9fc;
position:relative;
margin-right:-.5625rem;
display:block;
width:2.25rem;
height:2.25rem;
border-radius:9999px;
overflow:hidden;
background-color:#ffbc03
}
.replies-avatars>li:first-child{
z-index:5
}
.replies-avatars>li:nth-child(2){
z-index:4
}
.replies-avatars>li:nth-child(3){
z-index:3
}
.replies-avatars>li:nth-child(4){
z-index:2
}
.replies-avatars>li:nth-child(5){
z-index:1
}
.replies-avatars>img{
-o-object-fit:cover;
object-fit:cover;
height:100%;
width:100%
}
.tag{
font-size:1rem;
color:#122345;
border-radius:99999px;
padding:0 .87rem;
height:2.25rem;
border:2px solid #122345
}
.tag,
.tag-sm{
display:flex;
width:-moz-max-content;
width:max-content;
justify-content:center;
align-items:center;
gap:.6rem;
letter-spacing:-.16px;
font-weight:500;
font-family:GeneralSans-medium
}
.tag-sm{
font-size:.75rem;
color:#9452ff;
background-color:rgba(148,82,255,.15);
border-radius:99999px;
padding:0 .5rem;
height:1.4375rem
}
.tag-filled{
font-family:GeneralSans-semibold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
background-color:#d1fae5;
padding:2px .625rem;
border-radius:6px;
color:#047857;
font-size:.8125rem;
line-height:1.5rem;
font-weight:600;
display:flex;
justify-content:center;
align-items:center;
white-space:nowrap
}
.btn-toggle label{
display:block;
width:36px;
height:20px;
border-radius:9999px;
box-shadow:0 2.25px 4.5px rgba(3,7,18,.04),inset 0 1.125px 1.125px rgba(3,7,18,.04),inset 0 2.25px 4.5px rgba(3,7,18,.04),inset 0 0 0 .5625px rgba(3,7,18,.06),inset 0 0 9px rgba(3,7,18,.02);
background-color:#e5e7eb;
position:relative;
transition:.3s;
cursor:pointer
}
.btn-toggle label:after{
content:"";
width:16px;
height:16px;
box-shadow:0 0 1px 0 rgba(3,7,18,.08),0 1px 2px 0 rgba(3,7,18,.12),0 3px 3px 0 rgba(3,7,18,.04),0 5px 4px 0 rgba(3,7,18,.02),0 0 0 .5px rgba(3,7,18,.02),inset 0 1px 0 0 #fff,inset 0 0 2px 1px #fff;
background-color:#fff;
position:absolute;
top:50%;
transform:translateY(-50%);
right:17.2px;
z-index:1;
border-radius:9999px;
transition:.3s
}
.btn-toggle input{
display:none
}
.btn-toggle input:checked~label:after{
right:2.2px
}
.btn-toggle input:checked~label{
box-shadow:0 2px 4px 0 rgba(3,7,18,.04),inset 0 0 8px 0 rgba(3,7,18,.02),inset 0 0 0 .5px rgba(3,7,18,.06),inset 0 2px 4px 0 rgba(3,7,18,.04),inset 0 1px 1px 0 rgba(3,7,18,.04);
background-color:#2f76ff
}
.font_general{
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}
.main-gradient{
background-image:linear-gradient(180deg,#4a7aec,#4a71f1 36%,rgba(78,119,206,0) 93%)
}
.main-gradient-violet{
background-image:linear-gradient(180deg,#6b5eec,#6b5eec 36%,rgba(78,119,206,0) 93%)
}
.main-gradient-vivid-blue{
background-image:linear-gradient(180deg,#09b4dc,#09b4dc 36%,rgba(78,119,206,0) 93%)
}
.main-gradient-orange{
background-image:linear-gradient(180deg,#fe6e2b,#fe6e2b 36%,rgba(78,119,206,0) 93%)
}
.card-gradient{
background-image:linear-gradient(180deg,rgba(243,240,255,.5) -7.92%,rgba(239,235,255,0) 53.46%)
}
.card-gradient-orange{
background-image:linear-gradient(180deg,rgba(255,247,240,.5) -7.92%,rgba(239,235,255,0) 53.46%)
}
.card-gradient-vivid-blue{
background-image:linear-gradient(180deg,rgba(240,252,255,.5) -7.92%,rgba(240,252,255,0) 53.46%)
}
.card-gradient-blue{
background-image:linear-gradient(180deg,rgba(219,232,255,.6) -7.92%,rgba(219,232,255,0) 53.46%)
}
.gradient-white{
background-image:linear-gradient(180deg,hsla(0,0%,100%,0) 24%,#fff)
}
.gradient-dark{
background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#131320)
}
.banner-gradient-top{
background-image:linear-gradient(180deg,#fff,hsla(0,0%,100%,0) 100.65%);
opacity:.6
}
.banner-gradient-bottom{
background-image:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));
opacity:.6
}
.banner-gradient-bottom-dark,
.banner-gradient-top-dark{
background-image:linear-gradient(180deg,#131320,hsla(0,0%,100%,0));
opacity:.6
}
.card-gradient-yellow{
background-image:linear-gradient(180deg,rgba(255,188,3,.07) -7.92%,rgba(255,188,3,0) 53.46%)
}
.card-gradient-violet{
background-image:linear-gradient(180deg,rgba(218,209,255,.6) -32.12%,rgba(243,240,255,0) 34.58%)
}
.card-gradient-gray{
background-image:linear-gradient(180deg,rgba(18,35,69,.06) -7.92%,rgba(18,35,69,0) 38.29%)
}
.card-title{
font-size:1.375rem;
line-height:1.65rem;
font-family:GeneralSans-semibold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
color:#130c3e
}
@media not all and (min-width:480px){
.card-title{
font-size:1rem!important;
line-height:1.3rem!important
}
}
.h2{
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
font-size:3rem;
text-align:center;
font-weight:600;
font-stretch:normal;
font-style:normal;
line-height:3.75rem;
letter-spacing:-1.44px;
color:#130c3e
}
@media not all and (min-width:640px){
.h2{
font-size:2.25rem;
line-height:2.8125rem
}
}
.h3{
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
font-size:2rem;
font-weight:600;
line-height:2.4rem;
letter-spacing:-.22px;
color:#130c3e
}
@media not all and (min-width:640px){
.h3{
font-size:1.4rem;
line-height:1.7rem
}
}
.h4{
font-size:1.375rem;
letter-spacing:-.22px;
line-height:1.65rem;
font-weight:600;
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
color:#130c3e
}
@media not all and (min-width:640px){
.h4{
font-size:1rem;
line-height:1.3rem
}
}
.\!hide,
.hide{
display:none!important
}
.sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border-width:0
}
.pointer-events-none{
pointer-events:none
}
.visible{
visibility:visible
}
.invisible{
visibility:hidden
}
.collapse{
visibility:collapse
}
.static{
position:static
}
.fixed{
position:fixed
}
.absolute{
position:absolute
}
.\!relative{
position:relative!important
}
.relative{
position:relative
}
.sticky{
position:sticky
}
.\!right-0{
right:0!important
}
.\!top-0{
top:0!important
}
.-bottom-8{
bottom:-2rem
}
.-left-11{
left:-2.75rem
}
.-left-12{
left:-3rem
}
.-left-13{
left:-3.25rem
}
.-left-14{
left:-3.5rem
}
.-left-15{
left:-3.75rem
}
.-left-6{
left:-1.5rem
}
.-left-9{
left:-2.25rem
}
.-left-\[12\%\]{
left:-12%
}
.-left-\[3\.1rem\]{
left:-3.1rem
}
.-left-\[9999px\]{
left:-9999px
}
.-right-0{
right:0
}
.-right-\[12\%\]{
right:-12%
}
.-right-\[6px\]{
right:-6px
}
.-top-40{
top:-10rem
}
.bottom-0{
bottom:0
}
.bottom-10{
bottom:2.5rem
}
.bottom-16{
bottom:4rem
}
.bottom-17{
bottom:4.5rem
}
.bottom-3{
bottom:.75rem
}
.bottom-4{
bottom:1rem
}
.bottom-5{
bottom:1.25rem
}
.bottom-\[16\.5\%\]{
bottom:16.5%
}
.bottom-\[19px\]{
bottom:19px
}
.bottom-\[30px\]{
bottom:30px
}
.bottom-\[5\.125rem\]{
bottom:5.125rem
}
.left-0{
left:0
}
.left-1\/2{
left:50%
}
.left-2{
left:.5rem
}
.left-4{
left:1rem
}
.left-7{
left:1.75rem
}
.left-8{
left:2rem
}
.left-\[-118px\]{
left:-118px
}
.left-\[1\.4rem\]{
left:1.4rem
}
.left-\[14px\]{
left:14px
}
.left-\[180px\]{
left:180px
}
.left-\[30px\]{
left:30px
}
.left-\[32\.5rem\]{
left:32.5rem
}
.left-\[38px\]{
left:38px
}
.left-\[46\%\]{
left:46%
}
.left-\[47\.5\%\]{
left:47.5%
}
.left-\[49\%\]{
left:49%
}
.left-\[51\%\]{
left:51%
}
.left-\[52\%\]{
left:52%
}
.left-\[53\%\]{
left:53%
}
.left-\[650px\]{
left:650px
}
.left-\[70px\]{
left:70px
}
.left-\[78px\]{
left:78px
}
.left-\[91px\]{
left:91px
}
.left-\[calc\(100\%_\+_0\.5rem\)\]{
left:calc(100% + .5rem)
}
.right-0{
right:0
}
.right-10{
right:2.5rem
}
.right-15\.5{
right:3.875rem
}
.right-5{
right:1.25rem
}
.right-8{
right:2rem
}
.right-\[6px\]{
right:6px
}
.right-\[8\%\]{
right:8%
}
.start-1{
inset-inline-start:.25rem
}
.top-0{
top:0
}
.top-1\.5{
top:.375rem
}
.top-1\/2{
top:50%
}
.top-10{
top:2.5rem
}
.top-11{
top:2.75rem
}
.top-17{
top:4.5rem
}
.top-2{
top:.5rem
}
.top-2\.5{
top:.625rem
}
.top-4{
top:1rem
}
.top-5{
top:1.25rem
}
.top-52{
top:13rem
}
.top-6{
top:1.5rem
}
.top-\[0\.825rem\]{
top:.825rem
}
.top-\[11px\]{
top:11px
}
.top-\[15px\]{
top:15px
}
.top-\[20\%\]{
top:20%
}
.top-\[220px\]{
top:220px
}
.top-\[22px\]{
top:22px
}
.top-\[230px\]{
top:230px
}
.top-\[4\.75rem\]{
top:4.75rem
}
.top-\[41\.5\%\]{
top:41.5%
}
.top-\[51\%\]{
top:51%
}
.top-\[59\%\]{
top:59%
}
.top-\[8px\]{
top:8px
}
.top-\[90px\]{
top:90px
}
.top-\[calc\(100\%_\+_6px\)\]{
top:calc(100% + 6px)
}
.isolate{
isolation:isolate
}
.-z-1{
z-index:-1
}
.-z-10{
z-index:-10
}
.z-1{
z-index:1
}
.z-10{
z-index:10
}
.z-20{
z-index:20
}
.z-30{
z-index:30
}
.z-50{
z-index:50
}
.z-\[1\]{
z-index:1
}
.z-\[2\]{
z-index:2
}
.m-0{
margin:0
}
.m-1{
margin:.25rem
}
.m-\[10px\]{
margin:10px
}
.-mx-4{
margin-left:-1rem;
margin-right:-1rem
}
.-mx-6{
margin-left:-1.5rem;
margin-right:-1.5rem
}
.mx-2{
margin-left:.5rem;
margin-right:.5rem
}
.mx-auto{
margin-left:auto;
margin-right:auto
}
.my-10{
margin-top:2.5rem;
margin-bottom:2.5rem
}
.my-4{
margin-top:1rem;
margin-bottom:1rem
}
.my-6{
margin-top:1.5rem;
margin-bottom:1.5rem
}
.my-auto{
margin-top:auto;
margin-bottom:auto
}
.\!mt-12{
margin-top:3rem!important
}
.-mb-px{
margin-bottom:-1px
}
.-ml-0\.5{
margin-left:-.125rem
}
.-ml-1\.5{
margin-left:-.375rem
}
.-ml-8{
margin-left:-2rem
}
.-mt-20{
margin-top:-5rem
}
.-mt-22{
margin-top:-5.625rem
}
.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-16\.5{
margin-bottom:4.25rem
}
.mb-2{
margin-bottom:.5rem
}
.mb-2\.5{
margin-bottom:.625rem
}
.mb-20{
margin-bottom:5rem
}
.mb-3{
margin-bottom:.75rem
}
.mb-3\.5{
margin-bottom:.875rem
}
.mb-4{
margin-bottom:1rem
}
.mb-4\.5{
margin-bottom:1.125rem
}
.mb-5{
margin-bottom:1.25rem
}
.mb-6{
margin-bottom:1.5rem
}
.mb-6\.5{
margin-bottom:1.625rem
}
.mb-7\.5{
margin-bottom:1.875rem
}
.mb-8{
margin-bottom:2rem
}
.mb-9{
margin-bottom:2.25rem
}
.mb-\[1\.375rem\]{
margin-bottom:1.375rem
}
.mb-\[100px\]{
margin-bottom:100px
}
.mb-\[13px\]{
margin-bottom:13px
}
.mb-\[17px\]{
margin-bottom:17px
}
.mb-\[18px\]{
margin-bottom:18px
}
.mb-\[21px\]{
margin-bottom:21px
}
.mb-\[22px\]{
margin-bottom:22px
}
.mb-\[34px\]{
margin-bottom:34px
}
.mb-\[38px\]{
margin-bottom:38px
}
.mb-\[3px\]{
margin-bottom:3px
}
.mb-\[3rem\]{
margin-bottom:3rem
}
.mb-\[60px\]{
margin-bottom:60px
}
.mb-\[78px\]{
margin-bottom:78px
}
.mb-auto{
margin-bottom:auto
}
.ml-0\.5{
margin-left:.125rem
}
.ml-1{
margin-left:.25rem
}
.ml-1\.5{
margin-left:.375rem
}
.ml-10{
margin-left:2.5rem
}
.ml-12{
margin-left:3rem
}
.ml-28{
margin-left:7rem
}
.ml-34{
margin-left:8.5rem
}
.ml-4{
margin-left:1rem
}
.ml-5{
margin-left:1.25rem
}
.ml-auto{
margin-left:auto
}
.mr-0\.5{
margin-right:.125rem
}
.mr-16{
margin-right:4rem
}
.mr-2\.5{
margin-right:.625rem
}
.mr-4{
margin-right:1rem
}
.mr-5{
margin-right:1.25rem
}
.mr-8{
margin-right:2rem
}
.mr-\[3\%\]{
margin-right:3%
}
.mr-\[45px\]{
margin-right:45px
}
.mr-auto{
margin-right:auto
}
.mt-0{
margin-top:0
}
.mt-0\.5{
margin-top:.125rem
}
.mt-1{
margin-top:.25rem
}
.mt-1\.5{
margin-top:.375rem
}
.mt-10{
margin-top:2.5rem
}
.mt-11{
margin-top:2.75rem
}
.mt-12{
margin-top:3rem
}
.mt-13{
margin-top:3.25rem
}
.mt-14{
margin-top:3.5rem
}
.mt-15{
margin-top:3.75rem
}
.mt-16{
margin-top:4rem
}
.mt-16\.5{
margin-top:4.25rem
}
.mt-17{
margin-top:4.5rem
}
.mt-2{
margin-top:.5rem
}
.mt-2\.5{
margin-top:.625rem
}
.mt-20{
margin-top:5rem
}
.mt-3{
margin-top:.75rem
}
.mt-3\.5{
margin-top:.875rem
}
.mt-4{
margin-top:1rem
}
.mt-4\.5{
margin-top:1.125rem
}
.mt-5{
margin-top:1.25rem
}
.mt-6{
margin-top:1.5rem
}
.mt-6\.5{
margin-top:1.625rem
}
.mt-7{
margin-top:1.75rem
}
.mt-7\.5{
margin-top:1.875rem
}
.mt-8{
margin-top:2rem
}
.mt-9{
margin-top:2.25rem
}
.mt-9\.5{
margin-top:2.375rem
}
.mt-\[1\.4375rem\]{
margin-top:1.4375rem
}
.mt-\[15px\]{
margin-top:15px
}
.mt-\[18px\]{
margin-top:18px
}
.mt-\[21px\]{
margin-top:21px
}
.mt-\[22px\]{
margin-top:22px
}
.mt-\[26px\]{
margin-top:26px
}
.mt-\[30px\]{
margin-top:30px
}
.mt-\[4\.375rem\]{
margin-top:4.375rem
}
.mt-\[5px\]{
margin-top:5px
}
.mt-auto{
margin-top:auto
}
.line-clamp-\[22px\]{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:22px
}
.block{
display:block
}
.inline-block{
display:inline-block
}
.\!inline{
display:inline!important
}
.inline{
display:inline
}
.flex{
display:flex
}
.inline-flex{
display:inline-flex
}
.table{
display:table
}
.table-row{
display:table-row
}
.grid{
display:grid
}
.contents{
display:contents
}
.hidden{
display:none
}
.aspect-\[16\/8\]{
aspect-ratio:16/8
}
.size-1{
width:.25rem;
height:.25rem
}
.size-13{
width:3.25rem;
height:3.25rem
}
.size-3\.5{
width:.875rem;
height:.875rem
}
.size-6{
width:1.5rem;
height:1.5rem
}
.size-7{
width:1.75rem;
height:1.75rem
}
.size-7\.5{
width:1.875rem;
height:1.875rem
}
.size-8{
width:2rem;
height:2rem
}
.size-9{
width:2.25rem;
height:2.25rem
}
.size-\[1\.437rem\]{
width:1.437rem;
height:1.437rem
}
.size-\[10\.3125rem\]{
width:10.3125rem;
height:10.3125rem
}
.size-\[15\.4375rem\]{
width:15.4375rem;
height:15.4375rem
}
.size-full{
width:100%;
height:100%
}
.h-1{
height:.25rem
}
.h-10{
height:2.5rem
}
.h-12{
height:3rem
}
.h-15{
height:3.75rem
}
.h-2{
height:.5rem
}
.h-3{
height:.75rem
}
.h-5{
height:1.25rem
}
.h-7{
height:1.75rem
}
.h-7\.5{
height:1.875rem
}
.h-8{
height:2rem
}
.h-9{
height:2.25rem
}
.h-9\.5{
height:2.375rem
}
.h-\[1\.6875rem\]{
height:1.6875rem
}
.h-\[100\%\]{
height:100%
}
.h-\[108px\]{
height:108px
}
.h-\[110\%\]{
height:110%
}
.h-\[12\.8125rem\]{
height:12.8125rem
}
.h-\[120\%\]{
height:120%
}
.h-\[130\%\]{
height:130%
}
.h-\[150px\]{
height:150px
}
.h-\[15px\]{
height:15px
}
.h-\[16\.25rem\]{
height:16.25rem
}
.h-\[2\.125rem\]{
height:2.125rem
}
.h-\[2\.625rem\]{
height:2.625rem
}
.h-\[2\.8rem\]{
height:2.8rem
}
.h-\[21\.875rem\]{
height:21.875rem
}
.h-\[224px\]{
height:224px
}
.h-\[25\%\]{
height:25%
}
.h-\[28rem\]{
height:28rem
}
.h-\[29rem\]{
height:29rem
}
.h-\[2px\]{
height:2px
}
.h-\[3\.375rem\]{
height:3.375rem
}
.h-\[3\.875rem\]{
height:3.875rem
}
.h-\[32\.8125rem\]{
height:32.8125rem
}
.h-\[33rem\]{
height:33rem
}
.h-\[34\.375rem\]{
height:34.375rem
}
.h-\[34\.5rem\]{
height:34.5rem
}
.h-\[35rem\]{
height:35rem
}
.h-\[36\.1rem\]{
height:36.1rem
}
.h-\[38px\]{
height:38px
}
.h-\[404px\]{
height:404px
}
.h-\[40px\]{
height:40px
}
.h-\[42px\]{
height:42px
}
.h-\[455px\]{
height:455px
}
.h-\[45px\]{
height:45px
}
.h-\[46px\]{
height:46px
}
.h-\[512px\]{
height:512px
}
.h-\[580px\]{
height:580px
}
.h-\[5px\]{
height:5px
}
.h-\[6\.375rem\]{
height:6.375rem
}
.h-\[67\%\]{
height:67%
}
.h-\[68\%\]{
height:68%
}
.h-\[76px\]{
height:76px
}
.h-\[8\.5px\]{
height:8.5px
}
.h-\[82px\]{
height:82px
}
.h-\[88px\]{
height:88px
}
.h-\[92px\]{
height:92px
}
.h-\[94px\]{
height:94px
}
.h-\[9px\]{
height:9px
}
.h-auto{
height:auto
}
.h-full{
height:100%
}
.h-px{
height:1px
}
.max-h-0{
max-height:0
}
.max-h-7{
max-height:1.75rem
}
.max-h-\[170px\]{
max-height:170px
}
.max-h-\[197px\]{
max-height:197px
}
.max-h-\[22\.4375rem\]{
max-height:22.4375rem
}
.max-h-\[24\.4375rem\]{
max-height:24.4375rem
}
.max-h-\[390px\]{
max-height:390px
}
.max-h-\[401px\]{
max-height:401px
}
.max-h-\[409px\]{
max-height:409px
}
.max-h-\[410px\]{
max-height:410px
}
.max-h-\[428px\]{
max-height:428px
}
.max-h-\[42px\]{
max-height:42px
}
.max-h-\[444px\]{
max-height:444px
}
.max-h-\[494px\]{
max-height:494px
}
.max-h-\[90vh\]{
max-height:90vh
}
.max-h-\[calc\(100\%_-_3\.125rem\)\]{
max-height:calc(100% - 3.125rem)
}
.max-h-full{
max-height:100%
}
.min-h-10{
min-height:2.5rem
}
.min-h-12{
min-height:3rem
}
.min-h-20{
min-height:5rem
}
.min-h-5{
min-height:1.25rem
}
.min-h-\[100px\]{
min-height:100px
}
.min-h-\[11\.25rem\]{
min-height:11.25rem
}
.min-h-\[12\.9375rem\]{
min-height:12.9375rem
}
.min-h-\[15\.625rem\]{
min-height:15.625rem
}
.min-h-\[18\.75rem\]{
min-height:18.75rem
}
.min-h-\[215px\]{
min-height:215px
}
.min-h-\[230px\]{
min-height:230px
}
.min-h-\[250px\]{
min-height:250px
}
.min-h-\[26\.93rem\]{
min-height:26.93rem
}
.min-h-\[310px\]{
min-height:310px
}
.min-h-\[345px\]{
min-height:345px
}
.min-h-\[360px\]{
min-height:360px
}
.min-h-\[390px\]{
min-height:390px
}
.min-h-\[460px\]{
min-height:460px
}
.min-h-\[512px\]{
min-height:512px
}
.min-h-\[7\.5rem\]{
min-height:7.5rem
}
.min-h-screen{
min-height:100vh
}
.\!w-1\/2{
width:50%!important
}
.\!w-2\/3{
width:66.666667%!important
}
.\!w-\[calc\(100\%_\+_4rem\)\]{
width:calc(100% + 4rem)!important
}
.\!w-full{
width:100%!important
}
.w-1\/2{
width:50%
}
.w-1\/4{
width:25%
}
.w-10{
width:2.5rem
}
.w-12{
width:3rem
}
.w-15{
width:3.75rem
}
.w-2{
width:.5rem
}
.w-2\.5{
width:.625rem
}
.w-32{
width:8rem
}
.w-4{
width:1rem
}
.w-6{
width:1.5rem
}
.w-\[100\%\]{
width:100%
}
.w-\[110\%\]{
width:110%
}
.w-\[1100px\]{
width:1100px
}
.w-\[1150px\]{
width:1150px
}
.w-\[12\.5rem\]{
width:12.5rem
}
.w-\[120\%\]{
width:120%
}
.w-\[133px\]{
width:133px
}
.w-\[15\.3125rem\]{
width:15.3125rem
}
.w-\[154px\]{
width:154px
}
.w-\[158px\]{
width:158px
}
.w-\[15px\]{
width:15px
}
.w-\[17\.92\%\]{
width:17.92%
}
.w-\[18\.1875rem\]{
width:18.1875rem
}
.w-\[18\.625rem\]{
width:18.625rem
}
.w-\[18\.75rem\]{
width:18.75rem
}
.w-\[19\.25rem\]{
width:19.25rem
}
.w-\[19\.2rem\]{
width:19.2rem
}
.w-\[19\.37rem\]{
width:19.37rem
}
.w-\[19\.6rem\]{
width:19.6rem
}
.w-\[20\.625rem\]{
width:20.625rem
}
.w-\[22\.5rem\]{
width:22.5rem
}
.w-\[22\.9rem\]{
width:22.9rem
}
.w-\[24rem\]{
width:24rem
}
.w-\[28\.3\%\]{
width:28.3%
}
.w-\[28rem\]{
width:28rem
}
.w-\[29\.6875rem\]{
width:29.6875rem
}
.w-\[31\.9375rem\]{
width:31.9375rem
}
.w-\[32rem\]{
width:32rem
}
.w-\[34rem\]{
width:34rem
}
.w-\[36\.81rem\]{
width:36.81rem
}
.w-\[38px\]{
width:38px
}
.w-\[42px\]{
width:42px
}
.w-\[44rem\]{
width:44rem
}
.w-\[453px\]{
width:453px
}
.w-\[45rem\]{
width:45rem
}
.w-\[460px\]{
width:460px
}
.w-\[46px\]{
width:46px
}
.w-\[46rem\]{
width:46rem
}
.w-\[47\.875rem\]{
width:47.875rem
}
.w-\[48\.33\%\]{
width:48.33%
}
.w-\[48rem\]{
width:48rem
}
.w-\[49\.75rem\]{
width:49.75rem
}
.w-\[49\.8vw\]{
width:49.8vw
}
.w-\[51\.67\%\]{
width:51.67%
}
.w-\[58\%\]{
width:58%
}
.w-\[584px\]{
width:584px
}
.w-\[585px\]{
width:585px
}
.w-\[62\%\]{
width:62%
}
.w-\[62px\]{
width:62px
}
.w-\[660px\]{
width:660px
}
.w-\[667px\]{
width:667px
}
.w-\[679px\]{
width:679px
}
.w-\[681px\]{
width:681px
}
.w-\[690px\]{
width:690px
}
.w-\[7\.81rem\]{
width:7.81rem
}
.w-\[70\%\]{
width:70%
}
.w-\[71\%\]{
width:71%
}
.w-\[71\.7\%\]{
width:71.7%
}
.w-\[720px\]{
width:720px
}
.w-\[78px\]{
width:78px
}
.w-\[79\%\]{
width:79%
}
.w-\[8\.25rem\]{
width:8.25rem
}
.w-\[8\.4375rem\]{
width:8.4375rem
}
.w-\[8\.6875rem\]{
width:8.6875rem
}
.w-\[813px\]{
width:813px
}
.w-\[82px\]{
width:82px
}
.w-\[83\%\]{
width:83%
}
.w-\[84\%\]{
width:84%
}
.w-\[87\%\]{
width:87%
}
.w-\[88\%\]{
width:88%
}
.w-\[88px\]{
width:88px
}
.w-\[90\%\]{
width:90%
}
.w-\[91\%\]{
width:91%
}
.w-\[92\%\]{
width:92%
}
.w-\[92px\]{
width:92px
}
.w-\[97\%\]{
width:97%
}
.w-\[calc\(100\%\+48px\)\]{
width:calc(100% + 48px)
}
.w-\[calc\(33\.33\%_-_1rem\)\]{
width:calc(33.33% - 1rem)
}
.w-\[min\(1180px\2c calc\(100\%-48px\)\)\]{
width:min(1180px,calc(100% - 48px))
}
.w-\[min\(1320px\2c calc\(100\%-48px\)\)\]{
width:min(1320px,calc(100% - 48px))
}
.w-\[min\(400px\2c calc\(100\%_-_50px\)\)\]{
width:min(400px,calc(100% - 50px))
}
.w-\[min\(760px\2c calc\(100\%_-_40px\)\)\]{
width:min(760px,calc(100% - 40px))
}
.w-auto{
width:auto
}
.w-full{
width:100%
}
.w-max{
width:-moz-max-content;
width:max-content
}
.\!min-w-\[auto\]{
min-width:auto!important
}
.min-w-0{
min-width:0
}
.min-w-\[10rem\]{
min-width:10rem
}
.min-w-\[1200px\]{
min-width:1200px
}
.min-w-\[120px\]{
min-width:120px
}
.min-w-\[28\.25rem\]{
min-width:28.25rem
}
.max-w-\[1080px\]{
max-width:1080px
}
.max-w-\[13\.75rem\]{
max-width:13.75rem
}
.max-w-\[152px\]{
max-width:152px
}
.max-w-\[18\.375rem\]{
max-width:18.375rem
}
.max-w-\[18\.4375rem\]{
max-width:18.4375rem
}
.max-w-\[18\.87rem\]{
max-width:18.87rem
}
.max-w-\[19\.375rem\]{
max-width:19.375rem
}
.max-w-\[19\.6rem\]{
max-width:19.6rem
}
.max-w-\[20\.0625rem\]{
max-width:20.0625rem
}
.max-w-\[20\.1875rem\]{
max-width:20.1875rem
}
.max-w-\[20\.4rem\]{
max-width:20.4rem
}
.max-w-\[20\.625rem\]{
max-width:20.625rem
}
.max-w-\[20\.6rem\]{
max-width:20.6rem
}
.max-w-\[20\.75rem\]{
max-width:20.75rem
}
.max-w-\[20\.7rem\]{
max-width:20.7rem
}
.max-w-\[20\.875rem\]{
max-width:20.875rem
}
.max-w-\[20rem\]{
max-width:20rem
}
.max-w-\[21\.1rem\]{
max-width:21.1rem
}
.max-w-\[21\.25rem\]{
max-width:21.25rem
}
.max-w-\[21\.7rem\]{
max-width:21.7rem
}
.max-w-\[21\.875rem\]{
max-width:21.875rem
}
.max-w-\[21\.87rem\]{
max-width:21.87rem
}
.max-w-\[21rem\]{
max-width:21rem
}
.max-w-\[22\.125rem\]{
max-width:22.125rem
}
.max-w-\[22\.4rem\]{
max-width:22.4rem
}
.max-w-\[22\.6rem\]{
max-width:22.6rem
}
.max-w-\[22\.75rem\]{
max-width:22.75rem
}
.max-w-\[22\.7rem\]{
max-width:22.7rem
}
.max-w-\[22rem\]{
max-width:22rem
}
.max-w-\[23\.0625rem\]{
max-width:23.0625rem
}
.max-w-\[23\.125rem\]{
max-width:23.125rem
}
.max-w-\[23\.1875rem\]{
max-width:23.1875rem
}
.max-w-\[23\.18rem\]{
max-width:23.18rem
}
.max-w-\[23\.4rem\]{
max-width:23.4rem
}
.max-w-\[23\.5625rem\]{
max-width:23.5625rem
}
.max-w-\[23\.625rem\]{
max-width:23.625rem
}
.max-w-\[23\.75rem\]{
max-width:23.75rem
}
.max-w-\[23rem\]{
max-width:23rem
}
.max-w-\[24\.25rem\]{
max-width:24.25rem
}
.max-w-\[24\.4rem\]{
max-width:24.4rem
}
.max-w-\[24\.7rem\]{
max-width:24.7rem
}
.max-w-\[25\.1875rem\]{
max-width:25.1875rem
}
.max-w-\[25\.18rem\]{
max-width:25.18rem
}
.max-w-\[25\.25rem\]{
max-width:25.25rem
}
.max-w-\[25\.4rem\]{
max-width:25.4rem
}
.max-w-\[25\.5rem\]{
max-width:25.5rem
}
.max-w-\[250px\]{
max-width:250px
}
.max-w-\[25rem\]{
max-width:25rem
}
.max-w-\[26\.125rem\]{
max-width:26.125rem
}
.max-w-\[26\.1875rem\]{
max-width:26.1875rem
}
.max-w-\[26\.18rem\]{
max-width:26.18rem
}
.max-w-\[26\.25rem\]{
max-width:26.25rem
}
.max-w-\[26\.4rem\]{
max-width:26.4rem
}
.max-w-\[26\.5rem\]{
max-width:26.5rem
}
.max-w-\[26\.625rem\]{
max-width:26.625rem
}
.max-w-\[26\.6rem\]{
max-width:26.6rem
}
.max-w-\[26\.7rem\]{
max-width:26.7rem
}
.max-w-\[26rem\]{
max-width:26rem
}
.max-w-\[27\.1875rem\]{
max-width:27.1875rem
}
.max-w-\[27\.25rem\]{
max-width:27.25rem
}
.max-w-\[27\.5rem\]{
max-width:27.5rem
}
.max-w-\[27\.9375rem\]{
max-width:27.9375rem
}
.max-w-\[28\.125rem\]{
max-width:28.125rem
}
.max-w-\[28\.25rem\]{
max-width:28.25rem
}
.max-w-\[28\.625rem\]{
max-width:28.625rem
}
.max-w-\[28\.75rem\]{
max-width:28.75rem
}
.max-w-\[28\.87rem\]{
max-width:28.87rem
}
.max-w-\[28rem\]{
max-width:28rem
}
.max-w-\[29\.25rem\]{
max-width:29.25rem
}
.max-w-\[29\.75rem\]{
max-width:29.75rem
}
.max-w-\[29\.875rem\]{
max-width:29.875rem
}
.max-w-\[290px\]{
max-width:290px
}
.max-w-\[29rem\]{
max-width:29rem
}
.max-w-\[30\.25rem\]{
max-width:30.25rem
}
.max-w-\[30\.5rem\]{
max-width:30.5rem
}
.max-w-\[30\.68rem\]{
max-width:30.68rem
}
.max-w-\[30\.7rem\]{
max-width:30.7rem
}
.max-w-\[300px\]{
max-width:300px
}
.max-w-\[30rem\]{
max-width:30rem
}
.max-w-\[31\.8rem\]{
max-width:31.8rem
}
.max-w-\[31rem\]{
max-width:31rem
}
.max-w-\[32\.25rem\]{
max-width:32.25rem
}
.max-w-\[32\.2rem\]{
max-width:32.2rem
}
.max-w-\[32\.4rem\]{
max-width:32.4rem
}
.max-w-\[32\.6875rem\]{
max-width:32.6875rem
}
.max-w-\[33\.31rem\]{
max-width:33.31rem
}
.max-w-\[330px\]{
max-width:330px
}
.max-w-\[34\.1875rem\]{
max-width:34.1875rem
}
.max-w-\[35\.0625rem\]{
max-width:35.0625rem
}
.max-w-\[35\.5rem\]{
max-width:35.5rem
}
.max-w-\[35\.75rem\]{
max-width:35.75rem
}
.max-w-\[355px\]{
max-width:355px
}
.max-w-\[36\.375rem\]{
max-width:36.375rem
}
.max-w-\[360px\]{
max-width:360px
}
.max-w-\[36rem\]{
max-width:36rem
}
.max-w-\[37\.7rem\]{
max-width:37.7rem
}
.max-w-\[37\.8rem\]{
max-width:37.8rem
}
.max-w-\[38rem\]{
max-width:38rem
}
.max-w-\[39\.6875rem\]{
max-width:39.6875rem
}
.max-w-\[40\.0625rem\]{
max-width:40.0625rem
}
.max-w-\[40\.0626rem\]{
max-width:40.0626rem
}
.max-w-\[40\.3125rem\]{
max-width:40.3125rem
}
.max-w-\[40rem\]{
max-width:40rem
}
.max-w-\[41\.5rem\]{
max-width:41.5rem
}
.max-w-\[42\.625rem\]{
max-width:42.625rem
}
.max-w-\[42\.875rem\]{
max-width:42.875rem
}
.max-w-\[427px\]{
max-width:427px
}
.max-w-\[42rem\]{
max-width:42rem
}
.max-w-\[44\.68rem\]{
max-width:44.68rem
}
.max-w-\[44\.8125rem\]{
max-width:44.8125rem
}
.max-w-\[44rem\]{
max-width:44rem
}
.max-w-\[450px\]{
max-width:450px
}
.max-w-\[45rem\]{
max-width:45rem
}
.max-w-\[46\.125rem\]{
max-width:46.125rem
}
.max-w-\[46\.25rem\]{
max-width:46.25rem
}
.max-w-\[46\.5rem\]{
max-width:46.5rem
}
.max-w-\[460px\]{
max-width:460px
}
.max-w-\[48\.56rem\]{
max-width:48.56rem
}
.max-w-\[48\.5rem\]{
max-width:48.5rem
}
.max-w-\[48\.75rem\]{
max-width:48.75rem
}
.max-w-\[481px\]{
max-width:481px
}
.max-w-\[48rem\]{
max-width:48rem
}
.max-w-\[49rem\]{
max-width:49rem
}
.max-w-\[50rem\]{
max-width:50rem
}
.max-w-\[520px\]{
max-width:520px
}
.max-w-\[56\.25rem\]{
max-width:56.25rem
}
.max-w-\[56\.4375rem\]{
max-width:56.4375rem
}
.max-w-\[57rem\]{
max-width:57rem
}
.max-w-\[60rem\]{
max-width:60rem
}
.max-w-\[61\.6875rem\]{
max-width:61.6875rem
}
.max-w-\[610px\]{
max-width:610px
}
.max-w-\[630px\]{
max-width:630px
}
.max-w-\[650px\]{
max-width:650px
}
.max-w-\[680px\]{
max-width:680px
}
.max-w-\[70\.3125rem\]{
max-width:70.3125rem
}
.max-w-\[700px\]{
max-width:700px
}
.max-w-\[731px\]{
max-width:731px
}
.max-w-\[77\%\]{
max-width:77%
}
.max-w-\[79\.3125rem\]{
max-width:79.3125rem
}
.max-w-\[800px\]{
max-width:800px
}
.max-w-\[820px\]{
max-width:820px
}
.max-w-\[850px\]{
max-width:850px
}
.max-w-\[90\%\]{
max-width:90%
}
.max-w-\[900px\]{
max-width:900px
}
.max-w-\[96\.5\%\]{
max-width:96.5%
}
.max-w-\[98\%\]{
max-width:98%
}
.max-w-\[none\]{
max-width:none
}
.max-w-full{
max-width:100%
}
.max-w-max{
max-width:-moz-max-content;
max-width:max-content
}
.max-w-md{
max-width:28rem
}
.max-w-none{
max-width:none
}
.flex-1{
flex:1 1 0%
}
.flex-shrink{
flex-shrink:1
}
.flex-shrink-0,
.shrink-0{
flex-shrink:0
}
.flex-grow,
.grow{
flex-grow:1
}
.basis-1\/2{
flex-basis:50%
}
.basis-1\/3{
flex-basis:33.333333%
}
.basis-\[100\%\]{
flex-basis:100%
}
.basis-\[43\%\]{
flex-basis:43%
}
.basis-\[43\.1\%\]{
flex-basis:43.1%
}
.basis-\[43\.3\%\]{
flex-basis:43.3%
}
.basis-\[43\.4\%\]{
flex-basis:43.4%
}
.basis-\[43\.8\%\]{
flex-basis:43.8%
}
.basis-\[44\%\]{
flex-basis:44%
}
.basis-\[44\.2\%\]{
flex-basis:44.2%
}
.basis-\[44\.5\%\]{
flex-basis:44.5%
}
.basis-\[44\.9\%\]{
flex-basis:44.9%
}
.basis-\[45\%\]{
flex-basis:45%
}
.basis-\[45\.5\%\]{
flex-basis:45.5%
}
.basis-\[46\%\]{
flex-basis:46%
}
.basis-\[48\.2\%\]{
flex-basis:48.2%
}
.basis-\[48\.7\%\]{
flex-basis:48.7%
}
.basis-\[49\.1\%\]{
flex-basis:49.1%
}
.basis-\[50\.8\%\]{
flex-basis:50.8%
}
.basis-\[50\.9\%\]{
flex-basis:50.9%
}
.basis-\[51\.3\%\]{
flex-basis:51.3%
}
.basis-\[54\%\]{
flex-basis:54%
}
.basis-\[54\.5\%\]{
flex-basis:54.5%
}
.basis-\[55\%\]{
flex-basis:55%
}
.basis-\[55\.1\%\]{
flex-basis:55.1%
}
.basis-\[55\.5\%\]{
flex-basis:55.5%
}
.basis-\[55\.8\%\]{
flex-basis:55.8%
}
.basis-\[56\%\]{
flex-basis:56%
}
.basis-\[56\.2\%\]{
flex-basis:56.2%
}
.basis-\[56\.6\%\]{
flex-basis:56.6%
}
.basis-\[56\.7\%\]{
flex-basis:56.7%
}
.basis-\[56\.9\%\]{
flex-basis:56.9%
}
.basis-\[57\%\]{
flex-basis:57%
}
.basis-\[calc\(100\%_-_10px\)\]{
flex-basis:calc(100% - 10px)
}
.basis-\[calc\(33\.333\%-14px\)\]{
flex-basis:calc(33.333% - 14px)
}
.basis-\[calc\(40\%_-_10px\)\]{
flex-basis:calc(40% - 10px)
}
.basis-\[calc\(40\.33\%_-_10px\)\]{
flex-basis:calc(40.33% - 10px)
}
.basis-\[calc\(44\.45\%_-_10px\)\]{
flex-basis:calc(44.45% - 10px)
}
.basis-\[calc\(45\.44\%_-_10px\)\]{
flex-basis:calc(45.44% - 10px)
}
.basis-\[calc\(54\.56\%_-_10px\)\]{
flex-basis:calc(54.56% - 10px)
}
.basis-\[calc\(55\.55\%_-_10px\)\]{
flex-basis:calc(55.55% - 10px)
}
.basis-\[calc\(59\.67\%_-_10px\)\]{
flex-basis:calc(59.67% - 10px)
}
.basis-\[calc\(60\%_-_10px\)\]{
flex-basis:calc(60% - 10px)
}
.basis-full{
flex-basis:100%
}
.border-collapse{
border-collapse:collapse
}
.origin-bottom-left{
transform-origin:bottom left
}
.origin-left{
transform-origin:left
}
.\!translate-y-0{
--tw-translate-y:0px!important;
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))!important
}
.-translate-x-1\/2{
--tw-translate-x:-50%
}
.-translate-x-1\/2,
.-translate-y-1\/2{
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-1\/2{
--tw-translate-y:-50%
}
.-translate-y-\[15\%\]{
--tw-translate-y:-15%
}
.-translate-y-\[15\%\],
.-translate-y-\[44\%\]{
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-\[44\%\]{
--tw-translate-y:-44%
}
.-translate-y-\[46\%\]{
--tw-translate-y:-46%
}
.-translate-y-\[46\%\],
.-translate-y-\[47\%\]{
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-\[47\%\]{
--tw-translate-y:-47%
}
.-translate-y-\[49\%\]{
--tw-translate-y:-49%
}
.-translate-y-\[49\%\],
.translate-y-5{
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-5{
--tw-translate-y:1.25rem
}
.translate-y-\[-20px\]{
--tw-translate-y:-20px
}
.-rotate-\[8deg\],
.translate-y-\[-20px\]{
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-\[8deg\]{
--tw-rotate:-8deg
}
.rotate-0{
--tw-rotate:0deg
}
.rotate-0,
.rotate-180{
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-180{
--tw-rotate:180deg
}
.rotate-90{
--tw-rotate:90deg
}
.rotate-90,
.rotate-\[8deg\]{
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-\[8deg\]{
--tw-rotate:8deg
}
.-scale-100{
--tw-scale-x:-1;
--tw-scale-y:-1
}
.-scale-100,
.scale-0{
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-0{
--tw-scale-x:0;
--tw-scale-y:0
}
.scale-100{
--tw-scale-x:1;
--tw-scale-y:1
}
.scale-100,
.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 fadeIn{
0%{
opacity:0
}
to{
opacity:1
}
}
.animate-fade{
animation:.3s forwards fadeIn
}
@keyframes fadeOut{
0%{
opacity:1
}
to{
opacity:0
}
}
.animate-fadeOut{
animation:.3s ease-in-out forwards fadeOut
}
@keyframes fadeScaleIn{
0%{
opacity:0;
transform:scale(1.05)
}
to{
opacity:1;
transform:scale(1)
}
}
.animate-fadeScaleIn{
animation:.8s ease-in-out forwards fadeScaleIn
}
@keyframes rotateUp{
0%{
margin-bottom:-80px;
transform:rotate(5deg)
}
to{
margin-bottom:0;
transform:rotate(0)
}
}
.animate-rotateUp{
animation:.5s forwards rotateUp
}
@keyframes slideUp{
0%{
opacity:0;
transform:translateY(20px)
}
to{
opacity:1;
transform:translateY(0)
}
}
.animate-slideUp{
animation:.9s forwards slideUp
}
.cursor-default{
cursor:default
}
.cursor-pointer{
cursor:pointer
}
.select-none{
-webkit-user-select:none;
-moz-user-select:none;
user-select:none
}
.select-all{
-webkit-user-select:all;
-moz-user-select:all;
user-select:all
}
.resize-none{
resize:none
}
.resize{
resize:both
}
.list-inside{
list-style-position:inside
}
.\!list-disc{
list-style-type:disc!important
}
.list-disc{
list-style-type:disc
}
.list-none{
list-style-type:none
}
.appearance-none{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.grid-cols-1{
grid-template-columns:repeat(1,minmax(0,1fr))
}
.grid-cols-2{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.grid-cols-3{
grid-template-columns:repeat(3,minmax(0,1fr))
}
.grid-cols-4{
grid-template-columns:repeat(4,minmax(0,1fr))
}
.grid-cols-7{
grid-template-columns:repeat(7,minmax(0,1fr))
}
.grid-cols-\[0\.95fr_1\.05fr\]{
grid-template-columns:.95fr 1.05fr
}
.grid-cols-\[0\.97fr_1\.03fr\]{
grid-template-columns:.97fr 1.03fr
}
.grid-cols-\[1\.08fr_0\.92fr\]{
grid-template-columns:1.08fr .92fr
}
.grid-cols-\[1fr_auto\]{
grid-template-columns:1fr auto
}
.grid-cols-\[44px_1fr\]{
grid-template-columns:44px 1fr
}
.grid-cols-\[85px_1fr\]{
grid-template-columns:85px 1fr
}
.grid-cols-\[minmax\(0\2c \.9fr\)_minmax\(360px\2c 1\.1fr\)\]{
grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr)
}
.flex-col{
flex-direction:column
}
.flex-wrap{
flex-wrap:wrap
}
.place-items-center{
place-items:center
}
.items-start{
align-items:flex-start
}
.items-end{
align-items:flex-end
}
.items-center{
align-items:center
}
.justify-start{
justify-content:flex-start
}
.justify-end{
justify-content:flex-end
}
.justify-center{
justify-content:center
}
.justify-between{
justify-content:space-between
}
.gap-1{
gap:.25rem
}
.gap-1\.5{
gap:.375rem
}
.gap-10{
gap:2.5rem
}
.gap-2{
gap:.5rem
}
.gap-2\.5{
gap:.625rem
}
.gap-20{
gap:5rem
}
.gap-3{
gap:.75rem
}
.gap-3\.5{
gap:.875rem
}
.gap-4{
gap:1rem
}
.gap-4\.5{
gap:1.125rem
}
.gap-5{
gap:1.25rem
}
.gap-6{
gap:1.5rem
}
.gap-7{
gap:1.75rem
}
.gap-7\.5{
gap:1.875rem
}
.gap-\[17px\]{
gap:17px
}
.gap-\[18px\]{
gap:18px
}
.gap-\[22px\]{
gap:22px
}
.gap-\[30px\]{
gap:30px
}
.gap-\[70px\]{
gap:70px
}
.gap-\[76px\]{
gap:76px
}
.gap-\[7px\]{
gap:7px
}
.gap-\[82px\]{
gap:82px
}
.gap-\[9px\]{
gap:9px
}
.gap-\[clamp\(20px\2c 2vw\2c 34px\)\]{
gap:clamp(20px,2vw,34px)
}
.gap-x-4{
-moz-column-gap:1rem;
column-gap:1rem
}
.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-8{
-moz-column-gap:2rem;
column-gap:2rem
}
.gap-x-\[34px\]{
-moz-column-gap:34px;
column-gap:34px
}
.gap-y-2\.5{
row-gap:.625rem
}
.gap-y-4{
row-gap:1rem
}
.gap-y-8{
row-gap:2rem
}
.gap-y-\[42px\]{
row-gap:42px
}
.space-x-3>:not([hidden])~:not([hidden]){
--tw-space-x-reverse:0;
margin-right:calc(.75rem*var(--tw-space-x-reverse));
margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))
}
.space-y-1>:not([hidden])~:not([hidden]){
--tw-space-y-reverse:0;
margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(.25rem*var(--tw-space-y-reverse))
}
.space-y-10>:not([hidden])~:not([hidden]){
--tw-space-y-reverse:0;
margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(2.5rem*var(--tw-space-y-reverse))
}
.space-y-2>:not([hidden])~:not([hidden]){
--tw-space-y-reverse:0;
margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(.5rem*var(--tw-space-y-reverse))
}
.space-y-3>:not([hidden])~:not([hidden]){
--tw-space-y-reverse:0;
margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(.75rem*var(--tw-space-y-reverse))
}
.space-y-6\.5>:not([hidden])~:not([hidden]){
--tw-space-y-reverse:0;
margin-top:calc(1.625rem*(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(1.625rem*var(--tw-space-y-reverse))
}
.space-y-7\.5>:not([hidden])~:not([hidden]){
--tw-space-y-reverse:0;
margin-top:calc(1.875rem*(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(1.875rem*var(--tw-space-y-reverse))
}
.self-start{
align-self:flex-start
}
.overflow-auto{
overflow:auto
}
.overflow-hidden{
overflow:hidden
}
.overflow-x-hidden{
overflow-x:hidden
}
.truncate{
overflow:hidden;
white-space:nowrap
}
.text-ellipsis,
.truncate{
text-overflow:ellipsis
}
.whitespace-nowrap{
white-space:nowrap
}
.whitespace-pre-wrap{
white-space:pre-wrap
}
.text-wrap{
text-wrap:wrap
}
.text-nowrap{
text-wrap:nowrap
}
.break-words{
overflow-wrap:break-word
}
.rounded{
border-radius:.25rem
}
.rounded-2\.5xl{
border-radius:20px
}
.rounded-2xl{
border-radius:1rem
}
.rounded-3xl{
border-radius:1.5rem
}
.rounded-\[10px\]{
border-radius:10px
}
.rounded-\[11px\]{
border-radius:11px
}
.rounded-\[13px\]{
border-radius:13px
}
.rounded-\[14px\]{
border-radius:14px
}
.rounded-\[20px\]{
border-radius:20px
}
.rounded-\[22px\]{
border-radius:22px
}
.rounded-\[28px\]{
border-radius:28px
}
.rounded-\[30px\]{
border-radius:30px
}
.rounded-\[32px\]{
border-radius:32px
}
.rounded-\[5px\]{
border-radius:5px
}
.rounded-\[9px\]{
border-radius:9px
}
.rounded-\[inherit\]{
border-radius:inherit
}
.rounded-full{
border-radius:9999px
}
.rounded-lg{
border-radius:.5rem
}
.rounded-md{
border-radius:.375rem
}
.rounded-xl{
border-radius:.75rem
}
.rounded-b-xl{
border-bottom-right-radius:.75rem;
border-bottom-left-radius:.75rem
}
.rounded-e{
border-start-end-radius:.25rem;
border-end-end-radius:.25rem
}
.rounded-s{
border-start-start-radius:.25rem;
border-end-start-radius:.25rem
}
.rounded-t-2\.5xl{
border-top-left-radius:20px;
border-top-right-radius:20px
}
.rounded-t-2xl{
border-top-left-radius:1rem;
border-top-right-radius:1rem
}
.rounded-t-\[14px\]{
border-top-left-radius:14px;
border-top-right-radius:14px
}
.rounded-tl-2\.5xl{
border-top-left-radius:20px
}
.border{
border-width:1px
}
.border-0{
border-width:0
}
.border-2{
border-width:2px
}
.border-4{
border-width:4px
}
.border-\[1px\]{
border-width:1px
}
.border-b{
border-bottom-width:1px
}
.border-b-0{
border-bottom-width:0
}
.border-r{
border-right-width:1px
}
.border-r-0{
border-right-width:0
}
.border-t{
border-top-width:1px
}
.border-solid{
border-style:solid
}
.border-dashed{
border-style:dashed
}
.border-none{
border-style:none
}
.\!border-green-400{
--tw-border-opacity:1!important;
border-color:rgb(66 157 23/var(--tw-border-opacity))!important
}
.\!border-red-500{
--tw-border-opacity:1!important;
border-color:rgb(230 19 32/var(--tw-border-opacity))!important
}
.\!border-violet-700{
--tw-border-opacity:1!important;
border-color:rgb(39 41 61/var(--tw-border-opacity))!important
}
.\!border-yellow-700{
--tw-border-opacity:1!important;
border-color:rgb(200 142 16/var(--tw-border-opacity))!important
}
.border-\[\#0000001A\]{
border-color:#0000001a
}
.border-\[\#10234a\]\/10{
border-color:rgba(16,35,74,.1)
}
.border-\[\#10234a\]\/15{
border-color:rgba(16,35,74,.15)
}
.border-\[\#10234a\]\/20{
border-color:rgba(16,35,74,.2)
}
.border-\[\#10234a\]\/\[\.08\]{
border-color:rgba(16,35,74,.08)
}
.border-\[\#15a13a\]{
--tw-border-opacity:1;
border-color:rgb(21 161 58/var(--tw-border-opacity))
}
.border-\[\#1f1f1f\]{
--tw-border-opacity:1;
border-color:rgb(31 31 31/var(--tw-border-opacity))
}
.border-\[\#C3C8D0\]{
--tw-border-opacity:1;
border-color:rgb(195 200 208/var(--tw-border-opacity))
}
.border-\[\#cbd6e8\]{
--tw-border-opacity:1;
border-color:rgb(203 214 232/var(--tw-border-opacity))
}
.border-\[\#ccefd8\]{
--tw-border-opacity:1;
border-color:rgb(204 239 216/var(--tw-border-opacity))
}
.border-\[\#cfe8d7\]{
--tw-border-opacity:1;
border-color:rgb(207 232 215/var(--tw-border-opacity))
}
.border-\[\#e5eaf5\]{
--tw-border-opacity:1;
border-color:rgb(229 234 245/var(--tw-border-opacity))
}
.border-\[\#e7a5a0\]{
--tw-border-opacity:1;
border-color:rgb(231 165 160/var(--tw-border-opacity))
}
.border-\[\#e7e9ee\]{
--tw-border-opacity:1;
border-color:rgb(231 233 238/var(--tw-border-opacity))
}
.border-\[\#eceef2\]{
--tw-border-opacity:1;
border-color:rgb(236 238 242/var(--tw-border-opacity))
}
.border-\[\#f1dcc2\]{
--tw-border-opacity:1;
border-color:rgb(241 220 194/var(--tw-border-opacity))
}
.border-\[transparent\]{
border-color:transparent
}
.border-black\/10{
border-color:rgba(0,0,0,.1)
}
.border-blue-500{
--tw-border-opacity:1;
border-color:rgb(47 118 255/var(--tw-border-opacity))
}
.border-blue-500\/10{
border-color:rgba(47,118,255,.1)
}
.border-blue-900\/10{
border-color:rgba(18,35,69,.1)
}
.border-blue-900\/15{
border-color:rgba(18,35,69,.15)
}
.border-blue-900\/\[0\.08\]{
border-color:rgba(18,35,69,.08)
}
.border-gray-400{
--tw-border-opacity:1;
border-color:rgb(232 233 237/var(--tw-border-opacity))
}
.border-gray-500{
--tw-border-opacity:1;
border-color:rgb(217 222 231/var(--tw-border-opacity))
}
.border-gray-600{
--tw-border-opacity:1;
border-color:rgb(211 214 220/var(--tw-border-opacity))
}
.border-gray-700{
--tw-border-opacity:1;
border-color:rgb(153 156 178/var(--tw-border-opacity))
}
.border-violet-600{
--tw-border-opacity:1;
border-color:rgb(148 82 255/var(--tw-border-opacity))
}
.border-violet-850{
--tw-border-opacity:1;
border-color:rgb(24 23 41/var(--tw-border-opacity))
}
.border-b-blue-1000\/10{
border-bottom-color:rgba(9,19,41,.1)
}
.\!bg-green-400{
--tw-bg-opacity:1!important;
background-color:rgb(66 157 23/var(--tw-bg-opacity))!important
}
.\!bg-yellow-700{
--tw-bg-opacity:1!important;
background-color:rgb(200 142 16/var(--tw-bg-opacity))!important
}
.bg-\[\#10234a\]\/10{
background-color:rgba(16,35,74,.1)
}
.bg-\[\#10234a\]\/\[\.08\]{
background-color:rgba(16,35,74,.08)
}
.bg-\[\#11101E\]\/\[0\.6\]{
background-color:rgba(17,16,30,.6)
}
.bg-\[\#11101E\]\/\[0\.9\]{
background-color:rgba(17,16,30,.9)
}
.bg-\[\#131320\]{
--tw-bg-opacity:1;
background-color:rgb(19 19 32/var(--tw-bg-opacity))
}
.bg-\[\#161723\]{
--tw-bg-opacity:1;
background-color:rgb(22 23 35/var(--tw-bg-opacity))
}
.bg-\[\#161723\]\/70{
background-color:rgba(22,23,35,.7)
}
.bg-\[\#333c4e\]{
--tw-bg-opacity:1;
background-color:rgb(51 60 78/var(--tw-bg-opacity))
}
.bg-\[\#6B5EEC\]\/20{
background-color:rgba(107,94,236,.2)
}
.bg-\[\#EDF6FA\]{
--tw-bg-opacity:1;
background-color:rgb(237 246 250/var(--tw-bg-opacity))
}
.bg-\[\#F7F8F9\]{
--tw-bg-opacity:1;
background-color:rgb(247 248 249/var(--tw-bg-opacity))
}
.bg-\[\#F8F9FC\]{
--tw-bg-opacity:1;
background-color:rgb(248 249 252/var(--tw-bg-opacity))
}
.bg-\[\#F9F8FC\]{
--tw-bg-opacity:1;
background-color:rgb(249 248 252/var(--tw-bg-opacity))
}
.bg-\[\#F9F9F9\]{
--tw-bg-opacity:1;
background-color:rgb(249 249 249/var(--tw-bg-opacity))
}
.bg-\[\#F9FAFC\]{
--tw-bg-opacity:1;
background-color:rgb(249 250 252/var(--tw-bg-opacity))
}
.bg-\[\#FBFBFD\]{
--tw-bg-opacity:1;
background-color:rgb(251 251 253/var(--tw-bg-opacity))
}
.bg-\[\#FFFBEE\]{
--tw-bg-opacity:1;
background-color:rgb(255 251 238/var(--tw-bg-opacity))
}
.bg-\[\#eaf1ff\]{
--tw-bg-opacity:1;
background-color:rgb(234 241 255/var(--tw-bg-opacity))
}
.bg-\[\#edf3ff\]{
--tw-bg-opacity:1;
background-color:rgb(237 243 255/var(--tw-bg-opacity))
}
.bg-\[\#eef3ff\]{
--tw-bg-opacity:1;
background-color:rgb(238 243 255/var(--tw-bg-opacity))
}
.bg-\[\#eefaf2\]{
--tw-bg-opacity:1;
background-color:rgb(238 250 242/var(--tw-bg-opacity))
}
.bg-\[\#f1ebff\]{
--tw-bg-opacity:1;
background-color:rgb(241 235 255/var(--tw-bg-opacity))
}
.bg-\[\#f1fbf4\]{
--tw-bg-opacity:1;
background-color:rgb(241 251 244/var(--tw-bg-opacity))
}
.bg-\[\#f2f6ff\]{
--tw-bg-opacity:1;
background-color:rgb(242 246 255/var(--tw-bg-opacity))
}
.bg-\[\#f5f8ff\]{
--tw-bg-opacity:1;
background-color:rgb(245 248 255/var(--tw-bg-opacity))
}
.bg-\[\#f7f8fa\]{
--tw-bg-opacity:1;
background-color:rgb(247 248 250/var(--tw-bg-opacity))
}
.bg-\[\#fafafa\]{
--tw-bg-opacity:1;
background-color:rgb(250 250 250/var(--tw-bg-opacity))
}
.bg-\[\#fbfbfc\]{
--tw-bg-opacity:1;
background-color:rgb(251 251 252/var(--tw-bg-opacity))
}
.bg-\[\#fff0e9\]{
--tw-bg-opacity:1;
background-color:rgb(255 240 233/var(--tw-bg-opacity))
}
.bg-\[\#fff8ed\]{
--tw-bg-opacity:1;
background-color:rgb(255 248 237/var(--tw-bg-opacity))
}
.bg-\[rgba\(244\2c 243\2c 251\2c 0\.75\)\]{
background-color:rgba(244,243,251,.75)
}
.bg-\[transparent\]{
background-color:transparent
}
.bg-blue-100{
--tw-bg-opacity:1;
background-color:rgb(242 246 255/var(--tw-bg-opacity))
}
.bg-blue-500{
--tw-bg-opacity:1;
background-color:rgb(47 118 255/var(--tw-bg-opacity))
}
.bg-blue-500\/\[\.09\]{
background-color:rgba(47,118,255,.09)
}
.bg-blue-75\/80{
background-color:rgba(245,249,250,.8)
}
.bg-blue-900{
--tw-bg-opacity:1;
background-color:rgb(18 35 69/var(--tw-bg-opacity))
}
.bg-blue-900\/8{
background-color:rgba(18,35,69,.08)
}
.bg-gray-100{
--tw-bg-opacity:1;
background-color:rgb(251 251 253/var(--tw-bg-opacity))
}
.bg-gray-150{
--tw-bg-opacity:1;
background-color:rgb(249 249 249/var(--tw-bg-opacity))
}
.bg-gray-200{
--tw-bg-opacity:1;
background-color:rgb(248 249 252/var(--tw-bg-opacity))
}
.bg-gray-300{
--tw-bg-opacity:1;
background-color:rgb(241 242 245/var(--tw-bg-opacity))
}
.bg-gray-400{
--tw-bg-opacity:1;
background-color:rgb(232 233 237/var(--tw-bg-opacity))
}
.bg-gray-500{
--tw-bg-opacity:1;
background-color:rgb(217 222 231/var(--tw-bg-opacity))
}
.bg-orange-100{
--tw-bg-opacity:1;
background-color:rgb(250 246 243/var(--tw-bg-opacity))
}
.bg-red-500{
--tw-bg-opacity:1;
background-color:rgb(230 19 32/var(--tw-bg-opacity))
}
.bg-violet-500{
--tw-bg-opacity:1;
background-color:rgb(98 89 235/var(--tw-bg-opacity))
}
.bg-violet-800{
--tw-bg-opacity:1;
background-color:rgb(30 29 51/var(--tw-bg-opacity))
}
.bg-violet-850{
--tw-bg-opacity:1;
background-color:rgb(24 23 41/var(--tw-bg-opacity))
}
.bg-violet-900{
--tw-bg-opacity:1;
background-color:rgb(6 5 21/var(--tw-bg-opacity))
}
.bg-white{
--tw-bg-opacity:1;
background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-white\/95{
background-color:hsla(0,0%,100%,.95)
}
.bg-yellow-600{
--tw-bg-opacity:1;
background-color:rgb(255 188 3/var(--tw-bg-opacity))
}
.bg-yellow-600\/15{
background-color:rgba(255,188,3,.15)
}
.bg-\[linear-gradient\(145deg\2c \#e9efff\2c \#d7e3ff\)\]{
background-image:linear-gradient(145deg,#e9efff,#d7e3ff)
}
.bg-\[linear-gradient\(155deg\2c \#f2f6ff\2c \#fafbfe\)\]{
background-image:linear-gradient(155deg,#f2f6ff,#fafbfe)
}
.bg-\[url\(\'\/assets\/images\/bg-card-dark\.png\'\)\2c url\(\'\/assets\/images\/bg-card-dark\.png\'\)\]{
background-image:url(/assets/images/bg-card-dark.png),url(/assets/images/bg-card-dark.png)
}
.bg-banner-round{
background-image:url(/res/images/new_static/banner-bg.png)
}
.bg-card-left-orange{
background-image:url(/res/images/new_static/card-bg-orange.png)
}
.bg-card-right{
background-image:url(/res/images/new_static/bg-card-right.png)
}
.bg-card-right-blue{
background-image:url(/res/images/new_static/card-bg-blue.png)
}
.bg-card-right-vivid-blue{
background-image:url(/res/images/new_static/bg-card-right-vivid-blue.png)
}
.bg-gradient-to-b{
background-image:linear-gradient(to bottom,var(--tw-gradient-stops))
}
.bg-gradient-to-l{
background-image:linear-gradient(to left,var(--tw-gradient-stops))
}
.bg-gradient-to-r{
background-image:linear-gradient(to right,var(--tw-gradient-stops))
}
.bg-main{
background-image:url(/res/images/new_static/main-bg.png)
}
.bg-main-ai{
background-image:url(/res/images/new_static/features/ai/main-bg.png)
}
.from-white{
--tw-gradient-from:#fff var(--tw-gradient-from-position);
--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.to-\[\#fbfcff\]{
--tw-gradient-to:#fbfcff var(--tw-gradient-to-position)
}
.\!bg-cover{
background-size:cover!important
}
.bg-\[length\:67\.5rem_34\.43rem\]{
background-size:67.5rem 34.43rem
}
.bg-contain{
background-size:contain
}
.bg-\[bottom_-156px_center\]{
background-position:bottom -156px center
}
.bg-\[left_4rem_top_1\.8rem\]{
background-position:left 4rem top 1.8rem
}
.bg-center{
background-position:50%
}
.\!bg-no-repeat{
background-repeat:no-repeat!important
}
.bg-no-repeat{
background-repeat:no-repeat
}
.fill-blue-1000{
fill:#091329
}
.object-contain{
-o-object-fit:contain;
object-fit:contain
}
.object-cover{
-o-object-fit:cover;
object-fit:cover
}
.object-bottom{
-o-object-position:bottom;
object-position:bottom
}
.p-0{
padding:0
}
.p-0\.5{
padding:.125rem
}
.p-1{
padding:.25rem
}
.p-1\.5{
padding:.375rem
}
.p-10{
padding:2.5rem
}
.p-2{
padding:.5rem
}
.p-2\.5{
padding:.625rem
}
.p-3{
padding:.75rem
}
.p-4{
padding:1rem
}
.p-5{
padding:1.25rem
}
.p-8{
padding:2rem
}
.p-9{
padding:2.25rem
}
.p-\[10px\]{
padding:10px
}
.p-\[25px\]{
padding:25px
}
.p-\[26px\]{
padding:26px
}
.p-\[30px\]{
padding:30px
}
.p-\[42px\]{
padding:42px
}
.\!px-0{
padding-left:0!important;
padding-right:0!important
}
.\!px-5{
padding-left:1.25rem!important;
padding-right:1.25rem!important
}
.px-0{
padding-left:0;
padding-right:0
}
.px-1{
padding-left:.25rem;
padding-right:.25rem
}
.px-1\.5{
padding-left:.375rem;
padding-right:.375rem
}
.px-10{
padding-left:2.5rem;
padding-right:2.5rem
}
.px-12{
padding-left:3rem;
padding-right:3rem
}
.px-13{
padding-left:3.25rem;
padding-right:3.25rem
}
.px-15{
padding-left:3.75rem;
padding-right:3.75rem
}
.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-3\.5{
padding-left:.875rem;
padding-right:.875rem
}
.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-6\.5{
padding-left:1.625rem;
padding-right:1.625rem
}
.px-7{
padding-left:1.75rem;
padding-right:1.75rem
}
.px-7\.5{
padding-left:1.875rem;
padding-right:1.875rem
}
.px-8{
padding-left:2rem;
padding-right:2rem
}
.px-9\.5{
padding-left:2.375rem;
padding-right:2.375rem
}
.px-\[1\.3438rem\]{
padding-left:1.3438rem;
padding-right:1.3438rem
}
.px-\[10px\]{
padding-left:10px;
padding-right:10px
}
.px-\[13px\]{
padding-left:13px;
padding-right:13px
}
.px-\[15px\]{
padding-left:15px;
padding-right:15px
}
.px-\[17\.5px\]{
padding-left:17.5px;
padding-right:17.5px
}
.px-\[23px\]{
padding-left:23px;
padding-right:23px
}
.px-\[25px\]{
padding-left:25px;
padding-right:25px
}
.px-\[32px\]{
padding-left:32px;
padding-right:32px
}
.px-\[3px\]{
padding-left:3px;
padding-right:3px
}
.px-\[56px\]{
padding-left:56px;
padding-right:56px
}
.py-0{
padding-top:0;
padding-bottom:0
}
.py-1\.5{
padding-top:.375rem;
padding-bottom:.375rem
}
.py-10{
padding-top:2.5rem;
padding-bottom:2.5rem
}
.py-14{
padding-top:3.5rem;
padding-bottom:3.5rem
}
.py-15{
padding-top:3.75rem;
padding-bottom:3.75rem
}
.py-15\.5{
padding-top:3.875rem;
padding-bottom:3.875rem
}
.py-16{
padding-top:4rem;
padding-bottom:4rem
}
.py-16\.5{
padding-top:4.25rem;
padding-bottom:4.25rem
}
.py-17{
padding-top:4.5rem;
padding-bottom:4.5rem
}
.py-17\.5{
padding-top:4.6875rem;
padding-bottom:4.6875rem
}
.py-2{
padding-top:.5rem;
padding-bottom:.5rem
}
.py-2\.5{
padding-top:.625rem;
padding-bottom:.625rem
}
.py-20{
padding-top:5rem;
padding-bottom:5rem
}
.py-22{
padding-top:5.625rem;
padding-bottom:5.625rem
}
.py-28{
padding-top:7rem;
padding-bottom:7rem
}
.py-3{
padding-top:.75rem;
padding-bottom:.75rem
}
.py-3\.5{
padding-top:.875rem;
padding-bottom:.875rem
}
.py-30{
padding-top:7.5625rem;
padding-bottom:7.5625rem
}
.py-4{
padding-top:1rem;
padding-bottom:1rem
}
.py-4\.5{
padding-top:1.125rem;
padding-bottom:1.125rem
}
.py-6{
padding-top:1.5rem;
padding-bottom:1.5rem
}
.py-8{
padding-top:2rem;
padding-bottom:2rem
}
.py-\[108px\]{
padding-top:108px;
padding-bottom:108px
}
.py-\[110px\]{
padding-top:110px;
padding-bottom:110px
}
.py-\[15px\]{
padding-top:15px;
padding-bottom:15px
}
.py-\[23px\]{
padding-top:23px;
padding-bottom:23px
}
.py-\[3\.75rem\]{
padding-top:3.75rem;
padding-bottom:3.75rem
}
.py-\[3px\]{
padding-top:3px;
padding-bottom:3px
}
.py-\[4\.77rem\]{
padding-top:4.77rem;
padding-bottom:4.77rem
}
.py-\[4px\]{
padding-top:4px;
padding-bottom:4px
}
.py-\[9px\]{
padding-top:9px;
padding-bottom:9px
}
.\!pr-\[2\.625rem\]{
padding-right:2.625rem!important
}
.pb-0{
padding-bottom:0
}
.pb-0\.5{
padding-bottom:.125rem
}
.pb-10{
padding-bottom:2.5rem
}
.pb-13{
padding-bottom:3.25rem
}
.pb-14{
padding-bottom:3.5rem
}
.pb-16{
padding-bottom:4rem
}
.pb-17{
padding-bottom:4.5rem
}
.pb-20{
padding-bottom:5rem
}
.pb-22{
padding-bottom:5.625rem
}
.pb-24{
padding-bottom:6rem
}
.pb-28{
padding-bottom:7rem
}
.pb-3{
padding-bottom:.75rem
}
.pb-3\.5{
padding-bottom:.875rem
}
.pb-30{
padding-bottom:7.5625rem
}
.pb-34{
padding-bottom:8.5rem
}
.pb-36{
padding-bottom:9rem
}
.pb-4{
padding-bottom:1rem
}
.pb-40{
padding-bottom:10rem
}
.pb-5{
padding-bottom:1.25rem
}
.pb-6{
padding-bottom:1.5rem
}
.pb-6\.5{
padding-bottom:1.625rem
}
.pb-7\.5{
padding-bottom:1.875rem
}
.pb-8{
padding-bottom:2rem
}
.pb-9{
padding-bottom:2.25rem
}
.pb-9\.5{
padding-bottom:2.375rem
}
.pb-\[1\.4375rem\]{
padding-bottom:1.4375rem
}
.pb-\[104px\]{
padding-bottom:104px
}
.pb-\[130px\]{
padding-bottom:130px
}
.pb-\[18\%\]{
padding-bottom:18%
}
.pb-\[20\%\]{
padding-bottom:20%
}
.pb-\[20\.54\%\]{
padding-bottom:20.54%
}
.pb-\[21\%\]{
padding-bottom:21%
}
.pb-\[22\%\]{
padding-bottom:22%
}
.pb-\[22\.5\%\]{
padding-bottom:22.5%
}
.pb-\[23\%\]{
padding-bottom:23%
}
.pb-\[23\.9\%\]{
padding-bottom:23.9%
}
.pb-\[24\%\]{
padding-bottom:24%
}
.pb-\[25\%\]{
padding-bottom:25%
}
.pb-\[25\.5\%\]{
padding-bottom:25.5%
}
.pb-\[26\%\]{
padding-bottom:26%
}
.pb-\[27\.5\%\]{
padding-bottom:27.5%
}
.pb-\[27\.6\%\]{
padding-bottom:27.6%
}
.pb-\[28\%\]{
padding-bottom:28%
}
.pb-\[30\%\]{
padding-bottom:30%
}
.pb-\[46\.9\%\]{
padding-bottom:46.9%
}
.pb-\[5\.6875rem\]{
padding-bottom:5.6875rem
}
.pb-\[50px\]{
padding-bottom:50px
}
.pb-\[56\%\]{
padding-bottom:56%
}
.pb-\[57\%\]{
padding-bottom:57%
}
.pb-\[57\.5\%\]{
padding-bottom:57.5%
}
.pb-\[58\.4\%\]{
padding-bottom:58.4%
}
.pb-\[58px\]{
padding-bottom:58px
}
.pb-\[6\.25rem\]{
padding-bottom:6.25rem
}
.pb-\[6\.86rem\]{
padding-bottom:6.86rem
}
.pb-\[8\.75rem\]{
padding-bottom:8.75rem
}
.pb-\[92px\]{
padding-bottom:92px
}
.pe-1{
padding-inline-end:.25rem
}
.pl-1{
padding-left:.25rem
}
.pl-10{
padding-left:2.5rem
}
.pl-16{
padding-left:4rem
}
.pl-20{
padding-left:5rem
}
.pl-4{
padding-left:1rem
}
.pl-6{
padding-left:1.5rem
}
.pl-9{
padding-left:2.25rem
}
.pl-\[25px\]{
padding-left:25px
}
.pl-\[6\.0625rem\]{
padding-left:6.0625rem
}
.pl-\[8\.875rem\]{
padding-left:8.875rem
}
.pr-0\.5{
padding-right:.125rem
}
.pr-15{
padding-right:3.75rem
}
.pr-16{
padding-right:4rem
}
.pr-3{
padding-right:.75rem
}
.pr-4{
padding-right:1rem
}
.pr-6{
padding-right:1.5rem
}
.pr-7{
padding-right:1.75rem
}
.pr-8{
padding-right:2rem
}
.pr-\[41\%\]{
padding-right:41%
}
.pr-\[43\%\]{
padding-right:43%
}
.pr-\[45\%\]{
padding-right:45%
}
.pr-\[5\.3125rem\]{
padding-right:5.3125rem
}
.pr-\[50px\]{
padding-right:50px
}
.pt-0{
padding-top:0
}
.pt-10{
padding-top:2.5rem
}
.pt-11{
padding-top:2.75rem
}
.pt-12{
padding-top:3rem
}
.pt-13{
padding-top:3.25rem
}
.pt-14{
padding-top:3.5rem
}
.pt-15{
padding-top:3.75rem
}
.pt-15\.5{
padding-top:3.875rem
}
.pt-16{
padding-top:4rem
}
.pt-17{
padding-top:4.5rem
}
.pt-17\.5{
padding-top:4.6875rem
}
.pt-2{
padding-top:.5rem
}
.pt-20{
padding-top:5rem
}
.pt-22{
padding-top:5.625rem
}
.pt-24{
padding-top:6rem
}
.pt-28{
padding-top:7rem
}
.pt-30{
padding-top:7.5625rem
}
.pt-34{
padding-top:8.5rem
}
.pt-36{
padding-top:9rem
}
.pt-4{
padding-top:1rem
}
.pt-4\.5{
padding-top:1.125rem
}
.pt-5{
padding-top:1.25rem
}
.pt-6{
padding-top:1.5rem
}
.pt-7{
padding-top:1.75rem
}
.pt-8{
padding-top:2rem
}
.pt-9{
padding-top:2.25rem
}
.pt-\[1\.1875rem\]{
padding-top:1.1875rem
}
.pt-\[1\.5875rem\]{
padding-top:1.5875rem
}
.pt-\[142px\]{
padding-top:142px
}
.pt-\[148px\]{
padding-top:148px
}
.pt-\[2\.1875rem\]{
padding-top:2.1875rem
}
.pt-\[20\%\]{
padding-top:20%
}
.pt-\[20rem\]{
padding-top:20rem
}
.pt-\[21\%\]{
padding-top:21%
}
.pt-\[22\%\]{
padding-top:22%
}
.pt-\[22\.5\%\]{
padding-top:22.5%
}
.pt-\[23\%\]{
padding-top:23%
}
.pt-\[23\.8\%\]{
padding-top:23.8%
}
.pt-\[25\%\]{
padding-top:25%
}
.pt-\[26\%\]{
padding-top:26%
}
.pt-\[26\.5\%\]{
padding-top:26.5%
}
.pt-\[27\%\]{
padding-top:27%
}
.pt-\[27\.6\%\]{
padding-top:27.6%
}
.pt-\[27\.7\%\]{
padding-top:27.7%
}
.pt-\[27\.9\%\]{
padding-top:27.9%
}
.pt-\[28\%\]{
padding-top:28%
}
.pt-\[28\.4\%\]{
padding-top:28.4%
}
.pt-\[4\.5em\]{
padding-top:4.5em
}
.pt-\[40\%\]{
padding-top:40%
}
.pt-\[42\.5px\]{
padding-top:42.5px
}
.pt-\[42\.6\%\]{
padding-top:42.6%
}
.pt-\[44\%\]{
padding-top:44%
}
.pt-\[45px\]{
padding-top:45px
}
.pt-\[47\%\]{
padding-top:47%
}
.pt-\[50\%\]{
padding-top:50%
}
.pt-\[76px\]{
padding-top:76px
}
.pt-\[88px\]{
padding-top:88px
}
.pt-\[9\.75rem\]{
padding-top:9.75rem
}
.text-left{
text-align:left
}
.text-center{
text-align:center
}
.text-right{
text-align:right
}
.indent-1{
text-indent:.25rem
}
.align-middle{
vertical-align:middle
}
.font-sans{
font-family:Inter,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}
.font-sans-medium{
font-family:GeneralSans-medium,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}
.font-sans-semi{
font-family:GeneralSans-semibold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}
.font-sans-variable{
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}
.text-2\.5xl{
font-size:1.75rem;
line-height:2.45rem
}
.text-2xl{
font-size:1.5rem;
line-height:2rem
}
.text-3xl{
font-size:1.875rem;
line-height:2.25rem
}
.text-4\.5xl{
font-size:2.5rem;
line-height:125%
}
.text-4\.5xl\/\[136\%\]{
font-size:2.5rem;
line-height:136%
}
.text-4xl{
font-size:2.25rem;
line-height:2.5rem
}
.text-4xl\/\[3rem\]{
font-size:2.25rem;
line-height:3rem
}
.text-5xl{
font-size:3rem;
line-height:1
}
.text-\[0\.75rem\]{
font-size:.75rem
}
.text-\[0\.8125rem\]{
font-size:.8125rem
}
.text-\[0\.875rem\]{
font-size:.875rem
}
.text-\[0\.875rem\]\/5,
.text-\[0\.875rem\]\/\[1\.25rem\]{
font-size:.875rem;
line-height:1.25rem
}
.text-\[0\.875rem\]\/\[1\.5rem\]{
font-size:.875rem;
line-height:1.5rem
}
.text-\[0\.9rem\]{
font-size:.9rem
}
.text-\[1\.1rem\]{
font-size:1.1rem
}
.text-\[1\.1rem\]\/5\.5{
font-size:1.1rem;
line-height:1.42rem
}
.text-\[1\.3rem\]{
font-size:1.3rem
}
.text-\[1\.5rem\]{
font-size:1.5rem
}
.text-\[10px\]{
font-size:10px
}
.text-\[11px\]{
font-size:11px
}
.text-\[13px\]{
font-size:13px
}
.text-\[14px\]{
font-size:14px
}
.text-\[14px\]\/\[150\%\]{
font-size:14px;
line-height:150%
}
.text-\[15\.5px\]{
font-size:15.5px
}
.text-\[15px\]{
font-size:15px
}
.text-\[16px\]{
font-size:16px
}
.text-\[17px\]{
font-size:17px
}
.text-\[17px\]\/\[27px\]{
font-size:17px;
line-height:27px
}
.text-\[18px\]{
font-size:18px
}
.text-\[20px\]{
font-size:20px
}
.text-\[21px\]{
font-size:21px
}
.text-\[23px\]{
font-size:23px
}
.text-\[28px\]{
font-size:28px
}
.text-\[2rem\]{
font-size:2rem
}
.text-\[3\.2rem\]{
font-size:3.2rem
}
.text-\[32px\]\/\[38\.4px\]{
font-size:32px;
line-height:38.4px
}
.text-\[35px\]{
font-size:35px
}
.text-\[50px\]{
font-size:50px
}
.text-\[54px\]{
font-size:54px
}
.text-\[60px\]{
font-size:60px
}
.text-\[70px\]{
font-size:70px
}
.text-\[clamp\(31px\2c 4vw\2c 42px\)\]{
font-size:clamp(31px,4vw,42px)
}
.text-base{
font-size:1rem;
line-height:1.42rem
}
.text-base\/\[1\.375rem\]{
font-size:1rem;
line-height:1.375rem
}
.text-base\/\[1\.925rem\]{
font-size:1rem;
line-height:1.925rem
}
.text-lg,
.text-lg\/6\.5{
font-size:1.125rem;
line-height:1.6875rem
}
.text-lg\/\[100\%\]{
font-size:1.125rem;
line-height:100%
}
.text-m{
font-size:.9375rem;
line-height:1.5rem
}
.text-s{
font-size:.8125rem;
line-height:1.0562rem
}
.text-sm{
font-size:.9375rem;
line-height:1.25rem
}
.text-xl{
font-size:1.25rem;
line-height:1.75rem
}
.text-xl\/\[1\.875rem\]{
font-size:1.25rem;
line-height:1.875rem
}
.text-xl\/\[140\%\]{
font-size:1.25rem;
line-height:140%
}
.text-xl\/\[2px\]{
font-size:1.25rem;
line-height:2px
}
.text-xs{
font-size:.75rem;
line-height:1rem
}
.text-xs\/\[1\.25rem\]{
font-size:.75rem;
line-height:1.25rem
}
.font-\[560\]{
font-weight:560
}
.font-bold{
font-weight:700
}
.font-extrabold{
font-weight:800
}
.font-medium{
font-weight:500
}
.font-normal{
font-weight:400
}
.font-semibold{
font-weight:600
}
.uppercase{
text-transform:uppercase
}
.lowercase{
text-transform:lowercase
}
.capitalize{
text-transform:capitalize
}
.italic{
font-style:italic
}
.ordinal{
--tw-ordinal:ordinal;
font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.leading-\[1\.02\]{
line-height:1.02
}
.leading-\[1\.08\]{
line-height:1.08
}
.leading-\[1\.15\]{
line-height:1.15
}
.leading-\[1\.18\]{
line-height:1.18
}
.leading-\[1\.35\]{
line-height:1.35
}
.leading-\[1\.45\]{
line-height:1.45
}
.leading-\[1\.55\]{
line-height:1.55
}
.leading-\[1\.65\]{
line-height:1.65
}
.leading-\[1\.66\]{
line-height:1.66
}
.leading-\[1\.6875rem\]{
line-height:1.6875rem
}
.leading-\[1\.68\]{
line-height:1.68
}
.leading-\[1\.6\]{
line-height:1.6
}
.leading-\[1\.72\]{
line-height:1.72
}
.leading-\[1\.75\]{
line-height:1.75
}
.leading-\[1\.7\]{
line-height:1.7
}
.leading-\[2\.4688rem\]{
line-height:2.4688rem
}
.leading-\[30px\]{
line-height:30px
}
.leading-none{
line-height:1
}
.leading-normal{
line-height:1.5
}
.tracking-0\.22{
letter-spacing:-.22px
}
.tracking-0\.4{
letter-spacing:-.4px
}
.tracking-0\.56{
letter-spacing:-.56px
}
.tracking-\[-\.8px\]{
letter-spacing:-.8px
}
.tracking-\[-0\.02em\]{
letter-spacing:-.02em
}
.tracking-\[-0\.08px\]{
letter-spacing:-.08px
}
.tracking-\[-0\.8px\]{
letter-spacing:-.8px
}
.tracking-\[0\.06em\]{
letter-spacing:.06em
}
.tracking-\[0\]{
letter-spacing:0
}
.tracking-base{
letter-spacing:normal
}
.tracking-normal{
letter-spacing:-.22px
}
.\!text-green-400{
--tw-text-opacity:1!important;
color:rgb(66 157 23/var(--tw-text-opacity))!important
}
.\!text-red-500{
--tw-text-opacity:1!important;
color:rgb(230 19 32/var(--tw-text-opacity))!important
}
.\!text-yellow-700{
--tw-text-opacity:1!important;
color:rgb(200 142 16/var(--tw-text-opacity))!important
}
.text-\[\#0c6c2a\]{
--tw-text-opacity:1;
color:rgb(12 108 42/var(--tw-text-opacity))
}
.text-\[\#101319\]{
--tw-text-opacity:1;
color:rgb(16 19 25/var(--tw-text-opacity))
}
.text-\[\#10234a\]{
--tw-text-opacity:1;
color:rgb(16 35 74/var(--tw-text-opacity))
}
.text-\[\#10234a\]\/50{
color:rgba(16,35,74,.5)
}
.text-\[\#10234a\]\/65{
color:rgba(16,35,74,.65)
}
.text-\[\#10234a\]\/80{
color:rgba(16,35,74,.8)
}
.text-\[\#122345\]{
--tw-text-opacity:1;
color:rgb(18 35 69/var(--tw-text-opacity))
}
.text-\[\#13295a\]{
--tw-text-opacity:1;
color:rgb(19 41 90/var(--tw-text-opacity))
}
.text-\[\#15a13a\]{
--tw-text-opacity:1;
color:rgb(21 161 58/var(--tw-text-opacity))
}
.text-\[\#176b34\]{
--tw-text-opacity:1;
color:rgb(23 107 52/var(--tw-text-opacity))
}
.text-\[\#2F76FF\]{
--tw-text-opacity:1;
color:rgb(47 118 255/var(--tw-text-opacity))
}
.text-\[\#3478f6\]{
--tw-text-opacity:1;
color:rgb(52 120 246/var(--tw-text-opacity))
}
.text-\[\#42506B\]{
--tw-text-opacity:1;
color:rgb(66 80 107/var(--tw-text-opacity))
}
.text-\[\#525a68\]{
--tw-text-opacity:1;
color:rgb(82 90 104/var(--tw-text-opacity))
}
.text-\[\#596271\]{
--tw-text-opacity:1;
color:rgb(89 98 113/var(--tw-text-opacity))
}
.text-\[\#626a78\]{
--tw-text-opacity:1;
color:rgb(98 106 120/var(--tw-text-opacity))
}
.text-\[\#647493\]{
--tw-text-opacity:1;
color:rgb(100 116 147/var(--tw-text-opacity))
}
.text-\[\#69758a\]{
--tw-text-opacity:1;
color:rgb(105 117 138/var(--tw-text-opacity))
}
.text-\[\#707070\]{
--tw-text-opacity:1;
color:rgb(112 112 112/var(--tw-text-opacity))
}
.text-\[\#717D82\]{
--tw-text-opacity:1;
color:rgb(113 125 130/var(--tw-text-opacity))
}
.text-\[\#7452c3\]{
--tw-text-opacity:1;
color:rgb(116 82 195/var(--tw-text-opacity))
}
.text-\[\#7a271a\]{
--tw-text-opacity:1;
color:rgb(122 39 26/var(--tw-text-opacity))
}
.text-\[\#7a8290\]{
--tw-text-opacity:1;
color:rgb(122 130 144/var(--tw-text-opacity))
}
.text-\[\#818894\]{
--tw-text-opacity:1;
color:rgb(129 136 148/var(--tw-text-opacity))
}
.text-\[\#8a93a3\]{
--tw-text-opacity:1;
color:rgb(138 147 163/var(--tw-text-opacity))
}
.text-\[\#99520a\]{
--tw-text-opacity:1;
color:rgb(153 82 10/var(--tw-text-opacity))
}
.text-\[\#b42318\]{
--tw-text-opacity:1;
color:rgb(180 35 24/var(--tw-text-opacity))
}
.text-\[\#ed6b39\]{
--tw-text-opacity:1;
color:rgb(237 107 57/var(--tw-text-opacity))
}
.text-black{
--tw-text-opacity:1;
color:rgb(0 0 0/var(--tw-text-opacity))
}
.text-black\/80{
color:rgba(0,0,0,.8)
}
.text-blue-1000{
--tw-text-opacity:1;
color:rgb(9 19 41/var(--tw-text-opacity))
}
.text-blue-1000\/80{
color:rgba(9,19,41,.8)
}
.text-blue-400{
--tw-text-opacity:1;
color:rgb(9 180 220/var(--tw-text-opacity))
}
.text-blue-500{
--tw-text-opacity:1;
color:rgb(47 118 255/var(--tw-text-opacity))
}
.text-blue-800{
--tw-text-opacity:1;
color:rgb(8 42 53/var(--tw-text-opacity))
}
.text-blue-800\/80{
color:rgba(8,42,53,.8)
}
.text-blue-900{
--tw-text-opacity:1;
color:rgb(18 35 69/var(--tw-text-opacity))
}
.text-blue-900\/50{
color:rgba(18,35,69,.5)
}
.text-blue-900\/60{
color:rgba(18,35,69,.6)
}
.text-blue-900\/80{
color:rgba(18,35,69,.8)
}
.text-blue-950{
--tw-text-opacity:1;
color:rgb(19 12 62/var(--tw-text-opacity))
}
.text-blue-950\/80{
color:rgba(19,12,62,.8)
}
.text-dark-800{
--tw-text-opacity:1;
color:rgb(10 10 11/var(--tw-text-opacity))
}
.text-dark-800\/60{
color:rgba(10,10,11,.6)
}
.text-gray-700{
--tw-text-opacity:1;
color:rgb(153 156 178/var(--tw-text-opacity))
}
.text-gray-800{
--tw-text-opacity:1;
color:rgb(89 101 126/var(--tw-text-opacity))
}
.text-orange-500{
--tw-text-opacity:1;
color:rgb(254 110 43/var(--tw-text-opacity))
}
.text-orange-950{
--tw-text-opacity:1;
color:rgb(30 12 4/var(--tw-text-opacity))
}
.text-orange-950\/80{
color:rgba(30,12,4,.8)
}
.text-red-500{
--tw-text-opacity:1;
color:rgb(230 19 32/var(--tw-text-opacity))
}
.text-violet-300{
--tw-text-opacity:1;
color:rgb(148 137 182/var(--tw-text-opacity))
}
.text-violet-500{
--tw-text-opacity:1;
color:rgb(98 89 235/var(--tw-text-opacity))
}
.text-violet-600{
--tw-text-opacity:1;
color:rgb(148 82 255/var(--tw-text-opacity))
}
.text-violet-800{
--tw-text-opacity:1;
color:rgb(30 29 51/var(--tw-text-opacity))
}
.text-violet-900{
--tw-text-opacity:1;
color:rgb(6 5 21/var(--tw-text-opacity))
}
.text-white{
--tw-text-opacity:1;
color:rgb(255 255 255/var(--tw-text-opacity))
}
.text-yellow-600{
--tw-text-opacity:1;
color:rgb(255 188 3/var(--tw-text-opacity))
}
.underline{
text-decoration-line:underline
}
.overline{
text-decoration-line:overline
}
.line-through{
text-decoration-line:line-through
}
.decoration-\[0\.5px\]{
text-decoration-thickness:.5px
}
.decoration-\[1px\]{
text-decoration-thickness:1px
}
.underline-offset-2{
text-underline-offset:2px
}
.underline-offset-4{
text-underline-offset:4px
}
.antialiased{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.opacity-0{
opacity:0
}
.opacity-50{
opacity:.5
}
.opacity-60{
opacity:.6
}
.opacity-80{
opacity:.8
}
.opacity-\[\.58\]{
opacity:.58
}
.opacity-\[\.82\]{
opacity:.82
}
.shadow{
--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
}
.shadow,
.shadow-\[0_10px_32px_rgba\(30\2c 44\2c 75\2c \.045\)\]{
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-\[0_10px_32px_rgba\(30\2c 44\2c 75\2c \.045\)\]{
--tw-shadow:0 10px 32px rgba(30,44,75,.045);
--tw-shadow-colored:0 10px 32px var(--tw-shadow-color)
}
.shadow-\[0_18px_0_rgba\(16\2c 35\2c 74\2c \.07\)\]{
--tw-shadow:0 18px 0 rgba(16,35,74,.07);
--tw-shadow-colored:0 18px 0 var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-\[0_18px_60px_rgba\(18\2c 44\2c 94\2c \.10\)\]{
--tw-shadow:0 18px 60px rgba(18,44,94,.1);
--tw-shadow-colored:0 18px 60px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-\[0_24px_70px_rgba\(30\2c 45\2c 80\2c \.09\)\]{
--tw-shadow:0 24px 70px rgba(30,45,80,.09);
--tw-shadow-colored:0 24px 70px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-\[0_24px_70px_rgba\(30\2c 45\2c 80\2c \.12\)\]{
--tw-shadow:0 24px 70px rgba(30,45,80,.12);
--tw-shadow-colored:0 24px 70px var(--tw-shadow-color)
}
.shadow-\[0_24px_70px_rgba\(30\2c 45\2c 80\2c \.12\)\],
.shadow-avatar{
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-avatar{
--tw-shadow:0 7.3px 12.2px -3.8px rgba(18,35,69,.2),0 16.4px 35.9px -4.9px rgba(18,35,69,.09);
--tw-shadow-colored:0 7.3px 12.2px -3.8px var(--tw-shadow-color),0 16.4px 35.9px -4.9px var(--tw-shadow-color)
}
.shadow-banner{
--tw-shadow:0px 1px 3px rgba(18,35,69,.1),0px 1px 2px rgba(18,35,69,.06),inset 0px 0px 0px 1px rgba(18,35,69,.1);
--tw-shadow-colored:0px 1px 3px var(--tw-shadow-color),0px 1px 2px var(--tw-shadow-color),inset 0px 0px 0px 1px var(--tw-shadow-color)
}
.shadow-banner,
.shadow-card{
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-card{
--tw-shadow:0 2px 8px -1px #130c3e0a,0 0 0 1px #130c3e1c,0 4px 4px -5px #130c3e40;
--tw-shadow-colored:0 2px 8px -1px var(--tw-shadow-color),0 0 0 1px var(--tw-shadow-color),0 4px 4px -5px var(--tw-shadow-color)
}
.shadow-card-dark{
--tw-shadow:0px 1px 7px rgba(15,28,53,.04);
--tw-shadow-colored:0px 1px 7px var(--tw-shadow-color)
}
.shadow-card-dark,
.shadow-card-dark-contact{
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-card-dark-contact{
--tw-shadow:0px 2.85px 18.335px 3.8px rgba(0,0,0,.1),inset 0px 0px 0px 1.02317px hsla(0,0%,100%,.04);
--tw-shadow-colored:0px 2.85px 18.335px 3.8px var(--tw-shadow-color),inset 0px 0px 0px 1.02317px var(--tw-shadow-color)
}
.shadow-card-orange{
--tw-shadow:0px 4px 4px -5px rgba(30,12,4,.25),0px 0px 0px 1px rgba(34,14,5,.08),0px 1px 7px rgba(30,12,4,.04);
--tw-shadow-colored:0px 4px 4px -5px var(--tw-shadow-color),0px 0px 0px 1px var(--tw-shadow-color),0px 1px 7px var(--tw-shadow-color)
}
.shadow-card-orange,
.shadow-card-white{
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-card-white{
--tw-shadow:0px 1px 6.3px -1px rgba(18,35,69,.1),0px 0px 0px 1px rgba(18,35,69,.075);
--tw-shadow-colored:0px 1px 6.3px -1px var(--tw-shadow-color),0px 0px 0px 1px var(--tw-shadow-color)
}
.shadow-embedding{
--tw-shadow:0px 13.797px 28.6004px -6.03383px rgba(30,12,4,.07);
--tw-shadow-colored:0px 13.797px 28.6004px -6.03383px var(--tw-shadow-color)
}
.shadow-embedding,
.shadow-img{
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-img{
--tw-shadow:0 23.8px 30.3px 0 #0f1c3511,0 0 0 0.8px #12234513,0 0.8px 5px -0.8px #12234519,0 3.2px 3.2px -4px #12234540,0 0.8px 1.6px 0 #1223450f,0 -2px 20.6px 0 #0000000c;
--tw-shadow-colored:0 23.8px 30.3px 0 var(--tw-shadow-color),0 0 0 0.8px var(--tw-shadow-color),0 0.8px 5px -0.8px var(--tw-shadow-color),0 3.2px 3.2px -4px var(--tw-shadow-color),0 0.8px 1.6px 0 var(--tw-shadow-color),0 -2px 20.6px 0 var(--tw-shadow-color)
}
.shadow-lg{
--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}
.shadow-lg,
.shadow-menu-item{
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-menu-item{
--tw-shadow:0px 2px 7px -1px rgba(15,28,53,.04),inset 0px 3px 0px -1px hsla(0,0%,100%,.46),inset 0px 0px 0px 1px rgba(18,35,69,.1),0px 11.47px 23.78px -5.02px rgba(18,35,69,.07);
--tw-shadow-colored:0px 2px 7px -1px var(--tw-shadow-color),inset 0px 3px 0px -1px var(--tw-shadow-color),inset 0px 0px 0px 1px var(--tw-shadow-color),0px 11.47px 23.78px -5.02px var(--tw-shadow-color)
}
.shadow-none{
--tw-shadow:0 0 #0000;
--tw-shadow-colored:0 0 #0000
}
.shadow-none,
.shadow-social{
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-social{
--tw-shadow:0px 6px 4px -2px rgba(18,35,69,.03),0px 5.01227px 40.0982px -1px rgba(100,109,134,.06),0px 1px 2px rgba(18,35,69,.05),0px 0px 0px 1px rgba(217,222,231,.4);
--tw-shadow-colored:0px 6px 4px -2px var(--tw-shadow-color),0px 5.01227px 40.0982px -1px var(--tw-shadow-color),0px 1px 2px var(--tw-shadow-color),0px 0px 0px 1px var(--tw-shadow-color)
}
.shadow-video{
--tw-shadow:0px 11.4701px 23.7768px -5.01619px rgba(18,35,69,.07),inset 0px -0.866597px 0.866597px 0.866597px rgba(17,34,69,.12);
--tw-shadow-colored:0px 11.4701px 23.7768px -5.01619px var(--tw-shadow-color),inset 0px -0.866597px 0.866597px 0.866597px var(--tw-shadow-color)
}
.shadow-video,
.shadow-violet{
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-violet{
--tw-shadow:0 1px 2px 0 rgba(31,18,69,.08),0 0 0 1px rgba(58,22,202,.75),0 2px 4.3px -1px rgba(58,22,202,.4);
--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color),0 0 0 1px var(--tw-shadow-color),0 2px 4.3px -1px var(--tw-shadow-color)
}
.outline-none{
outline:transparent solid 2px;
outline-offset:2px
}
.outline{
outline-style:solid
}
.ring-0{
--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}
.ring-0,
.ring-1{
box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.ring-1{
--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}
.ring-2\.5{
--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.ring-inset{
--tw-ring-inset:inset
}
.ring-black\/10{
--tw-ring-color:rgba(0,0,0,.1)
}
.ring-black\/20{
--tw-ring-color:rgba(0,0,0,.2)
}
.ring-black\/5{
--tw-ring-color:rgba(0,0,0,.05)
}
.ring-gray-200{
--tw-ring-opacity:1;
--tw-ring-color:rgb(248 249 252/var(--tw-ring-opacity))
}
.ring-yellow-400{
--tw-ring-opacity:1;
--tw-ring-color:rgb(221 181 30/var(--tw-ring-opacity))
}
.blur{
--tw-blur:blur(8px)
}
.blur,
.drop-shadow{
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.drop-shadow{
--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))
}
.drop-shadow-\[0_12px_20px_rgba\(52\2c 120\2c 246\2c \.12\)\]{
--tw-drop-shadow:drop-shadow(0 12px 20px rgba(52,120,246,.12))
}
.drop-shadow-\[0_12px_20px_rgba\(52\2c 120\2c 246\2c \.12\)\],
.grayscale{
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)
}
.grayscale{
--tw-grayscale:grayscale(100%)
}
.invert{
--tw-invert:invert(100%);
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)
}
.\!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)!important
}
.filter{
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.backdrop-blur-0{
--tw-backdrop-blur:blur(0)
}
.backdrop-blur-0,
.backdrop-blur-xl{
-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-xl{
--tw-backdrop-blur:blur(24px)
}
.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(.4,0,.2,1);
transition-duration:.15s
}
.transition-\[border-color\2c background-color\2c box-shadow\]{
transition-property:border-color,background-color,box-shadow;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:.15s
}
.transition-\[border-color\2c box-shadow\]{
transition-property:border-color,box-shadow;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:.15s
}
.transition-all{
transition-property:all;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:.15s
}
.transition-colors{
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:.15s
}
.transition-opacity{
transition-property:opacity;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:.15s
}
.transition-transform{
transition-property:transform;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:.15s
}
.duration-0{
transition-duration:0s
}
.duration-100{
transition-duration:.1s
}
.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)
}
@media screen and (max-height:800px){
.screen-h-800-py-28{
padding-top:7rem;
padding-bottom:2.75rem
}
}
.custom-marker li::marker{
color:rgba(18,35,69,.5)
}
.\[https\:\/jumpshare\.com\/privacy\]{
https:/jumpshare.com/privacy
}
@font-face{
font-family:GeneralSans-semibold;
font-style:normal;
font-weight:600;
font-display:swap;
src:url(/res/css/fonts/GeneralSans-Semibold.otf) format("opentype"),url(/res/css/fonts/GeneralSans-Semibold.woff) format("woff"),url(/res/css/fonts/GeneralSans-Semibold.woff) format("woff2")
}
@font-face{
font-family:GeneralSans-Variable;
src:url(/res/css/fonts/GeneralSans-Variable.woff2) format("woff2"),url(/res/css/fonts/GeneralSans-Variable.woff) format("woff");
font-weight:200 700;
font-display:swap;
font-style:normal
}
@font-face{
font-family:GeneralSans-medium;
font-style:normal;
font-weight:500;
font-display:swap;
src:url(/res/css/fonts/GeneralSans-Medium.otf) format("opentype"),url(/res/css/fonts/GeneralSans-medium.woff) format("woff"),url(/res/css/fonts/GeneralSans-Medium.woff2) format("woff2")
}
@font-face{
font-family:Inter;
font-style:normal;
font-weight:100 900;
font-display:swap;
src:url(/res/css/fonts/Inter/UcCo3FwrK3iLTcviYwYZ90A2N58.woff2) format("woff2"),url(/res/css/fonts/UcCo3FwrK3iLTcviYwYZ90A2N58.woff) format("woff")
}
@keyframes partners-logo-marquee{
0%{
transform:translateZ(0)
}
to{
transform:translate3d(-50%,0,0)
}
}
.partners-logo-marquee-track{
animation:80s linear infinite partners-logo-marquee;
will-change:transform
}
@media (prefers-reduced-motion:reduce){
.partners-logo-marquee-track{
animation:none;
flex-wrap:wrap;
justify-content:center;
width:100%!important;
max-width:56rem;
margin-left:auto;
margin-right:auto
}
.partners-logo-marquee-dup{
display:none
}
}
img:invalid:before,
img:not([src]):before,
img[src=""]:before{
content:"";
display:inline-block;
width:100%;
height:100%;
background:0 0
}
.active-header{
top:0;
--tw-bg-opacity:1;
background-color:rgb(255 255 255/var(--tw-bg-opacity));
box-shadow:0 -1.85px 19.48px 0 rgba(0,0,0,.05),0 6px 11.8px -4px rgba(13,34,71,.02),0 0 0 1px rgba(18,35,69,.1),0 11px 10.7px -6px rgba(18,35,69,.04)
}
.active-header.dark-header{
top:0;
--tw-bg-opacity:1!important;
background-color:rgb(6 5 21/var(--tw-bg-opacity))!important
}
.animate__fadeInAndSlideInUp{
animation:.4s forwards fadeIn,.5s forwards slideInUp
}
.show-elem-slideUp{
opacity:0;
transform:translateY(30px);
transition:.8s ease-in-out
}
.show-elem-slideUp.active,
.show-elem-slideUp.disabled{
opacity:1;
transform:translateY(0)
}
.tham-w-6 .tham-inner,
.tham-w-6 .tham-inner:after,
.tham-w-6 .tham-inner:before{
height:.125rem;
width:1.125rem;
border-radius:.5rem;
--tw-bg-opacity:1;
background-color:rgb(0 0 0/var(--tw-bg-opacity))
}
.tham-w-6 .tham-box{
width:1.125rem
}
.tham:hover{
opacity:1!important
}
.hamburger-dark.tham-w-6 .tham-inner,
.hamburger-dark.tham-w-6 .tham-inner:after,
.hamburger-dark.tham-w-6 .tham-inner:before{
--tw-bg-opacity:1!important;
background-color:rgb(255 255 255/var(--tw-bg-opacity))!important
}
.tham-w-6 .tham-inner:before{
top:-5px
}
.tham-w-6 .tham-inner:after{
bottom:-5px
}
.checkmark-label:before{
content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzJGNzZGRiIgZD0iTTE0LjYyNS44NzVIMy4zNzVhMi41MDMgMi41MDMgMCAwIDAtMi41IDIuNXYxMS4yNWEyLjUwMyAyLjUwMyAwIDAgMCAyLjUgMi41aDExLjI1YTIuNTAzIDIuNTAzIDAgMCAwIDIuNS0yLjVWMy4zNzVhMi41MDMgMi41MDMgMCAwIDAtMi41LTIuNW0tMS4zOTYgNS40MDItNS4yNSA2LjI1YS42My42MyAwIDAgMS0uNDcuMjIzSDcuNWEuNjMuNjMgMCAwIDEtLjQ2NC0uMjA3bC0yLjI1LTIuNWEuNjI1LjYyNSAwIDEgMSAuOTI5LS44MzZsMS43NjkgMS45NjYgNC43ODktNS43YS42MjUuNjI1IDAgMCAxIC45NTcuODA0Ii8+PC9zdmc+")!important;
position:absolute;
left:-1px;
top:0;
display:none;
content:var(--tw-content);
width:1.125rem;
height:1.125rem
}
.checkmark-label{
position:relative;
cursor:pointer;
padding-left:1.75rem
}
.checkmark-label:after{
position:absolute;
left:0;
top:1px;
display:block;
width:1rem;
height:1rem;
border-radius:.125rem;
border-width:1px;
--tw-border-opacity:1;
border-color:rgb(211 214 220/var(--tw-border-opacity));
--tw-content:"";
content:var(--tw-content)
}
@media (min-width:1024px){
.dark-header .expand>a{
--tw-text-opacity:1;
color:rgb(255 255 255/var(--tw-text-opacity))
}
}
input:-internal-autofill-selected{
--tw-bg-opacity:1!important;
background-color:rgb(255 255 255/var(--tw-bg-opacity))!important
}
input:-webkit-autofill{
-webkit-box-shadow:inset 0 0 0 50px #fff!important;
-webkit-text-fill-color:rgb(18 35 69/var(--tw-text-opacity))!important
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover{
-webkit-transition:background-color 50000s ease-in-out!important;
transition:background-color 50000s ease-in-out!important
}
.dark-input::-webkit-contacts-auto-fill-button{
--tw-bg-opacity:1;
background-color:rgb(148 137 182/var(--tw-bg-opacity))
}
input[type=password]{
font-family:GeneralSans-medium!important
}
@keyframes fade-modal{
0%{
opacity:0
}
to{
opacity:1
}
}
.modal{
display:block;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1050;
-webkit-overflow-scrolling:touch;
outline:0;
animation:.25s fade-modal
}
.empty-msg{
text-align:center
}
h5{
font-size:1.25rem;
margin-top:20px
}
.modal-content{
position:relative;
background-color:#fff;
border-radius:12px;
box-shadow:0 1px 5px rgba(0,0,0,.1);
background-clip:padding-box;
outline:0
}
.modal-backdrop{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1040;
background-color:rgba(0,0,0,.7);
animation:.25s fade-modal
}
.modal-backdrop.vid{
background-color:rgba(0,0,0,.8)
}
.modal-header{
padding:36px 36px 0
}
@media (max-width:768px){
.modal-header{
padding:20px
}
}
.modal .close,
.modal .close_icon{
border:0;
background:0 0;
outline:0
}
.icn-close{
height:30px;
width:30px;
display:flex;
align-items:center;
justify-content:center
}
.modal .close:hover,
.modal .close_icon:hover{
opacity:1
}
.modal-title{
margin:0;
line-height:1.5;
font-weight:600;
color:#101010;
font-size:20px
}
.modal-body{
position:relative;
padding:20px 36px 36px
}
.modal-body p:empty{
display:none
}
.modal-footer{
margin-top:23px;
text-align:right;
display:flex;
flex-direction:row-reverse
}
.modal-footer:after{
content:"";
display:table;
clear:both
}
.modal-footer .btn+.btn{
margin-right:8px;
margin-bottom:0
}
.modal-footer .btn-group .btn+.btn{
margin-left:-1px
}
.modal-footer .btn-block+.btn-block{
margin-left:0
}
@media (max-width:768px){
.modal-body{
padding:20px;
overflow-y:auto;
max-height:70vh
}
}
@media (max-width:400px){
.modal-footer{
flex-direction:column;
gap:10px
}
.modal-footer .btn+.btn{
margin-right:0
}
}
.modal-bs{
width:100%;
max-width:540px;
margin:65px auto 10px
}
.modal .close{
position:absolute;
right:10px;
top:10px;
opacity:1
}
.icn-close:after,
.icn-close:before{
position:absolute;
left:15px;
content:" ";
height:18px;
width:1.5px;
background-color:#837d84
}
.icn-close:before{
transform:rotate(45deg)
}
.icn-close:after{
transform:rotate(-45deg)
}
.btn-blue{
box-shadow:0 1px 2px 0 rgba(18,35,69,.08),0 0 0 1px rgba(22,83,202,.8),0 2px 4.3px -1px rgba(22,83,202,.4);
background-color:#2f76ff;
color:#fff;
transition:.2s
}
.btn-blue:active,
.btn-blue:focus,
.btn-blue:hover{
background-color:rgba(47,118,255,.9)
}
.btn-red{
box-shadow:0 1px 2px 0 rgba(230,19,32,.08),0 0 0 1px rgba(230,19,32,.8),0 2px 4.3px -1px rgba(230,19,32,.4);
background-color:#e61320;
color:#fff;
transition:.2s
}
.btn-red:active,
.btn-red:focus,
.btn-red:hover{
background-color:rgba(230,19,32,.9)
}
.btn-default{
box-shadow:0 5px 4.5px -1px rgba(18,35,69,.04),0 1px 2px 0 rgba(18,35,69,.05),0 0 0 1px rgba(18,35,69,.08);
transition:.2s
}
.btn-default:active,
.btn-default:focus,
.btn-default:hover{
background-color:#f8f9fc
}
.btn-border-default{
border:1px solid #d9dee7;
color:#0a0a0b;
transition:.2s
}
.btn-border-default:active,
.btn-border-default:focus,
.btn-border-default:hover{
background-color:#f8f9fc
}
.notice-wrapper{
position:fixed;
left:0;
top:0;
display:none;
width:100%;
padding:4px 18px;
text-align:center;
z-index:1029;
border:1px solid transparent
}
.notice-wrapper .icn-close{
position:absolute;
cursor:pointer
}
.notice-wrapper .alert a{
display:inline-block!important
}
.notice-wrapper .alert a:not(.btn){
color:#2f76ff
}
.alert-wrapper{
position:fixed;
left:0;
top:0;
width:100%;
height:0;
padding:0;
text-align:center;
z-index:1060;
border:1px solid transparent;
border-radius:.25rem
}
.alert-wrapper .animator{
display:inline-block;
margin-top:-45px;
transform:translateY(-40px);
opacity:0;
transition:.5s
}
.alert-wrapper .animator.stop{
margin-top:0;
opacity:1;
transform:translate(0)
}
.alert-wrapper .animator.boom{
opacity:0
}
.alert-wrapper center{
display:inline-block;
padding:3px 8px
}
.alert-wrapper center.permanent{
width:300px;
display:block;
margin:auto
}
.adition_noti_class{
top:50px
}
.alert{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
padding:.375rem .75rem;
line-height:1.6;
border:1px solid transparent;
border-radius:.25rem;
font-size:14.5px
}
.alert .btn-close,
.alert .btn-close:focus,
.alert .btn-close:hover{
background:0 0;
border:none;
outline:0
}
.alert p{
margin:0
}
.settings_wrapper .alert{
display:inline-block;
max-width:800px
}
.alert-dismissable{
padding-right:calc(.375rem + 20px)
}
.alert-dismissable .close{
position:relative;
top:-2px;
right:-21px;
color:inherit
}
.alert-blue{
background-color:#2f76ff;
border-color:#1e67f5;
color:#fff
}
.alert-red{
background-color:#e61320;
border-color:#dc1824;
color:#fff
}
.alert-red a{
color:#fff
}
.alert-info{
background-color:#fcf8e2;
border-color:#f7e7b6;
color:#333
}
.alert-info a{
color:#007aff
}
.alert-trial{
display:inline-block;
background-color:#fcf8e2;
border-color:#f7e7b6;
color:#333
}
.alert-trial a{
color:#007aff
}
.alert-notice{
background-color:#dff1ff;
border-color:#4da7ec;
color:#333c4e
}
.alert-warning{
background-color:#fcf8e3;
border-color:#faebcc;
color:#101010
}
.alert-error{
background-color:hsla(0,43%,91%,.55);
border-color:#dfa4a4;
color:#c7504e
}
.alert-blue-boxy{
padding:8px 18px;
color:#1d262d;
background-color:#e0f3ff;
border-bottom:1px solid rgba(22,142,234,.75);
line-height:1.6
}
.alert-blue-boxy .alert{
font-size:14px;
padding:8px
}
.alert-blue-boxy .btn{
margin-bottom:1px;
margin-top:-3px;
margin-left:5px;
color:#fff;
background:#3497e8;
border-radius:3px
}
.alert-blue-boxy .btn:active,
.alert-blue-boxy .btn:hover{
background:#43a6eb;
color:#fff
}
.alert-blue-boxy .cross-button{
float:right;
margin:8px auto
}
.alert-blue-boxy .cross-button ul{
cursor:pointer;
margin:0;
padding:0
}
.dropdown-menu{
position:absolute;
top:100%;
left:-1px;
z-index:1000;
display:none;
float:left;
min-width:124px;
padding:10px 0;
margin:15px 0 0;
list-style:none;
font-size:14.5px;
text-align:left;
background-color:#fff;
border:1px solid #c1cbd2;
border-radius:3px;
-ms-box-shadow:0 1px 2px hsla(198,7%,48%,.1);
-o-box-shadow:0 1px 2px hsla(198,7%,48%,.1);
box-shadow:0 1px 2px hsla(198,7%,48%,.1);
background-clip:padding-box
}
.dropdown-menu-new.dropdown-menu{
border-color:#e8e9ed;
box-shadow:0 3px 35px rgba(0,0,0,.04);
border-radius:8px;
padding:8px
}
.dropdown-menu-new.dropdown-menu li.dropdown-menu-item{
padding:7px 8px;
border-radius:6px;
display:flex;
align-items:center;
gap:8px;
cursor:pointer
}
.dropdown-menu-new.dropdown-menu li.dropdown-menu-item:hover{
background-color:#f0f0f0
}
.btn-group{
position:relative;
display:inline-block
}
.open>.dropdown-menu{
display:block
}
.dropdown-menu.bottom-right{
left:20px;
right:auto;
top:auto;
margin-top:0;
bottom:calc(100% + 10px)
}
.dropdown-menu-hr{
height:1px;
background-color:#d3d6dc;
margin:8px 0;
width:100%;
display:block
}
.btn-compact>.dropdown-menu{
top:36px;
min-width:98px;
width:calc(100% + 2px);
margin-top:0;
border-color:#e3e5eb;
border-radius:0 0 6px 6px
}
.btn-compact>.dropdown-menu li a{
height:40px
}
.btn-compact>.dropdown-menu>li>a{
padding:0 12px;
display:block;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
width:100%;
height:34px;
line-height:34px;
color:#122345
}
.btn-compact>.dropdown-menu>li>a:hover{
background-color:#e8e8e8
}
.btn-compact>.dropdown-menu.lnk-privacy-menu,
.btn-compact>.dropdown-menu.time_duration_dropdown{
padding-top:10px;
padding-bottom:10px
}
.btn-compact>.dropdown-menu.lnk-privacy-menu li a,
.btn-compact>.dropdown-menu.time_duration_dropdown li a{
padding-top:6px!important;
padding-bottom:6px!important
}
.btn-compact.open .btn{
min-width:98px;
background:#fff
}
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover{
text-decoration:none!important;
background-color:transparent!important;
background-image:none!important;
cursor:not-allowed!important
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover{
color:hsla(0,0%,6%,.5)!important
}
.head_faq_pr_panel{
line-height:24px
}
.nano{
position:relative;
width:100%;
height:100%;
overflow:hidden
}
.nano>.nano-content{
position:absolute;
overflow:auto;
top:0;
right:0;
bottom:0;
left:0;
scrollbar-width:none;
-ms-overflow-style:none
}
.nano>.nano-content:focus{
outline:0
}
.nano>.nano-content::-webkit-scrollbar{
display:none
}
.has-scrollbar>.nano-content::-webkit-scrollbar{
display:block
}
.nano>.nano-pane{
background:rgba(0,0,0,.25);
position:absolute;
width:10px;
right:0;
top:0;
bottom:0;
opacity:.01;
transition:.2s;
border-radius:5px
}
.nano>.nano-pane>.nano-slider{
background:rgba(0,0,0,.5);
position:relative;
margin:0 1px;
border-radius:3px
}
.nano-pane.active,
.nano-pane.flashed,
.nano:hover>.nano-pane{
opacity:.99
}
.ai-gen-border:before{
content:"";
position:absolute;
inset:0;
border-radius:.875rem;
background:conic-gradient(from var(--ai-angle),#ffffff00 0,#ffffff08 8%,#ffffff20 18%,#6b5eec78 30%,#6b5eecbd 42%,#6b5eec 50%,#6b5eecbd 58%,#6b5eec78 70%,#ffffff20 82%,#ffffff08 92%,#ffffff00 100%);
animation:3s linear 2 forwards ai-border-spin,1s ease-out 5s forwards ai-border-opacity-reverse;
z-index:0
}
@property --ai-angle{
syntax:"<angle>";
initial-value:40deg;
inherits:false
}
@keyframes ai-border-spin{
to{
--ai-angle:360deg
}
}
@keyframes ai-border-opacity-reverse{
0%{
opacity:1
}
to{
opacity:0
}
}
.faq-item summary{
list-style:none
}
.faq-item summary::-webkit-details-marker{
display:none
}
.faq-plus{
flex-shrink:0;
transition:transform .2s
}
.faq-item[open] .faq-plus{
transform:rotate(45deg)
}
.design-feedback-grid{
display:flex;
gap:1.25rem;
flex-wrap:wrap;
margin-top:3.5rem
}
.design-feedback-card{
box-sizing:border-box;
min-height:25.5rem;
padding:2.5rem;
display:flex;
flex-direction:column;
position:relative
}
.design-feedback-card-comments{
flex:0 1 calc(40% - 0.625rem)
}
.design-feedback-card-clients{
flex:0 1 calc(60% - 0.625rem)
}
.design-feedback-copy{
position:relative;
z-index:2
}
.design-feedback-copy-bottom{
margin-top:1.5rem
}
.design-feedback-image{
display:block;
position:relative;
z-index:1;
width:100%;
height:auto;
-o-object-fit:contain;
object-fit:contain;
border-radius:.75rem;
box-shadow:0 12px 30px rgba(0,0,0,.16)
}
.design-feedback-image-comments{
margin-top:auto!important;
width:22rem!important;
max-width:100%!important;
height:auto!important;
margin-left:auto!important;
margin-right:auto!important
}
.design-feedback-image-clients{
width:24rem!important;
max-width:100%!important;
height:auto!important;
margin:0 auto 1.5rem!important
}
@media (max-width:767px){
.design-feedback-grid{
margin-top:2.5rem
}
.design-feedback-card-clients,
.design-feedback-card-comments{
flex-basis:100%
}
.design-feedback-card{
min-height:auto;
padding:1.25rem
}
.design-feedback-image-clients,
.design-feedback-image-comments{
max-width:100%!important;
margin-top:1.5rem!important
}
}
.mac-landing{
padding-top:76px
}
:root{
--js-violet:#6259eb;
--js-navy:#130c3e;
--js-blue:#122345;
--js-muted:#59657e;
--js-border:#1223451a;
--js-soft:#f8f9fc;
--js-lilac:#f9f8fc
}
.js-header{
-webkit-backdrop-filter:saturate(180%) blur(14px);
backdrop-filter:saturate(180%) blur(14px);
background:hsla(0,0%,100%,.94)
}
.js-logo{
letter-spacing:-.35px
}
.js-logo-mark{
width:26px;
height:26px;
display:inline-grid;
grid-template-columns:repeat(3,1fr);
align-items:end;
gap:2px;
padding:5px 4px;
background:var(--js-violet);
border-radius:7px;
box-shadow:0 3px 8px rgba(98,89,235,.22)
}
.js-logo-mark i{
display:block;
background:#fff;
border-radius:999px 999px 2px 2px
}
.js-logo-mark i:first-child{
height:7px
}
.js-logo-mark i:nth-child(2){
height:12px
}
.js-logo-mark i:nth-child(3){
height:16px
}
.js-desktop-actions>a:first-child,
.js-desktop-nav a{
color:#122345cc;
transition:color .2s
}
.js-desktop-actions>a:first-child:hover,
.js-desktop-nav a:hover{
color:var(--js-violet)
}
.js-menu-btn{
width:40px;
height:40px;
border:1px solid var(--js-border);
border-radius:10px;
align-items:center;
justify-content:center;
flex-direction:column;
gap:4px;
background:#fff
}
.js-menu-btn span{
width:17px;
height:1.5px;
background:var(--js-blue);
display:block;
transition:.2s
}
.js-menu-btn.open span:first-child{
transform:translateY(5.5px) rotate(45deg)
}
.js-menu-btn.open span:nth-child(2){
opacity:0
}
.js-menu-btn.open span:nth-child(3){
transform:translateY(-5.5px) rotate(-45deg)
}
.js-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:46px;
padding:0 21px;
border-radius:10px;
font-size:14px;
font-weight:600;
line-height:1;
transition:transform .2s,box-shadow .2s,background-color .2s
}
.js-btn:hover{
transform:translateY(-1px)
}
.js-btn-primary{
background:var(--js-violet);
color:#fff;
box-shadow:0 8px 24px rgba(98,89,235,.22)
}
.js-btn-primary:hover{
background:#574ee5;
box-shadow:0 10px 28px rgba(98,89,235,.28)
}
.js-btn-dark{
background:#122345;
color:#fff
}
.js-btn-dark:hover{
background:#091329
}
.js-btn-white{
background:#fff;
color:var(--js-navy);
box-shadow:0 8px 25px rgba(0,0,0,.22)
}
.js-inline-link{
display:inline-flex;
align-items:center;
gap:8px;
color:var(--js-navy);
font-size:14px;
font-weight:600;
transition:color .2s
}
.js-inline-link:hover{
color:var(--js-violet)
}
.js-hero{
background:radial-gradient(circle at 50% 90%,rgba(98,89,235,.09),transparent 42%),linear-gradient(180deg,#fff,#fbfbfd)
}
.js-hero-orb{
position:absolute;
border-radius:999px;
filter:blur(4px);
opacity:.55;
pointer-events:none
}
.js-hero-orb-a{
width:360px;
height:360px;
left:-170px;
top:60px;
background:radial-gradient(circle,#dcd8ff 0,rgba(220,216,255,0) 70%)
}
.js-hero-orb-b{
width:420px;
height:420px;
right:-210px;
top:180px;
background:radial-gradient(circle,#eceaff 0,rgba(236,234,255,0) 70%)
}
.js-dark-pill,
.js-pill{
width:-moz-max-content;
width:max-content;
display:flex;
align-items:center;
gap:8px;
border-radius:999px;
font-size:13px;
font-weight:600
}
.js-pill{
padding:7px 11px;
background:#f4f3fb;
border:1px solid rgba(98,89,235,.12);
color:#4c448d
}
.js-apple{
font-size:10px;
color:#1d1d1f
}
.js-hero-title{
max-width:930px;
text-align:center;
font-size:64px;
line-height:1.08;
letter-spacing:-2.7px
}
.js-hero-copy{
max-width:760px;
line-height:1.65
}
.js-check{
width:18px;
height:18px;
border-radius:999px;
background:#edecff;
color:var(--js-violet);
font-size:11px;
display:inline-flex;
align-items:center;
justify-content:center
}
.js-recorder-wrap{
max-width:1000px;
padding:0 44px 60px
}
.js-recorder-window{
position:relative;
overflow:hidden;
border-radius:18px;
background:#fff;
border:1px solid rgba(18,35,69,.11);
box-shadow:0 26px 70px rgba(18,35,69,.14),0 2px 8px rgba(18,35,69,.08)
}
.js-window-topbar{
height:44px;
display:grid;
grid-template-columns:130px 1fr 130px;
align-items:center;
padding:0 16px;
border-bottom:1px solid rgba(18,35,69,.08);
background:#fff;
font-size:11px;
color:#77829a
}
.js-window-title{
text-align:center
}
.js-window-more{
text-align:right;
letter-spacing:2px
}
.js-traffic{
display:flex;
gap:6px
}
.js-traffic i{
width:10px;
height:10px;
border-radius:50%;
display:block
}
.js-traffic i:first-child{
background:#ff5f57
}
.js-traffic i:nth-child(2){
background:#febc2e
}
.js-traffic i:nth-child(3){
background:#28c840
}
.js-window-body{
height:470px;
display:grid;
grid-template-columns:62px 1fr;
background:#f8f9fc;
position:relative;
overflow:hidden
}
.js-fake-sidebar{
background:#fff;
border-right:1px solid rgba(18,35,69,.07);
display:flex;
align-items:center;
flex-direction:column;
gap:18px;
padding-top:18px
}
.js-fake-sidebar>span{
width:24px;
height:24px;
border-radius:7px;
background:#f0f1f5;
position:relative
}
.js-fake-sidebar>span.active{
background:#eceaff
}
.js-fake-sidebar>span.active:after{
content:"";
position:absolute;
width:7px;
height:7px;
border-radius:2px;
background:var(--js-violet);
inset:0;
margin:auto
}
.js-mini-brand{
width:28px;
height:28px;
display:grid;
place-items:center;
background:var(--js-violet);
border-radius:8px;
color:#fff;
font-size:12px;
font-weight:700;
margin-bottom:5px
}
.js-fake-content{
padding:34px 38px
}
.js-fake-header{
height:38px;
display:flex;
justify-content:space-between;
align-items:center
}
.js-fake-header span{
width:190px;
height:15px;
background:#dfe2e9;
border-radius:5px
}
.js-fake-header i{
width:78px;
height:29px;
background:#6259eb;
border-radius:7px;
opacity:.88
}
.js-board{
margin-top:30px;
display:grid;
grid-template-columns:1.2fr 1fr 1fr;
gap:18px
}
.js-board-card{
height:240px;
border-radius:14px;
background:#fff;
border:1px solid rgba(18,35,69,.08);
padding:22px;
text-align:left;
box-shadow:0 6px 20px rgba(18,35,69,.045);
display:flex;
flex-direction:column
}
.js-board-card em{
font-style:normal;
width:-moz-max-content;
width:max-content;
padding:4px 7px;
border-radius:5px;
background:#edf6fa;
color:#2f76ff;
font-size:10px;
font-weight:700
}
.js-board-card em.violet{
background:#efedff;
color:#6259eb
}
.js-board-card em.pink{
background:#fff1f5;
color:#e75480
}
.js-board-card strong{
margin-top:20px;
font-size:15px;
color:#122345
}
.js-board-card small{
margin-top:6px;
color:#999cb2
}
.js-board-line{
height:7px;
background:#eef0f4;
border-radius:999px;
margin-top:auto
}
.js-board-line.short{
width:64%
}
.js-webcam{
position:absolute;
right:52px;
bottom:35px;
width:128px;
height:128px;
border-radius:50%;
border:4px solid #fff;
box-shadow:0 8px 30px rgba(15,28,53,.23);
background:linear-gradient(145deg,#c9c6ff,#6962d9);
overflow:hidden
}
.js-webcam:after{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)
}
.js-webcam>span{
position:absolute;
left:12px;
bottom:10px;
color:#fff;
background:rgba(0,0,0,.28);
padding:2px 6px;
border-radius:5px;
font-size:9px;
z-index:2
}
.js-person i{
position:absolute;
width:45px;
height:50px;
border-radius:50%;
background:#d8a47f;
left:41px;
top:20px
}
.js-person i:after{
content:"";
position:absolute;
left:-4px;
top:-5px;
width:52px;
height:23px;
background:#41312e;
border-radius:50% 50% 38% 42%
}
.js-person b{
position:absolute;
width:88px;
height:85px;
border-radius:50% 50% 0 0;
background:#202d50;
left:20px;
top:67px
}
.js-draw-stroke{
position:absolute;
width:155px;
height:74px;
border-color:#e63b3b #e63b3b transparent transparent;
border-style:solid;
border-width:4px;
border-radius:50%;
right:205px;
top:115px;
transform:rotate(-15deg)
}
.js-cursor{
position:absolute;
width:27px;
height:27px;
border:3px solid rgba(98,89,235,.4);
border-radius:50%;
left:46%;
top:48%;
box-shadow:0 0 0 7px rgba(98,89,235,.1)
}
.js-record-controls{
position:absolute;
bottom:10px;
left:50%;
transform:translateX(-50%);
height:56px;
display:flex;
align-items:center;
gap:10px;
border-radius:14px;
background:#171725;
color:#fff;
padding:7px 8px 7px 13px;
box-shadow:0 17px 40px rgba(6,5,21,.28);
z-index:5
}
.js-rec-dot{
width:9px;
height:9px;
border-radius:50%;
background:#e61320;
box-shadow:0 0 0 4px rgba(230,19,32,.13)
}
.js-record-controls strong{
font-size:12px;
letter-spacing:.5px
}
.js-record-controls>i{
height:24px;
width:1px;
background:#343448
}
.js-record-controls button{
width:34px;
height:34px;
border:0;
border-radius:9px;
background:#252538;
color:#fff;
display:grid;
place-items:center;
font-size:12px
}
.js-record-controls button svg{
width:16px;
height:16px;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round
}
.js-record-controls .js-pause{
font-weight:700
}
.js-record-controls .js-finish{
width:auto;
padding:0 15px;
background:#6259eb;
font-weight:600
}
.js-float-chip{
position:absolute;
background:#fff;
border:1px solid rgba(18,35,69,.09);
border-radius:12px;
padding:10px 13px;
display:flex;
align-items:center;
gap:9px;
font-size:11px;
color:#59657e;
z-index:4
}
.js-float-chip b{
color:#122345
}
.js-chip-4k{
left:3px;
top:125px
}
.js-chip-4k b{
display:grid;
place-items:center;
background:#6259eb;
color:#fff;
border-radius:7px;
width:32px;
height:27px
}
.js-chip-audio{
right:1px;
top:235px
}
.js-wave{
font-family:monospace;
color:#6259eb;
letter-spacing:-2px
}
.js-trust{
max-width:820px
}
.js-avatars{
display:flex
}
.js-avatars span{
width:34px;
height:34px;
border-radius:50%;
display:grid;
place-items:center;
color:#fff;
font-size:10px;
font-weight:700;
border:2px solid #fff;
margin-left:-7px;
background:#8e88dc
}
.js-avatars span:first-child{
margin-left:0;
background:#554dbe
}
.js-avatars span:nth-child(2){
background:#e79677
}
.js-avatars span:nth-child(3){
background:#6687b6
}
.js-avatars span:nth-child(4){
background:#bc8bca
}
.js-avatars span:nth-child(5){
background:#66a78b
}
.js-stars{
font-size:13px;
letter-spacing:1px;
color:#ffbc03
}
.js-trust-divider{
height:30px;
width:1px;
background:rgba(18,35,69,.1)
}
.js-section-heading{
max-width:790px
}
.js-kicker{
display:inline-flex;
align-items:center;
justify-content:center;
padding:6px 10px;
border-radius:7px;
background:#f4f3fb;
color:#6259eb;
font-size:12px;
font-weight:700;
letter-spacing:.1px
}
.js-kicker-ai{
background:#f2edff;
color:#9452ff
}
.js-left-heading{
text-align:left!important
}
.js-copy-block{
max-width:520px
}
.js-soft-section{
background:#fbfbfd
}
.js-lilac-section{
background:#f9f8fc
}
.js-feature-card,
.js-mini-card,
.js-step-card,
.js-use-card{
background:#fff;
border:1px solid rgba(18,35,69,.08);
border-radius:16px
}
.js-feature-card{
padding:27px;
min-height:245px;
transition:transform .22s,box-shadow .22s
}
.js-feature-card:hover,
.js-use-card:hover{
transform:translateY(-3px);
box-shadow:0 14px 32px rgba(18,35,69,.09)
}
.js-ai-card h3,
.js-feature-card h3,
.js-mini-card h3,
.js-outcome-card h3,
.js-step-card h3,
.js-use-card h3{
font-size:18px;
line-height:1.35;
letter-spacing:-.25px;
text-align:left
}
.js-ai-card p,
.js-feature-card p,
.js-mini-card p,
.js-outcome-card p,
.js-step-card p,
.js-use-card p{
margin-top:9px;
font-size:14px;
line-height:1.65;
color:#59657e
}
.js-icon-box{
width:42px;
height:42px;
border-radius:10px;
background:#f2f1ff;
color:#6259eb;
display:grid;
place-items:center;
margin-bottom:20px;
font-weight:700
}
.js-icon-box svg{
width:20px;
height:20px;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round
}
.js-icon-box.small{
font-size:14px;
margin-bottom:16px
}
.js-number-list{
border-top:1px solid rgba(18,35,69,.08)
}
.js-number-list>div{
display:grid;
grid-template-columns:42px 1fr;
gap:10px;
padding:17px 0;
border-bottom:1px solid rgba(18,35,69,.08)
}
.js-number-list>div>span{
color:#6259eb;
font-weight:700;
font-size:12px;
padding-top:2px
}
.js-number-list p{
font-size:14px;
line-height:1.55;
color:#59657e
}
.js-number-list strong{
display:block;
color:#122345;
font-size:14px;
margin-bottom:3px
}
.js-camera-demo{
border-radius:20px;
background:linear-gradient(135deg,#e6e4ff,#cbc7ff 50%,#f7f6ff);
padding:34px;
min-height:510px;
border:1px solid rgba(98,89,235,.14);
overflow:hidden
}
.js-camera-canvas{
height:440px;
border-radius:18px;
background:linear-gradient(145deg,#9b8a83,#d6bdaf 42%,#b8c7d6);
position:relative;
overflow:hidden;
box-shadow:0 20px 40px rgba(48,42,95,.18)
}
.js-camera-canvas:before{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:35%;
background:linear-gradient(180deg,rgba(25,31,47,0),rgba(25,31,47,.32))
}
.js-camera-top{
position:absolute;
left:18px;
right:18px;
top:16px;
height:42px;
border-radius:11px;
background:hsla(0,0%,100%,.93);
display:flex;
align-items:center;
justify-content:space-between;
padding:0 14px;
font-size:12px;
color:#122345;
box-shadow:0 4px 14px rgba(18,35,69,.11);
z-index:4
}
.js-camera-top button{
border:0;
background:0 0;
color:#8993a5;
font-size:19px
}
.js-camera-tabs{
position:absolute;
left:18px;
top:70px;
display:flex;
gap:5px;
background:hsla(0,0%,100%,.88);
padding:4px;
border-radius:9px;
font-size:10px;
z-index:4
}
.js-camera-tabs span{
padding:6px 8px;
border-radius:6px;
color:#7c8494
}
.js-camera-tabs .active{
background:#fff;
color:#6259eb;
box-shadow:0 1px 4px rgba(18,35,69,.1)
}
.js-camera-options{
position:absolute;
left:18px;
top:116px;
display:flex;
gap:7px;
padding:8px;
border-radius:11px;
background:hsla(0,0%,100%,.9);
z-index:4
}
.js-camera-options i{
display:block;
width:33px;
height:26px;
border-radius:6px;
border:2px solid hsla(0,0%,100%,.8)
}
.js-camera-options .blur{
background:linear-gradient(135deg,#b6b5be,#d7d6dc)
}
.js-camera-options .warm{
background:linear-gradient(135deg,#e8aa74,#935f48)
}
.js-camera-options .sky{
background:linear-gradient(135deg,#82bde5,#e8f2f8)
}
.js-camera-options .night{
background:linear-gradient(135deg,#27314a,#101525)
}
.js-cutout-person i{
position:absolute;
width:95px;
height:102px;
border-radius:48% 48% 45% 45%;
background:#c99270;
left:50%;
top:118px;
transform:translateX(-50%);
z-index:2
}
.js-cutout-person i:after{
content:"";
position:absolute;
width:104px;
height:50px;
border-radius:60% 60% 35% 35%;
background:#3d302e;
left:-5px;
top:-12px
}
.js-cutout-person b{
width:225px;
height:260px;
border-radius:48% 48% 0 0;
background:#202c4b;
top:203px;
z-index:1;
box-shadow:0 -2px 0 hsla(0,0%,100%,.2)
}
.js-cutout-person b,
.js-cutout-tag{
position:absolute;
left:50%;
transform:translateX(-50%)
}
.js-cutout-tag{
bottom:20px;
z-index:3;
background:rgba(17,16,30,.76);
color:#fff;
padding:5px 9px;
border-radius:6px;
font-size:10px
}
.js-camera-toolbar{
position:absolute;
right:18px;
top:76px;
display:flex;
flex-direction:column;
gap:6px;
z-index:4
}
.js-camera-toolbar span{
width:31px;
height:31px;
border-radius:9px;
background:hsla(0,0%,100%,.92);
display:grid;
place-items:center;
color:#6259eb;
font-size:11px;
box-shadow:0 2px 8px rgba(18,35,69,.08)
}
.js-stream-demo{
position:relative;
border-radius:20px;
padding:24px;
background:#11101e;
border:1px solid hsla(0,0%,100%,.06);
min-height:450px;
overflow:hidden
}
.js-stream-demo:before{
content:"";
position:absolute;
width:260px;
height:260px;
border-radius:50%;
background:rgba(98,89,235,.22);
filter:blur(70px);
right:-60px;
top:-60px
}
.js-stream-video{
position:relative;
height:320px;
border-radius:14px;
background:linear-gradient(145deg,#30364b,#1c2030);
border:1px solid hsla(0,0%,100%,.07);
display:grid;
place-items:center;
overflow:hidden
}
.js-stream-video:before{
content:"";
position:absolute;
inset:38px;
background:linear-gradient(90deg,hsla(0,0%,100%,.055) 1px,transparent 0),linear-gradient(hsla(0,0%,100%,.055) 1px,transparent 0);
background-size:35px 35px
}
.js-stream-play{
position:relative;
z-index:2;
width:56px;
height:56px;
border-radius:50%;
display:grid;
place-items:center;
padding-left:4px;
background:#6259eb;
color:#fff;
box-shadow:0 10px 30px rgba(98,89,235,.32)
}
.js-stream-wave{
position:absolute;
left:22px;
right:22px;
bottom:25px;
display:flex;
gap:4px;
align-items:end;
height:35px
}
.js-stream-wave i{
flex:1;
background:hsla(0,0%,100%,.14);
border-radius:3px 3px 0 0
}
.js-stream-wave i:first-child{
height:35%
}
.js-stream-wave i:nth-child(2){
height:65%
}
.js-stream-wave i:nth-child(3){
height:45%
}
.js-stream-wave i:nth-child(4){
height:85%
}
.js-stream-wave i:nth-child(5){
height:58%
}
.js-stream-wave i:nth-child(6){
height:72%
}
.js-stream-copy{
margin-top:15px;
height:49px;
border-radius:11px;
background:#1c1c2c;
border:1px solid hsla(0,0%,100%,.07);
display:flex;
align-items:center;
justify-content:space-between;
padding:0 8px 0 14px;
color:#aaa8bd;
font-size:11px
}
.js-stream-copy button{
height:34px;
border:0;
border-radius:8px;
background:#6259eb;
color:#fff;
padding:0 12px;
font-size:11px;
font-weight:600
}
.js-upload-toast{
position:absolute;
right:10px;
top:38px;
background:#fff;
border-radius:12px;
padding:11px 13px;
display:flex;
align-items:center;
gap:10px;
min-width:175px
}
.js-upload-toast>span{
width:29px;
height:29px;
border-radius:50%;
background:#e8fff2;
color:#2fa969;
display:grid;
place-items:center;
font-size:12px
}
.js-upload-toast p{
display:flex;
flex-direction:column;
color:#122345;
font-size:11px;
line-height:1.35
}
.js-upload-toast small{
color:#999cb2;
margin-top:2px
}
.js-process-pill{
padding:7px 10px;
border-radius:8px;
background:#f4f3fb;
color:#6259eb;
font-size:12px
}
.js-mini-card{
padding:22px;
min-height:180px
}
.js-product-image{
background:#fff;
border:1px solid rgba(18,35,69,.08)
}
.js-product-image img{
display:block
}
.js-ai-img{
height:280px;
background:#f8f9fc;
display:flex;
align-items:flex-end;
justify-content:center;
overflow:hidden
}
.js-ai-img img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center top;
object-position:center top
}
.js-ai-copy{
padding:24px
}
.js-ai-copy>span{
color:#6259eb;
font-size:11px;
font-weight:700
}
.js-ai-copy h3{
margin-top:8px
}
.js-ai-text-card{
min-height:330px;
background:linear-gradient(180deg,#fff,#fbfbfd)
}
.js-summary-lines{
margin-top:25px;
display:grid;
gap:9px
}
.js-summary-lines i{
height:8px;
border-radius:999px;
background:#eceef3
}
.js-summary-lines i:nth-child(2){
width:85%
}
.js-summary-lines i:nth-child(3){
width:94%
}
.js-summary-lines i:nth-child(4){
width:62%
}
.js-chapters{
margin-top:24px;
display:grid;
gap:8px
}
.js-chapters span{
border:1px solid rgba(18,35,69,.08);
border-radius:8px;
padding:9px 10px;
background:#fff;
color:#59657e;
font-size:11px
}
.js-ai-wide{
grid-column:1/-1;
display:grid;
grid-template-columns:.8fr 1.2fr;
align-items:center;
background:#f9f8fc;
border:1px solid rgba(98,89,235,.11)
}
.js-ai-wide-copy{
padding:36px
}
.js-ai-wide-copy h3{
font-size:26px;
line-height:1.3;
margin-top:14px
}
.js-ai-wide-copy p{
font-size:14px;
line-height:1.65;
color:#59657e;
margin-top:10px
}
.js-ai-wide-img{
padding:25px 25px 0 0;
align-self:end
}
.js-ai-wide-img img{
width:100%;
display:block
}
.js-outcome-card{
background:#fff;
border:1px solid rgba(18,35,69,.08)
}
.js-outcome-image{
height:290px;
background:#f8f9fc;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden
}
.js-outcome-image img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center
}
.js-outcome-copy{
padding:24px
}
.js-comment-strip{
padding:18px 22px;
background:#fff;
border:1px solid rgba(18,35,69,.08)
}
.js-comment-strip>div{
flex:1
}
.js-comment-strip strong{
font-size:14px;
color:#122345
}
.js-comment-strip p{
font-size:13px;
color:#59657e;
margin-top:2px
}
.js-quote{
width:38px;
height:38px;
border-radius:10px;
background:#f2f1ff;
color:#6259eb;
display:grid;
place-items:center;
font-size:25px;
font-family:Georgia,serif
}
.js-replies{
padding:6px 9px;
border-radius:999px;
background:#f4f3fb;
color:#6259eb;
font-size:11px;
font-weight:600
}
.js-use-card{
padding:26px;
min-height:215px
}
.js-use-icon{
width:38px;
height:38px;
border-radius:10px;
background:#f2f1ff;
color:#6259eb;
display:grid;
place-items:center;
margin-bottom:20px;
font-size:14px;
font-weight:700
}
.js-table-wrap{
border:1px solid rgba(18,35,69,.09);
background:#fff
}
.js-comparison{
border-collapse:separate;
border-spacing:0
}
.js-comparison td,
.js-comparison th{
padding:15px 20px;
border-bottom:1px solid rgba(18,35,69,.07);
font-size:13px
}
.js-comparison th{
text-align:left;
background:#fbfbfd;
color:#122345;
font-weight:600
}
.js-comparison td:nth-child(2),
.js-comparison th:nth-child(2){
text-align:center;
background:#f7f6ff
}
.js-comparison td:nth-child(3),
.js-comparison th:nth-child(3){
text-align:center
}
.js-comparison td:first-child{
color:#59657e
}
.js-comparison td:nth-child(2){
color:#6259eb;
font-weight:800;
font-size:15px
}
.js-comparison td:nth-child(3){
color:#999cb2;
font-weight:600
}
.js-comparison tbody tr:last-child td{
border-bottom:0
}
.js-mini-logo{
display:inline-flex;
align-items:center;
gap:7px
}
.js-mini-logo i{
font-style:normal;
width:24px;
height:24px;
border-radius:7px;
background:#6259eb;
color:#fff;
display:grid;
place-items:center;
font-size:10px
}
.js-comparison-note{
max-width:780px;
font-size:14px;
line-height:1.65
}
.js-step-card{
position:relative;
padding:25px;
min-height:205px
}
.js-step-card>span{
width:32px;
height:32px;
border-radius:9px;
background:#6259eb;
color:#fff;
display:grid;
place-items:center;
font-size:12px;
font-weight:700;
margin-bottom:22px;
box-shadow:0 6px 16px rgba(98,89,235,.2)
}
.js-faq-intro{
align-self:start
}
.js-faq-list details{
border-bottom:1px solid rgba(18,35,69,.1);
padding:0
}
.js-faq-list summary{
list-style:none;
cursor:pointer;
padding:22px 0;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
color:#122345;
font-size:15px;
font-weight:600
}
.js-faq-list summary::-webkit-details-marker{
display:none
}
.js-faq-list summary span{
width:28px;
height:28px;
min-width:28px;
border-radius:8px;
background:#f4f3fb;
color:#6259eb;
display:grid;
place-items:center;
font-size:15px;
transition:transform .2s
}
.js-faq-list details[open] summary span{
transform:rotate(45deg);
transform:none
}
.js-faq-list details>div{
padding:0 42px 22px 0;
overflow:hidden
}
.js-faq-list details p{
font-size:14px;
line-height:1.65;
color:#59657e;
margin-top:8px
}
.js-faq-list details p:first-child{
margin-top:0
}
.js-final-cta{
color:#fff
}
.js-final-cta:before{
content:"";
position:absolute;
inset:0;
background-image:linear-gradient(hsla(0,0%,100%,.035) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,transparent 0);
background-size:42px 42px;
-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);
mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)
}
.js-final-orb{
position:absolute;
border-radius:50%;
filter:blur(80px);
opacity:.42
}
.js-final-orb-a{
width:350px;
height:350px;
background:#6259eb;
left:8%;
top:-230px
}
.js-final-orb-b{
width:300px;
height:300px;
background:#9452ff;
right:12%;
bottom:-220px
}
.js-dark-pill{
margin:0 auto;
padding:7px 11px;
background:hsla(0,0%,100%,.08);
border:1px solid hsla(0,0%,100%,.09);
color:#c8c5ef
}
.js-final-title{
color:#fff;
font-size:48px;
letter-spacing:-1.5px
}
.js-final-copy{
max-width:670px;
color:hsla(0,0%,100%,.62);
font-size:17px;
line-height:1.65
}
.js-final-meta{
color:hsla(0,0%,100%,.45)
}
.js-final-meta i{
color:hsla(0,0%,100%,.2)
}
@media (max-width:1023px){
.js-desktop-actions,
.js-desktop-nav{
display:none
}
.js-menu-btn{
display:flex
}
.js-hero-title{
font-size:52px
}
.js-recorder-wrap{
max-width:820px
}
.js-window-body{
height:410px
}
.js-board{
gap:12px
}
.js-board-card{
padding:17px
}
.js-webcam{
width:108px;
height:108px
}
.js-person i{
left:31px
}
.js-person b{
left:10px
}
.js-split{
grid-template-columns:1fr
}
.js-copy-block{
max-width:680px;
margin:0 auto
}
.js-camera-demo,
.js-stream-demo{
max-width:680px;
width:100%;
margin:0 auto
}
.js-ai-img{
height:240px
}
.js-outcome-image{
height:250px
}
.js-steps,
.js-use-grid{
grid-template-columns:repeat(2,minmax(0,1fr))
}
}
@media (max-width:639px){
.js-hero-title{
font-size:40px;
line-height:1.14;
letter-spacing:-1.4px
}
.js-hero-copy{
font-size:16px
}
.js-recorder-wrap{
padding:0 0 66px
}
.js-window-topbar{
grid-template-columns:85px 1fr 50px
}
.js-window-body{
height:300px;
grid-template-columns:45px 1fr
}
.js-fake-sidebar{
gap:12px;
padding-top:12px
}
.js-fake-sidebar>span{
width:18px;
height:18px
}
.js-mini-brand{
width:23px;
height:23px
}
.js-fake-content{
padding:22px 16px
}
.js-fake-header span{
width:110px
}
.js-board{
grid-template-columns:1fr 1fr;
margin-top:18px
}
.js-board-card{
height:165px;
padding:13px
}
.js-board-card:nth-child(3){
display:none
}
.js-board-card strong{
margin-top:12px;
font-size:12px
}
.js-webcam{
width:82px;
height:82px;
right:16px;
bottom:17px;
border-width:3px
}
.js-person i{
width:30px;
height:33px;
left:26px;
top:11px
}
.js-person i:after{
width:35px;
height:15px;
left:-2px
}
.js-person b{
width:58px;
height:55px;
left:12px;
top:43px
}
.js-draw-stroke{
width:100px;
height:45px;
right:115px;
top:80px;
border-width:3px
}
.js-record-controls{
height:51px;
gap:6px;
padding-left:9px
}
.js-record-controls button{
width:30px;
height:30px
}
.js-record-controls button:nth-of-type(3),
.js-record-controls button:nth-of-type(4){
display:none
}
.js-record-controls .js-finish{
display:grid!important;
padding:0 12px;
width:auto
}
.js-float-chip{
padding:8px 9px
}
.js-chip-4k{
left:-6px;
top:87px
}
.js-chip-audio{
right:-6px;
top:170px
}
.js-trust-divider{
display:none
}
.js-left-heading,
.js-section-heading h2{
font-size:36px!important;
line-height:1.25!important;
letter-spacing:-1.1px!important
}
.js-feature-grid,
.js-steps,
.js-use-grid{
grid-template-columns:1fr
}
.js-feature-card{
min-height:0
}
.js-camera-demo{
padding:15px;
min-height:400px
}
.js-camera-canvas{
height:370px
}
.js-cutout-person i{
width:73px;
height:78px;
top:110px
}
.js-cutout-person i:after{
width:80px;
height:37px
}
.js-cutout-person b{
width:170px;
height:210px;
top:180px
}
.js-stream-demo{
min-height:380px;
padding:16px
}
.js-stream-video{
height:280px
}
.js-upload-toast{
right:4px;
top:28px
}
.js-ai-grid,
.js-ai-wide,
.js-edit-layout,
.js-faq-layout,
.js-outcome-grid{
grid-template-columns:1fr
}
.js-ai-wide-img{
padding:0 18px
}
.js-ai-wide-copy{
padding:26px
}
.js-ai-img,
.js-outcome-image{
height:auto
}
.js-comment-strip{
align-items:flex-start
}
.js-replies{
display:none
}
.js-comparison td,
.js-comparison th{
padding:12px 10px;
font-size:11px
}
.js-comparison td:first-child,
.js-comparison th:first-child{
min-width:175px
}
.js-table-wrap{
overflow-x:auto
}
.js-faq-intro{
position:static
}
.js-final-title{
font-size:38px;
line-height:1.22;
letter-spacing:-1px
}
.js-final-copy{
font-size:16px
}
}
.gap-8{
gap:2rem
}
.h-\[72px\]{
height:72px
}
.py-5{
padding-top:1.25rem;
padding-bottom:1.25rem
}
@media not all and (width>=640px){
.max-sm\:gap-4{
gap:1rem
}
}
.js-hero-video-wrap{
max-width:1000px;
padding:0 44px 18px
}
.js-hero-video-frame{
position:relative;
overflow:hidden;
border-radius:20px;
background:#0c1020;
border:1px solid rgba(18,35,69,.11);
box-shadow:0 28px 80px rgba(18,35,69,.16),0 3px 10px rgba(18,35,69,.08)
}
.js-hero-video-frame:before{
content:"";
display:block;
position:absolute;
inset:0;
border-radius:inherit;
box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06);
pointer-events:none;
z-index:1
}
.js-hero-video{
display:block;
width:100%;
height:auto;
-o-object-fit:contain;
object-fit:contain;
background:#0c1020
}
.js-hero-video-chip-4k{
left:5px;
top:74px
}
.js-hero-video-chip-audio{
right:4px;
bottom:54px
}
.js-hero-video-wrap .js-float-chip{
z-index:2
}
@media (max-width:639px){
.js-hero-video-wrap{
padding:0 0 18px
}
.js-hero-video-frame{
border-radius:14px
}
.js-hero-video-chip-4k{
left:-6px;
top:28px
}
.js-hero-video-chip-audio{
right:-6px;
bottom:26px
}
.js-hero-video-wrap .js-float-chip{
transform:scale(.88)
}
}
.js-hero-cta{
min-height:56px;
padding-left:25px;
padding-right:25px;
border-radius:12px;
font-size:17px;
gap:10px
}
.js-action-demo{
border-radius:20px;
background:linear-gradient(135deg,#e8e6ff,#d5d2ff 48%,#f8f7ff);
padding:24px;
border:1px solid rgba(98,89,235,.14);
overflow:hidden;
min-height:510px
}
.js-action-demo-head{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:16px;
padding:0 2px
}
.js-action-demo-title{
font-size:13px;
font-weight:600;
color:#122345
}
.js-action-demo-status{
display:flex;
align-items:center;
gap:6px;
padding:5px 9px;
border-radius:999px;
background:hsla(0,0%,100%,.78);
font-size:10px;
font-weight:600;
color:#59657e
}
.js-action-demo-status i{
width:6px;
height:6px;
border-radius:999px;
background:#35c98b
}
.js-action-showcase{
position:relative;
height:430px
}
.js-action-shot{
position:absolute;
margin:0;
background:#fff;
border:1px solid rgba(18,35,69,.08);
border-radius:14px;
overflow:hidden;
box-shadow:0 18px 38px rgba(38,34,94,.14)
}
.js-action-shot figcaption{
height:38px;
display:flex;
align-items:center;
gap:8px;
padding:0 12px;
border-bottom:1px solid rgba(18,35,69,.07);
font-size:11px;
font-weight:600;
color:#122345;
background:hsla(0,0%,100%,.96)
}
.js-action-shot figcaption span{
display:grid;
place-items:center;
width:20px;
height:20px;
border-radius:6px;
background:#f2f1ff;
color:#6259eb;
font-size:9px
}
.js-action-shot img{
display:block;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:top center;
object-position:top center
}
.js-action-shot-cta{
left:0;
top:0;
width:73%;
height:270px;
z-index:3
}
.js-action-shot-forms{
right:0;
top:116px;
width:63%;
height:230px;
z-index:4
}
.js-action-shot-analytics{
left:7%;
bottom:0;
width:68%;
height:210px;
z-index:5
}
.js-action-shot-analytics img,
.js-action-shot-cta img,
.js-action-shot-forms img{
height:calc(100% - 38px)
}
@media (max-width:1023px){
.js-hero-video-wrap{
max-width:820px
}
.js-action-demo{
max-width:680px;
width:100%;
margin:0 auto
}
}
@media (max-width:639px){
.js-action-demo{
padding:14px;
min-height:420px
}
.js-action-showcase{
height:350px
}
.js-action-shot-cta{
width:78%;
height:220px
}
.js-action-shot-forms{
top:94px;
width:67%;
height:190px
}
.js-action-shot-analytics{
left:5%;
width:72%;
height:175px
}
}
.js-top-intro{
margin-left:auto;
margin-right:auto
}
@media (min-width:641px){
.js-top-intro{
margin-left:0;
margin-right:0
}
}
.js-product-led{
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
gap:2.5rem;
align-items:center
}
.js-recorder-frame{
background:#fff;
border:1px solid rgba(19,12,62,.08);
border-radius:24px;
overflow:hidden
}
.js-recorder-windowbar{
display:flex;
align-items:center;
justify-content:space-between;
padding:14px 18px;
border-bottom:1px solid rgba(19,12,62,.08);
background:rgba(248,249,252,.9)
}
.js-window-dots{
display:flex;
gap:8px
}
.js-window-dots i{
display:block;
width:10px;
height:10px;
border-radius:999px;
background:#130c3e;
opacity:.12
}
.js-window-badge{
font-size:11px;
line-height:1rem;
color:rgba(18,35,69,.7);
border:1px solid rgba(19,12,62,.08);
border-radius:999px;
padding:7px 12px;
background:#fff
}
.js-recorder-canvas{
position:relative;
min-height:430px;
background:linear-gradient(180deg,#f8f9fc,#eef2ff);
padding:28px
}
.js-demo-stage{
position:relative;
height:300px;
border-radius:24px;
border:1px solid rgba(19,12,62,.08);
background:#fff;
padding:22px;
box-shadow:0 18px 40px rgba(12,20,43,.08)
}
.js-demo-nav{
width:122px;
height:12px;
border-radius:999px;
background:rgba(19,12,62,.09)
}
.js-demo-lines{
margin-top:16px
}
.js-demo-lines i{
display:block;
height:12px;
border-radius:999px;
background:rgba(19,12,62,.06);
margin-bottom:10px
}
.js-demo-lines i:first-child{
width:42%
}
.js-demo-lines i:last-child{
width:66%
}
.js-demo-widgets{
position:absolute;
left:22px;
right:22px;
bottom:22px;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px
}
.js-demo-widgets span{
display:block;
height:86px;
border-radius:18px;
background:linear-gradient(180deg,rgba(98,89,235,.08),rgba(98,89,235,.03));
border:1px solid rgba(98,89,235,.08)
}
.js-recorder-toolbar{
position:absolute;
left:50%;
bottom:28px;
transform:translateX(-50%);
display:flex;
align-items:center;
gap:10px;
padding:10px 12px;
border-radius:18px;
border:1px solid rgba(19,12,62,.08);
background:#fff
}
.js-recorder-toolbar .js-recorder-dot{
display:flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
border-radius:14px;
background:rgba(98,89,235,.08);
color:#6259eb;
font-size:.875rem
}
.js-recorder-toolbar i{
width:1px;
height:28px;
background:rgba(19,12,62,.08)
}
.js-recorder-toolbar span:not(.js-recorder-dot){
padding:0 14px;
border-radius:14px;
border:1px solid rgba(19,12,62,.08);
color:#122345;
background:#fff
}
.js-recorder-toolbar button,
.js-recorder-toolbar span:not(.js-recorder-dot){
display:flex;
align-items:center;
justify-content:center;
height:38px;
font-size:.8125rem
}
.js-recorder-toolbar button{
padding:0 16px;
border-radius:14px;
background:#6259eb;
color:#fff;
font-weight:600
}
.js-recorder-webcam{
position:absolute;
right:28px;
bottom:102px;
width:108px;
height:108px;
border-radius:24px;
overflow:hidden;
border:4px solid #fff;
background:linear-gradient(180deg,#fff,#eef2ff)
}
.js-recorder-avatar{
display:flex;
align-items:flex-end;
justify-content:center;
width:100%;
height:100%;
background:linear-gradient(180deg,rgba(98,89,235,.08),rgba(98,89,235,.18))
}
.js-recorder-avatar b{
display:block;
width:54px;
height:72px;
border-radius:999px 999px 18px 18px;
background:rgba(19,12,62,.18)
}
.js-feature-list-modern{
display:flex;
flex-direction:column
}
.js-feature-list-modern article{
display:grid;
grid-template-columns:46px minmax(0,1fr);
gap:1rem;
padding:18px 0;
border-bottom:1px solid rgba(19,12,62,.08)
}
.js-feature-list-modern article:first-child{
padding-top:0
}
.js-feature-list-modern article:last-child{
padding-bottom:0;
border-bottom:0
}
.js-feature-list-modern span{
display:flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
border-radius:14px;
background:rgba(98,89,235,.08);
color:#6259eb;
font-size:.8125rem;
font-weight:600
}
.js-feature-list-modern h3{
font-size:1.2rem;
line-height:1.45rem;
letter-spacing:-.02em;
color:#130c3e
}
.js-feature-list-modern p{
margin-top:6px;
color:rgba(18,35,69,.68);
line-height:1.6
}
.js-native-band{
border-radius:32px;
padding:54px 54px 46px
}
.js-proof-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:2.5rem
}
.js-proof-grid article{
text-align:left
}
.js-proof-icon{
display:flex;
align-items:center;
justify-content:center;
width:46px;
height:46px;
border-radius:18px;
border:1px solid rgba(19,12,62,.08);
background:#fff;
color:#130c3e
}
.js-proof-icon svg{
width:20px;
height:20px
}
.js-proof-grid h3{
margin-top:16px;
font-size:1.2rem;
line-height:1.45rem;
letter-spacing:-.02em;
color:#130c3e
}
.js-proof-grid p{
margin-top:8px;
color:rgba(18,35,69,.68);
line-height:1.6
}
@media screen and (max-width:1024px){
.js-product-led{
grid-template-columns:1fr
}
.js-recorder-canvas{
min-height:380px
}
.js-proof-grid{
gap:1.75rem
}
}
@media screen and (max-width:640px){
.js-recorder-visual{
padding:14px;
border-radius:24px
}
.js-recorder-canvas{
min-height:310px;
padding:16px
}
.js-demo-stage{
height:220px;
padding:16px;
border-radius:18px
}
.js-demo-widgets{
left:16px;
right:16px;
bottom:16px;
gap:10px
}
.js-demo-widgets span{
height:64px;
border-radius:14px
}
.js-recorder-toolbar{
bottom:16px;
padding:8px 10px;
gap:8px;
border-radius:16px
}
.js-recorder-toolbar .js-recorder-dot{
width:34px;
height:34px;
border-radius:12px
}
.js-recorder-toolbar span:not(.js-recorder-dot){
height:34px;
padding:0 10px;
font-size:.75rem
}
.js-recorder-toolbar button{
height:34px;
padding:0 12px;
font-size:.75rem
}
.js-recorder-webcam{
width:84px;
height:84px;
right:16px;
bottom:78px;
border-radius:18px
}
.js-recorder-avatar b{
width:42px;
height:56px
}
.js-feature-list-modern article{
grid-template-columns:42px minmax(0,1fr);
gap:.875rem;
padding:16px 0
}
.js-feature-list-modern span{
width:34px;
height:34px;
border-radius:12px;
font-size:.75rem
}
.js-feature-list-modern h3,
.js-proof-grid h3{
font-size:1rem;
line-height:1.25rem
}
.js-native-band{
padding:36px 20px 30px;
border-radius:24px
}
.js-proof-grid{
grid-template-columns:1fr;
gap:1.5rem
}
.js-proof-grid article{
text-align:center
}
.js-proof-icon{
margin:0 auto
}
}
.js-native-band{
position:relative;
overflow:hidden;
border:0;
background:linear-gradient(135deg,#6259eb,#5b51e7 48%,#463ccf);
box-shadow:0 24px 70px rgba(61,50,190,.22)
}
.js-native-band:before{
width:420px;
height:420px;
right:-160px;
top:-250px;
background:radial-gradient(circle,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0) 70%)
}
.js-native-band:after,
.js-native-band:before{
content:"";
position:absolute;
border-radius:999px;
pointer-events:none
}
.js-native-band:after{
width:340px;
height:340px;
left:-160px;
bottom:-235px;
background:radial-gradient(circle,hsla(0,0%,100%,.12) 0,hsla(0,0%,100%,0) 72%)
}
.js-native-band>*{
position:relative;
z-index:1
}
.js-native-band h2,
.js-native-band h3{
color:#fff
}
.js-native-band .js-proof-grid p,
.js-native-band .js-section-heading p{
color:hsla(0,0%,100%,.78)
}
.js-native-band .js-proof-icon{
color:#fff;
border-color:hsla(0,0%,100%,.24);
background:hsla(0,0%,100%,.12);
box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12)
}
.js-native-band .js-proof-icon svg{
stroke:#fff
}
.js-process-flow{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap
}
.js-process-flow span{
font-weight:600
}
.js-process-flow b{
font-weight:500;
color:#999cb2
}
@media screen and (max-width:640px){
.js-native-band{
box-shadow:0 18px 46px rgba(61,50,190,.2)
}
}
.js-native-diff{
position:relative;
overflow:hidden;
border-radius:34px;
padding:64px 56px;
background:linear-gradient(135deg,#17112e,#24184d 55%,#302268);
color:hsla(0,0%,100%,.78);
box-shadow:0 30px 70px -32px rgba(19,12,62,.62)
}
.js-native-diff:before{
width:520px;
height:520px;
top:-235px;
right:-125px;
background:radial-gradient(circle,rgba(98,89,235,.62) 0,rgba(98,89,235,.16) 38%,transparent 70%)
}
.js-native-diff:after,
.js-native-diff:before{
content:"";
position:absolute;
border-radius:999px;
pointer-events:none
}
.js-native-diff:after{
width:360px;
height:360px;
left:-185px;
bottom:-220px;
background:radial-gradient(circle,rgba(120,110,255,.28),transparent 72%)
}
.js-native-diff>*{
position:relative;
z-index:1
}
.js-native-diff-head{
max-width:660px;
margin-bottom:44px
}
.js-native-diff-head h2{
text-align:left;
color:#fff
}
.js-native-diff-head p{
margin-top:16px;
color:hsla(0,0%,100%,.67);
font-size:1.1rem;
line-height:1.65
}
.js-native-diff-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:30px
}
.js-native-diff-item h3{
display:flex;
align-items:center;
gap:12px;
color:#fff;
font-size:1.18rem;
line-height:1.45rem;
letter-spacing:-.02em
}
.js-native-diff-item p{
margin-top:10px;
color:hsla(0,0%,100%,.62);
font-size:.98rem;
line-height:1.6
}
.js-native-diff-icon{
width:38px;
height:38px;
border-radius:11px;
display:flex;
align-items:center;
justify-content:center;
flex:none;
background:hsla(0,0%,100%,.09);
border:1px solid hsla(0,0%,100%,.07)
}
.js-native-diff-icon svg{
width:20px;
height:20px;
stroke:#bdb9ff
}
.js-use-grid-modern{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px
}
.js-use-card-modern{
position:relative;
background:#fff;
transition:transform .28s,box-shadow .28s,border-color .28s;
overflow:hidden
}
.js-use-card-modern:before{
content:"";
position:absolute;
right:-64px;
top:-64px;
width:170px;
height:170px;
border-radius:999px;
background:radial-gradient(circle,rgba(98,89,235,.1),transparent 70%);
opacity:0;
transition:opacity .28s;
pointer-events:none
}
.js-use-icon-modern{
position:relative;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 14px 28px -13px rgba(98,89,235,.72),inset 0 1px 0 hsla(0,0%,100%,.25)
}
.js-use-card-modern h3{
position:relative;
letter-spacing:-.02em;
color:#130c3e
}
.js-use-card-modern p{
position:relative;
color:rgba(18,35,69,.66)
}
@media (hover:hover) and (pointer:fine){
.js-use-card-modern:hover{
transform:translateY(-6px);
border-color:rgba(98,89,235,.2);
box-shadow:0 22px 46px -24px rgba(41,35,102,.38)
}
.js-use-card-modern:hover:before{
opacity:1
}
}
@media screen and (max-width:980px){
.js-native-diff-grid,
.js-use-grid-modern{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.js-native-diff{
padding:54px 42px
}
}
@media screen and (max-width:640px){
.js-native-diff{
padding:40px 24px;
border-radius:26px
}
.js-native-diff-head{
margin-bottom:32px;
text-align:center
}
.js-native-diff-head h2{
text-align:center
}
.js-native-diff-head p{
font-size:1rem
}
.js-native-diff-grid,
.js-use-grid-modern{
grid-template-columns:1fr
}
.js-native-diff-grid{
gap:24px
}
.js-native-diff-item h3{
justify-content:center
}
.js-native-diff-item p{
text-align:center
}
.js-use-card-modern{
padding:28px 24px
}
.js-use-icon-modern{
width:60px;
height:60px;
border-radius:17px;
margin-bottom:20px
}
.js-use-icon-modern svg{
width:28px;
height:28px
}
}
.js-how-steps{
position:relative;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:28px
}
.js-how-steps:before{
content:"";
position:absolute;
z-index:0;
top:30px;
left:12.5%;
right:12.5%;
height:2px;
background:repeating-linear-gradient(90deg,rgba(98,89,235,.28) 0 8px,transparent 8px 16px)
}
.js-how-step{
position:relative;
z-index:1;
text-align:center;
padding:0 12px
}
.js-how-num{
width:60px;
height:60px;
border-radius:18px;
background:#fff;
border:1px solid rgba(19,12,62,.09);
box-shadow:0 14px 34px -18px rgba(74,47,122,.4);
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 22px;
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif;
font-weight:700;
font-size:1.25rem;
color:#6259eb
}
.js-how-step h3{
font-size:1.22rem;
line-height:1.45rem;
letter-spacing:-.02em;
color:#130c3e;
text-align:center
}
.js-how-step p{
margin:10px auto 0;
max-width:28ch;
color:rgba(18,35,69,.66);
font-size:1rem;
line-height:1.6
}
@media screen and (max-width:900px){
.js-how-steps{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:42px 24px
}
.js-how-steps:before{
display:none
}
}
@media screen and (max-width:640px){
.js-how-steps{
grid-template-columns:1fr;
gap:34px
}
.js-how-step{
padding:0 18px
}
.js-how-num{
margin-bottom:18px
}
.js-how-step h3{
font-size:1.08rem;
line-height:1.35rem
}
}
.js-camera-feature{
position:relative;
width:100%;
display:block;
text-align:left;
color:#122345
}
.js-camera-feature:after{
content:"→";
position:absolute;
right:5px;
top:22px;
color:rgba(18,35,69,.3);
font-size:18px;
transition:transform .2s,color .2s
}
.js-camera-feature strong{
display:block;
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif;
font-size:1.05rem;
line-height:1.4rem;
font-weight:600;
letter-spacing:-.02em;
color:#130c3e;
white-space:nowrap
}
.js-camera-feature span{
display:block;
margin-top:5px;
font-size:.9rem;
line-height:1.5rem;
color:#59657e;
max-width:34rem
}
.js-camera-feature.active:before{
content:"";
position:absolute;
left:0;
top:14px;
bottom:14px;
width:3px;
border-radius:999px;
background:#6259eb
}
.js-camera-feature.active:after{
color:#6259eb;
transform:translateX(4px)
}
.js-camera-switcher{
position:relative;
min-height:520px;
padding:24px;
border-radius:24px;
background:linear-gradient(145deg,#f0efff,#dfdcff 48%,#f8f7ff);
border:1px solid rgba(98,89,235,.12);
overflow:hidden
}
.js-camera-switcher:before{
content:"";
position:absolute;
width:300px;
height:300px;
border-radius:50%;
background:radial-gradient(circle,rgba(98,89,235,.18),rgba(98,89,235,0) 70%);
right:-90px;
top:-90px;
pointer-events:none
}
.js-camera-panel{
position:relative;
height:470px;
animation:.35s cubic-bezier(.2,.7,.2,1) jsCameraIn
}
.js-camera-panel[hidden]{
display:none!important
}
@keyframes jsCameraIn{
0%{
opacity:0;
transform:translateY(7px)
}
to{
opacity:1;
transform:none
}
}
.js-camera-scene{
position:relative;
height:100%;
border-radius:19px;
overflow:hidden;
background:#fff;
box-shadow:0 22px 55px rgba(37,31,88,.17);
border:1px solid rgba(18,35,69,.08)
}
.js-camera-scene-cutout{
background:linear-gradient(145deg,#f8f9fc,#eef2ff)
}
.js-camera-app-window{
position:absolute;
left:36px;
right:36px;
top:40px;
bottom:62px;
border-radius:17px;
background:#fff;
border:1px solid rgba(18,35,69,.08);
overflow:hidden;
box-shadow:0 12px 32px rgba(18,35,69,.08)
}
.js-camera-app-bar{
height:45px;
display:flex;
align-items:center;
gap:7px;
padding:0 15px;
background:#f8f9fc;
border-bottom:1px solid rgba(18,35,69,.07)
}
.js-camera-app-bar i{
width:8px;
height:8px;
border-radius:999px;
background:#cfd3dd
}
.js-camera-app-bar span{
margin-left:auto;
font-size:10px;
color:#7f899d
}
.js-camera-app-body{
padding:28px
}
.js-camera-app-body>span{
display:block;
height:13px;
border-radius:999px;
background:#eef0f6;
margin-bottom:13px
}
.js-camera-app-body>span:first-child{
width:48%;
background:#e4e1ff
}
.js-camera-app-body>span:nth-child(2){
width:72%
}
.js-camera-app-body>span:nth-child(3){
width:60%
}
.js-camera-cutout-person i{
position:absolute;
width:78px;
height:86px;
border-radius:48%;
background:#c99270;
right:98px;
top:143px;
z-index:4
}
.js-camera-cutout-person i:after{
content:"";
position:absolute;
width:86px;
height:40px;
border-radius:60% 60% 32% 32%;
background:#3d302e;
left:-4px;
top:-10px
}
.js-camera-cutout-person b{
position:absolute;
width:190px;
height:220px;
border-radius:48% 48% 0 0;
background:#202c4b;
right:41px;
top:213px;
z-index:3;
box-shadow:0 0 0 3px hsla(0,0%,100%,.55)
}
.js-camera-floating-control{
position:absolute;
left:45px;
bottom:29px;
display:flex;
align-items:center;
gap:10px;
padding:10px 13px;
border-radius:12px;
background:#fff;
box-shadow:0 7px 24px rgba(18,35,69,.13);
font-size:12px;
color:#122345
}
.js-camera-floating-control b{
display:grid;
place-items:center;
width:22px;
height:22px;
border-radius:7px;
background:#6259eb;
color:#fff;
font-size:11px
}
.js-camera-scene-background{
background:linear-gradient(135deg,#d9dbeb,#f0e4d9 48%,#d9e4ef)
}
.js-camera-preview-card{
position:absolute;
left:42px;
top:42px;
width:58%;
height:360px;
border-radius:24px;
overflow:hidden;
background:linear-gradient(135deg,#667692,#e0b89b);
box-shadow:0 18px 40px rgba(18,35,69,.16)
}
.js-camera-preview-card:after,
.js-camera-preview-card:before{
content:"";
position:absolute;
border-radius:50%;
filter:blur(24px);
opacity:.65
}
.js-camera-preview-card:before{
width:170px;
height:170px;
background:#b9d7e6;
left:-50px;
top:-25px
}
.js-camera-preview-card:after{
width:170px;
height:170px;
background:#e3ad80;
right:-30px;
bottom:-20px
}
.js-camera-bg-person i{
position:absolute;
width:76px;
height:82px;
border-radius:48%;
background:#c99270;
left:50%;
top:76px;
transform:translateX(-50%);
z-index:3
}
.js-camera-bg-person i:after{
content:"";
position:absolute;
width:84px;
height:37px;
border-radius:60% 60% 30% 30%;
background:#3d302e;
left:-4px;
top:-9px
}
.js-camera-bg-person b{
position:absolute;
width:190px;
height:210px;
border-radius:48% 48% 0 0;
background:#263555;
left:50%;
top:148px;
transform:translateX(-50%);
z-index:2
}
.js-camera-effects-window{
position:absolute;
right:25px;
top:74px;
width:205px;
border-radius:17px;
background:hsla(0,0%,100%,.97);
padding:17px;
box-shadow:0 16px 42px rgba(18,35,69,.18);
border:1px solid rgba(18,35,69,.07)
}
.js-camera-effects-window strong,
.js-effects-controls strong,
.js-layout-picker strong{
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif;
color:#130c3e;
font-size:.88rem;
font-weight:600
}
.js-camera-bg-options{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:7px;
margin-top:14px
}
.js-camera-bg-options i{
height:42px;
border-radius:9px;
background:linear-gradient(135deg,#bfc4ce,#ebedf1);
border:2px solid #fff;
box-shadow:0 0 0 1px rgba(18,35,69,.08)
}
.js-camera-bg-options i:nth-child(2){
background:linear-gradient(135deg,#e3aa7c,#7e594e)
}
.js-camera-bg-options i:nth-child(3){
background:linear-gradient(135deg,#7dbce1,#e7f0f5)
}
.js-camera-bg-options i:nth-child(4){
background:linear-gradient(135deg,#222c45,#101622)
}
.js-camera-bg-options i.active{
box-shadow:0 0 0 2px #6259eb
}
.js-camera-bg-actions{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px;
margin-top:12px
}
.js-camera-bg-actions span{
font-size:9px;
text-align:center;
padding:6px 4px;
border-radius:7px;
background:#f7f7fb;
color:#737d91
}
.js-camera-scene-layout{
background:linear-gradient(145deg,#f6f7fb,#e9ecf7)
}
.js-layout-stage{
position:absolute;
left:30px;
right:30px;
top:30px;
height:275px;
border-radius:18px;
background:#fff;
border:1px solid rgba(18,35,69,.07);
box-shadow:0 12px 30px rgba(18,35,69,.08);
overflow:hidden
}
.js-layout-copy{
padding:38px
}
.js-layout-copy i{
display:block;
height:13px;
border-radius:999px;
background:#e9ebf2;
margin-bottom:13px
}
.js-layout-copy i:first-child{
width:50%;
background:#dfdcff
}
.js-layout-copy i:nth-child(2){
width:70%
}
.js-layout-copy i:nth-child(3){
width:58%
}
.js-layout-webcam{
position:absolute;
right:26px;
bottom:20px;
width:92px;
height:128px;
border-radius:25px;
background:linear-gradient(160deg,#a9b9ce,#d7a77f);
border:4px solid #fff;
box-shadow:0 9px 25px rgba(18,35,69,.15);
overflow:hidden
}
.js-layout-webcam span:before{
content:"";
position:absolute;
width:40px;
height:43px;
border-radius:50%;
background:#c99270;
left:22px;
top:18px
}
.js-layout-webcam span:after{
content:"";
position:absolute;
width:74px;
height:80px;
border-radius:45% 45% 0 0;
background:#263555;
left:5px;
top:58px
}
.js-layout-picker{
position:absolute;
left:30px;
right:30px;
bottom:27px;
border-radius:16px;
background:#fff;
padding:15px 16px;
box-shadow:0 12px 30px rgba(18,35,69,.1);
border:1px solid rgba(18,35,69,.07)
}
.js-layout-options{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
margin-top:12px
}
.js-layout-options button{
min-width:0;
padding:9px 5px 7px;
border-radius:10px;
background:#f8f9fc;
border:1px solid rgba(18,35,69,.07);
display:flex;
flex-direction:column;
align-items:center;
gap:5px;
color:#6c768b;
font-size:9px
}
.js-layout-options button.active{
border-color:#6259eb;
background:#f2f1ff;
color:#6259eb
}
.js-layout-options i{
display:block;
background:#9ba8bc
}
.js-layout-options .circle{
width:22px;
height:22px;
border-radius:50%
}
.js-layout-options .squircle{
width:24px;
height:22px;
border-radius:8px
}
.js-layout-options .portrait{
width:18px;
height:26px;
border-radius:8px
}
.js-layout-options .landscape{
width:28px;
height:18px;
border-radius:7px
}
.js-camera-scene-effects{
background:linear-gradient(145deg,#111a31,#2b254b)
}
.js-effects-preview{
position:absolute;
left:35px;
top:36px;
width:56%;
height:385px;
border-radius:26px;
background:linear-gradient(150deg,#8ba1b8,#d2ad91);
border:4px solid #9b90ff;
box-shadow:0 0 0 7px rgba(98,89,235,.16),0 0 42px rgba(139,121,255,.48);
overflow:hidden
}
.js-effects-person i{
position:absolute;
width:78px;
height:84px;
border-radius:48%;
background:#c99270;
left:50%;
top:84px;
transform:translateX(-50%)
}
.js-effects-person i:after{
content:"";
position:absolute;
width:87px;
height:38px;
border-radius:60% 60% 30% 30%;
background:#3d302e;
left:-4px;
top:-9px
}
.js-effects-person b{
position:absolute;
width:190px;
height:220px;
border-radius:48% 48% 0 0;
background:#263555;
left:50%;
top:154px;
transform:translateX(-50%)
}
.js-effects-controls{
position:absolute;
right:24px;
top:65px;
width:210px;
border-radius:17px;
background:hsla(0,0%,100%,.97);
padding:17px;
box-shadow:0 17px 42px rgba(0,0,0,.22)
}
.js-frame-swatches{
display:flex;
gap:8px;
margin:14px 0 17px
}
.js-frame-swatches i{
width:32px;
height:32px;
border-radius:9px;
background:#122345;
border:4px solid #fff;
box-shadow:0 0 0 1px rgba(18,35,69,.1)
}
.js-frame-swatches i:nth-child(2){
background:#6259eb
}
.js-frame-swatches i:nth-child(3){
background:#e36b94
}
.js-frame-swatches i:nth-child(4){
background:#f0ad4e
}
.js-frame-swatches i.active{
box-shadow:0 0 0 2px #6259eb
}
.js-effects-controls label{
display:flex;
align-items:center;
justify-content:space-between;
padding:10px 0;
border-top:1px solid rgba(18,35,69,.07);
font-size:10px;
color:#59657e
}
.js-effects-controls label b{
width:30px;
height:17px;
border-radius:999px;
background:#d9dce5;
position:relative
}
.js-effects-controls label b:after{
content:"";
position:absolute;
width:13px;
height:13px;
border-radius:50%;
background:#fff;
left:2px;
top:2px;
box-shadow:0 1px 3px rgba(18,35,69,.2)
}
.js-effects-controls label b.on{
background:#6259eb
}
.js-effects-controls label b.on:after{
left:15px
}
@media (max-width:1023px){
.js-camera-feature-list{
max-width:680px
}
.js-camera-switcher{
max-width:680px;
width:100%;
margin:0 auto
}
}
@media (max-width:639px){
.js-camera-feature.active{
padding-left:10px
}
.js-camera-feature strong{
font-size:1rem
}
.js-camera-feature span{
font-size:.84rem;
line-height:1.4rem
}
.js-camera-switcher{
min-height:405px;
padding:13px;
border-radius:20px
}
.js-camera-panel{
height:375px
}
.js-camera-scene{
border-radius:16px
}
.js-camera-app-window{
left:18px;
right:18px;
top:24px;
bottom:52px
}
.js-camera-cutout-person i{
width:58px;
height:63px;
right:58px;
top:123px
}
.js-camera-cutout-person i:after{
width:64px;
height:29px
}
.js-camera-cutout-person b{
width:132px;
height:160px;
right:20px;
top:177px
}
.js-camera-floating-control{
left:25px;
bottom:20px
}
.js-camera-preview-card{
left:20px;
top:25px;
width:62%;
height:290px
}
.js-camera-effects-window{
right:12px;
top:52px;
width:158px;
padding:12px
}
.js-camera-bg-options i{
height:31px
}
.js-camera-bg-actions{
display:none
}
.js-layout-stage{
left:17px;
right:17px;
top:20px;
height:230px
}
.js-layout-picker{
left:17px;
right:17px;
bottom:18px;
padding:12px
}
.js-layout-options{
gap:5px
}
.js-layout-options button{
padding:7px 3px
}
.js-effects-preview{
left:17px;
top:22px;
width:58%;
height:310px
}
.js-effects-controls{
right:10px;
top:46px;
width:162px;
padding:12px
}
.js-frame-swatches i{
width:25px;
height:25px
}
.js-effects-controls label{
font-size:9px;
padding:8px 0
}
.js-camera-feature{
padding:15px 16px
}
.js-camera-feature.active,
.js-camera-feature:focus-visible,
.js-camera-feature:hover{
padding-left:16px
}
}
.js-camera-feature-list{
border-top:0;
display:flex;
flex-direction:column;
gap:8px
}
.js-camera-feature:after,
.js-camera-feature:before{
content:none!important;
display:none!important
}
.js-camera-feature.active strong{
color:#130c3e
}
.js-camera-feature.active span{
color:#59657e
}
.js-camera-feature{
border-bottom:0;
border-radius:14px;
transition:background-color .18s,color .18s,padding-left .18s;
box-sizing:border-box;
border:0!important;
outline:0;
box-shadow:none!important;
padding:16px 18px!important
}
.js-camera-feature:focus-visible,
.js-camera-feature:hover{
padding:16px 18px!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
background:rgba(98,89,235,.06)
}
.js-camera-feature.active{
color:#130c3e;
padding:16px 18px!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
background:rgba(98,89,235,.1)
}
.js-camera-feature.active:focus-visible,
.js-camera-feature.active:hover{
background:rgba(98,89,235,.1);
border:0!important;
outline:0!important;
box-shadow:none!important
}
@media (max-width:639px){
.js-camera-feature,
.js-camera-feature.active,
.js-camera-feature:focus-visible,
.js-camera-feature:hover{
padding:15px 16px!important
}
.js-camera-feature strong{
white-space:normal
}
}
.js-camera-interactive{
display:grid;
grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
gap:32px;
align-items:start
}
.js-camera-interactive .js-copy-block{
min-width:0
}
.js-camera-interactive .js-camera-feature-list{
max-width:none;
width:100%
}
.js-camera-interactive .js-camera-switcher{
align-self:start;
width:100%;
max-width:none;
min-height:0!important;
height:auto;
aspect-ratio:16/9;
margin:0;
padding:16px;
border-radius:22px;
box-sizing:border-box
}
.js-camera-interactive .js-camera-panel{
height:100%!important;
min-height:0
}
.js-camera-interactive .js-camera-scene{
height:100%;
border-radius:17px
}
.js-camera-interactive .js-camera-app-window{
left:24px;
right:24px;
top:20px;
bottom:34px
}
.js-camera-interactive .js-camera-app-bar{
height:40px
}
.js-camera-interactive .js-camera-app-body{
padding:22px
}
.js-camera-interactive .js-camera-cutout-person i{
width:60px;
height:66px;
right:84px;
top:96px
}
.js-camera-interactive .js-camera-cutout-person i:after{
width:67px;
height:31px
}
.js-camera-interactive .js-camera-cutout-person b{
width:148px;
height:168px;
right:40px;
top:151px
}
.js-camera-interactive .js-camera-floating-control{
left:28px;
bottom:20px;
padding:9px 12px
}
.js-camera-interactive .js-camera-preview-card{
left:24px;
top:24px;
bottom:24px;
width:60%;
height:auto;
border-radius:20px
}
.js-camera-interactive .js-camera-bg-person i{
width:62px;
height:67px;
top:58px
}
.js-camera-interactive .js-camera-bg-person i:after{
width:69px;
height:31px
}
.js-camera-interactive .js-camera-bg-person b{
width:150px;
height:170px;
top:116px
}
.js-camera-interactive .js-camera-effects-window{
right:20px;
top:48px;
width:190px;
padding:15px
}
.js-camera-interactive .js-camera-bg-options i{
height:35px
}
.js-camera-interactive .js-layout-stage{
left:22px;
right:22px;
top:22px;
height:56%;
border-radius:16px
}
.js-camera-interactive .js-layout-copy{
padding:26px
}
.js-camera-interactive .js-layout-webcam{
width:76px;
height:104px;
right:22px;
bottom:16px;
border-radius:20px
}
.js-camera-interactive .js-layout-webcam span:before{
width:34px;
height:36px;
left:17px;
top:15px
}
.js-camera-interactive .js-layout-webcam span:after{
width:60px;
height:64px;
left:4px;
top:49px
}
.js-camera-interactive .js-layout-picker{
left:22px;
right:22px;
bottom:18px;
padding:12px 14px
}
.js-camera-interactive .js-layout-options{
margin-top:9px
}
.js-camera-interactive .js-layout-options button{
padding:6px 5px 5px
}
.js-camera-interactive .js-effects-preview{
left:22px;
top:22px;
bottom:22px;
width:59%;
height:auto;
border-radius:20px
}
.js-camera-interactive .js-effects-person i{
width:62px;
height:67px;
top:60px
}
.js-camera-interactive .js-effects-person i:after{
width:69px;
height:31px
}
.js-camera-interactive .js-effects-person b{
width:150px;
height:170px;
top:118px
}
.js-camera-interactive .js-effects-controls{
right:18px;
top:43px;
width:190px;
padding:14px
}
.js-camera-interactive .js-frame-swatches{
margin:11px 0 13px
}
.js-camera-interactive .js-frame-swatches i{
width:28px;
height:28px
}
.js-camera-interactive .js-effects-controls label{
padding:8px 0
}
@media (max-width:900px){
.js-camera-interactive{
grid-template-columns:1fr;
gap:28px
}
.js-camera-interactive .js-camera-feature-list,
.js-camera-interactive .js-camera-switcher{
max-width:720px;
margin-left:auto;
margin-right:auto
}
}
@media (max-width:639px){
.js-camera-interactive .js-camera-switcher{
padding:10px;
border-radius:18px
}
.js-camera-interactive .js-camera-app-window{
left:14px;
right:14px;
top:14px;
bottom:26px
}
.js-camera-interactive .js-camera-cutout-person i{
width:44px;
height:48px;
right:48px;
top:66px
}
.js-camera-interactive .js-camera-cutout-person i:after{
width:50px;
height:23px
}
.js-camera-interactive .js-camera-cutout-person b{
width:102px;
height:112px;
right:18px;
top:105px
}
.js-camera-interactive .js-camera-floating-control{
left:17px;
bottom:13px;
padding:6px 9px;
font-size:10px
}
.js-camera-interactive .js-camera-floating-control b{
width:18px;
height:18px
}
.js-camera-interactive .js-camera-preview-card{
left:14px;
top:14px;
bottom:14px;
width:60%
}
.js-camera-interactive .js-camera-effects-window{
right:9px;
top:28px;
width:132px;
padding:9px
}
.js-camera-interactive .js-camera-bg-options{
gap:4px;
margin-top:8px
}
.js-camera-interactive .js-camera-bg-options i{
height:24px
}
.js-camera-interactive .js-camera-bg-actions{
display:none
}
.js-camera-interactive .js-layout-stage{
left:12px;
right:12px;
top:12px;
height:55%
}
.js-camera-interactive .js-layout-copy{
padding:17px
}
.js-camera-interactive .js-layout-picker{
left:12px;
right:12px;
bottom:10px;
padding:8px 9px
}
.js-camera-interactive .js-layout-options{
gap:4px;
margin-top:6px
}
.js-camera-interactive .js-layout-options button{
padding:4px 2px;
font-size:7px
}
.js-camera-interactive .js-effects-preview{
left:12px;
top:12px;
bottom:12px;
width:59%
}
.js-camera-interactive .js-effects-controls{
right:7px;
top:25px;
width:135px;
padding:9px
}
.js-camera-interactive .js-frame-swatches{
gap:5px;
margin:8px 0 9px
}
.js-camera-interactive .js-frame-swatches i{
width:20px;
height:20px;
border-width:2px
}
.js-camera-interactive .js-effects-controls label{
font-size:8px;
padding:5px 0
}
}
.js-action-interactive{
display:grid;
grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
gap:32px;
align-items:start
}
.js-action-feature-list{
display:flex;
flex-direction:column;
gap:8px;
width:100%
}
.js-action-feature{
width:100%;
display:block;
text-align:left;
box-sizing:border-box;
padding:18px;
border:0!important;
border-radius:14px;
background:0 0;
outline:0;
box-shadow:none!important;
transition:background-color .18s
}
.js-action-feature strong{
display:block;
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif;
font-size:1.05rem;
line-height:1.4rem;
font-weight:600;
letter-spacing:-.02em;
color:#130c3e;
white-space:nowrap
}
.js-action-feature span{
display:block;
margin-top:5px;
font-size:.9rem;
line-height:1.5rem;
color:#59657e
}
.js-action-feature:focus-visible,
.js-action-feature:hover{
background:rgba(98,89,235,.06);
border:0!important;
outline:0!important;
box-shadow:none!important
}
.js-action-feature.active,
.js-action-feature.active:focus-visible,
.js-action-feature.active:hover{
background:rgba(98,89,235,.1);
border:0!important;
outline:0!important;
box-shadow:none!important
}
.js-action-switcher{
width:100%;
aspect-ratio:16/9;
min-height:0;
align-self:start;
box-sizing:border-box;
padding:16px;
border:1px solid rgba(19,12,62,.08);
border-radius:22px;
background:linear-gradient(180deg,#f6f5ff,#eceaff);
overflow:hidden
}
.js-action-panel{
width:100%;
height:100%
}
.js-action-panel[hidden]{
display:none!important
}
.js-action-stage{
width:100%;
height:100%;
border-radius:17px;
overflow:hidden;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
padding:18px;
box-sizing:border-box
}
.js-action-stage img{
display:block;
max-width:100%;
max-height:100%;
width:auto;
height:auto;
-o-object-fit:contain;
object-fit:contain;
border-radius:10px;
box-shadow:0 12px 30px rgba(18,35,69,.1)
}
@media (max-width:900px){
.js-action-interactive{
grid-template-columns:1fr;
gap:28px
}
.js-action-feature-list,
.js-action-switcher{
max-width:720px;
margin-left:auto;
margin-right:auto
}
}
@media (max-width:639px){
.js-action-feature{
padding:15px 16px
}
.js-action-feature strong{
white-space:normal
}
.js-action-switcher{
padding:10px;
border-radius:18px
}
.js-action-stage{
padding:10px;
border-radius:14px
}
}
.js-stream-section{
position:relative;
overflow:hidden;
background:#000
}
.js-stream-section:before{
content:"";
position:absolute;
left:50%;
top:-340px;
width:900px;
height:620px;
transform:translateX(-50%);
background:radial-gradient(closest-side,rgba(98,89,235,.3),rgba(98,89,235,0));
pointer-events:none
}
.js-stream-section>.container{
position:relative;
z-index:1
}
.js-stream-section h2{
color:#fff
}
.js-stream-section .js-top-intro p{
color:hsla(0,0%,100%,.56)
}
.js-stream-benchmark{
border:1px solid hsla(0,0%,100%,.09);
border-radius:24px;
background:hsla(0,0%,100%,.035);
padding:30px 32px 26px
}
.js-stream-benchmark-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px
}
.js-stream-benchmark-head>span{
color:hsla(0,0%,100%,.45);
font-size:.85em;
font-weight:600;
letter-spacing:.13em;
text-transform:uppercase
}
.js-stream-stat{
flex:none;
display:flex;
align-items:baseline;
gap:8px
}
.js-stream-stat strong{
color:#a79dff;
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif;
font-size:2rem;
line-height:1;
font-weight:600;
letter-spacing:-.04em
}
.js-stream-stat small{
color:hsla(0,0%,100%,.5);
font-size:.95em;
font-weight:500
}
.js-stream-chart{
display:flex;
flex-direction:column;
gap:26px;
margin-top:30px
}
.js-stream-row-head{
display:flex;
align-items:baseline;
justify-content:flex-start;
gap:10px;
margin-bottom:12px
}
.js-stream-row-head strong{
color:#fff;
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif;
font-size:.95rem;
font-weight:600
}
.js-stream-row-head span{
min-width:0;
color:hsla(0,0%,100%,.4);
font-size:.8rem
}
.js-stream-row-head span:before{
content:"\00b7";
margin-right:10px;
color:hsla(0,0%,100%,.22)
}
.js-stream-track{
display:flex;
align-items:center;
gap:14px;
min-width:0
}
.js-stream-bar{
flex:none;
height:44px;
border-radius:10px
}
.js-bar-slow{
--bar-w:82%;
width:var(--bar-w);
background:hsla(0,0%,100%,.1)
}
.js-bar-fast{
--bar-w:1.367%;
width:var(--bar-w);
min-width:8px;
background:linear-gradient(180deg,#8b7ff2,#5a51e8);
box-shadow:0 0 22px rgba(122,110,242,.55)
}
.js-stream-track b{
color:hsla(0,0%,100%,.75);
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif;
font-size:1.05rem;
font-weight:600;
letter-spacing:-.02em;
white-space:nowrap
}
.js-stream-track b.fast{
color:#a79dff
}
.js-stream-note{
margin-top:28px;
padding-top:20px;
border-top:1px solid hsla(0,0%,100%,.08);
color:hsla(0,0%,100%,.35);
font-size:.78rem;
line-height:1.15rem
}
.js-stream-benchmark.js-anim .js-stream-bar{
width:0;
min-width:0;
transition:width .95s cubic-bezier(.22,.85,.3,1),min-width .95s cubic-bezier(.22,.85,.3,1)
}
.js-stream-benchmark.js-anim .js-stream-track b{
opacity:0;
transform:translateX(-6px);
transition:opacity .45s .35s,transform .45s .35s
}
.js-stream-benchmark.js-anim .js-stream-row:nth-child(2) .js-stream-bar{
transition-delay:.16s
}
.js-stream-benchmark.js-anim .js-stream-row:nth-child(2) .js-stream-track b{
transition-delay:.5s
}
.js-stream-benchmark.js-anim.in-view .js-stream-bar{
width:var(--bar-w)
}
.js-stream-benchmark.js-anim.in-view .js-bar-fast{
min-width:8px
}
.js-stream-benchmark.js-anim.in-view .js-stream-track b{
opacity:1;
transform:none
}
@media screen and (max-width:640px){
.js-stream-benchmark{
padding:22px 18px 20px;
border-radius:20px
}
.js-stream-benchmark-head{
flex-direction:column;
align-items:flex-start;
gap:12px
}
.js-stream-chart{
gap:22px;
margin-top:24px
}
.js-stream-row-head{
flex-direction:column;
align-items:flex-start;
gap:3px;
margin-bottom:10px
}
.js-stream-row-head span{
font-size:.75rem
}
.js-stream-row-head span:before{
display:none
}
.js-stream-track{
gap:11px
}
.js-stream-bar{
height:38px;
border-radius:8px
}
.js-bar-slow{
--bar-w:64%
}
.js-bar-fast{
--bar-w:1.067%;
min-width:7px
}
.js-stream-track b{
font-size:.95rem
}
.js-stream-note{
margin-top:22px;
padding-top:16px
}
.js-stream-benchmark.js-anim.in-view .js-bar-fast{
min-width:7px
}
}
@media (prefers-reduced-motion:reduce){
.js-stream-benchmark.js-anim .js-stream-bar,
.js-stream-benchmark.js-anim .js-stream-track b{
transition:none
}
.js-stream-benchmark.js-anim .js-stream-bar{
width:var(--bar-w)
}
.js-stream-benchmark.js-anim .js-bar-fast{
min-width:8px
}
.js-stream-benchmark.js-anim .js-stream-track b{
opacity:1;
transform:none
}
}
.js-edit-showcase{
display:flex;
flex-direction:column;
gap:26px
}
.js-edit-stage{
position:relative;
border-radius:24px;
background:linear-gradient(180deg,#f4f2ff,#eef0fb);
border:1px solid rgba(19,12,62,.09);
padding:26px;
box-shadow:0 2px 8px -1px rgba(19,12,62,.05),0 24px 50px -30px rgba(19,12,62,.4)
}
.js-edit-panel[hidden]{
display:none
}
.js-edit-panel{
animation:.25s both fadeIn
}
.js-edit-frame{
overflow:hidden;
border-radius:16px;
background:#fff;
border:1px solid rgba(19,12,62,.1);
box-shadow:0 16px 36px -22px rgba(19,12,62,.5)
}
.js-edit-bar{
display:flex;
align-items:center;
gap:14px;
padding:13px 18px;
border-bottom:1px solid rgba(19,12,62,.07);
background:rgba(248,249,252,.9)
}
.js-edit-dots{
display:flex;
gap:7px
}
.js-edit-dots i{
width:10px;
height:10px;
border-radius:999px;
background:#130c3e;
opacity:.12
}
.js-edit-file{
color:rgba(18,35,69,.55);
font-size:12px;
font-weight:500
}
.js-edit-badge{
margin-left:auto;
padding:6px 12px;
border-radius:999px;
background:#fff;
border:1px solid rgba(19,12,62,.09);
color:#6259eb;
font-size:11px;
font-weight:600
}
.js-edit-canvas{
position:relative;
height:300px;
display:grid;
place-items:center;
background:linear-gradient(140deg,#6f65ef,#5a51e8 45%,#8b7ff2)
}
.js-edit-canvas:before{
content:"";
position:absolute;
inset:0;
background:radial-gradient(ellipse 60% 60% at 70% 20%,hsla(0,0%,100%,.22),transparent 60%)
}
.js-edit-play{
position:relative;
width:60px;
height:60px;
border-radius:999px;
background:hsla(0,0%,100%,.92);
box-shadow:0 10px 30px rgba(35,25,110,.35)
}
.js-edit-play:after{
content:"";
position:absolute;
top:50%;
left:50%;
transform:translate(-42%,-50%);
border-left:16px solid #5a51e8;
border-top:10px solid transparent;
border-bottom:10px solid transparent
}
.js-edit-timeline{
display:flex;
flex-direction:column;
justify-content:center;
min-height:216px;
padding:20px 18px 18px;
background:#fff
}
.js-edit-track{
position:relative;
height:64px;
border-radius:12px;
background:#f3f4f8;
overflow:hidden
}
.js-edit-wave{
position:absolute;
inset:0;
display:flex;
align-items:center;
gap:2px;
padding:0 12px
}
.js-edit-wave i{
flex:1;
min-width:0;
border-radius:1px;
background:rgba(19,12,62,.24);
height:34%
}
.js-edit-wave i:nth-child(2n){
height:54%
}
.js-edit-wave i:nth-child(3n){
height:72%
}
.js-edit-wave i:nth-child(5n){
height:44%
}
.js-edit-wave i:nth-child(7n){
height:86%
}
.js-edit-wave i:nth-child(11n){
height:24%
}
.js-edit-wave i:nth-child(13n){
height:64%
}
.js-edit-wave i:nth-child(17n){
height:94%
}
.js-trim-shade{
position:absolute;
top:0;
bottom:0;
background:hsla(0,0%,100%,.72)
}
.js-trim-shade-l{
left:0;
width:14%
}
.js-trim-shade-r{
right:0;
width:11%
}
.js-trim-grip{
position:absolute;
top:0;
bottom:0;
width:12px;
background:#6259eb;
display:block
}
.js-trim-grip:after{
content:"";
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:2px;
height:18px;
border-radius:2px;
background:hsla(0,0%,100%,.75)
}
.js-trim-grip-l{
left:14%;
border-radius:6px 0 0 6px
}
.js-trim-grip-r{
right:11%;
border-radius:0 6px 6px 0
}
.js-track-trim{
box-shadow:inset 0 0 0 2px rgba(98,89,235,.35)
}
.js-track-join{
display:flex;
align-items:center;
gap:0;
background:0 0;
height:64px
}
.js-join-clip{
flex:1;
height:100%;
border-radius:10px;
background:linear-gradient(180deg,#efeeff,#e4e2fb);
border:1px solid rgba(98,89,235,.28);
display:grid;
place-items:center
}
.js-join-clip b{
color:#5a51e8;
font-size:12px;
font-weight:600
}
.js-join-plus{
flex:none;
width:34px;
position:relative
}
.js-join-plus:after,
.js-join-plus:before{
content:"";
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background:#b9b3f0
}
.js-join-plus:before{
width:12px;
height:2px
}
.js-join-plus:after{
width:2px;
height:12px
}
.js-thumb-picker{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:12px;
height:128px
}
.js-thumb-opt{
position:relative;
height:100%;
border-radius:10px;
border:1px solid rgba(19,12,62,.1);
background:linear-gradient(140deg,#7d74f0,#5a51e8);
opacity:.5;
transition:opacity .2s
}
.js-thumb-opt:nth-child(2){
background:linear-gradient(140deg,#6f65ef,#8b7ff2)
}
.js-thumb-opt:nth-child(3){
background:linear-gradient(140deg,#5a51e8,#6f65ef)
}
.js-thumb-opt:nth-child(4){
background:linear-gradient(140deg,#8b7ff2,#6259eb)
}
.js-thumb-opt.active{
opacity:1;
border-color:#6259eb;
box-shadow:0 0 0 2px rgba(98,89,235,.35)
}
.js-thumb-opt.active b{
position:absolute;
right:6px;
bottom:6px;
width:18px;
height:18px;
border-radius:999px;
background:#fff;
box-shadow:0 2px 6px rgba(19,12,62,.3)
}
.js-thumb-opt.active b:after{
content:"";
position:absolute;
top:5px;
left:5.5px;
width:7px;
height:4px;
border-left:2px solid #5a51e8;
border-bottom:2px solid #5a51e8;
transform:rotate(-45deg)
}
.js-thumb-upload{
background:#f4f5f8;
border-style:dashed;
border-color:rgba(19,12,62,.2);
opacity:1
}
.js-thumb-upload i{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:14px;
height:14px
}
.js-thumb-upload i:after,
.js-thumb-upload i:before{
content:"";
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background:rgba(19,12,62,.35)
}
.js-thumb-upload i:before{
width:14px;
height:2px
}
.js-thumb-upload i:after{
width:2px;
height:14px
}
.js-edit-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:14px
}
.js-edit-chip{
padding:8px 13px;
border-radius:9px;
background:#f4f5f8;
border:1px solid rgba(19,12,62,.07);
color:rgba(18,35,69,.7);
font-size:12px;
font-weight:600
}
.js-chip-accent{
background:#f1f0ff;
border-color:rgba(98,89,235,.2);
color:#5a51e8
}
.js-edit-tabs{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px
}
.js-edit-tab{
position:relative;
box-sizing:border-box;
display:block;
width:100%;
text-align:left;
padding:16px 18px;
border-radius:14px;
background:0 0;
border:0;
outline:0;
box-shadow:none;
color:#122345;
transition:background-color .18s
}
.js-edit-tab strong{
display:block;
margin-top:14px;
color:#130c3e;
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif;
font-size:1.05rem;
line-height:1.4rem;
font-weight:600;
letter-spacing:-.02em
}
.js-edit-tab-desc{
display:block;
margin-top:5px;
color:#59657e;
font-size:.9rem;
line-height:1.5rem
}
.js-edit-tab .js-icon-box{
margin-bottom:0
}
.js-edit-tab:focus-visible,
.js-edit-tab:hover{
background:rgba(98,89,235,.06);
outline:0
}
.js-edit-tab.active{
background:rgba(98,89,235,.1)
}
.js-edit-tab.active:focus-visible,
.js-edit-tab.active:hover{
background:rgba(98,89,235,.1)
}
.js-edit-tab.active strong{
color:#130c3e
}
.js-edit-tab.active .js-edit-tab-desc{
color:#59657e
}
.js-icon-box.small{
width:40px;
height:40px;
border-radius:11px
}
.js-icon-box.small svg{
width:22px;
height:22px
}
@media screen and (max-width:900px){
.js-edit-tabs{
grid-template-columns:1fr
}
.js-edit-tab{
padding:15px 16px
}
.js-edit-tab strong{
margin-top:12px
}
.js-edit-canvas{
height:230px
}
.js-edit-timeline{
min-height:204px
}
.js-thumb-picker{
height:114px
}
}
@media screen and (max-width:640px){
.js-edit-showcase{
gap:20px
}
.js-edit-stage{
padding:14px;
border-radius:18px
}
.js-edit-canvas{
height:170px
}
.js-edit-play{
width:46px;
height:46px
}
.js-edit-file{
display:none
}
.js-edit-timeline{
padding:14px 12px 12px;
min-height:150px
}
.js-edit-track{
height:52px
}
.js-thumb-picker{
height:76px;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px
}
.js-join-clip b{
font-size:11px
}
.js-thumb-picker .js-thumb-opt:nth-child(n+4){
display:none
}
.js-edit-actions{
gap:8px
}
.js-edit-chip{
padding:7px 10px;
font-size:11px
}
}
.js-recorder-visual{
padding:0;
overflow:hidden;
border-radius:18px;
border:1px solid rgba(19,12,62,.1);
background:#fff;
box-shadow:0 2px 8px -1px rgba(19,12,62,.05),0 24px 50px -30px rgba(19,12,62,.45)
}
.js-recorder-visual img{
display:block;
width:100%;
height:auto
}
.js-action-feature,
.js-camera-feature,
.js-edit-tab{
-webkit-user-select:text;
-moz-user-select:text;
user-select:text;
cursor:pointer
}
.js-action-feature *,
.js-camera-feature *,
.js-edit-tab *{
cursor:pointer
}
.js-camera-shot img{
display:block;
-o-object-position:left top;
object-position:left top;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center
}
.js-camera-demo:has(.js-camera-shot){
padding:0;
background:0 0;
border:0
}
.js-camera-shot{
overflow:hidden;
box-shadow:0 22px 55px rgba(37,31,88,.17);
border:0;
border-radius:0;
box-shadow:none;
height:100%;
background:0 0
}
@media screen and (min-width:901px) and (max-width:1199px){
.js-native-diff-item h3{
font-size:1.02rem;
line-height:1.35rem;
letter-spacing:-.4px;
gap:10px
}
}
.js-bento{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
grid-auto-rows:430px;
gap:16px
}
.js-bento-cell{
position:relative;
display:flex;
flex-direction:column;
height:100%;
min-height:0;
padding:28px 28px 0;
border-radius:22px;
overflow:hidden;
box-shadow:inset 0 1px 0 hsla(0,0%,100%,.75),0 1px 2px rgba(19,12,62,.04),0 18px 38px -26px rgba(19,12,62,.45)
}
.js-bento-hero,
.js-bento-wide{
grid-column:span 2
}
.js-bento-copy{
flex:none;
max-width:34rem
}
.js-bento-cell h3{
color:#130c3e;
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif;
font-size:1.25rem;
line-height:1.55rem;
font-weight:600;
letter-spacing:-.02em
}
.js-bento-cell p{
margin-top:8px;
color:#59657e;
font-size:.925rem;
line-height:1.45rem
}
.js-bento-media{
position:relative;
flex:1;
margin-top:20px;
display:flex;
align-items:flex-end;
justify-content:center;
min-height:0
}
.js-bento-shot img{
display:block;
box-shadow:0 -1px 0 rgba(19,12,62,.08),0 18px 40px -24px rgba(19,12,62,.5)
}
.js-chip-stack{
display:flex;
flex-direction:column;
gap:12px;
width:100%;
padding-bottom:26px
}
.js-chip{
display:flex;
align-items:center;
gap:8px;
padding:16px 18px;
border-radius:12px;
background:#fff;
border:1px solid rgba(19,12,62,.08);
color:#59657e;
font-size:.9rem;
font-weight:600;
box-shadow:0 6px 16px -12px rgba(19,12,62,.6)
}
.js-chip i{
font-style:normal;
font-weight:500;
color:#98a1b3;
font-size:.8rem
}
.js-chip.is-on{
background:#6259eb;
border-color:#6259eb;
color:#fff
}
.js-chip.is-on i{
color:hsla(0,0%,100%,.7)
}
.js-prompter{
width:100%;
padding:16px 4px 26px;
display:flex;
flex-direction:column;
gap:13px
}
.js-prompter b{
display:block;
height:12px;
border-radius:999px;
background:rgba(19,12,62,.1)
}
.js-prompter b:first-child{
width:88%
}
.js-prompter b:nth-child(2){
width:74%
}
.js-prompter b.lit{
width:94%;
height:15px;
background:#130c3e
}
.js-prompter b:nth-child(4){
width:66%
}
.js-prompter b:nth-child(5){
width:80%
}
.js-wave{
width:100%;
flex:none;
background:repeating-linear-gradient(90deg,#6259eb 0 3px,transparent 3px 9px);
-webkit-mask-image:radial-gradient(ellipse 120% 100% at 50% 50%,#000 35%,transparent 78%);
mask-image:radial-gradient(ellipse 120% 100% at 50% 50%,#000 35%,transparent 78%);
opacity:.55
}
.js-audio{
width:100%;
gap:14px;
padding-bottom:26px
}
.js-audio,
.js-audio-rows{
display:flex;
flex-direction:column
}
.js-audio-rows{
gap:8px
}
.js-audio-rows span{
display:flex;
align-items:center;
gap:9px;
border-radius:11px;
background:#fff;
border:1px solid rgba(19,12,62,.08);
color:#122345;
font-weight:600
}
.js-audio-rows .dot{
width:8px;
height:8px;
border-radius:999px;
background:#6259eb
}
.js-audio-rows .dot.alt{
background:#3fb984
}
.js-audio-rows .sw{
margin-left:auto;
width:30px;
height:17px;
border-radius:999px;
background:#dfe2ea;
position:relative
}
.js-audio-rows .sw.on{
background:#6259eb
}
.js-audio-rows .sw:after{
content:"";
position:absolute;
top:2.5px;
right:2.5px;
width:12px;
height:12px;
border-radius:999px;
background:#fff
}
.js-click-demo{
position:relative;
width:100%;
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
padding-bottom:26px
}
.js-click-btn{
position:relative;
border-radius:11px;
background:#fff;
border:1px solid rgba(19,12,62,.1);
color:#122345;
font-weight:600;
box-shadow:0 8px 20px -14px rgba(19,12,62,.7)
}
.js-click-ring{
position:absolute;
border-radius:999px;
border:3px solid #6259eb;
background:rgba(98,89,235,.16)
}
.js-swatches{
display:flex;
gap:9px
}
.js-swatches i{
border-radius:999px;
box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(19,12,62,.1)
}
.js-annot{
display:flex;
align-items:flex-end;
gap:18px;
width:100%;
padding-bottom:26px
}
.js-annot-tools{
display:flex;
flex-direction:column;
gap:8px;
padding:9px;
border-radius:14px;
background:#fff;
border:1px solid rgba(19,12,62,.08);
box-shadow:0 10px 24px -18px rgba(19,12,62,.7)
}
.js-annot-tools i{
width:30px;
height:30px;
border-radius:9px;
background:rgba(19,12,62,.06);
display:block;
position:relative
}
.js-annot-tools i.is-on{
background:#6259eb
}
.js-annot-tools i:before{
content:"";
position:absolute;
inset:8px;
border-radius:3px;
background:rgba(19,12,62,.32)
}
.js-annot-tools i.is-on:before{
background:#fff;
filter:blur(1.2px)
}
.js-annot-tools i.t-arrow:before{
clip-path:polygon(0 100%,100% 0,60% 0,100% 0,100% 40%)
}
.js-annot-tools i.t-rect:before{
background:0 0;
border:2px solid rgba(19,12,62,.32)
}
.js-annot-canvas{
position:relative;
flex:1;
height:120px;
border-radius:12px;
background:#fff;
border:1px solid rgba(19,12,62,.08);
overflow:hidden
}
.js-annot-box{
position:absolute;
left:12%;
top:22%;
width:34%;
height:46%;
border:2.5px solid #6259eb;
border-radius:8px
}
.js-annot-blur{
position:absolute;
right:10%;
top:30%;
width:32%;
height:30%;
border-radius:7px;
background:repeating-linear-gradient(115deg,#c9cede 0 7px,#e4e8f1 7px 14px);
filter:blur(3px)
}
@media screen and (max-width:1100px){
.js-bento{
grid-template-columns:repeat(2,minmax(0,1fr));
grid-auto-rows:400px
}
.js-bento-hero,
.js-bento-wide{
grid-column:span 2
}
}
@media screen and (max-width:640px){
.js-bento{
grid-template-columns:1fr;
grid-auto-rows:auto;
gap:14px
}
.js-bento-hero,
.js-bento-wide{
grid-column:span 1
}
.js-bento-cell{
min-height:320px;
padding:22px 22px 0
}
.js-bento-cell h3{
font-size:1.1rem;
line-height:1.4rem
}
}
.js-bento-3,
.js-bento-ai{
grid-template-columns:repeat(3,minmax(0,1fr));
grid-auto-rows:360px
}
.js-mini-edit{
width:100%;
padding-bottom:26px
}
.js-mini-edit .js-edit-track{
height:56px
}
.js-mini-edit .js-thumb-picker{
grid-template-columns:repeat(4,minmax(0,1fr));
height:74px;
gap:9px
}
.js-mini-edit .js-edit-actions{
margin-top:12px
}
.js-ai-list,
.js-ai-steps,
.js-ai-tasks,
.js-ai-transcript{
width:100%;
display:flex;
flex-direction:column;
gap:10px;
padding-bottom:26px
}
.js-ai-list span,
.js-ai-steps span,
.js-ai-tasks span,
.js-ai-transcript span{
display:flex;
align-items:center;
gap:11px;
padding:11px 13px;
border-radius:11px;
background:#fff;
border:1px solid rgba(19,12,62,.07)
}
.js-ai-list i,
.js-ai-transcript i{
font-style:normal;
font-size:.72rem;
font-weight:700;
color:#6259eb;
letter-spacing:.02em
}
.js-ai-list b,
.js-ai-steps b,
.js-ai-tasks b,
.js-ai-transcript b{
display:block;
height:9px;
border-radius:999px;
background:rgba(19,12,62,.13)
}
.js-ai-transcript .lit{
border-color:rgba(98,89,235,.35);
box-shadow:0 0 0 3px rgba(98,89,235,.1)
}
.js-ai-transcript .lit b{
background:#130c3e
}
.js-ai-title{
width:100%;
display:flex;
flex-direction:column;
gap:10px;
padding-bottom:26px
}
.js-ai-title span{
padding:13px 15px;
border-radius:11px;
font-size:.85rem
}
.js-ai-title .was{
background:rgba(19,12,62,.05);
color:#98a1b3;
text-decoration:line-through
}
.js-ai-title .now{
display:flex;
align-items:center;
gap:8px;
background:#fff;
border:1px solid rgba(98,89,235,.3);
color:#130c3e;
font-weight:600;
box-shadow:0 8px 20px -16px rgba(19,12,62,.8)
}
.js-ai-spark{
margin-left:auto;
width:16px;
height:16px;
border-radius:4px;
background:linear-gradient(135deg,#6259eb,#8b7ff2)
}
.js-ai-card{
width:100%;
display:flex;
flex-direction:column;
gap:11px;
padding:16px 15px 18px;
margin-bottom:26px;
border-radius:12px;
background:#fff;
border:1px solid rgba(19,12,62,.07)
}
.js-ai-card b{
display:block;
height:9px;
border-radius:999px;
background:rgba(19,12,62,.13)
}
.js-ai-tasks i{
flex:none;
width:16px;
height:16px;
border-radius:5px;
border:2px solid rgba(19,12,62,.18)
}
.js-ai-tasks .done i{
background:#6259eb;
border-color:#6259eb;
position:relative
}
.js-ai-tasks .done i:after{
content:"";
position:absolute;
top:2px;
left:4.5px;
width:5px;
height:8px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(45deg)
}
.js-ai-tasks .done b{
background:rgba(19,12,62,.09)
}
.js-ai-steps i{
flex:none;
width:20px;
height:20px;
border-radius:999px;
background:#6259eb;
color:#fff;
font-style:normal;
font-size:.7rem;
font-weight:700;
display:grid;
place-items:center
}
.js-bento{
grid-auto-rows:1fr
}
.js-bento-cell{
border:1px solid hsla(0,0%,100%,.55);
box-shadow:0 1px 2px rgba(19,12,62,.04),0 24px 48px -32px rgba(19,12,62,.35)
}
.js-bento-cell:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:radial-gradient(60% 55% at 85% 0,hsla(0,0%,100%,.55),transparent 70%)
}
.js-bento-cell>*{
position:relative
}
.js-bento-hero{
background:linear-gradient(160deg,#fbe4d2,#fdf1e6 42%,#efe9ff)
}
.js-bento-tint-a{
background:linear-gradient(165deg,#dbe6ff,#eef3ff 45%,#d9d6ff)
}
.js-bento-tint-b{
background:linear-gradient(165deg,#ffe0cf,#fff1e8 48%,#ffd6e3)
}
.js-bento-tint-d{
background:linear-gradient(165deg,#e4dcff,#f0ebff 45%,#d6e2ff)
}
.js-bento-tint-c{
background:linear-gradient(165deg,#d7ecff,#eaf4ff 48%,#d9e2ff)
}
.js-bento-tint-c.js-bento-dark{
background:linear-gradient(160deg,#0b1231,#13286a 55%,#2b45c4)
}
.js-bento-tint-e{
background:linear-gradient(165deg,#d9f3e6,#edf9f2 48%,#d7ecff)
}
.js-bento-tint-e.js-bento-dark{
background:linear-gradient(160deg,#170f3f,#3428b3 58%,#6259eb)
}
.js-bento-dark{
border-color:hsla(0,0%,100%,.12)
}
.js-bento-dark:before{
background:radial-gradient(60% 55% at 85% 0,hsla(0,0%,100%,.18),transparent 70%)
}
.js-bento-dark h3{
color:#fff
}
.js-bento-dark p{
color:hsla(0,0%,100%,.72)
}
.js-bento-shot img{
box-shadow:0 0 0 1px rgba(19,12,62,.08),0 24px 48px -26px rgba(19,12,62,.55)
}
.js-annot-canvas,
.js-annot-tools,
.js-audio-rows span,
.js-chip,
.js-click-btn{
border-color:hsla(0,0%,100%,.7);
box-shadow:0 10px 24px -18px rgba(19,12,62,.55)
}
.js-bento-dark .js-wave{
background:repeating-linear-gradient(90deg,#fff 0 3px,transparent 3px 9px);
opacity:.8
}
.js-bento-dark .js-audio-rows span{
background:hsla(0,0%,100%,.1);
border-color:hsla(0,0%,100%,.14);
color:#fff;
box-shadow:none
}
.js-bento-dark .js-audio-rows .dot{
background:#9d94ff
}
.js-bento-dark .js-audio-rows .dot.alt{
background:#5fe0a8
}
.js-bento-dark .js-audio-rows .sw{
background:hsla(0,0%,100%,.22)
}
.js-bento-dark .js-audio-rows .sw.on{
background:#8b7ff2
}
.js-bento-dark .js-annot-tools{
background:hsla(0,0%,100%,.1);
border-color:hsla(0,0%,100%,.14);
box-shadow:none
}
.js-bento-dark .js-annot-tools i{
background:hsla(0,0%,100%,.1)
}
.js-bento-dark .js-annot-tools i:before{
background:hsla(0,0%,100%,.75)
}
.js-bento-dark .js-annot-tools i.t-rect:before{
background:0 0;
border-color:hsla(0,0%,100%,.75)
}
.js-bento-dark .js-annot-tools i.is-on{
background:#fff
}
.js-bento-dark .js-annot-tools i.is-on:before{
background:#6259eb
}
.js-bento-dark .js-annot-canvas{
background:hsla(0,0%,100%,.1);
border-color:hsla(0,0%,100%,.14);
box-shadow:none;
height:150px
}
.js-bento-dark .js-annot-box{
border-color:#fff
}
.js-bento-dark .js-annot-blur{
background:repeating-linear-gradient(115deg,hsla(0,0%,100%,.55) 0 7px,hsla(0,0%,100%,.22) 7px 14px)
}
.js-click-btn{
padding:16px 36px;
font-size:1rem
}
.js-click-ring{
width:40px;
height:40px;
left:18px;
bottom:-10px
}
.js-swatches i{
width:24px;
height:24px
}
.js-click-demo{
gap:26px
}
.js-wave{
height:64px
}
.js-audio-rows span{
padding:13px 15px;
font-size:.9rem
}
.js-bento-hero .js-bento-media{
align-items:flex-start;
margin-top:14px;
flex:1 1 0;
height:0;
min-height:0;
overflow:hidden
}
.js-bento-shot{
align-self:flex-end;
overflow:hidden;
margin-left:-26px;
margin-right:-26px;
width:calc(100% + 52px)
}
.js-bento-shot img{
width:100%;
max-width:none;
margin:0;
border-radius:0;
box-shadow:none;
background:0 0
}
.js-bento-shot-4k{
align-items:flex-start;
flex:none;
margin:6px -26px 0;
width:calc(100% + 52px);
height:auto;
aspect-ratio:556/560;
overflow:hidden
}
.js-bento-shot-4k img{
display:block;
width:100%;
height:auto;
max-width:none
}
.js-bento-tint-a{
position:relative;
background:radial-gradient(78% 52% at 12% 78%,rgba(91,78,240,.42),transparent 70%),radial-gradient(70% 48% at 92% 52%,rgba(63,140,245,.34),transparent 72%),radial-gradient(64% 44% at 62% 104%,rgba(154,123,245,.38),transparent 70%),linear-gradient(160deg,#e6e9ff,#eeebff 42%,#ded9ff)
}
.js-bento-tint-a>*{
z-index:1
}
.js-glass-stack{
position:relative;
display:block;
flex:1;
margin:16px -26px 0;
width:calc(100% + 52px);
min-height:0
}
.js-glass{
position:absolute;
width:74%;
height:auto;
aspect-ratio:1;
display:grid;
place-items:center;
border-radius:26px;
-webkit-backdrop-filter:blur(16px) saturate(180%);
backdrop-filter:blur(16px) saturate(180%);
box-shadow:0 20px 44px -20px rgba(38,28,110,.45),inset 0 1px 0 hsla(0,0%,100%,.95),inset 0 -1px 0 hsla(0,0%,100%,.35)
}
.js-glass span{
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif;
font-weight:600;
letter-spacing:-.04em;
line-height:1;
font-size:clamp(1.5rem,4.6vw,2.9rem)
}
.js-glass-4k{
left:3%;
top:0;
z-index:2
}
.js-glass-fps{
right:3%;
bottom:0;
z-index:1
}
.js-glass-fps span{
font-size:clamp(1.1rem,3.3vw,2.05rem)
}
@media screen and (max-width:1100px){
.js-bento-3,
.js-bento-ai{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.js-bento{
grid-auto-rows:auto
}
.js-glass{
height:76%;
width:auto
}
.js-glass-4k{
left:8%
}
.js-glass-fps{
right:8%
}
.js-glass span{
font-size:2.2rem
}
.js-glass-fps span{
font-size:1.6rem
}
}
@media screen and (max-width:640px){
.js-bento-3,
.js-bento-ai{
grid-template-columns:1fr
}
.js-glass span{
font-size:2rem
}
.js-glass-fps span{
font-size:1.5rem
}
}
.js-glass-orbs{
position:absolute;
inset:-2% -4% -4%;
pointer-events:none
}
.js-glass-orbs i{
position:absolute;
display:block;
border-radius:999px;
filter:blur(34px)
}
.js-glass-orbs .o1{
left:-8%;
top:6%;
width:58%;
aspect-ratio:1;
background:#5b4ef0;
opacity:.9
}
.js-glass-orbs .o2{
right:-12%;
top:30%;
width:64%;
aspect-ratio:1;
background:#3f8cf5;
opacity:.8
}
.js-glass-orbs .o3{
left:10%;
bottom:-14%;
width:60%;
aspect-ratio:1;
background:#8b6ff2;
opacity:.75
}
.js-glass-orbs .o4{
right:2%;
bottom:2%;
width:40%;
aspect-ratio:1;
background:#c98af0;
opacity:.5
}
.js-glass{
overflow:hidden;
background:linear-gradient(145deg,hsla(0,0%,100%,.58),hsla(0,0%,100%,.16));
-webkit-backdrop-filter:blur(26px) saturate(190%);
backdrop-filter:blur(26px) saturate(190%);
border:1px solid hsla(0,0%,100%,.5);
box-shadow:0 26px 50px -22px rgba(28,18,90,.55),0 2px 6px rgba(28,18,90,.12),inset 1px 1px 0 hsla(0,0%,100%,.9),inset -1px -1px 0 rgba(120,110,200,.18)
}
.js-glass:after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
border-radius:inherit;
background:linear-gradient(138deg,hsla(0,0%,100%,.55),hsla(0,0%,100%,.12) 34%,transparent 52%)
}
.js-glass span{
position:relative;
z-index:1;
color:#150d3f;
text-shadow:0 1px 0 hsla(0,0%,100%,.55)
}
.js-glass-fps{
background:linear-gradient(145deg,hsla(0,0%,100%,.42),hsla(0,0%,100%,.1))
}
.js-glass-fps span{
color:rgba(21,13,63,.82)
}
.js-quality{
align-items:stretch
}
.js-q-frame{
position:relative;
flex:1;
border-radius:18px;
overflow:hidden;
background:linear-gradient(155deg,#1a1350,#2c2296 55%,#4436cf);
box-shadow:0 22px 44px -22px rgba(24,15,80,.75),inset 0 0 0 1px hsla(0,0%,100%,.14)
}
.js-q-res{
position:absolute;
inset:0;
display:flex
}
.js-q-res i{
flex:1;
display:block
}
.js-q-res .r1{
background-image:linear-gradient(hsla(0,0%,100%,.16) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.16) 1px,transparent 0);
background-size:26px 26px;
filter:blur(.6px);
opacity:.75
}
.js-q-res .r2{
background-image:linear-gradient(hsla(0,0%,100%,.18) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.18) 1px,transparent 0);
background-size:13px 13px;
opacity:.9
}
.js-q-res .r3{
background-image:linear-gradient(hsla(0,0%,100%,.22) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.22) 1px,transparent 0);
background-size:7px 7px
}
.js-q-frame:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:radial-gradient(70% 60% at 82% 30%,hsla(0,0%,100%,.22),transparent 65%)
}
.js-q-sweep{
position:absolute;
top:0;
bottom:0;
width:34%;
background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);
animation:5.5s cubic-bezier(.45,0,.25,1) infinite jsSharpen
}
@keyframes jsSharpen{
0%{
left:-34%
}
60%,
to{
left:104%
}
}
.js-q-motion{
position:absolute;
left:0;
right:0;
top:46%;
height:0
}
.js-q-motion i{
position:absolute;
top:-7px;
width:14px;
height:14px;
border-radius:999px;
background:#fff;
animation:3.6s cubic-bezier(.5,0,.5,1) infinite jsGlide
}
.js-q-motion .head{
width:17px;
height:17px;
top:-8.5px;
box-shadow:0 0 22px 7px hsla(0,0%,100%,.6),0 0 44px 14px rgba(140,120,255,.45)
}
.js-q-motion .t{
opacity:.5
}
.js-q-motion .t1{
animation-delay:-.1s;
opacity:.5;
transform:scale(.9)
}
.js-q-motion .t2{
animation-delay:-.2s;
opacity:.34;
transform:scale(.8)
}
.js-q-motion .t3{
animation-delay:-.3s;
opacity:.22;
transform:scale(.7)
}
.js-q-motion .t4{
animation-delay:-.4s;
opacity:.12;
transform:scale(.6)
}
@keyframes jsGlide{
0%,
to{
left:10%
}
50%{
left:78%
}
}
.js-q-chips{
position:absolute;
left:16px;
bottom:14px;
display:flex;
gap:8px
}
.js-q-chips span{
padding:7px 13px;
border-radius:9px;
font-size:.8rem;
font-weight:700;
letter-spacing:.01em;
color:hsla(0,0%,100%,.8);
background:hsla(0,0%,100%,.12);
border:1px solid hsla(0,0%,100%,.18);
-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px)
}
.js-q-chips .on{
color:#1a1350;
background:#fff;
border-color:#fff
}
@media (prefers-reduced-motion:reduce){
.js-q-sweep{
animation:none;
left:58%
}
.js-q-motion i{
animation:none;
left:64%
}
}
.js-q-frame:after{
content:"";
position:absolute;
inset:14px;
pointer-events:none;
border-radius:10px;
background:linear-gradient(hsla(0,0%,100%,.55),hsla(0,0%,100%,.55)) 0 0/18px 2px no-repeat,linear-gradient(hsla(0,0%,100%,.55),hsla(0,0%,100%,.55)) 0 0/2px 18px no-repeat,linear-gradient(hsla(0,0%,100%,.55),hsla(0,0%,100%,.55)) 100% 0/18px 2px no-repeat,linear-gradient(hsla(0,0%,100%,.55),hsla(0,0%,100%,.55)) 100% 0/2px 18px no-repeat,linear-gradient(hsla(0,0%,100%,.55),hsla(0,0%,100%,.55)) 0 100%/18px 2px no-repeat,linear-gradient(hsla(0,0%,100%,.55),hsla(0,0%,100%,.55)) 0 100%/2px 18px no-repeat,linear-gradient(hsla(0,0%,100%,.55),hsla(0,0%,100%,.55)) 100% 100%/18px 2px no-repeat,linear-gradient(hsla(0,0%,100%,.55),hsla(0,0%,100%,.55)) 100% 100%/2px 18px no-repeat;
opacity:.6
}
.js-quality{
margin:14px -14px 0;
width:calc(100% + 28px);
align-items:flex-start
}
@media screen and (max-width:1100px){
.js-quality{
margin:14px 0 0;
width:100%;
align-items:center;
padding-bottom:22px
}
.js-quality img{
width:auto;
height:auto;
max-height:215px;
max-width:100%
}
}
.js-notes{
flex:1;
min-height:0;
margin-top:14px;
padding-bottom:26px;
display:flex;
align-items:center;
justify-content:center
}
.js-notes img{
display:block;
width:100%;
max-width:none;
height:auto;
max-height:100%;
-o-object-fit:contain;
object-fit:contain
}
@media screen and (max-width:1100px){
.js-notes{
padding-bottom:22px
}
.js-notes img{
width:auto;
max-height:215px
}
.js-bento-hero .js-bento-media{
flex:none;
height:auto
}
}
.js-quality{
position:relative;
flex:1;
min-height:0;
margin-top:10px;
padding-bottom:20px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden
}
.js-quality img{
filter:drop-shadow(0 14px 26px rgba(28,18,90,.14));
display:block;
width:87%;
max-width:none;
height:auto;
max-height:100%;
-o-object-fit:contain;
object-fit:contain
}
@media screen and (max-width:1100px){
.js-quality{
align-items:center;
padding-bottom:22px
}
.js-quality img{
width:auto;
max-height:196px
}
}
.js-audiovis{
flex:1;
min-height:0;
margin:12px -26px 0;
width:calc(100% + 52px);
display:flex;
align-items:center;
justify-content:center;
overflow:hidden
}
.js-audiovis img{
display:block;
width:100%;
max-width:none;
height:auto
}
@media screen and (max-width:1100px){
.js-audiovis{
margin:12px 0 0;
width:100%;
padding-bottom:22px
}
.js-audiovis img{
width:auto;
max-height:196px
}
}
.js-clickvis{
flex:1;
min-height:0;
margin-top:12px;
padding-bottom:24px;
display:flex;
align-items:center;
justify-content:center
}
.js-clickvis img{
display:block;
width:100%;
max-width:none;
height:auto;
max-height:100%;
-o-object-fit:contain;
object-fit:contain
}
@media screen and (max-width:1100px){
.js-clickvis{
padding-bottom:22px
}
.js-clickvis img{
width:auto;
max-height:200px
}
}
.js-annotvis{
flex:1;
min-height:0;
margin-top:12px;
padding-bottom:24px;
display:flex;
align-items:center;
justify-content:center
}
.js-annotvis img{
display:block;
width:100%;
max-width:none;
height:auto;
max-height:100%;
-o-object-fit:contain;
object-fit:contain
}
@media screen and (max-width:1100px){
.js-annotvis{
padding-bottom:22px
}
.js-annotvis img{
width:auto;
max-height:230px
}
}
.js-editvis{
flex:1;
min-height:0;
margin-top:12px;
padding-bottom:22px;
display:flex;
align-items:center;
justify-content:center
}
.js-editvis img{
display:block;
width:100%;
max-width:none;
height:auto;
max-height:100%;
-o-object-fit:contain;
object-fit:contain
}
.js-bento-3 .js-bento-cell{
min-height:424px
}
.js-bento-3 .js-bento-cell:first-child{
background:radial-gradient(82% 60% at 12% 88%,rgba(64,110,246,.55),transparent 68%),radial-gradient(70% 50% at 94% 20%,rgba(108,86,240,.45),transparent 70%),linear-gradient(160deg,#0a1230,#132560 52%,#1f3aa8)
}
.js-bento-3 .js-bento-cell:nth-child(2){
background:radial-gradient(80% 58% at 88% 84%,rgba(56,132,246,.52),transparent 68%),radial-gradient(68% 48% at 8% 22%,rgba(94,80,238,.42),transparent 70%),linear-gradient(160deg,#0b1436,#152a68 52%,#2340b4)
}
.js-bento-3 .js-bento-cell:nth-child(3){
background:radial-gradient(80% 58% at 16% 86%,rgba(112,86,242,.52),transparent 68%),radial-gradient(68% 48% at 92% 24%,rgba(60,124,248,.42),transparent 70%),linear-gradient(160deg,#100c38,#1e2470 52%,#3630b8)
}
.js-bento-3 .js-editvis{
flex:1;
min-height:0;
margin:16px -26px 0;
width:calc(100% + 52px);
padding-bottom:18px;
display:flex;
align-items:flex-end;
justify-content:center;
overflow:hidden
}
.js-bento-3 .js-editvis img{
display:block;
width:100%;
max-width:none;
height:auto;
max-height:none
}
@media screen and (max-width:1100px){
.js-bento-3 .js-bento-cell{
min-height:0
}
.js-bento-3 .js-bento-cell,
.js-bento-act .js-bento-cell{
height:auto
}
.js-bento-3 .js-editvis,
.js-bento-act .js-actvis{
flex:0 0 auto;
min-height:0
}
.js-bento-3 .js-editvis img,
.js-bento-act .js-actvis img{
width:100%;
height:auto;
max-height:none;
-o-object-fit:contain;
object-fit:contain;
aspect-ratio:auto
}
.js-annotvis img{
width:auto;
max-width:100%;
max-height:230px
}
}
.js-act-rows{
display:flex;
flex-direction:column;
gap:22px
}
.js-act-row{
display:grid;
grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
gap:44px;
align-items:center;
padding:36px 40px;
border-radius:26px;
border:1px solid rgba(19,12,62,.07);
background:linear-gradient(150deg,#fff,#fbfaff 52%,#f3f2ff);
box-shadow:0 1px 2px rgba(19,12,62,.04),0 22px 44px -34px rgba(19,12,62,.4)
}
.js-act-row:nth-child(2n){
background:linear-gradient(150deg,#fff,#f9fbff 52%,#eef4ff);
grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)
}
.js-act-row:nth-child(2n) .js-act-copy{
order:2
}
.js-act-num{
display:inline-block;
font-size:.78rem;
font-weight:700;
letter-spacing:.12em;
color:#6259eb;
padding:5px 11px;
border-radius:999px;
background:rgba(98,89,235,.1)
}
.js-act-copy h3,
.js-act-num{
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif
}
.js-act-copy h3{
margin-top:14px;
color:#130c3e;
font-size:1.5rem;
line-height:1.9rem;
font-weight:600;
letter-spacing:-.02em
}
.js-act-copy p{
margin-top:10px;
color:#59657e;
font-size:.95rem;
line-height:1.55rem
}
.js-act-shot{
border-radius:16px;
overflow:hidden;
background:#fff;
box-shadow:0 2px 6px rgba(19,12,62,.06),0 26px 48px -30px rgba(19,12,62,.5);
aspect-ratio:3/2
}
.js-act-shot img{
display:block;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center
}
@media screen and (max-width:900px){
.js-act-row,
.js-act-row:nth-child(2n){
grid-template-columns:1fr;
gap:26px;
padding:28px
}
.js-act-row:nth-child(2n) .js-act-copy{
order:0
}
}
.js-bento-act{
grid-template-columns:repeat(3,minmax(0,1fr))
}
.js-bento-act .js-bento-cell{
min-height:424px;
border-color:hsla(0,0%,100%,.55)
}
.js-actvis{
flex:1;
min-height:0;
display:flex;
align-items:flex-end;
justify-content:center;
overflow:hidden;
padding-bottom:16px;
margin:16px -28px 0;
width:calc(100% + 56px)
}
.js-actvis img{
display:block;
width:100%;
max-width:none;
height:auto
}
@media screen and (max-width:1100px){
.js-bento-act{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.js-bento-act .js-bento-cell{
min-height:0
}
}
.js-bento-act .js-bento-cell:first-child{
background:radial-gradient(92% 66% at 6% 104%,rgba(38,96,232,.78),transparent 62%),radial-gradient(70% 52% at 98% 0,rgba(236,246,255,.92),transparent 62%),linear-gradient(160deg,#dbeafd,#aec9f6 44%,#7099e8)
}
.js-bento-act .js-bento-cell:nth-child(2){
background:radial-gradient(92% 66% at 96% 104%,rgba(52,84,222,.76),transparent 62%),radial-gradient(70% 52% at 2% 0,rgba(232,240,255,.92),transparent 62%),linear-gradient(160deg,#d8e4fc,#a6bcf3 44%,#647fdf)
}
.js-bento-act .js-bento-cell:nth-child(3){
background:radial-gradient(96% 70% at 10% 106%,rgba(22,48,150,.82),transparent 60%),radial-gradient(70% 52% at 96% 0,rgba(230,240,255,.9),transparent 62%),linear-gradient(160deg,#d3e2fb,#96b1ee 44%,#3d5cc0)
}
.js-bento-act .js-bento-cell:first-child .js-actvis{
padding-bottom:0
}
.js-rail-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:32px
}
.js-rail-head .js-section-heading{
max-width:640px;
margin:0
}
.js-rail-nav{
display:flex;
gap:10px;
flex:none
}
.js-rail-nav button{
width:44px;
height:44px;
border-radius:999px;
display:grid;
place-items:center;
border:1px solid rgba(19,12,62,.12);
background:#fff;
color:#130c3e;
cursor:pointer;
box-shadow:0 1px 2px rgba(19,12,62,.05);
transition:background .15s,border-color .15s,opacity .15s
}
.js-rail-nav button svg{
width:20px;
height:20px
}
.js-rail-nav button:hover{
background:#f4f3ff;
border-color:rgba(98,89,235,.35)
}
.js-rail-nav button[disabled]{
opacity:.35;
cursor:default;
background:#fff;
border-color:rgba(19,12,62,.12)
}
.js-rail{
display:flex;
gap:20px;
overflow-x:auto;
overscroll-behavior-x:contain;
scroll-snap-type:x proximity;
scrollbar-width:none;
-ms-overflow-style:none;
padding:4px max(20px,calc(50vw - 50%)) 10px 0
}
.js-rail::-webkit-scrollbar{
display:none
}
.js-rail .js-bento-cell{
flex:0 0 336px;
min-height:424px;
scroll-snap-align:start
}
@media screen and (max-width:640px){
.js-bento-act{
grid-template-columns:1fr
}
.js-rail-head{
flex-direction:column;
align-items:flex-start;
gap:20px
}
.js-rail{
align-items:stretch
}
.js-rail .js-bento-cell{
flex-basis:280px;
min-height:372px
}
}
.js-rail-head .js-section-heading,
.js-rail-head .js-section-heading h2,
.js-rail-head .js-section-heading p{
text-align:left
}
.js-ai-shot{
flex:1;
min-height:0;
margin:14px -28px 0;
width:calc(100% + 56px);
display:flex;
align-items:flex-end;
justify-content:center;
overflow:hidden
}
.js-ai-shot img{
display:block;
width:100%;
max-width:none;
height:auto
}
.js-rail .js-bento-copy{
min-height:79px
}
.js-rail{
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
padding-left:max(20px,calc(50vw - 50%));
padding-right:max(20px,calc(50vw - 50%));
scroll-padding-left:max(20px,calc(50vw - 50%));
--rail-edge:max(20px,calc(50vw - 580px));
margin-left:calc(var(--rail-edge)*-1);
margin-right:calc(var(--rail-edge)*-1);
padding-left:var(--rail-edge);
padding-right:var(--rail-edge);
scroll-padding-left:var(--rail-edge)
}
.js-camera-feature h3{
display:block;
margin:0;
font-family:GeneralSans-Variable,ui-sans-serif,system-ui,sans-serif;
font-size:1.05rem;
line-height:1.4rem;
font-weight:600;
letter-spacing:-.02em;
color:#130c3e;
white-space:nowrap
}
.js-camera-feature.active h3{
color:#130c3e
}
@media (max-width:639px){
.js-camera-feature h3{
font-size:1rem;
white-space:normal
}
}
.js-use-grid-modern{
gap:20px
}
.js-use-card-modern{
background:linear-gradient(168deg,#fff,#fdfdff 46%,#f6f6fe);
border:1px solid rgba(19,12,62,.07);
border-radius:22px;
padding:30px 28px;
box-shadow:0 1px 2px rgba(19,12,62,.03),0 18px 34px -30px rgba(19,12,62,.5)
}
.js-use-card-modern:hover{
transform:translateY(-4px);
border-color:rgba(98,89,235,.22);
box-shadow:0 2px 4px rgba(19,12,62,.04),0 26px 44px -26px rgba(41,35,102,.42)
}
.js-use-icon-modern{
width:46px;
height:46px;
border-radius:14px;
margin-bottom:20px;
background:rgba(98,89,235,.1);
box-shadow:none
}
.js-use-icon-modern svg{
stroke:#fff;
stroke-linecap:round;
stroke-linejoin:round;
width:23px;
height:23px;
stroke:#6259eb;
stroke-width:1.7
}
.js-use-card-modern h3{
font-size:1.12rem;
line-height:1.4rem;
font-weight:600
}
.js-use-card-modern p{
margin-top:8px;
font-size:.95rem;
line-height:1.6
}
.js-use-card-modern:nth-child(2) .js-use-icon-modern{
background:rgba(47,118,255,.1)
}
.js-use-card-modern:nth-child(2) .js-use-icon-modern svg{
stroke:#2f76ff
}
.js-use-card-modern:nth-child(3) .js-use-icon-modern{
background:rgba(20,168,120,.12)
}
.js-use-card-modern:nth-child(3) .js-use-icon-modern svg{
stroke:#12a074
}
.js-use-card-modern:nth-child(4) .js-use-icon-modern{
background:rgba(150,86,232,.11)
}
.js-use-card-modern:nth-child(4) .js-use-icon-modern svg{
stroke:#8b4fe0
}
.js-use-card-modern:nth-child(5) .js-use-icon-modern{
background:rgba(240,120,60,.12)
}
.js-use-card-modern:nth-child(5) .js-use-icon-modern svg{
stroke:#e2702f
}
.js-use-card-modern:nth-child(6) .js-use-icon-modern{
background:rgba(232,72,142,.11)
}
.js-use-card-modern:nth-child(6) .js-use-icon-modern svg{
stroke:#e0447f
}
@media screen and (max-width:640px){
.js-rail .js-bento-copy{
min-height:100px
}
.js-use-card-modern{
padding:26px 22px
}
.js-use-icon-modern{
width:44px;
height:44px;
border-radius:13px;
margin-bottom:18px
}
.js-use-icon-modern svg{
width:22px;
height:22px
}
}
.js-rail .js-bento-cell{
box-shadow:none
}
.js-rail .js-bento-cell:first-child{
background:radial-gradient(92% 68% at 6% 104%,rgba(84,64,238,.66),transparent 62%),radial-gradient(58% 40% at 98% 0,rgba(240,238,255,.55),transparent 62%),linear-gradient(158deg,#ded7fe,#c3b8fb 42%,#9b8bf6)
}
.js-rail .js-bento-cell:nth-child(2){
background:radial-gradient(92% 68% at 94% 104%,rgba(232,72,142,.58),transparent 62%),radial-gradient(58% 40% at 2% 0,rgba(255,240,246,.55),transparent 62%),linear-gradient(158deg,#ffdcea,#fbc2d7 42%,#f79cbe)
}
.js-rail .js-bento-cell:nth-child(3){
background:radial-gradient(92% 68% at 8% 104%,rgba(20,168,120,.6),transparent 62%),radial-gradient(58% 40% at 98% 0,rgba(238,252,246,.55),transparent 62%),linear-gradient(158deg,#d6f4e6,#b4e8cf 42%,#83d8b2)
}
.js-rail .js-bento-cell:nth-child(4){
background:radial-gradient(92% 68% at 92% 104%,rgba(134,66,234,.6),transparent 62%),radial-gradient(58% 40% at 4% 0,rgba(248,242,255,.55),transparent 62%),linear-gradient(158deg,#e9dcff,#d5bffd 42%,#b895f4)
}
.js-rail .js-bento-cell:nth-child(5){
background:radial-gradient(92% 68% at 8% 104%,rgba(242,116,74,.6),transparent 62%),radial-gradient(58% 40% at 98% 0,rgba(255,246,238,.55),transparent 62%),linear-gradient(158deg,#ffe2d0,#fdc7a8 42%,#fba97f)
}
.js-rail .js-bento-cell:nth-child(6){
background:radial-gradient(92% 68% at 92% 104%,rgba(36,110,236,.62),transparent 62%),radial-gradient(58% 40% at 4% 0,rgba(238,246,255,.55),transparent 62%),linear-gradient(158deg,#d8e9fd,#bad6fa 42%,#8ebbf4)
}
.js-final-aurora{
inset:-20% -10%;
filter:blur(70px);
opacity:.85
}
@keyframes js-aur-drift-a{
0%,
to{
transform:translateZ(0) scale(1)
}
50%{
transform:translate3d(6vw,4vh,0) scale(1.12)
}
}
@keyframes js-aur-drift-b{
0%,
to{
transform:translateZ(0) scale(1.05)
}
50%{
transform:translate3d(-7vw,5vh,0) scale(.92)
}
}
@keyframes js-aur-drift-c{
0%,
to{
transform:translateZ(0) scale(.95)
}
50%{
transform:translate3d(4vw,-5vh,0) scale(1.15)
}
}
.js-final-beam{
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background:linear-gradient(105deg,transparent 38%,hsla(0,0%,100%,.055) 48%,transparent 58%);
background-size:280% 100%;
animation:9s linear infinite js-beam
}
@keyframes js-beam{
0%{
background-position:130% 0
}
to{
background-position:-30% 0
}
}
.js-final-icon{
width:108px;
height:108px;
margin:0 auto 26px;
position:relative;
animation:6s ease-in-out infinite js-icon-float
}
.js-final-icon img{
width:100%;
height:100%;
display:block;
border-radius:24px;
box-shadow:0 26px 50px -18px rgba(16,80,180,.75),0 6px 16px rgba(0,0,0,.45)
}
.js-final-icon:after{
content:"";
position:absolute;
inset:-26% -26% -34%;
border-radius:50%;
z-index:-1;
background:radial-gradient(circle,rgba(88,168,255,.42),transparent 68%);
filter:blur(16px)
}
@keyframes js-icon-float{
0%,
to{
transform:translateY(0)
}
50%{
transform:translateY(-9px)
}
}
.js-final-title{
font-size:clamp(2.1rem,4.4vw,3.5rem);
line-height:1.08;
letter-spacing:-.03em;
max-width:20ch
}
.js-final-actions{
display:flex;
flex-direction:column;
align-items:center;
gap:14px
}
.js-final-dl{
display:inline-flex;
align-items:center;
gap:10px;
position:relative;
overflow:hidden;
transition:transform .22s cubic-bezier(.22,.85,.3,1),box-shadow .22s;
box-shadow:0 16px 34px -16px rgba(120,170,255,.75)
}
.js-final-dl .js-final-apple{
fill:currentColor;
flex:none
}
.js-final-dl:after{
content:"";
position:absolute;
top:0;
bottom:0;
width:38%;
left:-50%;
background:linear-gradient(100deg,transparent,hsla(0,0%,100%,.55),transparent);
transform:skewX(-18deg);
animation:3.6s ease-in-out infinite js-dl-shine
}
@keyframes js-dl-shine{
0%{
left:-50%
}
55%,
to{
left:130%
}
}
.js-final-dl:hover{
transform:translateY(-3px);
box-shadow:0 22px 42px -14px rgba(140,185,255,.9);
box-shadow:0 26px 52px -14px rgba(126,112,255,.95)
}
.js-final-req{
font-size:.85rem;
color:hsla(0,0%,100%,.5)
}
.js-final-meta i,
.js-final-req i{
font-style:normal;
opacity:.45;
margin:0 7px
}
.js-final-inner.js-reveal>*{
opacity:0;
transform:translateY(18px)
}
.js-final-inner.js-reveal.in-view>*{
opacity:1;
transform:none;
transition:opacity .7s cubic-bezier(.22,.85,.3,1),transform .7s cubic-bezier(.22,.85,.3,1)
}
.js-final-inner.js-reveal.in-view>:first-child{
transition-delay:.02s
}
.js-final-inner.js-reveal.in-view>:nth-child(2){
transition-delay:.1s
}
.js-final-inner.js-reveal.in-view>:nth-child(3){
transition-delay:.18s
}
.js-final-inner.js-reveal.in-view>:nth-child(4){
transition-delay:.26s
}
.js-final-inner.js-reveal.in-view>:nth-child(5){
transition-delay:.34s
}
.js-final-dl{
font-size:1.14rem;
padding:20px 44px;
border-radius:999px;
gap:12px;
box-shadow:0 20px 44px -16px rgba(108,96,248,.85)
}
@media screen and (max-width:640px){
.js-final-icon{
width:88px;
height:88px;
margin-bottom:20px
}
.js-final-icon img{
border-radius:20px
}
.js-final-dl{
width:100%;
justify-content:center;
font-size:1.06rem;
padding:18px 28px
}
}
.js-final-cta:before{
display:none
}
.js-final-cta{
isolation:isolate;
background:#000;
padding-top:138px;
padding-bottom:138px;
position:relative
}
.js-final-beam{
display:none
}
.js-final-aurora .js-aur{
mix-blend-mode:normal;
position:absolute;
mix-blend-mode:screen;
border-radius:0;
display:block
}
.js-aur-1,
.js-aur-2{
transform:translateX(-50%);
transform:none;
width:92%;
height:155%
}
@keyframes js-glow-breathe{
0%,
to{
opacity:.85;
transform:translateX(-50%) scale(1)
}
50%{
opacity:1;
transform:translateX(-50%) scale(1.07)
}
}
.js-final-actions{
gap:0
}
@media (prefers-reduced-motion:reduce){
.js-aur-1,
.js-aur-2,
.js-aur-3,
.js-final-beam,
.js-final-dl:after,
.js-final-icon{
animation:none
}
.js-final-inner.js-reveal>*{
opacity:1;
transform:none
}
.js-aur-1,
.js-aur-2{
animation:none
}
}
.js-final-dl,
.js-final-dl:hover{
box-shadow:none
}
.js-final-aurora{
position:absolute;
inset:0;
z-index:0;
overflow:hidden;
pointer-events:none;
filter:none;
opacity:1;
mask-image:linear-gradient(180deg,#000 0,#000 52%,transparent 92%);
-webkit-mask-image:linear-gradient(180deg,#000 0,#000 52%,transparent 92%);
opacity:.8
}
.js-aur-1{
animation:16s ease-in-out infinite js-aur-l
}
.js-aur-2{
left:auto;
animation:19s ease-in-out infinite js-aur-r
}
.js-aur-3{
bottom:-24%;
display:block;
animation:13s ease-in-out infinite js-aur-c
}
.js-aur-mix{
animation:15s ease-in-out infinite reverse js-aur-c
}
@keyframes js-aur-l{
0%,
to{
transform:translateZ(0) scale(1)
}
50%{
transform:translate3d(5%,3%,0) scale(1.08)
}
}
@keyframes js-aur-r{
0%,
to{
transform:translateZ(0) scale(1.04)
}
50%{
transform:translate3d(-5%,4%,0) scale(.96)
}
}
@keyframes js-aur-c{
0%,
to{
transform:translateZ(0) scale(1);
opacity:.85
}
50%{
transform:translate3d(0,3%,0) scale(1.1);
opacity:1
}
}
.js-final-cta:after{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:1px;
z-index:2;
pointer-events:none;
background:linear-gradient(90deg,transparent,rgba(150,110,255,.55) 22%,rgba(190,200,255,.75) 50%,rgba(70,140,255,.55) 78%,transparent)
}
@media (prefers-reduced-motion:reduce){
.js-aur-1,
.js-aur-2,
.js-aur-3,
.js-aur-mix{
animation:none
}
}
.js-aur-1{
left:-18%;
top:-64%;
background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(146,92,255,.8) 0,rgba(108,66,232,.44) 40%,transparent 72%)
}
.js-aur-2{
right:-18%;
top:-68%;
background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(62,140,255,.76) 0,rgba(40,96,220,.42) 40%,transparent 72%)
}
.js-aur-3{
width:64%;
height:88%;
left:18%;
top:-34%;
background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(178,140,255,.5),transparent 70%)
}
.js-aur-mix{
width:46%;
height:60%;
left:27%;
top:-26%;
background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(214,205,255,.42),transparent 68%)
}
.js-final-dl .js-final-apple{
width:25px;
height:25px
}
.js-logos{
width:100%
}
.js-logos-label{
text-align:center;
font-size:.82rem;
letter-spacing:.14em;
text-transform:uppercase;
color:rgba(19,12,62,.42);
font-weight:600;
margin-bottom:26px;
letter-spacing:.1em
}
.js-logos-reel{
position:relative;
overflow:hidden;
width:100%;
mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)
}
.js-logos-track{
display:flex;
align-items:center;
gap:60px;
width:-moz-max-content;
width:max-content;
animation:42s linear infinite js-logos-scroll
}
.js-logos-track img:hover{
opacity:.85;
filter:grayscale(.2);
opacity:.44;
filter:grayscale(1)
}
@keyframes js-logos-scroll{
0%{
transform:translateZ(0)
}
to{
transform:translate3d(-50%,0,0)
}
}
@media screen and (max-width:640px){
.js-final-cta{
padding-top:112px;
padding-bottom:112px
}
.js-final-dl .js-final-apple{
width:23px;
height:23px
}
.js-logos-label{
font-size:.76rem;
margin-bottom:20px
}
.js-logos-track{
gap:42px;
animation-duration:32s
}
.js-logos-track img{
height:24px
}
}
@media (prefers-reduced-motion:reduce){
.js-logos-track{
animation:none
}
}
.js-logos-track{
gap:54px
}
.js-logos-track img{
width:auto;
flex:none;
-o-object-fit:contain;
object-fit:contain;
filter:grayscale(1);
opacity:.44;
height:27px;
transition:none
}
@media screen and (max-width:640px){
.js-logos-track{
gap:38px
}
.js-logos-track img{
height:22px
}
}
.js-logos-reel:hover .js-logos-track{
animation-play-state:running
}
.js-faq-list details.is-open summary span{
transform:rotate(45deg)
}
.peer:valid~.peer-valid\:label-gradient{
background-image:linear-gradient(180deg,#11121f 38.78%,#1e1d33 75.06%)
}
.peer:focus~.peer-focus\:label-gradient{
background-image:linear-gradient(180deg,#11121f 38.78%,#1e1d33 75.06%)
}
.peer:not(:-moz-placeholder-shown)~.peer-\[\&\:not\(\:-moz-placeholder-shown\)\]\:label-gradient{
background-image:linear-gradient(180deg,#11121f 38.78%,#1e1d33 75.06%)
}
.peer:not(:placeholder-shown)~.peer-\[\&\:not\(\:placeholder-shown\)\]\:label-gradient{
background-image:linear-gradient(180deg,#11121f 38.78%,#1e1d33 75.06%)
}
.dark\:btn-dark-contact:where(.dark,.dark *){
background-color:#131320;
color:#fff;
box-shadow:0 0 0 1px hsla(0,0%,100%,.12),0 1px 2px rgba(18,35,69,.05),0 5px 4.5px -1px rgba(18,35,69,.04)
}
.dark\:btn-dark-contact:where(.dark,.dark *):hover{
background-color:#161625
}
.placeholder\:text-blue-900\/60::-moz-placeholder{
color:rgba(18,35,69,.6)
}
.placeholder\:text-blue-900\/60::placeholder{
color:rgba(18,35,69,.6)
}
.placeholder\:text-dark-800\/60::-moz-placeholder{
color:rgba(10,10,11,.6)
}
.placeholder\:text-dark-800\/60::placeholder{
color:rgba(10,10,11,.6)
}
.placeholder\:text-violet-300::-moz-placeholder{
--tw-text-opacity:1;
color:rgb(148 137 182/var(--tw-text-opacity))
}
.placeholder\:text-violet-300::placeholder{
--tw-text-opacity:1;
color:rgb(148 137 182/var(--tw-text-opacity))
}
.before\:pointer-events-none:before{
content:var(--tw-content);
pointer-events:none
}
.before\:absolute:before{
content:var(--tw-content);
position:absolute
}
.before\:inset-0:before{
content:var(--tw-content);
inset:0
}
.before\:inset-\[8\%\]:before{
content:var(--tw-content);
inset:8%
}
.before\:-right-\[110px\]:before{
content:var(--tw-content);
right:-110px
}
.before\:-top-\[150px\]:before{
content:var(--tw-content);
top:-150px
}
.before\:bottom-full:before{
content:var(--tw-content);
bottom:100%
}
.before\:left-0:before{
content:var(--tw-content);
left:0
}
.before\:left-1\/2:before{
content:var(--tw-content);
left:50%
}
.before\:top-1\/2:before{
content:var(--tw-content);
top:50%
}
.before\:z-1:before{
content:var(--tw-content);
z-index:1
}
.before\:z-10:before{
content:var(--tw-content);
z-index:10
}
.before\:z-\[-1\]:before{
content:var(--tw-content);
z-index:-1
}
.before\:\!hidden:before{
content:var(--tw-content);
display:none!important
}
.before\:h-5:before{
content:var(--tw-content);
height:1.25rem
}
.before\:h-\[340px\]:before{
content:var(--tw-content);
height:340px
}
.before\:w-\[340px\]:before{
content:var(--tw-content);
width:340px
}
.before\:w-full:before{
content:var(--tw-content);
width:100%
}
.before\:-translate-x-1\/2:before{
--tw-translate-x:-50%
}
.before\:-translate-x-1\/2:before,
.before\:-translate-y-1\/2:before{
content:var(--tw-content);
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))
}
.before\:-translate-y-1\/2:before{
--tw-translate-y:-50%
}
.before\:animate-\[spin_1\.1s_linear_infinite\]:before{
content:var(--tw-content);
animation:1.1s linear infinite spin
}
.before\:whitespace-nowrap:before{
content:var(--tw-content);
white-space:nowrap
}
.before\:rounded-full:before{
content:var(--tw-content);
border-radius:9999px
}
.before\:border-\[3px\]:before{
content:var(--tw-content);
border-width:3px
}
.before\:border-blue-500\/\[\.14\]:before{
content:var(--tw-content);
border-color:rgba(47,118,255,.14)
}
.before\:border-t-blue-500:before{
content:var(--tw-content);
--tw-border-opacity:1;
border-top-color:rgb(47 118 255/var(--tw-border-opacity))
}
.before\:bg-blue-500\/\[\.07\]:before{
content:var(--tw-content);
background-color:rgba(47,118,255,.07)
}
.before\:bg-\[radial-gradient\(circle\2c rgba\(52\2c 120\2c 246\2c \.18\)\2c transparent_67\%\)\]:before{
content:var(--tw-content);
background-image:radial-gradient(circle,rgba(52,120,246,.18),transparent 67%)
}
.before\:text-sm:before{
content:var(--tw-content);
font-size:.9375rem;
line-height:1.25rem
}
.before\:opacity-0:before{
content:var(--tw-content);
opacity:0
}
.before\:blur-\[26px\]:before{
content:var(--tw-content);
--tw-blur:blur(26px);
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)
}
.before\:content-\[\'\'\]:before{
--tw-content:"";
content:var(--tw-content)
}
.before\:content-\[attr\(data-text\)\]:before{
--tw-content:attr(data-text);
content:var(--tw-content)
}
.after\:absolute:after{
content:var(--tw-content);
position:absolute
}
.after\:inset-3\.5:after{
content:var(--tw-content);
inset:.875rem
}
.after\:-left-2\.5:after{
content:var(--tw-content);
left:-.625rem
}
.after\:-right-2:after{
content:var(--tw-content);
right:-.5rem
}
.after\:bottom-full:after{
content:var(--tw-content);
bottom:100%
}
.after\:left-0:after{
content:var(--tw-content);
left:0
}
.after\:left-1\/2:after{
content:var(--tw-content);
left:50%
}
.after\:left-\[21px\]:after{
content:var(--tw-content);
left:21px
}
.after\:top-1\/2:after{
content:var(--tw-content);
top:50%
}
.after\:top-\[11\.5\%\]:after{
content:var(--tw-content);
top:11.5%
}
.after\:top-\[25px\]:after{
content:var(--tw-content);
top:25px
}
.after\:float-right:after{
content:var(--tw-content);
float:right
}
.after\:grid:after{
content:var(--tw-content);
display:grid
}
.after\:size-\[3px\]:after{
content:var(--tw-content);
width:3px;
height:3px
}
.after\:h-3:after{
content:var(--tw-content);
height:.75rem
}
.after\:h-\[18px\]:after{
content:var(--tw-content);
height:18px
}
.after\:h-\[46px\]:after{
content:var(--tw-content);
height:46px
}
.after\:h-\[77\%\]:after{
content:var(--tw-content);
height:77%
}
.after\:w-\[35px\]:after{
content:var(--tw-content);
width:35px
}
.after\:w-\[46px\]:after{
content:var(--tw-content);
width:46px
}
.after\:w-full:after{
content:var(--tw-content);
width:100%
}
.after\:w-px:after{
content:var(--tw-content);
width:1px
}
.after\:-translate-x-1\/2:after{
--tw-translate-x:-50%
}
.after\:-translate-x-1\/2:after,
.after\:-translate-y-1\/2:after{
content:var(--tw-content);
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))
}
.after\:-translate-y-1\/2:after{
--tw-translate-y:-50%
}
.after\:-rotate-45:after{
content:var(--tw-content);
--tw-rotate:-45deg;
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{
content:var(--tw-content);
transform:rotate(1turn)
}
}
.after\:animate-\[spin_\.8s_linear_infinite_reverse\]:after{
content:var(--tw-content);
animation:.8s linear infinite reverse spin
}
.after\:place-items-center:after{
content:var(--tw-content);
place-items:center
}
.after\:rounded-full:after{
content:var(--tw-content);
border-radius:9999px
}
.after\:border-\[3px\]:after{
content:var(--tw-content);
border-width:3px
}
.after\:border-b-4:after{
content:var(--tw-content);
border-bottom-width:4px
}
.after\:border-l-4:after{
content:var(--tw-content);
border-left-width:4px
}
.after\:border-\[\#15a13a\]:after{
content:var(--tw-content);
--tw-border-opacity:1;
border-color:rgb(21 161 58/var(--tw-border-opacity))
}
.after\:border-blue-500\/\[\.14\]:after{
content:var(--tw-content);
border-color:rgba(47,118,255,.14)
}
.after\:border-t-blue-500:after{
content:var(--tw-content);
--tw-border-opacity:1;
border-top-color:rgb(47 118 255/var(--tw-border-opacity))
}
.after\:bg-dark-800\/60:after{
content:var(--tw-content);
background-color:rgba(10,10,11,.6)
}
.after\:bg-gray-400:after{
content:var(--tw-content);
--tw-bg-opacity:1;
background-color:rgb(232 233 237/var(--tw-bg-opacity))
}
.after\:bg-white\/90:after{
content:var(--tw-content);
background-color:hsla(0,0%,100%,.9)
}
.after\:pl-0\.5:after{
content:var(--tw-content);
padding-left:.125rem
}
.after\:text-\[23px\]:after{
content:var(--tw-content);
font-size:23px
}
.after\:text-base:after{
content:var(--tw-content);
font-size:1rem;
line-height:1.42rem
}
.after\:text-\[\#3478f6\]:after{
content:var(--tw-content);
--tw-text-opacity:1;
color:rgb(52 120 246/var(--tw-text-opacity))
}
.after\:text-blue-500:after{
content:var(--tw-content);
--tw-text-opacity:1;
color:rgb(47 118 255/var(--tw-text-opacity))
}
.after\:shadow-\[0_10px_25px_rgba\(16\2c 35\2c 74\2c \.13\)\]:after{
content:var(--tw-content);
--tw-shadow:0 10px 25px rgba(16,35,74,.13);
--tw-shadow-colored:0 10px 25px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.after\:content-\[\"\"\]:after,
.after\:content-\[\'\'\]:after{
--tw-content:"";
content:var(--tw-content)
}
.after\:content-\[\'\+\'\]:after{
--tw-content:"+";
content:var(--tw-content)
}
.after\:content-\[\'\25B6\'\]:after{
--tw-content:"▶";
content:var(--tw-content)
}
.even\:bg-gray-300:nth-child(2n){
--tw-bg-opacity:1;
background-color:rgb(241 242 245/var(--tw-bg-opacity))
}
.autofill\:bg-white:-webkit-autofill{
--tw-bg-opacity:1;
background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.autofill\:bg-white:autofill{
--tw-bg-opacity:1;
background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.hover\:-translate-y-px:hover{
--tw-translate-y:-1px;
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\:border-\[\#10234a\]\/30:hover{
border-color:rgba(16,35,74,.3)
}
.hover\:border-\[\#9fb6d8\]:hover{
--tw-border-opacity:1;
border-color:rgb(159 182 216/var(--tw-border-opacity))
}
.hover\:border-blue-500:hover{
--tw-border-opacity:1;
border-color:rgb(47 118 255/var(--tw-border-opacity))
}
.hover\:border-gray-700:hover{
--tw-border-opacity:1;
border-color:rgb(153 156 178/var(--tw-border-opacity))
}
.hover\:bg-\[\#080812\]:hover{
--tw-bg-opacity:1;
background-color:rgb(8 8 18/var(--tw-bg-opacity))
}
.hover\:bg-\[\#F0F6FF\]:hover{
--tw-bg-opacity:1;
background-color:rgb(240 246 255/var(--tw-bg-opacity))
}
.hover\:bg-\[\#e8e8e8\]:hover{
--tw-bg-opacity:1;
background-color:rgb(232 232 232/var(--tw-bg-opacity))
}
.hover\:bg-\[\#f8f9fb\]:hover{
--tw-bg-opacity:1;
background-color:rgb(248 249 251/var(--tw-bg-opacity))
}
.hover\:bg-gray-100\/75:hover{
background-color:rgba(251,251,253,.75)
}
.hover\:bg-gray-200:hover{
--tw-bg-opacity:1;
background-color:rgb(248 249 252/var(--tw-bg-opacity))
}
.hover\:bg-gray-300:hover{
--tw-bg-opacity:1;
background-color:rgb(241 242 245/var(--tw-bg-opacity))
}
.hover\:bg-gray-400:hover{
--tw-bg-opacity:1;
background-color:rgb(232 233 237/var(--tw-bg-opacity))
}
.hover\:bg-violet-500\/90:hover{
background-color:rgba(98,89,235,.9)
}
.hover\:text-\[\#3478f6\]:hover{
--tw-text-opacity:1;
color:rgb(52 120 246/var(--tw-text-opacity))
}
.hover\:text-black:hover{
--tw-text-opacity:1;
color:rgb(0 0 0/var(--tw-text-opacity))
}
.hover\:text-blue-500:hover{
--tw-text-opacity:1;
color:rgb(47 118 255/var(--tw-text-opacity))
}
.hover\:underline:hover{
text-decoration-line:underline
}
.hover\:underline-offset-2:hover{
text-underline-offset:2px
}
.hover\:opacity-\[\.84\]:hover{
opacity:.84
}
.hover\:shadow-\[0_28px_78px_rgba\(30\2c 45\2c 80\2c \.14\)\2c 0_0_0_6px_rgba\(52\2c 120\2c 246\2c \.035\)\]:hover{
--tw-shadow:0 28px 78px rgba(30,45,80,.14),0 0 0 6px rgba(52,120,246,.035);
--tw-shadow-colored:0 28px 78px var(--tw-shadow-color),0 0 0 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)
}
.hover\:shadow-card-use-cases:hover{
--tw-shadow:0px 5px 30.9px -4px rgba(58,68,89,.27);
--tw-shadow-colored:0px 5px 30.9px -4px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.hover\:ring-1:hover{
--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.focus\:border-blue-500:focus{
--tw-border-opacity:1;
border-color:rgb(47 118 255/var(--tw-border-opacity))
}
.focus\:border-gray-500\/30:focus{
border-color:rgba(217,222,231,.3)
}
.focus\:outline-none:focus{
outline:transparent solid 2px;
outline-offset:2px
}
.focus-visible\:outline:focus-visible{
outline-style:solid
}
.focus-visible\:outline-\[3px\]:focus-visible{
outline-width:3px
}
.focus-visible\:outline-\[rgba\(52\2c 120\2c 246\2c \.28\)\]:focus-visible{
outline-color:rgba(52,120,246,.28)
}
.active\:border-blue-500:active{
--tw-border-opacity:1;
border-color:rgb(47 118 255/var(--tw-border-opacity))
}
.active\:border-gray-500\/30:active{
border-color:rgba(217,222,231,.3)
}
.disabled\:cursor-not-allowed:disabled{
cursor:not-allowed
}
.disabled\:opacity-\[\.46\]:disabled{
opacity:.46
}
.group[open] .group-open\:after\:content-\[\'\2013\'\]:after{
--tw-content:"–";
content:var(--tw-content)
}
.group:hover .group-hover\:\!-right-1\.5{
right:-.375rem!important
}
.group:hover .group-hover\:-mt-5{
margin-top:-1.25rem
}
.group:hover .group-hover\:\!block{
display:block!important
}
.group:hover .group-hover\:h-10{
height:2.5rem
}
.group:hover .group-hover\:translate-x-1{
--tw-translate-x:0.25rem;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:whitespace-normal{
white-space:normal
}
.peer:checked~.peer-checked\:border-blue-100{
--tw-border-opacity:1;
border-color:rgb(242 246 255/var(--tw-border-opacity))
}
.peer:checked~.peer-checked\:bg-blue-500\/8{
background-color:rgba(47,118,255,.08)
}
.peer:checked~.peer-checked\:text-\[transparent\]{
color:transparent
}
.peer:checked~.peer-checked\:before\:\!block:before{
content:var(--tw-content);
display:block!important
}
.peer:checked~.peer-checked\:before\:font-medium:before{
content:var(--tw-content);
font-weight:500
}
.peer:checked~.peer-checked\:before\:\!text-blue-500:before{
content:var(--tw-content);
--tw-text-opacity:1!important;
color:rgb(47 118 255/var(--tw-text-opacity))!important
}
.peer:checked~.peer-checked\:before\:opacity-100:before{
content:var(--tw-content);
opacity:1
}
.peer:checked~.peer-checked\:after\:\!hidden:after{
content:var(--tw-content);
display:none!important
}
.peer:valid~.peer-valid\:top-0{
top:0
}
.peer:valid~.peer-valid\:scale-75{
--tw-scale-x:.75;
--tw-scale-y:.75;
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))
}
.peer:valid~.peer-valid\:opacity-100{
opacity:1
}
.peer:focus~.peer-focus\:-top-\[9px\]{
top:-9px
}
.peer:focus~.peer-focus\:top-0{
top:0
}
.peer:focus~.peer-focus\:scale-75{
--tw-scale-x:.75;
--tw-scale-y:.75;
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))
}
.peer:focus~.peer-focus\:whitespace-nowrap{
white-space:nowrap
}
.peer:focus~.peer-focus\:text-blue-500{
--tw-text-opacity:1;
color:rgb(47 118 255/var(--tw-text-opacity))
}
.peer:not(:-moz-placeholder-shown)~.peer-\[\&\:not\(\:-moz-placeholder-shown\)\]\:-top-\[9px\]{
top:-9px
}
.peer:not(:placeholder-shown)~.peer-\[\&\:not\(\:placeholder-shown\)\]\:-top-\[9px\]{
top:-9px
}
.peer:not(:-moz-placeholder-shown)~.peer-\[\&\:not\(\:-moz-placeholder-shown\)\]\:top-0{
top:0
}
.peer:not(:placeholder-shown)~.peer-\[\&\:not\(\:placeholder-shown\)\]\:top-0{
top:0
}
.peer:not(:-moz-placeholder-shown)~.peer-\[\&\:not\(\:-moz-placeholder-shown\)\]\:scale-75{
--tw-scale-x:.75;
--tw-scale-y:.75;
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))
}
.peer:not(:placeholder-shown)~.peer-\[\&\:not\(\:placeholder-shown\)\]\:scale-75{
--tw-scale-x:.75;
--tw-scale-y:.75;
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))
}
.peer:not(:-moz-placeholder-shown)~.peer-\[\&\:not\(\:-moz-placeholder-shown\)\]\:whitespace-nowrap{
white-space:nowrap
}
.peer:not(:placeholder-shown)~.peer-\[\&\:not\(\:placeholder-shown\)\]\:whitespace-nowrap{
white-space:nowrap
}
@media not all and (min-width:1536px){
.max-2xl\:max-w-full{
max-width:100%
}
}
@media not all and (min-width:1360px){
.max-xxl\:max-w-full{
max-width:100%
}
}
@media not all and (min-width:1280px){
.max-xl\:left-\[30rem\]{
left:30rem
}
.max-xl\:mx-auto{
margin-left:auto;
margin-right:auto
}
.max-xl\:h-\[80\%\]{
height:80%
}
}
@media (max-width:1200px){
.max-\[1200px\]\:h-\[46px\]{
height:46px
}
.max-\[1200px\]\:max-h-10{
max-height:2.5rem
}
.max-\[1200px\]\:w-\[min\(100\%-40px\2c 1000px\)\]{
width:min(100% - 40px,1000px)
}
.max-\[1200px\]\:max-w-\[900px\]{
max-width:900px
}
.max-\[1200px\]\:grid-cols-4{
grid-template-columns:repeat(4,minmax(0,1fr))
}
.max-\[1200px\]\:gap-x-11{
-moz-column-gap:2.75rem;
column-gap:2.75rem
}
.max-\[1200px\]\:gap-y-\[34px\]{
row-gap:34px
}
}
@media not all and (min-width:1024px){
.max-lg\:fixed{
position:fixed
}
.max-lg\:relative{
position:relative
}
.max-lg\:-bottom-4{
bottom:-1rem
}
.max-lg\:-left-9{
left:-2.25rem
}
.max-lg\:left-0{
left:0
}
.max-lg\:left-\[200px\]{
left:200px
}
.max-lg\:left-\[550px\]{
left:550px
}
.max-lg\:right-7{
right:1.75rem
}
.max-lg\:top-0{
top:0
}
.max-lg\:top-12{
top:3rem
}
.max-lg\:top-\[72px\]{
top:72px
}
.max-lg\:top-full{
top:100%
}
.max-lg\:order-1{
order:1
}
.max-lg\:order-2{
order:2
}
.max-lg\:mb-24{
margin-bottom:6rem
}
.max-lg\:ml-20{
margin-left:5rem
}
.max-lg\:mr-0{
margin-right:0
}
.max-lg\:mt-2{
margin-top:.5rem
}
.max-lg\:mt-8{
margin-top:2rem
}
.max-lg\:hidden{
display:none
}
.max-lg\:size-\[6\.25rem\]{
width:6.25rem;
height:6.25rem
}
.max-lg\:h-12{
height:3rem
}
.max-lg\:h-\[60\%\]{
height:60%
}
.max-lg\:h-\[calc\(100vh_-_72px\)\]{
height:calc(100vh - 72px)
}
.max-lg\:h-auto{
height:auto
}
.max-lg\:w-1\/3{
width:33.333333%
}
.max-lg\:w-1\/4{
width:25%
}
.max-lg\:w-\[20rem\]{
width:20rem
}
.max-lg\:w-\[30rem\]{
width:30rem
}
.max-lg\:w-\[37rem\]{
width:37rem
}
.max-lg\:w-\[calc\(50\%_-_1rem\)\]{
width:calc(50% - 1rem)
}
.max-lg\:w-full{
width:100%
}
.max-lg\:w-screen{
width:100vw
}
.max-lg\:min-w-full{
min-width:100%
}
.max-lg\:max-w-\[31\.1rem\]{
max-width:31.1rem
}
.max-lg\:max-w-\[85\%\]{
max-width:85%
}
.max-lg\:max-w-full{
max-width:100%
}
.max-lg\:flex-grow-0{
flex-grow:0
}
.max-lg\:grid-cols-2{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.max-lg\:grid-cols-3{
grid-template-columns:repeat(3,minmax(0,1fr))
}
.max-lg\:flex-col{
flex-direction:column
}
.max-lg\:flex-wrap{
flex-wrap:wrap
}
.max-lg\:justify-start{
justify-content:flex-start
}
.max-lg\:justify-between{
justify-content:space-between
}
.max-lg\:gap-10{
gap:2.5rem
}
.max-lg\:gap-4{
gap:1rem
}
.max-lg\:gap-x-9{
-moz-column-gap:2.25rem;
column-gap:2.25rem
}
.max-lg\:gap-y-6{
row-gap:1.5rem
}
.max-lg\:space-x-0>:not([hidden])~:not([hidden]){
--tw-space-x-reverse:0;
margin-right:calc(0px*var(--tw-space-x-reverse));
margin-left:calc(0px*(1 - var(--tw-space-x-reverse)))
}
.max-lg\:overflow-hidden{
overflow:hidden
}
.max-lg\:overflow-x-hidden{
overflow-x:hidden
}
.max-lg\:overflow-y-visible{
overflow-y:visible
}
.max-lg\:rounded-none{
border-radius:0
}
.max-lg\:border-b{
border-bottom-width:1px
}
.max-lg\:bg-white{
--tw-bg-opacity:1;
background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.max-lg\:p-0{
padding:0
}
.max-lg\:px-0{
padding-left:0;
padding-right:0
}
.max-lg\:px-10{
padding-left:2.5rem;
padding-right:2.5rem
}
.max-lg\:px-5{
padding-left:1.25rem;
padding-right:1.25rem
}
.max-lg\:py-10{
padding-top:2.5rem;
padding-bottom:2.5rem
}
.max-lg\:py-48{
padding-top:12rem;
padding-bottom:12rem
}
.max-lg\:py-6{
padding-top:1.5rem;
padding-bottom:1.5rem
}
.max-lg\:pb-1{
padding-bottom:.25rem
}
.max-lg\:pb-2\.5{
padding-bottom:.625rem
}
.max-lg\:pb-6{
padding-bottom:1.5rem
}
.max-lg\:pl-0{
padding-left:0
}
.max-lg\:pl-10{
padding-left:2.5rem
}
.max-lg\:pr-0{
padding-right:0
}
.max-lg\:pr-\[53\%\]{
padding-right:53%
}
.max-lg\:pt-0{
padding-top:0
}
.max-lg\:pt-3{
padding-top:.75rem
}
.max-lg\:pt-\[72px\]{
padding-top:72px
}
.max-lg\:opacity-0{
opacity:0
}
.max-lg\:shadow-none{
--tw-shadow:0 0 #0000;
--tw-shadow-colored:0 0 #0000;
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.max-lg\:transition-all{
transition-property:all;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-duration:.15s
}
.max-lg\:duration-300{
transition-duration:.3s
}
.max-lg\:after\:hidden:after{
content:var(--tw-content);
display:none
}
.max-lg\:hover\:bg-white:hover{
--tw-bg-opacity:1;
background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
}
@media (max-width:1000px){
.max-\[1000px\]\:order-1{
order:1
}
.max-\[1000px\]\:order-2{
order:2
}
.max-\[1000px\]\:mb-10{
margin-bottom:2.5rem
}
.max-\[1000px\]\:mb-16{
margin-bottom:4rem
}
.max-\[1000px\]\:grid-cols-1{
grid-template-columns:repeat(1,minmax(0,1fr))
}
.max-\[1000px\]\:grid-cols-2{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.max-\[1000px\]\:gap-10{
gap:2.5rem
}
.max-\[1000px\]\:gap-\[46px\]{
gap:46px
}
.max-\[1000px\]\:text-\[56px\]{
font-size:56px
}
}
@media (max-width:940px){
.max-\[940px\]\:w-\[45vw\]{
width:45vw
}
}
@media (max-width:900px){
.max-\[900px\]\:mx-auto{
margin-left:auto;
margin-right:auto
}
.max-\[900px\]\:mb-15{
margin-bottom:3.75rem
}
.max-\[900px\]\:w-full{
width:100%
}
.max-\[900px\]\:grid-cols-1{
grid-template-columns:repeat(1,minmax(0,1fr))
}
.max-\[900px\]\:grid-cols-2{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.max-\[900px\]\:flex-wrap{
flex-wrap:wrap
}
.max-\[900px\]\:gap-\[55px\]{
gap:55px
}
}
@media (max-width:860px){
.max-\[860px\]\:w-\[40vw\]{
width:40vw
}
}
@media not all and (min-width:790px){
.max-md\:relative{
position:relative
}
.max-md\:-bottom-\[37vw\]{
bottom:-37vw
}
.max-md\:-left-10{
left:-2.5rem
}
.max-md\:-right-5{
right:-1.25rem
}
.max-md\:bottom-22{
bottom:5.625rem
}
.max-md\:bottom-5{
bottom:1.25rem
}
.max-md\:bottom-\[10\%\]{
bottom:10%
}
.max-md\:bottom-\[2vw\]{
bottom:2vw
}
.max-md\:bottom-auto{
bottom:auto
}
.max-md\:left-0{
left:0
}
.max-md\:left-\[21\%\]{
left:21%
}
.max-md\:left-\[50\%\]{
left:50%
}
.max-md\:left-auto{
left:auto
}
.max-md\:right-0{
right:0
}
.max-md\:right-8{
right:2rem
}
.max-md\:right-auto{
right:auto
}
.max-md\:top-0{
top:0
}
.max-md\:top-22{
top:5.625rem
}
.max-md\:top-\[3rem\]{
top:3rem
}
.max-md\:top-auto{
top:auto
}
.max-md\:order-1{
order:1
}
.max-md\:order-2{
order:2
}
.max-md\:mx-auto{
margin-left:auto;
margin-right:auto
}
.max-md\:-mt-10{
margin-top:-2.5rem
}
.max-md\:-mt-16{
margin-top:-4rem
}
.max-md\:-mt-8{
margin-top:-2rem
}
.max-md\:mb-10{
margin-bottom:2.5rem
}
.max-md\:ml-7{
margin-left:1.75rem
}
.max-md\:mr-0{
margin-right:0
}
.max-md\:mt-10{
margin-top:2.5rem
}
.max-md\:mt-20{
margin-top:5rem
}
.max-md\:mt-8{
margin-top:2rem
}
.max-md\:flex{
display:flex
}
.max-md\:hidden{
display:none
}
.max-md\:size-52{
width:13rem;
height:13rem
}
.max-md\:h-\[15\.25rem\]{
height:15.25rem
}
.max-md\:h-\[60vw\]{
height:60vw
}
.max-md\:h-\[70vw\]{
height:70vw
}
.max-md\:h-auto{
height:auto
}
.max-md\:w-1\/2{
width:50%
}
.max-md\:w-\[130vw\]{
width:130vw
}
.max-md\:w-\[14\.75rem\]{
width:14.75rem
}
.max-md\:w-\[80\%\]{
width:80%
}
.max-md\:w-\[90vw\]{
width:90vw
}
.max-md\:w-\[calc\(100\%_\+_20px\)\]{
width:calc(100% + 20px)
}
.max-md\:w-\[calc\(100\%_-_1\.78rem\)\]{
width:calc(100% - 1.78rem)
}
.max-md\:w-full{
width:100%
}
.max-md\:max-w-full{
max-width:100%
}
.max-md\:flex-shrink{
flex-shrink:1
}
.max-md\:flex-grow{
flex-grow:1
}
.max-md\:basis-\[calc\(50\%-10px\)\]{
flex-basis:calc(50% - 10px)
}
.max-md\:basis-full{
flex-basis:100%
}
.max-md\:-translate-x-1\/2{
--tw-translate-x:-50%
}
.max-md\:-translate-x-1\/2,
.max-md\:translate-y-0{
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))
}
.max-md\:translate-y-0{
--tw-translate-y:0px
}
.max-md\:grid-cols-2{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.max-md\:flex-col{
flex-direction:column
}
.max-md\:flex-wrap{
flex-wrap:wrap
}
.max-md\:items-start{
align-items:flex-start
}
.max-md\:items-center{
align-items:center
}
.max-md\:justify-start{
justify-content:flex-start
}
.max-md\:justify-center{
justify-content:center
}
.max-md\:gap-0{
gap:0
}
.max-md\:gap-2{
gap:.5rem
}
.max-md\:gap-3{
gap:.75rem
}
.max-md\:gap-x-5{
-moz-column-gap:1.25rem;
column-gap:1.25rem
}
.max-md\:overflow-hidden{
overflow:hidden
}
.max-md\:rounded-tr-none{
border-top-right-radius:0
}
.max-md\:bg-\[length\:700px\]{
background-size:700px
}
.max-md\:px-0{
padding-left:0;
padding-right:0
}
.max-md\:px-0\.5{
padding-left:.125rem;
padding-right:.125rem
}
.max-md\:px-5{
padding-left:1.25rem;
padding-right:1.25rem
}
.max-md\:py-24{
padding-top:6rem;
padding-bottom:6rem
}
.max-md\:py-6{
padding-top:1.5rem;
padding-bottom:1.5rem
}
.max-md\:pb-0{
padding-bottom:0
}
.max-md\:pb-10{
padding-bottom:2.5rem
}
.max-md\:pb-11{
padding-bottom:2.75rem
}
.max-md\:pb-12{
padding-bottom:3rem
}
.max-md\:pb-20{
padding-bottom:5rem
}
.max-md\:pb-5{
padding-bottom:1.25rem
}
.max-md\:pb-6{
padding-bottom:1.5rem
}
.max-md\:pb-\[70vw\]{
padding-bottom:70vw
}
.max-md\:pr-0{
padding-right:0
}
.max-md\:pt-0{
padding-top:0
}
.max-md\:pt-20{
padding-top:5rem
}
.max-md\:pt-28{
padding-top:7rem
}
.max-md\:pt-5{
padding-top:1.25rem
}
.max-md\:pt-6{
padding-top:1.5rem
}
.max-md\:pt-7{
padding-top:1.75rem
}
.max-md\:pt-7\.5{
padding-top:1.875rem
}
.max-md\:pt-\[300px\]{
padding-top:300px
}
.max-md\:text-center{
text-align:center
}
.max-md\:text-base{
font-size:1rem;
line-height:1.42rem
}
.max-md\:text-lg{
font-size:1.125rem;
line-height:1.6875rem
}
.max-md\:text-xl{
font-size:1.25rem;
line-height:1.75rem
}
}
@media (max-width:700px){
.max-\[700px\]\:bottom-\[22px\]{
bottom:22px
}
.max-\[700px\]\:left-5{
left:1.25rem
}
.max-\[700px\]\:right-5{
right:1.25rem
}
.max-\[700px\]\:mb-2\.5{
margin-bottom:.625rem
}
.max-\[700px\]\:mb-7{
margin-bottom:1.75rem
}
.max-\[700px\]\:mb-\[34px\]{
margin-bottom:34px
}
.max-\[700px\]\:mb-\[52px\]{
margin-bottom:52px
}
.max-\[700px\]\:mt-10{
margin-top:2.5rem
}
.max-\[700px\]\:mt-\[18px\]{
margin-top:18px
}
.max-\[700px\]\:h-\[42px\]{
height:42px
}
.max-\[700px\]\:max-h-\[38px\]{
max-height:38px
}
.max-\[700px\]\:min-h-\[340px\]{
min-height:340px
}
.max-\[700px\]\:w-\[min\(100\%-28px\2c 1180px\)\]{
width:min(100% - 28px,1180px)
}
.max-\[700px\]\:w-\[min\(100\%-28px\2c 560px\)\]{
width:min(100% - 28px,560px)
}
.max-\[700px\]\:max-w-\[420px\]{
max-width:420px
}
.max-\[700px\]\:grid-cols-1{
grid-template-columns:repeat(1,minmax(0,1fr))
}
.max-\[700px\]\:grid-cols-2{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.max-\[700px\]\:gap-x-8{
-moz-column-gap:2rem;
column-gap:2rem
}
.max-\[700px\]\:gap-y-7{
row-gap:1.75rem
}
.max-\[700px\]\:rounded-3xl{
border-radius:1.5rem
}
.max-\[700px\]\:p-\[30px\]{
padding:30px
}
.max-\[700px\]\:px-3{
padding-left:.75rem;
padding-right:.75rem
}
.max-\[700px\]\:px-6{
padding-left:1.5rem;
padding-right:1.5rem
}
.max-\[700px\]\:py-20{
padding-top:5rem;
padding-bottom:5rem
}
.max-\[700px\]\:py-\[54px\]{
padding-top:54px;
padding-bottom:54px
}
.max-\[700px\]\:py-\[76px\]{
padding-top:76px;
padding-bottom:76px
}
.max-\[700px\]\:pb-\[68px\]{
padding-bottom:68px
}
.max-\[700px\]\:pb-\[88px\]{
padding-bottom:88px
}
.max-\[700px\]\:pt-\[30px\]{
padding-top:30px
}
.max-\[700px\]\:pt-\[65px\]{
padding-top:65px
}
.max-\[700px\]\:pt-\[66px\]{
padding-top:66px
}
.max-\[700px\]\:text-\[17px\]{
font-size:17px
}
.max-\[700px\]\:text-\[28px\]{
font-size:28px
}
.max-\[700px\]\:text-\[37px\]{
font-size:37px
}
.max-\[700px\]\:text-\[38px\]{
font-size:38px
}
.max-\[700px\]\:text-\[43px\]{
font-size:43px
}
.max-\[700px\]\:text-base{
font-size:1rem;
line-height:1.42rem
}
.max-\[700px\]\:leading-\[1\.5\]{
line-height:1.5
}
.max-\[700px\]\:last\:col-span-2:last-child{
grid-column:span 2/span 2
}
.max-\[700px\]\:last\:w-full:last-child{
width:100%
}
.max-\[700px\]\:last\:max-w-\[160px\]:last-child{
max-width:160px
}
.max-\[700px\]\:last\:justify-self-center:last-child{
justify-self:center
}
}
@media not all and (min-width:640px){
.max-sm\:static{
position:static
}
.max-sm\:relative{
position:relative
}
.max-sm\:-left-0{
left:0
}
.max-sm\:bottom-0{
bottom:0
}
.max-sm\:left-0{
left:0
}
.max-sm\:right-4{
right:1rem
}
.max-sm\:top-0{
top:0
}
.max-sm\:top-10{
top:2.5rem
}
.max-sm\:top-5{
top:1.25rem
}
.max-sm\:top-auto{
top:auto
}
.max-sm\:order-1{
order:1
}
.max-sm\:order-2{
order:2
}
.max-sm\:order-3{
order:3
}
.max-sm\:order-4{
order:4
}
.max-sm\:order-5{
order:5
}
.max-sm\:order-6{
order:6
}
.max-sm\:order-7{
order:7
}
.max-sm\:order-8{
order:8
}
.max-sm\:order-9{
order:9
}
.max-sm\:my-4\.5{
margin-top:1.125rem;
margin-bottom:1.125rem
}
.max-sm\:my-5{
margin-top:1.25rem;
margin-bottom:1.25rem
}
.max-sm\:my-8{
margin-top:2rem;
margin-bottom:2rem
}
.max-sm\:-mb-10{
margin-bottom:-2.5rem
}
.max-sm\:-mb-30{
margin-bottom:-7.5625rem
}
.max-sm\:-mb-5{
margin-bottom:-1.25rem
}
.max-sm\:-mb-7{
margin-bottom:-1.75rem
}
.max-sm\:-mb-8{
margin-bottom:-2rem
}
.max-sm\:-mb-\[11\%\]{
margin-bottom:-11%
}
.max-sm\:-mb-\[16\%\]{
margin-bottom:-16%
}
.max-sm\:-mb-\[17\%\]{
margin-bottom:-17%
}
.max-sm\:-mb-\[19\%\]{
margin-bottom:-19%
}
.max-sm\:-mb-\[4\%\]{
margin-bottom:-4%
}
.max-sm\:-mb-\[5\%\]{
margin-bottom:-5%
}
.max-sm\:-mb-\[6\%\]{
margin-bottom:-6%
}
.max-sm\:-mb-\[7\%\]{
margin-bottom:-7%
}
.max-sm\:-mb-\[8\%\]{
margin-bottom:-8%
}
.max-sm\:-mb-\[9\%\]{
margin-bottom:-9%
}
.max-sm\:-mt-10{
margin-top:-2.5rem
}
.max-sm\:-mt-2{
margin-top:-.5rem
}
.max-sm\:-mt-3{
margin-top:-.75rem
}
.max-sm\:-mt-4{
margin-top:-1rem
}
.max-sm\:-mt-5{
margin-top:-1.25rem
}
.max-sm\:-mt-7{
margin-top:-1.75rem
}
.max-sm\:-mt-8{
margin-top:-2rem
}
.max-sm\:-mt-\[10\%\]{
margin-top:-10%
}
.max-sm\:-mt-\[16\%\]{
margin-top:-16%
}
.max-sm\:-mt-\[18\%\]{
margin-top:-18%
}
.max-sm\:-mt-\[2\%\]{
margin-top:-2%
}
.max-sm\:-mt-\[20\%\]{
margin-top:-20%
}
.max-sm\:-mt-\[25\%\]{
margin-top:-25%
}
.max-sm\:-mt-\[27\%\]{
margin-top:-27%
}
.max-sm\:-mt-\[3\%\]{
margin-top:-3%
}
.max-sm\:-mt-\[30\%\]{
margin-top:-30%
}
.max-sm\:-mt-\[4\%\]{
margin-top:-4%
}
.max-sm\:-mt-\[9\%\]{
margin-top:-9%
}
.max-sm\:mb-3{
margin-bottom:.75rem
}
.max-sm\:mb-4{
margin-bottom:1rem
}
.max-sm\:mb-4\.5{
margin-bottom:1.125rem
}
.max-sm\:mb-5{
margin-bottom:1.25rem
}
.max-sm\:mb-6{
margin-bottom:1.5rem
}
.max-sm\:mb-7{
margin-bottom:1.75rem
}
.max-sm\:mb-8{
margin-bottom:2rem
}
.max-sm\:mb-\[3\.5\%\]{
margin-bottom:3.5%
}
.max-sm\:mb-\[5\%\]{
margin-bottom:5%
}
.max-sm\:ml-auto{
margin-left:auto
}
.max-sm\:mt-0{
margin-top:0
}
.max-sm\:mt-10{
margin-top:2.5rem
}
.max-sm\:mt-2{
margin-top:.5rem
}
.max-sm\:mt-4\.5{
margin-top:1.125rem
}
.max-sm\:mt-5{
margin-top:1.25rem
}
.max-sm\:mt-7{
margin-top:1.75rem
}
.max-sm\:mt-8{
margin-top:2rem
}
.max-sm\:mt-9{
margin-top:2.25rem
}
.max-sm\:mt-\[5\%\]{
margin-top:5%
}
.max-sm\:hidden{
display:none
}
.max-sm\:size-12{
width:3rem;
height:3rem
}
.max-sm\:h-\[2\.55rem\]{
height:2.55rem
}
.max-sm\:h-\[30\%\]{
height:30%
}
.max-sm\:min-h-\[14rem\]{
min-height:14rem
}
.max-sm\:min-h-\[17\.2rem\]{
min-height:17.2rem
}
.max-sm\:w-\[18\.5rem\]{
width:18.5rem
}
.max-sm\:w-\[23rem\]{
width:23rem
}
.max-sm\:w-\[6\.875rem\]{
width:6.875rem
}
.max-sm\:w-\[60\%\]{
width:60%
}
.max-sm\:w-\[7\.25rem\]{
width:7.25rem
}
.max-sm\:w-full{
width:100%
}
.max-sm\:max-w-\[16\.56rem\]{
max-width:16.56rem
}
.max-sm\:max-w-\[17rem\]{
max-width:17rem
}
.max-sm\:max-w-\[18\.0625rem\]{
max-width:18.0625rem
}
.max-sm\:max-w-\[19rem\]{
max-width:19rem
}
.max-sm\:max-w-\[22rem\]{
max-width:22rem
}
.max-sm\:max-w-\[23rem\]{
max-width:23rem
}
.max-sm\:max-w-\[24rem\]{
max-width:24rem
}
.max-sm\:max-w-full{
max-width:100%
}
.max-sm\:basis-full{
flex-basis:100%
}
.max-sm\:translate-y-0{
--tw-translate-y:0px
}
.max-sm\:translate-y-0,
.max-sm\:translate-y-\[20px\]{
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))
}
.max-sm\:translate-y-\[20px\]{
--tw-translate-y:20px
}
.max-sm\:grid-cols-1{
grid-template-columns:repeat(1,minmax(0,1fr))
}
.max-sm\:flex-col{
flex-direction:column
}
.max-sm\:flex-wrap{
flex-wrap:wrap
}
.max-sm\:justify-start{
justify-content:flex-start
}
.max-sm\:justify-center{
justify-content:center
}
.max-sm\:gap-1\.5{
gap:.375rem
}
.max-sm\:gap-3{
gap:.75rem
}
.max-sm\:gap-8{
gap:2rem
}
.max-sm\:gap-y-3{
row-gap:.75rem
}
.max-sm\:p-0{
padding:0
}
.max-sm\:px-5{
padding-left:1.25rem;
padding-right:1.25rem
}
.max-sm\:py-10{
padding-top:2.5rem;
padding-bottom:2.5rem
}
.max-sm\:py-16{
padding-top:4rem;
padding-bottom:4rem
}
.max-sm\:py-20{
padding-top:5rem;
padding-bottom:5rem
}
.max-sm\:py-3{
padding-top:.75rem;
padding-bottom:.75rem
}
.max-sm\:py-5{
padding-top:1.25rem;
padding-bottom:1.25rem
}
.max-sm\:py-56{
padding-top:14rem;
padding-bottom:14rem
}
.max-sm\:py-6{
padding-top:1.5rem;
padding-bottom:1.5rem
}
.max-sm\:py-7\.5{
padding-top:1.875rem;
padding-bottom:1.875rem
}
.max-sm\:py-8{
padding-top:2rem;
padding-bottom:2rem
}
.max-sm\:pb-0{
padding-bottom:0
}
.max-sm\:pb-12{
padding-bottom:3rem
}
.max-sm\:pb-16{
padding-bottom:4rem
}
.max-sm\:pb-2{
padding-bottom:.5rem
}
.max-sm\:pb-22{
padding-bottom:5.625rem
}
.max-sm\:pb-24{
padding-bottom:6rem
}
.max-sm\:pb-4{
padding-bottom:1rem
}
.max-sm\:pb-4\.5{
padding-bottom:1.125rem
}
.max-sm\:pb-5{
padding-bottom:1.25rem
}
.max-sm\:pb-6{
padding-bottom:1.5rem
}
.max-sm\:pt-0{
padding-top:0
}
.max-sm\:pt-12{
padding-top:3rem
}
.max-sm\:pt-16{
padding-top:4rem
}
.max-sm\:pt-20{
padding-top:5rem
}
.max-sm\:pt-4{
padding-top:1rem
}
.max-sm\:pt-7\.5{
padding-top:1.875rem
}
.max-sm\:text-left{
text-align:left
}
.max-sm\:text-center{
text-align:center
}
.max-sm\:text-2\.5xl{
font-size:1.75rem;
line-height:2.45rem
}
.max-sm\:text-3xl{
font-size:1.875rem;
line-height:2.25rem
}
.max-sm\:text-4xl{
font-size:2.25rem;
line-height:2.5rem
}
.max-sm\:text-\[1\.4rem\]\/\[1\.7rem\]{
font-size:1.4rem;
line-height:1.7rem
}
.max-sm\:text-\[2\.1875rem\]{
font-size:2.1875rem
}
.max-sm\:text-\[32px\]\/\[120\%\]{
font-size:32px;
line-height:120%
}
.max-sm\:text-\[32px\]\/\[40px\]{
font-size:32px;
line-height:40px
}
.max-sm\:text-base{
font-size:1rem;
line-height:1.42rem
}
.max-sm\:text-m{
font-size:.9375rem;
line-height:1.5rem
}
.max-sm\:text-sm{
font-size:.9375rem;
line-height:1.25rem
}
}
@media (max-width:620px){
.max-\[620px\]\:min-h-\[330px\]{
min-height:330px
}
.max-\[620px\]\:min-h-\[390px\]{
min-height:390px
}
.max-\[620px\]\:w-full{
width:100%
}
.max-\[620px\]\:max-w-none{
max-width:none
}
.max-\[620px\]\:grid-cols-1{
grid-template-columns:repeat(1,minmax(0,1fr))
}
.max-\[620px\]\:flex-col{
flex-direction:column
}
.max-\[620px\]\:items-stretch{
align-items:stretch
}
.max-\[620px\]\:gap-\[38px\]{
gap:38px
}
.max-\[620px\]\:px-\[18px\]{
padding-left:18px;
padding-right:18px
}
.max-\[620px\]\:py-\[85px\]{
padding-top:85px;
padding-bottom:85px
}
.max-\[620px\]\:py-\[88px\]{
padding-top:88px;
padding-bottom:88px
}
.max-\[620px\]\:pb-\[78px\]{
padding-bottom:78px
}
.max-\[620px\]\:pb-\[95px\]{
padding-bottom:95px
}
.max-\[620px\]\:pt-\[122px\]{
padding-top:122px
}
.max-\[620px\]\:text-center{
text-align:center
}
}
@media not all and (min-width:480px){
.max-xs\:mb-4{
margin-bottom:1rem
}
.max-xs\:mt-6{
margin-top:1.5rem
}
.max-xs\:w-\[16rem\]{
width:16rem
}
.max-xs\:w-full{
width:100%
}
.max-xs\:max-w-30{
max-width:7.5625rem
}
.max-xs\:max-w-full{
max-width:100%
}
.max-xs\:items-center{
align-items:center
}
.max-xs\:justify-start{
justify-content:flex-start
}
.max-xs\:justify-center{
justify-content:center
}
.max-xs\:bg-\[center_top_500px\]{
background-position:center top 500px
}
.max-xs\:px-1{
padding-left:.25rem;
padding-right:.25rem
}
.max-xs\:px-4{
padding-left:1rem;
padding-right:1rem
}
.max-xs\:py-2{
padding-top:.5rem;
padding-bottom:.5rem
}
.max-xs\:pl-\[19\%\]{
padding-left:19%
}
.max-xs\:pt-30{
padding-top:7.5625rem
}
.max-xs\:pt-4{
padding-top:1rem
}
.max-xs\:text-center{
text-align:center
}
.max-xs\:text-\[10px\]{
font-size:10px
}
.max-xs\:text-\[13px\]{
font-size:13px
}
.max-xs\:text-base{
font-size:1rem;
line-height:1.42rem
}
.max-xs\:text-sm{
font-size:.9375rem;
line-height:1.25rem
}
.max-xs\:text-xs{
font-size:.75rem;
line-height:1rem
}
}
@media (max-width:390px){
.max-\[390px\]\:max-h-\[34px\]{
max-height:34px
}
.max-\[390px\]\:gap-x-\[22px\]{
-moz-column-gap:22px;
column-gap:22px
}
.max-\[390px\]\:gap-y-6{
row-gap:1.5rem
}
.max-\[390px\]\:last\:max-w-\[145px\]:last-child{
max-width:145px
}
}
@media (min-width:640px){
.sm\:-ml-3{
margin-left:-.75rem
}
.sm\:translate-y-0{
--tw-translate-y:0px;
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))
}
.sm\:grid-cols-2{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.sm\:px-10{
padding-left:2.5rem;
padding-right:2.5rem
}
.sm\:px-4{
padding-left:1rem;
padding-right:1rem
}
}
@media (min-width:790px){
.md\:mr-3{
margin-right:.75rem
}
.md\:w-\[50\%\]{
width:50%
}
.md\:max-w-\[17\.7rem\]{
max-width:17.7rem
}
.md\:max-w-\[18\.7rem\]{
max-width:18.7rem
}
.md\:flex-row{
flex-direction:row
}
}
@media (min-width:1024px){
.lg\:bottom-10{
bottom:2.5rem
}
.lg\:block{
display:block
}
.lg\:hidden{
display:none
}
.lg\:w-\[31\.1rem\]{
width:31.1rem
}
.lg\:grid-cols-4{
grid-template-columns:repeat(4,minmax(0,1fr))
}
.lg\:text-\[56px\]\/\[117\.5\%\]{
font-size:56px;
line-height:117.5%
}
}
@media (min-width:1360px){
.xxl\:min-h-\[32\.0625rem\]{
min-height:32.0625rem
}
.xxl\:min-h-\[32rem\]{
min-height:32rem
}
.xxl\:min-h-\[512px\]{
min-height:512px
}
}
@media (min-width:1900px){
.min-\[1900px\]\:relative{
position:relative
}
.min-\[1900px\]\:right-5{
right:1.25rem
}
.min-\[1900px\]\:w-1\/2{
width:50%
}
.min-\[1900px\]\:rounded-t-2\.5xl{
border-top-left-radius:20px;
border-top-right-radius:20px
}
}
.dark\:border-violet-400\/60:where(.dark,.dark *){
border-color:rgba(159,153,178,.6)
}
.dark\:\!bg-white:where(.dark,.dark *){
--tw-bg-opacity:1!important;
background-color:rgb(255 255 255/var(--tw-bg-opacity))!important
}
.dark\:bg-\[\#131320\]:where(.dark,.dark *){
--tw-bg-opacity:1;
background-color:rgb(19 19 32/var(--tw-bg-opacity))
}
.dark\:bg-violet-900:where(.dark,.dark *){
--tw-bg-opacity:1;
background-color:rgb(6 5 21/var(--tw-bg-opacity))
}
.dark\:fill-\[\#999CB2\]:where(.dark,.dark *){
fill:#999cb2
}
.dark\:stroke-white:where(.dark,.dark *){
stroke:#fff
}
.dark\:text-gray-700:where(.dark,.dark *){
--tw-text-opacity:1;
color:rgb(153 156 178/var(--tw-text-opacity))
}
.dark\:text-white:where(.dark,.dark *){
--tw-text-opacity:1;
color:rgb(255 255 255/var(--tw-text-opacity))
}
.dark\:text-white\/60:where(.dark,.dark *){
color:hsla(0,0%,100%,.6)
}
.dark\:opacity-100:where(.dark,.dark *){
opacity:1
}
.dark\:shadow-card-dark-contact:where(.dark,.dark *){
--tw-shadow:0px 2.85px 18.335px 3.8px rgba(0,0,0,.1),inset 0px 0px 0px 1.02317px hsla(0,0%,100%,.04);
--tw-shadow-colored:0px 2.85px 18.335px 3.8px var(--tw-shadow-color),inset 0px 0px 0px 1.02317px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.before\:dark\:\!bg-white:where(.dark,.dark *):before{
content:var(--tw-content);
--tw-bg-opacity:1!important;
background-color:rgb(255 255 255/var(--tw-bg-opacity))!important
}
.after\:dark\:\!bg-white:where(.dark,.dark *):after{
content:var(--tw-content);
--tw-bg-opacity:1!important;
background-color:rgb(255 255 255/var(--tw-bg-opacity))!important
}
.dark\:after\:bg-violet-400\/60:where(.dark,.dark *):after{
content:var(--tw-content);
background-color:rgba(159,153,178,.6)
}
.dark\:hover\:bg-\[\#131320\]:hover:where(.dark,.dark *){
--tw-bg-opacity:1;
background-color:rgb(19 19 32/var(--tw-bg-opacity))
}
.dark\:hover\:bg-white\/10:hover:where(.dark,.dark *){
background-color:hsla(0,0%,100%,.1)
}
.dark\:hover\:text-white:hover:where(.dark,.dark *){
--tw-text-opacity:1;
color:rgb(255 255 255/var(--tw-text-opacity))
}
@media not all and (min-width:1024px){
.dark\:max-lg\:bg-\[transparent\]:where(.dark,.dark *){
background-color:transparent
}
.dark\:max-lg\:bg-violet-900:where(.dark,.dark *){
--tw-bg-opacity:1;
background-color:rgb(6 5 21/var(--tw-bg-opacity))
}
.dark\:max-lg\:\!text-gray-700:where(.dark,.dark *){
--tw-text-opacity:1!important;
color:rgb(153 156 178/var(--tw-text-opacity))!important
}
.dark\:max-lg\:text-gray-700:where(.dark,.dark *){
--tw-text-opacity:1;
color:rgb(153 156 178/var(--tw-text-opacity))
}
.dark\:max-lg\:hover\:\!bg-\[transparent\]:hover:where(.dark,.dark *){
background-color:transparent!important
}
.max-lg\:\[\&\>li\:first-child\>a\]\:pt-0>li:first-child>a{
padding-top:0
}
}
.\[\&\.is-dragging\]\:border-blue-500\/50.is-dragging{
border-color:rgba(47,118,255,.5)
}
.\[\&\.is-dragging\]\:bg-\[\#edf5ff\].is-dragging{
--tw-bg-opacity:1;
background-color:rgb(237 245 255/var(--tw-bg-opacity))
}
.\[\&\.is-dragging\]\:shadow-\[inset_0_0_0_1px_rgba\(47\2c 118\2c 255\2c \.08\)\].is-dragging{
--tw-shadow:inset 0 0 0 1px rgba(47,118,255,.08);
--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{
display:none
}
.\[\&\>p\]\:text-lg\/\[150\%\]>p{
font-size:1.125rem;
line-height:150%
}
.\[\&\>p\]\:font-medium>p{
font-weight:500
}
.\[\&\>p\]\:text-blue-950\/80>p{
color:rgba(19,12,62,.8)
}
@media not all and (min-width:640px){
.max-sm\:\[\&\>p\]\:text-base\/\[150\%\]>p{
font-size:1rem;
line-height:150%
}
}
.\[\&\>svg\]\:h-full>svg{
height:100%
}
.\[\&\>svg\]\:shrink-0>svg{
flex-shrink:0
}
.\[\&_\.feature-icon\]\:mx-auto .feature-icon{
margin-left:auto;
margin-right:auto
}
.\[\&_\.feature-icon\]\:mb-\[25px\] .feature-icon{
margin-bottom:25px
}
.\[\&_\.feature-icon\]\:grid .feature-icon{
display:grid
}
.\[\&_\.feature-icon\]\:h-\[50px\] .feature-icon{
height:50px
}
.\[\&_\.feature-icon\]\:w-\[50px\] .feature-icon{
width:50px
}
.\[\&_\.feature-icon\]\:place-items-center .feature-icon{
place-items:center
}
.\[\&_\.feature-icon\]\:text-blue-500 .feature-icon{
--tw-text-opacity:1;
color:rgb(47 118 255/var(--tw-text-opacity))
}
.\[\&_\.feature-icon_svg\]\:h-\[46px\] .feature-icon svg{
height:46px
}
.\[\&_\.feature-icon_svg\]\:w-\[46px\] .feature-icon svg{
width:46px
}
.\[\&_\.folder-file\]\:min-w-0 .folder-file{
min-width:0
}
.\[\&_\.folder-file\]\:flex-1 .folder-file{
flex:1 1 0%
}
.\[\&_\.folder-file_span\]\:block .folder-file span{
display:block
}
.\[\&_\.folder-file_span\]\:text-\[11px\] .folder-file span{
font-size:11px
}
.\[\&_\.folder-file_span\]\:text-\[\#10234a\]\/50 .folder-file span{
color:rgba(16,35,74,.5)
}
.\[\&_\.folder-file_strong\]\:mb-\[3px\] .folder-file strong{
margin-bottom:3px
}
.\[\&_\.folder-file_strong\]\:block .folder-file strong{
display:block
}
.\[\&_\.folder-file_strong\]\:text-\[13px\] .folder-file strong{
font-size:13px
}
.\[\&_\.folder-row\:last-child\]\:border-b-0 .folder-row:last-child{
border-bottom-width:0
}
.\[\&_\.folder-row\]\:flex .folder-row{
display:flex
}
.\[\&_\.folder-row\]\:items-center .folder-row{
align-items:center
}
.\[\&_\.folder-row\]\:gap-\[13px\] .folder-row{
gap:13px
}
.\[\&_\.folder-row\]\:border-b .folder-row{
border-bottom-width:1px
}
.\[\&_\.folder-row\]\:border-\[\#10234a\]\/\[\.08\] .folder-row{
border-color:rgba(16,35,74,.08)
}
.\[\&_\.folder-row\]\:py-\[11px\] .folder-row{
padding-top:11px;
padding-bottom:11px
}
.\[\&_\.section-heading\]\:mx-auto .section-heading{
margin-left:auto;
margin-right:auto
}
.\[\&_\.section-heading\]\:mb-14 .section-heading{
margin-bottom:3.5rem
}
.\[\&_\.section-heading\]\:max-w-\[780px\] .section-heading{
max-width:780px
}
.\[\&_\.section-heading\]\:text-center .section-heading{
text-align:center
}
.\[\&_\.section-heading_h2\]\:mb-\[15px\] .section-heading h2{
margin-bottom:15px
}
.\[\&_\.section-heading_h2\]\:text-\[clamp\(31px\2c 4vw\2c 42px\)\] .section-heading h2{
font-size:clamp(31px,4vw,42px)
}
.\[\&_\.section-heading_h2\]\:leading-\[1\.18\] .section-heading h2{
line-height:1.18
}
.\[\&_\.section-heading_h2\]\:tracking-\[-\.85px\] .section-heading h2{
letter-spacing:-.85px
}
.\[\&_\.section-heading_h2\]\:text-\[\#10234a\] .section-heading h2{
--tw-text-opacity:1;
color:rgb(16 35 74/var(--tw-text-opacity))
}
.\[\&_\.section-heading_p\]\:m-0 .section-heading p{
margin:0
}
.\[\&_\.section-heading_p\]\:text-base .section-heading p{
font-size:1rem;
line-height:1.42rem
}
.\[\&_\.section-heading_p\]\:leading-\[1\.72\] .section-heading p{
line-height:1.72
}
.\[\&_\.section-heading_p\]\:text-\[\#10234a\]\/65 .section-heading p{
color:rgba(16,35,74,.65)
}
.\[\&_a\]\:no-underline a{
text-decoration-line:none
}
.\[\&_article\]\:text-center article{
text-align:center
}
.\[\&_article_h3\]\:mb-\[11px\] article h3{
margin-bottom:11px
}
.\[\&_article_h3\]\:text-\[19px\] article h3{
font-size:19px
}
.\[\&_article_h3\]\:leading-normal article h3{
line-height:1.5
}
.\[\&_article_h3\]\:tracking-\[-\.28px\] article h3{
letter-spacing:-.28px
}
.\[\&_article_h3\]\:text-\[\#10234a\] article h3{
--tw-text-opacity:1;
color:rgb(16 35 74/var(--tw-text-opacity))
}
.\[\&_article_p\]\:m-0 article p{
margin:0
}
.\[\&_article_p\]\:text-sm article p{
font-size:.9375rem;
line-height:1.25rem
}
.\[\&_article_p\]\:leading-\[1\.68\] article p{
line-height:1.68
}
.\[\&_article_p\]\:text-\[\#10234a\]\/65 article p{
color:rgba(16,35,74,.65)
}
.\[\&_h3\]\:text-orange-950 h3{
--tw-text-opacity:1;
color:rgb(30 12 4/var(--tw-text-opacity))
}
.\[\&_li\]\:grid li{
display:grid
}
.\[\&_li\]\:grid-cols-\[42px_1fr\] li{
grid-template-columns:42px 1fr
}
.\[\&_li\]\:items-start li{
align-items:flex-start
}
.\[\&_li\]\:gap-\[17px\] li{
gap:17px
}
.\[\&_li_h3\]\:mb-\[7px\] li h3{
margin-bottom:7px
}
.\[\&_li_h3\]\:mt-px li h3{
margin-top:1px
}
.\[\&_li_h3\]\:text-\[17px\] li h3{
font-size:17px
}
.\[\&_li_h3\]\:leading-normal li h3{
line-height:1.5
}
.\[\&_li_h3\]\:text-\[\#10234a\] li h3{
--tw-text-opacity:1;
color:rgb(16 35 74/var(--tw-text-opacity))
}
.\[\&_li_p\]\:m-0 li p{
margin:0
}
.\[\&_li_p\]\:text-sm li p{
font-size:.9375rem;
line-height:1.25rem
}
.\[\&_li_p\]\:leading-\[1\.65\] li p{
line-height:1.65
}
.\[\&_li_p\]\:text-\[\#10234a\]\/65 li p{
color:rgba(16,35,74,.65)
}
.\[\&_span\]\:h-\[9px\] span{
height:9px
}
.\[\&_span\]\:w-\[9px\] span{
width:9px
}
.\[\&_span\]\:rounded-full span{
border-radius:9999px
}
.\[\&_span\]\:bg-\[\#10234a\]\/\[\.17\] span{
background-color:rgba(16,35,74,.17)
}
.\[\&_svg\]\:w-\[23px\] svg{
width:23px
}
.open .\[\.open_\&\]\:\!block{
display:block!important
}