/* V50 small-scale focus, hover and border highlighting. Compositor-friendly. */
html.site-pearl body.public-ui :is(.sb-item,.home-quick-link,.hd-action-btn,.topbar-action,.topup-tab,.sp-buy-btn,.ann-tab){transition:transform .22s cubic-bezier(.22,.85,.27,1),background-color .22s,border-color .22s,box-shadow .22s!important}
@media(hover:hover) and (pointer:fine){
  html.site-pearl body.public-ui :is(.sb-item,.home-quick-link,.hd-action-btn,.topbar-action,.topup-tab,.sp-buy-btn,.ann-tab):hover{transform:translate3d(0,-2px,0);box-shadow:0 5px 19px rgba(67,118,227,.15)!important}
  html.site-pearl body.public-ui :is(.hd-stat-card,.about-card,.sp-card,.ann-card):hover{border-color:rgba(120,170,248,.42)!important;box-shadow:0 10px 27px rgba(26,70,139,.13)!important}
}
html.site-pearl body.public-ui :is(.sb-item,.home-quick-link,.hd-action-btn,.topbar-action,.topup-tab,.sp-buy-btn,.ann-tab):focus-visible{outline:2px solid #67afff!important;outline-offset:3px}
html.site-pearl body.public-ui :is(input,textarea,select):focus-visible{outline:2px solid rgba(82,151,249,.55);outline-offset:1px;box-shadow:0 0 0 4px rgba(79,152,255,.10)}
html.site-pearl body.public-ui .hct-track{will-change:transform}
@media(prefers-reduced-motion:reduce){html.site-pearl body.public-ui :is(.sb-item,.home-quick-link,.hd-action-btn,.topbar-action,.topup-tab,.sp-buy-btn,.ann-tab){transition:none!important}html.site-pearl body.public-ui .hct-track{will-change:auto}}