/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/css/sections/announcement-bar.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/.announcement-bar{background-color:var(--color-accent);color:var(--color-white);text-align:center;font-size:var(--text-xxs);max-height:60px;transition:max-height .3s var(--ease-out)}.abar-hidden .announcement-bar{display:none!important}.announcement-bar--hide{max-height:0;overflow:hidden}.announcement-bar__content{display:grid;gap:var(--space-xs);justify-content:center;align-items:center;position:relative;padding-top:var(--space-xxxs);padding-bottom:var(--space-xxxs)}@media (min-width: 32rem){.announcement-bar__content{grid-template-columns:auto auto}}.announcement-bar__close{display:flex;padding:var(--space-xxxs);cursor:pointer;position:absolute;top:0;right:0}@media (min-width: 32rem){.announcement-bar__close{position:static}}.announcement-bar__close .icon g{stroke-width:3px}
/*# sourceMappingURL=/cdn/shop/t/316/assets/section-announcement-bar.css.map */