@charset "UTF-8";.image-spinner{position:relative}.image-spinner__bttn{border:none;padding:0;background:none;color:var(--dst--primary-color2);cursor:pointer}.image-spinner__bttn svg{display:block;width:5rem;height:5rem}.image-spinner__bttn:active,.image-spinner__bttn:focus{outline:none}.image-spinner__bttn:hover{color:currentcolor}.image-spinner .spritespin-stage,.image-spinner .js-image-spinner{overflow:visible!important}.image-spinner{flex-shrink:0;flex-grow:1}.image-spinner__wrap{margin-top:var(--dst--vertical-gap);display:flex;justify-content:center;flex-direction:column;gap:var(--dst--vertical-gap)}.l-image-spinner .image-spinner__wrap{flex-direction:row;align-items:center}.l-image-spinner .hotspots-content{flex:0 0 30%}.m-image-spinner .image-spinner__controls{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center;gap:10px}.m-image-spinner .image-spinner__fraction{position:absolute;top:100%;left:0;width:100%;display:flex;justify-content:center}.m-image-spinner .image-spinner .spinner-ctrl-pause,.m-image-spinner .image-spinner .spinner-ctrl-zoomout,.m-image-spinner.is-playing .spinner-ctrl-play{display:none}.m-image-spinner.is-playing .spinner-ctrl-pause{display:block}.m-image-spinner.is-zoom .spinner-ctrl-zoomin{display:none}.m-image-spinner.is-zoom .spinner-ctrl-zoomout{display:block}.m-image-spinner .hotspot{position:absolute;transform:translate(-50%,-50%);z-index:1}@media (max-width: 767px){.m-image-spinner .hotspot{position:static;transform:none}}.m-image-spinner .hotspot__pin{position:relative;display:inline-flex;width:40px;height:40px;border-radius:50%;overflow:hidden;color:#f70;cursor:pointer;transition:transform .2s}@media (max-width: 767px){.m-image-spinner .hotspot__pin{position:absolute;z-index:2;top:inherit;left:inherit;transform:translate(-50%,-50%);width:30px;height:30px}}.m-image-spinner .hotspot__tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%,10px);z-index:2;min-width:300px;max-width:90vw;text-align:center;font-size:14px;box-shadow:0 15px 30px #64646426;pointer-events:none;opacity:0;transition:opacity .2s}@media (max-width: 767px){.m-image-spinner .hotspot__tooltip{top:unset;bottom:0;left:0;max-width:100%;width:100%;max-height:100%;transform:none;overflow-y:auto;text-align:left}}.m-image-spinner .hotspot__tooltip-title{position:relative;margin-bottom:0;padding:10px 15px;background:var(--dst--primary-color1);white-space:nowrap}@media (max-width: 767px){.m-image-spinner .hotspot__tooltip-title{padding-right:50px}}@media (min-width: 768px){.m-image-spinner .hotspot__tooltip-title{padding:15px 20px}.m-image-spinner .hotspot__tooltip-title:before{content:"";width:0;height:0;border-style:solid;border-width:0 12px 14px 12px;border-color:transparent transparent var(--dst--primary-color1) transparent;position:absolute;top:-12px;left:50%;transform:translate(-50%)}}.m-image-spinner .hotspot__tooltip-description{padding:15px;background:#fff}@media (max-width: 767px){.m-image-spinner .hotspot__tooltip-description{padding-right:50px}}@media (min-width: 768px){.m-image-spinner .hotspot__tooltip-description{padding:20px}.m-image-spinner .hotspot__tooltip-description:first-child{position:relative}.m-image-spinner .hotspot__tooltip-description:first-child:before{content:"";width:0;height:0;border-style:solid;border-width:0 12px 14px 12px;border-color:transparent transparent #fff transparent;position:absolute;top:-12px;left:50%;transform:translate(-50%)}}.m-image-spinner .hotspot__tooltip-description *:last-child{margin-bottom:0}.m-image-spinner .hotspot__tooltip-close{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:#f70;font-size:20px;line-height:1}@media (min-width: 768px){.m-image-spinner .hotspot__tooltip-close{display:none}}.m-image-spinner .hotspot__tooltip-close:before{content:"✖"}.m-image-spinner .hotspot.is-active{z-index:2}.m-image-spinner .hotspot.is-active .hotspot__pin{transform:scale(1.2)}@media (max-width: 767px){.m-image-spinner .hotspot.is-active .hotspot__pin{transform:translate(-50%,-50%) scale(1.2)}}.m-image-spinner .hotspot.is-active .hotspot__tooltip{z-index:3;opacity:1;pointer-events:auto}.m-image-spinner .image-spinner__editor{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:4px}.m-image-spinner .image-spinner__editor-frame{position:relative}.m-image-spinner .image-spinner__editor .hotspot{position:absolute;transform:translate(-50%,-50%);z-index:1}.m-image-spinner .image-spinner__editor .hotspot__pin{position:relative;display:inline-flex;width:20px;height:20px;border-radius:50%;overflow:hidden;background:#f70}.hotspots-content__list{display:flex;flex-direction:column;gap:10px}.hotspots-nav+.hotspots-content__list{margin-top:20px}.hotspots-content__list-item{padding:10px 20px;text-align:left;cursor:pointer}.hotspots-nav{display:flex;justify-content:center;gap:10px}.m-image-spinner .hotspot__pin{color:#f70}.m-image-spinner .hotspot__pin:after,.m-image-spinner .hotspot__pin:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;border-radius:50%}.m-image-spinner .hotspot__pin:before{width:100%;height:100%;border:6px double currentcolor;animation:pulsingRings 2s linear infinite forwards}.m-image-spinner .hotspot__pin:after{width:70%;height:70%;background:currentcolor;animation:pulsingDot 2s linear infinite forwards}.m-image-spinner .image-spinner{background:#0064ff1a}.m-image-spinner .image-spinner__editor-frame{background:#0064c80d}.m-image-spinner .image-spinner__editor .hotspot__pin{background:#f70}.hotspots-content__list{gap:10px}.hotspots-content__list-item{background:#0064c81a}.hotspots-content__list-item.is-active{background:#6400c81a}@keyframes pulsingDot{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.25)}}@keyframes pulsingRings{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:.25}}