.map-wrapper{border-radius:20px;justify-content:center;width:100%;margin:auto;display:flex;position:relative;overflow:hidden}.map-frame{border:none;border-radius:20px;width:100%;height:380px;display:block}.map-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #a96f3d99;border-radius:50px;justify-content:space-between;align-items:center;width:230px;height:55px;display:flex;position:absolute;top:20px;right:20px;overflow:hidden}.toggle-slider{background-color:#a96f3d33;border-radius:50px;width:47%;height:84%;transition:transform .35s;position:absolute;top:8%;left:2%}.toggle-slider.right{transform:translate(104%)}.toggle-option{text-align:center;color:#a96f3d;cursor:pointer;z-index:2;font-size:14px;font-weight:600;font-family:var(--font-della);background:0 0;border:none;flex:1;padding:10px 0;transition:color .3s}.toggle-option:hover{color:#5a2d2d}@media (max-width:1024px){.map-frame{height:340px}.map-toggle{width:210px;height:50px;top:15px;right:15px}.toggle-slider.right{transform:translate(104%)}}@media (max-width:768px){.map-frame{height:300px}.map-toggle{width:190px;height:45px;top:10px;right:10px}.toggle-slider{height:84%}.toggle-slider.right{transform:translate(104%)}.toggle-option{padding:8px 0;font-size:13px}}@media (max-width:480px){.map-frame{height:250px}.map-toggle{width:160px;height:40px;top:8px;right:8px}.toggle-option{padding:6px 0;font-size:12px}.toggle-slider{width:48%}.toggle-slider.right{transform:translate(100%)}}@media (max-width:360px){.map-toggle{width:140px;height:36px}.toggle-option{font-size:11px}}