.base-alert{--base-alert-tone:var(--color-base-content);border:1px solid color-mix(in oklab,var(--base-alert-tone) 18%,transparent);background-color:color-mix(in oklab,var(--base-alert-tone) 6%,var(--color-base-100));color:var(--color-base-content)}.base-alert.alert-info{--base-alert-tone:var(--color-info)}.base-alert.alert-success{--base-alert-tone:var(--color-success)}.base-alert.alert-warning{--base-alert-tone:var(--color-warning)}.base-alert.alert-error{--base-alert-tone:var(--color-error)}.base-alert:is(.alert-info,.alert-success,.alert-warning,.alert-error){border-color:color-mix(in oklab,var(--base-alert-tone) 40%,transparent);background-color:color-mix(in oklab,var(--base-alert-tone) 10%,var(--color-base-100))}.base-alert>i:first-child{color:var(--base-alert-tone)}.base-alert--compact>i:first-child{flex:none;align-self:flex-start;margin-top:.125rem}.base-alert--compact>span{flex:16rem;min-width:0}.base-alert--compact{text-align:left;flex-wrap:wrap;align-items:center;display:flex}.base-alert--compact.base-alert--with-action{align-items:flex-start}.base-alert--compact.base-alert--with-action>span{padding-block:.375rem}.base-alert--compact.base-alert--with-action>i:first-child{margin-top:.5rem}.base-alert--compact>:last-child:not(span){flex-shrink:0;max-width:100%;margin-left:auto}