.alert{text-align:left;background:var(--overlay-hover);box-sizing:border-box;border-radius:7px;flex-flow:row;justify-content:space-between;align-items:center;gap:6px;margin:15px 0;padding:6px 9px;font-size:.875rem;line-height:1.125rem;display:flex;position:relative}.alert .alert__emoji{font-size:17px}.alert .alert__emoji,.alert .alert__icon{z-index:1;flex-shrink:0;align-self:flex-start;position:relative}.alert .alert__icon svg.icon{fill:var(--text-2)}.alert .alert__content{color:var(--text-2);z-index:1;flex-grow:1;position:relative}.alert .alert__content a{color:currentColor;text-decoration:underline}.alert.alert--success{background:0 0}.alert.alert--success .alert__icon svg.icon{fill:var(--jade)}.alert.alert--success .alert__content{color:var(--jade)}.alert.alert--success:before{content:" ";opacity:.08;background-color:var(--jade);border-radius:7px;width:100%;height:100%;position:absolute;top:0;left:0}.alert.alert--info{color:var(--beau);background:0 0}.alert.alert--info .alert__icon svg.icon{fill:var(--beau)}.alert.alert--info .alert__content{color:var(--beau)}.alert.alert--info:before{content:" ";opacity:.08;background-color:var(--beau);border-radius:7px;width:100%;height:100%;position:absolute;top:0;left:0}.alert.alert--warning{color:var(--status-warning);background:0 0}.alert.alert--warning .alert__icon svg.icon{fill:var(--status-warning)}.alert.alert--warning .alert__content{color:var(--status-warning)}.alert.alert--warning:before{content:" ";opacity:.1;background-color:var(--status-warning);border-radius:7px;width:100%;height:100%;position:absolute;top:0;left:0}.alert.alert--danger{color:var(--status-danger);background:0 0}.alert.alert--danger .alert__icon svg.icon{fill:var(--status-danger)}.alert.alert--danger .alert__content{color:var(--status-danger)}.alert.alert--danger:before{content:" ";opacity:.08;background-color:var(--status-danger);border-radius:7px;width:100%;height:100%;position:absolute;top:0;left:0}.grid .alert{margin:0}.app main>.alert,.focus .focus__main>.alert{margin-left:12px;margin-right:12px}@media (width>=580px){.app main>.alert{margin-left:24px;margin-right:24px}}@media (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:.9375rem;line-height:1.3125rem}@media (width>=580px){.alert.alert--status .alert__content{display:block}}