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}}
.rvx .lnk{transition:border-color .2s,color .2s}
.rvx .rx-seg button{transition:background .2s,color .2s,box-shadow .2s}
.rvx .rx-seg button em{opacity:.6}
.rvx .rv{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.rvx .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rvx *{animation:none!important;transition:none!important}.rvx .rv{opacity:1;transform:none}}
.rvx .brd .f{opacity:.4}
.rvx .upd i{animation:rvx-live 2s infinite}
@keyframes rvx-live{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 50.2%,transparent)}70%{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}}
.rvx .tl{transition:transform .2s,box-shadow .2s}
.rvx .tl:hover{transform:scale(1.03)}
.rvx .tl span{opacity:.9}
.rvx .tbl tbody tr{transition:background .15s}
.rvx .rg button{transition:background .2s,color .2s,border-color .2s}
.rvx .xt th button svg{opacity:.5}
.rvx .xt th button.on svg{opacity:1}
.rvx .qp button{transition:color .2s,background .2s}
.rvx .g{transition:transform .25s,box-shadow .25s,border-color .25s}
.rvx .g:hover{transform:translateY(-3px)}
.rvx .g:before{opacity:.1}
.rvx .g .go{transition:background .2s,color .2s,transform .2s}
.rvx .g:hover .go{transform:translate(2px)}
.rvx .rf button{transition:background .2s,color .2s,border-color .2s}
.rvx .rc{transition:transform .25s,box-shadow .25s,border-color .25s;animation:rvx-rin .45s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*40ms)}
@keyframes rvx-rin{0%{opacity:0;transform:translateY(8px)}}
.rvx .rc:hover{transform:translateY(-3px)}
.rvx .rc .go{transition:background .2s,color .2s}
.rvx .thb{transition:border-color .2s,color .2s}
.rvx .jn{opacity:0;transition:max-height .3s,opacity .25s,margin .3s,padding .3s}
.rvx .jn.show{opacity:1}
.rvx .jn a{transition:background .2s,color .2s}
.rvx .qf button{transition:all .2s}
.rvx .mb i{opacity:.7}
.rvx .vs .x{transition:background .2s,color .2s}
.rvx .vs .x.spin svg{animation:rvx-spin .4s cubic-bezier(.2,.8,.3,1)}
@keyframes rvx-spin{0%{transform:rotate(-180deg)}}
.rvx .rc .ft2 .go2{transition:background .2s,color .2s}
.rvx .cl{transition:border-color .2s,color .2s}
.rvx .vsel .vsel-native{opacity:0}
.rvx .vsel-b{transition:border-color .2s,box-shadow .2s}
.rvx .vsel-b .cv{transition:transform .2s}
.rvx .vsel.open .vsel-b .cv{transform:rotate(180deg)}
@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}}