.monogram-options{display:block;margin:2rem 0;padding:1.8rem 0;border-top:.1rem solid rgba(var(--color-foreground),.18);border-bottom:.1rem solid rgba(var(--color-foreground),.18);text-align:left}.monogram-options__toggle{display:flex;align-items:center;gap:1rem}.monogram-options__toggle label,.monogram-options__characters label,.monogram-options__colors legend{font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase}.monogram-options__toggle label{cursor:pointer}.monogram-options__toggle label span{letter-spacing:0;text-transform:none}.monogram-options__checkbox{width:1.8rem;height:1.8rem;margin:0;accent-color:rgb(var(--color-foreground))}.monogram-options__fields{padding-top:2rem}.monogram-options__characters label,.monogram-options__colors legend{display:block;margin-bottom:1rem}.monogram-options__text-input{width:100%;min-height:4.8rem;padding:1.2rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;letter-spacing:.18em;text-transform:uppercase}.monogram-options__text-input:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.monogram-options__colors{min-width:0;margin:2rem 0 0;padding:0;border:0}.monogram-options__swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem 1rem}.monogram-options__swatch input{position:absolute;width:.1rem;height:.1rem;overflow:hidden;opacity:0}.monogram-options__swatch label{display:flex;flex-direction:column;align-items:center;gap:.6rem;cursor:pointer;font-size:1.1rem;line-height:1.25;text-align:center}.monogram-options__swatch-chip{display:block;width:3.2rem;height:3.2rem;border:.1rem solid rgba(var(--color-foreground),.28);border-radius:50%;background:var(--monogram-swatch-color);box-shadow:inset 0 0 0 .3rem rgb(var(--color-background))}.monogram-options__swatch input:checked+label .monogram-options__swatch-chip{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.monogram-options__swatch input:focus-visible+label .monogram-options__swatch-chip{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.monogram-options__note,.monogram-options__error{margin:1.6rem 0 0;font-size:1.2rem;line-height:1.5;color:rgba(var(--color-foreground),.72)}@media screen and (max-width:749px){.monogram-options{margin:1.6rem 0}.monogram-options__swatches{grid-template-columns:repeat(4,minmax(5.5rem,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/510/assets/monogram-options.css.map */