.postit{--rot:0deg;--bend:0deg;--scale:1;--rotmul:1;transform:translate3d(var(--px,0px), var(--py,0px), 0);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin:0;padding:0;display:inline-block;position:relative}.postit--drag{cursor:grab;touch-action:pan-y}.postit--drag[data-grabbing]{cursor:grabbing}.postit--toggle{cursor:pointer}.postit__paper{background:var(--color-postit);min-width:92px;min-height:68px;color:var(--color-postit-ink);text-align:center;transform:perspective(760px) rotate(calc(var(--rot) * var(--rotmul))) rotateX(var(--bend)) scale(var(--scale));transform-origin:50% 90%;transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:15px 22px;font-size:17px;font-weight:700;line-height:1.12;display:flex;box-shadow:4px 7px 16px #21140429,1px 2px 5px #2114041f}.postit[data-lifted]{--bend:-13deg;--scale:1.015;z-index:5}.postit[data-lifted] .postit__paper{box-shadow:6px 16px 30px #21140433,2px 4px 10px #21140424}.postit[data-grabbing]{--bend:-19deg;--scale:1.035;--rotmul:.3;z-index:20}.postit[data-grabbing] .postit__paper{box-shadow:12px 24px 48px #21140442,3px 7px 14px #21140429}.postit--num .postit__paper{flex-direction:column;gap:4px;min-width:132px;min-height:132px;padding:22px 20px}.postit__num{font-family:var(--font-serif);letter-spacing:-.01em;font-size:clamp(40px,4.4vw,58px);font-weight:700;line-height:1}.postit__cap{color:color-mix(in srgb, var(--color-postit-ink) 74%, transparent);font-size:13px;font-weight:700;line-height:1.25}.postit--toggle .postit__paper{opacity:.5;filter:saturate(.7);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), opacity .2s var(--ease-out), filter .2s var(--ease-out)}.postit--toggle[data-active]{--bend:-7deg;--scale:1.01}.postit--toggle[data-active] .postit__paper{opacity:1;filter:none}.postit--filter{cursor:pointer;touch-action:manipulation}.postit--filter[data-grabbing]{cursor:pointer}.postit--filter .postit__paper{--pf-bg:var(--color-orange);--pf-bg-on:var(--color-teal);--pf-ink:var(--color-cream);--pf-ink-on:var(--color-cream);letter-spacing:.01em;min-width:0;min-height:0;color:var(--pf-ink);background:var(--pf-bg);padding:8px clamp(12px,1.1vw,15px);font-size:clamp(12.5px,1.05vw,14px);box-shadow:3px 5px 12px #21140429,1px 2px 4px #2114041a}.postit--filter[data-active]{--bend:-7deg;--scale:1.03;z-index:6}.postit--filter[data-active] .postit__paper{background:var(--pf-bg-on);color:var(--pf-ink-on);box-shadow:5px 12px 24px #14282d42,2px 4px 9px #14282d26}.postit--filter:focus-visible{outline:none}.postit--filter:focus-visible .postit__paper{outline:2.5px solid var(--color-cream);outline-offset:3px}.postit--filter[data-disabled]{cursor:not-allowed}.postit--filter[data-disabled] .postit__paper{opacity:.26;filter:grayscale(.5);box-shadow:2px 3px 7px #2114041a}.postit--note .postit__paper{cursor:text;align-items:stretch;min-width:156px;min-height:120px;padding:13px 15px}.postit__note{resize:none;width:100%;font-family:var(--font-sans);color:var(--color-postit-ink);background:0 0;border:none;outline:none;font-size:15px;font-weight:600;line-height:1.32}.postit__note::placeholder{color:color-mix(in srgb, var(--color-postit-ink) 45%, transparent);font-weight:400}@media (prefers-reduced-motion:reduce){.postit{--rotmul:0}.postit__paper{transition:none}}.postit--red .postit__paper{background:var(--color-orange);color:var(--color-cream)}