.shading-icon[data-v-0578d96d]:where(kira-component){height:1em;width:1em;--icon-offset:-25%;color:color-mix(in oklab,var(--accent),transparent 85%);font-size:128px;pointer-events:none;position:fixed;z-index:10}.shading-icon:where(kira-component).large[data-v-0578d96d]{font-size:256px}.shading-icon:where(kira-component).small[data-v-0578d96d]{--icon-offset:0%;font-size:72px}.shading-icon:where(kira-component).top[data-v-0578d96d]{top:0}.shading-icon:where(kira-component).top>.icon[data-v-0578d96d]{top:var(--icon-offset)}.shading-icon:where(kira-component).right[data-v-0578d96d]{right:0}.shading-icon:where(kira-component).right>.icon[data-v-0578d96d]{right:var(--icon-offset)}.shading-icon:where(kira-component).bottom[data-v-0578d96d]{bottom:0}.shading-icon:where(kira-component).bottom>.icon[data-v-0578d96d]{bottom:var(--icon-offset)}.shading-icon:where(kira-component).left[data-v-0578d96d]{left:0}.shading-icon:where(kira-component).left>.icon[data-v-0578d96d]{left:var(--icon-offset)}.icon[data-v-0578d96d]{position:absolute}.icon.rotating[data-v-0578d96d]{animation:rotation 30s linear infinite}.icon.rotating.elastic[data-v-0578d96d]{animation:elastic-rotation-0578d96d 16s cubic-bezier(.19,1,.22,1) infinite}.icon.fade-in[data-v-0578d96d]{animation:fade-in 2s linear}@keyframes elastic-rotation-0578d96d{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}}