.tryon-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:56px;opacity:0;pointer-events:none;transition:opacity .25s ease;overflow:hidden}.tryon-modal.is-open{opacity:1;pointer-events:all}.tryon-modal__topbar{position:absolute;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:10;border-bottom:1px solid rgba(244,241,234,.08)}.tryon-modal__logo{font-family:var(--heading-font-family, inherit);font-size:18px;font-weight:700;letter-spacing:-.02em;color:#fff}.tryon-modal__logo span{color:#cc7e1a}.tryon-modal__close{background:#f4f1ea14;border:none;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.tryon-modal__close:hover{background:#f4f1ea2e}.tryon-modal__stage{position:relative;flex-shrink:0;width:100%;max-width:520px;overflow:hidden;background:#111}@media(min-width:600px){.tryon-modal__stage{aspect-ratio:3 / 4;max-height:calc(100vh - 196px)}}@media(max-width:599px){.tryon-modal__stage{aspect-ratio:3 / 4;max-height:calc(100svh - 184px)}}#tryon-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}#tryon-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;transform:scaleX(-1)}.tryon-modal__face-guide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:opacity .4s;opacity:0}.tryon-modal__face-guide.visible{opacity:1}.tryon-modal__face-guide svg{width:52%;height:auto}.tryon-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0ae6;color:#fff;text-align:center;padding:2rem;gap:14px}.tryon-modal__overlay.hidden{display:none}.tryon-spinner{width:34px;height:34px;border:3px solid rgba(244,241,234,.12);border-top-color:#cc7e1a;border-radius:50%;animation:tryon-spin .7s linear infinite}@keyframes tryon-spin{to{transform:rotate(360deg)}}.tryon-modal__overlay p{font-family:var(--heading-font-family, inherit);font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin:0;line-height:1.5}.tryon-modal__overlay p.big{font-size:15px;letter-spacing:0;text-transform:none;opacity:1}.tryon-modal__controls{width:100%;max-width:520px;padding:12px 12px 8px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.tryon-frames{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.tryon-frames::-webkit-scrollbar{display:none}.tryon-frame-btn{flex-shrink:0;background:#f4f1ea0d;border:1.5px solid rgba(244,241,234,.1);color:#f4f1ea99;cursor:pointer;transition:border-color .15s,background .15s;padding:0 0 6px;display:flex;flex-direction:column;align-items:center;gap:5px;width:72px;min-width:72px}.tryon-frame-btn .thumb-wrap{width:72px;height:52px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.tryon-frame-btn .thumb-wrap img{width:100%;height:100%;object-fit:contain;display:block}.tryon-frame-btn .thumb-label{font-family:var(--heading-font-family, inherit);font-size:9px;letter-spacing:.1em;text-transform:uppercase;line-height:1;padding:0 4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tryon-frame-btn.svg-style{width:auto;min-width:auto;padding:7px 14px}.tryon-frame-btn.svg-style .thumb-wrap{display:none}.tryon-frame-btn.svg-style .thumb-label{font-size:10px;letter-spacing:.12em;padding:0;white-space:nowrap}.tryon-frame-btn.active,.tryon-frame-btn:hover{border-color:#cc7e1a;background:#cc7e1a1f;color:#fff}.tryon-actions{display:flex;justify-content:center;gap:10px}.tryon-capture-btn{background:#fff;color:#0f0f0f;border:none;padding:11px 24px;font-family:var(--heading-font-family, inherit);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s,color .15s}.tryon-capture-btn:hover{background:#cc7e1a;color:#0a0a0a}.tryon-modal__hint{text-align:center;font-size:10px;color:#f4f1ea40;letter-spacing:.05em;margin:2px 0 0}
/*# sourceMappingURL=/cdn/shop/t/64/assets/tryon-overlay.css.map */