

#vt-domain-results,
#vt-domain-pricelist {
    --vt-domain-results-panel-start: rgba(9,19,46,0.96);
    --vt-domain-results-panel-end: rgba(5,13,34,0.98);
    --vt-domain-results-border: rgba(90,140,255,0.14);
    --vt-domain-results-shadow: rgba(0,0,0,0.26);
    --vt-domain-results-head-start: rgba(14,30,72,0.98);
    --vt-domain-results-head-end: rgba(10,22,56,0.98);
    --vt-domain-results-head-border: rgba(80,170,255,0.62);
    --vt-domain-results-text-strong: #fff;
    --vt-domain-results-text-default: rgba(255,255,255,0.78);
    --vt-domain-results-divider: rgba(255,255,255,0.05);
    --vt-domain-results-row-hover: rgba(255,255,255,0.025);
    --vt-domain-results-available-row-start: rgba(55,190,120,0.08);
    --vt-domain-results-available-row-end: rgba(55,190,120,0.015);
    --vt-domain-results-unavailable-row: rgba(255,255,255,0.015);
    --vt-domain-results-text-unavailable-strong: rgba(255,255,255,.58);
    --vt-domain-results-available-indicator: #53E08D;
    --vt-domain-results-available-glow: rgba(83,224,141,0.55);
    --vt-domain-results-unavailable-indicator: rgba(255,255,255,0.2);
    --vt-domain-results-text-unavailable: rgba(255,255,255,0.42);
    --vt-domain-results-price-text: rgba(255,255,255,0.82);
    --vt-domain-results-price-unavailable: rgba(255,255,255,0.34);
    --vt-domain-results-status-border: rgba(255,255,255,0.08);
    --vt-domain-results-status-text: rgba(255,255,255,0.56);
    --vt-domain-results-status-icon: rgba(255,255,255,0.38);
    --vt-domain-results-warning-surface: rgba(255,170,0,0.08);
    --vt-domain-results-warning-border: rgba(255,170,0,0.18);
    --vt-domain-results-warning-text: rgba(255,210,120,0.88);
    --vt-domain-results-neutral-surface: rgba(255,255,255,0.04);
    --vt-domain-results-neutral-text: rgba(255,255,255,0.45);
    --vt-domain-results-control-border: rgba(90,140,255,0.34);
    --vt-domain-results-control-surface: rgba(255,255,255,0.03);
    --vt-domain-results-control-border-hover: rgba(90,160,255,0.55);
    
    --vt-domain-results-pagination-border-hover: rgba(90,160,255,0.72);
    --vt-domain-results-control-surface-hover: rgba(255,255,255,0.06);
    --vt-domain-results-selection-start: #3B82F6;
    --vt-domain-results-selection-end: #2563EB;
    --vt-domain-results-selection-border: rgba(90,160,255,0.9);
    --vt-domain-results-focus-ring: rgba(59,130,246,0.14);
    --vt-domain-results-footer-start: rgba(8,18,46,0.72);
    --vt-domain-results-footer-end: rgba(5,12,32,0.92);
    --vt-domain-results-action-disabled-start: rgba(70,90,140,0.35);
    --vt-domain-results-action-disabled-end: rgba(90,110,160,0.22);
    --vt-domain-results-action-active-start: #2962ff;
    --vt-domain-results-action-active-end: #42a5ff;
    --vt-domain-results-action-active-shadow: rgba(41,98,255,0.32);
    --vt-domain-results-action-default-end: #3DA3FF;
    --vt-domain-results-action-default-shadow: rgba(37,99,235,0.28);
    --vt-domain-results-action-hover-shadow: rgba(37,99,235,0.34);
    --vt-domain-results-text-muted: rgba(255,255,255,0.62);
    --vt-domain-results-spinner-track: rgba(255,255,255,0.3);
    --vt-domain-results-spinner-track-large: rgba(255,255,255,0.16);
    --vt-domain-results-error-surface: rgba(255,80,80,0.08);
    --vt-domain-results-error-border: rgba(255,80,80,0.14);
    --vt-domain-results-error-text: rgba(255,220,220,0.92);
    --vt-domain-results-available-surface: rgba(40,180,90,.14);
    --vt-domain-results-available-border: rgba(70,220,120,.16);
    --vt-domain-results-available-text: #65F29B;
    --vt-domain-results-unavailable-text: rgba(255,255,255,0.4);
    --vt-domain-results-select-start: #245BFF;
    --vt-domain-results-select-end: #42A8FF;
    --vt-domain-results-select-shadow: rgba(42,168,255,.28);
    --vt-domain-results-selected-start: #1FA971;
    --vt-domain-results-selected-end: #38D996;
    --vt-domain-results-selected-row-start: rgba(42,168,255,.08);
    --vt-domain-results-selected-row-end: rgba(42,168,255,.03);
    --vt-domain-results-add-selected-start: #2A86FF;
    --vt-domain-results-add-selected-end: #4DA3FF;
    --vt-domain-results-add-selected-shadow: rgba(42,134,255,.35);
    --vt-domain-results-footer-active-shadow: rgba(42,134,255,.18);
    --vt-domain-results-unavailable-surface: rgba(255,180,60,.12);
    --vt-domain-results-unavailable-border: rgba(255,180,60,.25);
    --vt-domain-results-unavailable-status-text: #ffcc66;
    --vt-domain-results-not-offered-text: rgba(255,255,255,.95);
}




