/*!*************************************************************************************************************************************************************************************************!*\
  !*** 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:150px;--gap:20px;--height:0;display:block}@media (max-width:1200px){outlet-section{--size:100px;--gap:10px}}outlet-section .top{display:flex;gap:var(--gap);justify-content:center}outlet-section .top button{align-items:center;border:1px solid transparent;border-radius:100%;display:flex;height:var(--size);justify-content:center;overflow:hidden;position:relative;transition:all .35s ease;width:var(--size)}outlet-section .top button:hover{transform:scale(1.05);transition:.35s ease}outlet-section .top button[data-outlet="*"]{background-color:var(--gray5);color:var(--text)}outlet-section .top button.active{border:1px solid var(--background);transition:border .35s ease}outlet-section .top button img{height:100%;position:absolute;width:100%}