.ba__panorama-wrap{position: relative; display: block; overflow: hidden; background:#fff url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) no-repeat; -webkit-box-shadow: 0 0 1em rgba(0,0,0,.06); box-shadow: 0 0 1em rgba(0,0,0,.06);}
.ba__panorama-wrap::after{position: absolute; left:-50%; top: -50%; width: 200%; height: 200%; display: block; z-index: -1; background-color: inherit;}
.ba__panorama{display: table; margin: 0 auto; position: relative; z-index: 1; min-height:10em; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; cursor:url(../images/drag.png), -webkit-grab; cursor:url(../images/drag.png), grab;}
.ba__panorama:not(.ItemReady)::before{position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; content: ''; border:6px solid #bbb; border-top-color:#0343f3; border-radius: 50%; width: 30px; height: 30px; -webkit-animation: best-spin 2s linear infinite; animation: best-spin 2s linear infinite;}
.ba__panorama > *{display:none;}
.ba__panorama-controls{background: rgba(0,0,0,.8); border-radius: .3em; overflow: hidden; display: table; position:absolute; left: 50%; bottom: 1em; z-index: 9; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);}
.ba__panorama-controls > *{width: 2.6em; height: 2.6em; display: table-cell; color: #fff; cursor: pointer; line-height: 1; font-style: normal; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size:16px; border-right: 1px solid rgba(255, 255, 255, .2); vertical-align: middle; text-align: center; -webkit-transition: all .2s; transition: all .2s;}
.ba__panorama-controls > :hover{background: rgba(0,0,0,.5);}
.ba__panorama-controls > *::before{width:1em; height:1em; display: inline-block; content: ''; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23eee' stroke-width='4' viewBox='0 0 454 32'%3E%3Cpath d='M22 30 10 16 22 2m20 28 12-14L42 2m32 0v28l14-14L74 2zm45 0v28M105 2v28m27-18V4h8m8 0h8v8m-24 8v8h8m16-8v8h-8m16-16h8V4m8 0v8h8m-24 8h8v8m16-8h-8v8'/%3E%3Ccircle cx='206' cy='14' r='12'/%3E%3Cpath d='m215 23 7 7'/%3E%3Cpath d='M206 7v13m-7-6h13'/%3E%3Ccircle cx='238' cy='14' r='12'/%3E%3Cpath d='m247 23 7 7'/%3E%3Cpath d='M231 14h15'/%3E%3Cpath d='M285 16c0 6-5 13-13 13s-13-7-13-13 5-13 13-13c5 0 9 3 11 6m-7 1 7-1 1-7m19 7h-11v20h20V18m-5-14h10v10m0-10-14 14m35-10s6-6 9-3 2 7-3 11-8 5-10 1m0 7s-6 6-9 3-2-7 3-11 8-5 10-1m30-1v9m0-15v2'/%3E%3Ccircle cx='368' cy='16' r='14'/%3E%3Cpath d='M414 20 400 8l-14 12m60-8-14 12-14-12'/%3E%3C/svg%3E") no-repeat; background-size:auto 100%;}
_:-ms-input-placeholder, :root .ba__panorama-controls > *::before {background-size:15.7em 1em;}
.ba__panorama-controls > .next::before{background-position: -15px 0;}
.ba__panorama-controls > .play::before{background-position: -32px 0;}
.ba__panorama[data-play] + .ba__panorama-controls > .play::before{background-position: -48px 0;}
.ba__panorama-controls > .fullscreen::before{background-position: -64px 0;}
.ba__panorama-controls > .fullscreen.on::before{background-position: -80px 0;}
.ba__panorama-controls > .zoomin::before{background-position:-112px 0;}
.ba__panorama-controls > .zoomout::before{background-position: -96px 0;}
@-webkit-keyframes best-spin {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform:rotate(360deg);}}
@keyframes best-spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}}