/* WebDig.DEV IP Info - front end. Override the custom properties in your theme to restyle. */
.webdig-dev-ipi{--webdig-dev-ipi-accent:#E81D38;--webdig-dev-ipi-border:rgba(127,127,127,.28);--webdig-dev-ipi-surface:rgba(127,127,127,.06);--webdig-dev-ipi-muted:inherit;--webdig-dev-ipi-radius:12px;--webdig-dev-ipi-copy-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 1H6a2 2 0 0 0-2 2v12h2V3h10V1zm3 4H10a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm0 16H10V7h9v14z'/%3E%3C/svg%3E");box-sizing:border-box;margin:1.5em 0;padding:clamp(16px,3vw,28px);border:1px solid var(--webdig-dev-ipi-border);border-radius:var(--webdig-dev-ipi-radius);font:inherit;color:inherit;max-width:100%}
.webdig-dev-ipi *,.webdig-dev-ipi *::before,.webdig-dev-ipi *::after{box-sizing:inherit}
.webdig-dev-ipi [hidden]{display:none!important}
.webdig-dev-ipi__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin:0 0 8px}
.webdig-dev-ipi__title{margin:0;padding:0;border:0;line-height:1.3}
.webdig-dev-ipi__actions{display:flex;flex-wrap:wrap;gap:8px}
.webdig-dev-ipi__button{font:inherit;font-size:.875em;font-weight:600;line-height:1.2;padding:.6em 1.1em;border:1px solid var(--webdig-dev-ipi-border);border-radius:8px;background:transparent;color:inherit;cursor:pointer;min-height:40px}
.webdig-dev-ipi__button:hover{border-color:var(--webdig-dev-ipi-accent);color:var(--webdig-dev-ipi-accent)}
.webdig-dev-ipi__button[data-copied="yes"]{border-color:#1f7a45;color:#1f7a45}
.webdig-dev-ipi__button:focus-visible,.webdig-dev-ipi__copy:focus-visible,.webdig-dev-ipi a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.webdig-dev-ipi__status{margin:0 0 18px;font-size:.875em;opacity:.8;min-height:1.5em}
.webdig-dev-ipi[data-state="error"] .webdig-dev-ipi__status{color:var(--webdig-dev-ipi-accent);opacity:1;font-weight:600}
.webdig-dev-ipi__groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.webdig-dev-ipi__group{background:var(--webdig-dev-ipi-surface);border-radius:calc(var(--webdig-dev-ipi-radius) - 4px);padding:16px 18px;min-width:0}
.webdig-dev-ipi__group-title{margin:0 0 10px;font-size:.8125em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.webdig-dev-ipi__list{margin:0}
.webdig-dev-ipi__row{padding:8px 0;border-top:1px solid var(--webdig-dev-ipi-border)}
.webdig-dev-ipi__row:first-child{border-top:0;padding-top:0}
.webdig-dev-ipi__label{margin:0 0 2px;font-size:.8125em;opacity:.75}
.webdig-dev-ipi__data{display:flex;align-items:flex-start;gap:8px;margin:0}
.webdig-dev-ipi__value{flex:1 1 auto;min-width:0;font-weight:600;overflow-wrap:anywhere;word-break:break-word;font-variant-numeric:tabular-nums}
.webdig-dev-ipi__value[data-placeholder]{font-weight:400;opacity:.7}
.webdig-dev-ipi__value a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.webdig-dev-ipi__copy{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-4px 0;padding:0;border:1px solid var(--webdig-dev-ipi-border);border-radius:7px;background:transparent;color:inherit;cursor:pointer}
.webdig-dev-ipi__icon{display:block;width:16px;height:16px;background-color:currentColor;-webkit-mask:var(--webdig-dev-ipi-copy-icon) center/16px 16px no-repeat;mask:var(--webdig-dev-ipi-copy-icon) center/16px 16px no-repeat;pointer-events:none}
.webdig-dev-ipi__copy:hover{color:var(--webdig-dev-ipi-accent);border-color:var(--webdig-dev-ipi-accent)}
.webdig-dev-ipi__copy[data-copied="yes"]{color:#1f7a45;border-color:#1f7a45}
.webdig-dev-ipi[data-state="loading"] .webdig-dev-ipi__value{color:transparent;border-radius:4px;background:linear-gradient(90deg,var(--webdig-dev-ipi-border) 0,var(--webdig-dev-ipi-surface) 50%,var(--webdig-dev-ipi-border) 100%);background-size:200% 100%;animation:webdig-dev-ipi-pulse 1.2s ease-in-out infinite;user-select:none}
.webdig-dev-ipi__note{margin:16px 0 0;font-size:.8125em;opacity:.75}
@keyframes webdig-dev-ipi-pulse{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.webdig-dev-ipi[data-state="loading"] .webdig-dev-ipi__value{animation:none}}
@media (max-width:480px){.webdig-dev-ipi__actions{width:100%}.webdig-dev-ipi__button{flex:1 1 0}}