.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0acc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s var(--ease);padding:24px}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-box{background:var(--ink);border:1px solid var(--line-cream);color:var(--cream);padding:40px;width:90%;max-width:500px;max-height:86vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:16px;right:16px;background:none;color:var(--signal);font-family:var(--mono);font-size:10px;letter-spacing:.2em;cursor:pointer;border:none;border-bottom:1px solid transparent;transition:border-color .3s}.modal-close:hover{border-color:var(--signal)}.tryon-label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--signal);margin-bottom:10px}.tryon-heading{margin:0 0 8px;font-weight:800;letter-spacing:.06em;font-family:var(--sans)}.tryon-sub{margin:0 0 24px;font-size:12px;line-height:1.7;color:#f3f1eb8c}
/*# sourceMappingURL=/cdn/shop/t/13/assets/harmony-modal.css.map */