.wb-hero .wb-board-wrap.wb-rendered>.wb-board[role=img]{background-color:#fafaf8;border-color:#0000;border-image:;border-radius:5px}.wb-hero .wb-board-wrap.wb-rendered>.wb-board:before{content:"";z-index:2;pointer-events:none;background:url(/images/whiteboard-3d/frame.webp) 50%/100% 100% no-repeat;position:absolute;inset:-7px}.dark .wb-hero .wb-board-wrap.wb-rendered>.wb-board[role=img]{background-color:var(--wb-surface)}.dark .wb-rendered>.wb-board:before{filter:brightness(.65)}.wb-hero .wb-board-wrap.wb-rendered .wb-tray{width:92%;height:23px;box-shadow:none;background:url(/images/whiteboard-3d/tray.webp) 50%/100% 100% no-repeat;border-radius:0;margin-top:-1px}.wb-hero .wb-board-wrap.wb-rendered .wb-marker{width:78px;height:13px;box-shadow:none;background:url(/images/whiteboard-3d/markers.webp) 0 0/100% 600% no-repeat;border:0;border-radius:0;transition:none}.wb-hero .wb-board-wrap.wb-rendered .wb-marker:after{content:none}.wb-hero .wb-board-wrap.wb-rendered .wb-marker[data-marker=blue]{background-position-y:20%}.wb-hero .wb-board-wrap.wb-rendered .wb-marker[data-marker=green]{background-position-y:40%}.wb-hero .wb-board-wrap.wb-rendered .wb-marker[data-marker=coral]{background-position-y:60%}.wb-hero .wb-board-wrap.wb-rendered .wb-marker[data-marker=violet]{background-position-y:80%}.wb-hero .wb-board-wrap.wb-rendered .wb-tray .wb-marker{aspect-ratio:6;background-position-y:100%;width:78px;max-width:28%;height:auto;top:1px;left:16%}.wb-hero .wb-board-wrap.wb-rendered .wb-eraser{width:65px;height:25px;box-shadow:none;background:url(/images/whiteboard-3d/eraser.webp) 50%/contain no-repeat;border-radius:0}.wb-hero .wb-board-wrap.wb-rendered .wb-tray .wb-eraser{width:17%;height:18px;top:-2px;right:14%}.wb-hero .wb-rendered .wb-marker:before,.wb-hero .wb-rendered .wb-eraser:before{inset:-8px -6px}.wb-hero .wb-board-wrap.wb-rendered .wb-float__marker,.wb-hero .wb-board-wrap.wb-rendered .wb-float__eraser{filter:drop-shadow(0 5px 3px #1c1f2447)}.wb-rendered.wb-holding:active .wb-float__eraser{box-shadow:none}.wb-gen .wb-gen-wrap.wb-rendered>.wb-board{border-color:#0000;border-image:;border-radius:5px}.wb-gen .wb-gen-wrap.wb-rendered>.wb-board:before{content:"";z-index:2;pointer-events:none;border:12px solid #0000;border-image:url(/images/whiteboard-3d/frame.webp) 30/12px;position:absolute;inset:-7px}.wb-gen .wb-gen-wrap.wb-rendered .wb-tray{width:92%;height:23px;box-shadow:none;background:url(/images/whiteboard-3d/tray.webp) 50%/100% 100% no-repeat;border-radius:0;margin-top:-1px}.dark .wb-gen .wb-gen-wrap.wb-rendered .wb-tray{filter:brightness(.65)}.wb-gen .wb-gen-wrap.wb-rendered .wb-tray .wb-marker{aspect-ratio:6;width:78px;max-width:28%;height:auto;box-shadow:none;background:url(/images/whiteboard-3d/markers.webp) 0 100%/100% 600% no-repeat;border:0;border-radius:0;top:1px;left:16%}.wb-gen .wb-gen-wrap.wb-rendered .wb-tray .wb-marker:after{content:"";width:auto;height:auto;box-shadow:none;background:url(/images/whiteboard-3d/markers.webp) 100% 100% / 526.3% 600% no-repeat, var(--wb-active,var(--cta-accent));background-blend-mode:luminosity;filter:brightness(1.75);border-radius:0;transition:background .5s;position:absolute;inset:0 0 0 81%;-webkit-mask:url(/images/whiteboard-3d/markers.webp) 100% 100%/526.3% 600% no-repeat;mask:url(/images/whiteboard-3d/markers.webp) 100% 100%/526.3% 600% no-repeat}.wb-gen .wb-gen-wrap.wb-rendered .wb-tray .wb-eraser{width:17%;height:18px;box-shadow:none;background:url(/images/whiteboard-3d/eraser.webp) 50%/contain no-repeat;border-radius:0;top:-2px;right:14%}