.dns-filter-art{isolation:isolate;background:#e8edef;border-radius:9px;margin:32px 0;padding:25px;position:relative;overflow:hidden}.dns-filter-art>img{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.dns-filter-path-panel{background:#fffffff2;border:1px solid #fff;border-radius:8px;overflow:hidden}.dns-filter-caption{color:#6b7963;border-bottom:1px solid #e5e8df;align-items:center;gap:9px;padding:17px 20px;font-size:12px;display:flex}.dns-filter-path{grid-template-columns:1fr .65fr 1.4fr;align-items:center;gap:15px;padding:30px 20px;display:grid}.dns-filter-path>div{text-align:center;flex-direction:column;align-items:center;gap:11px;display:flex}.dns-filter-path strong{font-size:14px;font-weight:500}.dns-filter-path span,.dns-filter-path code{color:#747d6b;font-size:11px}.dns-filter-path small{color:#8b9382;font-size:10px}.dns-filter-connection svg{color:#6d9060}.dns-filter-result{color:#576c4b;background:#f3f6ef;justify-content:center;align-items:center;gap:9px;padding:16px;font-size:12px;line-height:1.7;display:flex}.dns-filter-result>svg{flex-shrink:0}.dns-filter-art figcaption{color:#555f4c;background:#ffffffe6;border-radius:4px;margin:15px auto 0;padding:6px 10px;font-size:10px;line-height:1.7;display:table}.dns-filter-settings{background:#fff;border:1px solid #dedfd8;border-radius:8px;margin:30px 0;overflow:hidden}.dns-filter-settings-head{background:#fafbf8;border-bottom:1px solid #e7e9df;align-items:center;gap:10px;padding:20px 24px;display:flex}.dns-filter-settings-head strong{font-size:15px;font-weight:500}.dns-filter-settings-head>span{color:#858c7a;margin-left:auto;font-size:10px}.dns-filter-settings dl{margin:0;padding:10px 24px}.dns-filter-settings dl>div{grid-template-columns:1fr 1.4fr;align-items:baseline;gap:20px;padding:16px 0;display:grid}.dns-filter-settings dl>div+div{border-top:1px solid #efefe9}.dns-filter-settings dt{color:#777e6d;font-size:13px}.dns-filter-settings dd{margin:0;font-size:14px}.dns-filter-settings small{color:#89907f;margin-top:7px;font-size:11px;display:block}.dns-filter-off{background:#f0f1eb;border-radius:4px;padding:3px 9px;font-size:11px;display:inline-block}.dns-filter-settings>p{color:#737b69;margin:0;padding:14px 24px 22px;font-size:12px;line-height:1.8}@media (width<=600px){.dns-filter-art{padding:16px}.dns-filter-path{grid-template-columns:1fr;gap:22px;padding:24px 15px}.dns-filter-connection svg{transform:rotate(90deg)}.dns-filter-settings-head{padding:17px}.dns-filter-settings dl{padding:8px 17px}.dns-filter-settings dl>div{gap:12px}.dns-filter-settings>p{padding:12px 17px 20px}}