:root{color-scheme:dark;--swiper-theme-color:#83d2df;--swiper-pagination-bullet-inactive-color:#83d2df;--swiper-pagination-bullet-inactive-opacity:.3}
*{box-sizing:border-box}.promos-demo{margin:0;min-height:100%;background:#080d16;color:#fff;font-family:Arial,sans-serif}.promos-section{height:100svh;display:flex;align-items:center;overflow:hidden;background:#080d16;position:relative}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.promos-swiper{width:100%;padding:8px 0 32px}
.swiper-slide{width:min(94vw,calc((100svh - 40px)*.707));height:auto;aspect-ratio:1414/2000;background:#000;background-position:center;background-size:cover}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.swiper-pagination{bottom:9px!important}.swiper-pagination-bullet{width:10px;height:10px;margin:0 7px!important}
.swiper:focus-visible{outline:2px solid #83d2df;outline-offset:-3px}.swiper-pagination-bullet:focus-visible{outline:2px solid #ee3170;outline-offset:5px}
@media(max-width:600px){.promos-swiper{padding-top:8px;padding-bottom:32px}.swiper-slide{width:min(94vw,calc((100svh - 40px)*.707))}}
@media(prefers-reduced-motion:reduce){.swiper-wrapper,.swiper-slide{transition-duration:0ms!important}}

.promos-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:54px;display:grid;place-items:center;border:0;border-radius:5px;background:#080d1670;color:#b7d9e2;cursor:pointer;transition:color .2s,background .2s,opacity .2s;touch-action:manipulation}
.promos-prev{left:12px}.promos-next{right:12px}
.promos-arrow svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.promos-arrow:hover{color:#fff;background:#080d16c0}
.promos-arrow:focus-visible{outline:2px solid #83d2df;outline-offset:3px}
.promos-arrow:disabled{opacity:.22;cursor:default}
@media(max-width:600px){.promos-prev{left:2px}.promos-next{right:2px}}
.promos-still{position:absolute;z-index:4;display:none;max-width:none;object-fit:contain;pointer-events:none;user-select:none;transform:none;filter:none}
.promos-at-rest .promos-still{display:block}
.promos-at-rest .swiper-slide-active{transform:none!important}
.promos-at-rest .swiper-slide-active>img{opacity:0}
.promos-at-rest .swiper-slide-active [class*="swiper-slide-shadow"]{opacity:0!important}

.promos-section{flex-direction:column;justify-content:center}
.promos-title{margin:0;padding:12px 18px 8px;text-align:center;font:700 clamp(24px,3vw,40px)/1.15 Outfit,Arial,sans-serif;letter-spacing:-.025em;flex:none;color:#f5f9ff}
.promos-section .promos-swiper{margin:0;flex:none}
.promos-section .swiper-slide{width:min(94vw,calc((100svh - 112px)*.707))}
@media(max-width:600px){.promos-title{font-size:24px;max-width:350px}.promos-section .swiper-slide{width:min(94vw,calc((100svh - 120px)*.707))}}