.stile{min-width:116px;height:76px;padding:0 var(--space-3);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);border:var(--border-thin) solid var(--color-border-hairline);background:var(--color-surface);color:var(--color-text-body);scroll-snap-align:start;transition:border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);flex-direction:column;flex:none;text-decoration:none;display:flex}.stile:hover{border-color:var(--color-border-strong);background:var(--color-hover-wash)}.stile:focus-visible{outline:var(--border-thick) solid var(--color-focus);outline-offset:2px}.stile__i{color:var(--color-text-primary);flex:none}.stile__t{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-body);white-space:nowrap;line-height:1.2}.stile--on,.stile--on:hover{background:var(--color-action);border-color:var(--color-action)}.stile--on .stile__i,.stile--on .stile__t{color:var(--color-action-fg)}@media (prefers-reduced-motion:reduce){.stile{transition-duration:.001ms}}.stiles .sl--affordance:before{width:var(--space-3)}