@layer components{.hs-wrapper{display:block;position:relative;width:100%;max-width:100%;overflow:clip}.hs-scroll{--gap: 16px;display:flex;gap:var(--gap);width:100%;max-width:100%;overflow-x:auto;overflow-y:clip;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.hs-scroll::-webkit-scrollbar{display:none}.hs-scroll.hs-scroll--sized-items{scroll-snap-type:x proximity}.hs-scroll.hs-scroll--sized-items>*{flex:0 0 calc((100% - (var(--hs-visible-items-mobile, 1) - 1) * var(--gap, 16px)) / var(--hs-visible-items-mobile, 1));max-width:calc((100% - (var(--hs-visible-items-mobile, 1) - 1) * var(--gap, 16px)) / var(--hs-visible-items-mobile, 1));min-width:0;scroll-snap-align:start}@media(min-width:640px)and (max-width:879px){.hs-scroll.hs-scroll--sized-items>*{flex-basis:calc((100% - (var( --hs-visible-items-tablet, var(--hs-visible-items-mobile, 1) ) - 1) * var(--gap, 16px)) / var(--hs-visible-items-tablet, var(--hs-visible-items-mobile, 1)));max-width:calc((100% - (var( --hs-visible-items-tablet, var(--hs-visible-items-mobile, 1) ) - 1) * var(--gap, 16px)) / var(--hs-visible-items-tablet, var(--hs-visible-items-mobile, 1)))}}@media(min-width:880px){.hs-scroll.hs-scroll--sized-items>*{flex-basis:calc((100% - (var( --hs-visible-items-desktop, var( --hs-visible-items-tablet, var(--hs-visible-items-mobile, 1) ) ) - 1) * var(--gap, 16px)) / var( --hs-visible-items-desktop, var(--hs-visible-items-tablet, var(--hs-visible-items-mobile, 1)) ));max-width:calc((100% - (var( --hs-visible-items-desktop, var( --hs-visible-items-tablet, var(--hs-visible-items-mobile, 1) ) ) - 1) * var(--gap, 16px)) / var( --hs-visible-items-desktop, var(--hs-visible-items-tablet, var(--hs-visible-items-mobile, 1)) ))}}.hs-sr-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hs-controls{margin-top:16px;display:none;gap:8px;justify-content:center}@media(min-width:880px){.hs-controls{display:flex;justify-content:start}}.hs-btn{width:32px;height:32px;border-radius:9999px;border:1px solid #e5e5e5;background:#fff;color:#000;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,opacity .15s ease,border-color .15s ease}.hs-btn:hover:not(:disabled){transform:scale(1.05);border-color:#000}.hs-btn:focus{outline:2px solid #000;outline-offset:2px}.hs-btn:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.hs-hint{margin-top:1rem;display:flex;justify-content:center}@media(min-width:880px){.hs-hint{display:none}}.hs-hint-text{font-size:12px;opacity:.7;transition:opacity .3s ease}.hs-hint-text.is-muted{opacity:.4}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/snippet-horizontal-scroll-styles.css.map */