@charset "utf-8";

.ods-c-notification-site-manager .ods-m-notification-site { position: fixed; bottom: -50px; opacity: 0; left: 50%; transform: translate(-50%); max-width: 100%; z-index: 2500007; transition: opacity 0.3s, bottom 0.3s; }

.ods-c-notification-site-manager .ods-m-notification-site--visible { bottom: 55px; opacity: 1; }

.ods-body-mobile .ods-c-notification-site-manager .ods-m-notification-site { bottom: 0px; }

.ods-body-mobile .ods-c-notification-site-manager.ods-c-notification-site-manager--with-bottom-bar .ods-m-notification-site { bottom: 50px; }

.ods-body-mobile .ods-m-onetchat-fab-menu:not(.ods-m-onetchat-fab-menu--hidden) ~ .ods-c-notification-site-manager .ods-m-notification-site { bottom: 70px; }

.ods-body-mobile .ods-m-onetchat-fab-menu:not(.ods-m-onetchat-fab-menu--hidden) ~ .ods-c-notification-site-manager.ods-c-notification-site-manager--with-bottom-bar .ods-m-notification-site { bottom: 120px; }

.ods-m-notification-site { display: flex; width: 672px; max-width: 100%; height: 48px; padding-right: 10px; justify-content: space-between; align-items: center; background: var(--color-neutral-90, #1e1e1e); box-sizing: border-box; }

.ods-m-notification-site__message { display: flex; align-items: center; gap: 15px; align-self: stretch; }

.ods-m-notification-site__indent { display: flex; width: 4px; flex-direction: column; align-items: flex-start; align-self: stretch; background: var(--color-primary-brand, #ffd200); }

.ods-m-notification-site__text { color: var(--color-neutral-0, #fff); text-align: center; font-family: var(--font-family2, "Fira Sans"); font-size: var(--font-paragraph-text4-size, 14px); font-style: normal; font-weight: var(--font-weight-bold, 700); line-height: var(--font-paragraph-text4-lineHeight, 18px); }

.ods-m-notification-site__close { border: 0px; margin: 0px; padding: 0px; line-height: 0; outline: none; background: transparent; color: var(--color-neutral-0, #fff); cursor: pointer; }

.ods-m-notification-site a { color: var(--color-neutral-0, #fff); text-decoration: underline; }
