.status-alert{border-radius:calc(var(--ui-radius)*2);width:100%}.status-alert--loading{height:calc(var(--spacing,.25rem)*1.5);background:repeating-linear-gradient(135deg,rgb(var(--color-primary-500)) 0 10px,rgb(var(--color-primary-200)) 0 20px) 0/0 no-repeat,repeating-linear-gradient(135deg,#ddd 0 10px,#eee 0 20px) 0/100%;animation:p3 2s ease-in-out infinite;position:absolute;top:0;left:0}.status-alert--error{margin-bottom:calc(var(--spacing,.25rem)*5);background-color:color-mix(in srgb,rgb(rgb(var(--color-red-600))) 10%,transparent)}@supports (color:color-mix(in lab,red,red)){.status-alert--error{background-color:color-mix(in oklab,rgb(var(--color-red-600)) 10%,transparent)}}.status-alert--error{padding-inline:calc(var(--spacing,.25rem)*5);padding-block:calc(var(--spacing,.25rem)*4);color:rgb(var(--color-red-600))}.status-alert--success{margin-bottom:calc(var(--spacing,.25rem)*5);background-color:color-mix(in srgb,rgb(rgb(var(--color-green-600))) 10%,transparent)}@supports (color:color-mix(in lab,red,red)){.status-alert--success{background-color:color-mix(in oklab,rgb(var(--color-green-600)) 10%,transparent)}}.status-alert--success{color:rgb(var(--color-green-600))}.status-alert--success,.status-alert--warning{padding-inline:calc(var(--spacing,.25rem)*5);padding-block:calc(var(--spacing,.25rem)*4)}.status-alert--warning{margin-bottom:calc(var(--spacing,.25rem)*5);color:#856404;background-color:#fff3cd}