@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.cloudimage-360,.cloudimage-360-inner-box{position:relative;width:100%}.cloudimage-360-inner-box{height:100%}.cloudimage-360-icons-container{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;position:absolute;right:10px;top:15px;z-index:100}.cloudimage-360-transition-overlay{background-color:#fff;height:100%;left:0;opacity:0;position:absolute;top:0;transition:all 1s ease-out;width:100%;z-index:10}.cloudimage-360-button{align-items:center;background-color:#f0f0f0;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#4a4a4a;cursor:pointer;display:flex;height:30px;justify-content:center;padding:6px;transition:transform .15s ease-out,background-color .15s ease-out;width:30px}.cloudimage-360-button:hover{background-color:#e7e6e6;transform:scale(1.05)}.cloudimage-360-button svg{height:18px;width:18px;fill:#4a4a4a;transition:fill .15s ease-out}.cloudimage-360-button:hover svg{fill:#2c2c2c}.cloudimage-initial-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff80,#c8c8c880);border:1px solid hsla(0,0%,100%,.5);border-radius:50%;bottom:0;box-shadow:0 8px 12px #0003,0 4px 6px #0000001a;color:#4b4b4b;height:100px;left:0;line-height:100px;margin:auto;position:absolute;right:0;text-align:center;top:0;transition:all .2s,transform .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100px;z-index:2}.cloudimage-initial-icon:hover{background-color:#c8c8c833}.cloudimage-loading-spinner{animation:rotation .7s linear infinite;border:3px solid;border-color:#fff #fff #a3a3a3;border-radius:50%;box-sizing:border-box;display:inline-block;height:30px;left:15px;opacity:0;position:absolute;top:15px;transform:translate(-50%,-50%);width:30px}.cloudimage-360-view-360-circle{bottom:0;height:auto;left:0;margin:auto;pointer-events:none;position:absolute;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:2}.cloudimage-360-fullscreen-modal{background-color:#fff;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:999}.cloudimage-360-img-magnifier-glass{background-color:#fff;background-image:radial-gradient(circle at center,#fffc,#f0f0f0e6);background-repeat:no-repeat;border:2px solid rgba(0,0,0,.3);border-radius:50%;box-shadow:0 8px 16px #0006,0 4px 8px #0003;height:250px;line-height:200px;overflow:hidden;pointer-events:none;position:absolute;right:-85px;text-align:center;top:-75px;transition:box-shadow .2s ease;width:250px;z-index:1000}.cloudimage-360-hotspot-container{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:20}.cloudimage-360-popper{opacity:1;transition:opacity .2s ease-in-out}.cloudimage-360-hotspot{animation:pulse 2s infinite;background:#0af;border:1px solid #fff;border-radius:50%;bottom:0;box-shadow:0 0 #0af9,0 2px 6px #0003;display:inline-block;height:18px;left:0;opacity:0;position:absolute;right:0;top:0;transform:translate(-50%,-50%);transition:transform .2s ease,box-shadow .2s ease;width:18px}.cloudimage-360-hotspot.visible{opacity:1}@keyframes pulse{0%{box-shadow:0 0 #0af9,0 0 0 10px #0af6,0 0 0 20px #0af3;transform:scale(1)}50%{box-shadow:0 0 0 10px #0af0,0 0 0 20px #00aaff1a,0 0 0 30px #0af0;transform:scale(1.1)}to{box-shadow:0 0 #0af0,0 0 0 10px #0af0,0 0 0 20px #0af0;transform:scale(1)}}.cloudimage-360-hotspot:hover{box-shadow:0 0 0 5px #00aaff80,0 4px 12px #0000004d;transform:scale(1.2)}.cloudimage-360-popper{background-color:#ffffffe6;border-radius:6px;box-shadow:0 4px 16px #0003;color:#333;font-size:14px;max-width:220px;opacity:0;padding:10px 15px;text-align:center;transition:opacity .2s ease,translate .2s ease;translate:0 -10px;z-index:9999}.cloudimage-360-popper[data-show]{opacity:1;translate:0}