/* // CSS TAW MAILBOX // */
.taw-mb-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.taw-mb-box { background: #fff; border: 1px solid #E3ECEF; border-top: 4px solid #00ADBC; border-radius: 14px; padding: 22px; margin-bottom: 20px; }
.taw-mb-box h2 { font-size: 21px; margin: 0 0 12px; }
.taw-mb-address { background: #E8F7F8; border-left: 4px solid #00ADBC; padding: 14px 18px; border-radius: 8px; font-size: 16px; line-height: 1.6; }
.taw-mb-small { font-size: 14px !important; color: #5b6b73; }
.taw-mb-expired { color: #FF775E; font-weight: 700; }
.taw-mb-ok { background: #E8F7F8; border-radius: 10px; padding: 12px 16px; margin-bottom: 16px; color: #123B4A; }
.taw-mb-toggle { display: flex; gap: 10px; align-items: flex-start; font-weight: 700; }
.taw-mb-toggle input { margin-top: 5px; }
.taw-mb-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 10px 0 20px; }
.taw-mb-plan { position: relative; border: 1px solid #E3ECEF; border-radius: 14px; padding: 20px; background: #fff; }
.taw-mb-plan-best { border: 2px solid #1b8a9f; }
.taw-mb-badge { position: absolute; top: -12px; left: 18px; background: #1b8a9f; color: #fff; font-size: 12px; font-weight: 800; padding: 3px 10px; border-radius: 999px; }
.taw-mb-plan h3 { margin: 0 0 4px; }
.taw-mb-price { font-size: 30px !important; font-weight: 800; color: #123B4A; margin: 0 0 10px; }
.taw-mb-plan ul { margin: 0 0 14px 18px; }
.taw-mb-table td, .taw-mb-table th { font-size: 14px !important; }
.taw-mb-box textarea { width: 100%; border-radius: 10px; }
@media (max-width: 767px) { .taw-mb-grid { grid-template-columns: 1fr; } }

/* // CSS TAW MAILROOM HUB // */
.taw-mr { margin: 0 0 30px; }
.taw-mr-status { border-radius: 14px; padding: 14px 18px; margin-bottom: 16px; font-size: 15px; background: #E8F7F8; color: #123B4A; }
.taw-mr-status.hold { background: #FFF1EE; }
.taw-mr-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.taw-mr-card { display: flex; flex-direction: column; gap: 8px; background: #fff; border: 1px solid #DCEBEE; border-radius: 18px; padding: 22px; text-decoration: none !important; color: #123B4A !important; transition: transform .15s ease, box-shadow .15s ease; }
.taw-mr-card:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(18,59,74,.10); }
.taw-mr-card strong { font-size: 19px; font-weight: 800; }
.taw-mr-card span:not(.taw-mr-ico) { color: #5b6b73; font-size: 15px; line-height: 1.5; flex: 1; }
.taw-mr-card em { font-style: normal; font-weight: 800; color: #1b8a9f; }
.taw-mr-ico { width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: #E8F7F8; color: #00ADBC; }
.taw-mr-card.primary { background: #00ADBC; border-color: #00ADBC; color: #fff !important; }
.taw-mr-card.primary span:not(.taw-mr-ico), .taw-mr-card.primary em { color: #fff; }
.taw-mr-card.primary .taw-mr-ico { background: rgba(255,255,255,.2); color: #fff; }
.taw-mb-hold { background: #FFF1EE; border-radius: 12px; padding: 10px 14px; }
@media (max-width: 800px) { .taw-mr-cards { grid-template-columns: 1fr; } }

/* // CSS TAW MAILBOX COLLECT + CONTACT // */
.taw-mb-pill { display: inline-block; background: #E3F5F7; color: #1b8a9f; font-weight: 700; border-radius: 999px; padding: 3px 12px; font-size: 14px; }
.taw-mb-acts { white-space: nowrap; text-align: right; }
.taw-mb-acts a { margin-right: 14px; }
.taw-mb-collect { display: inline; margin: 0; }
.taw-mb-linkbtn { background: #fff; border: 1.5px solid #00ADBC; color: #1b8a9f; font-weight: 700; border-radius: 999px; padding: 5px 14px; cursor: pointer; font-size: 14px; }
.taw-mb-linkbtn:hover { background: #00ADBC; color: #fff; }
.taw-mb-contact { margin-top: 24px; }
.taw-mb-contact select, .taw-mb-contact textarea { width: 100%; max-width: 720px; border: 2px solid #DCEBEE; border-radius: 12px; padding: 11px 13px; font: inherit; }

/* // CSS TAW MAILBOX RENEW AND ACCOUNT // */
.taw-mb-renew { background: #FFF4EF; border: 1px solid #FFD3C7; border-radius: 16px; padding: 16px 18px; margin: 18px 0 0; }
.taw-mb-renew p { margin: 0 0 12px; color: #123B4A; }
.taw-mb-renew-d summary { list-style: none; }
.taw-mb-renew-d summary::-webkit-details-marker { display: none; }
.taw-mb-renew-btn { display: inline-block; background: #FF775E; color: #fff; font-weight: 900; letter-spacing: .5px; text-transform: uppercase; border-radius: 999px; padding: 12px 34px; cursor: pointer; }
.taw-mb-renew-btn:hover { background: #E8604A; }
.taw-mb-ropts { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.taw-mb-ropt { display: flex; flex-direction: column; min-width: 150px; background: #fff; border: 1.5px solid #FFD3C7; border-radius: 14px; padding: 10px 16px; text-decoration: none !important; color: #123B4A !important; }
.taw-mb-ropt:hover { border-color: #FF775E; }
.taw-mb-ropt strong { font-size: 15px; }
.taw-mb-ropt span { font-size: 20px; font-weight: 900; }
.taw-mb-acc-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.taw-mb-acc-btn { display: inline-block; border: 2px solid #123B4A; color: #123B4A !important; border-radius: 999px; padding: 10px 22px; font-weight: 800; text-decoration: none !important; }
.taw-mb-acc-btn.danger { border-color: #C2412D; color: #C2412D !important; }
.taw-mb-acc-btn.danger:hover { background: #C2412D; color: #fff !important; }

/* // CSS MAILBOX PAGE LAYOUT: MAIL FIRST // */
.taw-mb-top { display: grid; grid-template-columns: minmax(220px, 1fr) 4fr; gap: 22px; align-items: start; margin: 0 0 22px; }
.taw-mb-top > .taw-mb-box { margin: 0 !important; }
.taw-mb-side { padding: 18px !important; font-size: 13.5px; }
.taw-mb-side h2 { font-size: 17px !important; margin: 0 0 10px !important; }
.taw-mb-side .taw-mb-address { font-size: 13.5px !important; line-height: 1.55 !important; padding: 10px 12px !important; margin: 0 0 10px !important; }
.taw-mb-side p { font-size: 13px; margin: 0 0 8px; }
.taw-mb-side .taw-mb-small { font-size: 12px !important; }
.taw-mb-mail h2 { margin-top: 0 !important; }
.taw-mb-settings { margin-top: 22px; }
@media (max-width: 900px) { .taw-mb-top { grid-template-columns: 1fr; } .taw-mb-top .taw-mb-mail { order: -1; } }

/* // CSS MAILBOX MOBILE MAIL LIST // */
.taw-mb-mlist { display: none; }
@media (max-width: 760px) {
  .taw-mb-mail .taw-table-wrap { display: none !important; }
  .taw-mb-mlist { display: block; margin: 0 0 12px; }
  .taw-mb-mi { border: 1px solid #E3ECEF; border-radius: 12px; margin: 0 0 8px; background: #fff; overflow: hidden; }
  .taw-mb-mi summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 13px 14px; cursor: pointer; font-weight: 800; color: #123B4A; font-size: 15px; }
  .taw-mb-mi summary::-webkit-details-marker { display: none; }
  .taw-mb-mi summary::after { content: ''; width: 7px; height: 7px; border-right: 2px solid #1b8a9f; border-bottom: 2px solid #1b8a9f; transform: rotate(45deg); flex: 0 0 auto; margin-left: 4px; }
  .taw-mb-mi[open] summary::after { transform: rotate(-135deg); }
  .taw-mb-mi-t { flex: 1 1 auto; }
  .taw-mb-mi-s { font-size: 12px; font-weight: 800; border-radius: 999px; padding: 3px 10px; background: #E8F7F8; color: #1b8a9f; white-space: nowrap; }
  .taw-mb-mi-s.held { background: #FF775E; color: #fff; }
  .taw-mb-mi-s.scanned { background: #00ADBC; color: #fff; }
  .taw-mb-mi-b { padding: 0 14px 14px; border-top: 1px solid #E3ECEF; }
  .taw-mb-mi-b p { display: flex; justify-content: space-between; gap: 10px; margin: 0; padding: 9px 0; border-bottom: 1px solid #F0F4F5; font-size: 14px; }
  .taw-mb-mi-b p span { color: #5b6b73; }
  .taw-mb-mi-a { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
  .taw-mb-mi-a > * { flex: 1 1 0; }
  .taw-mb-mi-a .taw-mb-mi-view { display: block; text-align: center; background: #00ADBC; color: #fff !important; border-radius: 999px; padding: 10px; font-weight: 800; text-decoration: none; }
  .taw-mb-mi-a .taw-mb-collect { margin: 0; }
  .taw-mb-mi-a .taw-mb-linkbtn { width: 100%; padding: 10px !important; }
}
@media (max-width: 760px) {
  .taw-mb-mi-a { flex-direction: column; }
  .taw-mb-mi-c { border: 1.5px solid #1b8a9f; border-radius: 14px; }
  .taw-mb-mi-c summary { justify-content: center; padding: 10px !important; font-size: 14.5px !important; color: #1b8a9f !important; }
  .taw-mb-mi-c summary::after { border-color: #1b8a9f !important; }
  .taw-mb-mi-c > div { padding: 0 12px 12px; }
  .taw-mb-mi-addr { display: block !important; font-size: 13.5px !important; line-height: 1.55; color: #123B4A; border: 0 !important; padding: 4px 0 10px !important; }
}

/* // CSS MAILROOM V2 BUTTONS // */
.mr2-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0}
.mr2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:999px;border:0;font:inherit;font-weight:900;font-size:15.5px;text-decoration:none !important;cursor:pointer;line-height:1.1;transition:transform .12s ease,box-shadow .12s ease}
.mr2-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(18,59,74,.12)}
.mr2-btn small{font-weight:700;font-size:13px;opacity:.95}
.mr2-btn.coral{background:#FF775E;color:#fff !important}
.mr2-btn.teal{background:#00ADBC;color:#fff !important}
.mr2-btn.line{background:#fff;color:#123B4A !important;box-shadow:inset 0 0 0 2px #D5E3E7}
.mr2-btn.sm{min-height:40px;padding:0 16px;font-size:14px}
.mr2-kicker{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#1B8A9F;margin-bottom:8px}

/* // CSS MAILROOM V2 HERO // */
.mr2{margin:0 0 34px}
.mr2-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;background:#E8F7F8;border-radius:26px;padding:40px 44px}
.mr2-hero h2{font-size:36px;line-height:1.1;font-weight:900;color:#123B4A;margin:0 0 14px}
.mr2-hero p{font-size:16.5px;line-height:1.6;color:#2A4E5C;margin:0 0 18px}
.mr2-ticks{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:10px}
.mr2-ticks li{display:flex;align-items:center;gap:10px;font-weight:800;color:#123B4A;font-size:15.5px;margin:0}
.mr2-ticks svg{color:#fff;background:#00ADBC;border-radius:10px;padding:7px;width:34px;height:34px;flex:0 0 34px}
.mr2-env{position:relative;transform:rotate(-3deg);filter:drop-shadow(0 18px 30px rgba(18,59,74,.18))}
.mr2-env-in{position:relative;background:#fff;border-radius:14px;padding:58px 26px 30px;min-height:220px;border:10px solid transparent;border-image:repeating-linear-gradient(45deg,#00ADBC 0 14px,#fff 14px 22px,#FF775E 22px 36px,#fff 36px 44px) 10}
.mr2-stamp{position:absolute;top:14px;right:16px;width:62px;height:72px;background:#00ADBC;border:3px dashed #fff;outline:2px solid #00ADBC;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.mr2-stamp b{font-size:19px;font-weight:900;letter-spacing:.04em}
.mr2-stamp small{font-size:9px;font-weight:800;letter-spacing:.12em}
.mr2-postmark{position:absolute;top:22px;right:92px;width:64px;height:64px;border:2.5px solid #9FB5BD;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;font-weight:900;color:#9FB5BD;letter-spacing:.08em;line-height:1.3;transform:rotate(-14deg)}
.mr2-env-to{margin:18px 0 0 !important;display:flex;flex-direction:column;gap:2px;font-size:16px;line-height:1.45;color:#123B4A}
.mr2-env-to span:first-child{font-weight:900;font-size:18px}
.mr2-env-to span:nth-child(2){color:#1B8A9F;font-weight:900}

/* // CSS MAILROOM V2 MEMBER STRIP // */
.mr2-member{display:grid;grid-template-columns:1fr auto;gap:10px 24px;align-items:center;background:#E8F7F8;border-radius:22px;padding:26px 30px}
.mr2-member h2{margin:0 0 4px;font-size:28px;font-weight:900;color:#123B4A}
.mr2-member p{margin:0;color:#2A4E5C}
.mr2-hold{color:#C2412D}
.mr2-closelink{grid-column:1/-1;font-size:13.5px;font-weight:700;color:#5B7480 !important;text-decoration:underline}

/* // CSS MAILROOM V2 PLANS REVEAL // */
.mr2-plans{background:#fff;border:2px solid #E3ECEF;border-radius:24px;padding:26px 28px;margin:18px 0 0;scroll-margin-top:110px;animation:mr2in .25s ease}
.mr2-plans[hidden]{display:none}
@keyframes mr2in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mr2-plans-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.mr2-plans-h h2{margin:0;font-size:24px;font-weight:900}
.mr2-x{width:40px;height:40px;border-radius:12px;border:0;background:#F2F7F8;color:#123B4A;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mr2-plancards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mr2-plan{position:relative;display:flex;flex-direction:column;gap:6px;border:2px solid #E3ECEF;border-radius:20px;padding:24px}
.mr2-plan.best{border-color:#00ADBC;background:#F4FCFC}
.mr2-badge{position:absolute;top:-13px;left:22px;background:#FF775E;color:#fff;font-size:12px;font-weight:900;padding:4px 12px;border-radius:999px}
.mr2-plan-m{font-weight:900;font-size:17px;color:#1B8A9F}
.mr2-plan-p{font-weight:900;font-size:40px;line-height:1;color:#123B4A}
.mr2-plan-w{font-size:13.5px;color:#5B7480;font-weight:700}
.mr2-plan ul{list-style:none;margin:10px 0 16px;padding:0;display:flex;flex-direction:column;gap:7px}
.mr2-plan li{display:flex;gap:8px;align-items:center;margin:0;font-size:15px}
.mr2-plan li svg{color:#00ADBC;flex:0 0 16px}
.mr2-plan .mr2-btn{margin-top:auto}
.mr2-plannote{margin:14px 0 0 !important;font-size:13.5px;color:#5B7480}

/* // CSS MAILROOM V2 INFO // */
.mr2-sec{margin:0 0 34px}
.mr2-sec h2{font-size:26px;font-weight:900;margin:0 0 16px}
.mr2-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:none}
.mr2-steps li{background:#fff;border:1.5px solid #E3ECEF;border-radius:18px;padding:20px;margin:0;display:flex;flex-direction:column;gap:6px}
.mr2-num{width:36px;height:36px;border-radius:12px;background:#00ADBC;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.mr2-steps strong{font-size:16.5px;font-weight:900;color:#123B4A}
.mr2-steps span:not(.mr2-num){font-size:14.5px;color:#5B7480;line-height:1.5}
.mr2-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mr2-open,.mr2-never{border-radius:20px;padding:22px 24px}
.mr2-open{background:#E8F7F8}
.mr2-never{background:#FFF1EE}
.mr2-two h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:19px;font-weight:900}
.mr2-two h3 svg{border-radius:10px;padding:6px;width:32px;height:32px;color:#fff}
.mr2-open h3 svg{background:#00ADBC}
.mr2-never h3 svg{background:#FF775E}
.mr2-two ul{margin:0 0 0 18px}
.mr2-two li{margin:0 0 6px;font-size:15px}
.mr2-two p{margin:8px 0 0 !important;font-size:14px;color:#5B7480}
.mr2-three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mr2-mini{background:#fff;border:1.5px solid #E3ECEF;border-radius:18px;padding:20px}
.mr2-mini svg{color:#1B8A9F}
.mr2-mini h3{margin:8px 0 6px;font-size:17px;font-weight:900}
.mr2-mini p{margin:0;font-size:14.5px;line-height:1.55;color:#2A4E5C}
@media (max-width:900px){.mr2-hero{grid-template-columns:1fr;padding:28px 22px}.mr2-hero h2{font-size:28px}.mr2-env{max-width:380px}.mr2-steps{grid-template-columns:1fr 1fr}.mr2-three{grid-template-columns:1fr}.mr2-member{grid-template-columns:1fr}}
@media (max-width:600px){.mr2-plancards,.mr2-two,.mr2-steps{grid-template-columns:1fr}.mr2-plans{padding:20px 16px}.mr2-btns .mr2-btn{flex:1 1 100%}}

/* // CSS MY MAILBOX V2 // */
.mb2{margin:0 0 30px}
.mb2-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;background:#00ADBC;border-radius:24px;padding:28px 30px;color:#fff}
.mb2-k{display:block;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#fff;opacity:.9;margin-bottom:8px}
.mb2-addr p{margin:0 0 14px !important;font-size:19px;line-height:1.5;font-weight:800;color:#fff}
.mb2-copy{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#1B8A9F;border:0;border-radius:999px;padding:10px 18px;font:inherit;font-weight:900;font-size:14px;cursor:pointer}
.mb2-copy.ok{background:#123B4A;color:#fff}
.mb2-no{text-align:right}
.mb2-no strong{display:block;font-size:34px;font-weight:900;line-height:1;margin-bottom:10px;color:#fff}
.mb2-pill{display:inline-block;background:#fff;color:#1B8A9F;font-weight:900;font-size:13px;border-radius:999px;padding:6px 12px}
.mb2-pill.hold{background:#FF775E;color:#fff}
.mb2-renew{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#FFF1EE;border:1.5px solid #FFD3C7;border-radius:18px;padding:16px 20px;margin:14px 0 0}
.mb2-renew p{margin:0 !important;color:#123B4A}
.mb2-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}
.mb2-stats div{background:#fff;border:1.5px solid #E3ECEF;border-radius:18px;padding:16px 18px}
.mb2-stats b{display:block;font-size:30px;font-weight:900;line-height:1.1;color:#123B4A}
.mb2-stats span{font-size:13.5px;font-weight:800;color:#5B7480}
.mb2-stats .hot{background:#FF775E;border-color:#FF775E}
.mb2-stats .hot b,.mb2-stats .hot span{color:#fff}
.mb2-stats .warm{background:#E8F7F8;border-color:#BFE7EA}
.mb2-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
.mb2-card{background:#fff;border:1.5px solid #E3ECEF;border-radius:20px;padding:20px;margin:0 0 14px}
.mb2-card h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16.5px;font-weight:900;color:#123B4A}
.mb2-card h3 svg{color:#1B8A9F}
.mb2-card p{margin:10px 0 0 !important;font-size:14.5px;line-height:1.55}
.mb2-small{font-size:13px !important;color:#5B7480}
.mb2-mail{padding:20px 20px 10px}
.mb2-mail-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.mb2-mail-h h2{margin:0;font-size:22px;font-weight:900}
.mb2-filters{display:flex;gap:6px}
.mb2-filters button{border:0;background:#F2F7F8;color:#123B4A;font:inherit;font-weight:800;font-size:13px;border-radius:999px;padding:7px 13px;cursor:pointer}
.mb2-filters button.on{background:#123B4A;color:#fff}
.mb2-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"ico it st" "ico acts acts";gap:4px 12px;align-items:center;padding:14px 4px;border-top:1px solid #EEF3F5}
.mb2-item[hidden]{display:none}
.mb2-item.new{background:linear-gradient(90deg,#F4FCFC,transparent);border-radius:14px;border-top-color:transparent}
.mb2-ico{grid-area:ico;width:44px;height:44px;border-radius:13px;background:#E8F7F8;color:#1B8A9F;display:flex;align-items:center;justify-content:center}
.mb2-item.new .mb2-ico{background:#00ADBC;color:#fff}
.mb2-it{grid-area:it;min-width:0}
.mb2-it strong{display:block;font-size:15.5px;font-weight:900;color:#123B4A}
.mb2-it span{font-size:13.5px;color:#5B7480}
.mb2-st{grid-area:st;font-size:11.5px;font-weight:900;border-radius:999px;padding:4px 10px;text-transform:uppercase;letter-spacing:.04em;background:#F2F7F8;color:#5B7480;white-space:nowrap}
.mb2-st.new{background:#FF775E;color:#fff}
.mb2-st.held{background:#1B8A9F;color:#fff}
.mb2-st.open{background:#E8F7F8;color:#1B8A9F}
.mb2-acts{grid-area:acts;display:flex;gap:8px;flex-wrap:wrap}
.mb2-acts:empty{display:none}
.mb2-acts form{margin:0}
.mb2-empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:30px 10px;color:#5B7480}
.mb2-empty svg{color:#BFD3D9}
.mb2-empty strong{color:#123B4A;font-size:17px}
.mb2-fold summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.mb2-fold summary::-webkit-details-marker{display:none}
.mb2-fold summary::after{content:'';width:8px;height:8px;border-right:2px solid #1B8A9F;border-bottom:2px solid #1B8A9F;transform:rotate(45deg);margin-left:8px}
.mb2-fold[open] summary::after{transform:rotate(-135deg)}
.mb2-fold form{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.mb2-fold textarea,.mb2-fold select{width:100%;border:1.5px solid #D5E3E7;border-radius:12px;padding:10px 12px;font:inherit;font-size:15px}
.mb2-chk{display:flex;gap:8px;align-items:center;font-size:14px}
.mb2-lbl{font-weight:800;font-size:13.5px}
.mb2-switch{display:flex;gap:12px;align-items:center;font-weight:800;font-size:14.5px;cursor:pointer}
.mb2-switch input{position:absolute;opacity:0}
.mb2-switch span{flex:0 0 46px;height:26px;border-radius:999px;background:#D5E3E7;position:relative;transition:background .15s}
.mb2-switch span::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}
.mb2-switch input:checked + span{background:#00ADBC}
.mb2-switch input:checked + span::after{transform:translateX(20px)}
.mb2-foot{text-align:center;font-size:13.5px;margin:10px 0 0 !important}
.mb2-foot a{color:#5B7480 !important}
.mb2-login{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;background:#E8F7F8;border-radius:24px;padding:34px 38px}
.mb2-login h2{margin:0 0 10px;font-size:28px;font-weight:900}
.mb2-login p{margin:0 0 16px}
@media (max-width:900px){.mb2-grid{grid-template-columns:1fr}.mb2-login{grid-template-columns:1fr;padding:26px 20px}.mb2-login .mr2-env{max-width:360px}}
@media (max-width:600px){.mb2-head{grid-template-columns:1fr;padding:22px 20px}.mb2-no{text-align:left}.mb2-addr p{font-size:17px}.mb2-renew{flex-direction:column;align-items:flex-start}.mb2-stats b{font-size:24px}}

/* // CSS MAILROOM ENVELOPE HIDDEN ADDRESS // */
.mr2-hid{display:inline-block;color:transparent !important;background:#E3ECEF;border-radius:6px;max-width:260px;user-select:none}

/* // CSS MY MAILBOX HEADER BUTTONS // */
#titlebar .mb2-head-sub{color:#fff;font-size:17px;font-weight:700;margin:6px 0 18px;text-shadow:0 1px 3px rgba(0,0,0,.35)}
#titlebar .mb2-head-btns{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 6px;position:relative;z-index:2}
#titlebar .mb2-head-btns .mr2-btn{min-width:170px}
.taw-mb-out .mb2-login-gone{display:none}
.taw-mb-out #titlebar{margin-bottom:0}
@media (max-width:600px){#titlebar .mb2-head-btns .mr2-btn{flex:1 1 100%}}