:root{--nav-main-height: 50px;--nav-height: 50px;--height-fill: calc(100dvh - var(--nav-main-height));--navbar-background-dark: transparent;--navbar-text-color-dark: #fff;--navbar-icon-stroke-dark: #fff;--navbar-background-light: #fff;--navbar-text-color-light: #262525;--navbar-icon-stroke-light: #262525;--font-body-family: "the-diamond-shop-expanded";--font-title-family: "Cardinal Classic Mid"}.navbar__announcement{padding:0;transition:all .5s ease;transform:translateY(0)}.announcement-bar{position:relative;z-index:9;overflow:hidden}.announcement-bar__wrapper{position:relative}.announcement-bar__items{width:100%;list-style:none;margin:0;padding:0}.announcement-bar__items>li{margin:0;display:none}.announcement-bar__items>li:first-of-type{display:block}.announcement-bar__item{padding:10px 0;position:relative;color:#fff;text-align:center;font-size:13px;font-style:normal;font-weight:300;line-height:18px}@media(max-width: 767.98px){.announcement-bar__item{font-size:12px;line-height:17px}}.announcement-bar__item--link{top:0;left:0;position:absolute;width:100%;height:100%;z-index:7}.announcement-bar__item p{display:block;color:#fff;text-align:center;font-size:13px;font-style:normal;font-weight:300;line-height:18px}@media(max-width: 767.98px){.announcement-bar__item p{font-size:12px;line-height:17px}}@media(max-width: 767.98px){.announcement-bar__item{line-height:15px;padding-left:15px;padding-right:25px;font-size:12px;letter-spacing:.24px}}.announcement-bar__close{display:inline-block;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);right:0px;z-index:9;height:fit-content;width:fit-content;line-height:12px;text-align:center;padding:10px}.announcement-bar__close,.announcement-bar__close svg{display:block}@media(max-width: 767.98px){.announcement-bar__close{top:52%}}.navbar--scrolled .navbar{transform:translate3d(0, calc(-1 * var(--announcement-height)), 0)}.mobile-menu--show .navbar__announcement{backdrop-filter:unset}.mobile-menu--show .announcement-bar__item>.btn:hover{background-color:rgba(0,0,0,0)}.mobile-menu--show .announcement-bar__wrapper{z-index:9999999}/*# sourceMappingURL=component-announcement-bar.css.map */
