/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--messages-icon-size:2rem;}.messages-list{margin-block:var(--sp1);padding-block:0;padding-inline-start:0;padding-inline-end:0;list-style:none;}.messages{min-height:calc(var(--messages-icon-size) + 2 * var(--sp1));padding-block:var(--sp1);padding-inline-start:var(--sp1-5);padding-inline-end:var(--sp1-5);color:var(--color--white);outline:solid 1px transparent;background-color:var(--color--gray-5);& *{color:inherit;}&.messages-list__item{background-image:none;}}.messages__list{margin-block:0;margin-inline-start:0;margin-inline-end:0;padding-block:0;padding-inline-start:0;padding-inline-end:0;list-style:none;}.messages:not(.hidden) ~ .messages{margin-block-start:var(--sp1);}.messages__item + .messages__item{margin-block-start:var(--sp0-5);}.messages__container{display:flex;}.messages__header{flex-shrink:0;margin-inline-end:var(--sp1);&.no-icon{margin-inline-end:0;}}.messages__content{overflow:auto;flex:1;padding-block-start:0.1875rem;}.messages__button{flex-shrink:0;margin-inline-start:var(--sp1);padding-block-start:0.1875rem;}.messages__close{position:relative;width:1.5625rem;height:1.5625rem;padding-block:0;padding-inline-start:0;padding-inline-end:0;cursor:pointer;vertical-align:top;border:0;background:none;appearance:none;&::before,&::after{position:absolute;top:50%;left:50%;display:block;width:2.0625rem;height:0;content:"";border-top:solid 2px var(--color--gray-60);}&::before{transform:translate(-50%,-50%) rotate(45deg);}&::after{transform:translate(-50%,-50%) rotate(-45deg);}&:hover{&::before,&::after{border-color:var(--color--white);}}&:focus{outline:2px solid var(--color--primary-60);outline-offset:2px;}}.messages__icon svg{vertical-align:top;}.messages--error .messages__icon svg{fill:var(--color--red);}.messages--warning .messages__icon svg{fill:var(--color--gold);}.messages--status .messages__icon svg{fill:var(--color--green);}.messages--info .messages__icon svg{fill:var(--color--primary-60);}.messages a{color:var(--color--white);}.messages pre{margin:0;}.js-form-managed-file .messages{margin-block-end:var(--sp1);border-inline-start:solid 0.375rem var(--color--red);}
.progress__track{overflow:hidden;height:var(--sp);border:1px solid var(--color--primary-40);border-radius:var(--border-radius);}.progress__bar{height:var(--sp);background-color:var(--color--primary-40);}.progress__percentage{margin-inline-start:1rem;}
