/*!
 * Product Variant Color Circles
 * Morata Theme - Separate CSS File
 * File: /assets/variant-colors.css
 */.product-collection__color-variants{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 6px;align-items:center;justify-content:flex-start;min-height:22px}.variant-color-option{cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative;display:inline-block}.variant-color-option:hover{transform:scale(1.15);z-index:2}.variant-color-option:active{transform:scale(.95)}.color-circle{display:inline-block;width:20px;height:20px;border-radius:50%;border:1.5px solid #ddd;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.variant-color-option:hover .color-circle{border-color:#333;box-shadow:0 4px 12px #00000026}.variant-color-option.selected .color-circle,.variant-color-option.active .color-circle{border-color:#000;box-shadow:0 0 0 2px #0000001a;transform:scale(1.1)}.color-circle.color-image{border-color:#ccc;background-size:cover;background-position:center}.color-circle.color-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #0000001a}.color-circle[data-color*=red],.color-circle.color-red{background-color:#dc3545!important}.color-circle[data-color*=blue],.color-circle.color-blue{background-color:#007bff!important}.color-circle[data-color*=green],.color-circle.color-green{background-color:#28a745!important}.color-circle[data-color*=yellow],.color-circle.color-yellow{background-color:#ffc107!important}.color-circle[data-color*=orange],.color-circle.color-orange{background-color:#fd7e14!important}.color-circle[data-color*=purple],.color-circle.color-purple{background-color:#6f42c1!important}.color-circle[data-color*=pink],.color-circle.color-pink{background-color:#e83e8c!important}.color-circle[data-color*=black],.color-circle.color-black{background-color:#000!important}.color-circle[data-color*=white],.color-circle.color-white{background-color:#fff!important;border-color:#999!important}.color-circle[data-color*=gray],.color-circle[data-color*=grey],.color-circle.color-gray,.color-circle.color-grey{background-color:#6c757d!important}.color-circle[data-color*=beige],.color-circle.color-beige{background-color:beige!important;border-color:#ccc!important}.color-circle[data-color*=cream],.color-circle.color-cream{background-color:#fffdd0!important;border-color:#ccc!important}.color-circle[data-color*=ivory],.color-circle.color-ivory{background-color:ivory!important;border-color:#ccc!important}.color-circle[data-color*=gold],.color-circle.color-gold{background:linear-gradient(135deg,gold,#ffed4e)!important}.color-circle[data-color*=silver],.color-circle.color-silver{background:linear-gradient(135deg,silver,#e8e8e8)!important}.color-circle[data-color*=bronze],.color-circle.color-bronze{background:linear-gradient(135deg,#cd7f32,#b8860b)!important}.color-circle[data-color*=navy],.color-circle.color-navy{background-color:navy!important}.color-circle[data-color*=teal],.color-circle.color-teal{background-color:#20c997!important}.color-circle[data-color*=brown],.color-circle.color-brown{background-color:#8b4513!important}.color-circle[data-color*=maroon],.color-circle.color-maroon{background-color:maroon!important}.color-circle[data-color*=olive],.color-circle.color-olive{background-color:#6b8e23!important}.color-circle[data-color*=lime],.color-circle.color-lime{background-color:#32cd32!important}.color-circle[data-color*=coral],.color-circle.color-coral{background-color:coral!important}.color-circle[data-color*=salmon],.color-circle.color-salmon{background-color:salmon!important}.color-circle[data-color*=turquoise],.color-circle.color-turquoise{background-color:#40e0d0!important}.color-circle[data-color*=lavender],.color-circle.color-lavender{background-color:#e6e6fa!important;border-color:#ccc!important}.color-circle[data-color*=mint],.color-circle.color-mint{background-color:#98fb98!important}.color-circle[data-color*=peach],.color-circle.color-peach{background-color:#ffcba4!important}.color-circle[data-color*=multi],.color-circle[data-color*=rainbow],.color-circle.color-multi,.color-circle.color-rainbow{background:conic-gradient(from 0deg,red 0deg 60deg,#ff0 60deg 120deg,#0f0 120deg 180deg,#0ff 180deg 240deg,#00f 240deg 300deg,#f0f 300deg 360deg)!important}.color-circle[data-color*=stripe],.color-circle.color-stripe{background:repeating-linear-gradient(45deg,#333,#333 2px,#fff 2px 4px)!important}.color-circle[data-color*=floral],.color-circle.color-floral{background:radial-gradient(circle,#ff69b4 30%,#fff 30%)!important;background-size:8px 8px}.color-circle[data-color*=white],.color-circle[data-color*=beige],.color-circle[data-color*=cream],.color-circle[data-color*=ivory],.color-circle[data-color*=silver],.color-circle[data-color*=lavender],.color-circle.color-white,.color-circle.color-beige,.color-circle.color-cream,.color-circle.color-ivory,.color-circle.color-silver,.color-circle.color-lavender{border-color:#999!important}.variant-color-option:hover .color-circle[data-color*=white],.variant-color-option:hover .color-circle[data-color*=beige],.variant-color-option:hover .color-circle[data-color*=cream],.variant-color-option:hover .color-circle[data-color*=ivory],.variant-color-option:hover .color-circle[data-color*=lavender]{border-color:#666!important;box-shadow:0 4px 12px #0003}.variant-color-option:focus{outline:none}.variant-color-option:focus .color-circle{outline:2px solid #007bff;outline-offset:2px}.variant-color-option[aria-pressed=true] .color-circle{border-color:#000!important;box-shadow:0 0 0 2px #0003;transform:scale(1.05)}.variant-color-option.loading .color-circle{opacity:.6;pointer-events:none}.variant-color-option.loading .color-circle:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;animation:variant-color-spin 1s linear infinite}@keyframes variant-color-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.color-tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;pointer-events:none;opacity:0;transition:opacity .2s ease}.variant-color-option:hover .color-tooltip{opacity:1}.color-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333}@media (max-width: 768px){.product-collection__color-variants{gap:4px;margin:6px 0 4px}.color-circle{width:24px;height:24px;border-width:1px}.variant-color-option:hover{transform:scale(1.1)}}@media (max-width: 480px){.product-collection__color-variants{gap:3px;margin:4px 0}.color-circle{width:24px;height:24px}}.product-grid-style .product-collection__color-variants{margin:8px 0 5px}.product-list-style .product-collection__color-variants{margin:6px 0}.product-collection__color-variants:empty{display:none}[dir=rtl] .product-collection__color-variants{justify-content:flex-end}[dir=rtl] .color-tooltip{left:auto;right:50%;transform:translate(50%)}@media (prefers-contrast: high){.color-circle{border-width:2px;border-color:#000}.variant-color-option:hover .color-circle{border-color:#000;box-shadow:0 0 0 3px #0000004d}}@media (prefers-reduced-motion: reduce){.variant-color-option,.color-circle,.color-tooltip{transition:none}.variant-color-option:hover{transform:none}@keyframes variant-color-spin{0%{transform:rotate(0)}to{transform:rotate(0)}}}@media (prefers-color-scheme: dark){.color-circle{border-color:#555}.variant-color-option:hover .color-circle{border-color:#777}.color-circle[data-color*=white],.color-circle.color-white{border-color:#666!important}.color-tooltip{background:#1a1a1a;border:1px solid #555}.color-tooltip:after{border-top-color:#1a1a1a}}@media print{.product-collection__color-variants{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/variant-colors.css.map */