@property --glyph-angle{syntax:'<angle>';inherits:false;initial-value:0deg}@layer components{.logo{display:block;height:auto}.logo .glyph{transform-box:fill-box;transform-origin:50% 50%;rotate:var(--glyph-angle)}.logo3d{position:relative;display:block;aspect-ratio:var(--logo-ratio);--logo-perspective:1600px;--logo-depth:1px;--glyph-wall:color-mix(in oklab,var(--glyph-face),var(--glyph-side) 12%);--glyph-face:currentColor;--glyph-side:var(--fg-muted)}.logo3d__sprite{position:absolute;background-repeat:no-repeat;color:transparent}.logo3d__glyph{position:absolute;inset:0;transform-style:preserve-3d}[data-i1-axis='y'] .logo3d__glyph{transform:perspective(var(--logo-perspective)) rotateY(var(--glyph-angle))}[data-i1-axis='x'] .logo3d__glyph{transform:perspective(var(--logo-perspective)) rotateX(var(--glyph-angle))}[data-i1-axis='z'] .logo3d__glyph{transform:rotateZ(var(--glyph-angle))}.logo3d__layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:translateZ(calc(var(--logo-depth) * (0.5 - var(--layer-fraction))));fill:color-mix(in oklab,var(--glyph-face),var(--glyph-side) calc(var(--layer-shade) * 70%))}.logo3d__wall{position:absolute;overflow:visible;opacity:var(--wall-opacity,0);fill:var(--glyph-wall)}[data-i1-axis='y'] .logo3d__wall{left:var(--glyph-centre-x);top:var(--glyph-top);width:var(--logo-depth);height:var(--glyph-height);transform:translateX(-50%) rotateY(90deg)}[data-i1-axis='x'] .logo3d__wall{top:var(--glyph-centre-y);left:var(--glyph-left);height:var(--logo-depth);width:var(--glyph-width);transform:translateY(-50%) rotateX(90deg)}[data-i1-axis='z'] .logo3d__wall{display:none}}@layer overrides{@media (prefers-reduced-motion:reduce){.logo .glyph{rotate:none}.logo3d__glyph{transform:none}}}