.ddos-mit{--ddos-lane:#d7d1e1;--ddos-lane-clean:#763bd473;--ddos-pkt:#763bd4;--ddos-red:#e5484d;--ddos-orange:#e8a33d;--ddos-red-soft:#e5484d1a;--ddos-acc-soft:#6a33c81a}.dark .ddos-mit{--ddos-lane:#34313b;--ddos-lane-clean:#a77bf373;--ddos-pkt:#a77bf3;--ddos-red-soft:#e5484d29;--ddos-acc-soft:#a77bf324}.yh2.ddos-showcase{background:var(--yh-bg2)}.ddos-svg{width:100%;height:auto;overflow:visible}.ddos-svg text{fill:var(--yh-text);font-family:inherit}.ddos-svg .ddos-col{letter-spacing:.08em;fill:var(--yh-muted);font-size:10.5px;font-weight:500}.ddos-svg .ddos-node{fill:var(--yh-bg2);stroke:var(--yh-line);stroke-width:1px}.ddos-svg .ddos-src text,.ddos-svg .ddos-t{font-size:13px;font-weight:500}.ddos-svg .ddos-s,.ddos-svg .ddos-small{fill:var(--yh-muted);font-size:11px}.ddos-svg .ddos-ok{fill:var(--yh-green);font-size:11px;font-weight:500}.ddos-svg .ddos-sh-t{fill:#fff;font-size:15px;font-weight:500}.ddos-svg .ddos-sh-s{fill:#fff;opacity:.8;font-size:11px}.ddos-svg .ddos-sh-n{fill:#fff;font-size:12.5px;font-weight:600}.ddos-svg .ddos-prem{fill:var(--yh-accent);font-size:11px;font-weight:500}.ddos-ico{fill:none;stroke:var(--yh-accent);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.ddos-ico.is-inv{stroke:#fff}.ddos-okdot{fill:var(--yh-green)}.ddos-spark{fill:none;stroke:var(--yh-green);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.ddos-lane{fill:none;stroke:var(--ddos-lane);stroke-width:1.5px}.ddos-lane.is-clean{stroke:var(--ddos-lane-clean)}.ddos-lane.is-ix{stroke:var(--yh-muted);stroke-dasharray:4 4;opacity:.8}.ddos-shield{fill:var(--yh-primary)}.ddos-ring{fill:none;stroke:var(--ddos-orange);stroke-width:7px;stroke-linejoin:round;opacity:0;transition:opacity .3s var(--yh-ease)}.ddos-mit[data-ring] .ddos-ring{opacity:.42}.ddos-ix,.ddos-svg .ddos-prem{transition:opacity .3s var(--yh-ease)}.ddos-svg .ddos-prem,.ddos-mit[data-plan=premium] .ddos-ix{opacity:0}.ddos-mit[data-plan=premium] .ddos-svg .ddos-prem{opacity:1}.ddos-pkt{fill:var(--ddos-pkt);opacity:0;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}.ddos-mit[data-playing] .ddos-pkt{animation-play-state:running}.ddos-bp{opacity:0;animation-duration:.9s;animation-timing-function:cubic-bezier(.4,0,.9,.7);animation-fill-mode:both}.ddos-bp.is-r{fill:var(--ddos-red)}.ddos-bp.is-o{fill:var(--ddos-orange)}.ddos-ad{background:var(--yh-chip);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid;position:relative}.ddos-ad:before{content:"";background:var(--yh-muted);border-radius:50%;width:7px;height:7px}.ddos-ad>i{opacity:0;transition:opacity .25s var(--yh-ease);border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.ddos-ad>i:before{content:"";border-radius:50%;width:7px;height:7px}.ddos-ad>.is-red{background:var(--ddos-red-soft)}.ddos-ad>.is-red:before{background:var(--ddos-red)}.ddos-ad>.is-acc{background:var(--ddos-acc-soft)}.ddos-ad>.is-acc:before{background:var(--yh-accent)}.ddos-status[data-phase=detected] .is-red,.ddos-status[data-phase=filtered] .is-acc{opacity:1}.ddos-seg{background:var(--yh-chip);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.ddos-seg>button{height:30px;color:var(--yh-muted);transition:background-color .2s var(--yh-ease), color .2s var(--yh-ease), box-shadow .2s var(--yh-ease);border-radius:8px;padding:0 14px;font-size:13.5px;font-weight:500}.ddos-seg>button:hover{color:var(--yh-text)}.ddos-seg>button[aria-pressed=true]{background:var(--yh-card);color:var(--yh-text);box-shadow:0 1px 2px #14101e14,0 2px 8px #14101e0f}.ddos-ro{background:var(--yh-bg2);border-radius:12px;align-content:start;gap:2px;min-width:0;padding:12px 14px;display:grid}.ddos-ro>dt{color:var(--yh-muted);font-size:12px}.ddos-ro-v{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:8px;min-height:28px;font-size:20px;font-weight:500;display:flex}.ddos-ro-v.is-ok{color:var(--yh-green);font-size:16px}.ddos-ro-n{color:var(--yh-muted);font-size:11.5px;line-height:1.4}.ddos-flat{flex-shrink:0;width:64px;height:18px;overflow:hidden}.ddos-flat svg{width:128px;height:18px;animation:6s linear infinite paused ddos-scroll;display:block}.ddos-flat path{fill:none;stroke:var(--yh-green);stroke-width:1.5px;stroke-linecap:round}.ddos-mit[data-playing] .ddos-flat svg{animation-play-state:running}@keyframes ddos-scroll{to{transform:translate(-64px)}}.ddos-step{isolation:isolate;border-radius:14px;gap:12px;min-width:0;padding:12px;display:flex;position:relative}.ddos-step:before{content:"";z-index:-1;border-radius:inherit;background:var(--yh-tint);opacity:0;transition:opacity .35s var(--yh-ease);position:absolute;inset:0}.ddos-step>div>p:first-child{transition:color .35s var(--yh-ease)}.ddos-num{background:var(--yh-tint);width:30px;height:30px;color:var(--yh-accent);border-radius:8px;flex-shrink:0;place-items:center;font-size:13.5px;font-weight:600;display:grid;position:relative}.ddos-num:after{content:attr(data-n);border-radius:inherit;background:var(--yh-primary);color:#fff;opacity:0;transition:opacity .35s var(--yh-ease);place-items:center;display:grid;position:absolute;inset:0}.ddos-step[data-on]:before,.ddos-step[data-on] .ddos-num:after{opacity:1}.ddos-step[data-on]>div>p:first-child{color:var(--yh-accent)}.ddos-atk{background:var(--yh-bg2);border-radius:12px;gap:10px;min-width:0;padding:12px 14px;display:flex;position:relative}.ddos-atk:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--yh-accent);opacity:0;transition:opacity .3s var(--yh-ease);pointer-events:none;position:absolute;inset:0}.ddos-atk[data-on]:after{opacity:1}.ddos-plan{border:1px solid var(--yh-line);background:var(--yh-card);border-radius:20px;min-width:0;padding:22px;position:relative}@media (width>=768px){.ddos-plan{padding:26px 28px}}.ddos-plan:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--yh-accent);opacity:0;transition:opacity .3s var(--yh-ease);pointer-events:none;position:absolute;inset:-1px}.ddos-plan[data-active]:after{opacity:1}.ddos-cur{opacity:0;transition:opacity .3s var(--yh-ease)}.ddos-plan[data-active] .ddos-cur{opacity:1}.net-lat-pt{fill:var(--yh-card);stroke:var(--yh-accent);stroke-width:2px;transform-box:fill-box;transform-origin:50%;transition:opacity .3s var(--yh-ease), transform .45s var(--yh-ease)}.net-lat-pt[data-off]{opacity:0;transform:scale(.2)}.net-lat-line{fill:none;stroke:var(--yh-accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.net-lat-grid{stroke:var(--yh-line);stroke-width:1px;stroke-dasharray:3 4}.net-lat-med{stroke:var(--yh-accent);stroke-width:1px;opacity:.35;transition:opacity .3s var(--yh-ease)}.net-lat-verdict{transition:opacity .3s var(--yh-ease)}.net-lat-verdict[data-off]{opacity:0}.net-lat-chip[data-med]{color:var(--yh-accent);box-shadow:inset 0 0 0 1px var(--yh-accent);font-weight:500}.ddos-tile{border:1px solid var(--yh-line);background:var(--yh-card);cursor:pointer;min-width:0;min-height:56px;transition:border-color .2s var(--yh-ease);border-radius:12px;align-items:center;gap:10px;padding:10px 38px 10px 12px;font-size:13.5px;line-height:1.3;display:flex;position:relative}.ddos-tile:hover{border-color:var(--yh-accent)}.ddos-tile:before{content:"";border-radius:inherit;border:1px solid var(--yh-accent);background:var(--yh-tint);opacity:0;transition:opacity .2s var(--yh-ease);pointer-events:none;position:absolute;inset:-1px}.ddos-tile>:not(input){position:relative}.ddos-tile:has(input:checked):before{opacity:1}.ddos-tile:has(input:focus-visible){outline:2px solid var(--yh-accent);outline-offset:2px}.ddos-tile-ic{background:var(--yh-bg2);width:32px;height:32px;color:var(--yh-accent);transition:background-color .2s var(--yh-ease);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.ddos-tile:has(input:checked) .ddos-tile-ic{background:var(--yh-card)}.ddos-tile-ck{border:1.5px solid var(--yh-line);border-radius:50%;place-items:center;width:18px;height:18px;margin-top:-9px;display:grid;top:50%;right:11px;position:absolute!important}.ddos-tile-ck:after{content:"";background:var(--yh-primary);opacity:0;transition:opacity .2s var(--yh-ease), transform .3s var(--yh-ease);border-radius:50%;position:absolute;inset:-1.5px;transform:scale(.4)}.ddos-tile-ck>svg{z-index:1;color:#fff;opacity:0;transition:opacity .2s var(--yh-ease);position:relative}.ddos-tile:has(input:checked) .ddos-tile-ck:after{opacity:1;transform:none}.ddos-tile:has(input:checked) .ddos-tile-ck>svg{opacity:1}.ddos-tile:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:-1px;box-shadow:0 0 0 4px #763bd440}.ddos-tile[data-pulse]:after{animation:ddos-pulse .6s var(--yh-ease) 2}@keyframes ddos-pulse{35%{opacity:1}}.ddos-prog>span{background:var(--yh-chip);border-radius:4px;height:4px;overflow:hidden}.ddos-prog>span>i{border-radius:inherit;background:var(--yh-primary);transform-origin:0;height:100%;transition:transform .3s var(--yh-ease);display:block;transform:scaleX(0)}.ddos-prog>span>i[data-done]{transform:none}.ddos-field{border:1px solid var(--yh-line);background:var(--yh-bg);width:100%;min-width:0;color:var(--yh-text);transition:border-color .2s var(--yh-ease), box-shadow .2s var(--yh-ease);border-radius:10px;padding:10px 14px;font-size:14px;line-height:1.5}.ddos-field::-moz-placeholder{color:var(--yh-muted);opacity:.8}.ddos-field::placeholder{color:var(--yh-muted);opacity:.8}.ddos-field:focus{border-color:var(--yh-accent);outline:none;box-shadow:0 0 0 3px #763bd424}textarea.ddos-field{resize:vertical}.ddos-success>*{animation:ddos-rise .5s var(--yh-ease) both}.ddos-success>:nth-child(2){animation-delay:60ms}.ddos-success>:nth-child(3){animation-delay:.12s}.ddos-success>:nth-child(n+4){animation-delay:.18s}@keyframes ddos-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.ddos-mit .ddos-pkt,.ddos-flat svg{animation-play-state:paused!important}.ddos-bp{display:none}.ddos-ring,.ddos-ix,.ddos-svg .ddos-prem,.ddos-ad>i,.ddos-seg>button,.ddos-step:before,.ddos-step>div>p:first-child,.ddos-num:after,.ddos-atk:after,.ddos-plan:after,.ddos-cur,.net-lat-pt,.net-lat-med,.net-lat-verdict,.ddos-tile,.ddos-tile:before,.ddos-tile-ic,.ddos-tile-ck:after,.ddos-tile-ck>svg,.ddos-prog>span>i,.ddos-field{transition:none!important}.ddos-tile[data-pulse]:after,.ddos-success>*{animation:none!important}}