.hd-tool__result{display:flex;flex-direction:column;align-items:center}.hd-tool__result .result{display:flex;flex-direction:column;align-items:center;gap:10px}.hd-tool__result .result .result-title{margin:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:10px;font-weight:700;font-size:2.25em;flex-wrap:wrap;justify-content:center;text-align:center}.hd-tool__result .result-title .result-status{display:inline-flex;padding:8px 16px 6px;color:var(--hd-color);background:#e3f2fd;border-radius:var(--hd-br--small);line-height:1;align-items:center;gap:8px}.hd-tool__result .result-title .result-status svg{width:34px;height:34px}.hd-tool__result .result-up .result-title .result-status{color:#388e3c;background:#c8e6c9}.hd-tool__result .result-down .result-title .result-status{color:#b71c1c;background:#ffcdd2}.result-status-message{font-size:1.5em;text-align:center;color:var(--hd-color-3)}.result-details{margin:10px 0 20px;width:100%;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:20px}.result-details .result-details__item{padding:10px 20px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;line-height:1.2;color:var(--hd-color-3);border:1px solid var(--hd-color-8);border-radius:var(--hd-br--small)}.result-details .result-details__item.ip-address{flex:1}.result-details .result-details__item .result-details__item-title{display:flex;flex-direction:row;align-items:center;gap:5px;font-weight:em;color:var(--hd-color-4)}.result-details .result-details__item .result-details__item-icon{width:auto;height:16px;color:var(--hd-color-6)}.result-details .result-details__item .result-details__item-value{font-weight:600;font-size:1.25em;color:var(--hd-color-1)}@media (max-width:760px){.result-details{margin:20px 0 60px;width:100%;gap:10px 20px}.result-details .result-details__item{flex:1 1;min-width:200px}}.hd-tool__result .error{width:95%;max-width:700px;display:flex;flex-direction:column;align-content:center;align-items:center;text-align:center;gap:12px;padding:20px 2.5%;margin:20px 5px;color:#b71c1c;background:#ffcdd2;border-radius:var(--hd-br--pill);font-weight:500;font-size:1em}