#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-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{color:#fefefe;font-size:1em;line-height:21px;margin-left:.1rem;margin-right:.3rem;margin-bottom:0;align-items:center;white-space:nowrap;overflow-x:auto;height:100%;width:100%;align-content:center}#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.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.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.maximized .legend-actions-container{margin-left:0}@media screen and (width> 500px){#MobileUiContainer .legend-item{min-width:27rem;margin-left:1.5rem}}