.announcement-bar-section{--announcement-edge-offset: 1.5rem}@media screen and (min-width:750px){.announcement-bar-section{--announcement-edge-offset: 2.4rem}}.announcement-bar__toggle{display:inline-flex;align-items:center;gap:.5rem;min-height:auto;padding:.2rem 1rem;font-size:1.2rem;font-weight:400;background:transparent;border:none;color:currentColor;cursor:pointer}.announcement-bar__toggle>svg{width:1.2rem;transition:transform .3s ease}.announcement-bar__toggle.show-dropdown>svg{transform:rotate(180deg)}.announcement-bar__message-wrapper{display:inline-flex;align-items:center;gap:.5rem}.announcement-bar__panel{display:none;border-top:.1rem solid rgba(var(--color-foreground),.08);overflow:hidden}.announcement-bar__panel-inner{position:relative;padding-top:7rem;padding-bottom:7rem}.announcement-bar__panel-close{position:absolute;top:2rem;right:var(--announcement-edge-offset, 1.5rem);z-index:11;display:flex;align-items:center;padding:0;background:transparent;border:none;cursor:pointer;color:currentColor}.announcement-bar__panel-close svg{width:1.7rem;height:1.7rem;pointer-events:none}.announcement-bar__panel-grid{display:grid;gap:2rem}.announcement-bar__panel-grid.has-side-image{gap:5rem}@media only screen and (min-width:750px){.announcement-bar__panel-grid.has-side-image{grid-template-columns:1fr 1fr}.announcement-bar__panel-grid.has-bg-image .announcement-bar__panel-content-inner,.announcement-bar__panel-grid.no-image .announcement-bar__panel-content-inner{max-width:calc(2 / 3 * 100%)}}.announcement-bar__panel-content{display:flex;align-items:center}.announcement-bar__panel-content-inner{width:100%;margin:0 auto;display:grid;gap:2rem}.announcement-bar__panel-content-inner.align--left{text-align:left}.announcement-bar__panel-content-inner.align--center{text-align:center}.announcement-bar__panel-content-inner.align--right{text-align:right}.announcement-bar__panel-heading,.announcement-bar__panel-text>p{margin:0}.announcement-bar__panel-text{font-size:1.7rem}.announcement-bar__panel-grid.has-bg-image{position:relative}.announcement-bar__panel-grid.has-bg-image .announcement-bar__panel-content{position:relative;z-index:10}.announcement-bar__panel-grid.has-bg-image .announcement-bar__panel-content-inner{padding:2rem 1.5rem}@media only screen and (min-width:750px){.announcement-bar__panel-grid.has-bg-image .announcement-bar__panel-content-inner{padding:5rem 3rem}}.announcement-bar__panel-media.is-background{position:absolute;width:100%;height:100%;left:0;top:0}.announcement-bar__panel-media.is-background>.media{height:100%}.announcement-bar__panel-grid.has-bg-image:before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;z-index:1;background-color:rgba(var(--color-background),var(--panel-overlay-opacity, 0))}.announcement-bar__panel-media .media--small{height:19.4rem}.announcement-bar__panel-media .media--medium{height:30rem}.announcement-bar__panel-media .media--large{height:43.5rem}.announcement-bar__panel-content.content--small{min-height:30rem}.announcement-bar__panel-content.content--medium{min-height:40rem}.announcement-bar__panel-content.content--large{min-height:50rem}@media screen and (min-width:750px){.announcement-bar__panel-media .media--small{height:31.4rem}.announcement-bar__panel-media .media--medium{height:50rem}.announcement-bar__panel-media .media--large{height:69.5rem}.announcement-bar__panel-content.content--small{min-height:38rem}.announcement-bar__panel-content.content--medium{min-height:50rem}.announcement-bar__panel-content.content--large{min-height:65rem}}.announcement-bar__timer-bar{display:block}.announcement-bar__timer-inner{display:flex;align-items:center;justify-content:center;min-height:5rem;padding-top:.5rem;padding-bottom:.5rem;position:relative}.announcement-bar__timer-content{display:flex;flex:1;align-items:center;justify-content:space-between;gap:1rem}.announcement-bar__timer-text{flex:1 1 auto;min-width:0}.announcement-bar__timer-text>p{margin:0}.announcement-bar__timer-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.announcement-bar__timer-actions .button{min-height:unset;height:4rem;padding-top:0;padding-bottom:0;font-size:1.4rem}.announcement-bar__timer-close{position:absolute;right:var(--announcement-edge-offset, 1.5rem);top:1.4rem;display:flex;align-items:center;padding:0;background:transparent;border:none;cursor:pointer;color:currentColor}.announcement-bar__timer-close>svg{width:1.7rem;height:1.7rem;pointer-events:none}.announcement-bar__timer-inner.has-close .announcement-bar__timer-content{padding-right:3rem}.countdown_bar{display:inline-flex;column-gap:.5rem;flex-shrink:0}.countdown_bar .countdown_item{border:.1rem solid rgba(var(--color-foreground),.3);min-width:5rem;height:4rem;padding:0 .5rem;border-radius:.5rem;text-align:center;flex-shrink:0;display:flex;flex-direction:column;justify-content:center}.countdown_bar .countdown_item span{display:block;line-height:1.2}.countdown_bar .countdown_amount{font-size:1.5rem}.countdown_bar .countdown_word{font-size:1.1rem;opacity:.6}@media only screen and (min-width:750px){.announcement-bar__timer-close{top:50%;transform:translateY(-50%)}.announcement-bar__timer-inner.has-close .announcement-bar__timer-content{padding-right:3.7rem}}@media only screen and (min-width:992px){.announcement-bar__timer-content{gap:2rem}}@media only screen and (max-width:749px){.announcement-bar__timer-content{flex-wrap:wrap;padding-top:.5rem;padding-bottom:.5rem}.announcement-bar__timer-inner.has-close .announcement-bar__timer-content{padding-right:0}.announcement-bar__timer-inner.has-close .announcement-bar__timer-text{padding-right:3rem}.announcement-bar__timer-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.announcement-bar__timer-actions .button{padding-left:1.2rem;padding-right:1.2rem}.countdown_bar .countdown_item{min-width:4.4rem;padding:0 .3rem}}@media only screen and (max-width:749px){.announcement-bar-section .utility-bar{position:relative}.announcement-bar__toggle>span{display:none}.announcement-bar__toggle{position:absolute;right:calc(var(--announcement-edge-offset, 1.5rem) - .75rem);top:50%;transform:translateY(-50%);width:3rem;height:3rem;justify-content:center;padding:0}.announcement-bar__toggle>svg{width:1.5rem}.announcement-bar__message-wrapper{padding-right:2.5rem;padding-left:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/section-announcement-bar.css.map */