palette-selector{display:block;margin-block-start:16px}.palette-selector__trigger-area{display:flex;flex-direction:column;gap:10px}.palette-selector__preview{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.palette-selector__preview-swatch{position:relative;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(0,0,0,.12);cursor:pointer;padding:0;background-color:#000;overflow:hidden;transition:border-color .15s,transform .1s;background-size:cover;background-position:center}.palette-selector__preview-swatch:hover{border-color:#000;transform:scale(1.08)}.palette-selector__preview-swatch--unavailable{opacity:.4;cursor:not-allowed}.palette-selector__preview-swatch--unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 44%,rgba(0,0,0,.55) 44%,rgba(0,0,0,.55) 56%,transparent 56%)}.palette-selector__preview-more{font-size:var(--font-size--sm, 12px);color:var(--color-foreground, #161310);opacity:.6;padding:4px 6px}.palette-selector__open-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border-radius:999px;border:none;background:#161310;color:#fff;padding:14px 20px;font-size:var(--font-size--md, 14px);font-weight:700;cursor:pointer;min-height:44px;box-shadow:4px 4px #c7abff;transition:box-shadow var(--animation-speed, .2s) var(--ease-out-cubic, cubic-bezier(.33, 1, .68, 1)),background var(--animation-speed, .2s) var(--ease-out-cubic, cubic-bezier(.33, 1, .68, 1)),scale var(--animation-speed, .2s) var(--ease-out-cubic, cubic-bezier(.33, 1, .68, 1)),translate var(--animation-speed, .2s) var(--ease-out-cubic, cubic-bezier(.33, 1, .68, 1))}.palette-selector__open-btn:hover{background:#000;box-shadow:5px 5px #c7abff}.palette-selector__open-btn:active{scale:.99;translate:0 1px}.palette-selector__open-btn svg{width:18px;height:18px;flex-shrink:0}.palette-selector__dialog{--ps-padding: 20px;position:fixed;border:none;padding:0;background:var(--color-background, #fff);color:var(--color-foreground, #161310);box-shadow:0 8px 48px #0003;margin:auto;width:min(720px,90vw);height:min(85vh,800px);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.palette-selector__dialog:not([open]){display:none}.palette-selector__dialog::backdrop{background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media screen and (max-width:749px){.palette-selector__dialog{width:100%;max-width:100%;height:92dvh;margin:auto auto 0;border-radius:20px 20px 0 0}}.palette-selector__dialog-inner{display:flex;flex-direction:column;flex:1;min-height:0}.palette-selector__header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--ps-padding);border-bottom:1px solid var(--color-border, #e0e0e0);flex-shrink:0}.palette-selector__title{margin:0;font-size:var(--font-size--lg, 18px);font-weight:700}.palette-selector__close-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;cursor:pointer;border-radius:50%;padding:0;color:var(--color-foreground, #161310);transition:background .15s;flex-shrink:0}.palette-selector__close-btn:hover{background:#00000012}.palette-selector__close-btn svg{width:20px;height:20px}.palette-selector__search-wrap{padding:12px var(--ps-padding) 0;flex-shrink:0}.palette-selector__search{width:100%;border:1.5px solid var(--color-border, #ccc);border-radius:999px;padding:10px 16px;font-size:var(--font-size--sm, 14px);background:var(--color-background, #fff);color:var(--color-foreground, #161310);outline:none;transition:border-color .15s;appearance:none;-webkit-appearance:none}.palette-selector__search:focus{border-color:var(--color-foreground, #161310)}.palette-selector__families{display:flex;flex-wrap:nowrap;gap:6px;padding:10px var(--ps-padding);flex-shrink:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.palette-selector__families::-webkit-scrollbar{display:none}.palette-selector__family-chip{flex-shrink:0;padding:6px 14px;border-radius:999px;border:1.5px solid var(--color-border, #ccc);background:transparent;font-size:var(--font-size--xs, 12px);font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;min-height:36px;white-space:nowrap;color:var(--color-foreground, #161310)}.palette-selector__family-chip:hover{border-color:var(--color-foreground, #161310)}.palette-selector__family-chip--active{background:var(--color-foreground, #161310);color:var(--color-background, #fff);border-color:var(--color-foreground, #161310)}.palette-selector__grid{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px var(--ps-padding) var(--ps-padding);display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-content:start}@media screen and (max-width:749px){.palette-selector__grid{grid-template-columns:repeat(3,1fr);gap:8px}}.palette-selector__card{display:flex;flex-direction:column;border:1.5px solid #ccc;border-radius:12px;overflow:visible;transition:border-color .15s,box-shadow .15s;background:var(--color-background, #fff)}.palette-selector__card--selected{border-color:#c7abff;box-shadow:0 0 0 1px #c7abff}.palette-selector__card--unavailable{opacity:.5}.palette-selector__swatch{position:relative;width:100%;min-height:110px;overflow:hidden;border-radius:12px 12px 0 0}.palette-selector__swatch-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.palette-selector__card--unavailable .palette-selector__swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 44%,rgba(255,255,255,.65) 44%,rgba(255,255,255,.65) 56%,transparent 56%)}.palette-selector__unavailable-badge{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:9px;font-weight:700;color:#0000008c;text-transform:uppercase;letter-spacing:.06em}.palette-selector__card-info{padding:7px 9px 0}.palette-selector__card-code-row{display:flex;align-items:baseline;justify-content:space-between;gap:4px}.palette-selector__card-code{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-selector__card-price{font-size:11px;font-weight:600;white-space:nowrap;opacity:.75}.palette-selector__card-name{display:block;font-size:11px;opacity:.6;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-selector__stepper{display:flex;align-items:center;justify-content:space-between;padding:6px 9px 9px;margin-top:auto}.palette-selector__stepper-btn{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--color-border, #ccc);background:transparent;font-size:15px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;padding:0;line-height:1;color:var(--color-foreground, #161310)}.palette-selector__stepper-btn:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.palette-selector__stepper-btn:hover:not(:disabled){background:var(--color-foreground, #161310);color:var(--color-background, #fff);border-color:var(--color-foreground, #161310)}.palette-selector__stepper-btn:disabled{opacity:.3;cursor:not-allowed}.palette-selector__stepper-count{font-size:14px;font-weight:600;min-width:22px;text-align:center}.palette-selector__card-error{font-size:10px;color:#c00;padding:0 9px 7px;margin:0;display:none}.palette-selector__card-error--visible{display:block}.palette-selector__empty{grid-column:1 / -1;text-align:center;padding:48px 20px;opacity:.55;margin:0}.palette-selector__footer{border-top:1px solid var(--color-border, #e0e0e0);padding:var(--ps-padding);display:flex;flex-direction:column;gap:10px;flex-shrink:0;background:var(--color-background, #fff)}.palette-selector__recap-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;padding:0;cursor:pointer;font-size:var(--font-size--sm, 13px);font-weight:500;min-height:44px;color:var(--color-foreground, #161310);text-align:left;gap:8px}.palette-selector__recap-summary{display:flex;align-items:center;gap:4px;flex:1}.palette-selector__recap-chevron{transition:transform .2s;font-style:normal;font-size:11px;flex-shrink:0}.palette-selector__recap-btn[aria-expanded=true] .palette-selector__recap-chevron{transform:rotate(180deg)}.palette-selector__recap-detail{display:flex;flex-direction:column;gap:4px;padding-top:4px;max-height:140px;overflow-y:auto}.palette-selector__recap-line{display:flex;align-items:center;gap:8px;font-size:var(--font-size--xs, 12px)}.palette-selector__recap-line-label{flex:1}.palette-selector__recap-line-price{font-weight:600;white-space:nowrap}.palette-selector__recap-line-remove{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:none;background:transparent;cursor:pointer;font-size:18px;padding:0;opacity:.45;transition:opacity .15s;color:var(--color-foreground, #161310);flex-shrink:0;margin-inline-start:-10px}.palette-selector__recap-line-remove:hover{opacity:1}.palette-selector__add-btn[data-added=true]{opacity:1;pointer-events:none}.palette-selector__add-btn{border-radius:999px;background:#161310;color:#fff;border:none;padding:14px 24px;font-weight:700;font-size:var(--font-size--md, 14px);cursor:pointer;width:100%;min-height:44px;box-shadow:4px 4px #c7abff;transition:box-shadow .15s,background .15s,opacity .15s;position:relative}.palette-selector__add-btn:hover:not(:disabled){background:#000;box-shadow:5px 5px #c7abff}.palette-selector__add-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.palette-selector__add-btn--loading{color:transparent;pointer-events:none}.palette-selector__add-btn--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:20px;height:20px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ps-spin .6s linear infinite}@keyframes ps-spin{to{transform:rotate(360deg)}}.palette-selector__success{display:none;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:#f0faf0;border-radius:8px;color:#1a7a1a;font-size:var(--font-size--sm, 13px);font-weight:500}.palette-selector__success--visible{display:flex}.palette-selector__global-error{font-size:var(--font-size--sm, 13px);color:#c00;margin:0;text-align:center}.palette-selector__swatch--clickable{cursor:zoom-in}.palette-selector__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(92vw,560px);max-height:92dvh;padding:0;border:none;border-radius:16px;background:#111;overflow:hidden;display:flex;flex-direction:column;align-items:center}.palette-selector__lightbox:not([open]){display:none}.palette-selector__lightbox::backdrop{background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.palette-selector__lightbox-close{position:absolute;top:12px;right:12px;z-index:1;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.palette-selector__lightbox-close:hover{background:#ffffff4d}.palette-selector__lightbox-close svg{width:18px;height:18px}.palette-selector__lightbox-loader{display:none;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:36px;height:36px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:ps-spin .6s linear infinite;pointer-events:none}.palette-selector__lightbox-loader--visible{display:block}.palette-selector__lightbox-img{display:block;width:100%;height:auto;object-fit:contain;transition:opacity .15s}.palette-selector__lightbox-img--loading{opacity:0}.palette-selector__lightbox-label{width:100%;padding:10px 16px;margin:0;font-size:13px;font-weight:600;color:#fff;text-align:center;background:#0006}.palette-selector__hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/21/assets/palette-selector.css.map */