:root{--pk-muted: #9ca3af;--pk-border: #e5e7eb}.cp-picker{display:flex;flex-direction:column;gap:8px}.cp-picker__label{font-size:13px;font-weight:600;color:var(--pk-text)}.cp-error{margin:0;font-size:13px;color:#b42318;background:#fef3f2;border:1px solid #fda29b;border-radius:3px;padding:8px 12px}.cp-btn-row{display:flex;gap:8px}.cp-btn{flex:1;padding:8px 20px;border-radius:3px;cursor:pointer;font-size:13px;font-weight:600;text-align:center;border:1px solid transparent;transition:filter .15s,background .15s;white-space:nowrap}.cp-btn:hover{filter:brightness(.92)}.cp-btn--white{background:var(--pk-btn-white-bg, #ffffff);color:var(--pk-text);border-color:#0000001f}.cp-btn--custom{background:var(--pk-btn-custom-bg, var(--pk-accent));color:#fff}.cp-btn--custom:after{content:"";display:inline-block;width:15px;height:15px;margin-left:7px;vertical-align:-2px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10c1.38 0 2.5-1.12 2.5-2.5 0-.61-.23-1.2-.64-1.67-.08-.1-.13-.21-.13-.33 0-.28.22-.5.5-.5H16c3.31 0 6-2.69 6-6 0-4.96-4.49-9-10-9zm5.5 11c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm-3-4c-.83 0-1.5-.67-1.5-1.5S13.67 6 14.5 6s1.5.67 1.5 1.5S15.33 9 14.5 9zM5 11.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5S7.33 13 6.5 13 5 12.33 5 11.5zm6-4c0 .83-.67 1.5-1.5 1.5S8 8.33 8 7.5 8.67 6 9.5 6s1.5.67 1.5 1.5z'/%3E%3C/svg%3E") no-repeat center / contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10c1.38 0 2.5-1.12 2.5-2.5 0-.61-.23-1.2-.64-1.67-.08-.1-.13-.21-.13-.33 0-.28.22-.5.5-.5H16c3.31 0 6-2.69 6-6 0-4.96-4.49-9-10-9zm5.5 11c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm-3-4c-.83 0-1.5-.67-1.5-1.5S13.67 6 14.5 6s1.5.67 1.5 1.5S15.33 9 14.5 9zM5 11.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5S7.33 13 6.5 13 5 12.33 5 11.5zm6-4c0 .83-.67 1.5-1.5 1.5S8 8.33 8 7.5 8.67 6 9.5 6s1.5.67 1.5 1.5z'/%3E%3C/svg%3E") no-repeat center / contain}#shade-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:10000;padding:16px}#shade-overlay.is-open{display:flex;align-items:center;justify-content:center}#shade-modal{background:#fff;border-radius:12px;width:100%;max-width:980px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000040}.shade-modal__header{display:flex;align-items:flex-start;gap:24px;padding:24px 28px 20px;border-bottom:1px solid var(--pk-border);flex-shrink:0}#shade-modal.is-searching .shade-modal__header{border-bottom:none}.shade-modal__title{flex:1}.shade-modal__title h2{font-size:24px;font-weight:700;margin:0 0 8px;line-height:1.3;color:var(--pk-text)}.shade-modal__title h2 .cp-blue{color:var(--pk-accent)}.shade-modal__title p{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.shade-modal__controls{display:flex;align-items:flex-end;gap:12px;flex-shrink:0}.shade-modal__controls[hidden]{display:none}.shade-modal__select-group{display:flex;flex-direction:column;gap:5px}.shade-modal__select-group label{font-size:11px;font-weight:700;color:var(--pk-accent);text-transform:uppercase;letter-spacing:.06em}.shade-modal__select-group select{-webkit-appearance:none;appearance:none;border:1px solid #d1d5db;border-radius:6px;padding:9px 36px 9px 12px;font-size:14px;min-width:175px;color:#111;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center}.shade-modal__select-group select:disabled{opacity:.5;cursor:default}.shade-modal__select-group select:focus{outline:none;border-color:var(--pk-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--pk-accent) 15%,transparent)}.shade-near-btn{align-self:flex-end;border:none;border-radius:999px;background:var(--pk-accent);color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em;padding:11px 30px;cursor:pointer}.shade-near-btn:hover{filter:brightness(.95)}.shade-modal__search{padding:16px 28px;border-bottom:1px solid var(--pk-border);flex-shrink:0}.shade-back-btn{display:block;background:none;border:none;padding:0;margin:0 0 12px;color:var(--pk-accent);font-size:14px;font-weight:700;cursor:pointer}.shade-search-row{display:flex;gap:12px}#shade-search{flex:1;border:1px solid #d1d5db;border-radius:6px;padding:12px 16px;font-size:14px;color:#111}#shade-search:focus{outline:none;border-color:var(--pk-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--pk-accent) 15%,transparent)}.shade-search-start{border:none;border-radius:999px;background:var(--pk-accent);color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em;padding:12px 34px;cursor:pointer;white-space:nowrap}.shade-search-start:hover{filter:brightness(.95)}#shade-close{align-self:flex-start;background:none;border:none;font-size:22px;line-height:1;color:var(--pk-muted);cursor:pointer;padding:2px 4px;margin-top:-2px}#shade-close:hover{color:#111}#shade-grid{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));grid-auto-rows:max-content;gap:10px;align-content:start}#shade-grid:empty:after,.shade-grid__empty{grid-column:1 / -1;text-align:center;color:var(--pk-muted);font-size:14px;padding:40px 0;margin:0}#shade-grid:empty:after{content:"Seleziona una palette per vedere le tonalit\e0";display:block}.shade-chip{position:relative;display:flex;flex-direction:column;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;background:none;padding:0;transition:border-color .15s,transform .1s,box-shadow .15s}.shade-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.shade-chip--active{border-color:var(--pk-accent)!important}.shade-chip__swatch{display:block;height:60px;width:100%;flex:none;min-height:60px}.shade-chip__label{display:block;font-size:11px;font-weight:500;color:#374151;background:#f9fafb;padding:5px 6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid var(--pk-border)}.shade-chip__check{display:none;position:absolute;top:5px;right:5px;width:18px;height:18px;background:var(--pk-accent);border-radius:50%;align-items:center;justify-content:center}.shade-chip__check:after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}.shade-chip--active .shade-chip__check{display:flex}.shade-modal__footer{padding:14px 24px;border-top:1px solid var(--pk-border);display:flex;align-items:center;gap:12px;min-height:60px;flex-shrink:0}.shade-swatch-circle{width:32px;height:32px;border-radius:50%;border:2px solid var(--pk-border);flex-shrink:0}.shade-selected-code{font-size:14px;font-weight:600;color:var(--pk-text)}.shade-no-selection{font-size:14px;color:var(--pk-muted);font-style:italic}@media(max-width:640px){#shade-modal{max-height:95vh}.shade-modal__header{flex-direction:column;padding:20px 16px 16px}.shade-modal__controls{width:100%;flex-wrap:wrap}.shade-modal__select-group{flex:1;min-width:0}.shade-modal__select-group select{min-width:unset;width:100%}.shade-near-btn{width:100%}.shade-modal__search{padding:16px}#shade-grid{padding:16px;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/color-picker.css.map */