.tf-section-announcement-bar{margin-block-start:0;z-index:calc(var(--z-header) - 1)}tf-announcement-bar-slider{display:block}.tf-announce.bar{color:rgb(var(--color-heading-text));font-size:var(--font-size-static-xs);letter-spacing:var(--letter-spacing-small);line-height:var(--line-height-static-sm);text-transform:uppercase;text-align:center;background-color:rgb(var(--color-background));padding:1rem}.tf-announce.bar p{margin:0 0 1rem}.tf-announce.bar p:last-child{margin-block-end:0}.tf-announce__row{display:flex;align-items:center;gap:var(--section-spacing-unit-size);min-height:2rem}@media screen and (max-width:749px){.tf-announce__row{flex-flow:row wrap}.tf-announce__row>*:not(.tf-announce__slides),.tf-announce__row>*:not(.tf-announce__marquee){flex:1 1 auto;justify-content:center}.tf-announce__marquee,.tf-announce__slides{width:100%}}.tf-announce__locale .tf-drawer__button{white-space:nowrap}.tf-announce__anchor{display:flex;align-items:center;gap:.6rem;white-space:nowrap}.tf-announce__anchor .text-link--on-hover{display:flex;align-items:center;gap:.4rem}.tf-announce__slide-text{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-inline:auto}.tf-announce.bar .tf-countdown-timer__column{line-height:var(--line-height-static-xs)}.tf-announce.bar .tf-countdown-timer__column:last-child:not(.text){width:3em}.tf-announce.bar .tf-countdown-timer__column>div{gap:0;white-space:nowrap}.tf-announce.bar .tf-countdown-timer__column.text{margin-inline-end:.4rem}.tf-announce.bar .tf-countdown-timer__column:not(.text)+.tf-countdown-timer__column{margin-inline-start:.4rem;border-inline-start:.1rem solid rgb(var(--color-foreground));padding-inline-start:.4rem}.tf-announce.bar .tf-countdown-timer__message{font-size:var(--font-size-static-xs);white-space:nowrap}.tf-announce.bar .tf-countdown-timer__message a{text-decoration:underline;text-underline-offset:.2em}.tf-announce.bar .tf-countdown-timer__message em{font-size:inherit}.tf-announce__slides{width:100%;max-width:100%}.tf-announce__slides .swiper-wrapper{align-items:center}html.no-js .tf-announce__slides .swiper-wrapper{display:grid;row-gap:.8rem}.tf-announce__timer .tf-countdown-timer__message{letter-spacing:inherit}.tf-announce__marquee{--gap: 4.8rem;position:relative;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;column-gap:var(--gap);max-width:100%}.tf-announce__marquee .tf-marquee__content{display:flex;flex-shrink:0;justify-content:space-around;align-items:center;column-gap:var(--gap);min-width:100%;font-family:inherit;font-weight:inherit;color:rgb(var(--color-foreground));font-size:inherit;line-height:var(--line-height-static-sm);letter-spacing:var(--letter-spacing-small);margin:0}.tf-announce__marquee .tf-marquee__item{gap:.4rem}.tf-announce__marquee .tf-marquee__item.icon svg{width:1.4rem;height:1.4rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(var(--marquee-transform-translate-x) - var(--gap)))}}@media(prefers-reduced-motion:reduce){.tf-announce__marquee .tf-marquee__content{animation-play-state:paused!important}}.tf-announce__marquee.enable-animation .tf-marquee__content{--marquee-transform-translate-x: -100%;animation:marquee linear infinite;animation-duration:var(--marquee-duration)}[dir=rtl] .tf-announce__marquee.enable-animation .tf-marquee__content{--marquee-transform-translate-x: 100%}.tf-announce__marquee.tf-marquee--hover-pause:hover .tf-marquee__content{animation-play-state:paused}.tf-announce__marquee .tf-marquee__content>*{flex:0 0 auto;padding:0}.tf-announce__marquee .tf-marquee__item{text-transform:uppercase;margin-block-end:.125rem}@media screen and (min-width:750px){.tf-announce.bar{padding:.8rem 0 1.1rem}.tf-announce__slides:has(.tf-announce__slide-text){max-width:30%;position:absolute;inset-inline:0;margin-inline:auto}.tf-announce.bar:has(.tf-announce__slide-text) .tf-announce__slides+*{margin-inline-start:auto}.tf-announce__marquee .tf-marquee__content{padding-block-start:.625rem}}@media screen and (min-width:990px){.tf-announce__slides:has(.tf-announce__slide-text){max-width:30%}}@media screen and (min-width:1200px){.tf-announce__slides:has(.tf-announce__slide-text){max-width:40%}}@media screen and (min-width:1400px){.tf-announce__slides:has(.tf-announce__slide-text){max-width:50%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/tf-section-announcement-bar.css.map */