.category-stripe.svelte-1lzgmlu{isolation:isolate;width:100%;min-height:58px;color:var(--color-ink);background:var(--color-paper-raised);box-shadow:var(--shadow-small);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 69px 6px 23px;transition:box-shadow .18s cubic-bezier(.2,.7,.2,1),transform .18s cubic-bezier(.2,.7,.2,1);display:grid;position:relative;overflow:visible}.category-copy.svelte-1lzgmlu,.category-count.svelte-1lzgmlu,.category-progress.svelte-1lzgmlu{z-index:2;position:relative}.category-copy.svelte-1lzgmlu{min-width:0}.category-name.svelte-1lzgmlu{isolation:isolate;width:fit-content;font-size:var(--text-base);-webkit-text-stroke:1.35px var(--color-paper-raised);paint-order:stroke fill;font-weight:600;line-height:1.2;display:block;position:relative}.category-name.svelte-1lzgmlu:after{z-index:-1;background:color-mix(in srgb, var(--category-color) 20%, transparent);content:"";height:48%;position:absolute;bottom:0;left:-5px;right:-8px;transform:rotate(-.7deg)}li:nth-child(2n) .category-name.svelte-1lzgmlu:after{transform:rotate(.7deg)}.category-note.svelte-1lzgmlu{color:var(--color-ink-muted);font-family:var(--font-annotation);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;line-height:1.2;display:block;overflow:hidden}.category-count.svelte-1lzgmlu{grid-template-columns:minmax(var(--category-count-width,4ch), max-content) auto minmax(var(--category-count-width,4ch), max-content);font-family:var(--font-data);font-size:var(--text-xs);white-space:nowrap;align-items:baseline;column-gap:.45ch;display:grid}.category-count.svelte-1lzgmlu>:where(.svelte-1lzgmlu):first-child{text-align:right}.category-count.svelte-1lzgmlu>:where(.svelte-1lzgmlu):last-child{text-align:left}.category-slash.svelte-1lzgmlu{color:var(--category-color);text-align:center}.category-ribbon.svelte-1lzgmlu{z-index:0;width:calc(var(--size-ribbon-width) + 8px);color:var(--color-ribbon-foreground);background:var(--category-color);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,8px 50%);place-items:center;padding-left:8px;transition:filter .18s cubic-bezier(.2,.7,.2,1),transform .18s cubic-bezier(.2,.7,.2,1);display:grid;position:absolute;top:5px;bottom:5px;right:-8px}.category-ribbon.svelte-1lzgmlu .category-icon{width:22px;height:22px;transition:transform .18s cubic-bezier(.2,.7,.2,1)}.paper-edge-mask.svelte-1lzgmlu{display:none}.category-progress.svelte-1lzgmlu{background:color-mix(in srgb, var(--category-color) 13%, transparent);height:2px;position:absolute;bottom:0;left:0;right:0}.category-progress.svelte-1lzgmlu i:where(.svelte-1lzgmlu){width:var(--category-progress-percent);background:var(--category-color);height:100%;transition:width .3s ease-out;display:block}.category-stripe--complete.svelte-1lzgmlu{background:color-mix(in srgb, var(--color-paper-raised) 96%, var(--color-progress-complete))}.category-stripe--complete.svelte-1lzgmlu .category-ribbon:where(.svelte-1lzgmlu):after{background:linear-gradient(to top right, transparent 46%, var(--color-ribbon-fill) 48% 57%, transparent 59%) top / 9px 50% no-repeat, linear-gradient(to bottom right, transparent 46%, var(--color-ribbon-fill) 48% 57%, transparent 59%) bottom / 9px 50% no-repeat;content:"";width:9px;position:absolute;top:0;bottom:0;left:0}.category-stripe.svelte-1lzgmlu:is(:where(.svelte-1lzgmlu):active,:where(.svelte-1lzgmlu):focus-visible){z-index:3;box-shadow:var(--shadow-medium);outline:2px solid var(--category-color);outline-offset:2px;transform:translateY(-1px)}.category-stripe.svelte-1lzgmlu:is(:where(.svelte-1lzgmlu):active,:where(.svelte-1lzgmlu):focus-visible) .category-ribbon:where(.svelte-1lzgmlu){filter:drop-shadow(var(--shadow-ribbon));transform:translate(-3px)}.category-stripe.svelte-1lzgmlu:is(:where(.svelte-1lzgmlu):active,:where(.svelte-1lzgmlu):focus-visible) .category-ribbon:where(.svelte-1lzgmlu) .category-icon{transform:rotate(-4deg)}@media (hover:hover){.category-stripe.svelte-1lzgmlu:hover{z-index:3;box-shadow:var(--shadow-medium);outline:2px solid var(--category-color);outline-offset:2px;transform:translateY(-1px)}.category-stripe.svelte-1lzgmlu:hover .category-ribbon:where(.svelte-1lzgmlu){filter:drop-shadow(var(--shadow-ribbon));transform:translate(-3px)}.category-stripe.svelte-1lzgmlu:hover .category-ribbon:where(.svelte-1lzgmlu) .category-icon{transform:rotate(-4deg)}}@media (width>=701px) and (height>=501px){.category-stripe.svelte-1lzgmlu{min-height:60px;padding-right:20px}.category-ribbon.svelte-1lzgmlu{right:calc(-1 * var(--size-ribbon-width));width:var(--size-ribbon-width);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%);padding-left:0}.paper-edge-mask.svelte-1lzgmlu{z-index:1;background:inherit;width:8px;display:block;position:absolute;inset:0 0 0 auto}.category-stripe.svelte-1lzgmlu:is(:where(.svelte-1lzgmlu):active,:where(.svelte-1lzgmlu):focus-visible) .category-ribbon:where(.svelte-1lzgmlu){transform:translate(3px)}@media (hover:hover){.category-stripe.svelte-1lzgmlu:hover .category-ribbon:where(.svelte-1lzgmlu){transform:translate(3px)}}.category-stripe--complete.svelte-1lzgmlu .category-ribbon:where(.svelte-1lzgmlu):after{background:linear-gradient(to top left, transparent 46%, var(--color-ribbon-fill) 48% 57%, transparent 59%) top / 9px 50% no-repeat, linear-gradient(to bottom left, transparent 46%, var(--color-ribbon-fill) 48% 57%, transparent 59%) bottom / 9px 50% no-repeat;left:auto;right:0}}.category-stripe--mobile-ribbon.svelte-1lzgmlu{padding-right:69px}.category-stripe--mobile-ribbon.svelte-1lzgmlu .category-ribbon:where(.svelte-1lzgmlu){width:calc(var(--size-ribbon-width) + 8px);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,8px 50%);padding-left:8px;right:-8px}.category-stripe--mobile-ribbon.svelte-1lzgmlu .paper-edge-mask:where(.svelte-1lzgmlu){display:none}@media (hover:hover) and (prefers-reduced-motion:no-preference){.category-stripe--complete.svelte-1lzgmlu:is(:where(.svelte-1lzgmlu):hover,:where(.svelte-1lzgmlu):focus-visible) .category-ribbon:where(.svelte-1lzgmlu):after{animation:.65s ease-out svelte-1lzgmlu-gold-leaf-glint}}@keyframes svelte-1lzgmlu-gold-leaf-glint{0%,to{filter:brightness()}45%{filter:brightness(1.65)}}@media (prefers-reduced-motion:reduce){.category-stripe.svelte-1lzgmlu,.category-ribbon.svelte-1lzgmlu,.category-ribbon.svelte-1lzgmlu .category-icon,.category-progress.svelte-1lzgmlu i:where(.svelte-1lzgmlu){transition-duration:.01ms}.category-stripe.svelte-1lzgmlu:is(:where(.svelte-1lzgmlu):hover,:where(.svelte-1lzgmlu):active,:where(.svelte-1lzgmlu):focus-visible),.category-stripe.svelte-1lzgmlu:is(:where(.svelte-1lzgmlu):hover,:where(.svelte-1lzgmlu):active,:where(.svelte-1lzgmlu):focus-visible) .category-ribbon:where(.svelte-1lzgmlu),.category-stripe.svelte-1lzgmlu:is(:where(.svelte-1lzgmlu):hover,:where(.svelte-1lzgmlu):active,:where(.svelte-1lzgmlu):focus-visible) .category-ribbon:where(.svelte-1lzgmlu) .category-icon{transform:none}}