.experience-controls{justify-content:flex-end;gap:var(--sx-space-16);margin-block:var(--sx-space-32);display:flex}.experience-controls button{width:var(--sx-layout-touch);height:var(--sx-layout-touch);background:var(--sx-color-ink);color:var(--sx-color-paper);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.experience-prev svg{transform:rotate(180deg)}.experience-controls button:is(:hover,:focus-visible){background:var(--sx-color-accent);color:var(--sx-color-ink)}.experience-controls button:disabled{opacity:.3;cursor:default}.experience-status{align-items:center;gap:var(--sx-space-8);font-size:var(--type-label);margin-right:auto;display:flex}.experience-status .experience-dot{width:var(--sx-space-24);height:var(--sx-layout-touch);background:0 0;border-radius:0}.experience-dot:before{content:"";width:var(--sx-space-8);height:var(--sx-space-8);background:var(--sx-color-gray-777777);border-radius:50%}.experience-status .experience-dot[aria-current=true]:before{width:var(--sx-space-12);height:var(--sx-space-12);background:var(--sx-color-gray-333333)}@media (forced-colors:active){.experience-dot:before{background:canvastext}.experience-status .experience-dot[aria-current=true]:before{background:highlight}}@media (scripting:none){.experience-controls{display:none}}