#MobileUiContainer .legend-item{display:flex;flex-direction:column;border-radius:6px;height:100%;min-width:100%;margin-left:3rem;background-color:#2e2e2e;box-shadow:2px 2px 4px 1px rgba(0,0,0,.25);scroll-snap-align:center;transition:width,height .3s ease-out}#MobileUiContainer .legend-item.dragging{position:absolute;z-index:10010;bottom:0;left:0;width:100%;margin-left:0;transition:none;cursor:grabbing}#MobileUiContainer .legend-header-container{display:flex;align-items:center;height:3.5rem;padding:.5rem .8rem}#MobileUiContainer .legend-header-button{background-color:transparent}#MobileUiContainer .legend-collapse-button{margin-left:0;min-width:1.2em;aspect-ratio:1;transition:transform .5s;opacity:1}#MobileUiContainer .legend-title{margin-left:.1rem;margin-right:.3rem;margin-bottom:0;white-space:nowrap;height:100%;width:100%;overflow:hidden;align-content:center}#MobileUiContainer .legend-title p{color:#fefefe;font-size:1em;line-height:21px;text-overflow:ellipsis;user-select:none;overflow:hidden}#MobileUiContainer #LegendSection .legend-title .title-popover{opacity:0;transition:opacity .5s;position:fixed;top:0;left:0;white-space:normal;max-width:80%;pointer-events:none}#MobileUiContainer #LegendSection .legend-title .title-popover *{pointer-events:none}#MobileUiContainer #LegendSection .legend-title .title-popover.active{opacity:1;z-index:14000;filter:drop-shadow(2px 2px 4px rgba(46,46,46,.25))}#MobileUiContainer #LegendSection .legend-title .title-popover p{color:#2e2e2e;background-color:#fefefe;padding:.3rem;border-radius:6px;pointer-events:none}#MobileUiContainer #LegendSection .legend-title .title-popover .down-triangle{height:15px;width:21px;background-color:#fefefe;clip-path:polygon(0 0,100% 0,50% 100%);position:relative;left:calc(50% - (21px/2));pointer-events:none}#MobileUiContainer .legend-close-button{min-width:1.3rem;aspect-ratio:1;margin-left:auto;user-select:none;opacity:1}#MobileUiContainer .legend-body-container{flex:1;background-color:#fefefe;padding:.7rem;overflow-y:auto;scroll-behavior:smooth;border-radius:0 0 6px 6px}#MobileUiContainer .metadata-iframe{width:100%!important;height:100%!important;border:none}#MobileUiContainer .legend-content-container{width:90%!important;height:fit-content!important;margin-bottom:1rem}#MobileUiContainer .legend-item.collapsed{height:auto;align-self:end}#MobileUiContainer .legend-item.collapsed .legend-collapse-button{transform:rotate(-90deg)}#MobileUiContainer .legend-item.maximized{position:absolute;bottom:0;left:0;width:100%;height:50vh;margin:0;z-index:10010}#MobileUiContainer .legend-item.fullscreen .legend-body-container,#MobileUiContainer .legend-item.maximized .legend-body-container{height:100%;border-bottom-left-radius:0;border-bottom-right-radius:0}#MobileUiContainer .legend-minimize-container{display:none;width:100%;padding-top:.3rem}#MobileUiContainer .legend-item.fullscreen .legend-minimize-container,#MobileUiContainer .legend-item.maximized .legend-minimize-container{display:flex;justify-content:center;align-items:center}#MobileUiContainer .legend-minimize-container .legend-minimize-button{background-color:transparent;transform:rotate(90deg);height:1.5rem;width:1.5rem}#MobileUiContainer .legend-item.fullscreen .legend-actions-container,#MobileUiContainer .legend-item.maximized .legend-actions-container{margin-left:0}#MobileUiContainer .legend-item.fullscreen{position:absolute;border-radius:0;bottom:0;left:0;width:100%;height:371%;margin:0;z-index:10010}@media screen and (width> 500px){#MobileUiContainer .legend-item{min-width:27rem;margin-left:1.5rem}}