.parans-banner{--parans-banner-design-w: 1440;--parans-banner-design-h: 457}.parans-banner.parans-banner--full-bleed{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box;background-color:var(--parans-banner-bg, transparent);background-image:var(--parans-banner-bg-img, none);background-size:var(--parans-banner-bg-img-size, cover);background-position:var(--parans-banner-bg-img-pos, center center);background-repeat:var(--parans-banner-bg-img-repeat, no-repeat);transition:background-color .45s ease}.parans-banner.parans-banner--full-bleed .parans-banner__canvas{background-color:transparent;background-image:none}.parans-banner:not(.parans-banner--full-bleed) .parans-banner__canvas{background-color:var(--parans-banner-bg, transparent);background-image:var(--parans-banner-bg-img, none);background-size:var(--parans-banner-bg-img-size, cover);background-position:var(--parans-banner-bg-img-pos, center center);background-repeat:var(--parans-banner-bg-img-repeat, no-repeat)}.parans-banner__outer{position:relative;width:100%;max-width:var(--parans-banner-max-px, 1440px);margin-inline:auto}.parans-banner__viewport{position:relative;width:100%;--bw: var(--parans-banner-design-w);--bh: var(--parans-banner-design-h);aspect-ratio:var(--bw) / var(--bh);overflow-x:clip;overflow-y:visible}.parans-banner__viewport.is-draggable{cursor:grab;touch-action:pan-y}.parans-banner__track{display:flex;width:100%;height:100%;will-change:transform}.parans-banner__track.is-dragging{cursor:grabbing}.parans-banner__slide{position:relative;flex:0 0 100%;width:100%;height:100%}.parans-banner__canvas{position:relative;width:100%;height:100%;overflow:var(--parans-banner-overflow, hidden);border-radius:var(--parans-banner-radius, 0)}.parans-banner__layer{position:absolute;--lx: var(--layer-x, 0);--ly: var(--layer-y, 0);--lw: var(--layer-w, 100);--lh: var(--layer-h, 100);left:calc(var(--lx) / var(--bw) * 100%);top:calc(var(--ly) / var(--bh) * 100%);width:calc(var(--lw) / var(--bw) * 100%);height:calc(var(--lh) / var(--bh) * 100%);z-index:var(--layer-z, 1);opacity:var(--layer-opacity, 1);border-radius:var(--layer-radius, 0);overflow:hidden;pointer-events:auto;transform:rotate(var(--layer-rotate, 0deg));transform-origin:center center}.parans-banner__layer--link{display:block;color:inherit;text-decoration:none}.parans-banner__layer--link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.parans-banner__pic{display:block;width:100%;height:100%}.parans-banner__img{display:block;width:100%;height:100%;object-fit:var(--layer-fit, cover);object-position:center center}@media screen and (min-width:750px){.parans-banner__layer--m-only{display:none!important}}.parans-banner__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;font-size:.875rem;color:#00000073;background:#0000000f}.parans-banner__canvas>.parans-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto}@media screen and (max-width:749px){.parans-banner__viewport{--bw: var(--parans-banner-design-w-m, var(--parans-banner-design-w));--bh: var(--parans-banner-design-h-m, var(--parans-banner-design-h));overflow-x:clip;overflow-y:visible}.parans-banner__canvas{overflow-x:clip;overflow-y:visible}.parans-banner.is-slide-0.parans-banner--full-bleed{background-color:transparent;background-image:var(--parans-banner-bg-img, none),linear-gradient(180deg,#ff7fb5 0,#ff7fb5 84.2%,transparent 84.2%,transparent 100%);background-size:100% 84.2%,100% 100%;background-position:center top,center top;background-repeat:no-repeat,no-repeat}.parans-banner.parans-banner--full-bleed:not(.is-slide-0){background-color:transparent;background-image:linear-gradient(180deg,var(--parans-banner-bg, #ff7fb5) 0,var(--parans-banner-bg, #ff7fb5) 84.2%,transparent 84.2%,transparent 100%);background-size:100% 100%;background-position:center top;background-repeat:no-repeat}.section-parans-banner{position:relative;z-index:2}.parans-banner__layer{--lx: var(--m-layer-x, var(--layer-x, 0));--ly: var(--m-layer-y, var(--layer-y, 0));--lw: var(--m-layer-w, var(--layer-w, 100));--lh: var(--m-layer-h, var(--layer-h, 100));z-index:var(--m-layer-z, var(--layer-z, 1));transform:rotate(var(--m-layer-rotate, var(--layer-rotate, 0deg)))}.parans-banner__img{object-fit:var(--m-layer-fit, var(--layer-fit, cover))}.parans-banner__slide--image>.parans-banner__slide-link,.parans-banner__slide--image>.parans-banner__slide-img,.parans-banner__slide--image>.parans-banner__pic,.parans-banner__slide--image .parans-banner__slide-empty{position:absolute;top:0;left:0;right:0;bottom:auto;width:100%;height:84.2%}.parans-banner__slide--image>.parans-banner__slide-link>.parans-banner__pic{position:static;height:100%}.parans-banner__slide--image .parans-banner__pic>.parans-banner__slide-img{position:static;height:100%}.parans-banner--full-bleed .parans-banner__slide--image{background-color:transparent;background-image:linear-gradient(180deg,var(--slide-bg, #000) 0,var(--slide-bg, #000) 84.2%,transparent 84.2%,transparent 100%);background-size:100% 100%;background-position:center top;background-repeat:no-repeat}}.parans-banner__slide--image{background-color:var(--slide-bg, transparent);overflow:hidden}.parans-banner__slide-link{display:block;width:100%;height:100%}.parans-banner__slide-img{object-fit:var(--slide-fit, cover)}.parans-banner__slide-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;background:var(--slide-bg, #000);color:#ffffffd1;font-size:14px}.parans-banner__slide-tag{position:absolute;top:12px;left:12px;z-index:40;padding:4px 10px;border-radius:6px;background:#000000b3;color:#fff;font-size:12px;font-weight:600;line-height:1.4;pointer-events:none}.parans-banner__arrow{position:absolute;top:50%;z-index:30;width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;color:#1a1a1a;background:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translateY(-50%);transition:background-color .2s ease,opacity .2s ease}.parans-banner__arrow:hover{background:#ffffffe6}.parans-banner__arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}.parans-banner__arrow svg{width:22px;height:22px}.parans-banner__arrow--prev{left:-31px}.parans-banner__arrow--next{right:-31px}.parans-banner__dots{position:absolute;left:50%;bottom:12px;z-index:30;display:flex;align-items:center;gap:var(--parans-banner-dot-gap, 18px);transform:translate(-50%)}.parans-banner__dot{position:relative;display:flex;align-items:center;width:var(--parans-banner-dot-w, 100px);height:14px;padding:0;border:none;background:transparent;cursor:pointer}.parans-banner__dot:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;border-radius:10px;background:var(--parans-banner-dot-track, #ffffff);opacity:.9;transform:translateY(-50%)}.parans-banner__dot-fill{position:relative;width:0%;height:2px;border-radius:10px;background:var(--parans-banner-dot-fill, #71ccff)}.parans-banner__dot:focus-visible{outline:2px solid var(--parans-banner-dot-fill, #71ccff);outline-offset:3px;border-radius:4px}@media screen and (max-width:749px){.parans-banner__arrow{width:30px;height:30px;top:40%}.parans-banner__arrow svg{width:15px;height:15px}.parans-banner__arrow--prev{left:8px}.parans-banner__arrow--next{right:8px}.parans-banner__dots{bottom:19%;gap:8px}.parans-banner__dot{width:36px}}@media(prefers-reduced-motion:reduce){.parans-banner__track{transition:none!important}}.parans-banner__slide--layers{position:relative}.parans-banner__slide-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:block;cursor:pointer}.parans-banner{-webkit-user-select:none;-moz-user-select:none;user-select:none}.parans-banner img,.parans-banner__slide-cover{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-parans-banner.css.map */