.u-alert{--__gap:.5rem;--__padding:.4375rem .625rem;--__radius:var(--p-border-radius-md);--__bg:var(--po-bg-0-white);--__border-color:var(--__bg);--__color:var(--po-text-950-strong);--__icon-color:var(--__state-color-base);--__icon-size:1.25rem;--__close-icon-size:1.125rem;--__state-color-base:var(--po-faded-base);--__state-color-light:var(--po-border-color);--__state-color-lighter:var(--po-bg-0-white);align-items:flex-start;background:var(--__bg);border:1px solid var(--__border-color);border-radius:var(--__radius);box-shadow:var(--po-box-shadow-md);color:var(--__color);display:flex;gap:.5rem;padding:var(--__padding)}.u-alert--no-shadow{box-shadow:none}.u-alert__icon{color:var(--__icon-color);flex-shrink:0;height:var(--__icon-size);width:var(--__icon-size)}.u-alert__icon--spinner{height:1.25rem!important;margin:.125rem!important;width:1.25rem!important}.u-alert__close{background:none;border:0;border-radius:var(--p-border-radius-xs);color:var(--__color);display:inline-flex;font-size:var(--__close-icon-size);opacity:.4;padding:0;transition:opacity .2s ease}.u-alert__close:hover{opacity:1}.u-alert__title{color:var(--__color);display:block}.u-alert__title:empty{display:none}.u-alert__text{color:var(--__color);display:block;opacity:.7}.u-alert__text:empty{display:none}.u-alert__text--no-title{margin-top:.125rem}.u-alert__text--balanced{text-wrap:balance}.u-alert__body{display:flex;flex-grow:1;gap:.5rem}.u-alert__content{flex-grow:1}.u-alert__actions{display:flex;gap:.5rem;position:relative}.u-alert__actions a{cursor:pointer}.u-alert__action-link{background:none;border:none;padding:0}.u-alert__divider{line-height:1.25rem;opacity:.4}.u-alert__sub-action:hover{text-decoration:underline}.u-alert--xs{--__icon-size:1rem;--__close-icon-size:1rem}.u-alert--md{--__gap:.75rem;--__radius:var(--p-border-radius-xl);--__padding:.8125rem .8125rem .9375rem;--__icon-size:1.5rem;--__close-icon-size:1.25rem}.u-alert--md .u-alert__body{flex-direction:column;gap:.75rem}.u-alert--md .u-alert__content{display:flex;flex-direction:column;gap:.25rem}.u-alert--stroke{--__border-color:var(--po-border-color)}.u-alert--fill{--__icon-color:var(--po-icon-0-white);--__bg:var(--__state-color-base);--__color:var(--po-text-0-white);--po-label-color:var(--po-text-0-white)}.u-alert--fill .u-alert__text{opacity:1}.u-alert--light{--__bg:var(--__state-color-lighter)}.u-alert--info{--__state-color-base:var(--po-info-base);--__state-color-light:var(--po-info-light);--__state-color-lighter:var(--po-info-lighter)}.u-alert--success{--__state-color-base:var(--po-success-base);--__state-color-light:var(--po-success-light);--__state-color-lighter:var(--po-success-lighter)}.u-alert--warning{--__state-color-base:var(--po-warning-base);--__state-color-light:var(--po-warning-light);--__state-color-lighter:var(--po-warning-lighter)}.u-alert--danger{--__state-color-base:var(--po-danger-base);--__state-color-light:var(--po-danger-light);--__state-color-lighter:var(--po-danger-lighter)}.u-alert--feature{--__state-color-base:var(--po-faded-base);--__state-color-light:var(--po-faded-light);--__state-color-lighter:var(--po-faded-lighter)}.u-alert-enter-from{opacity:0}.u-alert-enter-active{transition:opacity .3s}.u-alert.u-alert-leave-from{max-height:1000px}.u-alert.u-alert-leave-to{margin:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0}.u-alert-leave-active{overflow:hidden;transition:max-height .3s cubic-bezier(0,1,0,1),opacity .3s,margin .3s,padding-top .3s,padding-bottom .3s}.u-alert-leave-active .u-alert__close{opacity:0}