.engraving-simulator{--backdrop-background: rgba(255, 255, 255, .75);--backdrop-blur: blur(1rem);--color-focus: cyan;--color-alpha: rgba(0, 0, 0, .1)}.engraving-simulator button:not(.button){background:none;padding:0;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:.2s linear}.simulator{background:none;padding:0;border:none}.simulator::backdrop{background:var(--backdrop-background);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.simulator-result-box[data-result=false]{display:none}.simulator-close{position:absolute;top:.5rem;right:.5rem;width:4rem;height:4rem;padding:1rem!important}.simulator[data-modal=true]::backdrop{animation:fadeIn .2s ease-in-out both}.simulator[data-modal=true] .simulator-close,.simulator[data-modal=true] .simulator-content{animation:openDialog .2s ease-in-out both}.simulator-scroller{height:100%;overflow:hidden;overflow-y:scroll}.simulator-content{position:relative;display:grid;gap:2rem;background:#fff;padding:1.5rem;box-shadow:0 0 1rem var(--color-alpha);overflow:auto}.simulator-image{position:relative;display:block;width:400px;max-width:100%;aspect-ratio:1;margin:0 auto}.simulator-image img{width:100%;height:100%;object-fit:contain}.simulator-controller{display:grid;place-content:center;gap:2rem;text-align:center}.simulator-title{margin:0}.simulator-engraving{position:absolute;top:55%;right:0;left:0;font-size:2.5rem;text-align:center;color:#ccc}.simulator-inputer{text-align:center}.simulator-inputer .input{width:100%;min-width:20em;background:transparent;font-size:inherit;text-align:center;padding:1em;margin:0 auto;border:1px solid rgb(var(--color-foreground));border-radius:0;transition:.2s linear}.simulator-inputer .input:focus{outline:none;background:#ffc;box-shadow:0 0 0 1px var(--color-focus),0 0 1em var(--color-focus)}.simulator-remaining{font-size:.8em;opacity:.5;margin-top:.5rem}.simulator-font{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;max-width:unset}.simulator-font label{font-size:3rem!important;margin:0!important}.simulator-actions{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.simulator-cancel{display:inline-flex;background:linear-gradient(rgb(var(--color-foreground)),rgb(var(--color-foreground))) left bottom / 0 1px no-repeat}.simulator-cancel:hover{background-size:100% 1px}.simulator-open{gap:1rem}.simulator-open .checkmark{display:none;justify-content:center;align-items:center;width:1.2em;height:1.2em;background:var(--color-focus);color:rgb(var(--color-foreground));padding:.3rem;border-radius:50%}.simulator-open[data-checked=true] .checkmark{display:inline-flex}.simulator-result-box[data-result=true]{display:grid;grid-template-columns:5rem 1fr;gap:1.5rem;align-items:center;margin-top:1em}.simulator-result-box .result-image{box-shadow:0 0 0 1px var(--color-alpha)}.simulator-result-box .result-image:hover{box-shadow:0 0 0 1px var(--color-focus)}.simulator-result-box .generated-image{display:block;transition:.2s linear}.simulator-result{list-style:none;font-size:1.4rem;line-height:1.6;padding:0;margin:0}.simulator .select__select{font-size:inherit;padding-left:6rem}.simulator-font-sample{position:absolute;top:0;bottom:0;left:1rem;display:grid;place-content:center;font-size:3rem;line-height:4.5rem}.simulator-popup--dialog{background:none;padding:0;border:none;box-shadow:0 0 1rem var(--color-alpha)}.simulator-popup--dialog::backdrop{background:var(--backdrop-background);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.simulator-popup--dialog .popup-close{position:absolute;top:.5rem;right:.5rem;width:4rem;height:4rem;color:rgb(var(--color-foreground));padding:1rem!important}.simulator-popup--content{background:#fff;aspect-ratio:1}.simulator-popup--dialog[data-popup=true]::backdrop{animation:fadeIn .2s ease-in-out both}.simulator-popup--dialog[data-popup=true] .popup-close,.simulator-popup--dialog[data-popup=true] .simulator-popup--content{animation:openDialog .2s ease-in-out both}.simulator-popup--content .popup-image{display:block;width:100%;height:100%;object-fit:contain}@media (max-width: 559px){.simulator{min-width:100vw;height:100svh;margin:0;overflow:hidden}.simulator-content{align-content:center;min-height:100svh}.simulator-image{max-width:30rem}}@media (min-width: 560px){.simulator{box-shadow:0 0 1rem var(--color-alpha)}.simulator-content{padding:3rem}}@media (min-width: 960px){.simulator-content{grid-template-columns:40rem 1fr;gap:3rem;padding:5rem}}@keyframes openDialog{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/engraving-simulator.css.map */