:root{--announcement-height: 32px}.announcement{position:relative;display:block;min-height:var(--announcement-height);max-height:160px;overflow:hidden;padding:0 48px;background:#cdc0b0;color:#4a3022;font-size:clamp(10.5px,.75vw,11.5px);line-height:1.35;letter-spacing:.01em;transition:max-height .42s cubic-bezier(.16,1,.3,1),min-height .42s cubic-bezier(.16,1,.3,1),opacity .26s ease}.announcement-viewport{position:relative;display:grid;width:100%;height:auto;min-height:var(--announcement-height);overflow:hidden;cursor:ns-resize;touch-action:pan-x;-webkit-user-select:none;user-select:none}.announcement-item{position:relative;inset:auto;display:flex;min-width:0;min-height:var(--announcement-height);grid-area:1 / 1;align-items:center;justify-content:center;padding:5px 0;color:inherit;line-height:1.35;text-align:center;text-decoration:none;white-space:normal;opacity:0;pointer-events:none;transform:translateY(100%);transition:none;will-change:opacity,transform}.announcement-item.is-current{opacity:1;pointer-events:auto;transform:translateY(0)}.announcement-item.is-entering-up{animation:qlearsoul-announcement-enter-up .52s cubic-bezier(.16,1,.3,1) both}.announcement-item.is-entering-down{animation:qlearsoul-announcement-enter-down .52s cubic-bezier(.16,1,.3,1) both}.announcement-item.is-leaving,.announcement-item.is-leaving-up{animation:qlearsoul-announcement-leave-up .52s cubic-bezier(.16,1,.3,1) both}.announcement-item.is-leaving-down{animation:qlearsoul-announcement-leave-down .52s cubic-bezier(.16,1,.3,1) both}.announcement-cta{flex:0 0 auto;margin-left:.55em;font-weight:600;white-space:nowrap}.announcement-item:hover .announcement-cta,.announcement-item:focus-visible .announcement-cta{text-decoration:underline;text-underline-offset:2px}.announcement-item:focus-visible{outline:1px solid currentColor;outline-offset:-3px}.announcement-close{top:50%;right:var(--gutter, 18px);transform:translateY(-50%)}.site-header{display:contents;position:static;overflow-anchor:none}.site-header .header-main,.site-header .mobile-header{position:sticky;z-index:1000;top:0;width:100%;background:#f6f1e9f7;box-shadow:0 1px #4a302214;color:#4a3022;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow-anchor:none}body.menu-open .site-header .mobile-header{backdrop-filter:none;-webkit-backdrop-filter:none}@media(max-width:899px){body.menu-open .site-header .announcement{display:none}body.menu-open .site-header .mobile-header{position:fixed;z-index:1001;top:0!important;right:0;left:0}body.menu-open .site-header .mobile-menu{top:var(--header-row)!important}body.menu-open .site-header:not(.is-scrolled):not(.announcement-dismissed) .mobile-menu{top:var(--header-row)!important}}.site-header .announcement{overflow-anchor:none}.site-header.is-scrolled:not(.announcement-dismissed) .announcement{min-height:var(--announcement-height);max-height:160px;opacity:1;pointer-events:auto}.site-header.announcement-dismissed .announcement{display:none;min-height:0;max-height:0;opacity:0;pointer-events:none}@keyframes qlearsoul-announcement-enter-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes qlearsoul-announcement-leave-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes qlearsoul-announcement-enter-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes qlearsoul-announcement-leave-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@media(max-width:899px){:root{--announcement-height: 36px}.site-header.site-header--hero-overlay{display:block;position:absolute;z-index:1000;top:0;width:100%}.site-header.site-header--hero-overlay .mobile-header{position:relative;top:auto;background:transparent;box-shadow:none;color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.site-header.site-header--hero-overlay.is-scrolled,.site-header.site-header--hero-overlay.announcement-dismissed{position:fixed}.site-header.site-header--hero-overlay.is-scrolled .announcement{display:none;min-height:0;max-height:0;opacity:0;pointer-events:none}.site-header.site-header--hero-overlay.is-scrolled .mobile-header,.site-header.site-header--hero-overlay.announcement-dismissed .mobile-header{background:#f6f1e9f7;box-shadow:0 1px #4a302214;color:#4a3022;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body.menu-open .site-header.site-header--hero-overlay{position:fixed}body.menu-open .site-header.site-header--hero-overlay .mobile-header{background:#f9f4ee;box-shadow:0 1px #4a30221f;color:#4a3022}body.menu-open .site-header.site-header--hero-overlay .mobile-wordmark-image{filter:none}.site-header.site-header--hero-overlay.announcement-dismissed+main#top{padding-top:0}.announcement{padding-right:36px;padding-left:12px;font-size:clamp(8.5px,2.3vw,10px)}.announcement-item{padding-top:6px;padding-bottom:6px}.site-header:not(.is-scrolled):not(.announcement-dismissed) .mobile-menu{top:calc(var(--header-row) + var(--announcement-height))}}@media(max-width:600px){:root{--announcement-height: 52px}}@media(prefers-reduced-motion:reduce){.announcement-item{animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/q-shared-announcement-bar.css.map */