#urlGeneratorContainer .domain-switcher {
    position: relative;
    overflow: hidden;
    min-height: 40px;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    background-color: #f8f9fa;
}

#urlGeneratorContainer .domain-slider-track {
    display: flex;
    width: 200%;
    transform: translateX(0);
    transition: transform 0.35s ease;
    will-change: transform;
}

#urlGeneratorContainer .domain-slider-track.show-private {
    transform: translateX(-50%);
}

#urlGeneratorContainer .domain-slider-panel {
    flex: 0 0 50%;
    min-width: 50%;
    padding: 0.25rem 0.5rem;
}

#urlGeneratorContainer .domain-panel-inner {
    min-height: 32px;
}

#urlGeneratorContainer .domain-empty-state {
    max-height: 40px;
    color: #6c757d;
    font-size: 0.9rem;
}

#urlGeneratorContainer .form-component.input-group > .form-control,
#urlGeneratorContainer .form-component.input-group > .input-group-text {
    height: 40px;
}

#urlGeneratorContainer .form-component.input-group > .input-group-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-bs-theme="dark"] #urlGeneratorContainer .domain-switcher {
    border-color: #495057;
    background-color: #2b3441;
}