.tt-pan-controls{position:relative;height:90px;width:90px}.tt-pan-controls:before{content:"";left:30px;top:30px;z-index:4}.tt-pan-controls:before,.tt-pan-controls>.tt-pan-button{background-color:#fff;height:30px;position:absolute;width:30px}.tt-pan-controls>.tt-pan-button{border:0;box-sizing:border-box;cursor:pointer;display:block;outline:none;padding:0}.tt-pan-controls>.tt-pan-button:hover{background-color:#eee}.tt-pan-controls>.tt-pan-button:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04LjU4NiAxdjYuNTg2YTEgMSAwIDAxLTEgMUgxYTEgMSAwIDAxLS43MDctMS43MDdMNi44NzkuMjkzQTEgMSAwIDAxOC41ODYgMXoiIGZpbGw9IiMzNjM2MzYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);background-position:50% 50%;background-repeat:no-repeat;content:"";display:block;height:100%}.tt-pan-controls>.tt-pan-button:after{border:2px solid rgba(0,0,0,.05);border-radius:4px;box-sizing:border-box;content:"";height:34px;left:-2px;position:absolute;top:-2px;width:34px}.tt-pan-controls>.tt-pan-button--left{border-radius:4px 0 0 4px;top:30px;z-index:1}.tt-pan-controls>.tt-pan-button--left:before{margin-left:5px;transform:rotate(135deg)}.tt-pan-controls>.tt-pan-button--top{border-radius:4px 4px 0 0;left:30px;z-index:2}.tt-pan-controls>.tt-pan-button--top:before{margin-top:5px;transform:rotate(-135deg)}.tt-pan-controls>.tt-pan-button--top:after{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;height:30px;top:-2px}.tt-pan-controls>.tt-pan-button--right{border-radius:0 4px 4px 0;left:60px;top:30px;z-index:1}.tt-pan-controls>.tt-pan-button--right:before{margin-left:-5px;transform:rotate(-45deg)}.tt-pan-controls>.tt-pan-button--bottom{border-radius:0 0 4px 4px;left:30px;top:60px;z-index:3}.tt-pan-controls>.tt-pan-button--bottom:before{margin-top:-5px;transform:rotate(45deg)}.tt-pan-controls>.tt-pan-button--bottom:after{border-top:0;border-top-left-radius:0;border-top-right-radius:0;height:30px;top:2px}