.charm{--charm-panel: #4c1d6b;--charm-panel-soft: #613085;--charm-panel-line: #8257a3;--charm-panel-text: #f3ecf8;--charm-panel-muted: #d3bde3;display:block;margin:2rem 0}.charm__panel{background:var(--charm-panel);border-radius:1rem 1rem 0 0;padding:1.6rem 1.8rem}.charm__eyebrow{margin:0 0 .6rem;font-size:1.1rem;letter-spacing:.09em;text-transform:uppercase;color:var(--charm-panel-muted)}.charm__title{margin:0 0 .6rem;font-family:var(--font-heading-family);font-size:1.9rem;line-height:1.3;color:var(--charm-panel-text)}.charm__lede{margin:0 0 1.4rem;font-size:1.3rem;line-height:1.6;color:var(--charm-panel-muted)}.charm__toggle{display:flex;align-items:center;gap:1.1rem;background:var(--charm-panel-soft);border:.1rem solid var(--charm-panel-line);border-radius:var(--inputs-radius, .6rem);padding:1.2rem 1.4rem;cursor:pointer;font-size:1.4rem;font-weight:600;color:var(--charm-panel-text);transition:background .15s ease}.charm__toggle:hover{background:var(--charm-panel-line)}.charm__toggle input{width:1.8rem;height:1.8rem;flex:none;margin:0;accent-color:var(--charm-panel-text);cursor:pointer}.charm__details{background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);border-top:none;border-radius:0 0 1rem 1rem;padding:1.8rem}.charm__shapes{border:none;margin:0 0 1.8rem;padding:0}.charm__legend{padding:0;margin-bottom:1rem;font-size:1.3rem;color:rgba(var(--color-foreground),.72)}.charm__shapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.charm__legend{grid-column:1 / -1}.charm__shape input{position:absolute;width:.1rem;height:.1rem;opacity:0;pointer-events:none}.charm__shape label{display:block;min-height:4.4rem;padding:1.4rem .8rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, .6rem);text-align:center;cursor:pointer;color:rgba(var(--color-foreground),.6);transition:border-color .15s ease,color .15s ease}.charm__shape label:hover{border-color:rgba(var(--color-foreground),.45)}.charm__shape input:checked+label{border-color:var(--charm-panel);box-shadow:inset 0 0 0 .1rem var(--charm-panel);color:var(--charm-panel)}.charm__shape input:focus-visible+label{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.charm__shape svg{display:block;width:100%;height:3.4rem}.charm__shape-name{display:block;margin-top:.8rem;font-size:1.3rem;font-weight:600;color:rgb(var(--color-foreground))}.charm__shape-dims{display:block;font-size:1.2rem;color:rgba(var(--color-foreground),.6)}.charm__editor{display:flex;gap:1.6rem;align-items:flex-start;background:rgba(var(--color-foreground),.04);border-radius:var(--inputs-radius, .6rem);padding:1.4rem;margin-bottom:1.4rem}.charm__preview svg{display:block;width:12rem;height:12rem}.charm__preview text{font-family:var(--font-heading-family);font-style:italic;fill:rgb(var(--color-foreground))}.charm__fields{flex:1 1 auto;min-width:0}.charm__field+.charm__field{margin-top:1.2rem}.charm__field-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem}.charm__field-head label{font-size:1.3rem;color:rgba(var(--color-foreground),.72)}.charm__count{font-size:1.2rem;color:rgba(var(--color-foreground),.55);font-variant-numeric:tabular-nums}.charm__count[data-full=true]{color:rgb(var(--color-foreground))}.charm__fields input[type=text]{width:100%;min-height:4.4rem;padding:0 1.2rem;font-size:1.6rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.25);border-radius:var(--inputs-radius, .6rem)}.charm__fields input[type=text]:focus{outline:none;box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.charm__error{margin:.8rem 0 0;font-size:1.3rem;color:rgba(var(--color-error, 227 55 55),1)}.charm__proof{margin:0;font-size:1.3rem;line-height:1.6;color:rgba(var(--color-foreground),.68);background:rgba(var(--color-foreground),.04);border-radius:var(--inputs-radius, .6rem);padding:1.2rem 1.4rem}@media screen and (max-width:749px){.charm__panel,.charm__details{padding:1.4rem}.charm__shape svg{height:2.8rem}.charm__shape label{padding:1.1rem .4rem}.charm__editor{flex-direction:column;align-items:center}.charm__preview,.charm__preview svg{width:10rem}.charm__preview svg{height:10rem}.charm__fields{width:100%}}@media(prefers-reduced-motion:reduce){.charm__toggle,.charm__shape label{transition:none}}.charm__previews{display:flex;gap:1.2rem;flex:none}.charm__preview{margin:0;width:12rem;color:rgba(var(--color-foreground),.55)}.charm__preview figcaption{margin-top:.4rem;text-align:center;font-size:1.2rem;letter-spacing:.05em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.charm__back{margin-bottom:1.4rem;padding:1.2rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--inputs-radius, .6rem)}.charm__back-toggle{display:flex;align-items:center;gap:1.1rem;cursor:pointer;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground))}.charm__back-toggle input{width:1.8rem;height:1.8rem;flex:none;margin:0;accent-color:var(--charm-panel);cursor:pointer}.charm__back-toggle input:disabled{cursor:not-allowed}.charm__back-options{margin-top:1.2rem;padding-top:1.2rem;border-top:.1rem solid rgba(var(--color-foreground),.12)}.charm__choice{display:flex;align-items:center;gap:.8rem;min-height:3.2rem}.charm__choice input{width:1.6rem;height:1.6rem;flex:none;margin:0;accent-color:var(--charm-panel);cursor:pointer}.charm__choice label{font-size:1.3rem;color:rgba(var(--color-foreground),.8);cursor:pointer}.charm__back-fields{margin-top:1.2rem}@media screen and (max-width:749px){.charm__previews{gap:.8rem}.charm__preview,.charm__preview svg{width:9rem}.charm__preview svg{height:9rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/charm-engraving.css.map */
