body.template-product .LOP-product-form-swatch-item,.template-product .LOP-product-form-swatch-item{position:relative;display:inline-block;margin:2px 8px 2px 2px;border-radius:var(--general-border-radius, 3px);overflow:hidden;cursor:pointer;transition:all .2s ease;width:40px;height:40px;border:2px solid transparent}body.template-product [dir=rtl] .LOP-product-form-swatch-item,.template-product [dir=rtl] .LOP-product-form-swatch-item{margin:2px 2px 2px 8px}body.template-product .LOP-product-form-swatch-item:hover,.template-product .LOP-product-form-swatch-item:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}body.template-product .LOP-product-form-swatch-link,.template-product .LOP-product-form-swatch-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}body.template-product .LOP-product-form-swatch-image,.template-product .LOP-product-form-swatch-image{width:100%;height:100%;object-fit:cover;border-radius:var(--general-border-radius, 3px);transition:all .2s ease}body.template-product .LOP-product-form-swatch-item--current,.template-product .LOP-product-form-swatch-item--current{box-shadow:0 0 0 2px var(--color-accent)}body.template-product .LOP-product-form-swatch-item--current .LOP-product-form-swatch-image,.template-product .LOP-product-form-swatch-item--current .LOP-product-form-swatch-image{transform:scale(.9)}body.template-product .LOP-product-form-swatch-item--current,.template-product .LOP-product-form-swatch-item--current{position:relative;border:2px solid #DE0E1A!important;box-shadow:0 0 0 2px #de0e1a!important;z-index:2;transform:scale(1.05)}body.template-product .LOP-product-form-swatch-item--current:hover,.template-product .LOP-product-form-swatch-item--current:hover{border:2px solid #DE0E1A!important;box-shadow:0 0 0 2px #de0e1a,0 2px 8px #00000026!important;transform:scale(1.1)}body.template-product .LOP-product-form-swatch-item--current,.template-product .LOP-product-form-swatch-item--current{transition:all .3s ease}body.template-product .LOP-product-form-swatch-item:focus-visible,.template-product .LOP-product-form-swatch-item:focus-visible{box-shadow:0 0 0 2px #015ecc}body.template-product .LOP-product-form-swatch-item:before,.template-product .LOP-product-form-swatch-item:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10;pointer-events:none}body.template-product .LOP-product-form-swatch-item:hover:before,.template-product .LOP-product-form-swatch-item:hover:before{opacity:1;visibility:visible}body.template-product .variations .product-form__input--color--large .LOP-product-form-swatch-item,.template-product .variations .product-form__input--color--large .LOP-product-form-swatch-item{width:60px;height:60px}body.template-product .variations .product-form__input--color--xlarge .LOP-product-form-swatch-item,.template-product .variations .product-form__input--color--xlarge .LOP-product-form-swatch-item{width:80px;height:80px}body.template-product .LOP-product-form-swatch-item.loading,.template-product .LOP-product-form-swatch-item.loading{opacity:.6;pointer-events:none}body.template-product .LOP-product-form-swatch-item.loading:after,.template-product .LOP-product-form-swatch-item.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}body.template-product .LOP-product-form-swatch-item.error,.template-product .LOP-product-form-swatch-item.error{opacity:.4;filter:grayscale(1)}@media (max-width: 768px){body.template-product .LOP-product-form-swatch-item,.template-product .LOP-product-form-swatch-item{margin:1px 4px 1px 1px}body.template-product [dir=rtl] .LOP-product-form-swatch-item,.template-product [dir=rtl] .LOP-product-form-swatch-item{margin:1px 1px 1px 4px}body.template-product .variations .product-form__input--color--large .LOP-product-form-swatch-item,.template-product .variations .product-form__input--color--large .LOP-product-form-swatch-item{width:50px;height:50px}body.template-product .variations .product-form__input--color--xlarge .LOP-product-form-swatch-item,.template-product .variations .product-form__input--color--xlarge .LOP-product-form-swatch-item{width:60px;height:60px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-form-lop.css.map */