.loader{width:100%;height:100%;min-height:40px;position:relative}.loader--page{min-height:0}.loader__overlay{z-index:1000;background-color:rgb(var(--color-surface-rgb)/70%);opacity:0;justify-content:center;align-items:center;animation:.2s ease-out forwards loader-fade-in;display:flex;position:absolute;inset:0}.loader__overlay--page{background-color:rgb(var(--color-gray-rgb-3)/70%);position:fixed}.loader__overlay--transparent{background-color:#0000}.loader__content{width:100%;height:100%}.loader__content--blurred{filter:blur(6px)}.loader__aim-outer,.loader__aim-inner{fill:var(--color-red-4)}.loader__aim-middle,.loader__dart-shaft{fill:var(--color-white)}.loader__dart-fletching{fill:var(--color-primary)}.loader__dart{transform-origin:50%;transform-box:fill-box;animation:2.5s linear infinite dart-flight}.loader__aim{transform-origin:50%;transform-box:fill-box;animation:2.5s linear infinite aim-shake}:root[data-theme=dark] .loader__overlay{background-color:rgb(var(--color-surface-rgb)/75%)}:root[data-theme=dark] .loader__overlay--page{background-color:rgb(var(--color-gray-rgb-3)/80%)}:root[data-theme=dark] .loader__aim-middle{fill:var(--color-surface)}:root[data-theme=dark] .loader__dart-shaft{fill:var(--color-gray-8)}@keyframes loader-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dart-flight{0%{opacity:0;transform:translate(30px,-15px)rotate(0)}5%{opacity:1;transform:translate(0)rotate(0)}65%{opacity:1;transform:translate(0)rotate(0)}80%{opacity:1;transform-origin:0 100%;transform:translate(0)rotate(60deg)}94%{opacity:0;transform:translate(20px,30px)rotate(90deg)}to{opacity:0;transform:translate(20px,30px)rotate(90deg)}}@keyframes aim-shake{0%,5%,35%,to{transform:translate(0)}5.1%{transform:translate(-2px,1px)}10%{transform:translate(2px,-1px)}15%{transform:translate(-1px,-1px)}20%{transform:translate(1px,1px)}25%{transform:translate(-1px)}30%{transform:translate(1px)}}