.shading-icon[data-v-8f5d88e0]:where(kira-component){color:color-mix(in oklab,var(--accent),transparent 85%);font-size:128px;height:128px;pointer-events:none;position:fixed;width:128px;z-index:10}.shading-icon:where(kira-component).large[data-v-8f5d88e0]{font-size:256px;height:256px;width:256px}.shading-icon:where(kira-component).top[data-v-8f5d88e0]{top:0}.shading-icon:where(kira-component).top>.icon[data-v-8f5d88e0]{top:-25%}.shading-icon:where(kira-component).right[data-v-8f5d88e0]{right:0}.shading-icon:where(kira-component).right>.icon[data-v-8f5d88e0]{right:-25%}.shading-icon:where(kira-component).bottom[data-v-8f5d88e0]{bottom:0}.shading-icon:where(kira-component).bottom>.icon[data-v-8f5d88e0]{bottom:-25%}.shading-icon:where(kira-component).left[data-v-8f5d88e0]{left:0}.shading-icon:where(kira-component).left>.icon[data-v-8f5d88e0]{left:-25%}.icon[data-v-8f5d88e0]{position:absolute}.icon.rotating[data-v-8f5d88e0]{animation:rotation 30s linear infinite}.icon.rotating.elastic[data-v-8f5d88e0]{animation:elastic-rotation-8f5d88e0 16s cubic-bezier(.19,1,.22,1) infinite}@keyframes elastic-rotation-8f5d88e0{0%{rotate:0turn}6.25%{rotate:22.5deg}12.5%{rotate:45deg}18.75%{rotate:67.5deg}25%{rotate:90deg}31.25%{rotate:112.5deg}37.5%{rotate:135deg}43.75%{rotate:157.5deg}50%{rotate:.5turn}56.25%{rotate:202.5deg}62.5%{rotate:225deg}68.75%{rotate:247.5deg}75%{rotate:270deg}81.25%{rotate:292.5deg}87.5%{rotate:315deg}93.75%{rotate:337.5deg}to{rotate:1turn}}