.popup-restaurant{display:flex;flex-direction:column;gap:20px}.popup-restaurant-title{font-size:24px;font-style:normal;font-weight:700;line-height:34px;letter-spacing:-.24px}.popup-restaurant-item{width:100%;height:100%;padding-right:16px}.popup-restaurant-item .popup-restaurant-thumbnail{width:100%;height:140px;object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px}.popup-restaurant-content{padding:12px;background-color:#363636;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.popup-restaurant-content .popup-restaurant-info{display:flex;align-items:center;gap:4px}.popup-restaurant-content .restaurant-info-distance{justify-content:space-between}.popup-restaurant-content .restaurant-name{font-size:16px;font-weight:700;line-height:24px;letter-spacing:-.16px;margin-top:2px}.popup-restaurant-content .restaurant-text{color:#bababa;font-size:12px;font-weight:500}.popup-restaurant-content .restaurant-map{border:1px solid #bababa;border-radius:4px;padding:4px}.popup-restaurant .restaurant-slider{width:100%}.map-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-radius:14px 14px 0 0;z-index:9999;transition:transform .3s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom,20px);display:flex;flex-direction:column;gap:8px;animation:map-bottom-sheet-animation .5s ease-in-out}.map-bottom-sheet .map-bottom-sheet-content{width:80%;margin:0 auto;display:flex;flex-direction:column;gap:24px;justify-content:center}.map-bottom-sheet .map-bottom-sheet-content-item p{color:#121212}.map-bottom-sheet .restaurant-map{display:flex;align-items:center;gap:8px}.map-bottom-sheet .map-image{width:42px;height:42px}.map-bottom-sheet .map-image img{width:100%;height:100%;object-fit:cover}.map-bottom-sheet .map-bottom-sheet-close-button{width:100%;padding:15px;border-radius:13px;border:none;background-color:#f4f4f5;font-weight:600;cursor:pointer;animation:map-bottom-sheet-animation-reverse .5s ease-in-out}@keyframes map-bottom-sheet-animation{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes map-bottom-sheet-animation-reverse{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media(max-width:768px){.popup-restaurant{padding:0 0 0 20px}}