.bicolor{display:block;margin:0 0 2rem}.bicolor__seg{display:inline-flex;border:.1rem solid rgb(var(--color-foreground));border-radius:var(--inputs-radius, .2rem);overflow:hidden;margin:0 0 1.6rem}.bicolor__seg-btn{-webkit-appearance:none;appearance:none;background:none;border:0;padding:1rem 1.8rem;font-size:1.3rem;letter-spacing:.04em;cursor:pointer;color:rgb(var(--color-foreground));font-family:inherit}.bicolor__seg-btn[aria-selected=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.bicolor__seg-btn:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.2rem}.bicolor__panel[hidden]{display:none}.bicolor__fields{display:flex;gap:1.6rem;flex-wrap:wrap;margin:0 0 1.2rem}.bicolor__field{flex:1;min-width:15rem}.bicolor__label{display:block;font-size:1.2rem;opacity:.75;margin:0 0 .6rem}.bicolor__inrow{display:flex;align-items:center;gap:.9rem}.bicolor__chip{width:2.4rem;height:2.4rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.14);flex:none;background:rgba(var(--color-foreground),.06)}.bicolor__input{flex:1 1 auto;min-width:0;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, .2rem);padding:1rem;font-family:inherit;font-size:1.4rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.bicolor__input:focus{outline:none;border-color:rgb(var(--color-foreground))}.bicolor__input--bad{border-color:#b23a3a;background:#b23a3a0f}.bicolor__madeto{font-size:1.2rem;line-height:1.5;opacity:.85;background:rgba(var(--color-foreground),.04);border:.1rem solid rgba(var(--color-foreground),.1);border-radius:.3rem;padding:1rem 1.2rem;margin:0 0 1rem}.bicolor__madeto b{opacity:1;font-weight:600}.bicolor__swatches{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.bicolor__swatch{width:2.4rem;height:2.4rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.25);background-size:cover;background-position:center;cursor:pointer;font-size:.9rem;line-height:1;color:rgba(var(--color-foreground),.7);padding:0;display:inline-flex;align-items:center;justify-content:center;transition:transform .1s,box-shadow .1s}.bicolor__swatch:hover{transform:scale(1.08)}.bicolor__swatch.is-selected{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .36rem rgb(var(--color-foreground))}.bicolor__warn{font-size:1.2rem;color:#9a3324;min-height:1em;margin:0}.bicolor__warn:empty{min-height:0}
/*# sourceMappingURL=/cdn/shop/t/23/assets/bicolor-config.css.map */