sw-collection-roll{display:block;margin-block:45px 60px;--sw-gap:24px;--sw-columns:4}.sw-roll__heading{text-align:center;margin-bottom:20px}.sw-roll__heading h2{font-size:clamp(24px,2.4vw,34px);margin:0 0 10px;font-weight:600}.sw-roll__heading p{margin:0;color:#575d61}.sw-roll__controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-bottom:20px}.sw-roll__controls button{display:grid;place-items:center;width:46px;height:46px;min-width:46px;border:1px solid #172029;border-radius:50%;background:#172029;color:#fff;font-size:26px;cursor:pointer;line-height:1}.sw-roll__controls button:hover:not(:disabled){background:#d7f500;color:#172029;border-color:#172029}.sw-roll__controls button:disabled{opacity:.3;cursor:default}.sw-roll__controls span[data-sw-count]{min-width:105px;text-align:center;font-variant-numeric:tabular-nums}.sw-roll__track{display:flex;gap:var(--sw-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-block:6px 12px;scroll-behavior:smooth}.sw-roll__track::-webkit-scrollbar{display:none}.sw-roll__track [data-sw-batch]{display:contents}.sw-roll__item{flex:0 0 calc((100% - (var(--sw-columns) - 1)*var(--sw-gap))/var(--sw-columns));min-width:0;scroll-snap-align:start}.sw-roll__item .hdt-card-product{display:block;width:100%}.sw-roll__item .hdt-card-product__media{background:#f7f7f5}.sw-roll__item .hdt-card-product__media img{object-fit:contain}.sw-roll__item .hdt-card-product__title{min-height:2.8em}.sw-roll__footer{text-align:center;margin-top:20px}.sw-roll__footer a{display:inline-flex;gap:14px;padding:12px 24px;border:1px solid #172029;border-radius:3px}.sw-roll__status{text-align:center;margin:8px 0;min-height:0}.sw-roll__status:empty{display:none}.sw-roll button:focus-visible,.sw-roll a:focus-visible,.sw-roll__track:focus-visible{outline:3px solid #758900;outline-offset:4px}@media(min-width:750px)and (max-width:1149px){sw-collection-roll{--sw-columns:3;--sw-gap:18px}}@media(max-width:749px){sw-collection-roll{--sw-columns:1;--sw-gap:0px;margin-block:30px 40px;padding-inline:0!important}.sw-roll__heading{padding-inline:20px}.sw-roll__track{padding-inline:19%;scroll-padding-inline:19%;isolation:isolate}.sw-roll__item{flex-basis:100%;scroll-snap-align:center;position:relative;z-index:0;margin-inline-end:-28%}.sw-roll__item:last-child{margin-inline-end:0}.sw-roll__item.is-active{z-index:2}.sw-roll__item .hdt-card-product__wrapper{transform:scale(.88);transform-origin:center center;transition:transform .24s ease;position:relative;background:#fff;border-radius:8px;box-shadow:0 4px 16px #1720291a}.sw-roll__item.is-active .hdt-card-product__wrapper{transform:scale(1)}.sw-roll__controls{margin-bottom:10px}.sw-roll__footer{padding-inline:16px}.sw-roll__item .hdt-card-product__title{font-size:14px}}@media(prefers-reduced-motion:reduce){.sw-roll__track{scroll-behavior:auto}.sw-roll__item .hdt-card-product__wrapper{transition:none}}.sw-roll__tabs{display:none;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 16px 22px}.sw-roll.is-ready .sw-roll__tabs{display:flex}.sw-roll__tabs button{padding:12px 24px;min-height:46px;border:1px solid #172029;border-radius:3px;background:#fff;color:#172029;cursor:pointer;font-weight:600;line-height:1.3}.sw-roll__tabs button[aria-pressed=true]{background:#172029;color:#fff;border-bottom:3px solid #d7f500;padding-bottom:10px}.sw-roll__tabs button:hover{border-color:#758900}.sw-roll__tabs button[aria-busy=true]{opacity:.55}.sw-roll.is-switching .sw-roll__track{opacity:.55;pointer-events:none}.sw-roll__fallback{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:20px}@media(max-width:749px){.sw-roll__tabs{gap:8px;margin-bottom:16px}.sw-roll__tabs button{padding-inline:18px}}@media(max-width:749px){.sw-roll__item .hdt-card-product__wrapper{box-sizing:border-box;padding:10px}.sw-roll__item .hdt-card-product__info{padding:12px 4px 8px}.sw-roll__item .hdt-card-product__title{overflow-wrap:anywhere}}.sw-roll__colors{display:inline-flex;gap:8px;align-items:center}.sw-roll__colors[hidden]{display:none}.sw-roll__tabs .sw-roll__color{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:5px;border:2px solid #dfe3e5;border-radius:50%;background:#fff;box-shadow:none}.sw-roll__color span{width:28px;height:28px;border-radius:50%;border:1px solid #0002}.sw-roll__color--yellow span{background:#e4ef00}.sw-roll__color--orange span{background:#ff7500}.sw-roll__color--red span{background:#f0383e}.sw-roll__tabs .sw-roll__color[aria-pressed=true]{border-color:#172029;background:#fff;box-shadow:0 0 0 2px #fff,0 0 0 3px #172029}.sw-roll__tabs .sw-roll__color:focus-visible{outline:2px solid #172029;outline-offset:3px}.sw-roll__filters{display:none;text-align:center;margin:0 16px 14px}.sw-roll.is-ready .sw-roll__filters{display:block}.sw-roll__filter-buttons{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.sw-roll__filter-buttons button{position:relative;display:grid;place-items:center;min-width:54px;height:64px;padding:5px;border:2px solid #e2e5e7;border-radius:6px;background:#fff;color:#172029;cursor:pointer}.sw-roll__filter-buttons button[aria-pressed=true]{border-color:#758900;box-shadow:0 0 0 1px #d7f500;background:#f8fbe9}.sw-roll__filter-buttons button[aria-busy=true]{opacity:.55}.sw-roll__filter-buttons button img{display:block;width:40px;height:50px;object-fit:contain}.sw-roll__filter-buttons .sw-roll__filter-clear{height:44px;padding-inline:12px;font-size:13px}.sw-roll__filter-label{min-height:20px;margin:8px 0 0;font-size:12px;color:#575d61}.sw-roll__filter-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;background:#172029;color:#fff;border-radius:4px;white-space:nowrap;pointer-events:none;visibility:hidden;z-index:5;font-size:12px}@media(hover:hover){.sw-roll__filter-icon:hover .sw-roll__filter-tip{visibility:visible}}.sw-roll__filter-icon:focus-visible .sw-roll__filter-tip{visibility:visible}@media(max-width:749px){.sw-roll__filter-buttons{gap:7px}.sw-roll__filter-buttons button{min-width:48px;height:58px;padding:3px}.sw-roll__filter-buttons button img{width:36px;height:45px}.sw-roll__filter-buttons .sw-roll__filter-clear{padding-inline:8px}.sw-roll__tabs{margin-bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/sw-collection-carousel.css.map */