.enrollment-dialog{width:min(760px,calc(100vw - 28px));max-width:none;max-height:min(94dvh,900px);margin:auto;padding:0;border:1px solid #cfe4f3;border-radius:22px;background:#f4f9ff;color:#142541;box-shadow:0 34px 110px #051c3c59;overflow:auto;overscroll-behavior:contain}.enrollment-dialog::backdrop{background:#031026b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.enrollment-dialog-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 22px;background:#fafdfffa;border-bottom:1px solid #dcebf5;box-shadow:0 2px 14px #092f5a0d}.enrollment-dialog-header strong{display:block;font-size:14px;line-height:1.2;letter-spacing:-.02em}.enrollment-dialog-header span{display:block;margin-top:4px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#3f82af}.enrollment-close{width:36px;height:36px;flex:none;display:grid;place-items:center;border:1px solid #d4e3ee;border-radius:50%;background:#fff;color:#193b62;cursor:pointer;font-size:23px;line-height:1}.enrollment-close:hover,.enrollment-close:focus-visible{background:#e4f4ff;outline:2px solid #3da6e6;outline-offset:2px}.enrollment-dialog .flow-page{padding:26px 22px 32px;background:transparent}.enrollment-dialog .flow-shell{width:100%;max-width:640px}.enrollment-dialog .flow-shell>h2{margin:7px 0 5px;font-size:clamp(27px,5vw,36px)}.enrollment-dialog .flow-section-lede{margin-bottom:17px;line-height:1.5}.enrollment-dialog .flow-window{box-shadow:0 12px 38px #1a4f8a1a}.enrollment-dialog .flow-side-note{margin-top:15px}body.enrollment-open{overflow:hidden}@media(max-width:600px){.enrollment-dialog{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.enrollment-dialog-header{padding:11px 17px}.enrollment-dialog .flow-page{padding:20px 14px 38px}.enrollment-dialog .flow-body{padding:22px 18px}.enrollment-dialog .stepper{padding:13px 8px}}.enrollment-dialog .flow-page{min-height:0;padding:18px 18px 22px}.enrollment-dialog .flow-window{border-radius:18px}.enrollment-dialog .flow-steps{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:15px 20px;background:#fbfdff;border-bottom:1px solid #e8eff6}.enrollment-dialog .flow-step{display:flex;flex:1;align-items:center;gap:8px;min-width:0;color:#687b90;font-size:10px;font-weight:800;letter-spacing:.04em}.enrollment-dialog .flow-step span{display:grid;flex:none;place-items:center;width:28px;height:28px;border:1px solid #d7e3ef;border-radius:50%;background:#fff;color:#6b7f95;font-size:11px}.enrollment-dialog .flow-step.is-active{color:#1a3454}.enrollment-dialog .flow-step.is-active span{border-color:#227db8;background:#1679b7;color:#fff;box-shadow:0 0 0 4px #227db81f}.enrollment-dialog .flow-step.is-complete span{border-color:#b8e3dc;background:#e8faf5;color:#187a69}.enrollment-dialog .flow-panel{padding:20px 22px 22px}.enrollment-dialog .flow-panel[hidden]{display:none!important}.enrollment-dialog .field-group{display:grid;gap:6px;margin:0 0 13px}.enrollment-dialog .field-group label{color:#304965;font-size:11px;font-weight:750}.enrollment-dialog .field-group label small{color:#8292a4;font-size:10px;font-weight:500}.enrollment-dialog .field-group input{width:100%;height:46px;border:1px solid #d7e2ed;border-radius:11px;background:#fbfdff;padding:0 13px;color:#193450;outline:none;font-size:13px}.enrollment-dialog .field-group input:focus{border-color:#4aabd0;box-shadow:0 0 0 3px #4aabd024}.enrollment-dialog .flow-panel>.button{width:100%;min-height:48px;margin:3px 0 0;border-radius:12px}.enrollment-dialog .bank-card{margin:0 0 15px;padding:16px 17px;border:1px solid #d4e3ef;border-radius:15px;background:#f8fbff}.enrollment-dialog .bank-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e0e9f1;color:#203e5e;font-size:12px;font-weight:800}.enrollment-dialog .bank-card__head span:last-child{color:#1778b2;font-size:14px}.enrollment-dialog .bank-row{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1fr) auto;align-items:center;gap:7px;padding:10px 0;border-bottom:1px solid #e7eef5}.enrollment-dialog .bank-row:last-child{padding-bottom:0;border-bottom:0}.enrollment-dialog .bank-row>span{color:#77899d;font-size:10px}.enrollment-dialog .bank-row strong{min-width:0;color:#263f5c;font-size:11px;overflow-wrap:anywhere}.enrollment-dialog .copy-detail{border:1px solid #d4e1ed;border-radius:8px;background:#fff;padding:5px 8px;color:#317eae;font-size:10px;font-weight:700;cursor:pointer}.enrollment-dialog .copy-detail:hover{background:#edf8ff}.enrollment-dialog .flow-help{margin:8px 0 14px;padding:11px 13px;border-left:3px solid #5bb7d0;border-radius:8px;background:#f0f8fc;color:#536b82;font-size:11px;line-height:1.55}.enrollment-dialog .flow-actions{display:grid;grid-template-columns:.65fr 1fr;gap:10px}.enrollment-dialog .flow-actions .button{width:100%;min-height:46px;margin:0;padding:0 12px;border-radius:11px;font-size:12px}.enrollment-dialog .review-card{padding:15px 17px;border:1px solid #dce7f0;border-radius:14px;background:#f8fbff}.enrollment-dialog .review-card__label{margin:0 0 8px;color:#687d93;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.enrollment-dialog .review-card dl{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:0}.enrollment-dialog .review-card dl>div{display:grid;gap:2px;padding:8px 0;border-top:1px solid #e4ecf3}.enrollment-dialog .review-card dt{color:#7d8da0;font-size:10px}.enrollment-dialog .review-card dd{margin:0;color:#263f5c;font-size:12px;font-weight:750;overflow-wrap:anywhere}.enrollment-dialog .whatsapp-note{margin:13px 0;padding:12px 14px;border:1px solid #c9e9dc;border-radius:11px;background:#f0fbf5;color:#426b5a;font-size:11px;line-height:1.55}.enrollment-dialog .whatsapp-note strong{color:#256e56}.enrollment-dialog .text-button{display:block;margin:10px auto 0;border:0;background:transparent;color:#637990;font-size:11px;font-weight:700;cursor:pointer}.enrollment-dialog .text-button:hover{color:#1979b5}@media(max-width:600px){.enrollment-dialog .flow-page{padding:17px 12px 27px}.enrollment-dialog .flow-steps{gap:5px;padding:13px 12px}.enrollment-dialog .flow-step{gap:5px;font-size:8px}.enrollment-dialog .flow-step span{width:25px;height:25px;font-size:10px}.enrollment-dialog .flow-panel{padding:16px 13px 18px}.enrollment-dialog .bank-card{padding:13px}.enrollment-dialog .bank-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}.enrollment-dialog .bank-row>span{grid-column:1/-1}.enrollment-dialog .bank-row strong{font-size:11px}.enrollment-dialog .review-card{padding:13px}.enrollment-dialog .review-card dl{grid-template-columns:1fr 1fr;gap:0 10px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/enrollment-modal.css.map */
