/* Modal */
.tvm-connect-modal > *:not([class]) {
    width: 100%;
}

.tvm-connect-modal .uk-modal-content {
    background: var(--tvm-connect-modal-content-background);
    border-radius: var(--tvm-connect-modal-content-border-radius);
    box-shadow: var(--tvm-connect-modal-content-box-shadow);
    color: var(--tvm-connect-modal-content-color);
    padding: var(--tvm-connect-modal-content-padding-vertical) var(--tvm-connect-modal-content-padding-horizontal);
}

.tvm-connect-modal .uk-modal-header {
    background: none;
    padding: 0 var(--tvm-connect-modal-header-padding-horizontal) var(--tvm-connect-modal-header-padding-vertical);
}

.tvm-connect-modal .uk-modal-title {
    color: var(--tvm-connect-modal-title-color);
    font-size: var(--tvm-connect-modal-title-font-size);
    font-weight: var(--tvm-connect-modal-title-font-weight);
    line-height: var(--tvm-connect-modal-title-line-height);
    text-align: center;
}

.tvm-connect-modal .uk-modal-body {
    padding: var(--tvm-connect-modal-body-padding-vertical) var(--tvm-connect-modal-body-padding-horizontal);
}

.tvm-connect-modal .uk-modal-body:last-child {
    padding-bottom: 0;
}

.tvm-connect-modal .uk-modal-footer {
    background: none;
    padding: var(--tvm-connect-modal-footer-padding-vertical) var(--tvm-connect-modal-footer-padding-horizontal) 0;
}

/* Drawer */
.tvm-connect-drawer .uk-drawer-content-wrapper {
    --drawer-height: auto;
}

.tvm-connect-drawer .uk-drawer-content {
    background: var(--tvm-connect-drawer-content-background);
    border-radius: var(--tvm-connect-drawer-content-border-radius) var(--tvm-connect-drawer-content-border-radius) 0 0;
    box-shadow: none;
    color: var(--tvm-connect-drawer-content-color);
    padding: var(--tvm-connect-drawer-content-padding-vertical) var(--tvm-connect-drawer-content-padding-horizontal);
}

.tvm-connect-drawer .uk-drawer-header {
    padding: 0 var(--tvm-connect-drawer-header-padding-horizontal) var(--tvm-connect-drawer-header-padding-vertical);
}

.tvm-connect-drawer .uk-drawer-title {
    color: var(--tvm-connect-drawer-title-color);
    font-size: var(--tvm-connect-drawer-title-font-size);
    font-weight: var(--tvm-connect-drawer-title-font-weight);
    line-height: var(--tvm-connect-drawer-title-line-height);
    text-align: center;
}

.tvm-connect-drawer .uk-drawer-body {
    padding: var(--tvm-connect-drawer-body-padding-vertical) var(--tvm-connect-drawer-body-padding-horizontal);
}

.tvm-connect-drawer .uk-drawer-body:last-child {
    padding-bottom: 0;
}

