.announcement-bar-custom{background-color:#8fa3cb;color:#fff;width:100%;text-align:center;font-size:14px;letter-spacing:initial;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.swiper-announcement-bar{width:100%;height:40px}.swiper-announcement-bar .swiper-slide{display:flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1}.swiper-announcement-bar .swiper-slide a{color:#fff;text-decoration:none;transition:color .3s ease}.controls{position:absolute;right:20px;display:flex;gap:10px;align-items:center;z-index:1}.control-btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;outline:none}.left-controls{position:absolute;left:20px;display:flex;gap:10px;align-items:center}.progress-circle{width:20px;height:auto}.progress-circle svg{transform:rotate(-90deg)}.progress-circle circle{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:56.55;stroke-dashoffset:0}.paused .progress-circle circle{transition:none}.counter{font-size:12px;color:#fff}.custom-announcement-bar-top{display:none}body.template-index.template-index .custom-announcement-bar-top,body.template-collection.template-collection .custom-announcement-bar-top{display:block}.swiper-announcement-bar .swiper-slide a:hover{color:#fff}.announcement-bar-custom .link-hover-line{position:relative;overflow:hidden;display:inline-block;vertical-align:bottom;text-decoration:none}.announcement-bar-custom .link-hover-line:before,.announcement-bar-custom .link-hover-line:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:currentColor;opacity:.8}.announcement-bar-custom .link-hover-line:before{transform:translate3d(-102%,0,0);transition:1s transform cubic-bezier(.23,1,.32,1)}.announcement-bar-custom .link-hover-line:after{transform:translateZ(0);transition:1s transform cubic-bezier(.23,1,.32,1) .2s}.announcement-bar-custom .link-hover-line:hover:before{transform:translateZ(0);transition:1s transform cubic-bezier(.23,1,.32,1) .2s}.announcement-bar-custom .link-hover-line:hover:after{transform:translate3d(calc(100% + 20px),0,0);transition:1s transform cubic-bezier(.23,1,.32,1)}
/*# sourceMappingURL=/cdn/shop/t/128/assets/custom-announcement-bar.css.map */