.vial-studio{--vial-ink: #22392b;--vial-muted: #5d6458;--vial-paper: #f4efe3;--vial-stage: #eee9dd;--vial-border: #d4cebe;--vial-font: "Jost", sans-serif;--vial-space: 1rem;position:relative;display:block;width:100%;min-width:0;color:var(--vial-ink);font-family:var(--vial-font);isolation:isolate}.vial-studio__stage{position:relative;height:clamp(22rem,31.8vw,30rem);overflow:hidden;background:var(--vial-stage)}.vial-studio__stage:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(80,77,58,.07);content:"";pointer-events:none}.vial-studio__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;opacity:0;touch-action:pan-y;cursor:grab;transition:opacity .4s ease}.vial-studio__canvas:active{cursor:grabbing}.vial-studio[data-ready=true] .vial-studio__canvas{opacity:1}.vial-studio__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.vial-studio[data-ready=true] .vial-studio__fallback{opacity:0;pointer-events:none}.vial-studio__corner{position:absolute;z-index:1;inset-block-start:1rem;margin:0;font-size:.66rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.vial-studio__corner--left{inset-inline-start:1.1rem}.vial-studio__corner--right{inset-inline-end:1.1rem}.vial-studio__hint{position:absolute;z-index:1;inset-inline:4rem;inset-block-end:1.2rem;margin:0;text-align:center;font-size:.75rem;color:var(--vial-muted);pointer-events:none}.vial-studio__zoom{position:absolute;inset-inline-end:.7rem;inset-block-end:.7rem;display:grid;gap:.15rem}.vial-studio__tilt{position:absolute;inset-inline-start:.7rem;inset-block-end:.7rem;display:grid;gap:.15rem}.vial-studio:not([data-ready=true]) :is(.vial-studio__zoom,.vial-studio__tilt){visibility:hidden}.vial-studio__camera-button{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:.5rem;border:1px solid transparent;color:var(--vial-ink);font:inherit;background:transparent;cursor:pointer}.vial-studio__camera-button:hover{border-color:var(--vial-border);background:var(--vial-paper)}.vial-studio__camera-button:disabled{opacity:.4;cursor:default}.vial-studio__camera-button svg{width:1rem;height:1rem}.vial-studio__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem;padding-block:.45rem;border-block-end:1px solid var(--vial-border)}.vial-studio__controls .vial-studio__camera-button{padding-inline:.55rem;font-size:.73rem}.vial-studio__controls[hidden],.vial-studio__selector[hidden],.vial-studio__cart-link[hidden]{display:none}.vial-studio__selection{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--vial-space);padding-block:.9rem .6rem}.vial-studio__label{display:block;margin-block-end:.35rem;font-size:.7rem;letter-spacing:.085em;text-transform:uppercase}.vial-studio__select{width:100%;min-height:2.75rem;padding:.55rem 2rem .55rem .75rem;border:1px solid var(--vial-border);border-radius:0;color:var(--vial-ink);background-color:var(--vial-paper);font:400 .94rem var(--vial-font)}.vial-studio__price-wrap{padding-block-end:.35rem;text-align:end}.vial-studio__price{display:block;font:400 1.45rem Playfair Display,Georgia,serif;line-height:1.3}.vial-studio__price-note{display:block;max-width:9rem;margin-block-start:.2rem;color:var(--vial-muted);font-size:.7rem}.vial-studio__purchase{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.2rem}.vial-studio__add{width:100%;min-height:3rem;padding:.7rem 1.1rem;border:1px solid var(--vial-ink);border-radius:0;color:var(--vial-paper);background:var(--vial-ink);font:500 .87rem var(--vial-font);cursor:pointer}.vial-studio__add:hover{background:#304d3b}.vial-studio__add:disabled{opacity:.65;cursor:wait}.vial-studio__details{display:inline-flex;min-height:2.75rem;align-items:center;font-size:.82rem;text-underline-offset:.2em;color:var(--vial-ink)}.vial-studio__message{display:flex;flex-wrap:wrap;gap:.35rem .8rem;min-height:1.6rem;padding-block-start:.35rem}.vial-studio__status{margin:0;font-size:.76rem;line-height:1.5}.vial-studio__cart-link{color:var(--vial-ink);font-size:.76rem;text-underline-offset:.2em}.vial-studio__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.vial-studio :is(button,a,select,canvas):focus-visible{outline:2px solid var(--vial-ink);outline-offset:3px}@media(max-width:749px){.vial-studio__stage{height:clamp(20rem,99vw,27rem)}.vial-studio__corner{font-size:.61rem}.vial-studio__controls{gap:0}.vial-studio__controls .vial-studio__camera-button{padding-inline:.35rem;font-size:.7rem}.vial-studio__selection{gap:.65rem}.vial-studio__purchase{gap:.85rem}}@media(prefers-reduced-motion:reduce){.vial-studio__canvas,.vial-studio__fallback{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/basenote-vial-studio.css.map */