.preview{--focus-color:var(--paper);margin:4px 0 6px;border-radius:calc(var(--r)*1.4);background:radial-gradient(120% 90% at 50% 0%,#2a211c,#14100e 70%);color:#f3ece4;padding:14px;position:relative;overflow:hidden}.preview__stage{position:relative;aspect-ratio:1;border-radius:var(--r);display:grid;place-items:center;background:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 8px,transparent 8px 16px)}.preview canvas{width:100%;height:100%;border-radius:var(--r);opacity:0;transform:scale(.985);transition:opacity .35s ease,transform .35s ease,box-shadow .5s ease}.preview.is-ready canvas{opacity:1;transform:none}.preview--lithophane.is-ready:not(.is-off) canvas{box-shadow:0 0 0 1px #ffd69640,0 0 60px 6px #ffbe6e47,0 0 140px 30px #ffaa501f}.preview--horloge canvas{border-radius:50%}.preview__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:24px;margin:0;font-family:var(--font-heading);font-size:1.15rem;color:#cbbfb3}.preview.is-ready .preview__empty{display:none}.preview__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.preview__label{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#e5b8df;font-weight:600}.preview__light{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:0 14px 0 54px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff0f;color:inherit;font:600 .9rem/1 var(--font-body);cursor:pointer}.preview__light:before{content:"";position:absolute;left:10px;top:50%;width:34px;height:20px;margin-top:-10px;border-radius:999px;background:#5b514b;transition:background .25s}.preview__light[aria-pressed=true]:before{background:linear-gradient(90deg,#ffcf8a,#ffb35c)}.preview__light:after{content:"";position:absolute;left:13px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;transition:transform .25s;box-shadow:0 1px 3px #0006}.preview__light[aria-pressed=true]:after{transform:translate(14px)}.preview__note{color:#b8aca1!important;font-size:.82rem;margin:8px 0 0}.preview__note:empty{display:none}@media(prefers-reduced-motion:reduce){.preview canvas{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/lmc-preview.css.map */