.swatch .form-label{cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:4px;position:relative;background-size:100%;border:1px solid var(--pe-border-color);text-align:center;text-transform:uppercase;min-height:40px;min-width:40px;margin-bottom:0;padding:8px 11px}.swatch:not(.color-swatch) .form-label{min-width:50px;min-height:41px;transition:all .3s ease-in-out}.swatch:not(.color-swatch):not(.sold-variant) input:checked:not([disabled])+.swatch-label,.swatch:not(.color-swatch):not(.sold-variant) input:not([disabled])+.swatch-label:hover{background-color:var(--pe-color-primary);color:var(--pe-color-white);border-color:var(--pe-color-primary)}.swatch.color-swatch{min-width:44px;display:flex;align-items:center;justify-content:center}.swatch.color-swatch input+.swatch-label:after,.swatch.color-swatch .swatch-label:after{content:"";display:block;position:absolute;border:1px solid var(--pe-color-primary);width:calc(100% + 7.5px);height:calc(100% + 7.5px);border-radius:4px;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;opacity:0}.swatch.color-swatch input:checked+.swatch-label:after,.swatch.color-swatch:hover .swatch-label:after{opacity:1}.swatch .form-control.disabled+.swatch-label:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:linear-gradient(to left top,transparent calc(50% - .5px),var(--pe-border-color) calc(50% - 1px),var(--pe-border-color) calc(50% + .5px),transparent calc(50% + .5px));-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.product-details-wrapper .addon-fieldset .swatch.color-swatch .swatch-label{min-width:16px;min-height:16px}.product-details-wrapper .addon-fieldset .swatch.color-swatch input:checked+.swatch-label:after{width:4px;height:4px}.swatch input{display:none}.pills-style .swatch .form-label{min-width:46px;border-radius:20px;cursor:pointer;text-align:center;font-size:var(--pe-font-size-md);background:transparent!important;border:1px solid var(--pe-body-color);padding:3px 10px;margin-bottom:.5rem}.pills-style .swatch input:checked+.swatch-label{background:var(--pe-body-color)!important;color:var(--pe-body-bg);border:1px solid var(--pe-body-color)}.pills-style .swatch input:checked+.swatch-label:after{display:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-swatch.css.map */