.notices{list-style:none;margin:0;padding:0;&.notices--block{.notice{margin-bottom:calc(var(--xf-elementSpacer) / 2)}}&.notices--floating{margin:0 20px 0 auto;width:300px;max-width:100%;z-index:calc(var(--xf-zIndexMultiplier) * 8);@media(max-width:340px){margin-right:10px}.notice{margin-bottom:20px}}&.notices--scrolling{display:flex;align-items:stretch;overflow:hidden;border-width:var(--xf-blockBorder--border-width);border-style:solid;border-top-color:var(--xf-blockBorder--border-top-color);border-right-color:var(--xf-blockBorder--border-right-color);border-bottom-color:var(--xf-blockBorder--border-bottom-color);border-left-color:var(--xf-blockBorder--border-left-color);margin-bottom:calc(var(--xf-elementSpacer) / 2);&.notices--isMulti{margin-bottom:calc(var(--xf-elementSpacer) / 2 + 20px)}.notice{width:100%;flex-grow:0;flex-shrink:0;border:none}}}.notice{position:relative;border-width:var(--xf-blockBorder--border-width);border-style:solid;border-top-color:var(--xf-blockBorder--border-top-color);border-right-color:var(--xf-blockBorder--border-right-color);border-bottom-color:var(--xf-blockBorder--border-bottom-color);border-left-color:var(--xf-blockBorder--border-left-color);&:before,&:after{content:" ";display:table}&:after{clear:both}&.notice--primary{color:var(--xf-contentHighlightBase--color);background:var(--xf-contentHighlightBase--background-color)}&.notice--accent{color:var(--xf-contentAccentBase--color);background:var(--xf-contentAccentBase--background-color);a:not(.button--notice){color:var(--xf-contentAccentLink--color)}}&.notice--dark{color:#fefefe;border:none;background:#141414;a:not(.button--notice){color:#b4b4b4}}&.notice--light{color:#141414;background:#fefefe;a:not(.button--notice){color:#828282}}&.notice--enablePush{display:none;@media(max-width:900px){padding:var(--xf-paddingSmall) var(--xf-paddingSmall) var(--xf-paddingLarge);font-size:var(--xf-fontSizeSmall)}}&.notice--cookie{@media(max-width:900px){.notice-content{padding:var(--xf-paddingSmall) var(--xf-paddingSmall) var(--xf-paddingLarge);font-size:var(--xf-fontSizeSmaller);.button--notice{font-size:var(--xf-fontSizeSmaller);padding:var(--xf-paddingSmall) var(--xf-paddingMedium);.button-text{font-size:var(--xf-fontSizeSmaller)}}}}}&.notice--cookieAdvanced .notice-content{padding:1em 0;.u-pageCentered{display:grid;grid-template-columns:1fr var(--xf-sidebarWidth);gap:var(--xf-sidebarSpacer);align-items:end}@media(max-width:650px){.u-pageCentered{display:block}}h2{margin:0}.button{width:100%;margin:.5em 0;font-weight:700}form.is-active{display:contents;grid-column:span 2;.formRow.formRow--fullWidth>dd{padding-left:0;padding-right:0}}form:not(.is-active){display:none}}.notices--block &{font-size:var(--xf-fontSizeNormal);border-radius:var(--xf-blockBorderRadius)}.notices--floating &{font-size:var(--xf-fontSizeSmallest);border-radius:var(--xf-borderRadiusMedium);box-shadow:1px 1px 3px #00000040;&.notice--primary{background-color:rgb(from var(--xf-contentHighlightBase--background-color) r g b / 80%)}&.notice--accent{background-color:rgb(from var(--xf-contentAccentBase--background-color) r g b / 80%)}&.notice--dark{background-color:#141414cc}&.notice--light{background-color:#fefefecc}.has-js &{display:none}}&.notice--hasImage{.notice-content{margin-left:calc(48px + var(--xf-paddingLarge) * 2);min-height:calc(48px + var(--xf-paddingLarge) * 2)}}@media(max-width:900px){&.notice--hidewide:not(.is-vis-processed){display:none;visibility:hidden}}@media(max-width:650px){&.notice--hidemedium:not(.is-vis-processed){display:none;visibility:hidden}}@media(max-width:480px){&.notice--hidenarrow:not(.is-vis-processed){display:none;visibility:hidden}}}.notice-image{float:left;padding:var(--xf-paddingLarge) 0 var(--xf-paddingLarge) var(--xf-paddingLarge);img{max-width:48px;max-height:48px}}.notice-content{padding:var(--xf-paddingLarge);a.notice-dismiss{float:right;color:inherit;font-size:16px;line-height:1;height:1em;box-sizing:content-box;padding:0 0 5px 5px;opacity:.5;-webkit-transition:opacity var(--xf-animationSpeed) ease;transition:opacity var(--xf-animationSpeed) ease;cursor:pointer;&:before{display:inline-block;content:"";height:1em;vertical-align:-.125em;background-color:currentColor;width:.75em;mask:url("./times-O36JNSUL.svg") no-repeat center;-webkit-mask:url("./times-O36JNSUL.svg") no-repeat center}&:hover{text-decoration:none;opacity:1}.notices--floating &{font-size:14px}}}