/* BREAKPOINT: Desktop (BASE) */
.notification-bar-wrapper {width: full; column-gap: 0px; row-gap: 0px; min-width: 100%; height: fit-content; min-height: fit-content; overflow: hidden}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-01 {background-color: transparent; column-gap: var(--space-xs); padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; position: relative; row-gap: var(--space-xs)}
:where(.notification-bar-01 > *:not(figcaption)) {position: relative}
.notification-bar-01::before {background-image: linear-gradient(90deg, var(--primary-ultra-dark), var(--primary-dark)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-01__container {column-gap: var(--content-gap); padding-top: 3px; padding-right: var(--space-xs); padding-bottom: 3px; padding-left: var(--space-xs); background-color: var(--white); position: relative; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; border: 1px solid var(--primary); border-radius: var(--radius); overflow: hidden}
:where(.notification-bar-01__container > *:not(figcaption)) {position: relative}
.notification-bar-01__container::before {background-image: linear-gradient(90deg, var(--white), var(--white)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
.notification-bar-01__container {align-items: flex-start; padding-top: var(--space-s); padding-bottom: var(--space-s)}
}

/* BREAKPOINT: Desktop (BASE) */
.notification-bar-01__container-info {column-gap: var(--content-gap); flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; row-gap: var(--content-gap)}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
.notification-bar-01__container-info {align-items: flex-start; justify-content: flex-start}
}

/* BREAKPOINT: Desktop (BASE) */
.notification-bar-01__icon {color: #ffc300; fill: #ffc300; font-size: var(--text-xl); height: var(--text-l); width: var(--text-l); max-height: var(--text-l); max-width: var(--text-l)}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-01__info-wrapper {column-gap: var(--space-xs); row-gap: var(--space-xs); flex-direction: row; align-items: center}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-01__info {font-size: var(--text-s)}
.notification-bar-01__info span{ color: var(--primary-dark); font-weight: 600;}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-01__info-link {font-weight: 600; color: var(--neutral); text-decoration: underline; font-size: var(--text-s); margin-bottom: 0; padding-bottom: 0}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-01__icon-close-wrapper {width: fit-content; background-color: transparent; max-width: var(--h1); max-height: var(--h1)}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-01__icon-close {color: var(--neutral); fill: var(--neutral); font-size: var(--text-l); flex-shrink: 0}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-02 {column-gap: 0px; row-gap: 0px; overflow: hidden; padding-top: 3px; padding-right: 4px; padding-bottom: 3px; padding-left: 4px; background-color: var(--white)}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-02__container {column-gap: var(--container-gap); width: 100vw; display: flex; flex-wrap: nowrap; flex-shrink: 0; flex-direction: row; justify-content: flex-start; align-items: center}
.notification-bar-02__container{	white-space: nowrap;}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-02__item-list {padding-right: 0; padding-left: 0; display: flex; width: max-content; flex-direction: row; align-items: center; column-gap: var(--container-gap); justify-content: flex-start; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; max-width: max-content; flex-shrink: 0; flex-wrap: nowrap}
.notification-bar-02__item-list{	white-space: nowrap;}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-02__item-block {width: fit-content; padding-right: 0; padding-left: 0; display: flex; flex-direction: row; align-items: center; column-gap: var(--space-xs); justify-content: flex-start; row-gap: var(--space-xs); min-width: fit-content}
.notification-bar-02__item-block span{ color: var(--primary-dark); font-weight: 600;}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-02__item {width: fit-content; font-size: var(--text-s); color: var(--primary-ultra-dark)}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-03__link-wrapper {flex-direction: row; align-items: center; column-gap: 0.5em; justify-content: center; width: fit-content; padding-top: 1px; padding-right: 1em; padding-bottom: 1px; padding-left: 1em; row-gap: 0.5em; min-width: 80px; border-width: 1px; border-radius: var(--radius-s); flex-grow: 1; background-color: var(--neutral-light); color: var(--text-dark); font-size: var(--text-s); font-weight: 700}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-03 {padding-top: 3px; padding-bottom: 3px; column-gap: 0px; overflow: hidden; row-gap: 0px; background-image: linear-gradient(90deg, var(--base-ultra-dark), var(--base-dark))}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-03__container {column-gap: var(--container-gap); width: 100vw; display: flex; flex-wrap: nowrap; flex-shrink: 0; flex-direction: row; justify-content: flex-start; align-items: center}
.notification-bar-03__container{	white-space: nowrap;}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-03__item-list {padding-right: 0; padding-left: 0; display: flex; width: max-content; flex-direction: row; align-items: center; column-gap: var(--container-gap); justify-content: flex-start; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; max-width: max-content; flex-shrink: 0; flex-wrap: nowrap}
.notification-bar-03__item-list{	white-space: nowrap;}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-03__item-block {padding-right: 0; padding-left: 0; display: flex; width: fit-content; flex-direction: row; align-items: center; column-gap: var(--space-xs); justify-content: flex-start; row-gap: var(--space-xs); min-width: fit-content}
.notification-bar-03__item-block span{ color: var(--primary-light); font-weight: 600;}


/* BREAKPOINT: Desktop (BASE) */
.notification-bar-03__item {width: fit-content; font-size: var(--text-s); color: var(--white)}


/* BREAKPOINT: Desktop (BASE) */
.bb-important-alert {padding-top: 4px; padding-right: var(--gutter); padding-bottom: 4px; padding-left: var(--gutter)}
.bb-important-alert { display: flex; flex-direction: row; align-items: center; gap: 24px; background: var(--primary-semi-light); position: relative;}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
/* CUSTOM CSS */
.bb-important-alert {
  padding: 12px 12px;
}
.bb-important-alert {box-shadow: rgba(0,0,0, 0.45) 0px 25px 20px -20px; padding-top: 3px; padding-bottom: 3px; min-height: 36px}
}

/* BREAKPOINT: Desktop (BASE) */
.bb-important-alert__label-div { position: absolute; z-index: 100; }

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
.bb-important-alert__label-div {display: flex; justify-content: center; align-items: center}
}

/* BREAKPOINT: Desktop (BASE) */
.bb-label-div__text { border-radius: var(--radius-s); padding: 0.1em 1em; background: var(--primary-dark); color: white; font-weight: bold; font-size: 18px;}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
.bb-label-div__text {font-size: var(--text-s); display: flex; justify-content: center}
}

