.alert{margin:15px 0;padding:6px 9px;border-radius:7px;font-size:14px;line-height:18px;text-align:left;background:var(--surface-overlay);position:relative;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:6px;box-sizing:border-box}.alert .alert__emoji{font-size:17px}.alert .alert__emoji,.alert .alert__icon{position:relative;z-index:1;align-self:flex-start;flex-shrink:0}.alert .alert__icon svg.icon{fill:var(--text-secondary)}.alert .alert__content{flex-grow:1;color:var(--text-secondary);position:relative;z-index:1}.alert .alert__content a{color:currentcolor;text-decoration:underline}.alert.alert--success{background:transparent}.alert.alert--success .alert__icon svg.icon{fill:var(--jade)}.alert.alert--success .alert__content{color:var(--jade)}.alert.alert--success:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.08;background-color:var(--jade);border-radius:7px}.alert.alert--info{background:transparent;color:var(--beau)}.alert.alert--info .alert__icon svg.icon{fill:var(--beau)}.alert.alert--info .alert__content{color:var(--beau)}.alert.alert--info:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.08;background-color:var(--beau);border-radius:7px}.alert.alert--warning{background:transparent;color:var(--warning)}.alert.alert--warning .alert__icon svg.icon{fill:var(--warning)}.alert.alert--warning .alert__content{color:var(--warning)}.alert.alert--warning:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;background-color:var(--warning);border-radius:7px}.alert.alert--danger{background:transparent;color:var(--danger)}.alert.alert--danger .alert__icon svg.icon{fill:var(--danger)}.alert.alert--danger .alert__content{color:var(--danger)}.alert.alert--danger:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.08;background-color:var(--danger);border-radius:7px}.grid .alert{margin:0}.app main>.alert,.focus .focus__main>.alert{margin-left:12px;margin-right:12px}@media(min-width:580px){.app main>.alert{margin-left:24px;margin-right:24px}}@media(min-width:960px){.focus .focus__main>.alert{margin-left:24px;margin-right:24px}}.main-header .alert{margin:3px auto}.alert.alert--status .alert__content{display:none}.alert.alert--text{font-size:15px;line-height:21px}@media(min-width:580px){.alert.alert--status .alert__content{display:block}}