.bagspin{position:relative;background:var(--bagspin-bg, #0d0d0d);color:var(--bagspin-text, #f4f1ea);padding-top:var(--bagspin-pad-top-d, 0);padding-bottom:var(--bagspin-pad-bottom-d, 0)}.bagspin__track{position:relative;height:var(--bagspin-scroll-h, 300vh)}.bagspin__sticky{position:sticky;top:0;height:var(--bagspin-view-h-d, 100vh);display:flex;align-items:center;justify-content:center;overflow:hidden}.bagspin__canvas{max-width:90vw;max-height:80vh;width:auto;height:auto}.bagspin__labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bagspin__label{position:absolute;left:var(--x-desktop, 50%);top:var(--y-desktop, 88%);transform:translate(-50%,-50%) translateY(12px);text-align:center;opacity:0;transition:opacity .4s ease,transform .4s ease;max-width:80vw;color:var(--label-color, inherit)}.bagspin__label.is-active{opacity:1;transform:translate(-50%,-50%) translateY(0)}.bagspin__label h3{margin:0 0 .25rem;font-size:var(--bagspin-heading-size, 28px);font-weight:600;line-height:1.15}.bagspin__label p{margin:0;font-size:15px;opacity:.8}.bagspin__arrow{position:absolute;left:50%;top:100%;width:var(--arrow-size-d, 80px);height:var(--arrow-size-d, 80px);color:var(--arrow-color, var(--label-color, currentColor));pointer-events:none;transform:translate(-50%) translate(var(--arrow-x-d, 0),var(--arrow-y-d, 60px)) rotate(var(--arrow-rotate-d, 0deg)) scaleX(var(--arrow-flip-d, 1));transform-origin:center top}.bagspin__arrow svg{width:100%;height:100%;display:block}.bagspin__loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.7}.bagspin.is-ready .bagspin__loader{display:none}@media(max-width:749px){.bagspin{padding-top:var(--bagspin-pad-top-m, 0);padding-bottom:var(--bagspin-pad-bottom-m, 0)}.bagspin__track{height:var(--bagspin-scroll-h-m, 300vh)}.bagspin__sticky{height:var(--bagspin-view-h-m, 100vh)}.bagspin__canvas{max-width:92vw;max-height:70vh}.bagspin__label{left:var(--x-mobile, 50%);top:var(--y-mobile, 88%);max-width:88vw}.bagspin__label h3{font-size:clamp(20px,6vw,28px);line-height:1.2;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none}.bagspin__label p{font-size:14px;line-height:1.4}.bagspin__arrow{width:var(--arrow-size-m, 80px);height:var(--arrow-size-m, 80px);transform:translate(-50%) translate(var(--arrow-x-m, 0),var(--arrow-y-m, 60px)) rotate(var(--arrow-rotate-m, 0deg)) scaleX(var(--arrow-flip-m, 1))}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/bag-spin.css.map */