:where([data-drupal-messages]){--duration:6s;z-index:1000;width:28rem;max-width:100%;max-height:100%;padding:1rem;position:fixed;top:0;right:0;overflow:hidden;&>:where(div){animation:headShake 1s both ease-in-out, status-messages forwards .75s ease var(--duration) paused;background-color:var(--bg);color:var(--color);border-radius:.375rem;margin-block-end:1rem;padding:1rem 1rem 1rem 3.25rem;position:relative;&:where([data-type=status]){--icon:var(--i-feather-info);--color:var(--color-info-darkest);--bg:var(--color-info-lightest);animation-play-state:running}&:where([data-type^=warning]){--icon:var(--i-feather-alert-triangle);--color:var(--color-warning-darkest);--bg:var(--color-warning-lightest);animation-play-state:running}&:where([data-type^=error]){--icon:var(--i-feather-alert-octagon);--color:var(--color-error-darkest);--bg:var(--color-error-lightest)}&:where([data-type^=status]),&:where([data-type^=warning]){&:hover,&:hover:after{animation-play-state:paused}&:after{animation:status-messages-progreess forwards var(--duration) linear}}&::selection,& a::selection{background:var(--color);color:var(--bg)}&:before{content:"";width:1.25em;height:1.25em;mask:var(--icon) no-repeat left center / contain;background-color:var(--color);display:block;position:absolute;top:50%;left:1em;transform:translateY(-50%);mask-size:100% 100%}&:after{content:"";transform-origin:0;background-color:var(--color);height:5px;position:absolute;bottom:0;left:0;right:0}}& :where(a){color:var(--color);font-weight:700}}@media (prefers-reduced-motion:reduce){:where([data-drupal-messages]>div){animation:none}}@keyframes status-messages-progreess{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes status-messages{0%{opacity:1;transform:scale(1)}25%{opacity:0;transform:scale(.85)}to{opacity:0;pointer-events:none;position:absolute}}@keyframes headShake{0%{transform:translate(0)}6.5%{transform:translate(-6px)rotateY(-9deg)}18.5%{transform:translate(5px)rotateY(7deg)}31.5%{transform:translate(-3px)rotateY(-5deg)}43.5%{transform:translate(2px)rotateY(3deg)}50%{transform:translate(0)}}