/* One background object. Foreground logo, sizing and entrance are untouched. */
#logo-scene{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .45s ease;pointer-events:none}#logo-scene.ready{opacity:1}
#loader .logo-scene-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#03040533 5%,transparent 65%),linear-gradient(0deg,#03040577,transparent 25%,transparent 75%,#03040555)}
#loader .logo-scene-fallback{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;perspective:950px;opacity:1;pointer-events:none;transition:opacity .3s ease}
#loader.scene-ready .logo-scene-fallback{opacity:0}
.fallback-model{position:relative;width:min(660px,130vw);aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(30deg) rotateZ(-8deg);animation:single-brand-turn 12s linear both}
#loader .fallback-model img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:1;animation:none;filter:brightness(.1) saturate(.4);transform:translateZ(calc(var(--layer)*-5px));backface-visibility:visible;box-shadow:none}
#loader .fallback-model img:first-child{filter:brightness(.27) saturate(.7)}
#loader.round-logo .fallback-model img{border-radius:50%}
#loader .boot-content{position:relative;z-index:1}
@keyframes single-brand-turn{from{transform:rotateX(8deg) rotateY(30deg) rotateZ(-8deg)}to{transform:rotateX(8deg) rotateY(250deg) rotateZ(-8deg)}}
@media(prefers-reduced-motion:reduce){#loader .fallback-model{animation:none!important}#logo-scene,#loader .logo-scene-fallback{transition:none}}

/* Remove the square surround of circular brand marks in the foreground. */
#loader.round-logo .boot-mark img,#loader.round-logo .a3-badge .logo-original{clip-path:circle(49% at 50% 50%);border-radius:50%;background:transparent}