.custom-color-swatches{--custom-swatch-size: 4.4rem;--custom-swatch-border-radius: 0}.custom-color-swatches__label{display:block;margin-bottom:.8rem;font-size:1.4rem}.custom-color-swatches__option-name{font-weight:600}.custom-color-swatches__container{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;border:none}.custom-color-swatch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.custom-color-swatch__input+.custom-color-swatch__label{display:inline-flex;align-items:center;justify-content:center;width:var(--custom-swatch-size);height:var(--custom-swatch-size);min-width:var(--custom-swatch-size);min-height:var(--custom-swatch-size);max-width:100%;border-radius:var(--custom-swatch-border-radius);cursor:pointer;outline-offset:.2rem;outline-color:transparent;outline-style:solid;transition:outline-color .15s ease,outline-width .15s ease,box-shadow .15s ease;forced-color-adjust:none;position:relative}.custom-color-swatch__input:hover+.custom-color-swatch__label,.custom-color-swatch__input:focus-visible+.custom-color-swatch__label{outline:.2rem solid rgba(var(--color-foreground),.4)}.custom-color-swatch__input:checked+.custom-color-swatch__label,.custom-color-swatch--selected .custom-color-swatch__input+.custom-color-swatch__label{outline:.2rem solid rgb(var(--color-foreground))}.custom-color-swatch__input:focus-visible+.custom-color-swatch__label{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .4rem rgba(var(--color-foreground),.25)}.custom-color-swatch__input:disabled+.custom-color-swatch__label,.custom-color-swatch--unavailable .custom-color-swatch__input+.custom-color-swatch__label{cursor:not-allowed;pointer-events:none;opacity:.6}.custom-color-swatch__unavailable-icon{position:absolute;font-size:1.8rem;line-height:1;color:rgb(var(--color-foreground));pointer-events:none}.custom-color-swatch{position:relative}.custom-color-swatch[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + .4rem);padding:.3rem .6rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.2rem;white-space:nowrap;border-radius:.2rem;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:2;visibility:hidden}.custom-color-swatch[data-tooltip]:hover:after{opacity:1;visibility:visible}.custom-color-swatches--mini{--custom-swatch-size: 3.2rem}.custom-color-swatches--mini .custom-color-swatches__container{gap:.4rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-color-swatches.css.map */