.color-dot,.power-btn{transition:.3s;cursor:pointer}.product-variations{margin:20px 0 25px}.product-variations .product-variations__title{font-family:var(--9-font);font-size:1.05em;color:var(--dark-gray);margin-bottom:.8em}.color-swatches{display:flex;gap:1em;align-items:center}.color-dot{width:2.1em;height:2.1em;border-radius:50%;border:1px solid #1b1b1b;display:inline-block;position:relative}.color-dot:hover{transform:scale(1.1);border-color:#000}.color-dot.current{border-color:#000;border-width:1px;pointer-events:none}.color-dot.current::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.3)}.color-dot.white{background-color:#fff;border-color:#898989}.color-dot.black{background-color:#000}.power-buttons{display:flex;gap:12px;flex-wrap:wrap}.power-btn{padding:.7em 1.5em;background:#f2f2f2;text-decoration:none;color:var(--black);font-family:var(--9-font);font-size:.95em;border-radius:4px}.power-btn:hover{background:#e2e2e2}.power-btn.current{background:#f2f2f2;pointer-events:none;color:rgb(154 154 154)}.color-dot.loading,.power-btn.loading{opacity:.6;pointer-events:none}.color-dot.hover-effect{transform:scale(1.1);box-shadow:none!important}.power-btn.hover-effect{transform:translateY(-1px);box-shadow:none!important}@media (max-width:768px){.product-variations{margin:0 0 25px}.product-variations .product-variations__title{font-size:1.2em;margin-bottom:.6em}}