.CraftColumnPill-module__8ynDfq__band{--col-window-w:14px;--col-gutter-x:7px;--col-capsule-w:calc(var(--col-window-w) + 2 * var(--col-gutter-x));z-index:var(--z-pill-nav);padding-right:max(0px, calc((100vw - max(0px, (100% - var(--artboard-width)) / 2) - var(--artboard-width) + var(--page-padding-x) - var(--col-capsule-w)) / 2 - (100vw - 100%)));pointer-events:none;justify-content:flex-end;display:flex;position:fixed;top:50%;left:0;right:0;transform:translateY(-50%)}.CraftColumnPill-module__8ynDfq__capsule{--col-expand:1;--col-window:56px;--col-rail-h:14px;--rail-converge:0;--col-gutter-y:14px;width:var(--col-capsule-w);pointer-events:auto;height:calc(var(--col-rail-h) + 2 * var(--col-gutter-y) + var(--col-expand) * (var(--col-window) - var(--col-rail-h)));color:var(--text-muted);background:var(--pill-fill);border:1px solid var(--pill-rim);border-radius:var(--pill-radius);box-shadow:var(--shadow-pill);transition:height var(--duration-fast) var(--ease-in-out), border-color var(--duration-fast) var(--ease-standard);touch-action:pan-x;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;background-size:auto,cover;position:relative;overflow:clip}.CraftColumnPill-module__8ynDfq__capsule:active{cursor:grabbing}@media (hover:hover) and (pointer:fine){.CraftColumnPill-module__8ynDfq__capsule{--col-expand:0}.CraftColumnPill-module__8ynDfq__capsule:hover{--col-expand:1}}.CraftColumnPill-module__8ynDfq__capsule[data-expanded]{--col-expand:1}.CraftColumnPill-module__8ynDfq__capsule:has(.CraftColumnPill-module__8ynDfq__radio:focus-visible){--col-expand:1}.CraftColumnPill-module__8ynDfq__capsule:has(.CraftColumnPill-module__8ynDfq__radio:focus-visible){border-color:color-mix(in srgb, var(--surface-page) 55%, transparent)}.CraftColumnPill-module__8ynDfq__rail{translate:-50% -50%;transform:translateY(calc(var(--col-expand) * var(--rail-converge) * 1px));opacity:calc(1 - var(--col-expand));pointer-events:none;transition:transform var(--duration-fast) var(--ease-in-out), opacity var(--duration-fast) var(--ease-in-out);flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:50%;left:50%}.CraftColumnPill-module__8ynDfq__tick{background:var(--surface-page);opacity:.35;width:7px;height:2px;transform:scaleX(calc(1 - var(--col-expand) * .65));transition:width var(--duration-fast) var(--ease-in-out), transform var(--duration-fast) var(--ease-in-out), opacity var(--duration-fast) var(--ease-standard);border-radius:999px}.CraftColumnPill-module__8ynDfq__tick[data-active]{opacity:1;width:12px}.CraftColumnPill-module__8ynDfq__reelViewport{width:var(--col-window-w);height:var(--col-window);translate:-50% -50%;scale:calc(.55 + var(--col-expand) * .45);opacity:var(--col-expand);transition:scale var(--duration-fast) var(--ease-in-out), opacity var(--duration-fast) var(--ease-in-out);position:absolute;top:50%;left:50%;overflow:clip;-webkit-mask-image:linear-gradient(#0000 0,#000 20% 80%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 20% 80%,#0000 100%)}.CraftColumnPill-module__8ynDfq__track{flex-direction:column;align-items:center;display:flex}.CraftColumnPill-module__8ynDfq__radio{padding-block:var(--space-2xs);color:var(--surface-page);font-family:var(--font-mono);font-size:var(--pill-label-size);line-height:var(--line-height-label-small);letter-spacing:0;text-align:center;font-variant-numeric:tabular-nums;opacity:.45;cursor:inherit;transition:opacity var(--duration-fast) var(--ease-standard);background:0 0;border:0}@media (hover:hover) and (pointer:fine){.CraftColumnPill-module__8ynDfq__radio:hover{opacity:.75}}.CraftColumnPill-module__8ynDfq__radio[data-active]{opacity:1}:is(html[data-command-palette-open] .CraftColumnPill-module__8ynDfq__band,html[data-craft-room-open] .CraftColumnPill-module__8ynDfq__band){visibility:hidden}@media (max-width:1023px),(max-aspect-ratio:4/5){.CraftColumnPill-module__8ynDfq__band{display:none}}@media (prefers-contrast:more){.CraftColumnPill-module__8ynDfq__radio{opacity:.7}.CraftColumnPill-module__8ynDfq__tick{opacity:.6}}