.whois-locked .columns-left,
.whois-locked .columns-centre {
    opacity: .5;
    pointer-events: none;
}

.whois-lookup-form {
    display: flex;
    margin-top: var(--global-spacing);
    overflow: hidden;
    transition: opacity .2s;
    background-color: var(--container-colour);
    border: 1px solid var(--container-border);
}
.whois-lookup-form-input {
    display: block;
    flex-grow: 1;
    flex-shrink: 1;
    padding: var(--global-spacing-2x);
    border: 0;
    border-radius: 0;
    background-color: var(--container-colour);
    color: var(--text-colour);
    font-size: var(--font-size);
    line-height: var(--line-height);
    font-family: var(--font-monospace);
}
.whois-lookup-form-submit {
    flex-grow: 0;
    flex-shrink: 0;
    font-family: inherit;
    background-color: var(--accent-colour2);
    color: var(--text-colour);
    border: 0;
    border-radius: 0;
    padding: var(--global-spacing) var(--global-spacing-2x);
    cursor: pointer;
    transition: background-color .2s;
}
.whois-lookup-form-submit:focus,
.whois-lookup-form-submit:hover {
    background-color: var(--accent-colour2-dark);
}
.whois-lookup-form-submit:active {
    background-color: var(--accent-colour2-darker);
}

.whois-result-container {
    margin-top: var(--global-spacing);
    background-color: var(--container-colour);
    border: 1px solid var(--container-border);
}

.whois-result {
    padding: var(--global-spacing) var(--global-spacing-2x);
    white-space: pre-wrap;
    font-family: var(--font-monospace);
    font-size: 14px;
    transition: opacity .2s;
    overflow: auto;
}

.whois-result-tabs {
    display: flex;
    overflow-x: auto;
    scrollbar-width: thin;
    background-color: var(--accent-colour2);
}
.whois-result-tab {
    color: inherit;
    padding: var(--global-spacing) var(--global-spacing-2x);
    font-size: 14px;
    cursor: pointer;
    display: block;
    text-decoration: none;
    transition: background-color .1s;
}
.whois-result-tab:hover,
.whois-result-tab:focus {
    background-color: var(--accent-colour2-dark);
}
.whois-result-tab:active {
    background-color: var(--accent-colour2-darker);
}
.whois-result-tab-active {
    background-color: var(--container-colour) !important;
}
.whois-result-tab-header {
    font-size: 1.3em;
    line-height: 1.2em;
}
.whois-result-tab-server {
    font-size: .9em;
    line-height: 1.2em;
    opacity: .6;
    white-space: pre-wrap;
    font-family: var(--font-monospace);
}