.dcv{--dur:32.5s;--wb-blue:#3a74b4;--wb-red:#cf443d;--wb-green:#2f8a5b;--wb-note:#f3d268;--wb-ink:#0f1420;width:100%;color:var(--wb-ink);margin:0}.dcv .tilt{transform-origin:38%;transform:perspective(1500px)scale(.93)rotateY(-9deg)rotateX(1.5deg)}@media (max-width:560px){.dcv .tilt{transform:perspective(1200px)rotateY(-4deg)}}.dcv .frame{background:linear-gradient(#e4e7e9,#c3c7ca 45%,#d3d6d8 55%,#b0b4b8);border-radius:5px;padding:10px;position:relative;box-shadow:inset 0 1px #f6f7f8,inset 0 -1px #8f9498,0 26px 44px -26px #3c2d1499,0 2px 5px #3c2d142e}.dcv .board{background:linear-gradient(112deg,#0000 30%,#ffffffd9 41%,#0000 52%),linear-gradient(#f9faf8,#f3f4f1);border-radius:2px;padding:14px 18px 8px;position:relative;box-shadow:inset 0 0 0 1px #a9adb1,inset 0 3px 10px #2828281a}.dcv .corner{background:linear-gradient(135deg,#9da2a6,#7c8185);border-radius:4px;width:17px;height:17px;position:absolute;box-shadow:inset 0 1px #ffffff59}.dcv .corner:first-of-type{top:-2px;left:-2px}.dcv .corner:nth-of-type(2){top:-2px;right:-2px}.dcv .corner:nth-of-type(3){bottom:-2px;left:-2px}.dcv .corner:nth-of-type(4){bottom:-2px;right:-2px}.dcv .tray{background:linear-gradient(#e2e5e7,#a3a7ab);border-radius:0 0 4px 4px;width:62%;height:11px;margin:0 auto;position:relative;box-shadow:inset 0 1px #f6f7f8,0 8px 12px -7px #281e0a8c}.dcv .pen{background:linear-gradient(90deg,var(--c)0 24%,#f5f5f2 24% 86%,var(--c)86%);border-radius:3px;width:60px;height:9px;position:absolute;bottom:9px;box-shadow:0 2px 2px -1px #00000059,inset 0 -2px #0000001a}.dcv .eraser{background:linear-gradient(#3c4047 0 62%,#dcd8cf 62%);border-radius:2px;width:46px;height:14px;position:absolute;bottom:9px;right:9%;box-shadow:0 2px 2px -1px #00000059}.dcv .brand{color:var(--wb-ink);letter-spacing:-.2px;opacity:.8;z-index:1;align-items:center;gap:5px;font-size:13px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:9px;right:14px}.dcv .brand img{width:auto;height:14px;display:block}.dcv svg{width:100%;height:auto;display:block;overflow:visible}.dcv text{fill:var(--wb-blue);font-family:var(--dcv-hand),"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:21px;font-weight:600}.dcv text.sm{font-size:18px}.dcv .mk{fill:none;stroke:var(--wb-blue);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.dcv .mk.card{fill:#f7f8f5}.dcv .mk.ok{stroke:var(--wb-green);stroke-width:3.2px}.dcv .mk.no{stroke:var(--wb-red);stroke-width:3.2px}.dcv .note rect{fill:var(--wb-note)}.dcv .note text{fill:var(--wb-ink);font-size:19px}.dcv .dot{fill:var(--wb-blue)}.dcv .ring{transform-box:fill-box;transform-origin:50%}.dcv .draw{stroke-dasharray:1;stroke-dashoffset:1px}.dcv .anim{animation-duration:var(--dur);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused;animation-fill-mode:both}.dcv.play .anim{animation-play-state:running}.dcv .caps{text-align:center;height:3em;margin-top:26px;position:relative}.dcv .caps p{color:var(--wb-ink);letter-spacing:-.4px;text-wrap:balance;margin:0;font-size:clamp(17px,2.8vw,21px);font-weight:700;line-height:1.25;position:absolute;inset:0}.dcv .dotT,.dcv .dotD{fill:var(--wb-blue)}.dcv .dotT{animation-name:dcv-dotT}@keyframes dcv-dotT{0%,1.6%{opacity:0;transform:translate(100px,58px)}2.4%{opacity:1;transform:translate(100px,58px)}4.8%{opacity:1;transform:translate(120px,89px)}5.6%,to{opacity:0;transform:translate(120px,89px)}}.dcv .dotD{animation-name:dcv-dotD}@keyframes dcv-dotD{0%,2.4%{opacity:0;transform:translate(110px,144px)}3.2%{opacity:1;transform:translate(110px,144px)}5.6%{opacity:1;transform:translate(120px,104px)}6.4%,to{opacity:0;transform:translate(120px,104px)}}.dcv .r1{animation-name:dcv-r1}@keyframes dcv-r1{0%,7.2%{opacity:0}8.8%,96%{opacity:1}to{opacity:0}}.dcv .r2{animation-name:dcv-r2}@keyframes dcv-r2{0%,9.6%{opacity:0}11.2%,96%{opacity:1}to{opacity:0}}.dcv .r3{animation-name:dcv-r3}@keyframes dcv-r3{0%,12%{opacity:0}13.6%,96%{opacity:1}to{opacity:0}}.dcv .m0{animation-name:dcv-m0}@keyframes dcv-m0{0%,24%{stroke-dashoffset:1px;opacity:0}24.8%{stroke-dashoffset:1px;opacity:1}27.2%,96%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.dcv .dot{offset-path:path("M152 120 C152 262 406 272 406 204");offset-rotate:0deg;animation-name:dcv-dot}@keyframes dcv-dot{0%,39.2%{offset-distance:0%;opacity:0}40%{offset-distance:0%;opacity:1}44%{offset-distance:100%;opacity:1}44.8%,to{offset-distance:100%;opacity:0}}.dcv .arch{animation-name:dcv-arch}@keyframes dcv-arch{0%,38.4%{stroke-dashoffset:1px;opacity:0}39.2%{stroke-dashoffset:1px;opacity:1}40%,96%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.dcv .arc{animation-name:dcv-arc}@keyframes dcv-arc{0%,35.2%{stroke-dashoffset:1px;opacity:0}36%{stroke-dashoffset:1px;opacity:1}39.2%,96%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.dcv .m1{animation-name:dcv-m1}@keyframes dcv-m1{0%,45.6%{stroke-dashoffset:1px;opacity:0}46.4%{stroke-dashoffset:1px;opacity:1}48%,96%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.dcv .m2{animation-name:dcv-m2}@keyframes dcv-m2{0%,48.8%{stroke-dashoffset:1px;opacity:0}49.6%{stroke-dashoffset:1px;opacity:1}51.2%,96%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.dcv .m3{animation-name:dcv-m3}@keyframes dcv-m3{0%,52%{stroke-dashoffset:1px;opacity:0}52.8%{stroke-dashoffset:1px;opacity:1}54.4%,96%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.dcv .r4{fill:var(--wb-red);animation-name:dcv-r4}@keyframes dcv-r4{0%,58.4%{opacity:0}62.1%,96%{opacity:1}to{opacity:0}}.dcv .circle{animation-name:dcv-circle}@keyframes dcv-circle{0%,64.5%{stroke-dashoffset:1px;opacity:0}65.7%{stroke-dashoffset:1px;opacity:1}70.6%,96%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.dcv .reviewer{animation-name:dcv-rev}@keyframes dcv-rev{0%,16.8%{opacity:.3}19.2%,32.8%{opacity:1}35.2%,66.9%{opacity:.3}70.6%,96%{opacity:1}to{opacity:.3}}.dcv .ring{animation-name:dcv-ring}@keyframes dcv-ring{0%,19.2%{opacity:0;transform:scale(1)}20%{opacity:.8;transform:scale(1)}24.8%{opacity:0;transform:scale(1.5)}25.6%,70.6%{opacity:0;transform:scale(1)}71.8%{opacity:.8;transform:scale(1)}82.6%,to{opacity:0;transform:scale(1.5)}}.dcv .c1{animation-name:dcv-c1}@keyframes dcv-c1{0%,.8%{opacity:0}2.4%,15.2%{opacity:1}16.8%,to{opacity:0}}.dcv .c2{animation-name:dcv-c2}@keyframes dcv-c2{0%,17.6%{opacity:0}19.2%,33.6%{opacity:1}35.2%,to{opacity:0}}.dcv .c3{animation-name:dcv-c3}@keyframes dcv-c3{0%,36%{opacity:0}37.6%,54.4%{opacity:1}56%,to{opacity:0}}.dcv .c4{animation-name:dcv-c4}@keyframes dcv-c4{0%,56%{opacity:0}58.4%,71.8%{opacity:1}74.9%,to{opacity:0}}.dcv .c5{animation-name:dcv-c5}@keyframes dcv-c5{0%,74.9%{opacity:0}78.8%,96%{opacity:1}to{opacity:0}}.dcv .fb{animation-name:dcv-fb}@keyframes dcv-fb{0%,73%{stroke-dashoffset:1px;opacity:0}74.9%{stroke-dashoffset:1px;opacity:1}82.6%,96%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.dcv .fbh{animation-name:dcv-fbh}@keyframes dcv-fbh{0%,80.7%{stroke-dashoffset:1px;opacity:0}82.6%{stroke-dashoffset:1px;opacity:1}84.5%,96%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.dcv .fbtext{fill:var(--wb-green);animation-name:dcv-fbtext}@keyframes dcv-fbtext{0%,84.5%{opacity:0}88.3%,96%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.dcv .anim{animation:none}.dcv .draw{stroke-dashoffset:0}.dcv .dot,.dcv .dotT,.dcv .dotD,.dcv .ring{opacity:0}.dcv .caps{height:auto}.dcv .caps p{margin-bottom:4px;font-size:15px;position:static}}