.modal-shell{justify-content:center;align-items:flex-start;padding:36px 22px 42px;display:flex;position:fixed;inset:0;overflow:auto}.modal-shell__mask{background:linear-gradient(180deg, var(--overlay-scrim-top,#1c242b47), var(--overlay-scrim-bottom,#1c242b57)), radial-gradient(720px 440px at 50% 5%, #ffffff2e, transparent 72%);position:absolute;inset:0}.modal-shell__modal{z-index:1;width:min(100%, var(--modal-shell-width));border-radius:var(--radius-xl,16px);background:var(--surface,#fff);transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1);position:relative;overflow:visible;transform:translateY(0);box-shadow:0 12px 34px #485a6624,0 3px 8px #485a6614}.modal-shell__modal:hover{transform:translateY(-1px);box-shadow:0 16px 38px #485a6629,0 4px 10px #485a6614}.modal-shell__modal--xs{--modal-shell-width:330px}.modal-shell__modal--sm{--modal-shell-width:430px}.modal-shell__modal--md{--modal-shell-width:500px}.modal-shell__modal--lg{--modal-shell-width:520px}.modal-shell__modal--xl{--modal-shell-width:620px}.modal-shell__modal--2xl{--modal-shell-width:1220px}.modal-shell .modal-shell__modal{width:min(100%, var(--modal-shell-width,500px));max-width:var(--modal-shell-width,500px)}.cfm-modal-head.modal-head{border-bottom:1px solid var(--divider,#eaedef);border-top-left-radius:inherit;border-top-right-radius:inherit;background:linear-gradient(135deg, #e3f8f9db, #fffffff0 54%), var(--surface,#fff);align-items:flex-start;gap:13px;padding:20px 20px 16px;display:flex;position:relative}.cfm-modal-head.modal-head:before{content:"";background:var(--accent,#009ca5);opacity:.9;border-radius:999px;width:3px;position:absolute;top:18px;bottom:18px;left:18px}.cfm-modal-head.modal-head.cfm-modal-head--danger{background:linear-gradient(135deg, #ffe9e7db, #fffffff0 58%), var(--surface,#fff)}.cfm-modal-head.modal-head.cfm-modal-head--danger:before{background:var(--error,#d14148)}.cfm-modal-head.modal-head.cfm-modal-head--danger .cfm-head-icon.head-icon{color:var(--error,#d14148)}.cfm-head-icon.head-icon{background:var(--surface,#fff);width:38px;height:38px;color:var(--accent,#009ca5);border-radius:11px;flex:none;place-items:center;margin-left:13px;display:grid;box-shadow:0 1px 2px #606e780a,0 1px 3px #606e780d}.cfm-head-icon.head-icon svg{width:19px;height:19px}.cfm-head-copy.head-copy{flex:1;min-width:0;padding-top:1px}.cfm-head-copy.head-copy h2{color:var(--heading,#1c242b);margin:0;font-size:17px;font-weight:700;line-height:1.2}.cfm-close-btn.close-btn{border-radius:var(--radius-md,10px);width:32px;height:32px;color:var(--muted,#6f757c);background:#ffffffa8;border:1px solid #0000;place-items:center;margin-left:auto;transition:background .15s cubic-bezier(.22,1,.36,1),border-color .15s cubic-bezier(.22,1,.36,1),color .15s cubic-bezier(.22,1,.36,1);display:grid}.cfm-close-btn.close-btn:hover{background:var(--surface,#fff);border-color:var(--border,#e0e5e7);color:var(--heading,#1c242b)}.cfm-close-btn.close-btn svg{width:17px;height:17px}.cfm-modal-body.modal-body{padding:18px 20px 20px}.cfm-modal-body.modal-body.cfm-modal-body--no-padding{padding:0}.cfm-modal-foot.modal-foot{border-top:1px solid var(--divider,#eaedef);border-bottom-right-radius:inherit;border-bottom-left-radius:inherit;background:linear-gradient(180deg, var(--surface,#fff), #fbfdfd);justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}@media (width<=720px){.modal-shell{padding:18px 12px}.cfm-modal-head.modal-head{padding:18px 16px 14px}.cfm-modal-head.modal-head:before{left:14px}.cfm-head-icon.head-icon{margin-left:11px}.cfm-modal-body.modal-body{padding:16px}.cfm-modal-foot.modal-foot{flex-wrap:wrap;padding:13px 16px}}@media (prefers-reduced-motion:reduce){.modal-shell__modal,.modal-shell__modal:hover,.cfm-close-btn.close-btn,.cfm-close-btn.close-btn:hover{transition:none!important}}