:host,:root{--vipg-notice-bar-height:40rem;--vipg-notice-bar-padding:0 var(--vipg-padding-md);--vipg-notice-bar-wrapable-padding:var(--vipg-padding-xs) var(--vipg-padding-md);--vipg-notice-bar-text-color:var(--vipg-orange-dark);--vipg-notice-bar-font-size:var(--vipg-font-size-md);--vipg-notice-bar-line-height:24rem;--vipg-notice-bar-background:var(--vipg-orange-light);--vipg-notice-bar-icon-size:16rem;--vipg-notice-bar-icon-min-width:24rem}.vipg-notice-bar__wrap{align-items:center;display:flex;flex:1;height:100%;overflow:hidden;position:relative}.vipg-notice-bar__content{position:absolute;transition-timing-function:linear;white-space:nowrap}.vipg-notice-bar{align-items:center;background:var(--vipg-notice-bar-background);color:var(--vipg-notice-bar-text-color);display:flex;font-size:var(--vipg-notice-bar-font-size);height:var(--vipg-notice-bar-height);line-height:var(--vipg-notice-bar-line-height);padding:var(--vipg-notice-bar-padding);position:relative;&__left-icon,&__right-icon{font-size:var(--vipg-notice-bar-icon-size);min-width:var(--vipg-notice-bar-icon-min-width)}&__right-icon{cursor:pointer;text-align:right}&__wrap{align-items:center;display:flex;flex:1;height:100%;overflow:hidden;position:relative}&__content{position:absolute;transition-timing-function:linear;white-space:nowrap;&.vipg-ellipsis{max-width:100%}}&--wrapable{height:auto;padding:var(--vipg-notice-bar-wrapable-padding);.vipg-notice-bar{&__wrap{height:auto}&__content{position:relative;white-space:normal;word-wrap:break-word}}}}