.messages__container{display:flex;flex-direction:column;gap:var(--size-xs)}.messages__message{align-items:flex-start;color:var(--colour-text);display:flex;gap:var(--size-default);padding:var(--size-xxxs) var(--size-default);width:100%}@supports(color: color-mix(in srgb, blue, white)){.messages__message{background-color:color-mix(in srgb, var(--colour-background-alternate), white 75%)}}@supports not (color: color-mix(in srgb, blue, white)){.messages__message{background-color:hsl(from var(--colour-background-alternate) h calc(s - (100% - s) * 0.75) calc(l + (100% - l) * 0.75))}}.messages__message-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:none;border-radius:100%;cursor:pointer;height:var(--size-xxs);margin:0 0 0 auto;position:relative;transition:background 250ms ease-in-out;width:var(--size-xxs)}@container body ( min-width: 768px ){.messages__message-close{margin-top:calc((var(--size-xs) - var(--size-xxs))/2)}}.messages__message-close-icon{background:var(--colour-text);font-size:0;height:var(--size-default);left:50%;line-height:0;-webkit-mask-image:url("../../image/icons.ui.svg?token=Bw3lY7pX#close-view");mask-image:url("../../image/icons.ui.svg?token=Bw3lY7pX#close-view");-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--size-default) var(--size-default);mask-size:var(--size-default) var(--size-default);pointer-events:none;position:absolute;top:50%;transform:translate(-50%, -50%);transition:background 250ms ease-in-out;width:var(--size-default)}@media(hover: hover){.messages__message-close:hover{background:var(--colour-text)}@supports(color: color-mix(in srgb, blue, white)){.messages__message-close:hover-icon{background-color:color-mix(in srgb, var(--colour-background-alternate), white 75%)}}@supports not (color: color-mix(in srgb, blue, white)){.messages__message-close:hover-icon{background-color:hsl(from var(--colour-background-alternate) h calc(s - (100% - s) * 0.75) calc(l + (100% - l) * 0.75))}}}.messages__message-content{margin:calc(var(--size-xxxxs)/2) 0 0}.messages__message-icon{background-color:var(--colour-text);display:inline-block;font-size:0;height:var(--size-xxs);line-height:0;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--size-xxs) var(--size-xxs);mask-size:var(--size-xxs) var(--size-xxs);width:var(--size-xxs)}@container body ( min-width: 768px ){.messages__message-icon{height:var(--size-xs);-webkit-mask-size:var(--size-xs) var(--size-xs);mask-size:var(--size-xs) var(--size-xs);width:var(--size-xs)}}.messages__message-icon--name-error{-webkit-mask-image:url("../../image/icons.message.svg?token=Bw3lY7pX#error-view");mask-image:url("../../image/icons.message.svg?token=Bw3lY7pX#error-view")}.messages__message-icon--name-status{-webkit-mask-image:url("../../image/icons.message.svg?token=Bw3lY7pX#status-view");mask-image:url("../../image/icons.message.svg?token=Bw3lY7pX#status-view")}.messages__message-icon--name-warning{-webkit-mask-image:url("../../image/icons.message.svg?token=Bw3lY7pX#warning-view");mask-image:url("../../image/icons.message.svg?token=Bw3lY7pX#warning-view")}.messages__message-list{margin:calc(var(--size-xxxxs)/2) 0 0 var(--text-margin__m)}.messages__message-list-item{margin:0 0 calc(var(--text-margin__xs)/2)}.messages__message-list-item:last-child{margin:0}.messages__message--type-error{background-color:#d11141;color:#fff}.messages__message--type-error .messages__message-close-icon{background-color:#fff}@media(hover: hover){.messages__message--type-error .messages__message-close:hover{background-color:#fff}.messages__message--type-error .messages__message-close:hover .messages__message-close-icon{background-color:#d11141}}.messages__message--type-error .messages__message-icon{background-color:#fff}.messages__message--type-status{background-color:#00b159;color:#fff}.messages__message--type-status .messages__message-close-icon{background-color:#fff}@media(hover: hover){.messages__message--type-status .messages__message-close:hover{background-color:#fff}.messages__message--type-status .messages__message-close:hover .messages__message-close-icon{background-color:#00b159}}.messages__message--type-status .messages__message-icon{background-color:#fff}.messages__message--type-warning{background-color:#ffc425;color:#00040a}/*# sourceMappingURL=component.webform.min.css.map */