.monogram-options{display:block;width:100%;max-width:44rem;margin:2rem 0;text-align:left}.monogram-options__toggle{position:relative}.monogram-options__toggle label{position:relative;display:flex;width:100%;min-height:5.8rem;padding:1.4rem 5rem 1.4rem 1.6rem;align-items:center;border:.1rem solid rgba(var(--color-foreground),.55);color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.025);font-size:1.3rem;font-weight:500;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.monogram-options__toggle label:after{position:absolute;top:50%;right:1.6rem;content:"+";font-size:2.4rem;font-weight:300;line-height:1;transform:translateY(-50%)}.monogram-options__toggle label:hover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06)}.monogram-options__toggle label span{letter-spacing:0;text-transform:none}.monogram-options__checkbox{position:absolute;width:.1rem;height:.1rem;margin:0;overflow:hidden;opacity:0}.monogram-options__checkbox:focus-visible+label{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.monogram-options__checkbox:checked+label{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06)}.monogram-options__checkbox:checked+label:after{content:"\2212"}.monogram-options__fields{padding:2rem 1.6rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.28);border-top:0}.monogram-options__characters label,.monogram-options__colors legend{display:block;margin-bottom:1rem;font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase}.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;color:rgb(var(--color-foreground));background:rgb(var(--color-background));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;font-size:1.1rem;line-height:1.25;text-align:center;cursor:pointer}.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,.monogram-options__swatch input:focus-visible+label .monogram-options__swatch-chip{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.monogram-options__note,.monogram-options__error{margin:1.6rem 0 0;color:rgba(var(--color-foreground),.72);font-size:1.2rem;line-height:1.5}@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/527/assets/monogram-options.css.map */