.cloth-tryon-dialog{padding:0;border:none;max-width:min(960px,calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 1.5rem));width:100%;max-height:100dvh;margin:auto;background:transparent}.cloth-tryon-dialog::backdrop{background:#0000008c}.cloth-tryon-col--user .cloth-tryon-topbar{display:flex;flex-direction:column;gap:.5rem;margin:0 0 .5rem;padding-bottom:.65rem;border-bottom:1px solid #e8e8e8}.cloth-tryon-col--user .cloth-tryon-topbar .cloth-tryon-mode-row{margin-top:0}.cloth-tryon-modal{position:relative;background:#fff;color:#111;padding:1.5rem 1.25rem 1.25rem;max-height:min(92vh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 1.5rem),900px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-shadow:0 24px 48px #0003}.cloth-tryon-close{position:absolute;top:.75rem;right:.75rem;width:2.25rem;height:2.25rem;border:1px solid #ddd;background:#fff;font-size:1.25rem;line-height:1;cursor:pointer;z-index:3}.cloth-tryon-close:hover{background:#f5f5f5}.cloth-tryon-title{margin:0 0 .25rem;font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding-right:2rem}.cloth-tryon-sub{margin:0 0 1rem;font-size:.875rem;color:#666}.cloth-tryon-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:749px){.cloth-tryon-grid{grid-template-columns:1fr;gap:.75rem}.cloth-tryon-modal{padding:1.25rem 1rem 1rem;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 1rem)}.cloth-tryon-title{font-size:1.125rem}}.cloth-tryon-label{margin:0 0 .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.cloth-tryon-frame{position:relative;aspect-ratio:3 / 4;background:#f2f2f2;border:1px solid #e0e0e0;overflow:hidden}.cloth-tryon-frame img,.cloth-tryon-frame video{width:100%;height:100%;object-fit:contain;display:block;vertical-align:top}.cloth-tryon-frame--interactive{background:#fafafa}.cloth-tryon-stage{position:absolute;top:0;right:0;bottom:0;left:0}.cloth-tryon-result-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fafafa}.cloth-tryon-result-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.cloth-tryon-result-toolbar{position:absolute;top:max(.5rem,env(safe-area-inset-top,0px));right:max(.5rem,env(safe-area-inset-right,0px));z-index:5;display:flex;flex-direction:row-reverse;align-items:center;gap:.5rem}.cloth-tryon-result-fab{width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;display:flex;align-items:center;justify-content:center;background:#111;color:#fff;border:1px solid #111;text-decoration:none;box-shadow:0 2px 10px #00000038;cursor:pointer;padding:0;font:inherit;line-height:0}.cloth-tryon-result-fab:hover,.cloth-tryon-result-fab:focus-visible{background:#333;border-color:#333;color:#fff;outline:none}.cloth-tryon-result-fab svg{display:block;flex-shrink:0}.cloth-tryon-upload{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:0;background:transparent;cursor:pointer;font:inherit;color:inherit}.cloth-tryon-upload:hover{background:#00000008}.cloth-tryon-upload-title{font-weight:600;font-size:.9375rem}.cloth-tryon-upload-sub{font-size:.75rem;color:#666;text-align:center}.cloth-tryon-cam-switch{position:absolute;bottom:.5rem;right:.5rem;z-index:2;width:2.5rem;height:2.5rem;border:1px solid #ccc;background:#fff;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.cloth-tryon-status{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);z-index:2;max-width:calc(100% - 1rem);padding:.35rem .65rem;font-size:.75rem;background:#fff;border:1px solid #ddd;text-align:center}.cloth-tryon-status.is-good{border-color:#1a7f37;color:#1a7f37}.cloth-tryon-status.is-error{border-color:#c00;color:#c00}.cloth-tryon-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.cloth-tryon-scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#111,transparent);animation:cloth-tryon-scan 2.2s ease-in-out infinite}@keyframes cloth-tryon-scan{0%{top:5%;opacity:0}15%{opacity:1}85%{opacity:1}to{top:95%;opacity:0}}.cloth-tryon-overlay[hidden],.cloth-tryon-overlay.is-cloth-tryon--hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}.cloth-tryon-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#ffffffe0;font-size:.875rem;font-weight:600}.cloth-tryon-spinner{width:2rem;height:2rem;border:2px solid #ddd;border-top-color:#111;border-radius:50%;animation:cloth-tryon-spin .7s linear infinite}@keyframes cloth-tryon-spin{to{transform:rotate(360deg)}}.cloth-tryon-mode,.cloth-tryon-mode-row{display:flex;gap:.5rem;margin-top:.75rem}.cloth-tryon-mode-btn{flex:1;min-height:2.75rem;padding:.5rem .75rem;border:1px solid #ccc;background:#fff;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.cloth-tryon-mode-btn.is-on{border-color:#111;background:#111;color:#fff}.cloth-tryon-actions{margin-top:.5rem}.cloth-tryon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border-radius:0;cursor:pointer;border:1px solid #111}.cloth-tryon-btn--primary{background:#111;color:#fff}.cloth-tryon-btn--secondary{background:#fff;color:#111;width:100%}.cloth-tryon-btn--block{width:100%;min-height:2.75rem}.cloth-tryon-btn--ghost{background:transparent;color:#111;border-color:#ccc}.cloth-tryon-error{margin-top:.75rem;padding:.5rem .75rem;font-size:.8125rem;background:#fff4f4;border:1px solid #ecc;color:#800}.cloth-tryon-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid #eee}.cloth-tryon-hint{margin:0;font-size:.75rem;color:#666}.cloth-tryon-footer-actions{display:flex;gap:.5rem;flex-wrap:wrap}.cloth-tryon-footer-actions .cloth-tryon-btn{flex:1;min-width:120px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cloth-tryon.css.map */