@charset "utf-8";

:root, :host { --van-notice-bar-height: min(10.667vw, 53.333px); --van-notice-bar-padding: 0 var(--van-padding-md); --van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md); --van-notice-bar-text-color: var(--van-orange-dark); --van-notice-bar-font-size: var(--van-font-size-md); --van-notice-bar-line-height: min(6.4vw, 32px); --van-notice-bar-background: var(--van-orange-light); --van-notice-bar-icon-size: min(4.267vw, 21.333px); --van-notice-bar-icon-min-width: min(6.4vw, 32px); }

.van-notice-bar { position: relative; display: flex; align-items: center; height: var(--van-notice-bar-height); padding: var(--van-notice-bar-padding); color: var(--van-notice-bar-text-color); font-size: var(--van-notice-bar-font-size); line-height: var(--van-notice-bar-line-height); background: var(--van-notice-bar-background); }

.van-notice-bar__left-icon, .van-notice-bar__right-icon { min-width: var(--van-notice-bar-icon-min-width); font-size: var(--van-notice-bar-icon-size); }

.van-notice-bar__right-icon { text-align: right; cursor: pointer; }

.van-notice-bar__wrap { position: relative; display: flex; flex: 1 1 0%; align-items: center; height: 100%; overflow: hidden; }

.van-notice-bar__content { position: absolute; white-space: nowrap; transition-timing-function: linear; }

.van-notice-bar__content.van-ellipsis { max-width: 100%; }

.van-notice-bar--wrapable { height: auto; padding: var(--van-notice-bar-wrapable-padding); }

.van-notice-bar--wrapable .van-notice-bar__wrap { height: auto; }

.van-notice-bar--wrapable .van-notice-bar__content { position: relative; white-space: normal; overflow-wrap: break-word; }