/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./dev/scss/_new/actionBar/_index.scss ***!
  \****************************************************************************************************************************************************************************************************/
action-bar-component{--color:var(--white-color);--background:var(--primary-color);background-color:var(--background);color:var(--color);display:block;position:fixed;top:calc(var(--navbar-height) + var(--announcement-bar-height));transition:top .2s ease-out;width:100%;z-index:10}action-bar-component .flex{column-gap:.625rem;flex-flow:wrap;justify-content:center}action-bar-component count-down{font-weight:800;letter-spacing:1px}