.sm-component-pan{min-width:64px;min-height:64px;max-width:126px;max-height:126px;border-radius:100%;position:relative;background:var(--collapse-card-header-bg);-webkit-box-shadow:0 3px 13px 0 var(--shadow-color);box-shadow:0 3px 13px 0 var(--shadow-color)}.sm-component-pan.mapboxgl-ctrl{margin:10px 0 0!important}.sm-component-pan .sm-component-pan__center,.sm-component-pan .sm-components-icon-fullscreen{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.sm-component-pan__center,.sm-component-pan__icon{-webkit-transition:.5s;transition:.5s;cursor:pointer}.sm-component-pan__center{width:51%;height:51%;border:2px solid var(--border-color-split);border-radius:50%}.sm-component-pan__item:hover>div{background:var(--select-item-hover-bg)}.sm-component-pan__item:hover>i{color:var(--primary-color)}.sm-component-pan__icon{position:absolute;width:100%;height:100%;border-radius:50%;clip:rect(0,32px,32px,0)}.sm-component-pan__icon.is-left{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.sm-component-pan__icon.is-right{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.sm-component-pan__icon.is-top{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sm-component-pan__icon.is-bottom{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.sm-component-pan .sm-components-icon-solid-triangle-down,.sm-component-pan .sm-components-icon-solid-triangle-left,.sm-component-pan .sm-components-icon-solid-triangle-right,.sm-component-pan .sm-components-icon-solid-triangle-up{position:absolute;font-size:12px;line-height:1;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.sm-component-pan .sm-components-icon-solid-triangle-left,.sm-component-pan .sm-components-icon-solid-triangle-right{top:50%}.sm-component-pan .sm-components-icon-solid-triangle-down,.sm-component-pan .sm-components-icon-solid-triangle-up{left:50%}.sm-component-pan .sm-components-icon-solid-triangle-left{left:13%}.sm-component-pan .sm-components-icon-solid-triangle-right{left:86%}.sm-component-pan .sm-components-icon-solid-triangle-up{top:13%}.sm-component-pan .sm-components-icon-solid-triangle-down{top:86%}