.paint-color-picker{width:100%;margin-bottom:var(--gap-sm)}.paint-color-picker__label{color:var(--color-foreground);font-family:var(--font-body--family);font-size:var(--font-size--sm);font-weight:700;line-height:1.4;letter-spacing:.5px;margin:0 0 var(--gap-sm)}.paint-color-picker__row{display:flex;flex-wrap:wrap;gap:var(--gap-sm);align-items:stretch;justify-content:space-between;width:100%}.paint-color-picker__selected{display:flex;align-items:center;gap:var(--gap-xs);flex:1 1 auto;min-width:0;padding:var(--padding-sm) var(--padding-md);background-color:var(--color-input-background);box-shadow:var(--input-box-shadow);border-radius:var(--style-border-radius-inputs);border:none;max-width:fit-content}.paint-color-picker__swatch{display:block;width:24px;height:24px;border-radius:var(--border-radius-sm);flex-shrink:0;box-shadow:inset 0 0 0 1px #00000014}.paint-color-picker__swatch--empty{background-color:var(--color-background);background-image:linear-gradient(to top left,transparent calc(50% - 1px),rgb(var(--color-foreground-rgb) / .4) calc(50% - 1px),rgb(var(--color-foreground-rgb) / .4) calc(50% + 1px),transparent calc(50% + 1px));box-shadow:inset 0 0 0 1px rgb(var(--color-foreground-rgb) / .25)}.paint-color-picker__required-message{margin:var(--gap-xs) 0 0;color:var(--color-error, #b3261e);font-family:var(--font-body--family);font-size:var(--font-size--sm);font-weight:600}.paint-color-picker__required-message[hidden]{display:none}.paint-color-picker--required .paint-color-picker__selected{box-shadow:inset 0 0 0 1px rgb(var(--color-foreground-rgb) / .18)}.paint-color-picker--required .paint-color-picker__open-btn{position:relative}.paint-color-picker__selected-name{font-family:var(--font-body--family);font-size:var(--font-size--sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paint-color-picker__open-btn{flex-shrink:0;white-space:nowrap}.paint-color-picker__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#1e1e19f2;padding:24px}.paint-color-picker__modal-overlay[hidden]{display:none}.paint-color-picker__modal{background-color:var(--color-background);color:var(--color-foreground);border-radius:var(--style-border-radius-popover);box-shadow:0 8px 32px #0000002e;width:90vw;max-width:1100px;height:72vh;min-height:320px;display:flex;flex-direction:column;overflow:hidden}.paint-color-picker__modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 32px 0}.paint-color-picker__modal-title{margin:0;color:var(--text-primary, #4C4A3E);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"liga" off,"clig" off;font-family:var(--font-family-title, Polymath);font-size:var(--font-size-h1, 36px);font-style:italic;font-weight:800;line-height:var(--font-line-height-h1, 44px)}.paint-color-picker__close-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--color-foreground);cursor:pointer;padding:0;flex-shrink:0;transition:background-color var(--animation-speed) var(--animation-easing)}.paint-color-picker__close-btn:hover{background-color:rgb(var(--color-foreground-rgb) / .08)}.paint-color-picker__close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.paint-color-picker__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 32px;flex-wrap:wrap}.paint-color-picker__filters{display:flex;gap:8px;flex-shrink:0}.paint-color-picker__dropdown-menu:not([hidden])~.paint-color-picker__dropdown-btn svg,.paint-color-picker__dropdown:has(.paint-color-picker__dropdown-menu:not([hidden])) .paint-color-picker__dropdown-btn svg{transform:rotate(180deg)}.paint-color-picker__search{flex:1 1 auto;min-width:180px;max-width:380px}.paint-color-picker__search-input{width:100%}.paint-color-picker__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 32px 32px}.paint-color-picker__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;--color-card-ratio: 1 / 1.2}.paint-color-picker__no-results{text-align:center;padding:32px;color:rgb(var(--color-foreground-rgb) / .5);font-size:var(--font-size--sm)}.paint-color-picker__no-results[hidden]{display:none}@media screen and (max-width:999px){.paint-color-picker__grid{grid-template-columns:repeat(4,1fr);gap:16px}.paint-color-picker__modal-header{padding:24px 24px 0}.paint-color-picker__toolbar{padding:16px 24px}.paint-color-picker__body{padding:0 24px 24px}.paint-color-picker__search{max-width:none}}@media screen and (max-width:749px){.paint-color-picker__modal-overlay{padding:0;align-items:flex-end}.paint-color-picker__modal{height:82vh;max-height:none;width:100%;max-width:100%;border-radius:var(--style-border-radius-popover) var(--style-border-radius-popover) 0 0}.paint-color-picker__toolbar{flex-direction:column;align-items:stretch}.paint-color-picker__filters{width:100%}.paint-color-picker__dropdown{flex:1}.paint-color-picker__dropdown-btn{width:100%;justify-content:center}.paint-color-picker__search{max-width:none}.paint-color-picker__grid{grid-template-columns:repeat(3,1fr);gap:12px}.paint-color-picker__row{flex-direction:column}}@media screen and (max-width:479px){.paint-color-picker__grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/theme-c-paint-color-picker.css.map */