.color-swatches{display:flex}.color-swatches.color-swatches--left{justify-content:flex-start}.color-swatch__wrapper{display:block;position:relative}.color-swatch{position:relative;width:30px;height:30px;display:block;cursor:pointer;-webkit-box-shadow:0 0 0 1px #ccc;box-shadow:0 0 0 1px #ccc;overflow:hidden;min-width:30px;min-height:30px}.color-swatch:hover{outline:1px solid #000;outline-offset:2px}.color-swatch--selected:after,.color-swatch.color-swatch--selected:after{-webkit-box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px #000}.color-swatch__wrapper.color-swatch--selected .color-swatch:after{content:"";-webkit-box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px #000}.color-swatch__wrapper.color-swatch--small{width:10px;height:10px;border:none}.color-swatch__wrapper.color-swatch--small:after{height:0}.color-swatch__wrapper.color-swatch--small .color-swatch{width:10px;height:10px;border:none}.color-swatch__wrapper.color-swatch--small .color-swatch:after{width:10px;height:10px;box-shadow:none;top:50%;left:50%;transform:translate(-50%,-50%)}.card-wrapper .color-swatches{position:relative;margin-top:12px}.card-wrapper .color-swatches .color-swatches{opacity:0;visibility:hidden;transition:opacity var(--duration-default) ease-in-out}.card-wrapper .color-swatches .color-swatch--selected .color-swatch:after{-webkit-box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px #000}.card-wrapper .color-swatches .color-swatch__wrapper.color-swatch--selected:after,.card-wrapper .color-swatches .color-swatch__wrapper:hover:after{content:unset}.product-item:hover .color-swatches .color-swatches{visibility:visible;opacity:1}@media screen and (max-width:767px){.color-swatches--collection .color-swatches,.card-wrapper .color-swatches .color-swatches{opacity:1!important;visibility:visible!important}}.additional-swatch-count{height:100%;vertical-align:middle;margin-left:5px}.product__colors--swatches{padding:4px;width:100%}.product__colors--swatches .color-swatches__swatch-wrapper{display:flex;flex-wrap:wrap;gap:10px;width:100%}.product__colors--swatches{overflow:visible;-webkit-overflow-scrolling:auto;overscroll-behavior:auto;scroll-snap-type:none}.color-swatches__swatch-wrapper{display:flex;flex-wrap:nowrap;gap:10px;width:max-content}.color-swatch__wrapper{flex:0 0 auto;scroll-snap-align:start}.product__colors--swatches::-webkit-scrollbar{display:none}.product__colors--swatches{scrollbar-width:none}.media--hover-swatch .card__media--main-top{opacity:0!important}.color-swatch--plus-indicator{display:flex;align-items:center;justify-content:center;background:none;border:none;box-shadow:none;color:#1c1c1c;font-size:12px;font-weight:500;cursor:default;pointer-events:none}.color-swatch--plus-indicator:hover{background:none;outline:none}@media screen and (max-width:768px){.color-swatch{width:40px;height:40px}.color-swatch:after{width:40px;height:40px}.color-swatches--collection .color-swatch__wrapper .color-swatch,.color-swatches--collection .color-swatch{width:15px;height:15px;min-width:15px;min-height:15px}.color-swatches--collection .color-swatch:after{width:15px;height:15px}.color-swatches--collection .color-swatch__wrapper.color-swatch--selected .color-swatch:after{width:15px;height:15px}.color-swatches--collection .color-swatch--plus-indicator{width:15px;height:15px;min-width:15px;min-height:15px;font-size:9px}.color-swatches--collection .color-swatch__wrapper.color-swatch--mobile-hidden,.color-swatch--plus-desktop{display:none}.color-swatch--plus-mobile{display:block}}@media screen and (min-width:769px){.color-swatches--collection .color-swatch__wrapper.color-swatch--mobile-hidden{display:block}.color-swatch--plus-mobile{display:none}.color-swatch--plus-desktop{display:block}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-color-swatches.css.map */