/* Preserve the supplied poster's 700:938 aspect ratio at every viewport height. */
dialog.service-modal:has(.registration-promo){width:min(420px,calc(100vw - 32px),calc((100dvh - 64px)*.746268657))!important;height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 40px);inset:0;margin:auto!important;padding:0;border:0;border-radius:14px;background:transparent;overflow:visible;box-shadow:0 20px 70px #0009}
dialog.service-modal:has(.registration-promo) .service-modal-header{position:absolute;inset:0 0 auto auto;z-index:2;padding:8px;min-height:0;border:0;background:transparent}
dialog.service-modal:has(.registration-promo) .service-modal-header>div{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
dialog.service-modal:has(.registration-promo) .service-close{width:36px;height:36px;min-height:36px;min-width:36px;border:1px solid #ffffff66;border-radius:50%;background:#101917cc;color:#fff;box-shadow:0 2px 12px #0004}
dialog.service-modal:has(.registration-promo) .service-modal-content{padding:0!important;min-height:0;flex:0 1 auto;overflow:hidden;scrollbar-gutter:auto;border-radius:14px}
dialog.service-modal:has(.registration-promo) :is(.ui-status,.ui-preview-note,.mobile-flow-tools){display:none!important}
.registration-promo{margin:0;line-height:0}
.registration-promo img{display:block;width:100%;height:auto;aspect-ratio:700/938;object-fit:contain;border-radius:14px;-webkit-user-drag:none}
@media(max-width:760px){dialog.service-modal:has(.registration-promo){width:min(420px,calc(100vw - 32px),calc((var(--mobile-viewport-height,100svh) - 64px)*.746268657))!important;top:calc(var(--mobile-viewport-top,0px) + var(--mobile-viewport-height,100svh)/2);bottom:auto;margin:0 auto!important;transform:translateY(-50%)!important}}
.announcement>.icon,.announcement>strong,.announcement>.sep{flex-shrink:0}
.announcement-marquee{flex:1;min-width:0;overflow:hidden;white-space:nowrap}
.announcement-track{display:flex;width:max-content;animation:none}
.announcement[data-announcement-ready="true"] .announcement-track{animation:announcement-scroll var(--announcement-duration) linear infinite;will-change:transform}
.announcement-group{display:flex;align-items:center;gap:56px;padding-right:56px;flex:none;width:max-content;box-sizing:content-box}
.announcement .announcement-track .announcement-message{display:block;flex:none;white-space:nowrap;overflow:visible;text-overflow:clip}
.announcement-toggle{position:relative;flex:none;display:grid;place-items:center;width:32px;height:32px;margin-block:-6px;border:0;border-radius:6px;padding:0;background:transparent;color:#a7c0b7;cursor:pointer}
.announcement .announcement-toggle .icon{width:14px;height:14px;color:inherit}
.announcement[data-announcement-paused="true"] .announcement-track,.announcement[data-announcement-suspended="true"] .announcement-track,body.auth-modal-open .announcement-track,body:not([data-page="home"]) .announcement-track,.announcement:has(a:focus-visible) .announcement-track{animation-play-state:paused!important;will-change:auto!important}
@media(hover:hover){.announcement:hover .announcement-track{animation-play-state:paused}}
@media(max-width:760px){.announcement-marquee{font-size:11px}}
@keyframes announcement-scroll{from{transform:translate3d(calc(-1*var(--announcement-shift)),0,0)}to{transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){
 .announcement .announcement-track{animation:none!important;transform:none!important;will-change:auto!important}
 .announcement-group{padding-right:0}
 .announcement-group+.announcement-group,.announcement-group .announcement-message~.announcement-message,.announcement-toggle{display:none}
 .announcement-marquee{overflow-x:auto;scrollbar-width:none}
}