#vt-domain-results,
#vt-domain-pricelist {

    margin-top: 34px;
}





.vt-domain-table {

    overflow: hidden;

    border-radius: 28px 28px 0 0;

    background:
        linear-gradient(
            180deg,
            var(--vt-domain-results-panel-start, rgba(9,19,46,0.96)),
            var(--vt-domain-results-panel-end, rgba(5,13,34,0.98))
        );

    border:
        1px solid var(--vt-domain-results-border, rgba(90,140,255,0.14));

    box-shadow:
        0 24px 70px var(--vt-domain-results-shadow, rgba(0,0,0,0.26));
}



.vt-domain-table-head,
.vt-domain-row {

    display: grid;

	grid-template-columns:
	    2.4fr
	    0.9fr
	    0.9fr
	    0.9fr
	    1.2fr;



    align-items: center;
    text-align: center;
}

.vt-domain-table-head {


    align-items: center;

    padding:
        28px 30px 24px;

    border-radius:
        28px 28px 0 0;

    background:
        linear-gradient(
            180deg,
            var(--vt-domain-results-head-start, rgba(14,30,72,0.98)),
            var(--vt-domain-results-head-end, rgba(10,22,56,0.98))
        );

    border-bottom:
        1px solid var(--vt-domain-results-head-border, rgba(80,170,255,0.62));

    color: var(--vt-domain-results-text-strong, #ffffff);
}

.vt-head-main {

    display: block;

    font-size: 15px;

    font-weight: 700;

    letter-spacing: 0.12em;

    text-transform: uppercase;

    color: var(--vt-domain-results-text-strong, #ffffff);

    line-height: 1.1;
}

.vt-head-sub {

    display: block;

    margin-top: 6px;

    font-size: 13px;

    font-weight: 500;

    text-align: center;

    color:
        var(--vt-domain-results-text-default, rgba(255,255,255,0.78));
}




.vt-domain-row {


    align-items: center;

    min-height: 84px;

    margin: 0 auto;

    padding:
        0 30px;

    border-bottom:
        1px solid var(--vt-domain-results-divider, rgba(255,255,255,0.05));

    transition:
        background 0.22s ease;
}

.vt-domain-row:last-child {

    border-bottom: none;
}

.vt-domain-row:hover {

    background:
        var(--vt-domain-results-row-hover, rgba(255,255,255,0.025));
}



.vt-domain-row.is-available {

    background:
        linear-gradient(
            90deg,
            var(--vt-domain-results-available-row-start, rgba(55,190,120,0.08)),
            var(--vt-domain-results-available-row-end, rgba(55,190,120,0.015))
        );
}

.vt-domain-row.is-taken {

    background:
        var(--vt-domain-results-unavailable-row, rgba(255,255,255,0.015));
}

.vt-domain-row:not(.is-taken) .vt-domain-name {

    font-weight: 700;
    color: var(--vt-domain-results-text-strong, #ffffff);

}

.vt-domain-row.is-taken .vt-domain-name {

    font-weight: 600;
    color: var(--vt-domain-results-text-unavailable-strong, rgba(255,255,255,.58));

}

.vt-domain-row:not(.is-taken):hover .vt-domain-name {

    transform: translateY(-2px);
    transition: .18s ease;

}






.vt-domain-indicator {

    display: flex;

    justify-content: center;

    align-items: center;

    padding-left: 18px;
}

.vt-indicator {

    width: 10px;
    height: 10px;

    border-radius: 50%;
}

.vt-indicator.available {

    background:
        var(--vt-domain-results-available-indicator, #53E08D);

    box-shadow:
        0 0 18px var(--vt-domain-results-available-glow, rgba(83,224,141,0.55));
}

.vt-indicator.taken {

    background:
        var(--vt-domain-results-unavailable-indicator, rgba(255,255,255,0.2));
}



.vt-domain-name {

    font-size: 20px;

    font-weight: 700;

    letter-spacing: -0.02em;

    color: var(--vt-domain-results-text-strong, #ffffff);

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;
    text-align: left;
}

.vt-domain-row.is-taken .vt-domain-name {

    color:
        var(--vt-domain-results-text-unavailable, rgba(255,255,255,0.42));
}



.vt-domain-register,
.vt-domain-renewal,
.vt-domain-transfer {

    font-size: 16px;

    font-weight: 600;

    color:
        var(--vt-domain-results-price-text, rgba(255,255,255,0.82));
}

.vt-domain-row.is-taken
.vt-domain-register,

.vt-domain-row.is-taken
.vt-domain-renewal,

.vt-domain-row.is-taken
.vt-domain-transfer {

    color:
        var(--vt-domain-results-price-unavailable, rgba(255,255,255,0.34));
}



.vt-domain-check {

    display: flex;

    justify-content: center;
    align-items: right;


}



.vt-domain-status {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    min-width: 122px;

    height: 34px;

    padding:
        0 16px;


    border-radius: 999px;

    font-size: 13px;

    font-weight: 700;
}

.vt-domain-status.taken {

    background:
        var(--vt-domain-results-divider, rgba(255,255,255,0.05));

    border:
        1px solid var(--vt-domain-results-status-border, rgba(255,255,255,0.08));

    color:
        var(--vt-domain-results-status-text, rgba(255,255,255,0.56));
}

.vt-status-icon {

    font-size: 10px;

    color:
        var(--vt-domain-results-status-icon, rgba(255,255,255,0.38));

    margin-right: 8px;
}

.vt-domain-status.warning {

    background:
        var(--vt-domain-results-warning-surface, rgba(255,170,0,0.08));

    border:
        1px solid var(--vt-domain-results-warning-border, rgba(255,170,0,0.18));

    color:
        var(--vt-domain-results-warning-text, rgba(255,210,120,0.88));
}

.vt-domain-status.unknown {

    background:
        var(--vt-domain-results-neutral-surface, rgba(255,255,255,0.04));

    border:
        1px solid var(--vt-domain-results-status-border, rgba(255,255,255,0.08));

    color:
        var(--vt-domain-results-neutral-text, rgba(255,255,255,0.45));
}

.vt-domain-status-badge {

    min-width: 130px;

    padding: 0 34px;

    justify-content: center;
}



.vt-domain-checkbox {

    appearance: none;

    width: 26px;
    height: 26px;

    border-radius: 9px;

    cursor: pointer;

    border:
        1px solid var(--vt-domain-results-control-border, rgba(90,140,255,0.34));

    background:
        var(--vt-domain-results-control-surface, rgba(255,255,255,0.03));

    position: relative;

    transition:
        all 0.22s ease;
}

.vt-domain-checkbox:hover {

    border-color:
        var(--vt-domain-results-control-border-hover, rgba(90,160,255,0.55));

    background:
        var(--vt-domain-results-control-surface-hover, rgba(255,255,255,0.06));
}

.vt-domain-checkbox:checked {

    background:
        linear-gradient(
            180deg,
            var(--vt-domain-results-selection-start, #3B82F6),
            var(--vt-domain-results-selection-end, #2563EB)
        );

    border-color:
        var(--vt-domain-results-selection-border, rgba(90,160,255,0.9));

    box-shadow:
        0 0 0 4px var(--vt-domain-results-focus-ring, rgba(59,130,246,0.14));
}

.vt-domain-checkbox:checked::after {

    content: '';

    position: absolute;

    left: 8px;
    top: 4px;

    width: 6px;
    height: 12px;

    border:
        solid var(--vt-domain-results-text-strong, #ffffff);

    border-width:
        0 2px 2px 0;

    transform:
        rotate(45deg);
}



.vt-domain-footer {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 40px;

    padding: 34px 38px;

    border-top:
        1px solid var(--vt-domain-results-control-surface-hover, rgba(255,255,255,0.06));

    background:
        linear-gradient(
            180deg,
            var(--vt-domain-results-footer-start, rgba(8,18,46,0.72)),
            var(--vt-domain-results-footer-end, rgba(5,12,32,0.92))
        );
}



.vt-domain-footer-info {

    display: flex;

    align-items: center;

    gap: 18px;
}

.vt-domain-footer-icon {

    width: 54px;
    height: 54px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 16px;

    background:
        var(--vt-domain-results-neutral-surface, rgba(255,255,255,0.04));

    font-size: 24px;
}

.vt-domain-footer-text {

    display: flex;

    flex-direction: column;

    gap: 4px;
}

.vt-footer-line {

    color: var(--vt-domain-results-text-strong, #ffffff);

    font-size: 15px;

    font-weight: 500;
}

.vt-footer-muted {

    color:
        var(--vt-domain-results-status-text, rgba(255,255,255,0.56));

    font-size: 14px;
}



.vt-domain-footer-button {

    min-width: 360px;

    height: 68px;

    border: none;

    border-radius: 18px;

    padding: 0 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    background:
        linear-gradient(
            90deg,
            var(--vt-domain-results-action-disabled-start, rgba(70,90,140,0.35)),
            var(--vt-domain-results-action-disabled-end, rgba(90,110,160,0.22))
        );

    color:
        var(--vt-domain-results-text-unavailable, rgba(255,255,255,0.42));

    font-size: 17px;

    font-weight: 700;

    letter-spacing: 0.04em;

    cursor: not-allowed;

    transition: 0.25s;
}

.vt-domain-footer-button span {

    font-size: 24px;
}



.vt-domain-footer-button.active {

    cursor: pointer;

    color: var(--vt-domain-results-text-strong, #ffffff);

    background:
        linear-gradient(
            90deg,
            var(--vt-domain-results-action-active-start, #2962ff),
            var(--vt-domain-results-action-active-end, #42a5ff)
        );

    box-shadow:
        0 10px 30px var(--vt-domain-results-action-active-shadow, rgba(41,98,255,0.32));
}



@media (max-width: 768px) {

    .vt-domain-footer {

        flex-direction: column;

        align-items: stretch;

        padding: 24px;
    }

    .vt-domain-footer-button {

        width: 100%;

        min-width: 0;
    }
}






.vt-domain-continue {

    height: 64px;

    padding:
        0 34px;

    border: none;

    border-radius: 18px;

    cursor: pointer;

    font-size: 15px;

    font-weight: 700;

    letter-spacing: 0.04em;

    color: var(--vt-domain-results-text-strong, #ffffff);

    background:
        linear-gradient(
            90deg,
            var(--vt-domain-results-selection-end, #2563EB),
            var(--vt-domain-results-action-default-end, #3DA3FF)
        );

    box-shadow:
        0 16px 42px var(--vt-domain-results-action-default-shadow, rgba(37,99,235,0.28));

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease;
}

.vt-domain-continue:hover {

    transform:
        translateY(-2px);

    box-shadow:
        0 22px 54px var(--vt-domain-results-action-hover-shadow, rgba(37,99,235,0.34));
}



.vt-domain-loading-info {

    margin-top: 26px;
}

.vt-loading-panel {

    padding:
        54px;

    border-radius: 30px;

    text-align: center;

    background:
        linear-gradient(
            180deg,
            var(--vt-domain-results-panel-start, rgba(9,19,46,0.96)),
            var(--vt-domain-results-panel-end, rgba(5,13,34,0.98))
        );

    border:
        1px solid var(--vt-domain-results-border, rgba(90,140,255,0.14));
}

.vt-domain-loading-title {

    margin-top: 22px;

    font-size: 24px;

    font-weight: 700;

    color: var(--vt-domain-results-text-strong, #ffffff);
}

.vt-domain-loading-text {

    margin-top: 14px;

    max-width: 540px;

    margin-left: auto;
    margin-right: auto;

    line-height: 1.7;

    color:
        var(--vt-domain-results-text-muted, rgba(255,255,255,0.62));
}



.vt-loading-spinner,
.vt-loading-spinner-large {

    display: inline-block;

    border-radius: 50%;

    border-style: solid;

    animation:
        vtSpin 0.7s linear infinite;
}

.vt-loading-spinner {

    width: 18px;
    height: 18px;

    margin-right: 10px;

    border-width: 2px;

    border-color:
        var(--vt-domain-results-spinner-track, rgba(255,255,255,0.3));

    border-top-color:
        var(--vt-domain-results-text-strong, #ffffff);
}

.vt-loading-spinner-large {

    width: 54px;
    height: 54px;

    border-width: 3px;

    border-color:
        var(--vt-domain-results-spinner-track-large, rgba(255,255,255,0.16));

    border-top-color:
        var(--vt-domain-results-action-default-end, #3DA3FF);
}

@keyframes vtSpin {

    to {
        transform: rotate(360deg);
    }
}



.vt-domain-error {

    margin-top: 24px;

    padding:
        26px 30px;

    border-radius: 24px;

    background:
        var(--vt-domain-results-error-surface, rgba(255,80,80,0.08));

    border:
        1px solid var(--vt-domain-results-error-border, rgba(255,80,80,0.14));

    color:
        var(--vt-domain-results-error-text, rgba(255,220,220,0.92));

    font-weight: 600;
}



@media (max-width: 960px) {

    .vt-domain-table-head {

        display: none;
    }

    .vt-domain-row {

        grid-template-columns: 1fr;

        gap: 14px;

        padding:
            24px;
    }

    .vt-domain-check {

        justify-content: flex-start;
    }

    .vt-domain-footer {

        justify-content: stretch;
    }

    .vt-domain-continue {

        width: 100%;
    }
}



.vt-domain-indicator {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 12px;
}

.vt-domain-status {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    height: 34px;

    padding:
        0 14px;

    border-radius: 999px;

    font-size: 13px;

    font-weight: 600;

    white-space: nowrap;
}

.vt-domain-status.available {

    background:
        var(--vt-domain-results-available-surface, rgba(40,180,90,0.14));

    border:
        1px solid var(--vt-domain-results-available-border, rgba(70,220,120,0.16));

    color:
        var(--vt-domain-results-available-text, #65F29B);
}

.vt-domain-status.taken {

    background:
        var(--vt-domain-results-divider, rgba(255,255,255,0.05));

    border:
        1px solid var(--vt-domain-results-control-surface-hover, rgba(255,255,255,0.06));

    color:
        var(--vt-domain-results-text-muted, rgba(255,255,255,0.62));
}

.vt-status-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 12px;

    line-height: 1;
}

.vt-domain-unavailable {

    color:
        var(--vt-domain-results-unavailable-text, rgba(255,255,255,0.4));

    font-size: 22px;

    font-weight: 300;
}



.vt-domain-select-btn {

    min-width: 132px;

    height: 40px;

    border: 0;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--vt-domain-results-select-start, #245BFF),
            var(--vt-domain-results-select-end, #42A8FF)
        );

    color: var(--vt-domain-results-text-strong, #fff);

    font-size: 14px;

    font-weight: 700;

    cursor: pointer;

    transition:
        transform .18s ease,
        opacity .25s ease,
        box-shadow .25s ease;


    white-space: nowrap;

    padding: 0 18px;

    font-size: 13px;

}

.vt-domain-select-btn:hover {

    transform: translatex(2px);

    box-shadow:
        0 0 4px
        var(--vt-domain-results-select-shadow, rgba(42,168,255,.28));
}

.vt-domain-select-btn.is-selected {

    background:
        linear-gradient(
            90deg,
            var(--vt-domain-results-selected-start, #1FA971),
            var(--vt-domain-results-selected-end, #38D996)
        );
}

.vt-domain-row.is-selected {

    background:
        linear-gradient(
            90deg,
            var(--vt-domain-results-selected-row-start, rgba(42,168,255,.08)),
            var(--vt-domain-results-selected-row-end, rgba(42,168,255,.03))
        );
}



.vt-domain-add-btn.is-selected {

    background: linear-gradient(135deg,var(--vt-domain-results-add-selected-start, #2A86FF),var(--vt-domain-results-add-selected-end, #4DA3FF));

    border-color: var(--vt-domain-results-add-selected-end, #4DA3FF);

    color: var(--vt-domain-results-text-strong, #fff);

    box-shadow:
        0 0 18px var(--vt-domain-results-add-selected-shadow, rgba(42,134,255,.35));

    transform: scale(1.02);
}



.vt-domain-footer-cta {

    opacity: .45;

    pointer-events: none;

    transition:
        opacity .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.vt-domain-footer-cta.is-active {

    opacity: 1;

    pointer-events: auto;

    box-shadow:
        0 0 24px var(--vt-domain-results-footer-active-shadow, rgba(42,134,255,.18));
}


.vt-domain-status.available {

    min-width: 132px;
    height: 40px;

    justify-content: center;

    cursor: pointer;

    transition:
        transform .18s ease,
        opacity .25s ease,
        box-shadow .25s ease;
}

.vt-domain-status.available:hover {

    transform: translateY(-1px);

    box-shadow:
        0 0 18px var(--vt-domain-results-select-shadow, rgba(42,168,255,.28));
}



.vt-domain-select-btn {

    background: var(--vt-domain-results-available-surface, rgba(40,180,90,.14)) !important;
    border: 1px solid var(--vt-domain-results-available-border, rgba(70,220,120,.16)) !important;

    color: var(--vt-domain-results-available-text, #65F29B) !important;

    border-radius: 999px !important;

    min-width: 132px !important;
    height: 40px !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}


.vt-domain-status.taken {
     min-width: 132px !important;
    height: 40px !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;


  background: var(--vt-domain-results-unavailable-surface, rgba(255,180,60,.12)) !important;
  border: 1px solid var(--vt-domain-results-unavailable-border, rgba(255,180,60,.25)) !important;
  color: var(--vt-domain-results-unavailable-status-text, #ffcc66) !important;

}

.vt-domain-not-offered {

    display: flex;



    justify-content: center;

    height: 40px;   

    color: var(--vt-domain-results-not-offered-text, rgba(255,255,255,.95));

    font-size: 14px;
}


.vt-domain-pagination {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-end;
}

.vt-page {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    justify-content: center;
    line-height: 1;
    min-height: 30px;
    min-width: 30px;
    padding: 4px 6px;
}

.vt-page.is-disabled {
    cursor: default;
    opacity: 0.45;
}

.vt-page.dots {
    cursor: default;
}


.vt-domain-result-info {
    margin-bottom: 12px;
}


.vt-domain-result-info .vt-page:hover:not(.is-disabled):not(.dots):not(.current) {
    border-color:
        var(--vt-domain-results-pagination-border-hover, rgba(90,160,255,0.72));
}


.vt-domain-result-info .vt-page.current {
    background:
        linear-gradient(
            180deg,
            var(--vt-domain-results-selection-start),
            var(--vt-domain-results-selection-end)
        );
    border-color: transparent;
    color: var(--vt-domain-results-text-strong);
    font-weight: bold;
    text-decoration: none;
}


.vt-domain-select-btn,
.vt-domain-status.taken,
.vt-domain-status.unknown {
    align-items: center !important;
    border-radius: 999px !important;
    box-sizing: border-box;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    height: 40px !important;
    justify-content: center !important;
    line-height: 1;
    min-width: 132px !important;
    padding: 0 14px !important;
}

.vt-domain-select-btn strong {
    font-weight: inherit;
}

.vt-domain-unavailable {
    visibility: hidden;
}


.vt-domain-indicator:has(.vt-domain-status.unknown)
.vt-domain-indicator-bottom {
    display: none;
}


.vt-domain-footer-cta:disabled {
    cursor: not-allowed;
    pointer-events: auto;
}


.vt-domain-footer-text {
    gap: 0;
}

.vt-domain-footer-text
.vt-footer-line + .vt-footer-line {
    margin-top: 4px;
}

#vt-selected-summary {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition:
        margin-top 180ms ease,
        max-height 180ms ease,
        opacity 140ms ease;
}

.vt-domain-footer-text.has-selection
#vt-selected-summary {
    margin-top: 4px;
    max-height: 3em;
    opacity: 1;
}

.vt-domain-footer-text.is-empty {
    animation:
        vt-domain-footer-to-empty 220ms ease-out;
}

.vt-domain-footer-text.has-selection {
    animation:
        vt-domain-footer-to-selection 220ms ease-out;
}

@keyframes vt-domain-footer-to-empty {
    0%,
    100% {
        opacity: 1;
    }

    35% {
        opacity: 0.35;
    }
}

@keyframes vt-domain-footer-to-selection {
    0%,
    100% {
        opacity: 1;
    }

    35% {
        opacity: 0.35;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vt-domain-footer-text.is-empty,
    .vt-domain-footer-text.has-selection {
        animation: none;
    }

    #vt-selected-summary {
        transition: none;
    }
}


.vt-domain-result-count {
    float: left;
    font-size: 24px;
}

.vt-domain-result-info::after {
    clear: both;
    content: "";
    display: block;
}

.vt-domain-result-info
.vt-domain-pagination {
    float: right;
}

.vt-domain-table-head
.vt-col-domain {
    text-align: left;
}






#vt-domain-results .vt-domain-price-label {

    display: none;
}

@media (max-width: 960px) {

    
    #vt-domain-results .vt-domain-table {

        display: grid;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 14px;

        overflow: visible;

        border: 0;

        border-radius: 0;

        background: transparent;

        box-shadow: none;
    }

    
    #vt-domain-results .vt-domain-footer {

        grid-column: 1 / -1;
    }

    
    #vt-domain-results .vt-domain-row {

        display: flex;

        
        flex-direction: row;

        flex-wrap: wrap;

        
        align-items: stretch;

        grid-template-columns: none;

        gap: 0;

        min-height: 0;

        margin: 0;

        padding: 0;

        overflow: hidden;

        border:
            1px solid var(--vt-domain-results-border, rgba(90,140,255,0.14));

        border-radius: 20px;

        

        text-align: left;
    }

    

    
    #vt-domain-results .vt-domain-name {

        flex: 1 1 auto;

        min-width: 0;

        padding: 14px 14px 12px;

        

        font-size: 17px;

        line-height: 1.25;

        text-align: left;

        white-space: normal;

        overflow-wrap: anywhere;
    }

    
    #vt-domain-results .vt-domain-register,
    #vt-domain-results .vt-domain-renewal,
    #vt-domain-results .vt-domain-transfer {

        display: flex;

        flex: 1 1 100%;

        flex-direction: column;

        gap: 2px;

        min-width: 0;

        padding: 9px 14px;

        font-size: 14px;

        text-align: left;

        overflow-wrap: anywhere;
    }

    #vt-domain-results .vt-domain-transfer {

        padding-bottom: 13px;
    }

    
    #vt-domain-results .vt-domain-price-label {

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

        align-items: baseline;

        gap: 4px;

        color:
            var(--vt-domain-results-text-default, rgba(255,255,255,0.78));

        line-height: 1.2;

        text-align: left;

        overflow-wrap: anywhere;
    }

    #vt-domain-results .vt-domain-price-label-main {

        font-size: 11px;

        font-weight: 600;

        letter-spacing: 0.04em;

        line-height: 1.2;
    }

    #vt-domain-results .vt-domain-price-label-sub {

        font-size: 11px;

        font-weight: 400;

        line-height: 1.2;
    }

    #vt-domain-results .vt-domain-price-value {

        font-size: 14px;

        line-height: 1.25;
    }

    
    #vt-domain-results .vt-domain-indicator {

        flex: 1 1 auto;

        align-items: flex-end;

        
        justify-content: flex-start;

        gap: 8px;

        padding: 6px 14px 10px;

        padding-left: 14px;

        
    }

    
    #vt-domain-results .vt-domain-indicator-top:empty,
    #vt-domain-results .vt-domain-indicator-bottom:empty,
    #vt-domain-results .vt-domain-indicator-bottom:has(> .vt-domain-unavailable) {

        display: none;
    }

    
    #vt-domain-results .vt-domain-select-btn {

        display: inline-flex !important;

        width: auto;

        min-width: 0 !important;

        height: auto !important;

        min-height: 38px;

        padding: 8px 14px;

        border-radius: 24px !important;

        font-size: 12px !important;

        line-height: 1.2;

        white-space: normal;
    }

    
    #vt-domain-results .vt-domain-status {

        width: auto;

        min-width: 0 !important;

        height: auto !important;

        min-height: 38px;

        padding: 8px 14px;

        font-size: 12px !important;

        line-height: 1.2;

        white-space: normal;

        text-align: center;
    }

    #vt-domain-results .vt-domain-not-offered,
    #vt-domain-results .vt-domain-unavailable {

        height: auto;

        min-height: 38px;

        align-items: center;

        justify-content: center;

        font-size: 12px;

        line-height: 1.2;

        white-space: normal;

        text-align: center;
    }
}


@media (max-width: 640px) {

    #vt-domain-results .vt-domain-table {

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 10px;
    }

    #vt-domain-results .vt-domain-row {

        border-radius: 16px;
    }

    #vt-domain-results .vt-domain-name {

        padding: 11px 10px 9px;

        font-size: 15px;
    }

    #vt-domain-results .vt-domain-register,
    #vt-domain-results .vt-domain-renewal,
    #vt-domain-results .vt-domain-transfer {

        padding: 7px 10px;

        font-size: 13px;
    }

    #vt-domain-results .vt-domain-transfer {

        padding-bottom: 10px;
    }

    #vt-domain-results .vt-domain-price-label {

        gap: 3px;
    }

    #vt-domain-results .vt-domain-price-label-main,
    #vt-domain-results .vt-domain-price-label-sub {

        font-size: 10px;
    }

    #vt-domain-results .vt-domain-price-value {

        font-size: 13px;
    }

    
    #vt-domain-results .vt-domain-indicator {

        gap: 6px;

        padding: 4px 10px 8px;

        padding-left: 10px;
    }

    
    #vt-domain-results .vt-domain-select-btn {

        min-height: 36px;

        padding: 7px 12px;

        font-size: 11px !important;
    }

    #vt-domain-results .vt-domain-status {

        min-height: 36px;

        padding: 7px 12px;

        font-size: 11px !important;

        gap: 4px;
    }

    #vt-domain-results .vt-domain-not-offered,
    #vt-domain-results .vt-domain-unavailable {

        min-height: 36px;

        font-size: 11px;
    }
}





