.ao-mock{--ao-black:#000;--ao-ink:#0c0a09;--ao-grey-50:#f6f6f6;--ao-grey-300:#d8dada;--ao-grey-600:#6f7171;--ao-stone-200:#e7e5e4;--ao-stone-300:#d6d3d1;--ao-green:#008331;--ao-orange:#c44904;--ao-yellow:#fed60e;font-family:var(--font-sans);font-feature-settings:"ss03";color:var(--ao-black);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}@property --ao-angle{syntax:"<angle>";inherits:false;initial-value:135deg}.ao-ring{inset:var(--ao-ring-inset,0);border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--ao-angle),var(--ao-orange),var(--ao-yellow)40%,var(--ao-orange)75%,var(--ao-orange));opacity:0;transition:opacity .4s var(--ease-move);padding:1.5px;position:absolute;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.ao-ring[data-on]{opacity:1;animation:3.2s linear infinite ao-turn}@keyframes ao-turn{0%{--ao-angle:135deg}to{--ao-angle:495deg}}.ao-shimmer{color:var(--ao-grey-600);--ao-shimmer-mask:linear-gradient(100deg,#0000006b 38%,#000 50%,#0000006b 62%);-webkit-mask-image:var(--ao-shimmer-mask);-webkit-mask-image:var(--ao-shimmer-mask);mask-image:var(--ao-shimmer-mask);animation:1.6s linear infinite ao-shimmer;-webkit-mask-size:300% 100%;mask-size:300% 100%}@keyframes ao-shimmer{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.ao-top-fade{background:linear-gradient(#fff 10%,#fff0)}@media (prefers-reduced-motion:reduce){.ao-ring[data-on],.ao-shimmer{animation:none}}.ao-v-spin{perspective:160px}.ao-v3d{--ao-v-depth:1.5px;width:25.29px;height:23.2px;transform-style:preserve-3d;display:block;position:relative}.ao-v3d__face{backface-visibility:hidden;display:block;position:absolute;inset:0}.ao-v3d__face>svg{display:block}.ao-v3d__front{transform:translateZ(var(--ao-v-depth))}.ao-v3d__front-inner{transform:rotateY(180deg)translateZ(calc(var(--ao-v-depth)*-1))}.ao-v3d__back{transform:rotateY(180deg)translateZ(var(--ao-v-depth))}.ao-v3d__back-inner{transform:translateZ(calc(var(--ao-v-depth)*-1))}.ao-v3d__slice{display:block;position:absolute;inset:0}.ao-v3d__slice>svg{display:block}.ao-v-turn{animation:ao-v-turn .9s var(--ease-in-out-cubic)both}@keyframes ao-v-turn{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}
