/* Homepage interaction palette: logo blue and yellow. */
#root a,#root button,#root .btn-toggle{transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease}
#root .media{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
#root .media-box{overflow:hidden;display:block;border-radius:var(--miners-media-radius,14px);isolation:isolate;transform:translateZ(0)}
#root .media.rounded{overflow:hidden}
#root .media-box>div{border-radius:inherit;overflow:hidden}
#root .media-box img{border-radius:inherit}
#root .media-box img{transition:transform .35s ease,filter .35s ease}
#root .media-title a,#root .title a{transition:color .2s ease}
#root .header-link span::before{content:none}
#root .header-link .module-svg{transition:transform .25s ease}
#root .site-social a{border-radius:50%}
#root .site-social a svg{transition:fill .2s ease,transform .2s ease}
#root .ads a{transition:box-shadow .22s ease,filter .22s ease}
#root input:not([type=hidden]){transition:border-color .2s ease,box-shadow .2s ease}
#root :is(a,button,input,[tabindex]):focus-visible{outline:2px solid #438ba3;outline-offset:4px}
#root .media:focus-within{box-shadow:0 6px 20px rgba(36,75,87,.12)}
#root .media:focus-within .media-title a{color:#438ba3}
#root input:not([type=hidden]):focus{border-color:#438ba3;box-shadow:0 0 0 3px rgba(67,139,163,.14)}
#root .swiper-pagination-bullet{transition:transform .2s ease,background-color .2s ease;cursor:pointer}
@media (hover:hover) and (pointer:fine){
 #root a:hover{color:#438ba3}
 #root :is(.main-menu,.menu-container,.main-footer .links) a:hover{color:#438ba3;text-decoration:underline;text-decoration-color:#ffd928;text-decoration-thickness:2px;text-underline-offset:7px}
 #root .site-social a:hover{background-color:transparent;box-shadow:none;transform:translateY(-2px)}
 #root .site-social a:hover svg{fill:#438ba3;transform:scale(1.06)}
 #root .main-logo a:hover{opacity:.86;transform:translateY(-1px)}
 #root .btn-toggle:hover{color:#438ba3;filter:drop-shadow(0 2px 3px rgba(67,139,163,.18))}
 #root .btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(36,75,87,.16)}
 #root .btn-secondary:hover{background-color:#f4cd17;border-color:#f4cd17;color:#244b57}
 #root .btn-primary:hover{background-color:#34758b;border-color:#34758b;color:#fff}
 #root .header-link:hover{color:#244b57}
 #root .header-link:hover .module-svg{transform:scaleX(1.12)}
 #root .media:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(36,75,87,.13);border-color:rgba(67,139,163,.35)}
 #root .media:hover .media-title a{color:#438ba3}
 #root .media:hover .media-box img{transform:scale(1.025);filter:brightness(1.025)}
 #root .media-icon{transition:box-shadow .25s ease,background-color .25s ease}
 #root .media:hover .media-icon{box-shadow:0 0 0 5px rgba(67,139,163,.16);background-color:#438ba3}
 #root .ads a:hover{box-shadow:0 3px 14px rgba(36,75,87,.16);filter:brightness(1.025)}
 #root .swiper-pagination-bullet:hover{transform:scale(1.2);background-color:#438ba3}
 #root .atyafco:hover{opacity:.8}
 #root input:not([type=hidden]):hover{border-color:#438ba3}
}
@media (prefers-reduced-motion:reduce){
 #root a,#root button,#root .btn-toggle,#root .media,#root .media-box img,#root .site-social a svg,#root .header-link .module-svg,#root .swiper-pagination-bullet,#root .media-icon{transition:none!important}
 #root .media:hover,#root .media:hover .media-box img,#root .site-social a:hover,#root .site-social a:hover svg,#root .btn:hover,#root .main-logo a:hover,#root .header-link:hover .module-svg,#root .swiper-pagination-bullet:hover{transform:none!important}
}

/* Keep infographic shadows tight to the centered image on small screens. */
@media(max-width:991.98px){
 #root :is(.module--10,.module--11) .media{width:fit-content;max-width:100%;margin-inline:auto}
 #root :is(.module--10,.module--11) .media-image,#root :is(.module--10,.module--11) .media-box{max-width:100%}
 #root :is(.module--10,.module--11) .media-box img{display:block;max-width:100%;height:auto;margin-inline:auto}
}

/* Round the actual hover surface, including text cards and ad banners. */
#root .media{border-radius:14px;overflow:hidden;isolation:isolate}
#root .ads a{display:block;border-radius:14px;overflow:hidden;isolation:isolate}
#root .ads a img{border-radius:inherit;vertical-align:bottom}
#root .btn{overflow:hidden;isolation:isolate}
#root .btn::before,#root .btn::after{border-radius:inherit}
#root .btn-toggle{border-radius:50%}
#root input:not([type=hidden]){border-radius:14px}