.color-pinwheel-overlay{position:absolute;z-index:10;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.color-pinwheel-overlay[data-position=top-left]{top:10px;left:10px}.color-pinwheel-overlay[data-position=top-right]{top:10px;right:10px}.color-pinwheel-overlay[data-position=bottom-left]{bottom:10px;left:10px}.color-pinwheel-overlay[data-position=bottom-right]{bottom:10px;right:10px}.pinwheel-container{width:var(--pinwheel-size, 80px);height:var(--pinwheel-size, 80px);display:flex;align-items:center;justify-content:center;background:#fffffff2;border-radius:50%;box-shadow:0 4px 12px #00000026;padding:8px}.pinwheel-icon{width:100%;height:100%;animation:spin var(--animation-speed, 3s) linear infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pinwheel-text{background:#e90c0cd9!important;color:#fff;padding:6px 12px;border-radius:20px;font-size:var(--text-size, 11px);font-weight:600;text-align:center;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0003;max-width:150px;line-height:1.2}.product-item:hover .color-pinwheel-overlay,.product-card:hover .color-pinwheel-overlay,.grid__item:hover .color-pinwheel-overlay{transform:scale(1.05)}.color-pinwheel-overlay.show-on-hover{opacity:0}.product-item:hover .color-pinwheel-overlay.show-on-hover,.product-card:hover .color-pinwheel-overlay.show-on-hover,.grid__item:hover .color-pinwheel-overlay.show-on-hover{opacity:1}@media (max-width: 768px){.color-pinwheel-overlay{gap:3px}.pinwheel-container{width:calc(var(--pinwheel-size, 80px) * .8);height:calc(var(--pinwheel-size, 80px) * .8);padding:6px}.pinwheel-text{font-size:calc(var(--text-size, 11px) * .9);padding:5px 10px;max-width:120px}.color-pinwheel-overlay[data-position=top-left],.color-pinwheel-overlay[data-position=top-right],.color-pinwheel-overlay[data-position=bottom-left],.color-pinwheel-overlay[data-position=bottom-right]{top:8px;right:8px;bottom:8px;left:8px}}@media (max-width: 480px){.pinwheel-container{width:calc(var(--pinwheel-size, 80px) * .65);height:calc(var(--pinwheel-size, 80px) * .65);padding:5px}.pinwheel-text{font-size:calc(var(--text-size, 11px) * .85);padding:4px 8px;max-width:100px}}@media (prefers-reduced-motion: reduce){.pinwheel-icon{animation:none}}@media print{.color-pinwheel-overlay{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pinwheel-overlay.css.map */
