.color-picker-property__helper{margin-block:calc(var(--spacing-0-5) * -1) var(--spacing-1);line-height:1.4}.color-picker-property__control{display:flex;align-items:center;gap:var(--spacing-1, .5rem);flex-wrap:wrap;margin-block-start:var(--spacing-1)}.color-picker-property__swatch-wrapper{position:relative;display:inline-flex;width:2.75rem;height:2.75rem;border-radius:var(--input-border-radius, 0);overflow:hidden;cursor:pointer;border:var(--input-border-width, 1px) solid rgba(var(--text-color),.2);transition:border-color .2s ease;flex-shrink:0;background-color:rgba(var(--input-background),1)}.color-picker-property__swatch-wrapper:hover{border-color:rgba(var(--text-color),.5)}.color-picker-property__swatch-wrapper:focus-within{outline:2px solid rgba(var(--text-color),1);outline-offset:2px}.color-picker-property__swatch{display:block;width:100%;height:100%;background-image:linear-gradient(45deg,#d4d4d4 25%,transparent 25%),linear-gradient(-45deg,#d4d4d4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d4d4d4 75%),linear-gradient(-45deg,transparent 75%,#d4d4d4 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}.color-picker-property__swatch[data-has-color=true]{background-image:none}.color-picker-property__native{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0;padding:0}.color-picker-property__hex{flex:1 1 auto;min-width:7.5rem;max-width:11rem;height:2.75rem;padding:0 var(--spacing-1-5, .75rem);font-family:inherit;font-size:var(--text-sm, .875rem);letter-spacing:.04em;text-transform:uppercase;border:var(--input-border-width, 1px) solid rgba(var(--text-color),.2);border-radius:var(--input-border-radius, 0);background-color:rgba(var(--input-background),1);color:rgba(var(--text-color),1)}.color-picker-property__hex::placeholder{color:rgba(var(--text-color),.4);text-transform:none;letter-spacing:0}.color-picker-property__hex:focus{outline:2px solid rgba(var(--text-color),1);outline-offset:1px;border-color:rgba(var(--text-color),1)}.color-picker-property__hex[aria-invalid=true]{border-color:#c20b5a;color:#c20b5a}.color-picker-property__reset{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;background:transparent;color:rgba(var(--text-color),.6);cursor:pointer;border-radius:50%;transition:background-color .2s ease,color .2s ease}.color-picker-property__reset:hover{background-color:rgba(var(--text-color),.08);color:rgba(var(--text-color),1)}.color-picker-property__reset[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/color-picker.css.map */