.panel{visibility:hidden;position:absolute;bottom:var(--panel-bottom);overflow-x:auto;z-index:var(--zindex-panels);background-color:var(--background-color);color:var(--text-color);cursor:initial;border-radius:var(--border-radius);border:1px solid var(--color-lightGray);bottom:calc(var(--current-footer-height) + var(--panel-bottom));box-sizing:border-box;counter-reset:step}.panel.dark{border:1px solid #222}.panel.full{width:initial;right:-100%;z-index:calc(var(--zindex-panels) + 1)}.panel.full.on{visibility:visible;right:calc(var(--panel-gutter) * 2 + var(--control-size));left:calc(var(--panel-gutter) * 2 + var(--control-size));height:initial;max-height:initial}.panel .umap-popup-content img{max-width:99%!important}.panel .umap-popup-content{max-height:inherit}.panel .body{height:calc(100% - var(--panel-header-height));padding:var(--panel-gutter)}.panel h3{display:flex;align-items:center}.panel .counter::before{counter-increment:step;content:counter(step) ". "}.panel .counter{display:block;margin-top:var(--panel-gutter)}@media all and (orientation:landscape){.panel{top:var(--current-header-height);margin-top:var(--panel-gutter);width:var(--panel-width);max-width:calc(100% - var(--panel-gutter) * 2 - var(--control-size))}.panel.condensed{max-height:calc(min(500px,100% - var(--current-header-height) - var(--current-footer-height) - var(--panel-gutter) * 2));bottom:initial}.panel.right{right:calc(0px - var(--panel-width))}.panel.left{left:calc(0px - var(--panel-width))}.panel.left.on{left:calc(var(--panel-gutter) * 2 + var(--control-size));visibility:visible}.panel.right.on{right:calc(var(--panel-gutter) * 2 + var(--control-size));visibility:visible}.panel-left-on .panel.full{left:calc(var(--panel-gutter) * 3 + var(--control-size) + var(--panel-width))}}@media all and (orientation:portrait){.panel{height:50%;max-height:400px;width:100%;bottom:var(--current-footer-height);right:-100%}.panel.left{left:-100%}.panel.on{right:0;left:0;visibility:visible}.panel.expanded{height:calc(100% - var(--current-footer-height));max-height:calc(100% - var(--current-footer-height))}.umap-caption-bar-enabled .panel{border-bottom-left-radius:0;border-bottom-right-radius:0}}:has(.right[data-highlight="caption"]) li[data-ref="caption"] button,:has(.right[data-highlight="caption"]) li[data-ref="caption"] button:hover,:has(.right[data-highlight="import"]) li[data-ref="import"] button,:has(.right[data-highlight="import"]) li[data-ref="import"] button:hover,:has(.right[data-highlight="layers"]) li[data-ref="layers"] button,:has(.right[data-highlight="layers"]) li[data-ref="layers"] button:hover,:has(.right[data-highlight="tilelayers"]) li[data-ref="tilelayers"] button,:has(.right[data-highlight="tilelayers"]) li[data-ref="tilelayers"] button:hover,:has(.right[data-highlight="center"]) li[data-ref="center"] button,:has(.right[data-highlight="center"]) li[data-ref="center"] button:hover,:has(.right[data-highlight="permissions"]) li[data-ref="permissions"] button,:has(.right[data-highlight="permissions"]) li[data-ref="permissions"] button:hover,:has(.right[data-highlight="templates"]) li[data-ref="templates"] button,:has(.right[data-highlight="templates"]) li[data-ref="templates"] button:hover,:has(.right[data-highlight="settings"]) li[data-ref="settings"] button,:has(.right[data-highlight="settings"]) li[data-ref="settings"] button:hover{background-color:var(--color-mediumGray)}