/* BREAKPOINT: Desktop (BASE) */
.bb-important-alert__line-div { display: flex; flex-direction: row; position: relative; overflow: hidden; white-space: nowrap; width: 100%} .bb-important-alert__line-div> :nth-of-type(n+2) { display: none;}/* Fading effect on both sides */.bb-important-alert__line-div::before,.bb-important-alert__line-div::after {  content: '';  position: absolute;  top: 0;  width: 50px; /* Adjust width of fade effect */  height: 100%;} .bb-important-alert__line-div::after {  right: 50px;   /* Adjust color as needed */} .bb-important-alert__line-div::before {  left: 50px;   /* Adjust color as needed */}


/* BREAKPOINT: Desktop (BASE) */
.bb-message-div__text {font-size: calc(var(--text-s) * 1.1); color: var(--primary-ultra-dark)}
.bb-message-div__text { /*Adjust here the timing: use instead 20s another value, play around*/ animation: news-animation 20s linear infinite; width: 100%;}/* .bb-message-div__text:hover {  animation-play-state: paused; cursor: wait;} */@keyframes news-animation { 100% {  transform: translate3d(-100%, 0, 0); }  0% {   /*Adjust here the timing: use instead -100% another value, play around*/  transform: translate3d(100%, 0, 0); }}


/* BREAKPOINT: Desktop (BASE) */
.bb-message-div__text--ar {font-size: calc(var(--text-m) * 0.9); color: var(--primary-ultra-dark)}
.bb-message-div__text--ar { /*Adjust here the timing: use instead 20s another value, play around*/ animation: news-animation 20s linear infinite; width: 100%;}/* .bb-message-div__text--ar:hover {  animation-play-state: paused; cursor: wait;} */@keyframes news-animation { 100% {  transform: translate3d(100%, 0, 0); }  0% {   /*Adjust here the timing: use instead -100% another value, play around*/  transform: translate3d(-100%, 0, 0); }}


/*# sourceURL=bricks-global-classes-inline-inline-css */