:root{--areas-bg-color:#fff;--areas-title-color:#474a73}.areas{background-color:var(--areas-bg-color);.areas-hovered{transition:ease-in-out;color:var(--areas-title-color);.areas-icon{opacity:0}.areas-info{opacity:1}}.areas-card-vertical{width:300px;height:175px;@media (max-width:992px){width:100%;height:100%}}.areas-card-horizontal{width:175px;height:300px}.areas-info-vertical{width:300px;height:125px;top:40px}.areas-info-horizontal{width:175px;height:236px;top:60px}.areas-icon{opacity:1}.areas-icon,.areas-info{transition:opacity .3s ease}.areas-info{opacity:0}}