:root{--announcement-bar-height: 0px;--header-height: 0px;--header-scrim-height: clamp(150px, 16vw, 190px);--z-header-section: 40;--z-announcement-bar: 50}#shopify-section-announcement-bar{position:fixed;top:0;right:0;left:0;width:100%;z-index:var(--z-announcement-bar)}#shopify-section-header{z-index:var(--z-header-section)!important}sticky-header>header{position:fixed;top:var(--announcement-bar-height, 0px);right:0;left:0;width:100%;margin-right:auto;margin-left:auto;box-sizing:border-box;isolation:isolate;z-index:20}sticky-header>header:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translate(-50%);pointer-events:none;z-index:-1}body:not(.top) sticky-header>header{color:rgb(var(--color-foreground));background:transparent}body:not(.top) sticky-header>header:before{background:var(--gradient-background);background-color:rgb(var(--color-background))}body:not(.top) #MainContent{padding-top:calc(var(--announcement-bar-height, 0px) + var(--header-height, 0px))}body.top sticky-header,body.top sticky-header>header{background:transparent!important}body.top .header-wrapper--border-bottom{border-bottom:none}body.top sticky-header>header{--header-ink: #ffffff;transition:color .18s ease,padding-top .18s ease,padding-bottom .18s ease,min-height .18s ease}body.top sticky-header>header:before{top:0;right:auto;bottom:0;left:50%;width:100vw;height:auto;background:#fff;transform:translate(-50%);opacity:0;transition:opacity .14s ease-out}body.top sticky-header>header:after{content:"";position:absolute;top:calc(-1 * var(--announcement-bar-height, 0px));left:50%;width:100vw;height:var(--header-scrim-height);background:linear-gradient(180deg,#0000007a,#00000040 55%,#0000);transform:translate(-50%);opacity:1;pointer-events:none;z-index:-2;transition:opacity .14s ease-out}body.top sticky-header>header.header--scrolled{--header-ink: #000000;background:transparent!important;padding-top:0!important;padding-bottom:0!important;min-height:60px}body.top sticky-header>header.header--scrolled:before{opacity:1}body.top sticky-header>header.header--scrolled:after{opacity:0}body.top sticky-header>header :is(.header__inline-menu>.list-menu>li>a.header__menu-item,.header__inline-menu>.list-menu>li>details-disclosure>details>summary.header__menu-item,.header__inline-menu>.list-menu>li>details-disclosure>details>summary.header__menu-item>span,.header__inline-menu>.list-menu>li>details-disclosure>details>summary.header__menu-item>svg,.header__heading-link,.header__icons,.header__icons>a,.header__icons svg,.header__icon,.header__icon svg,.header__icon--menu,.header__icon--menu svg,.swym-advanced-header-icon,.swym-header-launcher,.swym-header-launcher-icon,.swym-header-icon-wrapper){color:var(--header-ink)!important;transition:color .18s ease,fill .18s ease,stroke .18s ease}body.top sticky-header>header .header__inline-menu .header__submenu{color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}body.top sticky-header>header .header__inline-menu .header__submenu :is(.header__menu-item,.header__menu-item span,.header__menu-item svg){color:rgb(var(--color-foreground))!important}body.top #shopify-section-announcement-bar{--announcement-ink: #ffffff;--announcement-bg: transparent}body.top #shopify-section-announcement-bar.announcement-bar--scrolled{--announcement-ink: #000000;--announcement-bg: #ffffff}body.top #shopify-section-announcement-bar .announcement-bar{background:var(--announcement-bg)!important;transition:background-color .14s ease-out}body.top #shopify-section-announcement-bar .announcement-bar__message{color:var(--announcement-ink)!important;-webkit-text-fill-color:var(--announcement-ink)!important;opacity:1!important;font-weight:600;transition:color .18s ease}body.top #shopify-section-announcement-bar .announcement-bar__message svg{color:currentColor;transition:color .18s ease}@media(prefers-reduced-motion:reduce){body.top sticky-header>header,body.top sticky-header>header:before,body.top sticky-header>header:after,body.top sticky-header>header *,body.top #shopify-section-announcement-bar .announcement-bar,body.top #shopify-section-announcement-bar .announcement-bar__message,body.top #shopify-section-announcement-bar .announcement-bar__message svg{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/sticky-header.css.map */
