.ch-header{transition:transform .7s var(--ease-out-expo)}.ch-header[data-hidden=true]{transform:translateY(-110%)}.ch-span{background:linear-gradient(var(--color-ink), var(--color-ink)) left bottom / 100% 1px no-repeat, linear-gradient(var(--color-ink), var(--color-ink)) left bottom / 1px 5px no-repeat, linear-gradient(var(--color-ink), var(--color-ink)) right bottom / 1px 5px no-repeat}.ch-uline{position:relative}.ch-uline:after{content:"";transform-origin:100%;height:1px;transition:transform .45s var(--ease-out-expo);background:currentColor;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.ch-uline:hover:after,.ch-uline:focus-visible:after{transform-origin:0;transform:scaleX(1)}.ch-live{position:relative}.ch-live:after{content:"";animation:ch-ping 2.4s var(--ease-out-expo) infinite;background:currentColor;position:absolute;inset:0}@keyframes ch-ping{0%{opacity:.5;transform:scale(1)}70%,to{opacity:0;transform:scale(2.4)}}.ch-sheet{transition:clip-path .7s var(--ease-out-expo), visibility .7s}.ch-sheet[data-open=false]{clip-path:inset(0 0 100%);visibility:hidden;pointer-events:none}.ch-sheet[data-open=true]{clip-path:inset(0);visibility:visible}.ch-grid{z-index:-1;pointer-events:none;position:fixed;inset:0}.ch-grid>div{height:100%}.ch-grid-col{border-left:1px solid color-mix(in oklab, var(--color-rule) 55%, transparent);transform-origin:top;height:100%}.ch-grid-col:nth-child(4){border-right:1px solid color-mix(in oklab, var(--color-rule) 55%, transparent)}.ch-grid-col:nth-child(n+5){display:none}@media (min-width:48rem){.ch-grid-col:nth-child(4){border-right:0}.ch-grid-col:nth-child(-n+8){display:block}.ch-grid-col:nth-child(8){border-right:1px solid color-mix(in oklab, var(--color-rule) 55%, transparent)}}@media (min-width:64rem){.ch-grid-col:nth-child(8){border-right:0}.ch-grid-col:nth-child(n){display:block}.ch-grid-col:nth-child(12){border-right:1px solid color-mix(in oklab, var(--color-rule) 55%, transparent)}}.ch-grid[data-drawing] .ch-grid-col{animation:ch-draw .9s var(--ease-lock) both;animation-delay:calc(var(--i) * 45ms)}@keyframes ch-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.ch-ruler{border-bottom:1px solid var(--color-ink);background:repeating-linear-gradient(to right, var(--color-ink) 0 1px, transparent 1px 64px) left bottom / 100% 9px no-repeat, repeating-linear-gradient(to right, var(--color-rule-strong) 0 1px, transparent 1px 8px) left bottom / 100% 4px no-repeat;height:9px}.ch-crosshair{pointer-events:none;mix-blend-mode:difference;color:#fff;opacity:0;transition:opacity .3s var(--ease-out-quart);position:absolute;inset:0}.ch-wordmark:not([data-crosshair]) .ch-crosshair{display:none}.ch-wordmark:hover .ch-crosshair{opacity:1}.ch-crosshair:before,.ch-crosshair:after{content:"";background:#fff;position:absolute}.ch-crosshair:before{height:1px;transform:translateY(var(--y,0px));top:0;left:0;right:0}.ch-crosshair:after{width:1px;transform:translateX(var(--x,0px));top:0;bottom:0;left:0}.ch-readout{transform:translate(calc(var(--x,0px) + 8px), calc(var(--y,0px) + 8px));white-space:nowrap;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.ch-header,.ch-uline:after,.ch-sheet{transition-duration:.01ms!important}.ch-header[data-hidden=true]{transform:none}.ch-live:after,.ch-grid[data-drawing] .ch-grid-col{animation:none!important}}