@layer components{dialog.modal{border:0;border-radius:var(--radius-lg);padding:0;max-width:560px;width:calc(100% - 2 * var(--gutter));box-shadow:0 20px 60px #00000040}dialog.modal::backdrop{background:#00000080}.modal__body{padding:var(--space-4)}.modal__close{position:absolute;top:10px;right:10px;background:none;border:0;cursor:pointer;color:var(--ink-muted);font-size:24px;line-height:1}#modal-wrap{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;padding:var(--space-3);overflow:auto}#modal-wrap.is-open{display:flex;align-items:flex-start;justify-content:center}#calcModal,#modal-wrap .modal-content{background:#fff;border-radius:var(--radius-lg);max-width:560px;width:100%;margin:var(--space-6) auto 0;box-shadow:0 20px 60px #00000040}#modal-wrap .modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--line)}#modal-wrap .modal-title{margin:0;font-size:var(--fs-h3);font-weight:700;color:var(--brand)}#modal-wrap .modal-body{padding:var(--space-3)}#modal-wrap .close{background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:var(--ink-muted)}#modal-wrap .close:hover{color:var(--brand)}}