.bg-grid-pattern{background-image:linear-gradient(90deg,#efefef6f 1px,#0000 0),linear-gradient(#efefef6f 1px,#0000 0);background-size:20px 20px}.board-sticky-note{filter:drop-shadow(0 0 1px #0000001a)drop-shadow(0 2px 5px #00000014)drop-shadow(0 10px 20px #0000001a);border-radius:1px}.board-sticky-note--yellow{background-color:#efe29a;background-image:radial-gradient(90% 55% at 50% -12%,#ffffff57,#0000 58%)}.board-sticky-note--sage{background-color:#b2dcc8;background-image:radial-gradient(90% 55% at 50% -12%,#ffffff5c,#0000 58%)}.board-sticky-note:before{pointer-events:none;content:"";border-radius:inherit;mix-blend-mode:multiply;opacity:.45;background-image:repeating-linear-gradient(0deg,#00000005 0,#0000 1px 3px),repeating-linear-gradient(90deg,#00000003 0,#0000 1px 4px);position:absolute;inset:0}.board-sticky-note:after{pointer-events:none;content:"";border-radius:inherit;background:linear-gradient(#0000,#0000000a);height:22%;position:absolute;bottom:0;left:0;right:0}.board-sticky-note-tape{background:linear-gradient(#ffffff9e 0%,#ffffff61 100%);border:1px solid #ffffff8c;width:44px;height:14px;transform:rotate(-2deg);box-shadow:0 1px 2px #0000000f}.board-desk-object{--board-desk-rotate:0deg;filter:drop-shadow(0 1px 1px #0000000f)drop-shadow(0 3px 8px #0000001a);transform:rotate(var(--board-desk-rotate));transition:filter .22s ease-out,transform .22s ease-out}.board-desk-object:hover{--board-desk-rotate-hover-adjust:0deg;filter:drop-shadow(0 2px 2px #00000014)drop-shadow(0 5px 14px #00000024);transform:rotate(calc(var(--board-desk-rotate) + var(--board-desk-rotate-hover-adjust,0deg)))}.board-desk-tack{transition:transform .2s ease-out}.board-desk-object:hover .board-desk-tack,.board-desk-tack:hover{transform:translateY(-.5px)}.board-desk-object--static,.board-desk-object--static:hover{--board-desk-rotate-hover-adjust:0deg;filter:drop-shadow(0 1px 1px #0000000f)drop-shadow(0 3px 8px #0000001a);transform:rotate(var(--board-desk-rotate));transition:none}.board-desk-object--static.board-desk-tack:hover,.board-desk-object--static:hover .board-desk-tack{transform:rotate(var(--board-desk-rotate))}@keyframes board-hero-cursor-drift-1{0%,to{transform:translate(0)}40%{transform:translate(5px,-7px)}70%{transform:translate(-2px,-4px)}}@keyframes board-hero-cursor-drift-2{0%,to{transform:translate(0)}35%{transform:translate(-6px,3px)}65%{transform:translate(-3px,7px)}}@keyframes board-hero-cursor-drift-3{0%,to{transform:translate(0)}50%{transform:translate(7px,4px)}}@keyframes board-hero-cursor-drift-4{0%,to{transform:translate(0)}30%{transform:translate(-4px,-5px)}60%{transform:translate(4px,6px)}85%{transform:translate(-5px,2px)}}@keyframes board-hero-cursor-drift-5{0%,to{transform:translate(0)}45%{transform:translate(3px,6px)}75%{transform:translate(-6px,-3px)}}.board-hero-cursor-drift-1{animation:3.1s ease-in-out infinite board-hero-cursor-drift-1}.board-hero-cursor-drift-2{animation:4.6s ease-in-out .35s infinite board-hero-cursor-drift-2}.board-hero-cursor-drift-3{animation:2.7s ease-in-out .7s infinite board-hero-cursor-drift-3}.board-hero-cursor-drift-4{animation:5.2s ease-in-out .15s infinite board-hero-cursor-drift-4}.board-hero-cursor-drift-5{animation:3.9s ease-in-out 1s infinite board-hero-cursor-drift-5}@media (prefers-reduced-motion:reduce){.board-hero-cursor-drift-1,.board-hero-cursor-drift-2,.board-hero-cursor-drift-3,.board-hero-cursor-drift-4,.board-hero-cursor-drift-5{animation:none}}