.custom-color-picker{padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid rgb(var(--color-border))}.custom-color-picker fieldset{border:none;padding:0;margin:0}.custom-color-picker__current-color{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-4);font-size:var(--font-size-medium);font-weight:500}.custom-color-picker__current-color__label{color:rgb(var(--color-foreground));padding-left:0;font-family:var(--tertiary-font-family);font-size:var(--text-size-small)}.custom-color-picker__current-color [data-color-container]{font-size:var(--text-size-small);font-family:var(--tertiary-font-family)}.custom-color-picker__colors{display:flex;flex-wrap:wrap;margin-bottom:.25rem;margin-left:.25rem;gap:var(--space-2)}.custom-color-picker__color{position:relative;display:inline-block}.custom-color-picker__input{position:absolute;opacity:0;pointer-events:none}.custom-color-picker__label{position:relative;display:block;cursor:pointer;width:1.35rem;height:1.35rem;transition:transform var(--duration-default) var(--default-easing)}.custom-color-picker__label__swatch{display:block;width:100%;height:100%;border-radius:50%;border:none;box-shadow:none;transition:box-shadow var(--duration-default) var(--default-easing)}.custom-color-picker__label:hover .custom-color-picker__label__swatch{box-shadow:0 0 0 1px rgba(var(--color-text),.35)}.custom-color-picker__input:checked+.custom-color-picker__label .custom-color-picker__label__swatch,.custom-color-picker__color.is-selected .custom-color-picker__label__swatch{box-shadow:0 0 0 2.5px rgb(var(--color-background)),0 0 0 3.5px rgb(var(--color-text))}.custom-color-picker__input:checked+.custom-color-picker__label:hover .custom-color-picker__label__swatch,.custom-color-picker__color.is-selected .custom-color-picker__label:hover .custom-color-picker__label__swatch{box-shadow:0 0 0 2.5px rgb(var(--color-background)),0 0 0 3.5px rgb(var(--color-text))}.custom-color-picker__label__ring{display:none}.custom-color-picker__input:focus-visible+.custom-color-picker__label .custom-color-picker__label__swatch{outline:2px solid rgb(var(--color-text));outline-offset:3px}.custom-color-picker__label__swatch[data-color-name=black]{background-color:#000}.custom-color-picker__label__swatch[data-color-name=white]{background-color:#fff;box-shadow:inset 0 0 0 1px rgba(var(--color-text),.15)}.custom-color-picker__input:checked+.custom-color-picker__label .custom-color-picker__label__swatch[data-color-name=white],.custom-color-picker__color.is-selected .custom-color-picker__label__swatch[data-color-name=white]{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgb(var(--color-text))}.custom-color-picker__label__swatch[data-color-name=gray],.custom-color-picker__label__swatch[data-color-name=grey]{background-color:gray}.custom-color-picker__label__swatch[data-color-name=red]{background-color:red}.custom-color-picker__label__swatch[data-color-name=blue]{background-color:#00f}.custom-color-picker__label__swatch[data-color-name=green]{background-color:green}.custom-color-picker__label__swatch[data-color-name=yellow]{background-color:#ff0}.custom-color-picker__label__swatch[data-color-name=orange]{background-color:orange}.custom-color-picker__label__swatch[data-color-name=pink]{background-color:pink}.custom-color-picker__label__swatch[data-color-name=purple]{background-color:purple}.custom-color-picker__label__swatch[data-color-name=brown]{background-color:brown}.custom-color-picker__label__swatch[data-color-name=navy]{background-color:navy}.custom-color-picker__label__swatch[data-color-name=beige]{background-color:beige}.custom-color-picker__label__swatch[data-color-name=tan]{background-color:tan}.custom-color-picker__label__swatch[data-color-name=cream]{background-color:#fffdd0}.custom-color-picker__label__swatch[data-color-name=gold]{background-color:gold}.custom-color-picker__label__swatch[data-color-name=silver]{background-color:silver}.custom-color-picker__label__swatch[data-color-name=bronze]{background-color:#cd7f32}quick-add-color-picker .custom-color-picker--card{padding-bottom:0;margin-top:var(--space-2);margin-bottom:0;border-bottom:none}quick-add-color-picker .custom-color-picker--card .custom-color-picker__label{width:1rem;height:1rem}@media screen and (min-width:768px){quick-add-color-picker .custom-color-picker--card .custom-color-picker__label{width:1rem;height:1rem}}@media screen and (max-width:767px){.show-for-large-up{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-color-picker.css.map */