.announcementbar-section{padding-block:11px;border-bottom:1px solid rgb(var(--color-border))}.announcementbar-absolute{position:absolute;inset-inline:0;top:calc(40px + var(--header-height, 0px) + 16px);z-index:19;border-bottom:0;background-color:transparent}.announcement-slider{display:flex;align-items:center;gap:10px}.announcementbar-section .announcement-slider{margin-inline-start:auto;margin-inline-end:auto}.announcement-slider .tf-swiper{height:26px}.announcement-item{font-size:var(--fontsize);text-transform:var(--transform);color:rgb(var(--color-foreground));letter-spacing:0;text-align:center;font-weight:500}.announcement-item .announcement-link{display:flex;align-items:center;justify-content:center;gap:8px;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.announcement-slider .navigation-swiper{position:unset;margin-top:0;--swiper-navigation-size: 1.6rem }.marquee_announcement .infiniteSlide{display:flex;flex-wrap:nowrap;gap:var(--gap)}.marquee_announcement{overflow:hidden;position:relative}.marquee_announcement:before,.marquee_announcement:after{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:5;pointer-events:none}.marquee_announcement:before{inset-inline-start:0;background:linear-gradient(to right,rgb(var(--color-background)),transparent)}.marquee_announcement:after{inset-inline-end:0;background:linear-gradient(to left,rgb(var(--color-background)),transparent)}.announcementbar_marquee{position:relative;padding-inline-end:65px;transition:.3s linear}.announcementbar_marquee .close-announcement{cursor:pointer;position:absolute;inset-inline-end:25px;display:flex;justify-content:center;align-items:center;top:50%;padding:12px;transform:translateY(-50%);color:rgb(var(--color-foreground))}.announcementbar_marquee .close-announcement .icon-close{width:2rem;height:2rem}.announcementbar_marquee .close-announcement:hover{color:rgb(var(--color-accent))}.marquee_announcement .line{width:24px;height:1px;display:block;background-color:rgb(var(--color-foreground))}.marquee_announcement .dot{width:6px;height:6px;display:block;background-color:rgb(var(--color-foreground));border-radius:50%}.marquee_announcement .icon-svg{width:2rem;height:2rem}@media(max-width:1149px){.announcementbar_marquee{padding-inline-end:40px}.announcementbar_marquee .close-announcement{inset-inline-end:0}}@media(max-width:767px){.marquee_announcement .line{width:20px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/announcementbar.css.map */