.dp-det{background:#fff;border-radius:24px;box-shadow:inset 0 0 0 1px var(--line),0 30px 60px -40px rgba(16,16,60,.35);display:grid;gap:20px;margin-top:48px;padding:20px;position:relative}.dp-det__h{align-items:center;border-bottom:1px dashed var(--lav-d);display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;padding-bottom:16px}.dp-det__t{color:var(--ink);font-size:19px;font-weight:600;line-height:1.3;margin:0}.dp-det__m{align-items:center;color:var(--muted);display:inline-flex;font:500 13px/1.3 var(--mono);gap:10px}.dp-det__io{align-items:center;display:grid;gap:14px}.dp-det__in{display:grid;font:500 14px/1.4 var(--mono);margin:0}.dp-det__in div{border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:9px 12px}.dp-det__in div:nth-child(odd){background:var(--band)}.dp-det__in dt{color:var(--muted);font-weight:inherit}.dp-det__in dd{color:var(--navy);font-weight:600;margin:0;text-align:right}.dp-det__mid{align-items:center;display:flex;flex-direction:column}.dp-det__wire{background:radial-gradient(circle,var(--green) 2.5px,transparent 3px) 50% 0/8px 24px repeat-y,linear-gradient(var(--lav-d),var(--lav-d)) 50% 0/2px 100% no-repeat;height:18px;width:8px}.dp-det__run{align-items:center;background:var(--navy);border:0;border-radius:12px;color:#fff;cursor:pointer;display:none;font:600 15px/1.2 var(--f);gap:10px;letter-spacing:0;margin:0;min-height:46px;padding:11px 20px 11px 16px;text-transform:none;transition:background-color .2s,box-shadow .2s;white-space:nowrap}.dp-det.is-js .dp-det__run{display:inline-flex}.dp-det__run:focus,.dp-det__run:hover{background:var(--navy-d);box-shadow:0 10px 24px -10px rgba(0,0,130,.7);color:#fff}.dp-det__run .i{color:var(--lime);fill:currentColor;height:16px;stroke:none;width:16px}.dp-det__out{align-items:center;display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr)}.dp-det__doc{background:#fff;border-radius:8px;box-shadow:inset 0 0 0 1.5px var(--lav-d),0 12px 24px -14px rgba(16,16,60,.45);display:flex;flex-direction:column;gap:7px;height:98px;overflow:hidden;padding:14px 11px;position:relative;width:76px}.dp-det__doc i{background:var(--lav-d);border-radius:3px;display:block;height:5px;transform-origin:left}.dp-det__doc i:first-child{background:var(--navy);width:62%}.dp-det__doc i:nth-child(3){width:84%}.dp-det__doc i:nth-child(5){width:48%}.dp-det__ok{background:var(--lime) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27%23000082%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273.2%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27m6 12.5 4 4 8-9%27/%3E%3C/svg%3E") center/13px no-repeat;border-radius:50%;bottom:7px;height:24px;position:absolute;right:7px;width:24px}.dp-det__doc:after{background:linear-gradient(transparent,rgba(155,226,0,.55));content:"";height:30%;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}.dp-det__log{display:grid;font:500 13px/1.4 var(--mono);gap:6px;list-style:none;margin:0;padding:0}.dp-det__log li{align-items:center;background:var(--band);border-radius:8px;color:var(--ink);display:flex;flex-wrap:wrap;gap:2px 12px;padding:8px 12px}.dp-det__log li:first-child{background:var(--lav)}.dp-det__log code{background:none;color:var(--navy);font:inherit;font-weight:600;padding:0}.dp-det__log em{color:#3f6100;font-style:normal;margin-left:auto}@media (min-width:600px){.dp-det{padding:28px}}@media (min-width:760px){.dp-det__io{gap:24px;grid-template-columns:minmax(0,1fr) auto minmax(0,1.15fr)}.dp-det__mid{flex-direction:row}.dp-det__wire{background:radial-gradient(circle,var(--green) 2.5px,transparent 3px) 0 50%/24px 8px repeat-x,linear-gradient(var(--lav-d),var(--lav-d)) 0 50%/100% 2px no-repeat;height:8px;width:24px}}@media (min-width:1000px){.dp-det{margin-top:56px}}@keyframes dp-det-y{to{background-position:50% 24px,50% 0}}@keyframes dp-det-x{to{background-position:24px 50%,0 50%}}@keyframes dp-det-bar{0%{transform:scaleX(0)}}@keyframes dp-det-pop{0%{opacity:0;scale:.5}}@keyframes dp-det-scan{0%{opacity:1;transform:translateY(-100%)}to{opacity:1;transform:translateY(340%)}}@keyframes dp-det-row{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:no-preference){.dp-det .dp-led{animation:dp-blink 1.6s ease-in-out infinite}.dp-det__wire{animation:dp-det-y 1s linear infinite}.dp-det__doc.is-go i{animation:dp-det-bar .5s var(--ease) both}.dp-det__doc.is-go i:nth-child(2){animation-delay:.08s}.dp-det__doc.is-go i:nth-child(3){animation-delay:.16s}.dp-det__doc.is-go i:nth-child(4){animation-delay:.24s}.dp-det__doc.is-go i:nth-child(5){animation-delay:.32s}.dp-det__doc.is-go .dp-det__ok{animation:dp-det-pop .45s .6s var(--ease) both}.dp-det__doc.is-go:after{animation:dp-det-scan .9s ease-in-out}.dp-det__log li:first-child{animation:dp-det-row .35s var(--ease)}}@media (prefers-reduced-motion:no-preference) and (min-width:760px){.dp-det__wire{animation-name:dp-det-x}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.dp-det{view-timeline:--dp-det}.dp-det__doc i{animation:dp-det-bar linear both;animation-range:entry 60% cover 40%;animation-timeline:--dp-det}.dp-det__ok{animation:dp-det-pop linear both;animation-range:cover 38% cover 46%;animation-timeline:--dp-det}}}