.layout-map{--side-map-width: 0;position:relative;width:100%;height:100%}.layout-map--sidebar-visible{--side-map-width: 440px}.layout-map__sidebar{position:fixed;top:0;bottom:0;left:0;z-index:999;width:var(--side-map-width);height:100%;background-color:var(--color-sidebar-bg);box-shadow:0 0 8px #0000001f;transition:width .3s}.layout-map__sidebar__inner{position:relative;width:100%;height:100%;overflow:hidden;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px)}.layout-map__sidebar__header{display:flex;align-items:center;justify-content:center;height:64px;line-height:64px;border-bottom:1px solid rgb(0 0 0 / 7.5%)}.layout-map__sidebar__content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:calc(100% - 64px)}.layout-map__sidebar__content-block{margin-top:36px}.layout-map__sidebar__content-inner{max-width:calc(100% - 32px);margin-right:16px;margin-left:16px}.layout-map__fixed-logo{position:fixed;top:16px;left:calc(var(--side-map-width) + 20px);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;padding:8px 12px;background-color:var(--color-sidebar-bg);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:8px}.layout-map__fixed-logo__img{width:60px;height:60px}.layout-map__fixed-logo__text{margin-top:10px;font-family:Geologica,sans-serif;color:var(--color-dark-size-1)}.layout-map__fixed-tip{position:fixed;bottom:16px;left:calc(var(--side-map-width) + 20px);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;padding:8px 12px;background-color:var(--color-sidebar-bg);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:8px}.layout-map__fixed-tip li{display:flex;align-items:center}.layout-map__fixed-tip .color{width:12px;height:12px;background:#fff;border-radius:4px;margin-right:8px}.layout-map__fixed-tip .color.color2{background:#a4df87}.layout-map__fixed-tip .color.color3{background:#d3a3a3}.layout-map__main{position:relative;width:100%;height:100%;overflow:hidden;background-color:var(--el-bg-color-page)}.layout-map__user-menu{position:fixed;top:14px;right:16px;z-index:999;pointer-events:all}.layout-map__sidebar__extendable{position:absolute;top:0;left:100%;z-index:999;width:300px;height:100%;background-color:var(--color-sidebar-bg);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);box-shadow:0 0 8px #0000001f}.layout-map__sidebar__extendable__header{position:relative;display:flex;gap:10px;align-items:center;justify-content:space-between;height:64px;padding:12px 10px;border-bottom:1px solid rgb(0 0 0 / 7.5%)}.layout-map__sidebar__extendable__header__main{display:flex;gap:5px;align-items:center;justify-content:flex-start}.layout-map__sidebar__extendable__content_block{display:flex;flex-direction:column;height:calc(100% - 80px);margin-top:16px}