.engraving-picker{display:block;margin:0 0 1.5rem;max-width:44rem;font-family:Hauora,sans-serif}.engraving-picker[hidden]{display:none}.engraving-font--helvetica{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.engraving-font--times-new-roman{font-family:Times New Roman,Times,"Liberation Serif",serif}.engraving-font--charter{font-family:Charter,Bitstream Charter,Charis SIL,Georgia,serif}.engraving-font--caveat{font-family:Caveat,cursive}.engraving-font--savoye-let{font-family:Savoye LET,Great Vibes,cursive}.engraving-picker__open,.engraving-picker__edit{cursor:pointer;color:rgb(var(--color-foreground))}.engraving-picker__open{display:flex;align-items:center;justify-content:center;width:100%;min-height:4.6rem;padding:0 2rem;border:1px solid rgb(var(--color-foreground));background:transparent;font-family:inherit;font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}.engraving-picker__open:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.engraving-picker__open[hidden]{display:none}.engraving-picker__summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;padding:1.2rem 1.4rem;border:1px solid rgba(var(--color-foreground),.15);font-size:1.4rem;line-height:1.4}.engraving-picker__summary[hidden]{display:none}.engraving-picker__summary-label,.engraving-picker__summary-font{color:rgba(var(--color-foreground),.7)}.engraving-picker__edit{margin-left:auto;padding:0;border:none;background:none;font:inherit;text-decoration:underline;text-underline-offset:.3rem}.engraving-picker__error{margin:.8rem 0 0;font-size:1.3rem;color:rgb(var(--color-foreground))}.engraving-picker__error[hidden]{display:none}.engraving-picker__dialog{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:none;background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow-y:auto}.engraving-picker__dialog[open]{display:flex;flex-direction:column;animation:engraving-fade-in .2s ease-out}.engraving-picker__dialog::backdrop{background:#0006}html:has(.engraving-picker__dialog[open]){overflow:hidden}@keyframes engraving-fade-in{0%{opacity:0}}.engraving-picker__media{display:flex;align-items:center;justify-content:center;padding:2rem;background:rgb(var(--color-background))}.engraving-picker__stage{--stage-max-height: 32vh;position:relative;container-type:inline-size;aspect-ratio:var(--image-ratio, 1);width:min(100%,calc(var(--stage-max-height) * var(--image-ratio, 1)))}.engraving-picker__stage img{display:block;width:100%;height:100%;object-fit:contain}.engraving-picker__overlay{position:absolute;left:var(--x, 50%);top:var(--y, 50%);width:var(--max-width, 50%);display:flex;justify-content:center;transform:translate(-50%,-50%) rotate(calc(var(--rotation, 0deg) + var(--turn, 0deg)));pointer-events:none}.engraving-picker__overlay[data-layout=turned],.engraving-picker__overlay[data-layout=stacked]{--turn: 90deg}.engraving-picker__overlay[data-layout=turned][data-direction=up]{--turn: -90deg}.engraving-picker__glyph{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;transform:rotate(-90deg)}.engraving-picker__glyph+.engraving-picker__glyph{margin-left:.35em}.engraving-picker__overlay.is-editing{outline:1px dashed rgba(200,0,60,.8);outline-offset:2px}.engraving-picker__overlay-text{font-size:calc(var(--size, 9) * 1cqw * var(--fit, 1));line-height:1;white-space:pre;text-transform:none;letter-spacing:0;color:var(--color, #6b5532)}.engraving-picker__overlay--engraved .engraving-picker__overlay-text{color:color-mix(in srgb,var(--color, #6b5532) 88%,transparent);text-shadow:0 1px 0 rgba(255,255,255,.45),0 -.5px 0 rgba(0,0,0,.25)}.engraving-picker__panel{position:relative;display:flex;flex-direction:column;gap:2rem;padding:2rem 2rem 3rem}.engraving-picker__close{position:fixed;top:1.2rem;right:1.2rem;z-index:1;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:50%;background:rgb(var(--color-background));color:inherit;cursor:pointer}.engraving-picker__close .svg-wrapper{width:1.6rem;height:1.6rem}.engraving-picker__heading{margin:0;padding-right:5rem;font-size:2.4rem}.engraving-picker__intro,.engraving-picker__disclaimer{margin:-1.2rem 0 0;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.75)}.engraving-picker__disclaimer{margin:0;padding-bottom:2rem;border-bottom:1px solid rgba(var(--color-foreground),.12);font-size:1.3rem}.engraving-picker__field-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.8rem;font-size:1.5rem}.engraving-picker__count{font-size:1.3rem;color:rgba(var(--color-foreground),.6)}.engraving-picker__input{width:100%;min-height:5rem;padding:0 1.6rem;border:1px solid rgba(var(--color-foreground),.3);border-radius:.6rem;background:rgb(var(--color-background));color:inherit;font-family:inherit;font-size:1.8rem}.engraving-picker__input-wrap{position:relative}.engraving-picker__input-wrap .engraving-picker__input{padding-right:5.6rem}.engraving-picker__insert-heart{position:absolute;top:50%;right:.6rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:4.4rem;height:3.8rem;padding:0;border:none;border-radius:.4rem;background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground));font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:2rem;line-height:1;cursor:pointer}.engraving-picker__insert-heart:hover{background:rgba(var(--color-foreground),.12)}.engraving-picker__input:focus{outline:none;border-color:rgb(var(--color-foreground))}.engraving-picker__input[aria-invalid=true]{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-foreground))}.engraving-picker__fonts{margin:0;padding:0;border:none}.engraving-picker__fonts legend{margin-bottom:1rem;padding:0;font-size:1.5rem}.engraving-picker__font-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.engraving-picker__font{position:relative;display:flex;align-items:center;gap:1rem;min-height:6.4rem;padding:1rem 3.6rem 1rem 1.4rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.8rem;cursor:pointer;transition:border-color .15s ease}.engraving-picker__font:hover{border-color:rgba(var(--color-foreground),.5)}.engraving-picker__font:has(input:checked){border:2px solid rgb(var(--color-foreground));padding:calc(1rem - 1px) calc(3.6rem - 1px) calc(1rem - 1px) calc(1.4rem - 1px)}.engraving-picker__font:has(input:focus-visible){outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.engraving-picker__font.is-disabled{opacity:.45;cursor:not-allowed}.engraving-picker__font input{position:absolute;top:1rem;right:1rem;width:1.8rem;height:1.8rem;margin:0;accent-color:rgb(var(--color-foreground))}.engraving-picker__font-sample{flex-shrink:0;font-size:2.4rem;line-height:1;text-transform:none;letter-spacing:0}.engraving-picker__font-name{font-size:1.4rem;line-height:1.2}.engraving-picker__font-note{position:absolute;bottom:.4rem;right:1rem;font-size:1.1rem}.engraving-picker__font-note[hidden]{display:none}.engraving-picker__designs{margin:0;padding:0;border:none}.engraving-picker__designs[hidden],.engraving-picker__field[hidden]{display:none}.engraving-picker__designs legend{margin-bottom:1rem;padding:0;font-size:1.5rem}.engraving-picker__design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.engraving-picker__design{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.8rem;min-height:13rem;padding:1.4rem 1rem 1.2rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.8rem;cursor:pointer;transition:border-color .15s ease}.engraving-picker__design:hover{border-color:rgba(var(--color-foreground),.5)}.engraving-picker__design:has(input:checked){border:2px solid rgb(var(--color-foreground));padding:calc(1.4rem - 1px) calc(1rem - 1px) calc(1.2rem - 1px)}.engraving-picker__design:has(input:focus-visible){outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.engraving-picker__design input{position:absolute;top:.8rem;right:.8rem;width:1.6rem;height:1.6rem;margin:0;accent-color:rgb(var(--color-foreground))}.engraving-picker__design-sample{display:flex;align-items:center;justify-content:center;flex:1;font-size:1.8rem;line-height:1;letter-spacing:0;text-transform:none}.engraving-picker__design-sample--turned{writing-mode:vertical-rl}.engraving-picker__design-sample--stacked{flex-direction:column;gap:.3em}.engraving-picker__design-name{font-size:1.3rem;line-height:1.2;text-align:center}.engraving-picker__pair{display:flex;align-items:center;gap:1.2rem}.engraving-picker__input--char{width:6rem;padding:0;text-align:center;font-size:2.4rem}.engraving-picker__pair-symbol{font-size:2.4rem;line-height:1}.engraving-picker__font[data-font=Helvetica] .engraving-picker__font-sample{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.engraving-picker__font[data-font="Times New Roman"] .engraving-picker__font-sample{font-family:Times New Roman,Times,"Liberation Serif",serif}.engraving-picker__font[data-font=Charter] .engraving-picker__font-sample{font-family:Charter,Bitstream Charter,Charis SIL,Georgia,serif}.engraving-picker__font[data-font=Caveat] .engraving-picker__font-sample{font-family:Caveat,cursive}.engraving-picker__font[data-font="Savoye LET"] .engraving-picker__font-sample{font-family:Savoye LET,Great Vibes,cursive}.engraving-picker__preview{display:flex;align-items:center;justify-content:center;min-height:9rem;padding:1.6rem;border-radius:.8rem;background:rgba(var(--color-foreground),.04);overflow:hidden}.engraving-picker__preview-text{font-size:3.6rem;line-height:1.2;text-transform:none;letter-spacing:0;white-space:pre}.engraving-picker__dialog:has(.engraving-picker__overlay) .engraving-picker__preview{display:none}.engraving-picker__dialog:has(.engraving-picker__overlay) .engraving-picker__stage{--stage-max-height: 40vh}.engraving-picker__preview-text.is-placeholder{opacity:.35}@media screen and (min-width:990px){.engraving-picker__dialog[open]{flex-direction:row;overflow:hidden}.engraving-picker__media{flex:1 1 55%;height:100%;padding:4rem}.engraving-picker__stage,.engraving-picker__dialog:has(.engraving-picker__overlay) .engraving-picker__stage{--stage-max-height: 85vh}.engraving-picker__panel{flex:0 0 45%;max-width:64rem;height:100%;overflow-y:auto;padding:4rem;border-left:1px solid rgba(var(--color-foreground),.12)}.engraving-picker__font-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-engraving-picker.css.map */