.banner__ends{color:#fff;background:#b42318;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:800;position:absolute;bottom:8px;right:8px}.carousel{position:relative}.carousel__viewport{aspect-ratio:var(--banner-ratio,4 / 1);border-radius:var(--radius-lg);background:var(--surface-soft);touch-action:pan-y;position:relative;overflow:hidden}.carousel__slide{opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s linear .6s;position:absolute;inset:0}.carousel__slide.is-active{opacity:1;visibility:visible;transition:opacity .6s}.carousel__slide .banner{border-radius:0;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.carousel__slide,.carousel__slide.is-active{transition:none}}.carousel__controls{justify-content:center;align-items:center;height:30px;margin-top:8px;display:flex}.carousel__arrow{display:none}.carousel__bar{align-items:center;display:flex}.carousel__dots{align-items:center;margin:0;padding:0;list-style:none;display:flex}.carousel__dots li{align-items:center;display:flex}.carousel__dot,.carousel__pause{cursor:pointer;background:0 0;border:0;width:44px;height:44px;margin:-7px 0;padding:0;display:block;position:relative}.carousel__dot:before{content:"";background:color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:50%;width:8px;height:8px;transition:width .2s,background-color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carousel__dot[aria-current=true]:before{background:var(--accent);border-radius:999px;width:20px}.carousel__pause-icon{width:22px;height:22px;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carousel__dot:focus-visible,.carousel__pause:focus-visible,.carousel__arrow:focus-visible{outline:3px solid var(--accent);outline-offset:-4px;border-radius:50%}@media (prefers-reduced-motion:reduce){.carousel__dot:before{transition:none}}@media (min-width:720px){.carousel__controls{display:contents}.carousel__bar{z-index:2;border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--surface) 84%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;height:28px;padding:0 8px;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0b143c1f}.carousel__dot{margin:-8px -9px}.carousel__pause{margin:-8px 0 -8px -9px}.carousel__arrow{z-index:2;width:44px;height:44px;color:var(--fg);opacity:0;background:0 0;border:0;place-items:center;padding:0;transition:opacity .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel__arrow--prev{left:6px}.carousel__arrow--next{right:6px}.carousel__arrow-icon{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 2px 8px #0b143c1f}.carousel:hover .carousel__arrow,.carousel:focus-within .carousel__arrow{opacity:1}}@media (min-width:720px) and (prefers-reduced-motion:reduce){.carousel__arrow{transition:none}}.badge--soon{background:var(--accent-soft);color:var(--accent-strong)}.card__soon-date{color:var(--muted);font-size:.82rem}
