.LOP-product-card-swatches-wrapper{min-height:50px;display:flex;align-items:flex-start}.LOP-product-card-collection{color:#3f3f3f;font-family:Galano Grotesque!important;font-size:11px;font-style:normal;font-weight:400!important}.LOP-product-card-swatches{margin-bottom:5px;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;min-height:40px}.LOP-product-card-swatches-container{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;min-height:40px}.LOP-product-card-swatch-item{width:40px;height:40px;border-radius:4px;overflow:hidden;border:2px solid transparent;transition:all .2s ease;cursor:pointer;position:relative;flex-shrink:0;background:var(--option-color-image, var(--option-color, #f5f5f5));background-size:cover;background-position:center}.LOP-product-card-swatch-item:hover,.LOP-product-card-swatch-item.hover{border-color:#171717;transform:scale(1.05);box-shadow:0 2px 8px #de0e1a4d}.LOP-product-card-swatch-item:focus{outline:2px solid #171717;outline-offset:2px}.LOP-product-card-swatch-link{display:block;width:100%;height:100%;text-decoration:none;position:relative}.LOP-product-card-swatch-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.LOP-product-card-swatch-item:hover .LOP-product-card-swatch-image{transform:scale(1.1)}.LOP-product-card-swatch-item.loading{opacity:.6;pointer-events:none}.LOP-product-card-swatch-item.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #171717;border-top-color:transparent;border-radius:50%;animation:LOP-spin 1s linear infinite}@keyframes LOP-spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.LOP-product-card-swatches-wrapper{min-height:45px}.LOP-product-card-swatch-item{width:35px;height:35px}}@media (max-width: 768px){.LOP-product-card-swatches-wrapper{min-height:40px;position:relative}.LOP-product-card-swatches{gap:.375rem;min-height:35px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:0 .5rem;margin:.5rem -.5rem}.LOP-product-card-swatches::-webkit-scrollbar{display:none}.LOP-product-card-swatches-container{gap:.375rem;min-height:35px;display:flex;flex-wrap:nowrap;align-items:center;min-width:max-content}.LOP-product-card-swatch-item{width:30px;height:30px;flex-shrink:0}.LOP-product-card-swatches:before,.LOP-product-card-swatches:after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:1}.LOP-product-card-swatches:before{left:0;background:linear-gradient(to right,rgba(255,255,255,.8) 0%,transparent 100%)}.LOP-product-card-swatches:after{right:0;background:linear-gradient(to left,rgba(255,255,255,.8) 0%,transparent 100%)}.LOP-product-card-swatches-nav{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#ffffffe6;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;opacity:.8;transition:opacity .2s ease}.LOP-product-card-swatches-nav:hover{opacity:1}.LOP-product-card-swatches-nav.prev{left:5px}.LOP-product-card-swatches-nav.next{right:5px}.LOP-product-card-swatches-nav.hidden{display:none}}.LOP-product-card-swatch-item[data-tooltip]:hover:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1000;margin-bottom:.25rem}.LOP-product-card-swatch-item[data-tooltip]:hover:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c;z-index:1000;margin-bottom:-4px}.LOP-product-card-swatch-item:focus-visible{outline:2px solid #171717;outline-offset:2px}.LOP-product-card-swatch-item.error{border-color:#dc3545;opacity:.6}.LOP-product-card-swatches-container{animation:LOP-fade-in .3s ease-out}@keyframes LOP-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.LOP-product-card-swatch-item{position:relative;z-index:1}.LOP-product-card-swatch-item:hover{z-index:2}.LOP-product-card-swatch-item[data-is-current-product=true]{border-color:#28a745;box-shadow:0 0 0 2px #28a7454d}.LOP-product-card-swatch-item[data-is-current-product=true]:after{content:"\2713";position:absolute;top:-2px;right:-2px;background:#28a745;color:#fff;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/8/assets/LOP-product-card-swatches.css.map */