.announcement--carousel-vertical{width:100%;max-width:800px;height:42px;overflow:hidden;position:relative}.announcement--carousel-track{display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.5,1,.89,1)}.announcement--carousel-item{height:38px;display:flex;align-items:center;justify-content:center}.announcement-carousel--btn{position:absolute;color:#fff;cursor:pointer;border:none;z-index:1;width:40px;height:42px}.announcement-carousel--btn.prev{top:0;left:0}.announcement-carousel--btn.next{top:0;right:0}.announcement--carousel-horizontal{width:100%;max-width:700px;overflow:hidden;position:relative;margin:0 auto}.announcement--carousel-horizontal .announcement--carousel-track{display:flex;flex-direction:row;transition:transform .6s cubic-bezier(.5,1,.89,1)}.announcement--carousel-horizontal .announcement--carousel-item{flex:0 0 100%;height:38px;display:flex;align-items:center;justify-content:center}.announcement--carousel-horizontal .announcement-carousel--btn{top:50%;transform:translateY(-50%)}.announcement--carousel-horizontal .announcement-carousel--btn.prev{left:0}.announcement--carousel-horizontal .announcement-carousel--btn.next{right:0}@media screen and (min-width:461px){.announcement-carousel--btn.prev{top:0;left:0}.announcement-carousel--btn.next{top:0;right:0}.announcement--carousel-horizontal .announcement-carousel--btn{transform:translateY(0)}}@media screen and (max-width:460px){.surfer--announcement-bar__content{padding:4px 8px;line-height:1.1;font-size:14px}}@media screen and (min-width:1000px){.announcement-carousel--btn.prev{top:0;left:180px}.announcement-carousel--btn.next{top:0;right:180px}.both-enabled-vertical .announcement-carousel--btn.prev{left:0}.both-enabled-vertical .announcement-carousel--btn.next{right:0}.surfer--announcement-bar__inner{justify-content:space-between}.surfer--announcement-bar__inner.main-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.surfer--announcement-bar__inner.grid-center{display:flex;justify-content:center;align-items:center}.surfer--announcement-bar-main--grid.both-enabled-vertical{grid-template-columns:1fr 1fr 1fr}.announcement--main-nav{display:flex;justify-content:flex-end;align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/announcement-bar.css.map */