/* One calm, geometry-preserving motion language for the website and Mac app. */
.aa-loader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:var(--surface,#fff);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s;contain:layout paint}
.aa-loading .aa-loader{opacity:1;visibility:visible;pointer-events:auto}
.aa-loader-mark{position:relative;width:88px;height:71px;animation:aa-pyramid-breathe 1.6s ease-in-out infinite;animation-play-state:paused}
.aa-loading .aa-loader-mark{animation-play-state:running}
.aa-loader-mark img{display:block;width:100%;height:100%;object-fit:contain}
:root[data-theme=dark] .aa-loader-mark img{filter:brightness(0) invert(1)}
.aa-loader-sheen{position:absolute;inset:0;overflow:hidden;mask:url('icon.svg') center/contain no-repeat;-webkit-mask:url('icon.svg') center/contain no-repeat}
.aa-loader-sheen::after{content:"";position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 35%,#fff9 49%,transparent 63%);transform:translateX(-100%);animation:aa-pyramid-light 2.4s ease-in-out infinite;animation-play-state:paused}
.aa-loading .aa-loader-sheen::after{animation-play-state:running}
@keyframes aa-pyramid-breathe{0%,100%{opacity:.48;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}
@keyframes aa-pyramid-light{0%,15%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.aa-loader,.aa-loader-mark,.aa-loader-sheen::after{animation:none!important;transition:none!important}.aa-loader-sheen{display:none}.aa-loader-mark{opacity:1;transform:none}}