.product-color-swatches .swatch,.product-color-swatches button.swatch,button.swatch,.swatch{display:inline-block!important;width:2rem!important;height:2rem!important;border-radius:999px!important;border:none!important;box-shadow:inset 0 0 0 1px #0000001a!important;cursor:pointer!important;position:relative;transition:all .2s ease;outline:none!important;box-sizing:border-box!important;padding:0!important;margin:0!important;min-width:unset!important;min-height:unset!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.product-color-swatches .swatch:before,.product-color-swatches .swatch:after,.product-color-swatches button.swatch:before,.product-color-swatches button.swatch:after,button.swatch:before,button.swatch:after,.swatch:before,.swatch:after{border:none!important;box-shadow:none!important;outline:none!important}.product-color-swatches,.swatch-list{border:none!important;box-shadow:none!important}.product-color-swatches .swatch:hover,button.swatch:hover{outline:.2rem solid rgba(var(--color-foreground),.4);outline-offset:.1rem;border:0px solid transparent!important;box-shadow:none!important}.product-color-swatches .swatch.is-active,.product-color-swatches .swatch[aria-checked=true],button.swatch.is-active,button.swatch[aria-checked=true]{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.1rem;border:0px solid transparent!important;box-shadow:none!important}.product-color-swatches .swatch:focus-visible,button.swatch:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.8);outline-offset:.2rem;border:0px solid transparent!important;box-shadow:none!important}.swatch--unavailable{opacity:1}.swatch--unavailable:after{display:none}.swatch:disabled{pointer-events:none;opacity:.4}.swatch--small{width:1.8rem;height:1.8rem}.swatch--large{width:3rem;height:3rem}.swatch-list{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.swatch--square{border-radius:.4rem}.swatch-more-container{position:relative;display:inline-block}.swatch--more{background:rgba(var(--color-foreground),.1)!important;border:1px solid rgba(var(--color-foreground),.2)!important;color:rgb(var(--color-foreground));display:inline-flex!important;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;transition:all .2s ease;width:2rem!important;height:2rem!important;border-radius:999px!important;box-sizing:border-box!important;vertical-align:middle!important;margin:0!important;padding:0!important;position:relative!important;top:-1px}.swatch--more:hover{background:rgba(var(--color-foreground),.15)!important;border-color:rgba(var(--color-foreground),.3)!important;transform:scale(1.05)}.swatch-more-text{pointer-events:none;font-size:inherit;line-height:1}.swatch-more-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:.5rem;box-shadow:0 4px 12px #00000026;padding:.75rem;min-width:150px;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease;margin-top:.25rem}.swatch-more-container:hover .swatch-more-dropdown{opacity:1;visibility:visible}.swatch-more-dropdown-inner{display:flex;flex-direction:column;gap:.5rem}.swatch-more-title{font-size:.75rem;font-weight:600;color:rgb(var(--color-foreground));margin-bottom:.25rem;border-bottom:1px solid rgba(var(--color-foreground),.1);padding-bottom:.25rem}.swatch-more-list{display:flex;flex-direction:column;gap:.25rem}.swatch-more-item{padding:.25rem 0}.swatch-more-color-name{font-size:.7rem;color:rgba(var(--color-foreground),.8);line-height:1.2}.swatch-more-container--small .swatch--more{font-size:.65rem;width:1.8rem!important;height:1.8rem!important}.swatch-more-container--large .swatch--more{font-size:.85rem;width:3rem!important;height:3rem!important}.swatch--hidden,.product-color-swatches .swatch--hidden,.product-color-swatches button.swatch--hidden,button.swatch--hidden{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;margin:0!important;padding:0!important}@media screen and (max-width: 749px){.swatch-more-dropdown{position:fixed;top:auto;bottom:10px;left:10px;right:10px;transform:none;margin-top:0}.swatch-more-container:hover .swatch-more-dropdown{opacity:0;visibility:hidden}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/component-swatch.css.map */