.tvm-connect-drawer .uk-modal-close-default,
.tvm-connect-drawer .uk-drawer-close {
    color: var(--close-color, #a5a9b4);
}

.tvm-connect-drawer .uk-drawer-close {
    --drawer-close-position: var(--modal-close-position, 24px);
}

.tvm-connect-modal .uk-modal-close-default:hover,
.tvm-connect-modal .uk-modal-close-default:focus,
.tvm-connect-drawer .uk-drawer-close:hover,
.tvm-connect-drawer .uk-drawer-close:focus {
    color: var(--close-hover-color, #383838);
}

.tvm-modal-page {
    box-sizing: border-box;
    overflow-y: clip;
    padding-right: var(--global-scroll-width);
}

.tvm-modal-page body {
    overflow: hidden;
    overflow: clip;
    width: 100%;
}

:root {
    /* Modal */
    --tvm-connect-modal-content-background: var(--modal-content-background, #fff);
    --tvm-connect-modal-content-border-radius: 12px;
    --tvm-connect-modal-content-box-shadow: 0 8px 32px 0 rgb(63 74 111 / 12%), 0 1px 4px 0 rgb(63 74 111 / 8%);
    --tvm-connect-modal-content-color: var(--base-body-color, #383838);
    --tvm-connect-modal-content-padding-horizontal: 18px;
    --tvm-connect-modal-content-padding-vertical: var(--tvm-connect-modal-content-padding-horizontal);
    --tvm-connect-modal-header-padding-horizontal: 0;
    --tvm-connect-modal-header-padding-vertical: var(--tvm-connect-modal-content-padding-vertical);
    --tvm-connect-modal-title-color: var(--base-heading-color, #383838);
    --tvm-connect-modal-title-font-size: var(--modal-title-font-size, 18px);
    --tvm-connect-modal-title-font-weight: 500;
    --tvm-connect-modal-title-line-height: var(--modal-title-line-height, 22px);
    --tvm-connect-modal-body-padding-horizontal: 0;
    --tvm-connect-modal-body-padding-vertical: var(--tvm-connect-modal-content-padding-vertical);
    --tvm-connect-modal-footer-padding-horizontal: 0;
    --tvm-connect-modal-footer-padding-vertical: var(--tvm-connect-modal-content-padding-vertical);

    /* Drawer */
    --tvm-connect-drawer-content-background: var(--drawer-content-background, #fff);
    --tvm-connect-drawer-content-border-radius: 16px;
    --tvm-connect-drawer-content-box-shadow: 0 8px 32px 0 rgb(63 74 111 / 12%), 0 1px 4px 0 rgb(63 74 111 / 8%);
    --tvm-connect-drawer-content-color: var(--base-body-color, #383838);
    --tvm-connect-drawer-content-padding-horizontal: 24px;
    --tvm-connect-drawer-content-padding-vertical: var(--tvm-connect-drawer-content-padding-horizontal);
    --tvm-connect-drawer-header-padding-horizontal: 0;
    --tvm-connect-drawer-header-padding-vertical: var(--tvm-connect-drawer-content-padding-vertical);
    --tvm-connect-drawer-title-color: var(--base-heading-color, #383838);
    --tvm-connect-drawer-title-font-size: var(--drawer-title-font-size, 24px);
    --tvm-connect-drawer-title-font-weight: 500;
    --tvm-connect-drawer-title-line-height: var(--drawer-title-line-height, 28px);
    --tvm-connect-drawer-body-padding-horizontal: 0;
    --tvm-connect-drawer-body-padding-vertical: var(--tvm-connect-drawer-content-padding-vertical);
    --tvm-connect-drawer-footer-padding-horizontal: 0;
    --tvm-connect-drawer-footer-padding-vertical: var(--tvm-connect-drawer-content-padding-vertical);
}

.tvm-connect-connection-request {

}

.tvm-connect-connection-request .tvm-connect-connection-request-back-button {
    color: var(--close-color, #333);
    left: var(--modal-close-position);
    position: absolute;
    top: var(--modal-close-position);
}

.tvm-connect-connection-request .tvm-connect-connection-request-back-button:hover,
.tvm-connect-connection-request .tvm-connect-connection-request-back-button:focus {
    color: var(--close-hover-color, #5e5e5e);
}

.tvm-connect-connection-request .tvm-connect-connection-request-title {
    color: var(--base-body-color, #333);
    font-weight: 600;
    margin-bottom: var(--global-small-margin, 10px);
}

.tvm-connect-connection-request .tvm-connect-connection-request-button {
    background-color: rgb(0 0 0 / 12%);
    border: var(--tvm-connect-connection-request-button-border-width) var(--tvm-connect-connection-request-button-border-style) var(--tvm-connect-connection-request-button-border);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--base-body-color, #383838);
    line-height: var(--button-line-height, 32px);
}

.tvm-connect-connection-request .tvm-connect-connection-request-button:hover,
.tvm-connect-connection-request .tvm-connect-connection-request-button:focus {
    background-color: rgb(0 0 0 / 16%);
    border-color: var(--tvm-connect-provider-button-hover-border);
    color: var(--base-body-color, #383838);
}

:root {
    --tvm-connect-connection-request-button-border-width: 2px;
    --tvm-connect-connection-request-button-border-style: solid;
    --tvm-connect-connection-request-button-border: transparent;
    --tvm-connect-connection-request-button-hover-border: var(--global-border, transparent);
}

.tvm-connect-providers-dispatcher .tvm-connect-providers-list .tvm-connect-provider-button {
    align-content: center;
    align-items: center;
    background-color: rgb(0 0 0 / 8%);
    border: var(--tvm-connect-provider-button-border-width) var(--tvm-connect-provider-button-border-style) var(--tvm-connect-provider-button-border);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--base-body-color, #383838);
    display: grid;
    gap: 16px;
    grid-auto-rows: max-content;
    grid-template-columns: 30px minmax(50%, 100%) auto;
    line-height: normal;
    min-height: 65px;
    padding: 0 20px;
    text-align: left;
    width: 100%;
}

.tvm-connect-providers-dispatcher .tvm-connect-providers-list .tvm-connect-provider-button:hover:not(:disabled),
.tvm-connect-providers-dispatcher .tvm-connect-providers-list .tvm-connect-provider-button:focus:not(:disabled) {
    background-color: rgb(0 0 0 / 12%);
    border-color: var(--tvm-connect-provider-button-hover-border);
    color: var(--base-body-color, #383838);
}

.tvm-connect-providers-list .tvm-connect-provider-title {
    color: var(--base-body-color, #383838);
    font-size: 18px;
    font-weight: 500;
}

.tvm-connect-providers-list .tvm-connect-provider-subtitle {
    max-width: 100%;
    opacity: 0.8;
}

.tvm-connect-providers-list .tvm-connect-provider-connected,
.tvm-connect-providers-list .tvm-connect-provider-recent {
    background: var(--tvm-connect-modal-content-background);
    border-radius: 3px;
    color: var(--global-muted-color, #383838);
    display: inline-block;
    font-size: 12px;
    justify-self: flex-end;
    padding: 1px 5px;
}

:root {
    --tvm-connect-provider-button-border-width: 2px;
    --tvm-connect-provider-button-border-style: solid;
    --tvm-connect-provider-button-border: transparent;
    --tvm-connect-provider-button-hover-border: var(--global-primary-border, transparent);
}

.tvm-connect-providers-dispatcher {
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    height: inherit;
    overflow: hidden;
    transition: height var(--transition-fast-duration) var(--ease-in);
    width: inherit;
}

.tvm-connect-providers-list {
    margin: 0;
}

.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);
}

.tvm-connect-modal>:not([class]){width:100%}.tvm-connect-modal .uk-modal-content{background:var(--tvm-connect-modal-content-background);border-radius:var(--tvm-connect-modal-content-border-radius);box-shadow:var(--tvm-connect-modal-content-box-shadow);color:var(--tvm-connect-modal-content-color);padding:var(--tvm-connect-modal-content-padding-vertical) var(--tvm-connect-modal-content-padding-horizontal)}.tvm-connect-modal .uk-modal-header{background:none;padding:0 var(--tvm-connect-modal-header-padding-horizontal) var(--tvm-connect-modal-header-padding-vertical)}.tvm-connect-modal .uk-modal-title{color:var(--tvm-connect-modal-title-color);font-size:var(--tvm-connect-modal-title-font-size);font-weight:var(--tvm-connect-modal-title-font-weight);line-height:var(--tvm-connect-modal-title-line-height);text-align:center}.tvm-connect-modal .uk-modal-body{padding:var(--tvm-connect-modal-body-padding-vertical) var(--tvm-connect-modal-body-padding-horizontal)}.tvm-connect-modal .uk-modal-body:last-child{padding-bottom:0}.tvm-connect-modal .uk-modal-footer{background:none;padding:var(--tvm-connect-modal-footer-padding-vertical) var(--tvm-connect-modal-footer-padding-horizontal) 0}.tvm-connect-drawer .uk-drawer-content-wrapper{--drawer-height:auto}.tvm-connect-drawer .uk-drawer-content{background:var(--tvm-connect-drawer-content-background);border-radius:var(--tvm-connect-drawer-content-border-radius) var(--tvm-connect-drawer-content-border-radius) 0 0;box-shadow:none;color:var(--tvm-connect-drawer-content-color);padding:var(--tvm-connect-drawer-content-padding-vertical) var(--tvm-connect-drawer-content-padding-horizontal)}.tvm-connect-drawer .uk-drawer-header{padding:0 var(--tvm-connect-drawer-header-padding-horizontal) var(--tvm-connect-drawer-header-padding-vertical)}.tvm-connect-drawer .uk-drawer-title{color:var(--tvm-connect-drawer-title-color);font-size:var(--tvm-connect-drawer-title-font-size);font-weight:var(--tvm-connect-drawer-title-font-weight);line-height:var(--tvm-connect-drawer-title-line-height);text-align:center}.tvm-connect-drawer .uk-drawer-body{padding:var(--tvm-connect-drawer-body-padding-vertical) var(--tvm-connect-drawer-body-padding-horizontal)}.tvm-connect-drawer .uk-drawer-body:last-child{padding-bottom:0}.tvm-connect-drawer .uk-drawer-close,.tvm-connect-drawer .uk-modal-close-default{color:var(--close-color,#a5a9b4)}.tvm-connect-drawer .uk-drawer-close{--drawer-close-position:var(--modal-close-position,24px)}.tvm-connect-drawer .uk-drawer-close:focus,.tvm-connect-drawer .uk-drawer-close:hover,.tvm-connect-modal .uk-modal-close-default:focus,.tvm-connect-modal .uk-modal-close-default:hover{color:var(--close-hover-color,#383838)}.tvm-modal-page{box-sizing:border-box;overflow-y:clip;padding-right:var(--global-scroll-width)}.tvm-modal-page body{overflow:hidden;overflow:clip;width:100%}:root{--tvm-connect-modal-content-background:var(--modal-content-background,#fff);--tvm-connect-modal-content-border-radius:12px;--tvm-connect-modal-content-box-shadow:0 8px 32px 0 rgba(63,74,111,.12),0 1px 4px 0 rgb(63 74 111/8%);--tvm-connect-modal-content-color:var(--base-body-color,#383838);--tvm-connect-modal-content-padding-horizontal:18px;--tvm-connect-modal-content-padding-vertical:var(--tvm-connect-modal-content-padding-horizontal);--tvm-connect-modal-header-padding-horizontal:0;--tvm-connect-modal-header-padding-vertical:var(--tvm-connect-modal-content-padding-vertical);--tvm-connect-modal-title-color:var(--base-heading-color,#383838);--tvm-connect-modal-title-font-size:var(--modal-title-font-size,18px);--tvm-connect-modal-title-font-weight:500;--tvm-connect-modal-title-line-height:var(--modal-title-line-height,22px);--tvm-connect-modal-body-padding-horizontal:0;--tvm-connect-modal-body-padding-vertical:var(--tvm-connect-modal-content-padding-vertical);--tvm-connect-modal-footer-padding-horizontal:0;--tvm-connect-modal-footer-padding-vertical:var(--tvm-connect-modal-content-padding-vertical);--tvm-connect-drawer-content-background:var(--drawer-content-background,#fff);--tvm-connect-drawer-content-border-radius:16px;--tvm-connect-drawer-content-box-shadow:0 8px 32px 0 rgba(63,74,111,.12),0 1px 4px 0 rgb(63 74 111/8%);--tvm-connect-drawer-content-color:var(--base-body-color,#383838);--tvm-connect-drawer-content-padding-horizontal:24px;--tvm-connect-drawer-content-padding-vertical:var(--tvm-connect-drawer-content-padding-horizontal);--tvm-connect-drawer-header-padding-horizontal:0;--tvm-connect-drawer-header-padding-vertical:var(--tvm-connect-drawer-content-padding-vertical);--tvm-connect-drawer-title-color:var(--base-heading-color,#383838);--tvm-connect-drawer-title-font-size:var(--drawer-title-font-size,24px);--tvm-connect-drawer-title-font-weight:500;--tvm-connect-drawer-title-line-height:var(--drawer-title-line-height,28px);--tvm-connect-drawer-body-padding-horizontal:0;--tvm-connect-drawer-body-padding-vertical:var(--tvm-connect-drawer-content-padding-vertical);--tvm-connect-drawer-footer-padding-horizontal:0;--tvm-connect-drawer-footer-padding-vertical:var(--tvm-connect-drawer-content-padding-vertical)}.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 rgba(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)}.tvm-connect-connection-request .tvm-connect-connection-request-back-button{color:var(--close-color,#333);left:var(--modal-close-position);position:absolute;top:var(--modal-close-position)}.tvm-connect-connection-request .tvm-connect-connection-request-back-button:focus,.tvm-connect-connection-request .tvm-connect-connection-request-back-button:hover{color:var(--close-hover-color,#5e5e5e)}.tvm-connect-connection-request .tvm-connect-connection-request-title{color:var(--base-body-color,#333);font-weight:600;margin-bottom:var(--global-small-margin,10px)}.tvm-connect-connection-request .tvm-connect-connection-request-button{background-color:rgba(0,0,0,.12);border:var(--tvm-connect-connection-request-button-border-width) var(--tvm-connect-connection-request-button-border-style) var(--tvm-connect-connection-request-button-border);border-radius:8px;box-sizing:border-box;color:var(--base-body-color,#383838);line-height:var(--button-line-height,32px)}.tvm-connect-connection-request .tvm-connect-connection-request-button:focus,.tvm-connect-connection-request .tvm-connect-connection-request-button:hover{background-color:rgba(0,0,0,.16);border-color:var(--tvm-connect-provider-button-hover-border);color:var(--base-body-color,#383838)}:root{--tvm-connect-connection-request-button-border-width:2px;--tvm-connect-connection-request-button-border-style:solid;--tvm-connect-connection-request-button-border:transparent;--tvm-connect-connection-request-button-hover-border:var(--global-border,transparent)}.tvm-connect-providers-dispatcher .tvm-connect-providers-list .tvm-connect-provider-button{align-content:center;align-items:center;background-color:rgb(0 0 0/8%);border:var(--tvm-connect-provider-button-border-width) var(--tvm-connect-provider-button-border-style) var(--tvm-connect-provider-button-border);border-radius:8px;box-sizing:border-box;color:var(--base-body-color,#383838);display:grid;gap:16px;grid-auto-rows:max-content;grid-template-columns:30px minmax(50%,100%) auto;line-height:normal;min-height:65px;padding:0 20px;text-align:left;width:100%}.tvm-connect-providers-dispatcher .tvm-connect-providers-list .tvm-connect-provider-button:focus:not(:disabled),.tvm-connect-providers-dispatcher .tvm-connect-providers-list .tvm-connect-provider-button:hover:not(:disabled){background-color:rgba(0,0,0,.12);border-color:var(--tvm-connect-provider-button-hover-border);color:var(--base-body-color,#383838)}.tvm-connect-providers-list .tvm-connect-provider-title{color:var(--base-body-color,#383838);font-size:18px;font-weight:500}.tvm-connect-providers-list .tvm-connect-provider-subtitle{max-width:100%;opacity:.8}.tvm-connect-providers-list .tvm-connect-provider-connected,.tvm-connect-providers-list .tvm-connect-provider-recent{background:var(--tvm-connect-modal-content-background);border-radius:3px;color:var(--global-muted-color,#383838);display:inline-block;font-size:12px;justify-self:flex-end;padding:1px 5px}:root{--tvm-connect-provider-button-border-width:2px;--tvm-connect-provider-button-border-style:solid;--tvm-connect-provider-button-border:transparent;--tvm-connect-provider-button-hover-border:var(--global-primary-border,transparent)}.tvm-connect-providers-dispatcher{backface-visibility:hidden;display:flex;flex-direction:column;height:inherit;overflow:hidden;transition:height var(--transition-fast-duration) var(--ease-in);width:inherit}.tvm-connect-providers-list{margin:0}