.idepoo-color-picker{margin:21px 0;padding:19px;border:1px solid #dce6ef;border-radius:17px;background:linear-gradient(145deg,#fff,#f7fafc)}.idepoo-color-picker legend{display:flex;width:100%;align-items:center;justify-content:space-between;gap:15px;padding:0;color:#102d4e}.idepoo-color-picker legend>span{font-size:.9rem;font-weight:950}.idepoo-color-picker legend small{color:#718094;font-size:.66rem}.idepoo-color-picker legend b{color:#e31d3b}.idepoo-color-picker__options{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.idepoo-color-swatch{position:relative;display:flex;align-items:center;gap:7px;padding:6px 10px 6px 7px;border:1px solid #dbe4ec;border-radius:999px;background:#fff;color:#52657a;font-size:.7rem;font-weight:850;cursor:pointer;transition:.22s}.idepoo-color-swatch:hover{transform:translateY(-2px);border-color:#afc3d6;box-shadow:0 7px 16px rgba(15,52,87,.08)}.idepoo-color-swatch input{position:absolute;opacity:0;pointer-events:none}.idepoo-color-swatch i{position:relative;display:grid;width:29px;height:29px;place-items:center;border:3px solid #fff;border-radius:50%;background:var(--product-color);box-shadow:0 0 0 1px rgba(10,35,59,.16)}.idepoo-color-swatch svg{width:17px;fill:none;stroke:#fff;stroke-width:2.5;opacity:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));transform:scale(.5);transition:.2s}.idepoo-color-swatch.is-selected{border-color:#0f5b9c;background:#edf5fb;color:#0f5b9c;box-shadow:0 7px 18px rgba(15,91,156,.11)}.idepoo-color-swatch.is-selected i{box-shadow:0 0 0 2px #0f5b9c,0 4px 10px rgba(12,42,69,.15)}.idepoo-color-swatch.is-selected svg{opacity:1;transform:scale(1)}.idepoo-color-picker>p{display:flex;align-items:center;gap:6px;margin:13px 0 0;color:#718094;font-size:.62rem}.idepoo-color-picker>p>span{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#eaf7f1;color:#16805b}.idepoo-cart-color{display:inline-flex;align-items:center;gap:7px}.idepoo-cart-color i{width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:var(--cart-color);box-shadow:0 0 0 1px #bfcad5}.idepoo-order-color{display:inline-block;width:14px;height:14px;margin-right:7px;vertical-align:middle;border:2px solid #fff;border-radius:50%;background:var(--order-color);box-shadow:0 0 0 1px #aebbc8}.idepoo-select-color-button{background:#edf5fb!important;color:#0f5b9c!important}@media(max-width:560px){.idepoo-color-picker{padding:15px 12px}.idepoo-color-picker legend{align-items:flex-start;flex-direction:column;gap:4px}.idepoo-color-swatch{padding-right:7px}.idepoo-color-swatch span{font-size:.64rem}}