.product-form-swatch__variants{display:flex;flex-wrap:wrap}.product-form__swatch{display:inline-block;margin-right:5px}.product-form__swatch input{display:none}.product-form__swatch label{display:block;width:var(--swatch-size);height:var(--swatch-size);border:1px solid #afafaf!important;border-radius:var(--swatch-border-radius)!important;background-size:cover;cursor:pointer;transition:border-color .3s ease;padding:1rem!important;position:relative;border-radius:8px!important}.product-form__swatch label:hover{border-color:#f05a1f!important}.product-form__swatch input:checked+label{border-color:#f05a1f!important;border-width:2px!important;box-shadow:inset 0 0 0 2px #ffebd5}.product-form__swatch input.disabled+label{opacity:.5}.product-form__swatch input.disabled+label:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent 45%,rgba(255,0,0,.6) 50%,transparent 55%);pointer-events:none}.product-form__swatch label .swatch-name{color:#fff!important;font-size:9px!important;width:100%!important;display:block;text-align:center;height:100%!important;display:flex;justify-content:center;align-items:center;font-weight:500;line-height:10px!important;letter-spacing:0px!important;position:absolute;top:0;text-transform:uppercase;letter-spacing:1px;left:0}.product-form__swatch label .tooltip{text-align:center;line-height:120%;white-space:nowrap;background:#f05a1e;color:#fff;bottom:80%;padding:.5em 1em;font-size:10px;display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%) translateY(10px);transform:translate(-50%) translateY(10px);margin-bottom:10px;filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;z-index:10000;border-radius:5px}.product-form__swatch label .tooltip:after{content:" ";border:10px solid transparent;border-top:10px solid #f05a1e;border-bottom:0;bottom:-8px;height:0;left:50%;margin-left:-10px;position:absolute;width:0}.product-form__swatch label:hover .tooltip{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible;bottom:100%;-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-product-variant-swatch-custom.css.map */