.sign-colors{margin:1.6rem 0;--sign-colors-fold-dur: .7s;--sign-colors-wash-peak: 1}.sign-colors [hidden]{display:none!important}.sign-colors__details{border:.1rem solid rgba(var(--color-foreground),.25);border-radius:.4rem;margin:0 0 .8rem;background:rgb(var(--color-background))}.sign-colors__details[open]{border-color:rgba(var(--color-foreground),.55)}.sign-colors__summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:4.4rem;padding:.8rem 1.2rem;cursor:pointer;list-style:none;font-size:1.4rem;line-height:1.4;color:rgb(var(--color-foreground));position:relative;isolation:isolate}.sign-colors__summary::-webkit-details-marker{display:none}.sign-colors__summary:hover{background:rgba(var(--color-foreground),.04)}.sign-colors__summary:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.sign-colors__summary-text{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem .4rem;min-width:0}.sign-colors__summary-label{white-space:nowrap}.sign-colors__summary-prompt{white-space:normal}.sign-colors__summary-choice{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;min-width:0}.sign-colors__summary-name{min-width:0;overflow-wrap:anywhere}.sign-colors__chevron{flex:0 0 auto;width:1.4rem;height:1rem;color:rgb(var(--color-foreground));transition:transform var(--duration-short) ease}.sign-colors__chevron svg{display:block;width:100%;height:100%}.sign-colors__details[open]>.sign-colors__summary .sign-colors__chevron{transform:rotate(180deg)}.sign-colors__details.sign-colors__details--invalid{border:.2rem solid #991B1B}.sign-colors__summary-flag{flex:0 0 auto;width:1.8rem;height:1.8rem;color:#991b1b}.sign-colors__summary-flag svg{display:block;width:100%;height:100%}.sign-colors__message{display:flex;align-items:flex-start;gap:.8rem;margin:0 0 1.2rem;padding:1rem 1.2rem;border:.2rem solid #6E0F0F;border-radius:.4rem;background:#991b1b;color:#fff;font-size:1.4rem;line-height:1.4;font-weight:700}.sign-colors__message-icon{flex:0 0 auto;width:1.8rem;height:1.8rem;margin-top:.1rem;color:#fff}.sign-colors__message-icon svg{display:block;width:100%;height:100%}.sign-colors__message-text{min-width:0;overflow-wrap:anywhere}.sign-colors__done{grid-column:1 / -1;margin:.4rem 0 0}.sign-colors__done-button{width:100%;min-height:4.4rem;transition:background-color var(--duration-short) ease,color var(--duration-short) ease,min-height var(--duration-short) ease}.sign-colors__done-button--ready{font-weight:700;min-height:5.2rem}@media(prefers-reduced-motion:reduce){.sign-colors__done-button{transition:none}}.sign-colors__companions .sign-colors__details{margin-left:1rem}.sign-colors__group{border:0;margin:0;padding:0 .2rem .8rem;min-width:0}.sign-colors__intro{margin:.2rem 0 1rem;padding:0 .4rem;font-size:1.2rem;line-height:1.4;color:rgba(var(--color-foreground),.75)}.sign-colors__grid{list-style:none;margin:0;padding:0;display:grid;gap:.6rem .8rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,15.8rem),1fr))}.sign-colors__option{margin:0;min-width:0;position:relative}.sign-colors__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sign-colors__label{display:flex;align-items:center;gap:.6rem;min-height:4.4rem;padding:.4rem .6rem .4rem .4rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;min-width:0;box-sizing:border-box}.sign-colors__label:hover{border-color:rgba(var(--color-foreground),.6)}.sign-colors__swatch{position:relative;flex:0 0 auto;width:2.4rem;height:2.4rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.35);background:var(--sign-colors-swatch, transparent);-webkit-print-color-adjust:exact;print-color-adjust:exact}.sign-colors__swatch--mini{width:1.8rem;height:1.8rem}.sign-colors__swatch--custom{background:repeating-conic-gradient(rgba(var(--color-foreground),.3) 0 25%,transparent 0 50%) 50% / .8rem .8rem}.sign-colors__swatch--split{background:linear-gradient(135deg,rgba(var(--color-foreground),.75) 0 50%,rgba(var(--color-foreground),.15) 50% 100%)}.sign-colors__swatch--stain{background:repeating-linear-gradient(105deg,rgba(var(--color-foreground),.55) 0 1px,rgba(var(--color-foreground),.12) 1px 4px)}.sign-colors__check{display:none;position:absolute;right:-.4rem;bottom:-.4rem;width:1.4rem;height:1.4rem;border-radius:50%;background:rgb(var(--color-background));border:.1rem solid rgb(var(--color-foreground));color:rgb(var(--color-foreground));box-sizing:border-box;padding:.1rem}.sign-colors__check svg{display:block;width:100%;height:100%}.sign-colors__name{font-size:1.3rem;line-height:1.3;min-width:0;overflow-wrap:anywhere}.sign-colors__input:checked+.sign-colors__label{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground))}.sign-colors__input:checked+.sign-colors__label .sign-colors__name{font-weight:700}.sign-colors__input:checked+.sign-colors__label .sign-colors__check{display:block}.sign-colors__input:focus-visible+.sign-colors__label{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.sign-colors__option--split,.sign-colors__option--stain{grid-column:1 / -1;border-top:.1rem solid rgba(var(--color-foreground),.25);padding-top:.6rem}.sign-colors__option--split+.sign-colors__option--stain{border-top:0;padding-top:0}.sign-colors__custom-field{grid-column:1 / -1;margin:0}.sign-colors__text-label{display:block;white-space:nowrap}.sign-colors__text{display:block;width:100%;box-sizing:border-box;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.6rem;line-height:1.5;padding:1rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.55);border-radius:var(--inputs-radius, 0);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.sign-colors__text:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.1rem}.sign-colors__panel{min-width:0}.sign-colors__details--closing>.sign-colors__panel{overflow:hidden;transition:height var(--sign-colors-fold-dur, .7s) cubic-bezier(.4,0,.2,1)}.sign-colors__summary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.3rem;background:#ffd23f;opacity:0;transition:opacity var(--sign-colors-wash-dur, 0ms) linear;pointer-events:none;z-index:-1}.sign-colors__summary--washing:after{opacity:var(--sign-colors-wash-peak, 1)}@media(forced-colors:active){.sign-colors__swatch{forced-color-adjust:none}.sign-colors__summary:after{display:none}.sign-colors__input:checked+.sign-colors__label{outline:.3rem solid CanvasText}.sign-colors__input:focus-visible+.sign-colors__label,.sign-colors__summary:focus-visible{outline:.3rem dashed Highlight}.sign-colors__message{border:.2rem solid CanvasText;background:Canvas;color:CanvasText}.sign-colors__message-icon,.sign-colors__summary-flag{color:CanvasText}.sign-colors__details.sign-colors__details--invalid{border:.3rem solid CanvasText}}@media(prefers-reduced-motion:reduce){.sign-colors__chevron{transition:none}.sign-colors__details--closing>.sign-colors__panel{transition:none}.sign-colors__summary:after{transition:none}.sign-colors__summary--washing:after{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-sign-colors.css.map */