:root{--ODSCardNotification-padding:0 0 var(--spacing-component-7) 0;--ODSCardNotification-minHeight:var(--sizing-component-19);--ODSCardNotification-width--showImage:480px;--ODSCardNotification-width--state-hovered:100%;--ODSCardNotification-width--state-pressed:100%;--ODSCardNotification-width--state-focused:100%;--ODSCardNotification-width:100%;--ODSCardNotification-verticalAlignment:start;--ODSCardNotification-horizontalAlignment:start;--ODSCardNotification-position:relative;--ODSCardNotification-CardBg-borderRadius:var(--radius-medium);--ODSCardNotification-CardBg-position:absolute;--ODSCardNotification-CardBg-top:0;--ODSCardNotification-CardBg-top--state-hovered:-4px;--ODSCardNotification-CardBg-bottom:0;--ODSCardNotification-CardBg-bottom--state-hovered:-4px;--ODSCardNotification-CardBg-left:0;--ODSCardNotification-CardBg-left--state-hovered:-4px;--ODSCardNotification-CardBg-right:0;--ODSCardNotification-CardBg-right--state-hovered:-4px;--ODSCardNotification-CardBg-overflow:hidden;--ODSCardNotification-CardBg-verticalAlignment:start;--ODSCardNotification-CardBg-horizontalAlignment:center;--ODSCardNotification-HeaderContainer-gap--showImage:var(--spacing-layout-6);--ODSCardNotification-HeaderContainer-gap:var(--spacing-component-2);--ODSCardNotification-HeaderContainer-padding:0 0 0 var(--spacing-component-7);--ODSCardNotification-HeaderContainer-minHeight:62px;--ODSCardNotification-HeaderContainer-width:100%;--ODSCardNotification-HeaderContainer-verticalAlignment:start;--ODSCardNotification-HeaderContainer-horizontalAlignment:start;--ODSCardNotification-HeaderContent-gap--showImage:var( --spacing-component-2 );--ODSCardNotification-HeaderContent-gap:4px;--ODSCardNotification-HeaderContent-padding--showImage:var( --spacing-component-7 ) var(--spacing-component-0) 0 0;--ODSCardNotification-HeaderContent-padding:var(--spacing-component-7) 0 0 0;--ODSCardNotification-HeaderContent-flex:1;--ODSCardNotification-HeaderContent-verticalAlignment:start;--ODSCardNotification-HeaderContent-horizontalAlignment:start;--ODSCardNotification-Header-font:var(--body-m-bold);--ODSCardNotification-Header-letterSpacing:var(--body-m-bold-letter-spacing);--ODSCardNotification-Header-textAlign:left;--ODSCardNotification-Header-width:100%;--ODSCardNotification-Header-verticalAlign:top;--ODSCardNotification-Text-font:var(--body-s-regular);--ODSCardNotification-Text-letterSpacing:var( --body-s-regular-letter-spacing );--ODSCardNotification-Text-textAlign:left;--ODSCardNotification-Text-width:100%;--ODSCardNotification-Text-verticalAlign:top;--ODSCardNotification-CloseButtonContainer-padding:var( --spacing-component-3 );--ODSCardNotification-CloseButtonContainer-verticalAlignment:start;--ODSCardNotification-CloseButtonContainer-horizontalAlignment:start;--ODSCardNotification-ActionContainer-gap:var(--spacing-component-2);--ODSCardNotification-ActionContainer-padding--showImage:var( --spacing-component-4 ) 144px 0 var(--spacing-component-7);--ODSCardNotification-ActionContainer-padding:var(--spacing-component-4) var(--spacing-component-7) 0 var(--spacing-component-7);--ODSCardNotification-ActionContainer-width:100%;--ODSCardNotification-ActionContainer-verticalAlignment:end;--ODSCardNotification-ActionContainer-horizontalAlignment:start;--ODSCardNotification-Focus-border--state-focused:var(--strokes-2) solid;--ODSCardNotification-Focus-borderRadius--state-focused:22px;--ODSCardNotification-transition-duration:.15s;--ODSCardNotification-transition-timing-function:ease-in-out;--ODSCardNotificationStack-minWidth:312px;--ODSCardNotificationStack-width:var(--columns-6-columns);--ODSCardNotificationStack-verticalAlignment:end;--ODSCardNotificationStack-horizontalAlignment:center;--ODSCardNotificationStack-OdsNotificationCard1-width:100%;--ODSCardNotificationStack-CardHolder-width:100%;--ODSCardNotificationStack-CardHolder-height:var(--sizing-component-6);--ODSCardNotificationStack-CardHolder-overflow:hidden;--ODSCardNotificationStack-CardHolder-verticalAlignment:end;--ODSCardNotificationStack-CardHolder-horizontalAlignment:start;--ODSCardNotificationStack-CardHolder-position:relative;--ODSCardNotificationStack-OdsNotificationCard2-position:absolute;--ODSCardNotificationStack-OdsNotificationCard2-bottom:0;--ODSCardNotificationStack-OdsNotificationCard2-left:16px;--ODSCardNotificationStack-OdsNotificationCard2-right:16px;--ODSCardNotificationStack-CardHolder2-width:100%;--ODSCardNotificationStack-CardHolder2-height:var(--sizing-component-6);--ODSCardNotificationStack-CardHolder2-overflow:hidden;--ODSCardNotificationStack-CardHolder2-verticalAlignment:end;--ODSCardNotificationStack-CardHolder2-horizontalAlignment:start;--ODSCardNotificationStack-CardHolder2-position:relative;--ODSCardNotificationStack-OdsNotificationCard3-position:absolute;--ODSCardNotificationStack-OdsNotificationCard3-bottom:0;--ODSCardNotificationStack-OdsNotificationCard3-left:32px;--ODSCardNotificationStack-OdsNotificationCard3-right:32px;--ODSCardNotificationStack-ViewAll-width:100%;--ODSCardNotificationStack-ViewAll-verticalAlignment:end;--ODSCardNotificationStack-ViewAll-horizontalAlignment--viewAll-centered:center;--ODSCardNotificationStack-ViewAll-horizontalAlignment--viewAll-rightSide:end;--ODSCardNotificationStack-ViewAll-horizontalAlignment--viewAll-leftSide:start}.ODSCardNotification{padding:var(--ODSCardNotification-padding);min-height:var(--ODSCardNotification-minHeight);justify-content:var(--ODSCardNotification-verticalAlignment);align-items:var(--ODSCardNotification-horizontalAlignment);position:var(--ODSCardNotification-position);transition:all .15s ease-in}.ODSCardNotification.ODSCardNotification--showImage{width:var(--ODSCardNotification-width--showImage)}.ODSCardNotification:not(.ODSCardNotification--showImage){width:var(--ODSCardNotification-width)}.ODSCardNotification:hover{width:var(--ODSCardNotification-width--state-hovered)}.ODSCardNotification:focus{width:var(--ODSCardNotification-width--state-focused);outline:none}.ODSCardNotification:active{width:var(--ODSCardNotification-width--state-pressed)}.ODSCardNotification-CardBg{background-color:var(--colours-basic-background-card);border-radius:var(--ODSCardNotification-CardBg-borderRadius);position:var(--ODSCardNotification-CardBg-position);top:var(--ODSCardNotification-CardBg-top);bottom:var(--ODSCardNotification-CardBg-bottom);left:var(--ODSCardNotification-CardBg-left);right:var(--ODSCardNotification-CardBg-right);overflow:var(--ODSCardNotification-CardBg-overflow);justify-content:var(--ODSCardNotification-CardBg-verticalAlignment);align-items:var(--ODSCardNotification-CardBg-horizontalAlignment);transition-property:top,right,bottom,left;transition-duration:var(--ODSCardNotification-transition-duration);transition-timing-function:var( --ODSCardNotification-transition-timing-function )}.ODSCardNotification:hover .ODSCardNotification-CardBg{top:var(--ODSCardNotification-CardBg-top--state-hovered);bottom:var(--ODSCardNotification-CardBg-bottom--state-hovered);left:var(--ODSCardNotification-CardBg-left--state-hovered);right:var(--ODSCardNotification-CardBg-right--state-hovered)}.ODSCardNotification-HeaderContainer{padding:var(--ODSCardNotification-HeaderContainer-padding);min-height:var(--ODSCardNotification-HeaderContainer-minHeight);width:var(--ODSCardNotification-HeaderContainer-width);align-items:var(--ODSCardNotification-HeaderContainer-verticalAlignment);justify-content:var( --ODSCardNotification-HeaderContainer-horizontalAlignment );z-index:1}.ODSCardNotification-HeaderContainer.ODSCardNotification-HeaderContainer--showImage{gap:var(--ODSCardNotification-HeaderContainer-gap--showImage)}.ODSCardNotification-HeaderContainer:not(.ODSCardNotification-HeaderContainer--showImage){gap:var(--ODSCardNotification-HeaderContainer-gap)}.ODSCardNotification-HeaderContent{flex:var(--ODSCardNotification-HeaderContent-flex);justify-content:var(--ODSCardNotification-HeaderContent-verticalAlignment);align-items:var(--ODSCardNotification-HeaderContent-horizontalAlignment)}.ODSCardNotification-HeaderContent.ODSCardNotification-HeaderContent--showImage{gap:var(--ODSCardNotification-HeaderContent-gap--showImage);padding:var(--ODSCardNotification-HeaderContent-padding--showImage)}.ODSCardNotification-HeaderContent:not(.ODSCardNotification-HeaderContent--showImage){gap:var(--ODSCardNotification-HeaderContent-gap);padding:var(--ODSCardNotification-HeaderContent-padding)}.ODSCardNotification-Header{font:var(--ODSCardNotification-Header-font);letter-spacing:var(--ODSCardNotification-Header-letterSpacing);color:var(--colours-basic-text);text-align:var(--ODSCardNotification-Header-textAlign);width:var(--ODSCardNotification-Header-width);vertical-align:var(--ODSCardNotification-Header-verticalAlign)}.ODSCardNotification-Text{font:var(--ODSCardNotification-Text-font);letter-spacing:var(--ODSCardNotification-Text-letterSpacing);color:var(--colours-basic-text);text-align:var(--ODSCardNotification-Text-textAlign);width:var(--ODSCardNotification-Text-width);vertical-align:var(--ODSCardNotification-Text-verticalAlign)}.ODSCardNotification-CloseButtonContainer{padding:var(--ODSCardNotification-CloseButtonContainer-padding);align-items:var( --ODSCardNotification-CloseButtonContainer-verticalAlignment );justify-content:var( --ODSCardNotification-CloseButtonContainer-horizontalAlignment )}.ODSCardNotification-ActionContainer{gap:var(--ODSCardNotification-ActionContainer-gap);width:var(--ODSCardNotification-ActionContainer-width);align-items:var(--ODSCardNotification-ActionContainer-verticalAlignment);justify-content:var( --ODSCardNotification-ActionContainer-horizontalAlignment )}.ODSCardNotification-ActionContainer.ODSCardNotification-ActionContainer--showImage{padding:var(--ODSCardNotification-ActionContainer-padding--showImage)}.ODSCardNotification-ActionContainer:not(.ODSCardNotification-ActionContainer--showImage){padding:var(--ODSCardNotification-ActionContainer-padding)}.ODSCardNotification:has(.ODSCardNotification-Header-Action:focus) .ODSCardNotification-CardBg,.ODSCardNotification:has(.ODSCardNotification-Header-Action:focus-visible) .ODSCardNotification-CardBg{outline:var(--strokes-2,2px) solid var(--colours-interaction-states-focus-focus,#000);outline-offset:var( --ODSCardNotification-CardBg-outlineOffset--focus-visible );border-radius:var(--ODSCardNotification-Focus-borderRadius--state-focused)}.ODSCardNotification .ODSCardNotification-Image{border-radius:var(--ODSCardNotification-ImageContainer-borderRadius);position:absolute;padding:var(--ODSCardNotification-ImageContainer-padding);bottom:calc(var(--spacing-component-2) * -1);right:0;overflow:hidden;display:flex;justify-content:center;align-items:center;transition-property:bottom,right;transition-duration:var(--ODSCardNotification-transition-duration);transition-timing-function:var( --ODSCardNotification-transition-timing-function )}.ODSCardNotification:hover .ODSCardNotification-Image{bottom:var(--spacing-component-0);right:var(--spacing-component-2)}.ODSCardNotification:active .ODSCardNotification-Image{bottom:calc(var(--spacing-component-2) * -1);right:var(--spacing-component-0)}.ODSCardNotification-Header-Action{text-decoration:none;outline:none}@media (forced-colors:active),screen and (-ms-high-contrast:active){.ODSCardNotification-CardBg{border:1px solid transparent}}.ODSCardNotificationStack{min-width:var(--ODSCardNotificationStack-minWidth);width:var(--ODSCardNotificationStack-width);justify-content:var(--ODSCardNotificationStack-verticalAlignment);align-items:var(--ODSCardNotificationStack-horizontalAlignment);transition:all .2s ease-in-out}.ODSCardNotificationStack-OdsNotificationCard1{width:var(--ODSCardNotificationStack-OdsNotificationCard1-width)}.ODSCardNotificationStack-CardHolder{width:var(--ODSCardNotificationStack-CardHolder-width);overflow:var(--ODSCardNotificationStack-CardHolder-overflow);justify-content:var(--ODSCardNotificationStack-CardHolder-verticalAlignment);align-items:var(--ODSCardNotificationStack-CardHolder-horizontalAlignment);position:var(--ODSCardNotificationStack-CardHolder-position)}.ODSCardNotificationStack-OdsNotificationCard2{position:var(--ODSCardNotificationStack-OdsNotificationCard2-position);bottom:var(--ODSCardNotificationStack-OdsNotificationCard2-bottom);left:var(--ODSCardNotificationStack-OdsNotificationCard2-left);right:var(--ODSCardNotificationStack-OdsNotificationCard2-right)}.ODSCardNotificationStack-CardHolder2{overflow:var(--ODSCardNotificationStack-CardHolder2-overflow);justify-content:var( --ODSCardNotificationStack-CardHolder2-verticalAlignment );align-items:var(--ODSCardNotificationStack-CardHolder2-horizontalAlignment);position:var(--ODSCardNotificationStack-CardHolder2-position)}.ODSCardNotificationStack-OdsNotificationCard3{position:var(--ODSCardNotificationStack-OdsNotificationCard3-position);bottom:var(--ODSCardNotificationStack-OdsNotificationCard3-bottom);left:var(--ODSCardNotificationStack-OdsNotificationCard3-left);right:var(--ODSCardNotificationStack-OdsNotificationCard3-right)}.ODSCardNotificationStack-ViewAll{width:var(--ODSCardNotificationStack-ViewAll-width);justify-content:var(--ODSCardNotificationStack-ViewAll-verticalAlignment)}.ODSCardNotificationStack-ViewAll.ODSCardNotificationStack-ViewAll--viewAll-centered{align-items:var( --ODSCardNotificationStack-ViewAll-horizontalAlignment--viewAll-centered )}.ODSCardNotificationStack-ViewAll.ODSCardNotificationStack-ViewAll--viewAll-rightSide{align-items:var( --ODSCardNotificationStack-ViewAll-horizontalAlignment--viewAll-rightSide )}.ODSCardNotificationStack-ViewAll.ODSCardNotificationStack-ViewAll--viewAll-leftSide{align-items:var( --ODSCardNotificationStack-ViewAll-horizontalAlignment--viewAll-leftSide )}.ODSCardNotificationStack-CardHolder{background:var(--colours-shades-neutral-shades-300,#cacaca);margin:0 var(--sizing-component-6,12px);width:calc(100% - 2 * var(--sizing-component-6, 12px))}.ODSCardNotificationStack-CardHolder,.ODSCardNotificationStack-CardHolder2{height:var(--ODSCardNotificationStack-CardHolder-height);border-radius:0 0 var(--radius-medium,16px) var(--radius-medium,16px)}.ODSCardNotificationStack-CardHolder2{background:var(--colours-shades-neutral-shades-400,#b6b6b6);margin:0 calc(2 * var(--sizing-component-6, 12px));width:calc(100% - 4 * var(--sizing-component-6, 12px))}.ODSCardNotificationStack-ViewAll .ODSButton.ODSButton--buttonType-standard{width:unset}