.custom-color{display:block;margin:2rem 0;max-width:44rem}.custom-color__fieldset{border:0;margin:0;padding:0}.custom-color__legend{font-size:1.6rem;font-weight:600}.custom-color__instructions,.custom-color__status,.custom-color__error{margin:.8rem 0}.custom-color__wheel-wrap{height:280px;margin:1.2rem 0;position:relative;width:300px}.custom-color__wheel{display:block;height:100%;max-width:100%;touch-action:pan-y;width:100%}.custom-color__wheel:focus-visible,.custom-color__swatch:focus-visible,.custom-color__clear:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.custom-color__cursor{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #111;height:16px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:16px}.custom-color__controls{align-items:center;display:flex;gap:1.2rem}.custom-color__preview{align-items:center;background:rgba(var(--color-foreground),.05);border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius);display:flex;flex:0 0 56px;height:56px;justify-content:center}.custom-color__check,.custom-color__swatch span,.custom-color__compact-swatch span{color:#fff;filter:drop-shadow(0 1px 1px #000);font-size:2rem;font-weight:700}.custom-color__hex-field,.custom-color__name-field{flex:1;margin:0}.custom-color__name-field{margin-top:1.2rem}.custom-color__quick{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.2rem 0}.custom-color__swatch{align-items:center;-webkit-appearance:none;appearance:none;background:var(--swatch-color);border:.1rem solid rgba(var(--color-foreground),.35);border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;width:44px}.custom-color__swatch span{display:none}.custom-color__swatch[aria-pressed=true] span{display:inline}.custom-color__clear{min-height:44px;margin-top:1rem}.custom-color__error{color:rgba(var(--color-foreground),.85);font-weight:600}.custom-color-standard-overridden label{opacity:.55}.custom-color-standard-overridden label:after{content:" \2014  " attr(data-custom-color-override);font-size:1.2rem}.custom-color-standard-overridden input[type=radio]:checked+label{background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.6)}.custom-color-line dd{align-items:center;display:flex;gap:.8rem}.custom-color-line__swatch{align-items:center;background:var(--custom-line-color);border:.1rem solid rgba(var(--color-foreground),.35);border-radius:50%;display:inline-flex;flex:0 0 32px;height:32px;justify-content:center}.custom-color-line__swatch span{color:#fff;filter:drop-shadow(0 1px 1px #000);font-weight:700}.custom-color__compact-selected{align-items:center;display:flex;gap:1.2rem}.custom-color__compact-selected>span:last-child,.custom-color__compact-selected [data-compact-name],.custom-color__compact-selected [data-compact-hex]{display:block}.custom-color__compact-swatch{align-items:center;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:50%;display:flex;flex:0 0 48px;height:48px;justify-content:center}quick-add-modal .custom-color__full{display:none}quick-add-modal .custom-color__compact{display:block}quick-add-modal .custom-color__compact[hidden]{display:block}@media screen and (max-width:749px){.custom-color{max-width:100%}.custom-color__wheel-wrap{height:180px;margin-left:auto;margin-right:auto;width:190px}.custom-color__controls{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/custom-color-picker.css.map */