/*!*************************************************************************************************************************************************************************************************!*\
  !*** 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/outlet/_index.scss ***!
  \*************************************************************************************************************************************************************************************************/
outlet-section{--background:var(--black-color);--text:var(--white-color);--size:40px;--gap:20px}@media (max-width:1200px){outlet-section{--size:40px;--gap:30px}}outlet-section{--height:0;display:block}outlet-section .top{display:flex;justify-content:center;margin-bottom:3.75rem}outlet-section .top .categories{border-bottom:1px solid var(--gray4);display:flex;gap:var(--gap);justify-content:center}outlet-section .top .categories button{align-items:center;background:none;border:none;color:var(--black-color);display:flex;height:var(--size);justify-content:center;padding:0 .9375rem;position:relative;transition:all .35s ease}outlet-section .top .categories button:after{background-color:var(--black-color);bottom:-1px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transition:transform .2s ease;width:100%}outlet-section .top .categories button:hover{opacity:.7}outlet-section .top .categories button.active{font-weight:700}outlet-section .top .categories button.active:after{transform:scaleX(1)}