.aplus-variant{position:relative;width:100%;overflow:hidden}
.aplus-variant-stage{display:grid;width:100%}
.aplus-variant .aplus-variant-slide{grid-area:1/1;display:block;width:100%;height:auto;opacity:0;pointer-events:none;transition:opacity .35s ease}
.aplus-variant .aplus-variant-slide.is-active{opacity:1;pointer-events:auto}
.aplus-variant-arrow{position:absolute;z-index:2;top:50%;width:clamp(34px,4vw,52px);height:clamp(34px,4vw,52px);display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;background:#10141ab8;color:#fff;font:normal clamp(27px,3vw,40px)/1 Arial,sans-serif;cursor:pointer;transform:translateY(-50%);transition:background .2s ease,transform .2s ease}
.aplus-variant-arrow:hover{background:#10141aee;transform:translateY(-50%) scale(1.06)}
.aplus-variant-arrow:focus-visible{outline:3px solid #fff;outline-offset:3px}
.aplus-variant-prev{left:clamp(8px,2vw,24px)}
.aplus-variant-next{right:clamp(8px,2vw,24px)}
.aplus-variant-count{position:absolute;z-index:2;right:clamp(8px,2vw,24px);bottom:clamp(8px,1.7vw,20px);padding:5px 12px;border-radius:999px;background:#10141ab8;color:#fff;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.12em;pointer-events:none}
@media(max-width:600px){.aplus-variant-arrow{width:32px;height:32px;font-size:25px}.aplus-variant-count{padding:3px 8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.aplus-variant .aplus-variant-slide,.aplus-variant-arrow{transition:none}}