.proc-board{left:calc(66 * var(--u));top:calc(62 * var(--u));width:calc(478 * var(--u));height:calc(274 * var(--u));background:var(--canvas-raised);position:absolute;transform:rotate(-3deg)}.proc-board-top{align-items:center;gap:calc(9 * var(--u));height:calc(54 * var(--u));padding:0 calc(20 * var(--u));border-bottom:1px solid var(--edge);font-size:calc(15 * var(--u));display:flex}.proc-board-logo{width:calc(26 * var(--u));height:calc(26 * var(--u));border-radius:calc(7 * var(--u));background:var(--teal-dim);color:var(--teal-light);place-items:center;font-weight:700;display:grid}.proc-board-menu{color:var(--ink-tertiary);margin-left:auto}.proc-columns{gap:calc(13 * var(--u));padding:calc(16 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.proc-ghost{height:calc(58 * var(--u));margin-top:calc(12 * var(--u));border:1px dashed var(--edge-strong);border-radius:calc(7 * var(--u));display:block}.proc-ghost-small{height:calc(24 * var(--u))}.proc-board-footer{left:calc(18 * var(--u));right:calc(18 * var(--u));bottom:calc(14 * var(--u));font-size:calc(11 * var(--u));color:var(--ink-secondary);justify-content:space-between;align-items:center;display:flex;position:absolute}.proc-avatars{display:flex}.proc-avatars i{width:calc(26 * var(--u));height:calc(26 * var(--u));margin-right:calc(-6 * var(--u));border:2px solid var(--canvas-raised);background:var(--teal-dim);color:var(--ink-primary);font-size:calc(9 * var(--u));border-radius:50%;place-items:center;font-style:normal;display:grid}.proc-paper{left:calc(20 * var(--u));top:calc(99 * var(--u));width:calc(151 * var(--u));height:calc(206 * var(--u));padding:calc(20 * var(--u));border-radius:calc(4 * var(--u));animation-name:proc-paper;position:absolute;transform:rotate(-12deg)}.proc-paper .ms-ico{width:calc(28 * var(--u));height:calc(28 * var(--u));margin-bottom:calc(12 * var(--u));color:var(--teal);display:block}.proc-paper b{margin:calc(8 * var(--u)) 0 calc(14 * var(--u));font-size:calc(23 * var(--u));line-height:1.1;display:block}.proc-paper>i{width:90%;height:calc(3 * var(--u));margin:calc(6 * var(--u)) 0;background:var(--ms-paper-line);display:block}.proc-paper>i:last-child{width:55%}.proc-task{left:calc(88 * var(--u));top:calc(142 * var(--u));width:calc(157 * var(--u));padding:calc(13 * var(--u));border:1px solid var(--teal);border-radius:calc(9 * var(--u));background:var(--canvas-overlay);box-shadow:var(--shadow-card-hover);color:var(--ink-primary);animation-name:proc-task;position:absolute}.proc-task-tag{padding:calc(4 * var(--u)) calc(6 * var(--u));border-radius:calc(4 * var(--u));background:var(--teal-dim);color:var(--teal-light);font-size:calc(10 * var(--u));letter-spacing:.06em;display:inline-block}.proc-task b{margin:calc(10 * var(--u)) 0;font-size:calc(13 * var(--u));display:block}.proc-task-check{align-items:center;gap:calc(5 * var(--u));margin-top:calc(5 * var(--u));font-size:calc(10 * var(--u));color:var(--ink-secondary);display:flex}.proc-task-check .ms-ico{width:calc(12 * var(--u));height:calc(12 * var(--u));color:var(--teal-light)}.proc-task-track{height:calc(4 * var(--u));margin-top:calc(12 * var(--u));border-radius:var(--radius-full);background:var(--edge-strong);display:block;overflow:hidden}.proc-task-track i{background:var(--teal-light);transform-origin:0;height:100%;animation-name:proc-progress;display:block}.proc-delivered{--ms-accent:var(--teal-light);left:calc(352 * var(--u));top:calc(80 * var(--u));animation-name:proc-delivered}.proc-support{left:calc(186 * var(--u));bottom:calc(20 * var(--u));padding-left:calc(16 * var(--u));font-weight:400;animation-name:proc-support}.proc-support i{width:calc(7 * var(--u));height:calc(7 * var(--u));background:var(--teal-light);border-radius:50%}@keyframes proc-paper{0%,to{opacity:0;transform:translate(calc(-25 * var(--u)), calc(20 * var(--u))) rotate(-18deg)}9%,25%{opacity:1;transform:rotate(-12deg)}38%,91%{opacity:.25;transform:translate(calc(-35 * var(--u)), calc(25 * var(--u))) rotate(-18deg)}96%{opacity:0;transform:translate(calc(-35 * var(--u)), calc(25 * var(--u))) rotate(-18deg)}}@keyframes proc-task{0%,16%,to{opacity:0;transform:translateY(calc(12 * var(--u))) rotate(-3deg)}24%,32%{opacity:1;transform:rotate(-3deg)}45%,60%{opacity:1;transform:translate(calc(147 * var(--u)), calc(-8 * var(--u))) rotate(-3deg)}73%,89%{opacity:1;transform:translate(calc(294 * var(--u)), calc(-16 * var(--u))) rotate(-3deg)}96%{opacity:0;transform:translate(calc(294 * var(--u)), calc(-16 * var(--u))) rotate(-3deg)}}@keyframes proc-progress{0%,25%{transform:scaleX(.08)}55%{transform:scaleX(.5)}72%,to{transform:scaleX(1)}}@keyframes proc-delivered{0%,69%,to{opacity:0;transform:translateY(calc(8 * var(--u))) scale(.95)}77%,92%{opacity:1;transform:none}97%{opacity:0;transform:none}}@keyframes proc-support{0%,78%,to{opacity:0;transform:translateY(calc(8 * var(--u)))}85%,93%{opacity:1;transform:none}}