.roll{display:block;position:relative;overflow:hidden}.roll-line{transition:transform .55s cubic-bezier(.16,1,.3,1);display:block}.roll-line--next{width:100%;position:absolute;top:100%;left:0}@media (hover:hover){.roll-host:hover .roll-line{transition:transform .74s cubic-bezier(.34,1.7,.64,1);transform:translateY(-100%)}}.roll-host:focus-visible .roll-line{transition:transform .74s cubic-bezier(.34,1.7,.64,1);transform:translateY(-100%)}.dim-group>*{transition:opacity .5s cubic-bezier(.11,.7,.35,1)}@media (hover:hover){.dim-group:has(>:hover)>:not(:hover):not(:focus-visible):not(:has(:focus-visible)){opacity:.6}}.btn{color:var(--color-ink);font-family:var(--font-mono);cursor:pointer;transition-property:scale,background-color,color,box-shadow;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;gap:.25em;padding:2px 8px;display:inline-flex;position:relative}.btn:active{scale:.96}.dim-group>.btn{transition-property:opacity,scale,background-color,color,box-shadow;transition-duration:.5s, var(--dur-fast), var(--dur-fast), var(--dur-fast), var(--dur-fast);transition-timing-function:cubic-bezier(.11, .7, .35, 1), var(--ease-out), var(--ease-out), var(--ease-out), var(--ease-out)}.btn:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 2px var(--color-canvas)}@media (hover:hover){.btn-solid:hover{background:var(--color-ink);color:var(--color-canvas);box-shadow:var(--ana-plate-shadow)}}.btn-ghost{background:0 0}@media (hover:hover){.plate>.btn-solid:not([aria-current=true]):hover{background:var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.plate>.btn-solid:not([aria-current=true]):hover{background:color-mix(in srgb, var(--color-ink) 20%, var(--color-canvas))}}.plate>.btn-solid:not([aria-current=true]):hover{color:var(--color-ink);box-shadow:none}}.plate>.btn[aria-current=true]{background:var(--color-ink);color:var(--color-canvas);box-shadow:var(--ana-plate-shadow)}.plate>.btn.btn-solid:focus-visible{box-shadow:0 0 0 2px var(--color-canvas)}.plate>.btn[aria-current=true]:focus-visible{box-shadow:0 0 0 2px var(--color-canvas), var(--ana-plate-shadow)}