.select-area-popup{align-items:center;background:#000000ab;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999;&>.content{background:#fff;padding:2rem;position:relative;&>.title{font-size:1.5rem;font-weight:500;text-align:center;@media (max-width:767px){font-size:2.3rem;margin-bottom:1rem}}&>.areas{display:grid;grid-auto-flow:column;@media (max-width:767px){grid-auto-flow:row;grid-template-columns:repeat(2,1fr)}&>.area{align-items:center;color:inherit;display:flex;flex-direction:column;font-weight:500;gap:.5rem;padding:1rem;transition:all .2s;&:hover{box-shadow:0 0 4px 0 #000}&:active{box-shadow:0 0 10px 0 #000}&>img{aspect-ratio:1/1;width:5rem}}}&>.close-button{line-height:0;margin:.5rem;padding:.5rem;position:absolute;right:0;top:0}}}