.studio-product__editor{--studio-loading-mint: #c9ecdd}.studio-product__editor [hidden]{display:none!important}.studio-product__editor{position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--color-surface)}.studio-product__editor::backdrop{background:var(--color-surface)}.studio-product__editor [data-studio-editor],.studio-product__editor iframe{display:block;width:100%;height:100%;border:0}.studio-product__editor-veil{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-6);background:var(--color-gallery);opacity:1;visibility:visible}.studio-product__editor[data-state=ready] .studio-product__editor-veil{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-fast) var(--motion-ease),visibility 0s var(--motion-fast)}.studio-product__editor-motion{position:relative;display:block;width:56px;height:56px;isolation:isolate;animation:studio-editor-appear .18s ease-out both}.studio-product__editor-sheet{position:absolute;top:10px;left:14px;width:28px;height:36px;border:1px solid color-mix(in srgb,var(--sheet-color) 90%,transparent);border-radius:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--sheet-color) 78%,transparent),color-mix(in srgb,var(--sheet-color) 96%,transparent));mix-blend-mode:multiply;animation:studio-editor-interlace 2.4s cubic-bezier(.65,0,.35,1) infinite}.studio-product__editor-sheet--lilac{--sheet-color: var(--color-accent);--sheet-direction: 1;transform:translate(-9px,-3px) rotate(-12deg)}.studio-product__editor-sheet--mint{--sheet-color: var(--studio-loading-mint);--sheet-direction: -1;transform:translate(9px,3px) rotate(12deg)}.studio-product__editor:not([data-state=loading]) .studio-product__editor-sheet{animation-play-state:paused}.studio-product__editor-error{max-width:28rem;color:var(--color-ink);font-family:var(--type-body--family);font-size:var(--text-sm);line-height:1.5;text-align:center}.studio-product__editor-error p{margin:0 0 var(--space-4)}.studio-product__editor-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.studio-product__editor-actions button{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-accent);border-radius:var(--style-border-radius-inputs);background:var(--color-surface);color:var(--color-ink);font:inherit;cursor:pointer}.studio-product__editor-actions [data-studio-editor-back]{border-color:transparent}@keyframes studio-editor-appear{0%{opacity:0}to{opacity:1}}@keyframes studio-editor-interlace{0%,8%,to{transform:translate(calc(-9px * var(--sheet-direction)),calc(-3px * var(--sheet-direction))) rotate(calc(-12deg * var(--sheet-direction)))}46%,54%{transform:translate(calc(9px * var(--sheet-direction)),calc(3px * var(--sheet-direction))) rotate(calc(12deg * var(--sheet-direction)))}}@media(prefers-reduced-motion:reduce){.studio-product__editor-motion,.studio-product__editor-sheet{animation:none}.studio-product__editor[data-state=ready] .studio-product__editor-veil{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/storefront-editor.css.map */