.week-calendar{--week-hour:24px;--week-line:16px;--week-gap:3px;--week-inset:1px;--week-gutter:2.25rem;--week-head:1.75rem}@container week (min-width: 48rem){.week-calendar{--week-hour:30px;--week-line:18px;--week-gap:5px;--week-inset:2px;--week-gutter:3.25rem}}@media (height < 40rem){.week-calendar{--week-hour:24px;--week-line:16px}}.week-days{--week-rule:color-mix(in oklch,var(--border) 60%,transparent);height:calc(var(--week-span) * var(--week-hour));border-bottom:1px solid var(--week-rule);background-image:linear-gradient(to bottom,var(--week-rule) 1px,transparent 1px),linear-gradient(to right,var(--week-rule) 1px,transparent 1px);background-size:100% var(--week-hour),calc(100% / var(--week-days)) 100%}.week-hatch{background-color:color-mix(in oklch,var(--muted) 60%,transparent);background-image:repeating-linear-gradient(-45deg,color-mix(in oklch,var(--muted-foreground) 12%,transparent) 0 1px,transparent 1px 6px)}.dark .week-hatch{background-image:repeating-linear-gradient(-45deg,color-mix(in oklch,var(--muted-foreground) 18%,transparent) 0 1px,transparent 1px 6px)}.week-icon{color:color-mix(in oklch,var(--warning) 75%,var(--foreground))}.week-block{clip-path:inset(0);transition-property:translate,height,clip-path,opacity;transition-duration:.65s,.65s,.45s,.3s;transition-timing-function:var(--ease-in-out),var(--ease-in-out),var(--ease-out),var(--ease-out);transition-delay:var(--week-delay,0s)}.week-block[data-shown=false]{clip-path:inset(0 0 100% 0);opacity:0;transition-delay:0s}.week-layer{transition:opacity .5s var(--ease-in-out) var(--week-delay,0s)}.week-text{transition:opacity .22s var(--ease-out) var(--week-delay,0s)}.week-text[data-active=true]{transition-duration:.3s;transition-delay:calc(var(--week-delay, 0s) + .38s)}.week-block[data-grows] .week-text[data-active=true]{transition-delay:calc(var(--week-delay, 0s) + .15s)}.week-thumb{transition:translate .2s var(--ease-out)}.week-fade{transition:opacity .2s var(--ease-out)}.week-fade[data-active=true]{transition-duration:.3s;transition-delay:.3s}.week-payoff .week-fade[data-active=true]{transition-delay:.6s}.week-everywhere{position:absolute;top:calc(var(--week-head) + .3 * var(--week-hour));left:calc(var(--week-gutter) + (100% - var(--week-gutter)) / var(--week-days));width:calc((100% - var(--week-gutter)) * 3 / var(--week-days));display:flex;flex-direction:column;align-items:center;pointer-events:none}.week-object{--week-x:0px;--week-from-x:0px;--week-from-y:0.75rem;width:min(calc(100% - 1rem),15rem);rotate:var(--week-tilt,0deg);translate:var(--week-x) 0;transition:opacity .35s var(--ease-out),translate .5s var(--ease-out),scale .5s var(--ease-out);transition-delay:var(--week-object-delay,0s)}.week-object+.week-object{margin-top:-.25rem}.week-object[data-object=event]{--week-tilt:-1.5deg;--week-x:-0.25rem;--week-object-delay:1250ms}.week-object[data-object=reminder]{--week-tilt:1.5deg;--week-x:0.25rem;--week-object-delay:1325ms}.week-object[data-object=chat]{--week-tilt:-1deg;--week-x:-0.125rem;--week-object-delay:1400ms}.week-everywhere[data-shown=false] .week-object{opacity:0;scale:.9;translate:calc(var(--week-x) + var(--week-from-x)) var(--week-from-y);transition-duration:.2s;transition-delay:0s}.week-pen{display:none}@media (min-width:82.5rem){.week:not([data-contained]) .week-everywhere{inset:0;width:auto;display:block}.week:not([data-contained]) .week-object{--week-x:0px;--week-from-y:0px;--week-out:calc(-13.5rem + 1.25rem - 1.5rem - 1px);position:absolute;width:13.5rem}.week:not([data-contained]) .week-object+.week-object{margin-top:0}.week:not([data-contained]) .week-object[data-object=event]{--week-tilt:2deg;--week-from-x:-2rem;right:var(--week-out);top:calc(var(--week-head) + 8.1 * var(--week-hour))}.week:not([data-contained]) .week-object[data-object=reminder]{--week-tilt:-2deg;--week-from-x:2rem;left:var(--week-out);top:calc(var(--week-head) + 6.4 * var(--week-hour))}.week:not([data-contained]) .week-object[data-object=chat]{--week-tilt:1.5deg;--week-from-x:2rem;left:var(--week-out);top:calc(var(--week-head) + .3 * var(--week-hour))}.week:not([data-contained]) .week-pen{display:block;position:absolute;right:-11rem;top:calc(var(--week-head) + 11.4 * var(--week-hour));transition:opacity .3s var(--ease-out) 1.55s}.week:not([data-contained]) .week-everywhere[data-shown=false] .week-pen{opacity:0;transition-duration:.15s;transition-delay:0s}}@media (prefers-reduced-motion:no-preference){.week-payoff .pen[data-state=drawn] path{animation-duration:.7s;animation-delay:.9s}.week-pen .pen[data-state=drawn] path{animation-duration:.5s;animation-delay:1.6s}}@media (prefers-reduced-motion:reduce){.week-fade,.week-text,.week-thumb{transition-property:none!important}.week-block,.week-fade[data-active=true],.week-layer,.week-object,.week-pen,.week-text[data-active=true]{transition-property:opacity!important;transition-duration:.2s!important;transition-timing-function:var(--ease-out)!important;transition-delay:0s!important}}@media (prefers-reduced-motion:no-preference){.works-with[data-reveal=armed] .works-with-item{opacity:0}.works-with[data-reveal=shown] .works-with-item{animation:works-with-rise .42s var(--ease-out) calc(var(--works-with-i, 0) * 30ms) both}}@keyframes works-with-rise{0%{opacity:0;translate:0 6px}}