.al-art{width:1em;height:1em;font-size:var(--al-art,48px);flex:none;display:block;position:relative}.al-art span{display:block;position:absolute}.al-art-shadow{background:radial-gradient(closest-side,#0a06189e,#0a061800);border-radius:50%;width:60%;height:15%;animation:5.4s ease-in-out infinite al-art-shadow;top:74%;left:20%}:root[data-theme=light] .al-art-shadow{background:radial-gradient(closest-side,#3426604d,#34266000)}.al-art-world{width:0;height:0;transform-style:preserve-3d;top:66%;left:50%;transform:rotateX(57deg)rotate(-45deg)}.al-slab{--depth:.055em;--lift:0em;--turn:0deg;--tone:#8b5cf6;--tone-soft:#ddd3ff;--tone-deep:#5b21b6;--tone-side:#6d28d9;width:.48em;height:.48em;transform-style:preserve-3d;transform:translateZ(var(--lift)) rotateZ(var(--turn));transition:transform .42s cubic-bezier(.2,1.4,.4,1);animation:5.4s ease-in-out infinite al-slab-breathe;top:-.24em;left:-.24em}.al-slab.is-audio{--lift:0em;--turn:-9deg;--tone:#fb7185;--tone-soft:#ffe0e6;--tone-deep:#a3243f;--tone-side:#c73555}.al-slab.is-video{--lift:.15em;--turn:0deg;--tone:#22d3ee;--tone-soft:#d2fbff;--tone-deep:#0b7f95;--tone-side:#0e9fb8;animation-delay:-.5s}.al-slab.is-image{--lift:.3em;--turn:9deg;animation-delay:-1s}.al-art.is-open .al-slab.is-audio{--lift:-.02em;--turn:-17deg}.al-art.is-open .al-slab.is-video{--lift:.2em}.al-art.is-open .al-slab.is-image{--lift:.42em;--turn:17deg}.al-face.top{transform:translateZ(var(--depth));background:linear-gradient(135deg, var(--tone-soft), var(--tone) 72%);border-radius:.085em;inset:0;overflow:hidden;box-shadow:inset 0 0 0 .01em #fff9}.al-face.base{background:var(--tone-deep);border-radius:.085em;inset:0}.al-face.n,.al-face.s{width:calc(100% - .12em);height:var(--depth);transform-origin:50% 0;transform:translateZ(var(--depth)) rotateX(-90deg);background:var(--tone-deep);left:.06em}.al-face.n{top:0}.al-face.s{top:100%}.al-face.e,.al-face.w{width:var(--depth);transform-origin:0;height:calc(100% - .12em);transform:translateZ(var(--depth)) rotateY(90deg);background:var(--tone-side);top:.06em}.al-face.w{left:0}.al-face.e{left:100%}.al-gloss{background:linear-gradient(135deg,#ffffff80,#fff0 58%);border-radius:.06em;inset:.04em}.al-face.top .icon{color:#fff;stroke-width:2.3px;filter:drop-shadow(0 .01em .015em #00000059);width:.24em;height:.24em;margin:-.12em 0 0 -.12em;position:absolute;top:50%;left:50%}.al-art.is-plain .al-face.top .icon,.al-art.is-plain .al-gloss{display:none}.al-slab.is-landing{animation:.7s cubic-bezier(.3,1.5,.5,1) al-slab-land,5.4s ease-in-out .7s infinite al-slab-breathe}@keyframes al-slab-breathe{0%,to{transform:translateZ(var(--lift)) rotateZ(var(--turn))}50%{transform:translateZ(calc(var(--lift) * 1.28 + .015em)) rotateZ(var(--turn))}}@keyframes al-slab-land{0%{opacity:0;transform:translateZ(calc(var(--lift) + .5em)) rotateZ(calc(var(--turn) + 40deg))}55%{opacity:1;transform:translateZ(calc(var(--lift) - .05em)) rotateZ(var(--turn))}to{transform:translateZ(var(--lift)) rotateZ(var(--turn))}}@keyframes al-art-shadow{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.62;transform:scale(.86)}}@media (prefers-reduced-motion:reduce){.al-slab{transition:none;animation-duration:9s}.al-slab.is-landing{animation:9s ease-in-out infinite al-slab-breathe}.al-art-shadow{animation-duration:9s}}