@media (max-width: 439px) {

    #vt-domain-results .vt-domain-table {

        grid-template-columns: minmax(0, 1fr);
    }
}




#vt-domain-results .vt-domain-select-btn {

    background:
        linear-gradient(
            90deg,
            var(--vt-domain-results-select-start, #245BFF),
            var(--vt-domain-results-select-end, #42A8FF)
        ) !important;

    border: 0 !important;

    border-radius: 24px !important;

    color: var(--vt-domain-results-text-strong, #fff) !important;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease;
}


#vt-domain-results .vt-domain-select-btn.is-selected {

    background:
        linear-gradient(
            90deg,
            #1f6b38 0%,
            #34c759 85%,
            #34c759 100%
        ) !important;
}


#vt-domain-results .vt-domain-select-btn:focus-visible {

    outline: 3px solid rgba(61,163,255,0.34);

    outline-offset: -3px;
}


#vt-domain-results .vt-domain-status.taken,
#vt-domain-results .vt-domain-status.unknown {

    border-radius: 24px !important;
}



@media (max-width: 960px) {

    #vt-domain-results .vt-domain-name {

        order: -2;
    }

    #vt-domain-results .vt-domain-indicator {

        order: -1;
    }
}


@media (max-width: 960px) {

    #vt-domain-results .vt-domain-row,
    #vt-domain-results .vt-domain-row.is-selected {

        background:
            linear-gradient(
                90deg,
                #142745 0%,
                #152f54 20%,
                #163562 35%,
                #173a6b 50%,
                #163562 65%,
                #152f54 80%,
                #142745 100%
            );
    }

    
    #vt-domain-results .vt-domain-row::after {

        content: '';

        flex: 0 0 100%;

        height: 20px;

        background: #12294a;
    }
}
