._accordion{
position:relative}
._accordion .accordion-content{
overflow:hidden}
._accordion>button[disabled=true][aria-expanded=true]+.accordion-content,._accordion[data-motion=false]>button[aria-expanded=true]+.accordion-content{
height:auto}
._app-button[data-button]{
display:inline-block;height:44px;position:relative;width:148px}
._app-button[data-button][data-variant=outline] [data-button-background]:after{
opacity:1!important}
._app-button[data-button] img{
z-index:1}
@media only screen and (min-width:2000px){
._app-button[data-button]{
height:2.2vw;width:7.4vw}
}
._avatar{
--size:40px;background-color:var(--background-color,#fff);color:var(--color,#f73b20);display:inline-block;height:var(--size);width:var(--size)}
@media only screen and (min-width:2000px){
._avatar{
--size:2vw}
}
[data-aspect-ratio]{
display:inline-block;height:0;padding-bottom:calc(100%/(var(--aspect-ratio, var(---, 1))));position:relative;width:100%}
[data-aspect-ratio]>*{
height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute!important;top:0;width:100%}
[data-text-block]{
white-space:pre-line}
[data-split-text]{
display:inline-block;text-indent:0;white-space:pre-wrap}
[data-split-text] .w:not(:first-child){
text-indent:0}
[data-split-text] .c,[data-split-text] .f,[data-split-text] .w{
display:inline-block}
[data-split-text] .w{
white-space:pre}
[data-split-text][data-clip=chars] .c,[data-split-text][data-clip=fragments] .f,[data-split-text][data-clip=lines] .l,[data-split-text][data-clip=words] .w{
margin-bottom:-.15em;overflow:hidden;padding-bottom:.15em;vertical-align:bottom}
[data-split-text] .-space{
white-space:pre-wrap!important}
._button{
color:var(--color);position:relative}
._button[data-label=false]{
padding:0;width:var(--height)}
._button[data-label=false]>._icon{
margin-left:0}
._button .label{
line-height:1.25;overflow:hidden;position:relative;white-space:nowrap}
._button .label .c{
will-change:transform}
._button .label .c:nth-child(0){
--i:0}
._button .label .c:first-child{
--i:1}
._button .label .c:nth-child(2){
--i:2}
._button .label .c:nth-child(3){
--i:3}
._button .label .c:nth-child(4){
--i:4}
._button .label .c:nth-child(5){
--i:5}
._button .label .c:nth-child(6){
--i:6}
._button .label .c:nth-child(7){
--i:7}
._button .label .c:nth-child(8){
--i:8}
._button .label .c:nth-child(9){
--i:9}
._button .label .c:nth-child(10){
--i:10}
._button .label .c:nth-child(11){
--i:11}
._button .label .c:nth-child(12){
--i:12}
._button .label .c:nth-child(13){
--i:13}
._button .label .c:nth-child(14){
--i:14}
._button .label .c:nth-child(15){
--i:15}
._button .label .c:nth-child(16){
--i:16}
._button .label .c:nth-child(17){
--i:17}
._button .label .c:nth-child(18){
--i:18}
._button .label .c:nth-child(19){
--i:19}
._button .label .c:nth-child(20){
--i:20}
._button .label .c:nth-child(21){
--i:21}
._button .label .c:nth-child(22){
--i:22}
._button .label .c:nth-child(23){
--i:23}
._button .label .c:nth-child(24){
--i:24}
._button .label .c:nth-child(25){
--i:25}
._button .label .c:nth-child(26){
--i:26}
._button .label .c:nth-child(27){
--i:27}
._button .label .c:nth-child(28){
--i:28}
._button .label .c:nth-child(29){
--i:29}
._button .label .c:nth-child(30){
--i:30}
._button .label .clone{
top:0;right:0;bottom:0;left:0;position:absolute}
._button .label .clone .c{
transform:translateY(110%) rotate(20deg)}
._button>._icon{
--size:var(--24);flex-shrink:0;margin-left:calc(var(--4)*-1)}
@media (hover:hover) and (pointer:fine){
._button [data-button-background]{
transition:transform .3s cubic-bezier(.215,.61,.355,1)}
._button .c{
will-change:transform}
._button:hover .label .c{
transform:translateY(-110%);transition:transform .25s cubic-bezier(.55,.085,.68,.53) calc(7ms*var(--i))}
._button:hover .label .clone .c{
transform:translate(0) rotate(0);transition:transform .5s cubic-bezier(.165,.84,.44,1) calc(.12s + 7ms*var(--i))}
._button:hover [data-button-background]{
transform:scale(.98);transition:transform .3s cubic-bezier(.645,.045,.355,1)}
._button:active [data-button-background]{
transform:scale(.95)}
}
._icon{
--size:24px;display:inline-block;height:var(--size);position:relative;width:var(--size);fill:none;stroke:none}
._icon.-sm{
--size:16px}
._icon [data-mode=stroke]{
stroke:var(--color,#f73b20)}
._icon [data-mode=fill]{
fill:var(--color,#f73b20)}
._icon svg{
display:block;height:100%;width:100%}
._icon [data-loading]{
stroke-dasharray:74.912361145 0;stroke-dashoffset:74.912361145;animation:loading-icon 1s linear infinite;transform-origin:center}
@keyframes loading-icon{
0%{
stroke-dasharray:74.912361145 14.982472229px;stroke-dashoffset:74.912361145;transform:rotate(0) scaleY(-1)}
50%{
stroke-dasharray:74.912361145 22.4737083435px}
to{
stroke-dasharray:74.912361145 14.982472229px;transform:rotate(1turn) scaleY(-1)}
}
@media only screen and (min-width:2000px){
._icon{
--size:1.2vw}
._icon.-sm{
--size:.8vw}
}
._circle-button{
display:grid;height:32px;place-items:center;position:relative;width:32px;--color:#fff}
._circle-button>.bg{
background-color:#f73b20;border-radius:100%}
@media (hover:hover) and (pointer:fine){
._circle-button:hover>.bg{
opacity:.75}
}
._circle-button:active>.bg{
opacity:.85}
._circle-button:focus-visible>.bg{
box-shadow:0 0 0 1px #f73b20,0 0 0 3px #f73b2080}
@media only screen and (min-width:2000px){
._circle-button{
height:1.6vw;width:1.6vw}
}
._dropdown{
position:relative;--border-radius:var(--16)}
._dropdown .overlay-container{
border-radius:var(--border-radius);max-width:clamp(290px,227.483px + 100vw * .1603,500px);min-width:100%;opacity:0;top:100%;transform:translateY(-8px);z-index:99}
._dropdown .overlay-container>*{
border-radius:inherit}
._dropdown .overlay{
background-color:#fff;border:1px solid rgba(247,59,32,.1);box-shadow:0 8px 24px #f73b201a,0 2px 8px #f73b200d;max-height:max(240px,33vh);overflow-y:scroll;position:relative;width:auto}
._dropdown .overlay[data-overflow-y]+.overlay-fade{
overflow:hidden;z-index:1}
._dropdown .overlay[data-overflow-y]+.overlay-fade:after,._dropdown .overlay[data-overflow-y]+.overlay-fade:before{
background:linear-gradient(0deg,#fff,transparent);content:"";height:3em;left:0;opacity:1;pointer-events:none;position:absolute;transition:opacity .3s ease;width:100%;z-index:1}
._dropdown .overlay[data-overflow-y]+.overlay-fade:before{
top:0;transform:scaleY(-1)}
._dropdown .overlay[data-overflow-y]+.overlay-fade:after{
bottom:0}
._dropdown .overlay[data-overflow-y="0"]+.overlay-fade:before,._dropdown .overlay[data-overflow-y="1"]+.overlay-fade:after{
opacity:0}
._dropdown[aria-expanded=true]>.overlay-container{
opacity:1;transform:translateY(0);transition:opacity .15s,transform .4s}
@media only screen and (min-width:2000px){
._dropdown .overlay-container{
max-width:25vw}
}
._dropdown-button[data-button]{
--color:#360802;border-radius:var(--border-radius);color:var(--color);padding:12px 16px}
._dropdown-button[data-button]>:not([data-button-background]){
position:relative}
._dropdown-button[data-button]:focus-visible>[data-button-background]{
box-shadow:0 0 0 1px #f73b20,0 0 0 3px #f73b2080!important}
._dropdown-button[data-button] .chevron{
display:block;margin-left:auto;transition:transform .3s cubic-bezier(.2,0,0,1)}
._dropdown-button[data-button][data-expanded=true]>[data-button-background]{
box-shadow:0 0 0 1px #f73b20,0 0 0 3px #f73b2080!important}
._dropdown-button[data-button][data-expanded=true] .chevron{
transform:rotate(180deg)}
@media only screen and (min-width:2000px){
._dropdown-button[data-button]{
padding:.6vw .8vw}
}
._select{
width:100%}
.lenis.lenis-smooth{
scroll-behavior:auto}
.lenis{
height:auto}
.lenis.lenis-stopped{
overflow:hidden;padding-right:var(--sbw,0)}
.lenis.lenis-smooth [data-lenis-prevent]{
overscroll-behavior:contain}
.lenis.lenis-scrolling iframe{
pointer-events:none}
._scroller.-nested{
max-height:100vh;overflow-y:scroll;overscroll-behavior:contain;position:relative;width:100%}
._article-card{
color:#360802;display:inline-block;position:relative;width:100%}
._article-card .badge{
outline:1px solid #fee9e6;right:var(--16);top:var(--16)}
._article-card img{
height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
._article-card p[data-fix=true]{
display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
@media (hover:hover) and (pointer:fine){
._article-card figure{
transition:box-shadow .3s cubic-bezier(.215,.61,.355,1)}
._article-card img{
transition:transform .3s cubic-bezier(.215,.61,.355,1);transition-property:transform,opacity}
._article-card:hover figure{
box-shadow:0 0 0 1px #f73b20,0 0 0 3px #f73b2080}
._article-card:hover img{
opacity:.93;transform:scale(1.02)}
._article-card:active img{
opacity:.9;transform:scale(1.02)}
}
._article-card:focus-visible figure{
box-shadow:0 0 0 1px #f73b20,0 0 0 3px #f73b2080}
._faq-accordion{
--padding-x:clamp(12px,9.621px + 100vw * .0061,20px);--padding-y:clamp(12px,9.621px + 100vw * .0061,20px);--color:#fff;color:#fff;font-size:16px;letter-spacing:.03em;line-height:1.5}
@media (hover:hover) and (pointer:fine){
._faq-accordion:has(button:hover):before{
opacity:.1}
}
._faq-accordion:has(button:focus-visible){
border-radius:4px;box-shadow:0 0 0 1px #fff,0 0 0 3px #ffffff80}
._faq-accordion button ._icon path{
transition:transform .3s cubic-bezier(.895,.03,.685,.22)}
._faq-accordion button ._icon path:first-child{
transition-duration:.4s;transition-timing-function:cubic-bezier(.77,0,.175,1)}
._faq-accordion button ._icon path:nth-child(2){
transform-origin:left}
._faq-accordion button ._icon path:nth-child(3){
transform-origin:right}
._faq-accordion button[aria-expanded=true] ._icon path:first-child{
transform:rotate(90deg)}
._faq-accordion button[aria-expanded=true] ._icon path:nth-child(2),._faq-accordion button[aria-expanded=true] ._icon path:nth-child(3){
transform:scaleX(0);transition-timing-function:cubic-bezier(.165,.84,.44,1)}
@media only screen and (max-width:1023px){
._faq-accordion{
--padding-x:0}
}
._faq-accordion.-first>button{
border:none}
._faq-accordion>button{
border-top:1px solid hsla(0,0%,100%,.3);padding:var(--padding-y) var(--padding-x);width:100%}
._faq-accordion>button ._icon,._faq-accordion>button ._index-bubble{
position:absolute;top:var(--padding-y)}
._faq-accordion>button ._index-bubble{
left:var(--padding-x)}
._faq-accordion>button ._icon{
margin-left:auto;right:var(--padding-x)}
._faq-accordion:before{
background-color:#fff;content:"";top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .5s cubic-bezier(.2,0,0,1)}
._faq-accordion>.accordion-content>*,._faq-accordion>button>.label{
padding-left:clamp(36px,26.484px + 100vw * .0244,68px);padding-right:clamp(36px,27.654px + 100vw * .0214,64px)}
._faq-accordion>.accordion-content{
padding:0 var(--padding-x)}
._faq-accordion>.accordion-content>*{
padding-bottom:var(--padding-y)}
@media only screen and (min-width:2000px){
._faq-accordion{
--padding-x:1vw;--padding-y:1vw;font-size:.8vw}
._faq-accordion>.accordion-content>*,._faq-accordion>button>.label{
padding-left:3.4vw;padding-right:3.2vw}
}
._partnership-card{
align-items:flex-end;justify-content:center;min-height:clamp(200px,176.171px + 100vw * .0611,280px);overflow:hidden;padding:0 var(--32-16);position:relative;width:100%}
._partnership-card .gradient{
background:linear-gradient(180deg,rgba(122,39,57,0) 15%,var(--background-color,transparent) 69%)}
._partnership-card .background{
-o-object-position:50% 50%;object-position:50% 50%}
._partnership-card .badge{
height:clamp(44px,39.242px + 100vw * .0122,60px);margin-bottom:min(20px,20px + 100vw * 0);width:auto}
@media only screen and (min-width:2000px){
._partnership-card{
min-height:14vw}
._partnership-card .badge{
height:3vw;margin-bottom:1vw}
}
._media-card{
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f73b200d;border-radius:var(--24-16);padding:clamp(4px,2.206px + 100vw * .0046,10px);position:relative;width:clamp(256px,219.964px + 100vw * .0924,377px)}
._media-card .media{
border-radius:clamp(12px,11.415px + 100vw * .0015,14px)}
._media-card>div{
padding:var(--16-12)}
._media-card>div p:first-child{
margin-bottom:var(--8)}
@media only screen and (min-width:2000px){
._media-card{
padding:.5vw;width:18.85vw}
._media-card .media{
border-radius:.7vw}
}
._language-select>button{
--color:#f73b20;text-transform:uppercase}
._language-select input,._language-select label{
pointer-events:none}
._language-select a[inert]{
order:-1}
._currency-select button{
color:#000;padding:12px;width:100%}
._currency-select button .chevron{
--color:#f73b20;background-color:#f73b200d;transition:transform .2s cubic-bezier(.25,.46,.45,.94)}
._currency-select button .background{
background-color:#fff;opacity:0;transition:opacity .2s cubic-bezier(.25,.46,.45,.94)}
@media (hover:hover) and (pointer:fine){
._currency-select button:hover .background{
opacity:.4}
}
._currency-select button:active .background{
opacity:.5}
._currency-select button:focus-visible{
box-shadow:0 0 0 1px #f73b20,0 0 0 3px #f73b2080}
._currency-select button[data-expanded=true]{
box-shadow:0 0 0 1px #f73b20,0 0 0 3px #f73b2080}
._currency-select button[data-expanded=true] .background{
opacity:1}
._currency-select button[data-expanded=true] .chevron{
transform:rotate(180deg)}
@media (hover:hover) and (pointer:fine){
._currency-select button[data-expanded=true]:hover .background{
opacity:.8}
}
._currency-select button[data-expanded=true]:active .background{
opacity:.7}
._currency-select .currency-icon{
height:var(--24);width:var(--24)}
._currency-select ._toggle-button .currency-icon{
border-radius:100%;height:var(--40);outline:1px solid hsla(0,0%,100%,.3);width:var(--40)}
@media only screen and (min-width:2000px){
._currency-select button{
padding:.6vw}
}
._country-dial-code-select button{
color:#360802;gap:var(--4);min-width:10em;padding:var(--12);width:100%}
._country-dial-code-select button .chevron{
--color:#360802;transition:transform .2s cubic-bezier(.25,.46,.45,.94)}
._country-dial-code-select button .background{
background-color:#f73b20;opacity:.05;transition:opacity .2s cubic-bezier(.25,.46,.45,.94)}
@media (hover:hover) and (pointer:fine){
._country-dial-code-select button:hover .background{
opacity:.1}
}
._country-dial-code-select button:active .background{
opacity:.2}
._country-dial-code-select button:focus-visible{
box-shadow:0 0 0 1px #f73b20,0 0 0 3px #f73b2080}
._country-dial-code-select button[data-expanded=true]{
box-shadow:0 0 0 1px #f73b20,0 0 0 3px #f73b2080}
._country-dial-code-select button[data-expanded=true] .background{
opacity:0}
._country-dial-code-select button[data-expanded=true] .chevron{
transform:rotate(180deg)}
@media (hover:hover) and (pointer:fine){
._country-dial-code-select button[data-expanded=true]:hover .background{
opacity:.1}
}
._country-dial-code-select button[data-expanded=true]:active .background{
opacity:.2}
._country-dial-code-select .dropdown-overlay-list{
overflow-x:hidden}
._country-dial-code-select .flag{
align-self:center;height:15px;width:20px}
._country-dial-code-select ._toggle-button .flag{
outline:1px solid hsla(0,0%,100%,.3)}
._fee-calculator{
width:clamp(280px,256.171px + 100vw * .0611,360px)}
._fee-calculator ._currency-select{
z-index:2}
._fee-calculator .main-card{
background-color:#f73b200d}
._fee-calculator .main-card input,._fee-calculator .main-card span{
z-index:1}
._fee-calculator .main-card input{
background:transparent;border:none;padding:0}
._fee-calculator .main-card input:focus-visible+.aux{
box-shadow:0 0 0 1px #f73b20,0 0 0 3px #f73b2080}
._fee-calculator .main-card input:focus-visible+.aux:before{
opacity:.6}
@media (hover:hover) and (pointer:fine){
._fee-calculator .main-card input:hover+.aux:before{
opacity:.6}
}
._fee-calculator .main-card .aux{
z-index:0}
._fee-calculator .main-card .aux:before{
background-color:#fff;border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .2s cubic-bezier(.25,.46,.45,.94)}
._fee-calculator .output:before{
background-color:#0003;content:"";font-size:16px;height:calc(100% - 1em);left:1.21875em;position:absolute;top:0;width:.0625em;z-index:0}
._fee-calculator .output li{
align-items:center;display:flex;white-space:pre;z-index:1}
._fee-calculator .output li .marker{
background-color:#fff;border:.25em solid #4985ef;border-radius:100%;display:inline-block;font-size:8px;height:1em;margin-right:1em;width:1em}
._fee-calculator .output li:last-child .marker{
border-color:#ff6300}
@media only screen and (min-width:2000px){
._fee-calculator{
width:18vw}
._fee-calculator .output:before{
font-size:.8vw}
._fee-calculator .output li .marker{
font-size:.4vw}
}
._scroll-stack{
--border-radius:20px;--margin:clamp(8px,7.415px + 100vw * .0015,10px);---margin:calc(var(--margin)*-1)}
._scroll-stack .views-slot>._scroll-stack-view{
--view-background:#f96853}
._scroll-stack .views-slot>._scroll-stack-view:nth-child(2n){
--view-background:#fa8270}
._scroll-stack[data-method=transform]{
--view-height:100vh;height:calc(var(--length)*var(--view-height))}
._scroll-stack[data-method=transform] .views-slot{
border-radius:var(--border-radius);height:calc(100vh - var(--margin)*2);left:var(--margin);overflow:hidden;position:sticky;top:var(--margin);width:calc(var(--100vw) - var(--margin)*2)}
._scroll-stack[data-method=transform] .views-slot>._scroll-stack-view{
left:var(---margin);position:absolute;top:var(---margin);will-change:transform;z-index:calc(var(--length) - var(--index, 0))}
@media only screen and (min-width:2000px){
._scroll-stack{
--border-radius:1vw;--margin:.5vw}
}
._scroll-stack-view{
--name-em:12px;--name-padding:1.33em;--name-height:4.66em;color:#fff;height:var(--view-height,auto);padding:var(--margin);position:relative;width:var(--100vw)}
._scroll-stack-view .view-inner-container{
display:flex;flex-direction:column;height:100%;position:relative;width:100%}
._scroll-stack-view .slot-container{
height:100%;left:var(---margin);position:relative;width:calc(100% + var(--margin)*2)}
._scroll-stack-view .view-background{
background-color:var(--view-background,#f96853);border-radius:var(--border-radius)}
._scroll-stack-view .view-name{
font-size:var(--name-em);padding:var(--name-padding)}
._scroll-stack-view .view-name .index{
border:1px solid #fff;border-radius:2em;height:2em;margin-right:calc(var(--grid-margin) - 2em + (var(--100vw) - 2*var(--grid-padding))/8 - var(--grid-gap) - var(--name-padding) - var(--margin));width:2em}
._scroll-stack[data-method=none] ._scroll-stack-view:not(:last-child){
padding-bottom:0}
._scroll-stack[data-method=none] ._scroll-stack-view .view-name{
display:none}
@media only screen and (min-width:2000px){
._scroll-stack-view{
--name-em:.6vw}
}
._content-navbar ul{
padding-right:calc((var(--100vw) - 2*var(--grid-padding))/32 - var(--grid-gap))}
._content-navbar ul:after,._content-navbar ul:before{
background-color:#f73b20;border-radius:1em;content:"";position:absolute;top:.333em}
._content-navbar ul:before{
bottom:.333em;left:-.5px;opacity:.2;width:1px}
._content-navbar ul:after{
height:1.5em;left:-1px;transform:translateY(calc(var(--active, 0)*(100% + .666em)));transition:transform .5s cubic-bezier(.23,1,.32,1);width:2px}
._content-navbar button{
max-width:14.3em;opacity:.4;padding:.333em .667em;transition:opacity .5s cubic-bezier(.23,1,.32,1);width:100%}
@media (hover:hover) and (pointer:fine){
._content-navbar button:hover{
opacity:.8;transition-duration:.2s;transition-timing-function:ease-in-out}
}
._content-navbar button[data-active=true]{
opacity:1}
._currency-card{
background-color:#f73b200d;border-radius:var(--16)}
._currency-card .slot{
padding:var(--16)}
._currency-converter[data-disabled=true]{
cursor:wait;opacity:.9}
._currency-converter[data-disabled=true]>*{
pointer-events:none}
._currency-converter[data-disabled=true] .input-container{
opacity:.7}
._currency-converter .icon-orange-900{
--color:#360802;height:1.2em}
._currency-converter input{
background:transparent;border:none;padding:0}
._currency-converter input:focus-visible+.input-focus{
box-shadow:0 0 0 1px #f73b20,0 0 0 3px #f73b2080}
._currency-converter .input-focus{
border-radius:var(--16);inset:calc(var(--16)*-1)}
._currency-converter .swap-btn{
border:1px solid #f6f7f8;border-radius:100%;display:grid;height:var(--32);place-items:center;transition:background-color .2s,border-color .2s,transform .3s cubic-bezier(.645,.045,.355,1);width:var(--32)}
._currency-converter .swap-btn[data-swapped=true]{
transform:rotate(180deg)}
._currency-converter .swap-btn ._icon{
--size:var(--20);--color:#4984ef;transform:rotate(90deg)}
._currency-converter .swap-btn ._icon path{
transition:transform .2s cubic-bezier(.25,.46,.45,.94)}
._currency-converter .swap-btn ._icon path:first-child{
opacity:.2}
@media (hover:hover) and (pointer:fine){
._currency-converter .swap-btn:hover{
background-color:#4984ef0d;border-color:#4984ef26}
._currency-converter .swap-btn:hover ._icon path:first-child{
transform:translate(5%)}
._currency-converter .swap-btn:hover ._icon path:last-child{
transform:translate(-5%)}
}
._currency-converter .swap-btn:active{
background-color:#4984ef1a;border-color:#4984ef40}
._currency-converter .swap-btn:focus-visible{
box-shadow:0 0 0 1px #4984ef,0 0 0 3px #4984ef80}
._stepper button{
position:relative}
._stepper button[data-active=true]{
pointer-events:none}
._stepper button[data-active=true]>div{
opacity:1}
._stepper button[data-active=true] .label{
width:var(--w,auto)}
._stepper button[data-active=true] .label>div{
opacity:1;transform:translate(0)}
._stepper button:before{
background-color:#ffffff1a;border-radius:.5em;content:"";top:-.5em;right:-.5em;bottom:-.5em;left:-.5em;opacity:0;outline:1px solid hsla(0,0%,100%,.2);position:absolute}
._stepper button>div{
opacity:.5}
@media (hover:hover) and (pointer:fine){
._stepper button:hover .index{
background-color:#ffffff1a}
}
._stepper button:focus-visible:before{
box-shadow:0 0 0 1px #fff,0 0 0 3px #ffffff80;opacity:1}
._stepper button .index{
border-radius:100%;height:var(--24);position:relative;transition:background-color .2s;width:var(--24)}
._stepper button .index svg{
stroke:#fff;stroke-width:1px;overflow:visible}
._stepper button .index svg circle:first-child{
opacity:.5}
._stepper button .index svg circle:last-child{
stroke-dasharray:74.912361145 calc((1 - var(--p, 0))*75.66148px);stroke-dashoffset:74.912361145;transform:rotate(-90deg) scaleY(-1);transform-origin:center}
._stepper button .label{
overflow:hidden;transition:width .5s cubic-bezier(.215,.61,.355,1);width:0;will-change:width}
._stepper button .label div{
opacity:0;transform:translate(33%);transition:transform .4s cubic-bezier(.215,.61,.355,1) .05s;transition-property:transform,opacity;white-space:nowrap;width:-moz-max-content;width:max-content}
._wordmark{
display:inline-block;position:relative;width:100%}
._wordmark>svg{
height:100%;width:100%}
._wordmark .glyphs{
display:grid;grid-template-columns:230fr 359fr 286fr 366fr 318fr}
._wordmark .glyphs svg{
flex-grow:1;height:100%;width:100%;will-change:transform}
._wordmark svg{
fill:#f73b20}
._wordmark[data-tone=neutral] svg{
fill:#fff}
._coin-drop{
background-color:#f74522;border-radius:100%;height:var(--size,24px);width:var(--size,24px)}
._coin-drop[data-tone=neutral]{
background-color:#fff}
._coin-drop[data-tone=neutral] span{
animation-name:coin-loop-neutral}
._coin-drop span{
animation-duration:2s;animation-iteration-count:infinite;animation-name:coin-loop-orange;animation-timing-function:cubic-bezier(.445,.05,.55,.95);border-radius:inherit;transform-origin:center;will-change:transform;will-change:background-color,opacity,transform}
._coin-drop span:nth-child(0){
animation-delay:0s}
._coin-drop span:first-child{
animation-delay:.3333333333s}
._coin-drop span:nth-child(2){
animation-delay:.6666666667s}
._coin-drop span:nth-child(3){
animation-delay:1s}
._coin-drop span:nth-child(4){
animation-delay:1.3333333333s}
._coin-drop span:nth-child(5){
animation-delay:1.6666666667s}
._coin-drop span:nth-child(6){
animation-delay:2s}
@keyframes coin-loop-orange{
0%{
background-color:#f74522;opacity:1;transform:translateY(0) scaleY(1);z-index:1}
60%{
opacity:1}
80%{
background-color:#fdd6ce;opacity:0}
to{
opacity:0;transform:translateY(200%) scaleY(0);z-index:7}
}
@keyframes coin-loop-neutral{
0%{
background-color:#fff;opacity:1;transform:translateY(0) scaleY(1);z-index:1}
48%{
opacity:1}
80%{
background-color:#f5b1a3;opacity:0}
to{
opacity:0;transform:translateY(200%) scaleY(0);z-index:7}
}
._color-card{
background-color:var(--bg);color:var(--c);cursor:copy}
._color-card[data-color="#FFFFFF"]{
border:1px solid #000}
._color-card li.grid{
grid-template-columns:repeat(2,1.33em);line-height:1}
._color-card li>:nth-child(odd){
font-weight:600}
._color-palette-card ._color-card{
border-bottom-left-radius:0;border-bottom-right-radius:0}
._color-palette-card ul.selector{
display:grid;grid-template-columns:repeat(var(--columns,var(--length)),minmax(0,1fr))}
@media only screen and (max-width:1023px){
._color-palette-card ul.selector{
--columns:6}
}
._color-palette-card ul.selector li{
flex-grow:1;overflow:hidden}
._color-palette-card ul.selector li:first-child{
border-bottom-left-radius:var(--16)}
._color-palette-card ul.selector li:last-child{
border-bottom-right-radius:var(--16)}
@media only screen and (max-width:1023px){
._color-palette-card ul.selector li:first-child{
border-bottom-left-radius:0}
._color-palette-card ul.selector li:nth-child(7){
border-bottom-left-radius:var(--16)}
._color-palette-card ul.selector li:nth-child(6){
border-bottom-right-radius:var(--16)}
}
._color-palette-card ul.selector li button{
background-color:var(--bg);color:var(--c);display:grid;font-size:var(--14);height:var(--64);place-items:center;width:100%}
._notification-banner{
background-color:#f73b20;border-top-left-radius:0!important;border-top-right-radius:0!important;color:#fff;left:calc(var(--grid-padding)*.5);overflow:hidden;padding-bottom:21px;padding-top:14px;position:absolute;top:0;width:calc(var(--100vw) - var(--grid-padding));z-index:10}
@media only screen and (max-width:1023px){
._notification-banner{
padding-bottom:14px}
}
._notification-banner .g-row-full .g-col{
align-items:center;display:flex;gap:max(48px,48px + 100vw * .1482);justify-content:space-between;padding:0}
@media only screen and (max-width:1023px){
._notification-banner .g-row-full .g-col{
flex-direction:column;gap:0}
}
._notification-banner .g-row-full .g-col .body-small{
font-size:12px;letter-spacing:.03em;line-height:1.5}
@media only screen and (max-width:743px){
._notification-banner .g-row-full .g-col .body-small{
letter-spacing:.04em}
}
@media only screen and (max-width:1023px){
._notification-banner ._button{
margin-top:10px}
}
._notification-banner ._button .label{
padding-right:min(10px,10px + 100vw * 0)}
@media only screen and (min-width:2000px){
._notification-banner .g-row-full .g-col{
gap:15vw}
._notification-banner .g-row-full .g-col .body-small{
font-size:.6vw}
._notification-banner ._button .label{
padding-right:.5vw}
}
._scroll-hint{
background-color:#ffffff1a;border:1px solid hsla(0,0%,100%,.1);border-radius:5em;color:#fff;display:inline-block;padding:.4em .85em;position:relative;transition:background-color .2s cubic-bezier(.25,.46,.45,.94)}
._scroll-hint>.flex{
gap:.5em}
._scroll-hint ._coin-drop{
height:.5em;margin-bottom:.2em;width:.5em}
@media (hover:hover) and (pointer:fine){
._scroll-hint:hover{
background-color:#fff3}
}
._scroll-hint:active{
background-color:#ffffff40}
._scroll-hint:focus-visible{
box-shadow:0 0 0 1px #fff,0 0 0 3px #ffffff80}
._switcher{
border-radius:7em;contain:paint;max-width:100%;position:relative;width:-moz-max-content;width:max-content}
._switcher ul{
background-color:#f73b201a;overflow:hidden;overflow-x:scroll;padding:var(--2);width:100%}
._switcher ul,._switcher ul li{
border-radius:inherit}
._switcher:has(:focus-visible){
box-shadow:0 0 0 1px #f73b20,0 0 0 3px #f73b2080}
._switcher label{
align-items:center;border-radius:inherit;color:#f73b20;cursor:pointer;display:flex;height:var(--44);padding:0 var(--16);position:relative;transition:color .1s ease-out .03s;white-space:nowrap}
._switcher label .background{
background-color:#f73b20;border-radius:inherit;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .15s ease-in-out}
@media (hover:hover) and (pointer:fine){
._switcher label:hover .background{
opacity:.1}
}
._switcher label:active .background{
opacity:.15}
._switcher input:checked+label{
color:#fff;pointer-events:none}
._switcher ul[data-transitioning=false] input:checked+label{
background-color:#f73b20}
._switcher ul[data-transitioning=false] .marker{
opacity:0}
._switcher .marker{
height:var(--44);left:calc(var(--2)*-1);opacity:1;position:relative;top:0;transition:transform .3s cubic-bezier(.165,.84,.44,1);transition-property:transform;width:0}
._switcher .marker:after{
background-color:#f73b20;border-radius:7em;content:"";height:var(--44);left:0;position:absolute;top:0;transition:width .3s cubic-bezier(.05,.7,.1,1);width:var(--w)}
._switcher ul[data-overflow-x]:after,._switcher ul[data-overflow-x]:before{
background:linear-gradient(270deg,#fff6f5,#fef7f600);content:"";height:100%;opacity:1;pointer-events:none;position:absolute;top:0;transition:opacity .2s ease;width:3em;z-index:1}
._switcher ul[data-overflow-x]:before{
left:0;transform:scaleX(-1)}
._switcher ul[data-overflow-x]:after{
right:0}
._switcher ul[data-overflow-x][data-overflow-x="0"]:before,._switcher ul[data-overflow-x][data-overflow-x="1"]:after{
opacity:0}
._tag{
--color:#fff;color:var(--color);padding:4px 12px;width:-moz-max-content;width:max-content}
._tag[data-tone=orange]{
--color:#f73b20}
._tag .outline{
border-radius:4em;outline:1px solid var(--color);outline-offset:-1px}
._tag svg{
fill:none;stroke:var(--color);stroke-width:1px;display:none;overflow:visible}
._tag svg rect:first-child{
opacity:.2}
._tag svg rect:last-child{
stroke-dasharray:var(--length,0) calc((1 - var(--p, 0))*var(--length, 0));stroke-dashoffset:var(--length,0)}
@media only screen and (min-width:2000px){
._tag{
padding:.2vw .6vw}
}
._toggle-button{
border-radius:var(--12);position:relative;width:100%;--color:#360802;background-color:#fff;cursor:pointer}
._toggle-button[inert]{
opacity:.333}
._toggle-button>.background{
background-color:#f73b20;border-radius:inherit;opacity:0}
._toggle-button label{
color:var(--color);gap:16px;padding:12px}
._toggle-button label .checkmark{
opacity:0}
._toggle-button[data-toggled=true]{
--color:#fff}
._toggle-button[data-toggled=true] .background,._toggle-button[data-toggled=true] .checkmark{
opacity:1}
@media (hover:hover) and (pointer:fine){
._toggle-button[data-toggled=false]:hover>.background{
opacity:.05}
}
._toggle-button[data-toggled=false]:active>.background{
opacity:.1}
@media only screen and (min-width:2000px){
._toggle-button label{
gap:.8vw;padding:.6vw}
}
video._video-asset{
height:auto;max-height:100%;max-width:100%;min-height:100%;min-width:100%;position:relative;width:auto}
._rich-text{
color:#360802;--color:#360802;font-size:16px;font-weight:450;letter-spacing:.03em;line-height:1.5}
._rich-text>:first-child{
margin-top:0}
._rich-text>:last-child{
margin-bottom:0}
._rich-text h2,._rich-text h3{
align-items:baseline;display:flex;flex-wrap:wrap;font-weight:500;gap:var(--24);justify-content:space-between}
._rich-text h3{
font-size:clamp(19px,17.518px + 100vw * .0038,24px);letter-spacing:.01em;line-height:1.2;margin-top:var(--80-48)}
._rich-text h2,._rich-text h3,._rich-text p{
margin-bottom:var(--16)}
._rich-text h2{
font-size:clamp(23px,19.139px + 100vw * .0099,36px);letter-spacing:.01em;line-height:1.2;margin-bottom:var(--32);margin-top:var(--96)}
@media only screen and (max-width:743px){
._rich-text h2{
letter-spacing:0}
}
._rich-text figure{
border-radius:var(--20-8);margin-bottom:var(--64-32);margin-top:var(--64-32);overflow:hidden}
._rich-text strong{
font-weight:600}
._rich-text li{
padding-left:1.375em;position:relative}
._rich-text li:before{
background-color:#360802;border-radius:100%;content:"";display:inline-block;height:.375em;left:0;margin:0 .5em .1em;position:absolute;top:.5em;vertical-align:middle;width:.375em}
._rich-text a{
text-decoration:underline}
@media (hover:hover) and (pointer:fine){
._rich-text a:hover{
opacity:.6}
}
._rich-text a:focus-visible{
background-color:#360802;color:#fff}
._rich-text ._table{
margin:var(--24) 0;width:100%}
@media only screen and (min-width:2000px){
._rich-text{
font-size:.8vw}
._rich-text h3{
font-size:1.2vw}
._rich-text h2{
font-size:1.8vw}
}
._table{
color:var(--color);font-size:16px;font-weight:450;letter-spacing:.03em;line-height:1.5}
._table *{
font-weight:inherit;text-align:left}
._table .table-container{
overflow-x:auto;width:100%}
._table .s-thead{
overflow:hidden;position:sticky;top:0;z-index:1}
._table .s-thead [role=tr]{
display:flex;width:-moz-max-content;width:max-content}
._table .s-thead+.table-container>table>:first-child:is(thead){
display:none}
._table .s-thead+.table-container>table>tbody>tr:first-child:not([data-role=header]){
border-top:1px solid #000}
._table .s-thead,._table thead{
background-color:#fff}
._table .s-thead [role=tr],._table .s-thead tr,._table thead [role=tr],._table thead tr{
opacity:.5}
._table .s-thead [role=tr][data-divider=true],._table .s-thead tr[data-divider=true],._table thead [role=tr][data-divider=true],._table thead tr[data-divider=true]{
border-bottom:1px solid #000!important}
._table .s-thead+tbody>:first-child:is([data-role=header])>th,._table thead+tbody>:first-child:is([data-role=header])>th{
padding-top:var(--16)}
._table table{
min-width:calc(var(--columns, 1)*140px + (var(--columns, 1) - 1)*var(--48-24));position:relative;width:100%}
._table table tr[data-role=header]{
font-size:clamp(19px,17.518px + 100vw * .0038,24px);font-weight:500;letter-spacing:.01em;line-height:1.2}
._table table tr[data-role=header] th{
padding-top:var(--48)}
._table table tr{
border-bottom:1px solid #000}
._table table tr:last-child{
border:none}
._table [role=th],._table td,._table th{
padding:var(--16) 0;padding-right:var(--48-24)}
@media only screen and (min-width:2000px){
._table{
font-size:.8vw}
._table table tr[data-role=header]{
font-size:1.2vw}
}
._skeleton{
position:relative;--c1:#fee9e6;--c2:#fff6f5;overflow:hidden}
._skeleton[data-tone=orange]{
--c1:#f73b20;--c2:#f96853}
._skeleton:after{
animation:skeleton-background-loop 1s ease-in-out infinite alternate;background:radial-gradient(ellipse at top,var(--c1),var(--c2)),radial-gradient(ellipse at bottom,var(--c1),var(--c2));background-position:0 100%;background-repeat:repeat;background-size:200% 200%;content:"";top:0;right:0;bottom:0;left:0;opacity:1;position:absolute;transition:opacity .6s cubic-bezier(.215,.61,.355,1)}
._skeleton[data-loaded=true]:after{
opacity:0}
@keyframes skeleton-background-loop{
0%{
background-position:0 0}
to{
background-position:100% 0}
}
._input{
color:#360802;font-size:16px;font-weight:450;letter-spacing:.03em;line-height:1.5;position:relative}
._input ._country-dial-code-select button{
height:100%}
._input .input-container>label{
color:inherit;left:1em;opacity:.5;pointer-events:none;position:absolute;top:1em;transform-origin:top left;transition:transform .2s cubic-bezier(.215,.61,.355,1)}
._input .input-container>input,._input .input-container>textarea{
background-color:#f73b200d;border:none;border-radius:1em;outline:none;padding:1.5em .625em .5em 1em;resize:none;transition:background-color .15s ease;width:100%}
._input{
color:#360802;font-size:16px;font-weight:450;letter-spacing:.03em;line-height:1.5;padding-left:24px;position:relative}
._input[data-valid=false] .input-container>input,._input[data-valid=false] .input-container>textarea{
background-color:#dc363633;outline:1px solid #f73b20}
._input .error-hint{
background-color:#dc3636;border-radius:.5em;color:#fff6f5;font-size:12px;left:.25em;letter-spacing:.03em;line-height:1.5;margin-top:.8em;padding:.5em .75em;position:absolute;top:100%;z-index:19}
@media only screen and (max-width:743px){
._input .error-hint{
letter-spacing:.04em}
}
._input .error-hint:before{
border-bottom:.5em solid #dc3636;border-left:.5em solid transparent;border-right:.5em solid transparent;content:"";height:0;left:1em;position:absolute;top:-.5em;width:0}
._input .input-container{
position:relative}
._input .input-container>svg{
left:1em}
._input .input-container>label,._input .input-container>svg{
color:inherit;pointer-events:none;position:absolute;top:.7em;transform-origin:top left;transition:transform .2s cubic-bezier(.215,.61,.355,1)}
._input .input-container>label{
left:3em;opacity:.5}
._input .input-container>input,._input .input-container>textarea{
background-color:#f73b200d;border:none;border-radius:1em;outline:none;padding:1.1em .625em .4em 3em;resize:none;transition:background-color .15s ease;width:100%}
._input .input-container>input::-moz-placeholder,._input .input-container>textarea::-moz-placeholder{
color:transparent;-moz-user-select:none;-webkit-user-select:none;user-select:none}
._input .input-container>input::placeholder,._input .input-container>textarea::placeholder{
color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}
._input .input-container>input:not(:-moz-placeholder-shown)+label,._input .input-container>textarea:not(:-moz-placeholder-shown)+label{
transform:scale(.625) translateY(-.5em)}
._input .input-container>input:focus+label,._input .input-container>input:not(:placeholder-shown)+label,._input .input-container>textarea:focus+label,._input .input-container>textarea:not(:placeholder-shown)+label{
transform:scale(.625) translateY(-.5em)}
._input .input-container>input:focus-visible,._input .input-container>textarea:focus-visible{
box-shadow:0 0 0 1px #f73b20,0 0 0 3px #f73b2080}
@media (hover:hover) and (pointer:fine){
._input .input-container>input:hover,._input .input-container>textarea:hover{
background-color:#f73b201a}
}
._input .input-container>label{
width:calc(100% - 2em)}
@media only screen and (min-width:2000px){
._input{
font-size:.8vw}
._input .error-hint{
font-size:.6vw}
}
._form{
display:flex;flex-direction:column;overflow:scroll}
._form ._input:last-of-type{
margin-bottom:var(--32)}
._loading-cursor{
display:grid;height:32px;left:-16px;place-items:center;position:fixed;top:-16px;width:32px;z-index:9999}
._loading-cursor svg{
overflow:visible;transform-origin:center}
._loading-cursor svg circle{
stroke-dasharray:74.912361145 calc((1 - var(--p, 0))*75.66148px);stroke-dashoffset:74.912361145;transform:rotate(-90deg) scaleY(-1);transform-origin:center;stroke:#fff}
._country-select>button{
--color:#f73b20;text-transform:uppercase}
._country-select input,._country-select label{
pointer-events:none}
._country-select a[inert]{
order:-1}
._country-select .overlay{
max-height:max(42px,42px + 100vw * .1165)}
@media only screen and (max-width:1023px){
._country-select .overlay{
max-height:290px}
}
._country-select ._dropdown-button{
text-transform:capitalize}
._country-select ._toggle-button{
border-radius:var(--12);position:relative;width:100%;--color:#360802;background-color:#fff;cursor:pointer}
._country-select ._toggle-button *{
pointer-events:none}
._country-select ._toggle-button[inert]{
opacity:.333}
._country-select ._toggle-button>.background{
background-color:#f73b20;border-radius:inherit;opacity:0}
._country-select ._toggle-button label{
color:var(--color);gap:16px;padding:12px}
._country-select ._toggle-button label .country-image{
width:max(20.4px,20.4px + 100vw * .0021)}
._country-select ._toggle-button label .checkmark{
opacity:0}
._country-select ._toggle-button[disabled=true]{
--color:#fff;pointer-events:none}
._country-select ._toggle-button[disabled=true] .background,._country-select ._toggle-button[disabled=true] .checkmark{
opacity:1}
@media (hover:hover) and (pointer:fine){
._country-select ._toggle-button:hover>.background{
opacity:.05}
}
._country-select ._toggle-button:active>.background{
opacity:.1}
@media only screen and (min-width:2000px){
._country-select .overlay{
max-height:12vw}
._country-select ._toggle-button label{
gap:.8vw;padding:.6vw}
._country-select ._toggle-button label .country-image{
width:1.2vw}
}
._page{
position:relative}
._page:not([data-slug=__story__]){
background-color:#fff;min-height:100vh}
._page:after{
background-color:var(--shade-color,#360802);content:"";top:0;right:0;bottom:0;left:0;opacity:var(--shade,0);pointer-events:none;position:absolute;z-index:3}
._zendesk-launcher{
align-items:center;border-radius:150px;bottom:var(--32-16);display:flex;gap:6px;height:var(--48);height:auto;padding:12px 22px;position:fixed;right:var(--32-16);transition:transform .6s;transition-property:transform,opacity;width:var(--48);width:auto;z-index:89}
._zendesk-launcher.v-enter-from{
opacity:0;transform:translateY(50%)}
._zendesk-launcher .background{
-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#00000054;border-radius:150px;transition:transform .2s}
._zendesk-launcher .background>*{
background-color:#b6969154}
._zendesk-launcher ._icon{
height:var(--24);width:var(--24);--color:#fff}
._zendesk-launcher .body{
color:#fff;z-index:2}
@media (hover:hover) and (pointer:fine){
._zendesk-launcher:hover .background{
transform:scale(.966)}
}
._zendesk-launcher:active .background{
transform:scale(.933)}
@media only screen and (min-width:2000px){
._zendesk-launcher{
gap:.3vw;padding:.6vw 1.1vw}
}
._drawer{
height:100vh;height:100lvh;left:0;opacity:1;overflow:hidden;position:fixed;top:0;transition:opacity 1ms linear;width:var(--100vw);z-index:99}
._drawer[inert]{
opacity:0;transition-delay:1s}
._drawer[inert] .shade{
opacity:0;transition-delay:.2s}
._drawer[inert] .drawer-modal{
transform:translate(120%);transition-duration:.4s;transition-timing-function:cubic-bezier(.55,.085,.68,.53)}
@media only screen and (max-width:743px){
._drawer[inert] .drawer-modal{
transform:translateY(120%)}
}
._drawer .shade{
background-color:#000;opacity:.5;transition:opacity .7s}
._drawer .drawer-modal{
--drawer-padding:var(--32-16);--cols:8;--padding:var(--8);background-color:#fff;display:flex;flex-direction:column;height:calc(100vh - var(--padding)*2);height:calc(100svh - var(--padding)*2);position:absolute;right:var(--padding);top:var(--padding);transition:transform .6s;width:calc(var(--cols)*(var(--100vw) - 2*var(--grid-padding))/16 - var(--grid-gap) + var(--grid-margin) - var(--padding))}
@media only screen and (max-width:1290px){
._drawer .drawer-modal{
--cols:10}
}
@media only screen and (max-width:1023px){
._drawer .drawer-modal{
--cols:14}
}
@media only screen and (max-width:743px){
._drawer .drawer-modal{
width:calc(var(--100vw) - var(--padding)*2)}
}
._drawer .drawer-modal>header:after{
background-color:#fff6f5;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}
._drawer .drawer-modal .slot-container{
flex-grow:1;overflow:hidden}
._menu-button{
--color:#fff;align-items:center;border-radius:6em;display:flex;height:var(--44);padding:0 var(--16);position:relative}
._menu-button:after{
content:"";top:-8px;right:0;bottom:-8px;left:0;position:absolute}
._menu-button>.background{
background-color:#fff;border-radius:inherit;opacity:0;transition:opacity .3s cubic-bezier(.215,.61,.355,1)}
@media (hover:hover) and (pointer:fine){
._menu-button>.background{
transform:scale(.9);transition-property:opacity,transform}
}
._menu-button>:not(.background){
position:relative}
@media (hover:hover) and (pointer:fine){
._menu-button:hover>.background{
opacity:.1;transform:scale(1)}
._menu-button:hover:has(+.menu-drawer:hover)>.background{
opacity:.1;transform:scale(1)}
}
._menu-button:active>.background{
opacity:.15;transform:scale(1)}
._menu-button.-active.-exact>.background,._menu-button[data-active=true]>.background{
opacity:.1;transform:scale(1)}
._menu li:has(._menu-drawer .-active.-exact) ._menu-button .background{
opacity:.1;transform:scale(1)}
._menu-page-thumbnail{
background-color:#f96853;border-radius:var(--16);height:var(--80);overflow:hidden;position:relative;width:var(--80)}
._menu-page-thumbnail[data-size=small]{
border-radius:8px;height:var(--64-48);width:var(--64-48)}
[aria-expanded=true]+._menu-drawer{
pointer-events:all}
[aria-expanded=true]+._menu-drawer .slot{
transform:translateY(0) rotate(0) scale(1)}
[aria-expanded=true]+._menu-drawer .slot:after{
opacity:0}
._menu-drawer{
bottom:1px;left:-1px;overflow:hidden;padding:1px;pointer-events:none;position:absolute;width:calc(100% + 2px);z-index:-1}
._menu-drawer,._menu-drawer .slot{
border-radius:calc(var(--h-height))}
._menu-drawer .slot{
background-color:#f84d35;display:flex;padding:var(--8);padding-bottom:calc(var(--height) + var(--8));transform:translateY(110%) rotate(1deg);transition:transform .6s cubic-bezier(.23,1,.32,1);transition-property:transform,box-shadow}
._menu-drawer .slot:after{
background:linear-gradient(180deg,transparent,#f73b20);border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;opacity:1;pointer-events:none;position:absolute;transition:opacity .1s cubic-bezier(.215,.61,.355,1)}
._menu-drawer .slot ul{
flex-grow:1;padding:var(--8) var(--10)}
._menu-drawer .thumbnail{
border-radius:var(--16);height:var(--80);overflow:hidden;width:var(--80)}
._menu-drawer .thumbnail>*{
opacity:0;transform:scale(1.3);transition:transform .6s,opacity .2s cubic-bezier(.55,.085,.68,.53);transition-delay:.15s}
._menu-drawer .link{
display:block;opacity:.5;overflow:hidden;position:relative;transition:opacity .2s}
._menu-drawer .link .label{
transition:transform .2s cubic-bezier(.165,.84,.44,1)}
._menu-drawer .link .label ._icon{
--color:#fff}
._menu-drawer .link .dot{
background-color:#fff;border-radius:100%;height:.1875em;left:0;position:absolute;top:calc(50% - .09375em);transform:scale(0);width:.1875em}
._menu-drawer .link.-active.-exact{
opacity:1}
._menu-drawer .link.-active.-exact .dot{
transform:scale(1)}
._menu-drawer .link.-active.-exact .label{
transform:translate(.61875em)}
._menu-drawer .link.-active.-exact+.thumbnail>*{
opacity:1;transform:scale(1)}
@media (hover:hover) and (pointer:fine){
._menu-drawer .link:hover{
opacity:1}
._menu-drawer .link:hover .label{
transform:translate(.61875em)}
._menu-drawer .link:hover+.thumbnail>*{
opacity:1;transform:scale(1);transition-delay:0s;z-index:9}
}
._menu[data-variant=drawers] .external-flag{
margin-top:-.33em}
._menu[data-variant=drawers]>ul>li ._menu-button ._icon{
transition:transform .2s cubic-bezier(.215,.61,.355,1)}
@media (hover:hover) and (pointer:fine){
._menu[data-variant=drawers]>ul>li:hover ._menu-button[data-action=expand] ._icon{
transform:rotate(180deg)}
._menu[data-variant=drawers]>ul>li:hover ._menu-button[data-action=link] .external-flag._icon{
transform:translate(10%,-3%)}
}
._menu[data-variant=drawers]>ul>li ._menu-button[aria-expanded=true][data-action=expand] ._icon{
transform:rotate(180deg)}
._menu[data-variant=drawers]>ul>li ._menu-button[aria-expanded=true][data-action=link] ._icon{
transform:translate(10%,-3%)}
._menu[data-variant=drawers] .shade{
background-color:#360802;transition:opacity .3s ease-in-out;z-index:-2}
@media (hover:hover) and (pointer:fine){
._menu[data-variant=drawers] .menu-bar:hover+.shade{
opacity:.166}
}
._menu[data-variant=drawers] .menu-bar:has([aria-expanded=true])+.shade{
opacity:.166}
._text-transition{
display:inline-block;margin-bottom:-.15em;overflow:hidden;padding-bottom:.15em;position:relative}
._text-transition>div{
width:-moz-max-content;width:max-content}
._text-transition>div:last-child{
left:0;position:absolute;top:0}
._menu[data-variant=overlay][data-expanded=true] ._menu-button .background{
opacity:.1;transform:scale(1)}
._menu[data-variant=overlay][data-expanded=true] ._menu-button ._icon path:first-child{
transform:rotate(45deg) translateY(12%)}
._menu[data-variant=overlay][data-expanded=true] ._menu-button ._icon path:last-child{
transform:rotate(-45deg) translateY(-12%)}
._menu[data-variant=overlay] .menu-bar{
height:var(--48);max-width:70vw;padding:0}
._menu[data-variant=overlay] .menu-bar ._menu-button{
height:100%;width:100%}
._menu[data-variant=overlay] ._menu-button ._icon{
margin-left:8px}
._menu[data-variant=overlay] ._menu-button ._icon path{
transition:transform .5s cubic-bezier(.23,1,.32,1)}
._menu[data-variant=overlay] .scroll,._menu[data-variant=overlay] .scroll+.scroll-fade{
grid-column:1;grid-row:2}
._menu[data-variant=overlay] .scroll{
overflow-x:hidden;overflow-y:scroll}
._menu[data-variant=overlay] .scroll+.scroll-fade{
height:100%;pointer-events:none;position:relative;width:100%;z-index:1}
._menu[data-variant=overlay] .scroll+.scroll-fade:after,._menu[data-variant=overlay] .scroll+.scroll-fade:before{
background:linear-gradient(0deg,transparent,#f73b20);content:"";height:24px;left:0;position:absolute;width:100%}
._menu[data-variant=overlay] .scroll+.scroll-fade:before{
top:0}
._menu[data-variant=overlay] .scroll+.scroll-fade:after{
bottom:0;transform:scaleY(-1)}
._menu[data-variant=overlay] .menu-overlay{
height:100vh;height:100lvh;left:0;opacity:0;pointer-events:all;position:fixed;top:0;width:var(--100vw);z-index:0}
._menu[data-variant=overlay] .menu-overlay:not([data-motion]):not([inert]){
opacity:1}
._menu[data-variant=overlay] .menu-overlay ._navbar{
position:relative}
._menu[data-variant=overlay] .menu-overlay .list-container{
padding:0 var(--grid-margin)}
._menu[data-variant=overlay] .menu-overlay .list-container>li{
padding:12px 0}
._menu[data-variant=overlay] .menu-overlay .main-slot{
display:grid;grid-template-rows:auto 1fr;height:100vh;padding-bottom:80px}
._menu[data-variant=overlay] .menu-overlay .main-slot .list-slot{
overflow-y:scroll}
._menu[data-variant=overlay] .menu-link{
align-items:center;display:flex;font-size:clamp(19px,17.518px + 100vw * .0038,24px);font-weight:500;gap:12px;letter-spacing:.01em;line-height:1.2;min-height:64px;padding:8px 0;position:relative;width:100%;--color:#fff}
._menu[data-variant=overlay] .menu-link ._icon{
margin-top:-.5em}
._menu[data-variant=overlay] .menu-link:before{
background-color:#fff;border-radius:12px;content:"";top:0;right:-8px;bottom:0;left:-8px;opacity:0;position:absolute}
._menu[data-variant=overlay] .menu-link:after{
background-color:#fff;border-radius:100%;content:"";height:6px;position:absolute;right:12px;top:calc(50% - 3px);transform:scale(0);width:6px}
._menu[data-variant=overlay] .menu-link .label{
overflow:hidden}
._menu[data-variant=overlay] .menu-link.-active.-exact:before{
opacity:.1}
._menu[data-variant=overlay] .menu-link.-active.-exact:after{
transform:scale(1)}
._menu[data-variant=overlay] .ctas{
gap:clamp(16px,13.621px + 100vw * .0061,24px);justify-content:center;padding:16px 0}
._menu[data-variant=overlay] .ctas ._dropdown._language-select [data-tone=orange]{
--color:#fff;--background-color:#fff}
._menu[data-variant=overlay] .ctas ._dropdown._language-select ._dropdown-button[data-button][data-expanded=true]>[data-button-background]{
box-shadow:0 0 0 1px #fff,0 0 0 3px #ffffff80!important}
@media only screen and (max-width:1023px){
._menu[data-variant=overlay] .ctas a:nth-child(2){
display:none}
}
@media only screen and (min-width:2000px){
._menu[data-variant=overlay] .menu-link{
font-size:1.2vw}
._menu[data-variant=overlay] .ctas{
gap:1.2vw}
}
._menu{
bottom:0;color:#fff;display:flex;justify-content:center;padding-bottom:var(--32-16);position:fixed;width:100%;z-index:99;--height:48px;--h-height:calc(var(--height)*.5);pointer-events:none}
@media only screen and (min-width:1023px){
._menu[data-variant=overlay]{
display:none}
}
@media only screen and (max-width:1023px){
._menu[data-variant=drawers]{
display:none}
}
._menu .menu-bar{
align-items:center;background-color:#f84d35;border-radius:7em;display:flex;height:var(--height);padding:0 2px;pointer-events:all;position:relative}
._menu .menu-bar:before{
background-color:#ffffff1a;border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .4s}
@media only screen and (min-width:2000px){
._menu{
--height:2.4vw}
._menu .menu-bar{
padding:0 .1vw}
}
._navbar{
left:0;padding:var(--32-24) 0;position:absolute;top:0;width:var(--100vw)}
._navbar.has-banner{
top:max(25px,25px + 100vw * .0265)}
@media only screen and (max-width:1023px){
._navbar.has-banner{
top:165px}
}
._navbar .homepage-link:focus-visible:after{
border-radius:.5em;box-shadow:0 0 0 1px #fff,0 0 0 3px #ffffff80;content:"";top:-.75em;right:-1em;bottom:-.75em;left:-1em;position:absolute}
._navbar ._wordmark{
height:var(--32-24);width:auto}
._navbar ._wordmark .spacer{
width:auto}
._navbar .lang-cta-wrapper{
display:flex;gap:clamp(16px,13.621px + 100vw * .0061,24px)}
._navbar .lang-cta-wrapper ._dropdown._language-select [data-tone=orange]{
--color:#fff;--background-color:#fff}
._navbar .lang-cta-wrapper ._dropdown._language-select ._dropdown-button[data-button][data-expanded=true]>[data-button-background]{
box-shadow:0 0 0 1px #fff,0 0 0 3px #ffffff80!important}
@media only screen and (max-width:1023px){
._navbar .lang-cta-wrapper ._dropdown._language-select .overlay-container{
right:0}
}
._navbar .ctas{
gap:clamp(8px,6.791px + 100vw * .0031,12px)}
@media only screen and (max-width:1023px){
._navbar .ctas a:last-child{
display:none}
}
@media only screen and (min-width:2000px){
._navbar.has-banner{
top:3.5vw}
._navbar .lang-cta-wrapper{
gap:1.2vw}
._navbar .ctas{
gap:.6vw}
}
@font-face{
font-display:swap;font-family:Sequel Sans;font-style:normal;font-weight:400;src:url(./SequelSans-Display.BSxqJqbM.woff2) format("woff2"),url(./SequelSans-Display.Dqb2BDhi.woff) format("woff")}
@font-face{
font-display:swap;font-family:Sequel Sans;font-style:normal;font-weight:450;src:url(./SequelSans-DisplayBook.DS_QNCiF.woff2) format("woff2"),url(./SequelSans-DisplayBook.DLCIhagA.woff) format("woff")}
@font-face{
font-display:swap;font-family:Sequel Sans;font-style:normal;font-weight:500;src:url(./SequelSans-DisplayMedium.BYsR-9NK.woff2) format("woff2"),url(./SequelSans-DisplayMedium.Ct-o4rqY.woff) format("woff")}
@font-face{
font-display:swap;font-family:Sequel Sans;font-style:normal;font-weight:600;src:url(./SequelSans-DisplaySemi.BFge39nV.woff2) format("woff2"),url(./SequelSans-DisplaySemi.BwIEufUL.woff) format("woff")}
body{
color:#000;font-family:Sequel Sans,arial,"sans-serif";font-style:normal;font-weight:400}
body,html{
min-height:100%;width:100%;-webkit-overflow-scrolling:touch;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*,:after,:before{
box-sizing:border-box}
img{
display:block;height:auto;max-width:100%;-webkit-user-drag:none;-moz-user-drag:none}
button,img{
-webkit-user-select:none;-moz-user-select:none;user-select:none}
button{
background:transparent;border:none;border-radius:0;cursor:pointer;font-family:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;outline:none;padding:0;position:relative;text-align:left}
a{
color:inherit;text-decoration:none}
a,abbr,article,b,blockquote,body,canvas,caption,center,code,div,em,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,menu,nav,ol,output,p,pre,section,small,span,strong,table,tbody,td,th,thead,time,tr,ul,var,video{
border:0;font-size:100%;margin:0;padding:0;vertical-align:baseline}
article,figure,footer,header,menu,nav,section{
display:block}
body{
line-height:1}
blockquote{
quotes:none}
blockquote:after,blockquote:before{
content:"";content:none}
input{
outline:none}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{
-webkit-appearance:none;-moz-appearance:none}
input[type=search]{
-webkit-appearance:none;-moz-appearance:none}
canvas,video{
display:inline-block;display:inline;zoom:1;max-width:100%}
[hidden]{
display:none}
a:focus{
outline:thin dotted;outline:none}
a:active,a:hover{
outline:0}
figure,form{
margin:0}
button,input,textarea{
font-size:100%;margin:0;vertical-align:middle}
button{
text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{
-webkit-appearance:button;cursor:pointer;overflow:visible}
button[disabled],html input[disabled]{
cursor:default}
input,textarea{
font-family:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}
input[type=checkbox],input[type=radio]{
box-sizing:border-box;height:13px;padding:0;width:13px}
input[type=search]{
-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{
border:0;padding:0}
textarea{
overflow:auto;vertical-align:top}
table{
border-collapse:collapse;border-spacing:0}
button,html,input,textarea{
color:unset}
::-moz-selection{
background:#105df1;color:#fff;text-shadow:none;-webkit-text-fill-color:#fff}
::selection{
background:#105df1;color:#fff;text-shadow:none;-webkit-text-fill-color:#fff}
img{
vertical-align:middle}
textarea{
resize:vertical}
h1,h2,h3,h4,h5,h6{
font-weight:inherit}
ol,ul{
list-style:none}
li,ol,ul{
margin:0;padding:0}
input[type=number]{
-moz-appearance:textfield}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{
-webkit-appearance:none}
[data-grabbing]{
cursor:grab}
[data-grabbing][data-grabbing=true]{
cursor:grabbing}
[data-hitarea]:after{
content:"";top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:0;position:absolute}
[data-hitarea="1"]:after{
top:-8px;right:-8px;bottom:-8px;left:-8px}
[data-hitarea="2"]:after{
top:-16px;right:-16px;bottom:-16px;left:-16px}
[data-hitarea="3"]:after{
top:-24px;right:-24px;bottom:-24px;left:-24px}
.hide-input{
height:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:0}
[data-button]{
width:-moz-max-content;width:max-content;--height:48px;align-items:center;border-radius:12px;display:inline-flex;gap:8px;height:var(--height);justify-content:center;padding:0 24px}
[data-button][data-tone=neutral]{
--color:#f73b20;--background-color:#fff}
[data-button][data-tone=neutral][data-variant=outline],[data-button][data-tone=neutral][data-variant=secondary]{
--color:#fff}
[data-button][data-tone=orange]{
--color:#fff;--background-color:#f73b20}
[data-button][data-tone=orange][data-variant=outline],[data-button][data-tone=orange][data-variant=secondary]{
--color:#f73b20}
[data-button]>[data-button-background]{
-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:inherit;top:0;right:0;bottom:0;left:0;position:absolute}
[data-button]>[data-button-background]:after,[data-button]>[data-button-background]:before{
border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;position:absolute}
[data-button]>[data-button-background]:before{
transition:opacity .2s cubic-bezier(.25,.46,.45,.94)}
[data-button]:focus-visible>[data-button-background]{
box-shadow:0 0 0 1px #f73b20,0 0 0 3px #f73b2080}
[data-button][data-tone=neutral]:focus-visible>[data-button-background]{
box-shadow:0 0 0 1px #fff,0 0 0 3px #ffffff80}
[data-button][data-variant=primary]>[data-button-background]:before{
background-color:var(--background-color)}
@media (hover:hover) and (pointer:fine){
[data-button][data-variant=primary]:hover>[data-button-background]:before{
opacity:.85}
}
[data-button][data-variant=primary]:active>[data-button-background]:before{
opacity:.9}
[data-button][data-variant=secondary][data-tone=neutral]>[data-button-background]:before{
background-color:var(--background-color);opacity:.1}
@media (hover:hover) and (pointer:fine){
[data-button][data-variant=secondary][data-tone=neutral]:hover>[data-button-background]:before{
opacity:.2}
}
[data-button][data-variant=secondary][data-tone=neutral]:active>[data-button-background]:before{
opacity:.3}
[data-button][data-variant=secondary][data-tone=orange]>[data-button-background]:before{
background-color:var(--background-color);opacity:.05}
@media (hover:hover) and (pointer:fine){
[data-button][data-variant=secondary][data-tone=orange]:hover>[data-button-background]:before{
opacity:.1}
}
[data-button][data-variant=secondary][data-tone=orange]:active>[data-button-background]:before{
opacity:.15}
[data-button][data-variant=outline]>[data-button-background]:before{
background-color:var(--background-color);opacity:0}
@media (hover:hover) and (pointer:fine){
[data-button][data-variant=outline]:hover>[data-button-background]:before{
opacity:.05}
}
[data-button][data-variant=outline]:active>[data-button-background]:before{
opacity:.15}
[data-button][data-variant=outline]>[data-button-background]:after,[data-button][data-variant=secondary][data-tone=neutral]>[data-button-background]:after{
border:1px solid var(--background-color);opacity:.1}
.dropdown-overlay-list{
display:flex;flex-direction:column;gap:4px;padding:4px}
.divider{
background-color:#fff;height:1px;margin:0 auto;width:var(--grid-width)}
.blocked-background{
background-color:#f73b20;top:0;right:0;bottom:0;left:0;position:absolute}
.blocked-background:before{
background-color:#fff;border-radius:var(--40-20);content:"";inset:var(--viewport-margin);position:absolute}
.blocked-background~*{
position:relative}
.\~t{
will-change:transform}
:root{
--grid-columns:16;--grid-gap:clamp(4px,-1.967px + 100vw * .0153,24px);--grid-half-gap:calc(var(--grid-gap)*.5);--grid-margin:clamp(16px,2.896px + 100vw * .0336,60px);--grid-padding:calc(var(--grid-margin) - var(--grid-gap)*.5);--grid-width:calc(var(--100vw) - var(--grid-margin)*2);--modal-row-width:calc((var(--100vw) - 2*var(--grid-padding))/.8889 - var(--grid-gap) + var(--grid-gap) + var(--grid-padding));--modal-width:calc(var(--modal-row-width) + var(--grid-half-gap))}
.g-row{
display:flex;flex-flow:row wrap;margin-left:auto;margin-right:auto;max-width:none;padding-left:var(--grid-padding)!important;padding-right:var(--grid-padding)!important;width:100%}
.g-col{
flex:1 1 0px;min-width:auto;padding-left:var(--grid-half-gap);padding-right:var(--grid-half-gap)}
.xxl-1{
flex:0 0 6.25%;max-width:6.25%}
.xxl-2{
flex:0 0 12.5%;max-width:12.5%}
.xxl-offset-1{
margin-left:6.25%}
.xxl-3{
flex:0 0 18.75%;max-width:18.75%}
.xxl-offset-2{
margin-left:12.5%}
.xxl-4{
flex:0 0 25%;max-width:25%}
.xxl-offset-3{
margin-left:18.75%}
.xxl-5{
flex:0 0 31.25%;max-width:31.25%}
.xxl-offset-4{
margin-left:25%}
.xxl-6{
flex:0 0 37.5%;max-width:37.5%}
.xxl-7{
flex:0 0 43.75%;max-width:43.75%}
.xxl-8{
flex:0 0 50%;max-width:50%}
.xxl-9{
flex:0 0 56.25%;max-width:56.25%}
.xxl-10{
flex:0 0 62.5%;max-width:62.5%}
.xxl-offset-9{
margin-left:56.25%}
.xxl-14{
flex:0 0 87.5%;max-width:87.5%}
@media screen and (max-width:1290px){
.md-0{
display:none}
.md-offset-0{
margin-left:0}
.md-offset-1{
margin-left:6.25%}
.md-3{
flex:0 0 18.75%;max-width:18.75%}
.md-offset-2{
margin-left:12.5%}
.md-offset-3{
margin-left:18.75%}
.md-6{
flex:0 0 37.5%;max-width:37.5%}
.md-7{
flex:0 0 43.75%;max-width:43.75%}
.md-8{
flex:0 0 50%;max-width:50%}
.md-9{
flex:0 0 56.25%;max-width:56.25%}
.md-offset-8{
margin-left:50%}
.md-10{
flex:0 0 62.5%;max-width:62.5%}
.md-12{
flex:0 0 75%;max-width:75%}
}
@media screen and (max-width:1023px){
.sm-offset-0{
margin-left:0}
.sm-offset-1{
margin-left:6.25%}
.sm-offset-2{
margin-left:12.5%}
.sm-4{
flex:0 0 25%;max-width:25%}
.sm-offset-4{
margin-left:25%}
.sm-8{
flex:0 0 50%;max-width:50%}
.sm-offset-7{
margin-left:43.75%}
.sm-9{
flex:0 0 56.25%;max-width:56.25%}
.sm-10{
flex:0 0 62.5%;max-width:62.5%}
.sm-12{
flex:0 0 75%;max-width:75%}
.sm-14{
flex:0 0 87.5%;max-width:87.5%}
.sm-16{
flex:0 0 100%;max-width:100%}
}
@media screen and (max-width:743px){
.xs-offset-0{
margin-left:0}
.xs-offset-1{
margin-left:6.25%}
.xs-offset-4{
margin-left:25%}
.xs-6{
flex:0 0 37.5%;max-width:37.5%}
.xs-12{
flex:0 0 75%;max-width:75%}
.xs-14{
flex:0 0 87.5%;max-width:87.5%}
.xs-16{
flex:0 0 100%;max-width:100%}
}
.g-table{
display:grid;gap:var(--grid-gap);grid-auto-rows:min-content;grid-template-columns:repeat(16,minmax(0,1fr));padding:0 var(--grid-margin)}
.g-row-full{
margin:0 auto;width:var(--grid-width)}
:root{
--cols-1:calc((var(--100vw) - 2*var(--grid-padding))/16 - var(--grid-gap));--cols-2:calc((var(--100vw) - 2*var(--grid-padding))/8 - var(--grid-gap));--cols-3:calc((var(--100vw) - 2*var(--grid-padding))/5.3333 - var(--grid-gap));--cols-4:calc((var(--100vw) - 2*var(--grid-padding))/4 - var(--grid-gap));--cols-5:calc((var(--100vw) - 2*var(--grid-padding))/3.2 - var(--grid-gap));--cols-6:calc((var(--100vw) - 2*var(--grid-padding))/2.6667 - var(--grid-gap));--cols-7:calc((var(--100vw) - 2*var(--grid-padding))/2.2857 - var(--grid-gap));--cols-8:calc((var(--100vw) - 2*var(--grid-padding))/2 - var(--grid-gap));--cols-9:calc((var(--100vw) - 2*var(--grid-padding))/1.7778 - var(--grid-gap));--cols-10:calc((var(--100vw) - 2*var(--grid-padding))/1.6 - var(--grid-gap));--cols-11:calc((var(--100vw) - 2*var(--grid-padding))/1.4545 - var(--grid-gap));--cols-12:calc((var(--100vw) - 2*var(--grid-padding))/1.3333 - var(--grid-gap));--cols-13:calc((var(--100vw) - 2*var(--grid-padding))/1.2308 - var(--grid-gap));--cols-14:calc((var(--100vw) - 2*var(--grid-padding))/1.1429 - var(--grid-gap));--cols-15:calc((var(--100vw) - 2*var(--grid-padding))/1.0667 - var(--grid-gap));--cols-16:var(--grid-width)}
.w-cols-4{
width:var(--cols-4)}
.w-cols-5{
width:var(--cols-5)}
.w-cols-6{
width:var(--cols-6)}
.w-cols-8{
width:var(--cols-8)}
.w-cols-9{
width:var(--cols-9)}
.w-cols-10{
width:var(--cols-10)}
.w-cols-12{
width:var(--cols-12)}
@media only screen and (max-width:1440px){
.lg-w-cols-6{
width:var(--cols-6)}
}
@media only screen and (max-width:1290px){
.md-w-cols-6{
width:var(--cols-6)}
.md-w-cols-8{
width:var(--cols-8)}
.md-w-cols-10{
width:var(--cols-10)}
.md-w-cols-12{
width:var(--cols-12)}
}
@media only screen and (max-width:1023px){
.sm-w-cols-6{
width:var(--cols-6)}
.sm-w-cols-7{
width:var(--cols-7)}
.sm-w-cols-8{
width:var(--cols-8)}
.sm-w-cols-10{
width:var(--cols-10)}
.sm-w-cols-12{
width:var(--cols-12)}
.sm-w-cols-14{
width:var(--cols-14)}
}
@media only screen and (max-width:743px){
.xs-w-cols-8{
width:var(--cols-8)}
.xs-w-cols-12{
width:var(--cols-12)}
.xs-w-cols-14{
width:var(--cols-14)}
.xs-w-cols-15{
width:var(--cols-15)}
.xs-w-cols-16{
width:var(--cols-16)}
}
.-regular{
font-weight:400}
.-book{
font-weight:450}
.-medium{
font-weight:500}
.-semibold{
font-weight:600}
.title-1{
font-size:clamp(56px,19.067px + 100vw * .0947,180px);letter-spacing:0;line-height:.9}
.title-2{
font-size:clamp(48px,26.55px + 100vw * .055,120px);letter-spacing:0;line-height:1}
.title-3{
font-size:clamp(40px,28.105px + 100vw * .0305,80px);letter-spacing:.01em;line-height:1}
@media only screen and (max-width:743px){
.title-3{
letter-spacing:0}
}
.title-4{
font-size:clamp(32px,22.484px + 100vw * .0244,64px);letter-spacing:.01em;line-height:1.1}
@media only screen and (max-width:743px){
.title-4{
letter-spacing:0}
}
.title-5{
font-size:clamp(27px,20.76px + 100vw * .016,48px);letter-spacing:.01em;line-height:1.2}
@media only screen and (max-width:743px){
.title-5{
letter-spacing:0}
}
.subhead-1{
font-size:clamp(23px,19.139px + 100vw * .0099,36px);letter-spacing:.01em;line-height:1.2}
@media only screen and (max-width:743px){
.subhead-1{
letter-spacing:0}
}
.subhead-2{
font-size:clamp(19px,17.518px + 100vw * .0038,24px)}
.subhead-2,.subhead-3{
letter-spacing:.01em;line-height:1.2}
.subhead-3{
font-size:clamp(18px,17.415px + 100vw * .0015,20px)}
.body{
font-size:16px;line-height:1.5}
.body,.body-small{
letter-spacing:.03em}
.body-small{
font-size:14px;line-height:1.4}
.caption{
font-size:12px;letter-spacing:.03em;line-height:1.5}
@media only screen and (max-width:743px){
.caption{
letter-spacing:.04em}
}
@media only screen and (max-width:1290px){
.md-body-small{
font-size:14px;letter-spacing:.03em;line-height:1.4}
}
@media only screen and (max-width:743px){
.xs--book{
font-weight:450}
.xs-title-4{
font-size:clamp(32px,22.484px + 100vw * .0244,64px);letter-spacing:.01em;line-height:1.1}
}
@media only screen and (max-width:743px) and (max-width:743px){
.xs-title-4{
letter-spacing:0}
}
@media only screen and (max-width:743px){
.xs-title-5{
font-size:clamp(27px,20.76px + 100vw * .016,48px);letter-spacing:.01em;line-height:1.2}
}
@media only screen and (max-width:743px) and (max-width:743px){
.xs-title-5{
letter-spacing:0}
}
@media only screen and (max-width:743px){
.xs-subhead-1{
font-size:clamp(23px,19.139px + 100vw * .0099,36px);letter-spacing:.01em;line-height:1.2}
}
@media only screen and (max-width:743px) and (max-width:743px){
.xs-subhead-1{
letter-spacing:0}
}
@media only screen and (max-width:743px){
.xs-subhead-2{
font-size:clamp(19px,17.518px + 100vw * .0038,24px);letter-spacing:.01em;line-height:1.2}
.xs-body{
font-size:16px;letter-spacing:.03em;line-height:1.5}
.xs-body-small{
font-size:14px;letter-spacing:.03em;line-height:1.4}
}
:root{
--2:2px;--4:4px;--6:6px;--8:8px;--10:10px;--12:12px;--14:14px;--16:16px;--20:20px;--24:24px;--32:32px;--40:40px;--44:44px;--48:48px;--60:60px;--64:64px;--80:80px;--96:96px;--120:120px;--140:140px;--280:280px;--8-4:clamp(4px,2.791px + 100vw * .0031,8px);--12-8:clamp(8px,6.791px + 100vw * .0031,12px);--16-8:clamp(8px,5.621px + 100vw * .0061,16px);--16-12:clamp(12px,10.791px + 100vw * .0031,16px);--20-8:clamp(8px,4.412px + 100vw * .0092,20px);--20-16:clamp(16px,14.791px + 100vw * .0031,20px);--24-8:clamp(8px,3.242px + 100vw * .0122,24px);--24-12:clamp(12px,8.412px + 100vw * .0092,24px);--24-16:clamp(16px,13.621px + 100vw * .0061,24px);--32-16:clamp(16px,11.242px + 100vw * .0122,32px);--32-24:clamp(24px,21.621px + 100vw * .0061,32px);--40-20:clamp(20px,14.033px + 100vw * .0153,40px);--40-32:clamp(32px,29.621px + 100vw * .0061,40px);--48-8:clamp(8px,-3.895px + 100vw * .0305,48px);--48-24:clamp(24px,16.863px + 100vw * .0183,48px);--48-32:clamp(32px,27.242px + 100vw * .0122,48px);--60-16:clamp(16px,2.896px + 100vw * .0336,60px);--60-24:clamp(24px,13.275px + 100vw * .0275,60px);--64-24:clamp(24px,12.105px + 100vw * .0305,64px);--64-40:clamp(40px,32.863px + 100vw * .0183,64px);--64-48:clamp(48px,43.242px + 100vw * .0122,64px);--64-32:clamp(32px,22.484px + 100vw * .0244,64px);--80-32:clamp(32px,17.726px + 100vw * .0366,80px);--80-40:clamp(40px,28.105px + 100vw * .0305,80px);--80-48:clamp(48px,38.484px + 100vw * .0244,80px);--80-60:clamp(60px,54.033px + 100vw * .0153,80px);--80-64:clamp(64px,59.242px + 100vw * .0122,80px);--96-32:clamp(32px,12.929px + 100vw * .0489,96px);--96-48:clamp(48px,33.726px + 100vw * .0366,96px);--108-64:clamp(64px,50.896px + 100vw * .0336,108px);--120-16:clamp(16px,-14.966px + 100vw * .0794,120px);--120-32:clamp(32px,5.792px + 100vw * .0672,120px);--120-48:clamp(48px,26.55px + 100vw * .055,120px);--120-64:clamp(64px,47.347px + 100vw * .0427,120px);--120-80:clamp(80px,68.105px + 100vw * .0305,120px);--120-96:clamp(96px,88.863px + 100vw * .0183,120px);--136-64:clamp(64px,47.347px + 100vw * .0427,120px);--144-32:clamp(32px,-1.345px + 100vw * .0855,144px);--144-48:clamp(48px,19.413px + 100vw * .0733,144px);--180-48:clamp(40px,-1.691px + 100vw * .1069,180px);--180-64:clamp(64px,29.485px + 100vw * .0885,180px);--180-120:clamp(120px,100.344px + 100vw * .0504,186px);--186-64:clamp(64px,27.691px + 100vw * .0931,186px);--186-96:clamp(96px,69.207px + 100vw * .0687,186px);--216-80:clamp(80px,39.518px + 100vw * .1038,216px);--216-140:clamp(140px,117.38px + 100vw * .058,216px);--240-96:clamp(96px,53.139px + 100vw * .1099,240px);--280-120:clamp(120px,72.381px + 100vw * .1221,280px)}
.gap-2{
gap:var(--2)}
.gap-4{
gap:var(--4)}
.py-4{
padding-bottom:var(--4);padding-top:var(--4)}
.py-6{
padding-bottom:var(--6);padding-top:var(--6)}
.gap-8{
gap:var(--8)}
.mt-8{
margin-top:var(--8)}
.mb-8{
margin-bottom:var(--8)}
.mr-8{
margin-right:var(--8)}
.pl-8{
padding-left:var(--8)}
.br-8{
border-radius:var(--8)}
.gap-10{
gap:var(--10)}
.mt-10{
margin-top:var(--10)}
.gap-12{
gap:var(--12)}
.mt-12{
margin-top:var(--12)}
.mb-12{
margin-bottom:var(--12)}
.pb-12{
padding-bottom:var(--12)}
.br-12{
border-radius:var(--12)}
.px-12{
padding-left:var(--12);padding-right:var(--12)}
.gap-16{
gap:var(--16)}
.mt-16{
margin-top:var(--16)}
.br-16{
border-radius:var(--16)}
.my-16{
margin-bottom:var(--16);margin-top:var(--16)}
.px-16{
padding-left:var(--16);padding-right:var(--16)}
.py-16{
padding-bottom:var(--16);padding-top:var(--16)}
.gap-20{
gap:var(--20)}
.px-20{
padding-left:var(--20);padding-right:var(--20)}
.py-20{
padding-bottom:var(--20);padding-top:var(--20)}
.gap-24{
gap:var(--24)}
.mt-24,.my-24{
margin-top:var(--24)}
.my-24{
margin-bottom:var(--24)}
.gap-32{
gap:var(--32)}
.mt-32{
margin-top:var(--32)}
.mb-32{
margin-bottom:var(--32)}
.br-32{
border-radius:var(--32)}
.px-32{
padding-left:var(--32);padding-right:var(--32)}
.py-32{
padding-bottom:var(--32);padding-top:var(--32)}
.gap-44{
gap:var(--44)}
.mt-48{
margin-top:var(--48)}
.mb-48{
margin-bottom:var(--48)}
.br-48{
border-radius:var(--48)}
.mb-60{
margin-bottom:var(--60)}
.mt-64{
margin-top:var(--64)}
.mb-64{
margin-bottom:var(--64)}
.pb-64{
padding-bottom:var(--64)}
.mt-80{
margin-top:var(--80)}
.mb-80{
margin-bottom:var(--80)}
.mb-96{
margin-bottom:var(--96)}
.mt-120,.my-120{
margin-top:var(--120)}
.my-120{
margin-bottom:var(--120)}
.py-120{
padding-bottom:var(--120);padding-top:var(--120)}
.mt-8-4{
margin-top:var(--8-4)}
.br-12-8{
border-radius:var(--12-8)}
.mt-16-8{
margin-top:var(--16-8)}
.mt-16-12{
margin-top:var(--16-12)}
.br-16-12{
border-radius:var(--16-12)}
.br-20-8{
border-radius:var(--20-8)}
.mt-20-16{
margin-top:var(--20-16)}
.br-20-16{
border-radius:var(--20-16)}
.gap-24-8{
gap:var(--24-8)}
.mt-24-12{
margin-top:var(--24-12)}
.br-24-12{
border-radius:var(--24-12)}
.mt-24-16{
margin-top:var(--24-16)}
.gap-32-16{
gap:var(--32-16)}
.px-32-16{
padding-left:var(--32-16);padding-right:var(--32-16)}
.py-32-16{
padding-bottom:var(--32-16);padding-top:var(--32-16)}
.gap-32-24{
gap:var(--32-24)}
.mt-32-24{
margin-top:var(--32-24)}
.py-32-24{
padding-bottom:var(--32-24);padding-top:var(--32-24)}
.br-40-20{
border-radius:var(--40-20)}
.mt-40-32{
margin-top:var(--40-32)}
.mt-48-8{
margin-top:var(--48-8)}
.mt-48-24{
margin-top:var(--48-24)}
.gap-48-32{
gap:var(--48-32)}
.mt-48-32{
margin-top:var(--48-32)}
.mb-48-32{
margin-bottom:var(--48-32)}
.mb-60-16{
margin-bottom:var(--60-16)}
.pb-60-16{
padding-bottom:var(--60-16)}
.mt-64-24{
margin-top:var(--64-24)}
.py-64-40{
padding-bottom:var(--64-40);padding-top:var(--64-40)}
.mt-64-48{
margin-top:var(--64-48)}
.pt-64-48{
padding-top:var(--64-48)}
.mt-64-32{
margin-top:var(--64-32)}
.mb-64-32{
margin-bottom:var(--64-32)}
.pb-64-32{
padding-bottom:var(--64-32)}
.mt-80-32{
margin-top:var(--80-32)}
.mb-80-48{
margin-bottom:var(--80-48)}
.mt-80-64{
margin-top:var(--80-64)}
.mb-80-64{
margin-bottom:var(--80-64)}
.pt-80-64{
padding-top:var(--80-64)}
.mt-96-32{
margin-top:var(--96-32)}
.mb-96-48,.my-96-48{
margin-bottom:var(--96-48)}
.my-96-48{
margin-top:var(--96-48)}
.mt-108-64{
margin-top:var(--108-64)}
.pt-108-64{
padding-top:var(--108-64)}
.mb-120-16{
margin-bottom:var(--120-16)}
.mb-120-32{
margin-bottom:var(--120-32)}
.mt-120-64{
margin-top:var(--120-64)}
.mb-120-64{
margin-bottom:var(--120-64)}
.pt-120-64{
padding-top:var(--120-64)}
.pb-120-64,.py-120-64{
padding-bottom:var(--120-64)}
.py-120-64{
padding-top:var(--120-64)}
.mt-120-96{
margin-top:var(--120-96)}
.mt-136-64{
margin-top:var(--136-64)}
.mb-136-64{
margin-bottom:var(--136-64)}
.pt-136-64,.py-136-64{
padding-top:var(--136-64)}
.py-136-64{
padding-bottom:var(--136-64)}
.mb-144-32{
margin-bottom:var(--144-32)}
.mb-144-48{
margin-bottom:var(--144-48)}
.mt-180-48{
margin-top:var(--180-48)}
.mt-180-64,.my-180-64{
margin-top:var(--180-64)}
.my-180-64{
margin-bottom:var(--180-64)}
.py-180-64{
padding-bottom:var(--180-64);padding-top:var(--180-64)}
.mb-180-120{
margin-bottom:var(--180-120)}
.mt-186-64{
margin-top:var(--186-64)}
.mt-186-96{
margin-top:var(--186-96)}
.pt-186-96{
padding-top:var(--186-96)}
.py-216-140{
padding-bottom:var(--216-140);padding-top:var(--216-140)}
.pb-280-120{
padding-bottom:var(--280-120)}
.mt-auto{
margin-top:auto}
.ml-auto,.mx-auto{
margin-left:auto}
.mx-auto{
margin-right:auto}
.gap-grid-gap{
gap:var(--grid-gap)}
.py-grid-margin{
padding-bottom:var(--grid-margin);padding-top:var(--grid-margin)}
.py-vp-margin{
padding-bottom:var(--viewport-margin);padding-top:var(--viewport-margin)}
.relative{
position:relative}
.absolute{
position:absolute}
.fixed{
position:fixed}
.sticky{
position:sticky}
.left-0{
left:0}
.right-0{
right:0}
.top-0{
top:0}
.bottom-0{
bottom:0}
.left-grid-margin{
left:var(--grid-margin)}
.color-white{
color:#fff}
.color-black{
color:#000}
.color-orange{
color:#f73b20}
.color-orange-25{
color:#fff6f5}
.color-orange-900{
color:#360802}
.whitespace-pre-line{
white-space:pre-line}
.whitespace-nowrap{
white-space:nowrap}
.uppercase{
text-transform:uppercase}
.text-center{
text-align:center}
.truncate{
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w-full{
width:100%}
.w-grid{
width:var(--grid-width)}
.h-full{
height:100%}
.h-1{
height:1px}
.h-100lvh,.h-100vh{
height:100vh}
.h-100lvh{
height:100lvh}
.inset-0{
height:100%;top:0;right:0;bottom:0;left:0;width:100%}
.inset-vp-margin{
inset:var(--viewport-margin)}
.inline-block{
display:inline-block}
.block{
display:block}
.flex{
display:flex}
.inline-flex{
display:inline-flex}
.grid{
display:grid}
.flex-col{
flex-direction:column}
.items-center{
align-items:center}
.items-baseline{
align-items:baseline}
.justify-center{
justify-content:center}
.justify-between{
justify-content:space-between}
.justify-end{
justify-content:flex-end}
.flex-wrap{
flex-wrap:wrap}
.grow{
flex-grow:1}
.shrink-0{
flex-shrink:0}
.place-center{
align-items:center;justify-content:center;place-items:center}
.grid-stack{
display:grid}
.grid-stack>*{
grid-column:1;grid-row:1}
.no-select{
-webkit-user-select:none;-moz-user-select:none;user-select:none}
.pointer-events-none{
pointer-events:none}
.cursor-pointer{
cursor:pointer}
.no-scrollbar{
-ms-overflow-style:none;scrollbar-width:none}
.no-scrollbar::-webkit-scrollbar{
height:0;width:0}
.no-scrollbar::-webkit-scrollbar-thumb,.no-scrollbar::-webkit-scrollbar-track{
background:transparent}
.object-cover{
-o-object-fit:cover;object-fit:cover}
.overflow-hidden{
overflow:hidden}
.opacity-0{
opacity:0}
.opacity-10{
opacity:.1}
.opacity-20{
opacity:.2}
.opacity-40{
opacity:.4}
.opacity-50{
opacity:.5}
.opacity-60{
opacity:.6}
.opacity-65{
opacity:.65}
.opacity-70{
opacity:.7}
.background-orange{
background-color:#f73b20}
.background-white{
background-color:#fff}
.background-black{
background-color:#000}
.br-inherit{
border-radius:inherit}
.br-full{
border-radius:100%}
.no-tap-highlight{
-webkit-tap-highlight-color:transparent}
:root{
--100vw:calc(100vw - var(--sbw, 0px));--viewport-margin:clamp(8px,7.415px + 100vw * .0015,10px)}
html{
-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}
body{
color:#f73b20;-webkit-tap-highlight-color:rgba(253,203,196,.333)}
h1,h2,h3,h4,h5,h6{
text-wrap:balance}
blockquote:after,blockquote:before{
content:'"'}
::-moz-selection{
background:#a21906}
::selection{
background:#a21906}
._navbar{
z-index:2}
._drawer ._form{
height:100%;padding:var(--drawer-padding)}
@media only screen and (min-width:2000px){
[data-button]{
--height:2.4vw;border-radius:.6vw;gap:.4vw;padding:0 1.2vw}
.dropdown-overlay-list{
gap:.2vw;padding:.2vw}
.divider{
height:.05vw}
:root{
--grid-gap:1.2vw;--grid-margin:3vw;--2:.1vw;--4:.2vw;--6:.3vw;--8:.4vw;--10:.5vw;--12:.6vw;--14:.7vw;--16:.8vw;--20:1vw;--24:1.2vw;--32:1.6vw;--40:2vw;--44:2.2vw;--48:2.4vw;--60:3vw;--64:3.2vw;--80:4vw;--96:4.8vw;--120:6vw;--140:7vw;--280:14vw;--8-4:.4vw;--12-8:.6vw;--16-8:.8vw;--16-12:.8vw;--20-8:1vw;--20-16:1vw;--24-8:1.2vw;--24-12:1.2vw;--24-16:1.2vw;--32-16:1.6vw;--32-24:1.6vw;--40-20:2vw;--40-32:2vw;--48-8:2.4vw;--48-24:2.4vw;--48-32:2.4vw;--60-16:3vw;--60-24:3vw;--64-24:3.2vw;--64-40:3.2vw;--64-48:3.2vw;--64-32:3.2vw;--80-32:4vw;--80-40:4vw;--80-48:4vw;--80-60:4vw;--80-64:4vw;--96-32:4.8vw;--96-48:4.8vw;--108-64:5.4vw;--120-16:6vw;--120-32:6vw;--120-48:6vw;--120-64:6vw;--120-80:6vw;--120-96:6vw;--136-64:6vw;--144-32:7.2vw;--144-48:7.2vw;--180-48:9vw;--180-64:9vw;--180-120:9.3vw;--186-64:9.3vw;--186-96:9.3vw;--216-80:10.8vw;--216-140:10.8vw;--240-96:12vw;--280-120:14vw;--viewport-margin:.5vw}
.title-1{
font-size:9vw}
.title-2{
font-size:6vw}
.title-3{
font-size:4vw}
.title-4{
font-size:3.2vw}
.title-5{
font-size:2.4vw}
.subhead-1{
font-size:1.8vw}
.subhead-2{
font-size:1.2vw}
.subhead-3{
font-size:1vw}
.body{
font-size:.8vw}
.body-small{
font-size:.7vw}
.caption{
font-size:.6vw}
.h-1{
height:.05vw}
}
._page[data-name="404"] ._common-header h1,._page[data-slug="404"] ._common-header h1{
white-space:pre}
._page[data-name="404"] ._common-header ._scroll-hint,._page[data-slug="404"] ._common-header ._scroll-hint{
display:none}