.tryon-trigger-wrap{margin:4px 0 8px}.tryon-open-button{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border:1px solid var(--color-foreground, #241C16);border-radius:100px;background:transparent;color:var(--color-foreground, #241C16);font-size:.875rem;font-family:var(--font-body--family, inherit);cursor:pointer;transition:background-color .15s ease,color .15s ease}.tryon-open-button:hover{background:var(--color-foreground, #241C16);color:var(--color-background, #F8F4EC)}.tryon-open-button svg{width:18px;height:18px}.tryon-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.tryon-modal[hidden]{display:none}.tryon-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#121212b8}.tryon-modal__panel{position:relative;z-index:1;width:min(480px,92vw);background:var(--color-background, #F8F4EC);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;max-height:92vh}.tryon-modal__close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;border:none;background:#ffffffd9;display:flex;align-items:center;justify-content:center;cursor:pointer}.tryon-modal__close svg{width:18px;height:18px}.tryon-modal__stage{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;background:#111}.tryon-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.tryon-glasses-img{position:absolute;top:0;left:0;width:auto;height:auto;max-width:none;opacity:0;pointer-events:none;will-change:transform;transition:opacity .2s ease}.tryon-status{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);color:#fff;font-size:.8rem;text-align:center}.tryon-status[data-state=ready]{background:none;opacity:0;transition:opacity .4s ease .6s}.tryon-status[data-state=error]{background:#781414d9}.tryon-modal__caption{font-size:.8rem;text-align:center;color:var(--color-foreground, #241C16);opacity:.75;margin:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tryon.css.map */