html{scroll-behavior:smooth}
#bg3d{opacity:0;transition:opacity 1.2s ease}
#bg3d.ready{opacity:1}
body[data-page]:not([data-page=index]) #bg3d.ready{opacity:.55}
.nav a{transition:color .15s,background .15s}
.eyebrow .live{animation:ping 2s infinite}
@keyframes ping{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 60%,transparent)}80%,to{box-shadow:0 0 0 8px transparent}}
input,select{transition:border-color .15s,background .15s}
.btn{transition:transform .1s}
.btn:hover{opacity:.92}
.btn:active{transform:translateY(1px)}
.chip{transition:.15s}
.chip .mg{opacity:.5;transition:.15s}
.chip.on .mg{opacity:1}
.flap .ch.flip{animation:flip .38s cubic-bezier(.3,.7,.4,1)}
@keyframes flip{0%{transform:rotateX(0)}45%{transform:rotateX(88deg);filter:brightness(.6)}55%{transform:rotateX(-88deg)}to{transform:rotateX(0)}}
tbody tr{transition:background .12s}
td.heat:before{opacity:calc(var(--a) * .9)}
.tool{transition:background .15s}
.tool .go{transition:transform .15s,color .15s}
.tool:hover .go{transform:translate(4px)}
.tape-in{animation:tape 60s linear infinite}
.tape:hover .tape-in{animation-play-state:paused}
@keyframes tape{to{transform:translate(-50%)}}
@keyframes rise{0%{opacity:.001;transform:translateY(10px)}to{opacity:1;transform:none}}
.hero>*,.page-head,.toolbar,.board,.panel,.tools{animation:rise .6s cubic-bezier(.2,.7,.2,1) backwards}
.hero>*:nth-child(2),.board{animation-delay:.08s}
.panel{animation-delay:.14s}
.ftr-tg{transition:border-color .15s,color .15s}
.ftr-col a{transition:color .12s}
.byline .sep{opacity:.5}
.ccy-links a{transition:border-color .15s,color .15s}
.navg-t{transition:color .15s,background .15s}
.chev{opacity:.65;transition:transform .16s}
.navg.open .chev{transform:rotate(180deg)}
.navg-p{opacity:0;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s}
.navg.open .navg-p{opacity:1;transform:none}
.apkc-btn{transition:transform .15s,opacity .15s}
.apkc-btn:hover{transform:translateY(-1px);opacity:.92}
.lst-card{transition:border-color .15s,transform .15s}
.lst-card:hover{transform:translateY(-1px)}
.lst-row{transition:background .12s}
.tgc{transition:border-color .15s,transform .15s}
.tgc:hover{transform:translateY(-1px)}
@media (max-width:1320px){.navg-p{opacity:1;transform:none;transition:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media (max-width:760px){body[data-page=index] #bg3d.ready{opacity:.45}body[data-page]:not([data-page=index]) #bg3d.ready{opacity:.35}}
.picker-caret{transition:transform .15s}
.picker.open .picker-caret{transform:rotate(180deg)}
.faq-top summary:before{transition:background .15s}
.dp-buy-a{opacity:.13}
.dp-sell-a{opacity:.13}
.dp-cross{stroke-dasharray:4 4}
.tfr:after{transform:translate(-50%);opacity:0;transition:opacity .12s}
.tfr:hover:after,.tfr:focus:after,.tfr.open:after{opacity:1}
.tri-q:after{opacity:0;transform:translateY(-4px);transition:.15s}
.tri-q:hover:after,.tri-q:focus:after{opacity:1;transform:none}
.seg-w button:disabled{opacity:.34}
.fx-card{transition:.15s}
.fx-card:hover{transform:translateY(-1px)}
.fx-spark.empty{opacity:.5}
.fx-chart .grid{stroke-dasharray:3 5}
.gd-row{transition:background .12s}
.rv-card{transition:border-color .12s,background .12s}
.rv-c{transition:border-color .12s,background .12s,transform .12s}
a.rv-c:hover{transform:translateY(-1px)}
.rv-c-go{opacity:0;transition:.12s}
a.rv-c:hover .rv-c-go{opacity:1}
.hm-x{opacity:.25}
.pager button{transition:border-color .12s,background .12s,color .12s}
.pager button:disabled{opacity:.3}
.rv-find-b{transition:border-color .12s,box-shadow .12s}
.rv-find-x{transition:.12s}
.rt-go{transition:.12s}
.sr-tip{opacity:0;transform:translateY(3px);transition:opacity .12s,transform .12s,visibility .12s}
.sr-tip.on{opacity:1;transform:none}
.vid .vid-play{transition:border-color .15s,background .15s}
.skel-cards span:after,.skel-rows i:after{transform:translate(-100%);animation:skel 1.5s ease-in-out infinite}
.skel-rows i:nth-child(2n):after{animation-delay:.15s}
.skel-rows i:nth-child(3n):after{animation-delay:.3s}
@keyframes skel{to{transform:translate(100%)}}
.sh-bar{transition:height .3s}
.sh-logo .l1,.sh-logo .l2{transition:transform .35s cubic-bezier(.2,.7,.2,1.3)}
.sh-logo:hover .l1{transform:translateY(-3px)}
.sh-logo:hover .l2{transform:translateY(-1.5px)}
.sh-logo .dot{transform-box:fill-box;transform-origin:center;animation:sh-dot 3s ease-in-out infinite}
@keyframes sh-dot{0%,to{transform:scale(1)}12%{transform:scale(1.25)}24%{transform:scale(1)}}
.sh-a{transition:background .2s,color .2s}
.sh-a .ic{transition:color .2s,transform .3s}
.sh-a .cv{opacity:.6;transition:transform .25s}
.sh-it.open>.sh-a .cv{transform:rotate(180deg);opacity:1}
.sh-pnl{opacity:0;transform:translate(-50%,-8px);transition:opacity .22s,transform .3s cubic-bezier(.2,.7,.2,1),visibility .22s}
.sh-pnl:after{transform:rotate(45deg)}
.sh-it.open>.sh-pnl{opacity:1;transform:translate(-50%)}
.sh-pnl .rv{opacity:0;transform:translateY(8px);transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*35ms + 40ms)}
.sh-it.open .sh-pnl .rv{opacity:1;transform:none}
.sh-tile{transition:transform .3s cubic-bezier(.2,.7,.2,1.3)}
.sh-go{transition:background .2s,color .2s,transform .25s}
.sh-c:hover .sh-go,.sh-c.cur .sh-go{transform:translate(2px)}
.sh-c:hover .sh-tile{transform:scale(1.06) rotate(-4deg)}
.sh-row{transition:background .2s}
.sh-card{transition:box-shadow .25s,transform .25s,background .25s}
.sh-card:hover,.sh-card.cur{transform:translateY(-2px)}
.sh-dec{opacity:.35;transition:opacity .3s,transform .4s}
.sh-card:hover .sh-dec{opacity:.6;transform:translateY(-3px)}
.sh-dec.ex{opacity:1}
.sh-dec.pod{opacity:1}
.sh-fl{animation:sh-fl var(--d,6s) ease-in-out var(--dl,0s) infinite}
@keyframes sh-fl{50%{translate:0 -8px}}
.sh-spin{animation:sh-rot 16s linear infinite;transform-origin:center}
@keyframes sh-rot{to{transform:rotate(360deg)}}
.sh-phone{transform:rotate(12deg)}
.sh-calc{transform:rotate(-14deg)}
.sh-srch{transition:box-shadow .2s,background .2s}
.sh-lang a{transition:color .2s}
.sh-lang i{transition:transform .3s cubic-bezier(.2,.7,.2,1);transform:translate(calc(var(--i,0) * var(--lw)))}
.sh-th{transition:box-shadow .2s}
.sh-th svg{transition:transform .45s cubic-bezier(.2,.7,.2,1.2),opacity .3s}
.sh-th .moon{transform:translateY(26px) rotate(-40deg);opacity:0}
:root[data-theme=dark] .sh-th .sun{transform:translateY(-26px) rotate(60deg);opacity:0}
:root[data-theme=dark] .sh-th .moon{transform:none;opacity:1}
.sh-burg span{transition:background .2s}
.sh-burg span:before,.sh-burg span:after{transition:transform .3s}
.sh.mob .sh-burg span:before{transform:translateY(6px) rotate(45deg)}
.sh.mob .sh-burg span:after{transform:translateY(-6px) rotate(-45deg)}
.sh-pal.on{animation:sh-fade .18s ease}
@keyframes sh-fade{0%{opacity:0}}
.sh-pbox{animation:sh-pop .22s cubic-bezier(.2,.8,.2,1.1)}
@keyframes sh-pop{0%{transform:translateY(-8px) scale(.98);opacity:0}}
@media (max-width:1100px){.sh-drw{opacity:0;transition:max-height .4s cubic-bezier(.2,.7,.2,1),opacity .25s}.sh.mob .sh-drw{opacity:1}.sh-dgb .cv{opacity:.6;transition:transform .25s}.sh-dgi.open .sh-dgb .cv{transform:rotate(180deg)}.sh-dgl{transition:max-height .35s cubic-bezier(.2,.7,.2,1),padding .35s}}
@media (prefers-reduced-motion:reduce){.sh *,.sh *:before,.sh *:after{animation:none!important;transition:none!important}.sh-pnl .rv{opacity:1;transform:none}}
.sh-ex{transition:box-shadow .2s,transform .2s}
.sf-deco{opacity:.55}
.sf-deco.l{transform:rotate(-18deg)}
.sf-deco.r{transform:rotate(14deg)}
:root[data-theme=dark] .sf-deco{opacity:.3}
.sf-logo .l1,.sf-logo .l2{transition:transform .35s cubic-bezier(.2,.7,.2,1.3)}
.sf-logo:hover .l1{transform:translateY(-3px)}
.sf-logo:hover .l2{transform:translateY(-1.5px)}
.sf-tg{transition:transform .2s,box-shadow .2s}
.sf-tg:hover{transform:translateY(-2px)}
.sf-tg .ar{transition:transform .2s}
.sf-tg:hover .ar{transform:translate(3px)}
.sf-mail{transition:box-shadow .2s,transform .2s,color .2s}
.sf-mail:hover{transform:translateY(-2px)}
.sf-soc{transition:box-shadow .2s,transform .2s,background .2s,color .2s}
.sf-soc:hover{transform:translateY(-2px)}
.sf-col a{transition:color .2s}
.sf-col a:after{transform:scaleX(0);transform-origin:left;transition:transform .25s}
.sf-col a:hover:after{transform:scaleX(1)}
.sf-chip{transition:box-shadow .2s,transform .2s,color .2s}
.sf-chip:hover{transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.sf *{transition:none!important}}
.bn-art img{animation:bn-zoom 18s ease-in-out infinite alternate}
@keyframes bn-zoom{to{transform:scale(1.04)}}
.bn-glow{animation:bn-pulse 5s ease-in-out infinite}
@keyframes bn-pulse{50%{opacity:.45;transform:scale(1.1)}}
.bn .bn-h em{animation:bn-sh 6s linear infinite}
@keyframes bn-sh{to{background-position:-200% 0}}
.bn-pill{transition:background .25s,box-shadow .25s}
.bn-pill .ar{transition:transform .25s}
a.bn-b:hover .bn-pill .ar{transform:translate(3px)}
.bn-rv{animation:bn-rise .7s ease both}
.bn-rv:nth-child(2){animation-delay:.08s}
.bn-rv:nth-child(3){animation-delay:.16s}
.bn-rv:nth-child(4){animation-delay:.24s}
@keyframes bn-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.bn *{animation:none!important;transition:none!important}.bn-rv{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.bn *,.bn *:before,.bn *:after{animation:none!important;transition:none!important}}
.fb-b:after{opacity:.35}
.fb-vz{transform-origin:0 0}
.fb-fl{animation:fb-fl 6s ease-in-out infinite}
.fb-fl2{animation:fb-fl 7s ease-in-out -2.5s infinite}
.fb-fl3{animation:fb-fl 8s ease-in-out -5s infinite}
@keyframes fb-fl{50%{transform:translateY(-7px)}}
.fb.js .fb-rv{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.fb.js .fb-b.in .fb-rv{opacity:1;transform:none}
.fb-b.in .fb-vw.fb-rv{transition-delay:.15s}
.fb.js [data-s]{opacity:0;transform:translateY(8px) scale(.97);transition:opacity .4s ease,transform .45s cubic-bezier(.2,1.2,.4,1)}
.fb [data-s].on{opacity:1;transform:none}
.fb .v4 .row[data-s]{transform:perspective(700px) rotateY(-14deg) rotate(-6deg)}
@media (prefers-reduced-motion:reduce){.fb *{animation:none!important;transition:none!important}.fb-rv,.fb [data-s]{opacity:1!important;transform:none!important;translate:none!important}.fb [data-ty]{display:none}}
.v1 .ph{transform:rotate(7deg)}
.v1 .ty{opacity:0;transition:opacity .25s}
.v1 .ty.vis{opacity:1}
.v1 .ty span{animation:fb-dot 1s infinite}
.v1 .ty span:nth-child(2){animation-delay:.15s}
.v1 .ty span:nth-child(3){animation-delay:.3s}
@keyframes fb-dot{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.v1 .m[data-s]{transform-origin:0 100%}
.v2 .pn{transform:perspective(700px) rotateY(16deg) rotate(-3deg)}
.v2 .pc{transform:rotate(-8deg)}
.v3 .grid{transform:perspective(500px) rotateX(58deg)}
.v3 .ph{transform:rotate(14deg)}
.v3 .ok[data-s]{transform:scale(.3)!important}
.v3 .ok[data-s].on{transform:scale(1)!important;transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .3s}
.v3 .ok .dr{stroke-dasharray:30;stroke-dashoffset:30}
.v3 .ok.on .dr{stroke-dashoffset:0;transition:stroke-dashoffset .5s .25s ease}
.v3 .rc[data-s]{transform:translate(-40px)!important}
.v3 .rc[data-s].on{transform:none!important;transition:transform .6s cubic-bezier(.2,1.2,.4,1),opacity .4s}
.v3 .rc.on:after{animation:fb-ping 1.2s ease-out .3s 1 both}
@keyframes fb-ping{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}
.v4 .row{transform:perspective(700px) rotateY(-14deg) rotate(-6deg)}
.fb.js .v4 .row[data-s]{opacity:0;transition:opacity .45s,translate .45s cubic-bezier(.2,1.2,.4,1);translate:40px 0}
.fb.js .v4 .row[data-s].on{opacity:1;translate:0 0}
.v4 .dr4{stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset 2.6s ease}
.v4.on4 .dr4{stroke-dashoffset:0}
.v5 .ad{transform:rotate(-3deg)}
.v5 .ad .f{transition:background .4s,box-shadow .4s}
.v5 .ad .f.bad{animation:fb-shake .45s ease}
.v5 .cur{animation:fb-blink .9s steps(1) infinite}
@keyframes fb-blink{50%{opacity:0}}
@keyframes fb-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}
.v5 .tri[data-s].on{animation:fb-pulse 1.4s ease-in-out infinite}
@keyframes fb-pulse{50%{filter:drop-shadow(0 0 26px var(--neg));transform:scale(1.06)}}
.v5 .wn{transform:rotate(-3deg)}
.v6 .cb[data-s]{transform:translate(20px,8px) scale(.85)!important;transform-origin:100% 100%}
.v6 .cb[data-s].on{transform:none!important;transition:transform .45s cubic-bezier(.2,1.3,.4,1),opacity .3s}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sh-th .moon{transform:none;opacity:1}:root:not([data-theme=light]) .sh-th .sun{transform:translateY(-26px) rotate(60deg);opacity:0}:root:not([data-theme=light]) .sf-deco{opacity:.3}}
.pb-price:empty,.pb-chg:empty{animation:pf-shim 1.5s ease-in-out infinite}
@keyframes pf-shim{to{background-position:-200% 0}}
.tgm-bg{opacity:0;transition:opacity .35s ease}
.tgm.show .tgm-bg{opacity:1}
.tgm-c{opacity:0;transform:translateY(18px) scale(.96);transition:opacity .4s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.tgm.show .tgm-c{opacity:1;transform:none}
.tgm.hide .tgm-bg{opacity:0}
.tgm.hide .tgm-c{opacity:0;transform:translateY(10px) scale(.98);transition:opacity .2s,transform .2s}
.tgm .tgm-x{transition:background .2s,color .2s}
.tgm-chat:before{opacity:.5}
.tgm-m{opacity:0;transform:translateY(8px) scale(.96);transform-origin:0 100%;transition:opacity .3s,transform .45s cubic-bezier(.16,1,.3,1)}
.tgm-m.me{transform-origin:100% 100%}
.tgm-m.on{opacity:1;transform:none}
.tgm-ty span{animation:tgm-dot 1s infinite}
.tgm-ty span:nth-child(2){animation-delay:.15s}
.tgm-ty span:nth-child(3){animation-delay:.3s}
@keyframes tgm-dot{0%,60%,to{opacity:.4;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.tgm-go{transition:background .2s,transform .2s,box-shadow .2s}
.tgm-go:hover{transform:translateY(-1px)}
.tgm-ck input[type=checkbox]{opacity:0}
.tgm-ck .bx{transition:background .2s,box-shadow .2s,transform .15s}
.tgm-ck .bx svg{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .25s ease .05s}
.tgm-ck input:checked+.bx{transform:scale(1.05)}
.tgm-ck input:checked+.bx svg{stroke-dashoffset:0}
:root[data-theme=dark] .tgm-chat:before{opacity:.25}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tgm-chat:before{opacity:.25}}
@media (prefers-reduced-motion:reduce){.tgm,.tgm *{animation:none!important;transition:none!important}.tgm-rg>div,.tgm-m{opacity:1!important;transform:none!important}}