.floating-header{width:100%;background:var(--bg, #000000);color:var(--text-color, #ffffff);height:var(--banner-height, 50px);line-height:1;border-radius:var(--radius, 5px);display:flex;align-items:center;z-index:50;box-shadow:0 0 var(--shadow-blur, 0px) 0 var(--shadow-color, rgba(255, 255, 255, .35));position:relative;overflow:hidden;contain:layout paint;transform:translateZ(0)}.floating-header__inner{width:100%;height:100%;padding-inline:16px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.floating-header__content{font-family:"Big Shoulders",var(--font-body-family, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif);font-weight:var(--fw, 500);font-size:var(--font-size, 14px);text-transform:var(--text-transform, none)!important;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--gap, 100px);min-height:var(--banner-height, 50px)}.floating-header__image-wrap{display:inline-flex;align-items:center;flex-shrink:0;padding-right:0}.floating-header__image{max-height:var(--marquee-image-height, 36px);width:auto;height:auto;max-width:100%;object-fit:contain;vertical-align:middle;display:block}.floating-header__content--static{white-space:normal;text-align:center;display:flex}.marquee{position:relative;width:100%;height:100%;overflow:hidden}.marquee__track{display:inline-flex;align-items:center;gap:var(--gap, 100px);white-space:nowrap;padding-inline-end:var(--gap, 100px);min-width:100%;flex-shrink:0}.marquee__belt{display:flex;flex-shrink:0;backface-visibility:hidden;will-change:transform;transform:translateZ(0)}@keyframes marquee-left{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes marquee-right{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes marquee-left-px{0%{transform:translateZ(0)}to{transform:translate3d(calc(-1 * var(--marquee-belt-width)),0,0)}}@keyframes marquee-right-px{0%{transform:translate3d(calc(-1 * var(--marquee-belt-width)),0,0)}to{transform:translateZ(0)}}.marquee--left .marquee__belt{animation:marquee-left var(--speed, 7s) linear infinite}.marquee--right .marquee__belt{animation:marquee-right var(--speed, 7s) linear infinite}.marquee__belt--inited.marquee__belt{animation:none}.marquee--left .marquee__belt--inited{animation:marquee-left-px var(--speed, 7s) linear infinite}.marquee--right .marquee__belt--inited{animation:marquee-right-px var(--speed, 7s) linear infinite}.marquee__belt--js{animation:none!important}.floating-header[data-pause-on-hover=true]:hover .marquee__belt,.floating-header[data-marquee-visible=false] .marquee__belt{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.marquee--left .marquee__belt,.marquee--right .marquee__belt{animation:none}}@media screen and (max-width:749px){.floating-header{height:var(--banner-height-mobile, var(--banner-height, 50px))}.floating-header__inner{padding-inline:12px}.floating-header__content{font-size:var(--font-size-mobile, var(--font-size, 14px));gap:var(--gap-mobile, var(--gap, 50px))}.floating-header--has-image .marquee__belt{isolation:isolate}.floating-header--has-image .marquee__track{gap:36px;will-change:auto}.floating-header--has-image .floating-header__image-wrap{margin-right:20px;padding-right:8px;max-width:48px;position:relative;z-index:0;overflow:hidden}.floating-header--has-image .floating-header__image{max-height:22px!important;width:auto;max-width:48px;object-fit:contain}.floating-header--has-image .floating-header__content{position:relative;z-index:1}.floating-header--hide-image-on-mobile .floating-header__image-wrap{display:none!important}.floating-header--hide-image-on-mobile .marquee__track{gap:var(--gap-mobile, var(--gap, 50px));will-change:transform}.floating-header--hide-image-on-mobile .floating-header__content{gap:var(--gap-mobile, var(--gap, 50px))}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-marquee.css.map */