.tvm-connect-connector {
    display: inline-flex;
    max-width: max-content;
}

.tvm-connect-connector .tvm-connect-connector-icon {
    background-color: var(--global-muted-background);
    border-radius: 50%;
    box-sizing: border-box;
    height: 32px;
    min-width: 32px;
    width: 32px;
}

.tvm-connect-connector .tvm-connect-connector-suffix {
    position: relative;
}

.tvm-connect-connector .tvm-connect-dropdown-trigger {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    padding: var(--tvm-connect-dropdown-trigger-vertical-padding) var(--tvm-connect-dropdown-trigger-horizontal-padding);
}

.tvm-connect-dropdown {
    background: var(--tvm-connect-dropdown-background);
    border-radius: var(--tvm-connect-dropdown-border-radius);
    box-shadow: var(--tvm-connect-dropdown-box-shadow);
    color: var(--tvm-connect-dropdown-color);
}

.tvm-connect-dropdown .uk-button.uk-button-link {
    color: var(--tvm-connect-dropdown-link-color);
}

:root {
    --tvm-connect-dropdown-trigger-horizontal-padding: var(--global-small-gutter, 8px);
    --tvm-connect-dropdown-trigger-vertical-padding: 0;
    --tvm-connect-dropdown-background: var(--dropdown-background, #fff);
    --tvm-connect-dropdown-border-radius: var(--dropdown-border-radius, 5px);
    --tvm-connect-dropdown-box-shadow: 0 8px 32px 0 rgb(63 74 111 / 12%), 0 1px 4px 0 rgb(63 74 111 / 8%);
    --tvm-connect-dropdown-color: var(--dropdown-color, #333);
    --tvm-connect-dropdown-link-color: var(--dropdown-color, #0af);
}
