:where([data-drupal-messages]){--duration: 6s;position:fixed;z-index:1000;top:0;right:0;width:28rem;max-width:100%;max-height:100%;padding:1rem;overflow:hidden;>:where(div){position:relative;margin-block-end:1rem;padding:1rem 1rem 1rem 3.25rem;animation:headShake 1s both ease-in-out,status-messages forwards .75s ease var(--duration) paused;border-radius:.375rem;background-color:var(--bg);color:var(--color);&: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:"";display:block;position:absolute;top:50%;left:1em;width:1.25em;height:1.25em;transform:translateY(-50%);mask:var(--icon) no-repeat left center / contain;mask-size:100% 100%;background-color:var(--color)}&:after{content:"";position:absolute;right:0;bottom:0;left:0;height:5px;transform-origin:left;background-color:var(--color)}}: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%{transform:scale(1);opacity:1}25%{transform:scale(.85);opacity:0}to{position:absolute;opacity:0;pointer-events:none}}@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)}}