.product-tile__colorswatches-container{display:flex;align-items:center;gap:8px;width:100%;position:relative;margin:5px 0}.product-tile__colorswatches{padding:5px 0;gap:1px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;max-width:calc(100% - 30px)}.product-tile__colorswatches::-webkit-scrollbar{height:1px;background-color:transparent}.product-tile__colorswatches::-webkit-scrollbar-thumb{background-color:#c6c6c6;border-radius:1px}.product-tile__colorswatches .product-tile__colorswatch{pointer-events:none;position:relative;overflow:hidden;display:block;width:24px;aspect-ratio:1 / 1;background:var(--color-swatch-background);background-size:cover;background-origin:border-box;border:none;border-radius:0;flex-shrink:0}.product-tile__colorswatches-expand{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:0;background:#fff;cursor:pointer;flex-shrink:0;transition:all .2s ease;border:none}.product-tile__colorswatches-expand:hover{border-color:#000;background:#fff}.product-tile__colorswatches-expand-text{font-size:14px;font-weight:700;color:#000;line-height:1}.product-tile__option-input.disabled+.product-tile__colorswatch-label{pointer-events:none}.product-tile__option-input.disabled+.product-tile__colorswatch-label>.product-tile__colorswatch:before{--swatch-input--size: 24px;content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fafafa80}.product-tile__option-input.disabled+.product-tile__colorswatch-label>.product-tile__colorswatch:after{--swatch-input--size: 24px;--diagonal--size: calc(var(--swatch-input--size) * 1.414);--crossed-line--size: .1rem;--crossed-line--color: rgb(0, 0, 0);content:"";position:absolute;bottom:calc(var(--crossed-line--size) * -.5);left:0;width:var(--diagonal--size);height:var(--crossed-line--size);background-color:var(--crossed-line--color);transform:rotate(-45deg);transform-origin:left}@media screen and (max-width: 600px){.product-tile__colorswatches{gap:1px;max-width:calc(100% - 32px)}.product-tile__colorswatches .product-tile__colorswatch{width:18px}.product-tile__colorswatches-expand{width:18px;height:18px;border-radius:0}.product-tile__colorswatches-expand-text{font-size:12px}.product-tile__option-input.disabled+.product-tile__colorswatch-label>.product-tile__colorswatch:before{--swatch-input--size: 18px}.product-tile__option-input.disabled+.product-tile__colorswatch-label>.product-tile__colorswatch:after{--swatch-input--size: 18px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-product-tile-quick-add.css.map */