.sakana-widget *,.sakana-widget :before,.sakana-widget :after{box-sizing:border-box}.sakana-widget-wrapper{pointer-events:none;width:100%;height:100%;position:relative}.sakana-widget-app{pointer-events:none;position:relative}.sakana-widget-canvas{z-index:10;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sakana-widget-main{z-index:20;pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute}.sakana-widget-img{z-index:40;cursor:move;pointer-events:auto;background:50%/cover no-repeat;position:relative}.sakana-widget-ctrl{z-index:30;cursor:pointer;pointer-events:auto;background-color:#ddd;border-radius:6px;width:112px;height:24px;display:flex;position:relative;box-shadow:0 8px 24px #0000001a}.sakana-widget-ctrl-item{color:#555;background-color:#0000;justify-content:center;align-items:center;width:28px;height:24px;display:flex}.sakana-widget-ctrl-item:hover{color:#555;background-color:#ffffff40}.sakana-widget-icon{width:18px;height:18px}.sakana-widget-icon--rotate{animation:2s linear infinite sakana-widget-spin}@keyframes sakana-widget-spin{to{transform:rotate(360deg)}}