:root{--promo-banner-height: 4rem}.promo-banner{z-index:var(--z-index-promo-banner);position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--promo-banner-height);transition:transform var(--duration-medium) ease;will-change:transform;overflow:hidden;background-color:rgb(var(--color-background, 222, 237, 202));color:rgb(var(--color-foreground, 61, 137, 23))}.promo-banner.is-hidden{transform:translateY(-100%)}.promo-banner.state-member{cursor:default}.promo-banner.state-guest{cursor:pointer}.promo-banner__marquee-window{display:flex;justify-content:center;width:100%;overflow:hidden}.promo-banner__content{display:flex;align-items:center;justify-content:center;gap:1rem;padding:0 .4rem;white-space:nowrap}.promo-banner-icon.app-emoji{display:inline-flex;vertical-align:sub;width:auto;height:auto;background-color:transparent;border-radius:0}.promo-banner-icon.app-emoji svg{width:100%;height:100%}.promo-banner.has-marquee .promo-banner__marquee-window{justify-content:flex-start}.promo-banner.has-marquee .promo-banner__content{display:inline-flex;width:auto;padding-right:0;animation:marquee var(--marquee-speed, 20s) linear infinite}.promo-banner__content--clone{display:none}.promo-banner.has-marquee .promo-banner__content--clone{display:inline-flex}body{padding-top:var(--promo-banner-height);transition:padding-top var(--duration-medium) ease-in-out}body.promo-visible{--header-sticky-top: var(--promo-banner-height)}body.promo-visible.header-dropdown-open{--header-sticky-top: 0}body.header-dropdown-open .promo-banner{transform:translateY(-100%)}body.promo-visible.header-dropdown-open{padding-top:0}body.promo-visible.header-dropdown-open .section-header:not(.shopify-section-header-hidden){top:0}@media screen and (min-width:768px){body.header-dropdown-open .promo-banner{transform:translateY(0)}body.header-dropdown-open .promo-banner.is-hidden{transform:translateY(-100%)}body.promo-visible.header-dropdown-open{padding-top:var(--promo-banner-height)}body.promo-visible.header-dropdown-open .section-header:not(.shopify-section-header-hidden){top:var(--promo-banner-height)}}@media screen and (min-width:1025px){.promo-banner__content .app-text{font-size:var(--font-size-16)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-promo-banner.css.map */