.twsr-image-ad-slider { --twsr-image-ad-transition: 600ms; position: relative; overflow: hidden; isolation: isolate; width: 100%; }
.twsr-image-ad-slider *, .twsr-image-ad-slider *::before, .twsr-image-ad-slider *::after { box-sizing: border-box; }
.twsr-image-ad-slider__viewport { position: relative; width: 100%; height: 620px; background: #17243a; }
.twsr-image-ad-slider__slide { background-color: #17243a; background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; inset: 0; opacity: 0; pointer-events: none; position: absolute; transition: opacity var(--twsr-image-ad-transition) ease; width: 100%; z-index: 0; }
.twsr-image-ad-slider__slide.is-active { opacity: 1; pointer-events: auto; z-index: 1; }
.twsr-image-ad-slider__media, .twsr-image-ad-slider__media img, .twsr-image-ad-slider__overlay, .twsr-image-ad-slider__image-link { height: 100%; inset: 0; position: absolute; width: 100%; }
.twsr-image-ad-slider__media { margin: 0; z-index: 0; }
.twsr-image-ad-slider__media img { display: block; object-fit: cover; object-position: center; }
.twsr-image-ad-slider__overlay { background: #0b172a; opacity: 0; pointer-events: none; z-index: 1; }
.twsr-image-ad-slider:not(.twsr-image-ad-slider--overlay-enabled) .twsr-image-ad-slider__overlay { opacity: 0 !important; }
.twsr-image-ad-slider__image-link { display: block; z-index: 2; }
.twsr-image-ad-slider__arrow { align-items: center; background: rgba(10,20,35,.45); border: 1px solid rgba(255,255,255,.55); border-radius: 50%; color: #fff; cursor: pointer; display: flex; font-family: Arial,sans-serif; font-size: 38px; font-weight: 300; height: 52px; justify-content: center; line-height: 1; padding: 0 0 4px; position: absolute; top: 50%; transform: translateY(-50%); transition: background-color .2s ease, transform .2s ease; width: 52px; z-index: 3; }
.twsr-image-ad-slider__arrow:hover, .twsr-image-ad-slider__arrow:focus-visible { background: rgba(10,20,35,.85); color: #fff; transform: translateY(-50%) scale(1.04); }
.twsr-image-ad-slider__arrow:focus-visible, .twsr-image-ad-slider__dot:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.twsr-image-ad-slider__arrow--previous { left: 28px; }.twsr-image-ad-slider__arrow--next { right: 28px; }
.twsr-image-ad-slider__dots { align-items: center; bottom: 26px; display: flex; gap: 9px; justify-content: center; left: 0; position: absolute; right: 0; z-index: 3; }
.twsr-image-ad-slider__dot { background: rgba(255,255,255,.55); border: 0; border-radius: 99px; cursor: pointer; height: 8px; padding: 0; transition: width .2s ease, background-color .2s ease; width: 8px; }
.twsr-image-ad-slider__dot.is-active { background: #fff; width: 26px; }
.twsr-image-ad-slider__empty { align-items: center; background: #f7f8fa; border: 1px dashed #98a2b3; color: #475467; display: flex; font-size: 15px; justify-content: center; min-height: 180px; padding: 24px; text-align: center; }
@media (max-width: 1024px) { .twsr-image-ad-slider__viewport { height: 480px; } }
@media (max-width: 767px) { .twsr-image-ad-slider__viewport { height: 340px; } .twsr-image-ad-slider__arrow { height: 42px; width: 42px; font-size: 31px; } .twsr-image-ad-slider__arrow--previous { left: 16px; } .twsr-image-ad-slider__arrow--next { right: 16px; } .twsr-image-ad-slider__dots { bottom: 18px; } }
@media (prefers-reduced-motion: reduce) { .twsr-image-ad-slider__slide, .twsr-image-ad-slider__arrow, .twsr-image-ad-slider__dot { transition: none; } }