/* Shared email draft presentation, isolated from the rest of the portal. */
.introduction-composer.workspace-modal{--composer-border:#c5cdba;position:fixed;inset:0 0 0 auto;margin:0;width:min(760px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-radius:0;background:#f3f0e1;color:#17241b;color-scheme:light;font-family:Manrope,Arial,sans-serif;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%)}
.introduction-composer.workspace-modal.is-open{transform:none}
.introduction-composer.workspace-modal,.introduction-composer.workspace-modal *{box-sizing:border-box}
.introduction-composer.workspace-modal [hidden]{display:none!important}
.introduction-composer.workspace-modal button,.introduction-composer.workspace-modal .button{margin:0;border:1px solid var(--composer-border);border-radius:0;padding:12px 16px;min-height:44px;background:transparent;color:inherit;font:400 14px Manrope,Arial,sans-serif;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}
.introduction-composer.workspace-modal button:disabled{opacity:.55;cursor:default}
.introduction-composer.workspace-modal :is(button,a,input,textarea,summary):focus-visible{outline:3px solid #237f49;outline-offset:3px}
.introduction-composer.workspace-modal a{color:#365c41;text-underline-offset:4px;overflow-wrap:anywhere}
.introduction-composer.workspace-modal > header{position:static;inset:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 44px;padding:32px 0 22px;border-bottom:1px solid var(--composer-border);background:transparent}
.introduction-composer.workspace-modal > header > div{min-width:0}
.introduction-composer.workspace-modal > header h2{margin:0 0 10px;color:#17241b;font-size:29px;font-weight:500;line-height:1.25;letter-spacing:-1.2px;overflow-wrap:anywhere}
.introduction-composer.workspace-modal > header p{margin:0;color:#62715a;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.introduction-composer.workspace-modal > header button{position:static;flex:none;width:auto;white-space:nowrap}
.introduction-composer.workspace-modal .composer-body{min-width:0;padding:22px 44px 32px}
.introduction-composer.workspace-modal .composer-company{margin:0;padding:0;min-width:0}
.introduction-composer.workspace-modal .composer-company h3{margin:0;color:#17241b;font-size:18px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.introduction-composer.workspace-modal .composer-company p{margin:6px 0 0;color:#62715a;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.introduction-composer.workspace-modal .composer-form{margin:0;min-width:0}
.introduction-composer.workspace-modal .muted{color:#62715a;font-size:13px;line-height:1.65}
.introduction-composer.workspace-modal .mail-app-picker{margin:38px 0 20px;padding:0 0 26px;border:0;border-bottom:1px solid var(--composer-border);background:transparent}
.introduction-composer.workspace-modal .mail-app-picker h3{margin:0;color:#17241b;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:normal}
.introduction-composer.workspace-modal .mail-app-picker > .muted{margin:8px 0 18px}
.introduction-composer.workspace-modal .mail-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.introduction-composer.workspace-modal .mail-apps :is(button,a){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:104px;padding:16px 8px;background:#faf8ee;text-align:center;border:1px solid var(--composer-border);border-radius:0;color:#17241b;text-decoration:none;font:400 14px Manrope,Arial,sans-serif;cursor:pointer}
.introduction-composer.workspace-modal .mail-apps :is(button,a):hover,.introduction-composer.workspace-modal .mail-apps :is(button,a).preferred{border-color:#2e724b;background:#e5efdf}
.introduction-composer.workspace-modal .mail-apps strong{font:400 13px/1.4 Manrope,Arial,sans-serif;color:inherit}
.introduction-composer.workspace-modal .mail-apps small{font:400 11px/1.4 Manrope,Arial,sans-serif;color:#62715a}
.introduction-composer.workspace-modal .mail-apps img,.introduction-composer.workspace-modal .mail-apps svg{display:block;width:28px;height:28px;object-fit:contain}
.introduction-composer.workspace-modal .mail-apps .mail-yahoo-mark{height:28px;padding-right:3px;color:#6001d2;font:bold 34px/28px Arial,sans-serif;letter-spacing:-3px}
.introduction-composer.workspace-modal .mail-personal-outlook{display:block;margin:14px 0 0;padding:0;min-height:32px;border:0;background:transparent;color:#365c41;font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.introduction-composer.workspace-modal .mail-personal-outlook.preferred{font-weight:700}
.introduction-composer.workspace-modal .mail-remember{display:flex;flex-direction:row;align-items:center;gap:9px;margin:18px 0 0;color:#52684b;font:400 12px/1.6 Manrope,Arial,sans-serif;text-transform:none;letter-spacing:normal}
.introduction-composer.workspace-modal .mail-remember input{flex:none;width:18px;height:18px;min-height:0;margin:0;padding:0;accent-color:#237f49}
.introduction-composer.workspace-modal .composer-envelope{min-width:0;border:1px solid #adbd9e;background:#f9f7ed}
.introduction-composer.workspace-modal .composer-envelope-row{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:0;min-width:0;min-height:53px;margin:0;border-bottom:1px solid var(--composer-border);color:#17241b;font-size:12px;text-transform:none;letter-spacing:normal}
.introduction-composer.workspace-modal .composer-envelope-row > span{padding:12px 14px;color:#52684b;font:400 12px/1.5 Manrope,Arial,sans-serif}
.introduction-composer.workspace-modal .composer-envelope-row input{display:block;width:100%;min-width:0;min-height:52px;margin:0;border:0;border-radius:0;padding:14px 12px;background:transparent;color:#17241b;font:400 14px/1.6 Manrope,Arial,sans-serif;box-shadow:none}
.introduction-composer.workspace-modal .composer-message{display:block;margin:0;color:#52684b;font-size:12px;text-transform:none;letter-spacing:normal}
.introduction-composer.workspace-modal .composer-message > span{display:block;padding:14px 14px 0;color:#52684b;font:400 12px/1.5 Manrope,Arial,sans-serif}
.introduction-composer.workspace-modal .composer-message textarea{display:block;resize:vertical;width:100%;min-width:0;min-height:305px;max-width:100%;margin:0;border:0;border-radius:0;padding:12px 14px 18px;background:transparent;color:#17241b;font:400 14px/1.8 Manrope,Arial,sans-serif;overflow-wrap:anywhere;box-shadow:none}
.introduction-composer.workspace-modal .composer-envelope :is(input,textarea):focus-visible{outline-offset:-3px}
.introduction-composer.workspace-modal .composer-sender{margin:12px 0 20px;color:#62715a;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.introduction-composer.workspace-modal .composer-copy{margin:0;padding:12px 0 28px;border:0;background:transparent;color:#365c41}
.introduction-composer.workspace-modal .composer-copy > summary{margin:0;padding:0;color:#365c41;font:400 13px/1.65 Manrope,Arial,sans-serif;cursor:pointer}
.introduction-composer.workspace-modal .composer-copy > summary:hover{background:transparent;color:#237f49}
.introduction-composer.workspace-modal .composer-copy p{margin:12px 0;color:#62715a;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.introduction-composer.workspace-modal .composer-copy .actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0}
.introduction-composer.workspace-modal .composer-copy button{font:400 11px/1.5 'JetBrains Mono',monospace;text-transform:uppercase}
.introduction-composer.workspace-modal .composer-copy-fallback{display:block;resize:vertical;width:100%;max-width:100%;min-height:180px;margin:16px 0 0;border:1px solid #adbd9e;border-radius:0;padding:12px;background:#f9f7ed;color:#17241b;font:400 14px/1.65 Manrope,Arial,sans-serif;overflow-wrap:anywhere}
.introduction-composer.workspace-modal .composer-note{margin:0;color:#62715a;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.introduction-composer.workspace-modal :is(.composer-status,.composer-preparation){margin:0 0 14px;color:#365c41;font-size:13px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}
.introduction-composer.workspace-modal :is(.composer-status,.composer-preparation):empty{display:none}
.introduction-composer.workspace-modal :is(.composer-status,.composer-preparation).error{color:#8d302b}
.introduction-composer.workspace-modal .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){
 .introduction-composer.workspace-modal > header{margin:0 20px;padding:24px 0 20px;gap:12px}
 .introduction-composer.workspace-modal > header h2{font-size:26px}
 .introduction-composer.workspace-modal .composer-body{padding:22px 20px 32px}
 .introduction-composer.workspace-modal .composer-company h3{font-size:17px}
 .introduction-composer.workspace-modal .mail-apps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .introduction-composer.workspace-modal .composer-envelope-row{grid-template-columns:58px minmax(0,1fr)}
 .introduction-composer.workspace-modal .composer-envelope-row > span{padding-inline:10px}
 .introduction-composer.workspace-modal .composer-envelope-row input,.introduction-composer.workspace-modal .composer-message textarea,.introduction-composer.workspace-modal .composer-copy-fallback{font-size:16px}
}

.introduction-composer.workspace-modal [data-composer-retry]{margin:0 0 16px}

.introduction-composer.workspace-modal .mail-apps a[aria-disabled=true]{opacity:.55;cursor:default}