.stm-peek{--slide-size: var(--peek-size-mb, 88%);--slide-spacing: var(--peek-gap-mb, 10px)}@media(min-width:768px){.stm-peek{--slide-size: var(--peek-size, 52%);--slide-spacing: var(--peek-gap, 40px)}}.stm-peek .hdt-slider__viewport{overflow:hidden;padding-block:12px;margin-block:-12px}.stm-peek .hdt-slideshow_item{overflow:visible}.stm-peek .hdt-slide_inner{border-radius:var(--peek-radius, 12px);overflow:hidden;transition:box-shadow .4s ease}.stm-peek .hdt-slide_inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:#fff;opacity:var(--peek-fade, .55);transition:opacity .4s ease}.stm-peek .hdt-slider__slide.is-selected .hdt-slide_inner:after{opacity:0}.stm-peek.stm-peek--shadow .hdt-slider__slide.is-selected .hdt-slide_inner{box-shadow:0 6px 22px #0000002e}.stm-peek__nav{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.stm-peek__nav .hdt-slider__button{position:absolute;top:50%;width:52px;height:52px;margin:0;pointer-events:auto;background:#fff;color:#111;border:0;box-shadow:0 4px 14px #00000026;transform:translate(-50%,-50%);transition:transform .2s ease,box-shadow .2s ease}.stm-peek__nav .hdt-slider__button:hover{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 6px 18px #00000038}.stm-peek__nav .hdt-slider__button svg{width:9px;height:14px}.stm-peek__nav .hdt-slider__button--prev{left:calc((100% - var(--slide-size)) / 4)}.stm-peek__nav .hdt-slider__button--next{left:calc(100% - (100% - var(--slide-size)) / 4)}@media(max-width:767px){.stm-peek__nav{display:none}}.stm-peek__dots{display:flex;justify-content:center;gap:14px;margin-top:var(--peek-dots-gap, 16px)}.stm-peek .stm-peek__dots .hdt-slider__dot{width:52px;height:4px;padding:0;border:0;border-radius:2px;background:var(--peek-dot, #e2e2e2);cursor:pointer;transition:background-color .3s ease}.stm-peek .stm-peek__dots .hdt-slider__dot:before{display:none}.stm-peek .stm-peek__dots .hdt-slider__dot.hdt-slider__dot--selected{width:52px;height:4px;border:0;opacity:1;background:var(--peek-dot-active, #e31b23)}@media(max-width:767px){.stm-peek__dots{gap:8px}.stm-peek .stm-peek__dots .hdt-slider__dot,.stm-peek .stm-peek__dots .hdt-slider__dot.hdt-slider__dot--selected{width:28px;height:3px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/stm-slideshow-peek.css.map */