.alert.transient-alert{position:relative;box-sizing:border-box;padding-right:50px}
.alert.transient-alert .alert-dismiss{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:7px;background:transparent;color:inherit;font-size:23px;line-height:1;box-shadow:none}
.alert.transient-alert .alert-dismiss:hover{background:#00000008;color:inherit}
.alert.transient-alert .alert-dismiss:focus-visible{outline:2px solid currentColor;outline-offset:-3px}
/* Match the body layout before the transient alert script attaches its controls. */
.page > .alert:is(.success,.info,[role="status"]){
 box-sizing:border-box;
 max-width:var(--page-alert-width,100%);
 margin-inline:var(--page-alert-margin,0);
}
.page:has(> .case-page),
.page:has(> .focused-list){--page-alert-width:1680px;--page-alert-margin:auto}
.page:has(> .case-page.case-staff){--page-alert-width:1000px}
.page:has(> .premium-dashboard){--page-alert-width:1520px;--page-alert-margin:auto}
.page:has(> form.request-compose){--page-alert-width:1800px}
.page:has(> .phone-panel){--page-alert-width:950px}