.ticks{--tick:12px;--tick-off:5px;--tick-color:var(--color-ink);position:relative}@media (min-width:48rem){.ticks{--tick:16px;--tick-off:7px}}.ticks:after{content:"";inset:calc(var(--tick-off) * -1);pointer-events:none;background:linear-gradient(var(--tick-color), var(--tick-color)) left top / var(--tick) 1px, linear-gradient(var(--tick-color), var(--tick-color)) left top / 1px var(--tick), linear-gradient(var(--tick-color), var(--tick-color)) right top / var(--tick) 1px, linear-gradient(var(--tick-color), var(--tick-color)) right top / 1px var(--tick), linear-gradient(var(--tick-color), var(--tick-color)) left bottom / var(--tick) 1px, linear-gradient(var(--tick-color), var(--tick-color)) left bottom / 1px var(--tick), linear-gradient(var(--tick-color), var(--tick-color)) right bottom / var(--tick) 1px, linear-gradient(var(--tick-color), var(--tick-color)) right bottom / 1px var(--tick);background-repeat:no-repeat;position:absolute}.snap-row::-webkit-scrollbar{display:none}.snap-row>*{scroll-snap-align:start}.film-drawn path{stroke-width:11px}@media (min-width:64rem) and (min-height:34rem){.stack-card{--stack-n:0;top:calc(var(--header-h) + 1rem + var(--stack-n) * .875rem);position:sticky}}.diary-steps [data-current]{background:var(--color-accent)}