.dp-stage{border-radius:var(--surface-radius);background:#f4f4f4;margin:1.75em 0 .75em;padding:24px;overflow:hidden}.dark .dp-stage{background:var(--surface)}@media (max-width:640px){.dp-stage{padding:12px}}.dp-stage:not(.rt-play) *,.dp-stage:not(.rt-play) :before,.dp-stage:not(.rt-play) :after{animation-play-state:paused!important}.dp-canvas{font-family:var(--font-dp-body), ui-sans-serif, system-ui, sans-serif;letter-spacing:normal;color:#141414;font-weight:400;line-height:1.3;position:relative;overflow:hidden}:where(.dp-canvas) p{color:inherit}.dp-canvas p{margin:0}.dp-card{background:#fff;border:1px solid #e3e3e3;border-radius:16px;position:absolute;inset:0}.dp-skel{background:#ececec;border-radius:4px;height:8px;display:block}.dp-skel-dark{background:#d4d4d4}.dp-skel-logo{border-radius:6px;flex:none;width:26px;height:26px}.dp-swap{display:inline-grid}.dp-swap>span{grid-area:1/1}.dp-swap>.s2,.dp-swap>.s3{opacity:0}.dp-chev{flex:none;width:12px;height:12px}.dp-logo{font-family:var(--font-dp-display), ui-sans-serif, sans-serif;color:#141414;font-size:26px;line-height:1}.dp-logo span{color:#fff;background:#2f6fdb;border-radius:6px;margin-left:3px;padding:1px 6px 3px}.dp-counter{justify-content:space-between;align-items:center;padding:0 44px;display:flex}.dp-counter-label,.dp-counter-meta{color:#555;font-size:20px}.dp-count{font-family:var(--font-dp-display), ui-sans-serif, sans-serif;font-size:68px;line-height:1;display:flex;margin:6px 0!important}.dp-digit{height:1em;display:block;overflow:hidden}.dp-digit-strip{flex-direction:column;animation:8s infinite dp-roll;display:flex}.dp-digit-strip>span{height:1em;line-height:1;display:block}.dp-digit:nth-child(2) .dp-digit-strip{animation-delay:80ms}.dp-digit:nth-child(3) .dp-digit-strip{animation-delay:.16s}@keyframes dp-roll{0%,4%{animation-timing-function:cubic-bezier(.2,.7,.2,1);transform:translateY(0)}26%,93%{transform:translateY(calc(var(--to) * -1em))}96%,to{transform:translateY(0)}}.dp-bars{align-items:flex-end;gap:16px;height:150px;display:flex}.dp-bar-col{flex-direction:column;align-items:center;gap:8px;width:56px;height:100%;display:flex}.dp-bar-value,.dp-bar-day{color:#555;font-size:18px}.dp-bar-value{opacity:0;animation:8s infinite dp-value-in;animation-delay:calc(var(--i) * .15s)}.dp-today{color:#141414;font-weight:500}.dp-bar-track{flex:1;align-items:flex-end;width:100%;display:flex}.dp-bar{width:100%;height:var(--h);background:var(--heat);transform-origin:bottom;animation:8s infinite dp-grow;animation-delay:calc(var(--i) * .15s);border-radius:6px;transform:scaleY(0)}@keyframes dp-grow{0%,4%{animation-timing-function:cubic-bezier(.34,1.14,.64,1);transform:scaleY(0)}20%,92%{transform:scaleY(1)}97%,to{transform:scaleY(0)}}@keyframes dp-value-in{0%,16%{opacity:0;transform:translateY(4px)}22%,92%{opacity:1;transform:none}96%,to{opacity:0}}.dp-wires{width:100%;height:100%;position:absolute;inset:0}.dp-wire,.dp-packet{fill:none;stroke-width:2px}.dp-wire{stroke:#d9d9d9}.dp-packet{stroke-width:3px;stroke-linecap:round;stroke-dasharray:14 200;stroke-dashoffset:14px;animation:2.1s linear infinite dp-packet}.dp-packet-out{stroke:#2f6fdb}@keyframes dp-packet{0%{stroke-dashoffset:14px;opacity:1}80%{stroke-dashoffset:-100px;opacity:1}81%,to{stroke-dashoffset:-100px;opacity:0}}.dp-source{width:150px;height:44px;font-family:var(--font-dp-display), ui-sans-serif, sans-serif;background:#fff;border:1px solid #e3e3e3;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-size:20px;display:flex;position:absolute;left:40px}.dp-source-mark{width:26px;height:26px;font-family:var(--font-dp-body), ui-sans-serif, sans-serif;color:#fff;border-radius:6px;place-items:center;font-size:15px;font-weight:700;display:grid}.dp-hub{background:#f4f4f4;border:1px solid #e3e3e3;border-radius:12px;justify-content:center;align-items:center;width:140px;height:76px;display:flex;position:absolute;top:112px;left:300px}.dp-hub-ports{background:repeating-linear-gradient(90deg,#9a9a9a 0 7px,#0000 7px 24px);height:7px;position:absolute;top:-7px;left:18px;right:18px}.dp-hub-ports-bottom{top:auto;bottom:-7px}.dp-hub-label{text-align:center;color:#666;font-size:13px;position:absolute;top:calc(100% + 16px);left:0;right:0}.dp-board{flex-direction:column;gap:10px;width:196px;height:220px;padding:12px;display:flex;inset:40px auto auto 500px}.dp-board-row{opacity:0;border:1px solid #ececec;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.dp-board-row:first-child{animation:6s infinite dp-row0}.dp-board-row:nth-child(2){animation:6s infinite dp-row1}.dp-board-row:nth-child(3){animation:6s infinite dp-row2}.dp-board-row:nth-child(4){animation:6s infinite dp-row3}@keyframes dp-row0{0%,14%{opacity:0;transform:translateY(-6px)}20%,90%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes dp-row1{0%,30%{opacity:0;transform:translateY(-6px)}36%,90%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes dp-row2{0%,46%{opacity:0;transform:translateY(-6px)}52%,90%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes dp-row3{0%,62%{opacity:0;transform:translateY(-6px)}68%,90%{opacity:1;transform:none}96%,to{opacity:0}}.dp-board-lines{flex-direction:column;flex:1;gap:6px;display:flex}.dp-filter>*{position:absolute}.dp-filter-title{letter-spacing:-.02em;font-size:28px;font-weight:600;top:22px;left:28px}.dp-filter-sub{width:300px;height:10px;top:66px;left:28px}.dp-search{color:#999;border:1px solid #ddd;border-radius:8px;align-items:center;width:540px;height:40px;padding:0 14px;font-size:15px;display:flex;top:92px;left:28px}.dp-search-btn,.dp-show,.dp-apply{color:#fff;background:#0073e6;font-weight:600}.dp-search-btn{border-radius:8px;place-items:center;width:112px;height:40px;font-size:15px;display:grid;top:92px;left:580px}.dp-pill{color:#222;background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:34px;font-size:14px;display:flex;top:146px}.dp-pill-sen{animation:14s step-end infinite dp-pill-sen}.dp-pill-ind{animation:14s step-end infinite dp-pill-ind}@keyframes dp-pill-sen{0%{color:#222;background:#fff;border-color:#ddd}25%{color:#fff;background:#141414;border-color:#141414}94%{color:#222;background:#fff;border-color:#ddd}}@keyframes dp-pill-ind{0%{color:#222;background:#fff;border-color:#ddd}57%{color:#fff;background:#141414;border-color:#141414}94%{color:#222;background:#fff;border-color:#ddd}}.dp-pill-sen .dp-swap>.s1{animation:14s step-end infinite dp-off25}.dp-pill-sen .dp-swap>.s2{animation:14s step-end infinite dp-on25}.dp-pill-ind .dp-swap>.s1{animation:14s step-end infinite dp-off57}.dp-pill-ind .dp-swap>.s2{animation:14s step-end infinite dp-on57}@keyframes dp-off25{0%{opacity:1}25%{opacity:0}94%{opacity:1}}@keyframes dp-on25{0%{opacity:0}25%{opacity:1}94%{opacity:0}}@keyframes dp-off57{0%{opacity:1}57%{opacity:0}94%{opacity:1}}@keyframes dp-on57{0%{opacity:0}57%{opacity:1}94%{opacity:0}}.dp-count-roles{color:#555;font-size:15px;top:194px;left:28px}.dp-count-roles .dp-swap>.s1{animation:14s step-end infinite dp-off25}.dp-count-roles .dp-swap>.s2{animation:14s step-end infinite dp-n3}.dp-count-roles .dp-swap>.s3{animation:14s step-end infinite dp-on57}@keyframes dp-n3{0%{opacity:0}25%{opacity:1}57%{opacity:0}}.dp-roles{flex-direction:column;height:296px;display:flex;top:224px;left:28px;right:28px;overflow:hidden}.dp-role{border:1px solid #e6e6e6;border-radius:8px;flex:none;align-items:center;gap:12px;height:52px;margin-bottom:8px;padding:0 14px;display:flex;overflow:hidden}.dp-role-lines{flex-direction:column;flex:1;gap:7px;display:flex}.dp-tag{color:#333;background:#f0f0f0;border-radius:6px;padding:3px 8px;font-size:12px}.dp-apply{border-radius:6px;padding:6px 12px;font-size:12px}.dp-keep-0{animation:14s step-end infinite dp-hide25}.dp-keep-1{animation:14s step-end infinite dp-hide57}@keyframes dp-hide25{0%{opacity:1;border-width:1px;height:52px;margin-bottom:8px}25%{opacity:0;border-width:0;height:0;margin-bottom:0}94%{opacity:1;border-width:1px;height:52px;margin-bottom:8px}}@keyframes dp-hide57{0%{opacity:1;border-width:1px;height:52px;margin-bottom:8px}57%{opacity:0;border-width:0;height:0;margin-bottom:0}94%{opacity:1;border-width:1px;height:52px;margin-bottom:8px}}.dp-menu{z-index:2;opacity:0;visibility:hidden;background:#fff;border:1px solid #ddd;border-radius:10px;flex-direction:column;width:210px;padding:8px 12px;display:flex;top:186px;box-shadow:0 8px 24px #0000001f}.dp-menu-sen{animation:14s step-end infinite dp-menu-sen}.dp-menu-ind{animation:14s step-end infinite dp-menu-ind}@keyframes dp-menu-sen{0%{opacity:0;visibility:hidden}9%{opacity:1;visibility:visible}25%{opacity:0;visibility:hidden}}@keyframes dp-menu-ind{0%{opacity:0;visibility:hidden}41%{opacity:1;visibility:visible}57%{opacity:0;visibility:hidden}}.dp-option{align-items:center;gap:10px;height:30px;font-size:14px;display:flex}.dp-checkbox{border:1.5px solid #9a9a9a;border-radius:4px;width:16px;height:16px;position:relative}.dp-checkbox:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.dp-check-sen{animation:14s step-end infinite dp-check-sen}.dp-check-ind{animation:14s step-end infinite dp-check-ind}.dp-check-sen:after{animation:14s step-end infinite dp-tick-sen}.dp-check-ind:after{animation:14s step-end infinite dp-tick-ind}@keyframes dp-check-sen{0%{background:0 0;border-color:#9a9a9a}17%{background:#141414;border-color:#141414}94%{background:0 0;border-color:#9a9a9a}}@keyframes dp-check-ind{0%{background:0 0;border-color:#9a9a9a}49%{background:#141414;border-color:#141414}94%{background:0 0;border-color:#9a9a9a}}@keyframes dp-tick-sen{0%{opacity:0}17%{opacity:1}94%{opacity:0}}@keyframes dp-tick-ind{0%{opacity:0}49%{opacity:1}94%{opacity:0}}.dp-show{border-radius:8px;place-items:center;height:32px;margin-top:8px;font-size:14px;display:grid}.dp-show-sen{animation:14s step-end infinite dp-press-sen}.dp-show-ind{animation:14s step-end infinite dp-press-ind}@keyframes dp-press-sen{0%{background:#0073e6}23.5%{background:#005bb8}25%{background:#0073e6}}@keyframes dp-press-ind{0%{background:#0073e6}55.5%{background:#005bb8}57%{background:#0073e6}}.dp-cursor{z-index:3;pointer-events:none;transform-origin:2px 2px;filter:drop-shadow(0 2px 3px #00000040);opacity:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='24' viewBox='0 0 20 24'%3E%3Cpath d='M2 2 L2 19 L6.5 15 L9.5 22 L12.5 20.7 L9.6 14 L16 14 Z' fill='%23111' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;width:20px;height:24px;margin:-2px 0 0 -2px;animation:14s infinite dp-cursor;top:0;left:0}@keyframes dp-cursor{0%,3%{opacity:0;transform:translate(600px,430px)scale(1)}4%{opacity:1;animation-timing-function:ease-in-out;transform:translate(600px,430px)scale(1)}8%{transform:translate(190px,161px)scale(1)}8.5%{transform:translate(190px,161px)scale(.92)}9.5%,11%{animation-timing-function:ease-in-out;transform:translate(190px,161px)scale(1)}16%{transform:translate(148px,237px)scale(1)}16.5%{transform:translate(148px,237px)scale(.92)}17.5%,19%{animation-timing-function:ease-in-out;transform:translate(148px,237px)scale(1)}23%{transform:translate(231px,336px)scale(1)}23.5%{transform:translate(231px,336px)scale(.92)}24.5%,26%{animation-timing-function:ease-in-out;transform:translate(231px,336px)scale(1)}32%{animation-timing-function:ease-in-out;transform:translate(420px,330px)scale(1)}40%{transform:translate(322px,161px)scale(1)}40.5%{transform:translate(322px,161px)scale(.92)}41.5%,43%{animation-timing-function:ease-in-out;transform:translate(322px,161px)scale(1)}48%{transform:translate(284px,237px)scale(1)}48.5%{transform:translate(284px,237px)scale(.92)}49.5%,51%{animation-timing-function:ease-in-out;transform:translate(284px,237px)scale(1)}55%{transform:translate(367px,336px)scale(1)}55.5%{transform:translate(367px,336px)scale(.92)}56.5%,58%{opacity:1;animation-timing-function:ease-in-out;transform:translate(367px,336px)scale(1)}64%{opacity:1;transform:translate(600px,430px)scale(1)}66%,to{opacity:0;transform:translate(600px,430px)scale(1)}}@media (prefers-reduced-motion:reduce){.dp-stage *,.dp-stage :before,.dp-stage :after{animation:none!important}.dp-digit-strip{transform:translateY(calc(var(--to) * -1em))}.dp-bar{transform:none}.dp-bar-value,.dp-board-row{opacity:1}.dp-packet,.dp-cursor{display:none}.dp-pill-sen,.dp-pill-ind{color:#fff;background:#141414;border-color:#141414}.dp-pill-sen .dp-swap>.s1,.dp-pill-ind .dp-swap>.s1,.dp-count-roles .dp-swap>.s1{opacity:0}.dp-pill-sen .dp-swap>.s2,.dp-pill-ind .dp-swap>.s2,.dp-count-roles .dp-swap>.s3{opacity:1}.dp-keep-0,.dp-keep-1{display:none}}