*,
:before,
:after {
     box-sizing: border-box;
     border-width: 0;
     border-style: solid;
     border-color: #e5e7eb
}

:before,
:after {
     --tw-content: ""
}

html,
:host {
     line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     -moz-tab-size: 4;
     tab-size: 4;
     font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
     font-feature-settings: normal;
     font-variation-settings: normal;
     -webkit-tap-highlight-color: transparent
}

body {
     margin: 0;
     line-height: inherit
}

hr {
     height: 0;
     color: inherit;
     border-top-width: 1px
}

abbr:where([title]) {
     text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
     font-size: inherit;
     font-weight: inherit
}

a {
     color: inherit;
     text-decoration: inherit
}

b,
strong {
     font-weight: bolder
}

code,
kbd,
samp,
pre {
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
     font-feature-settings: normal;
     font-variation-settings: normal;
     font-size: 1em
}

small {
     font-size: 80%
}

sub,
sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline
}

sub {
     bottom: -.25em
}

sup {
     top: -.5em
}

table {
     text-indent: 0;
     border-color: inherit;
     border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
     font-family: inherit;
     font-feature-settings: inherit;
     font-variation-settings: inherit;
     font-size: 100%;
     font-weight: inherit;
     line-height: inherit;
     color: inherit;
     margin: 0;
     padding: 0
}

button,
select {
     text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
     -webkit-appearance: button;
     background-color: transparent;
     background-image: none
}

:-moz-focusring {
     outline: auto
}

:-moz-ui-invalid {
     box-shadow: none
}

progress {
     vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
     height: auto
}

[type=search] {
     -webkit-appearance: textfield;
     outline-offset: -2px
}

::-webkit-search-decoration {
     -webkit-appearance: none
}

::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit
}

summary {
     display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
     margin: 0
}

fieldset {
     margin: 0;
     padding: 0
}

legend {
     padding: 0
}

ol,
ul,
menu {
     list-style: none;
     margin: 0;
     padding: 0
}

dialog {
     padding: 0
}

textarea {
     resize: vertical
}

input::placeholder,
textarea::placeholder {
     opacity: 1;
     color: #9ca3af
}

button,
[role=button] {
     cursor: pointer
}

:disabled {
     cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
     display: block;
     vertical-align: middle
}

img,
video {
     max-width: 100%;
     height: auto
}

[hidden] {
     display: none
}

* {
     scrollbar-color: initial;
     scrollbar-width: initial
}

:root {
     /* Don't change */
     --colors-themePreview-ghost: 255 255 255;
     --colors-buttons-danger: 129 36 53;
     --colors-buttons-dangerHover: 138 41 59;
     --colors-buttons-secondaryText: 142 163 176;
     --colors-buttons-primary: 255 255 255;
     --colors-buttons-primaryText: 0 0 0;
     --colors-buttons-primaryHover: 222 222 222;
     --colors-type-emphasis: 255 255 255;
     --colors-type-danger: 244 110 110;
     --colors-type-success: 96 210 106;
     --colors-search-text: 255 255 255;
     --colors-dropdown-highlight: 175 163 73;
     --colors-dropdown-highlightHover: 252 236 97;
     --colors-authentication-errorText: 219 61 97;
     --colors-onboarding-bar: 47 34 21;
     --colors-onboarding-barFilled: 176 129 80;
     --colors-onboarding-divider: 63 63 96;
     --colors-onboarding-card: 30 20 18;
     --colors-onboarding-cardHover: 40 32 30;
     --colors-onboarding-border: 59 42 28;
     --colors-onboarding-good: 192 130 255;
     --colors-onboarding-best: 255 245 153;
     --colors-onboarding-link: 254 131 133;
     --colors-video-scraping-error: 228 79 79;
     --colors-video-scraping-success: 64 180 75;
     --colors-video-context-error: 228 79 79;
     --colors-video-context-type-main: 97 122 138;

     /* Default Root */
     --colors-themePreview-primary:  253 186 116;
     --colors-themePreview-secondary: 176 129 80;
     --colors-pill-background: 99 72 45;
     --colors-pill-backgroundHover: 125 91 56;
     --colors-pill-highlight:  253 186 116;
     --colors-pill-activeBackground: 99 72 45;
     --colors-global-accentA: 255 251 218;
     --colors-global-accentB: 149 107 63;
     --colors-lightBar-light: 101 73 44;
     --colors-buttons-toggle: 176 129 80;
     --colors-buttons-toggleDisabled: 19 12 10;
     --colors-buttons-secondary: 47 38 30;
     --colors-buttons-secondaryHover: 46 14 15;
     --colors-buttons-purple: 176 129 80;
     --colors-buttons-purpleHover: 253 186 116;
     --colors-buttons-cancel: 47 38 30;
     --colors-buttons-cancelHover: 59 42 28;
     --colors-background-main: 19 12 10;
     --colors-background-secondary: 43 22 20;
     --colors-background-secondaryHover: 59 42 28;
     --colors-background-accentA: 101 73 44;
     --colors-background-accentB: 19 12 10;
     --colors-modal-background: 30 20 18;
     --colors-type-logo: 253 186 116;
     --colors-type-text: 176 129 80;
     --colors-type-dimmed: 176 129 80;
     --colors-type-divider: 59 40 27;
     --colors-type-secondary: 149 108 67;
     --colors-type-link: 254 131 133;
     --colors-type-linkHover: 254 171 172;
     --colors-search-background: 26 17 13;
     --colors-search-hoverBackground: 43 22 20;
     --colors-search-focused: 41 28 20;
     --colors-search-placeholder: 149 108 67;
     --colors-search-icon: 149 108 67;
     --colors-mediaCard-hoverBackground: 26 17 13;
     --colors-mediaCard-hoverAccent: 176 129 80;
     --colors-mediaCard-hoverShadow: 19 9 9;
     --colors-mediaCard-shadow: 36 18 16;
     --colors-mediaCard-barColor: 47 34 21;
     --colors-mediaCard-barFillColor: 253 186 116;
     --colors-mediaCard-badge: 36 18 16;
     --colors-mediaCard-badgeText: 139 75 76;
     --colors-largeCard-background: 47 38 30;
     --colors-largeCard-icon: 253 186 116;
     --colors-dropdown-background: 33 25 20;
     --colors-dropdown-altBackground: 33 25 20;
     --colors-dropdown-hoverBackground: 59 42 28;
     --colors-dropdown-text: 176 129 80;
     --colors-dropdown-secondary: 131 77 73;
     --colors-dropdown-border: 65 47 31;
     --colors-dropdown-contentBackground: 59 42 28;
     --colors-authentication-border: 99 72 45;
     --colors-authentication-inputBg: 47 38 30;
     --colors-authentication-inputBgHover: 54 28 26;
     --colors-authentication-wordBackground: 30 20 18;
     --colors-authentication-copyText: 254 131 133;
     --colors-authentication-copyTextHover: 254 171 172;
     --colors-settings-sidebar-activeLink: 59 42 28;
     --colors-settings-sidebar-badge: 47 38 30;
     --colors-settings-sidebar-type-secondary: 125 91 56;
     --colors-settings-sidebar-type-inactive: 176 129 80;
     --colors-settings-sidebar-type-icon: 176 129 80;
     --colors-settings-sidebar-type-iconActivated: 254 254 254;
     --colors-settings-sidebar-type-activated: 254 254 254;
     --colors-settings-card-border: 65 47 31;
     --colors-settings-card-background: 65 47 31;
     --colors-settings-card-altBackground: 65 47 31;
     --colors-settings-saveBar-background: 26 17 14;
     --colors-utils-divider: 73 53 33;
     --colors-errors-card: 28 14 13;
     --colors-errors-border: 66 22 23;
     --colors-errors-type-secondary: 139 75 76;
     --colors-about-circle: 66 22 23;
     --colors-about-circleText: 172 110 111;
     --colors-editBadge-bg: 66 22 23;
     --colors-editBadge-bgHover: 73 25 26;
     --colors-editBadge-text: 172 110 111;
     --colors-progress-background: 172 110 111;
     --colors-progress-preloaded: 130 98 60;
     --colors-progress-filled: 176 129 80;
     --colors-video-buttonBackground: 50 36 23;
     --colors-video-autoPlay-background: 46 14 15;
     --colors-video-autoPlay-hover: 66 22 23;
     --colors-video-scraping-card: 27 17 11;
     --colors-video-scraping-loading: 234 91 94;
     --colors-video-scraping-noresult: 139 75 76;
     --colors-video-audio-set: 176 129 80;
     --colors-video-context-background: 10 5 3;
     --colors-video-context-light: 176 129 80;
     --colors-video-context-border: 65 47 31;
     --colors-video-context-hoverColor: 33 25 20;
     --colors-video-context-buttonFocus: 59 42 28;
     --colors-video-context-flagBg: 26 17 13;
     --colors-video-context-inputBg: 26 17 13;
     --colors-video-context-buttonOverInputHover: 66 22 23;
     --colors-video-context-inputPlaceholder: 149 108 67;
     --colors-video-context-cardBorder: 46 14 15;
     --colors-video-context-slider: 172 110 111;
     --colors-video-context-sliderFilled: 176 129 80;
     --colors-video-context-buttons-list: 33 25 20;
     --colors-video-context-buttons-active: 59 42 28;
     --colors-video-context-closeHover: 26 17 13;
     --colors-video-context-type-secondary: 125 91 56;
     --colors-video-context-type-accent: 253 186 116
}

.theme-default {
     --colors-themePreview-primary:  253 186 116;
     --colors-themePreview-secondary: 176 129 80;
     --colors-pill-background: 99 72 45;
     --colors-pill-backgroundHover: 125 91 56;
     --colors-pill-highlight:  253 186 116;
     --colors-pill-activeBackground: 99 72 45;
     --colors-global-accentA: 255 251 218;
     --colors-global-accentB: 149 107 63;
     --colors-lightBar-light: 101 73 44;
     --colors-buttons-toggle: 176 129 80;
     --colors-buttons-toggleDisabled: 19 12 10;
     --colors-buttons-secondary: 47 38 30;
     --colors-buttons-secondaryHover: 46 14 15;
     --colors-buttons-purple: 176 129 80;
     --colors-buttons-purpleHover: 253 186 116;
     --colors-buttons-cancel: 47 38 30;
     --colors-buttons-cancelHover: 59 42 28;
     --colors-background-main: 19 12 10;
     --colors-background-secondary: 43 22 20;
     --colors-background-secondaryHover: 59 42 28;
     --colors-background-accentA: 101 73 44;
     --colors-background-accentB: 19 12 10;
     --colors-modal-background: 30 20 18;
     --colors-type-logo: 253 186 116;
     --colors-type-text: 176 129 80;
     --colors-type-dimmed: 176 129 80;
     --colors-type-divider: 59 40 27;
     --colors-type-secondary: 149 108 67;
     --colors-type-link: 254 131 133;
     --colors-type-linkHover: 254 171 172;
     --colors-search-background: 26 17 13;
     --colors-search-hoverBackground: 43 22 20;
     --colors-search-focused: 41 28 20;
     --colors-search-placeholder: 149 108 67;
     --colors-search-icon: 149 108 67;
     --colors-mediaCard-hoverBackground: 26 17 13;
     --colors-mediaCard-hoverAccent: 176 129 80;
     --colors-mediaCard-hoverShadow: 19 9 9;
     --colors-mediaCard-shadow: 36 18 16;
     --colors-mediaCard-barColor: 47 34 21;
     --colors-mediaCard-barFillColor: 253 186 116;
     --colors-mediaCard-badge: 36 18 16;
     --colors-mediaCard-badgeText: 139 75 76;
     --colors-largeCard-background: 47 38 30;
     --colors-largeCard-icon: 253 186 116;
     --colors-dropdown-background: 33 25 20;
     --colors-dropdown-altBackground: 33 25 20;
     --colors-dropdown-hoverBackground: 59 42 28;
     --colors-dropdown-text: 176 129 80;
     --colors-dropdown-secondary: 131 77 73;
     --colors-dropdown-border: 65 47 31;
     --colors-dropdown-contentBackground: 59 42 28;
     --colors-authentication-border: 99 72 45;
     --colors-authentication-inputBg: 47 38 30;
     --colors-authentication-inputBgHover: 54 28 26;
     --colors-authentication-wordBackground: 30 20 18;
     --colors-authentication-copyText: 254 131 133;
     --colors-authentication-copyTextHover: 254 171 172;
     --colors-settings-sidebar-activeLink: 59 42 28;
     --colors-settings-sidebar-badge: 47 38 30;
     --colors-settings-sidebar-type-secondary: 125 91 56;
     --colors-settings-sidebar-type-inactive: 176 129 80;
     --colors-settings-sidebar-type-icon: 176 129 80;
     --colors-settings-sidebar-type-iconActivated: 254 254 254;
     --colors-settings-sidebar-type-activated: 254 254 254;
     --colors-settings-card-border: 65 47 31;
     --colors-settings-card-background: 65 47 31;
     --colors-settings-card-altBackground: 65 47 31;
     --colors-settings-saveBar-background: 26 17 14;
     --colors-utils-divider: 73 53 33;
     --colors-errors-card: 28 14 13;
     --colors-errors-border: 66 22 23;
     --colors-errors-type-secondary: 139 75 76;
     --colors-about-circle: 66 22 23;
     --colors-about-circleText: 172 110 111;
     --colors-editBadge-bg: 66 22 23;
     --colors-editBadge-bgHover: 73 25 26;
     --colors-editBadge-text: 172 110 111;
     --colors-progress-background: 172 110 111;
     --colors-progress-preloaded: 130 98 60;
     --colors-progress-filled: 176 129 80;
     --colors-video-buttonBackground: 50 36 23;
     --colors-video-autoPlay-background: 46 14 15;
     --colors-video-autoPlay-hover: 66 22 23;
     --colors-video-scraping-card: 27 17 11;
     --colors-video-scraping-loading: 234 91 94;
     --colors-video-scraping-noresult: 139 75 76;
     --colors-video-audio-set: 176 129 80;
     --colors-video-context-background: 10 5 3;
     --colors-video-context-light: 176 129 80;
     --colors-video-context-border: 65 47 31;
     --colors-video-context-hoverColor: 33 25 20;
     --colors-video-context-buttonFocus: 59 42 28;
     --colors-video-context-flagBg: 26 17 13;
     --colors-video-context-inputBg: 26 17 13;
     --colors-video-context-buttonOverInputHover: 66 22 23;
     --colors-video-context-inputPlaceholder: 149 108 67;
     --colors-video-context-cardBorder: 46 14 15;
     --colors-video-context-slider: 172 110 111;
     --colors-video-context-sliderFilled: 176 129 80;
     --colors-video-context-buttons-list: 33 25 20;
     --colors-video-context-buttons-active: 59 42 28;
     --colors-video-context-closeHover: 26 17 13;
     --colors-video-context-type-secondary: 125 91 56;
     --colors-video-context-type-accent: 253 186 116
}

.theme-blurple {
     --colors-themePreview-primary: 93 93 174;
     --colors-themePreview-secondary: 103 103 144;
     --colors-themePreview-ghost: 255 255 255;
     --colors-pill-background: 50 50 79;
     --colors-pill-backgroundHover: 63 63 96;
     --colors-pill-highlight: 93 93 174;
     --colors-pill-activeBackground: 50 50 79;
     --colors-global-accentA: 93 93 174;
     --colors-global-accentB: 59 59 140;
     --colors-lightBar-light: 42 42 113;
     --colors-buttons-toggle: 141 68 214;
     --colors-buttons-toggleDisabled: 28 44 60;
     --colors-buttons-danger: 129 36 53;
     --colors-buttons-dangerHover: 138 41 59;
     --colors-buttons-secondary: 19 30 41;
     --colors-buttons-secondaryText: 142 163 176;
     --colors-buttons-secondaryHover: 19 30 41;
     --colors-buttons-primary: 255 255 255;
     --colors-buttons-primaryText: 0 0 0;
     --colors-buttons-primaryHover: 222 222 222;
     --colors-buttons-purple: 87 40 135;
     --colors-buttons-purpleHover: 120 49 191;
     --colors-buttons-cancel: 28 44 60;
     --colors-buttons-cancelHover: 43 61 78;
     --colors-background-main: 10 10 18;
     --colors-background-secondary: 23 23 40;
     --colors-background-secondaryHover: 39 39 65;
     --colors-background-accentA: 87 40 135;
     --colors-background-accentB: 31 31 80;
     --colors-modal-background: 15 15 27;
     --colors-type-logo: 192 130 255;
     --colors-type-emphasis: 255 255 255;
     --colors-type-text: 103 103 144;
     --colors-type-dimmed: 103 103 144;
     --colors-type-divider: 28 44 60;
     --colors-type-secondary: 91 107 123;
     --colors-type-danger: 244 110 110;
     --colors-type-success: 96 210 106;
     --colors-type-link: 192 130 255;
     --colors-type-linkHover: 213 170 255;
     --colors-search-background: 30 30 50;
     --colors-search-hoverBackground: 23 23 40;
     --colors-search-focused: 39 39 65;
     --colors-search-placeholder: 82 82 122;
     --colors-search-icon: 82 82 122;
     --colors-search-text: 255 255 255;
     --colors-mediaCard-hoverBackground: 23 23 40;
     --colors-mediaCard-hoverAccent: 103 103 144;
     --colors-mediaCard-hoverShadow: 10 10 18;
     --colors-mediaCard-shadow: 19 19 34;
     --colors-mediaCard-barColor: 68 84 100;
     --colors-mediaCard-barFillColor: 192 130 255;
     --colors-mediaCard-badge: 19 19 34;
     --colors-mediaCard-badgeText: 91 107 123;
     --colors-largeCard-background: 23 23 40;
     --colors-largeCard-icon: 120 49 191;
     --colors-dropdown-background: 23 23 40;
     --colors-dropdown-altBackground: 19 19 34;
     --colors-dropdown-hoverBackground: 30 30 50;
     --colors-dropdown-highlight: 175 163 73;
     --colors-dropdown-highlightHover: 252 236 97;
     --colors-dropdown-text: 103 103 144;
     --colors-dropdown-secondary: 82 82 122;
     --colors-dropdown-border: 39 39 65;
     --colors-dropdown-contentBackground: 30 30 50;
     --colors-authentication-border: 50 50 79;
     --colors-authentication-inputBg: 23 23 40;
     --colors-authentication-inputBgHover: 30 30 50;
     --colors-authentication-wordBackground: 30 30 50;
     --colors-authentication-copyText: 82 82 122;
     --colors-authentication-copyTextHover: 127 141 155;
     --colors-authentication-errorText: 219 61 97;
     --colors-settings-sidebar-activeLink: 23 23 40;
     --colors-settings-sidebar-badge: 10 10 18;
     --colors-settings-sidebar-type-secondary: 63 63 96;
     --colors-settings-sidebar-type-inactive: 103 103 144;
     --colors-settings-sidebar-type-icon: 103 103 144;
     --colors-settings-sidebar-type-iconActivated: 163 89 236;
     --colors-settings-sidebar-type-activated: 213 170 255;
     --colors-settings-card-border: 39 39 65;
     --colors-settings-card-background: 39 39 65;
     --colors-settings-card-altBackground: 39 39 65;
     --colors-settings-saveBar-background: 15 15 27;
     --colors-utils-divider: 43 61 78;
     --colors-onboarding-bar: 39 39 65;
     --colors-onboarding-barFilled: 141 68 214;
     --colors-onboarding-divider: 63 63 96;
     --colors-onboarding-card: 15 15 27;
     --colors-onboarding-cardHover: 19 19 34;
     --colors-onboarding-border: 23 23 40;
     --colors-onboarding-good: 192 130 255;
     --colors-onboarding-best: 255 245 153;
     --colors-onboarding-link: 192 130 255;
     --colors-errors-card: 15 15 27;
     --colors-errors-border: 28 44 60;
     --colors-errors-type-secondary: 91 107 123;
     --colors-about-circle: 28 44 60;
     --colors-about-circleText: 127 141 155;
     --colors-editBadge-bg: 28 44 60;
     --colors-editBadge-bgHover: 32 50 66;
     --colors-editBadge-text: 127 141 155;
     --colors-progress-background: 127 141 155;
     --colors-progress-preloaded: 127 141 155;
     --colors-progress-filled: 163 89 236;
     --colors-video-buttonBackground: 68 84 100;
     --colors-video-autoPlay-background: 19 30 41;
     --colors-video-autoPlay-hover: 28 44 60;
     --colors-video-scraping-card: 19 19 34;
     --colors-video-scraping-error: 228 79 79;
     --colors-video-scraping-success: 64 180 75;
     --colors-video-scraping-loading: 163 89 236;
     --colors-video-scraping-noresult: 91 107 123;
     --colors-video-audio-set: 163 89 236;
     --colors-video-context-background: 12 18 22;
     --colors-video-context-light: 103 103 144;
     --colors-video-context-border: 23 37 50;
     --colors-video-context-hoverColor: 23 37 50;
     --colors-video-context-buttonFocus: 28 44 60;
     --colors-video-context-flagBg: 28 44 60;
     --colors-video-context-inputBg: 23 37 50;
     --colors-video-context-buttonOverInputHover: 28 44 60;
     --colors-video-context-inputPlaceholder: 68 84 100;
     --colors-video-context-cardBorder: 19 30 41;
     --colors-video-context-slider: 127 141 155;
     --colors-video-context-sliderFilled: 163 89 236;
     --colors-video-context-error: 228 79 79;
     --colors-video-context-buttons-list: 19 30 41;
     --colors-video-context-buttons-active: 12 18 22;
     --colors-video-context-closeHover: 16 24 32;
     --colors-video-context-type-main: 97 122 138;
     --colors-video-context-type-secondary: 68 84 100;
     --colors-video-context-type-accent: 163 89 236
}

.theme-teal {
     --colors-themePreview-primary: 93 174 139;
     --colors-themePreview-secondary: 103 124 144;
     --colors-pill-background: 50 64 79;
     --colors-pill-backgroundHover: 63 79 96;
     --colors-pill-highlight: 93 174 139;
     --colors-pill-activeBackground: 50 64 79;
     --colors-global-accentA: 93 174 139;
     --colors-global-accentB: 59 140 105;
     --colors-lightBar-light: 42 113 82;
     --colors-buttons-toggle: 68 145 214;
     --colors-buttons-toggleDisabled: 28 60 59;
     --colors-buttons-secondary: 19 41 41;
     --colors-buttons-secondaryHover: 19 41 41;
     --colors-buttons-purple: 40 91 135;
     --colors-buttons-purpleHover: 49 125 191;
     --colors-buttons-cancel: 28 60 59;
     --colors-buttons-cancelHover: 43 78 77;
     --colors-background-main: 10 14 18;
     --colors-background-secondary: 23 32 40;
     --colors-background-secondaryHover: 39 52 65;
     --colors-background-accentA: 40 91 135;
     --colors-background-accentB: 31 80 59;
     --colors-modal-background: 15 21 27;
     --colors-type-logo: 130 196 255;
     --colors-type-text: 103 124 144;
     --colors-type-dimmed: 103 124 144;
     --colors-type-divider: 28 60 59;
     --colors-type-secondary: 91 123 123;
     --colors-type-link: 130 196 255;
     --colors-type-linkHover: 170 215 255;
     --colors-search-background: 30 40 50;
     --colors-search-hoverBackground: 23 32 40;
     --colors-search-focused: 39 52 65;
     --colors-search-placeholder: 82 102 122;
     --colors-search-icon: 82 102 122;
     --colors-mediaCard-hoverBackground: 23 32 40;
     --colors-mediaCard-hoverAccent: 103 124 144;
     --colors-mediaCard-hoverShadow: 10 14 18;
     --colors-mediaCard-shadow: 19 26 34;
     --colors-mediaCard-barColor: 68 100 99;
     --colors-mediaCard-barFillColor: 130 196 255;
     --colors-mediaCard-badge: 19 26 34;
     --colors-mediaCard-badgeText: 91 123 123;
     --colors-largeCard-background: 23 32 40;
     --colors-largeCard-icon: 49 125 191;
     --colors-dropdown-background: 23 32 40;
     --colors-dropdown-altBackground: 19 26 34;
     --colors-dropdown-hoverBackground: 30 40 50;
     --colors-dropdown-text: 103 124 144;
     --colors-dropdown-secondary: 82 102 122;
     --colors-dropdown-border: 39 52 65;
     --colors-dropdown-contentBackground: 30 40 50;
     --colors-authentication-border: 50 64 79;
     --colors-authentication-inputBg: 23 32 40;
     --colors-authentication-inputBgHover: 30 40 50;
     --colors-authentication-wordBackground: 30 40 50;
     --colors-authentication-copyText: 82 102 122;
     --colors-authentication-copyTextHover: 127 155 155;
     --colors-settings-sidebar-activeLink: 23 32 40;
     --colors-settings-sidebar-badge: 10 14 18;
     --colors-settings-sidebar-type-secondary: 63 79 96;
     --colors-settings-sidebar-type-inactive: 103 124 144;
     --colors-settings-sidebar-type-icon: 103 124 144;
     --colors-settings-sidebar-type-iconActivated: 89 168 236;
     --colors-settings-sidebar-type-activated: 170 215 255;
     --colors-settings-card-border: 39 52 65;
     --colors-settings-card-background: 39 52 65;
     --colors-settings-card-altBackground: 39 52 65;
     --colors-settings-saveBar-background: 15 21 27;
     --colors-utils-divider: 43 78 77;
     --colors-errors-card: 15 21 27;
     --colors-errors-border: 28 60 59;
     --colors-errors-type-secondary: 91 123 123;
     --colors-about-circle: 28 60 59;
     --colors-about-circleText: 127 155 155;
     --colors-editBadge-bg: 28 60 59;
     --colors-editBadge-bgHover: 32 66 65;
     --colors-editBadge-text: 127 155 155;
     --colors-progress-background: 127 155 155;
     --colors-progress-preloaded: 127 155 155;
     --colors-progress-filled: 89 168 236;
     --colors-video-buttonBackground: 68 100 99;
     --colors-video-autoPlay-background: 19 41 41;
     --colors-video-autoPlay-hover: 28 60 59;
     --colors-video-scraping-card: 19 26 34;
     --colors-video-scraping-loading: 89 168 236;
     --colors-video-scraping-noresult: 91 123 123;
     --colors-video-audio-set: 89 168 236;
     --colors-video-context-background: 12 22 21;
     --colors-video-context-light: 103 124 144;
     --colors-video-context-border: 23 50 50;
     --colors-video-context-hoverColor: 23 50 50;
     --colors-video-context-buttonFocus: 28 60 59;
     --colors-video-context-flagBg: 28 60 59;
     --colors-video-context-inputBg: 23 50 50;
     --colors-video-context-buttonOverInputHover: 28 60 59;
     --colors-video-context-inputPlaceholder: 68 100 99;
     --colors-video-context-cardBorder: 19 41 41;
     --colors-video-context-slider: 127 155 155;
     --colors-video-context-sliderFilled: 89 168 236;
     --colors-video-context-buttons-list: 19 41 41;
     --colors-video-context-buttons-active: 12 22 21;
     --colors-video-context-closeHover: 16 32 32;
     --colors-video-context-type-secondary: 68 100 99;
     --colors-video-context-type-accent: 89 168 236
}

.theme-blue {
     --colors-themePreview-primary: 93 101 174;
     --colors-themePreview-secondary: 117 103 144;
     --colors-pill-background: 60 50 79;
     --colors-pill-backgroundHover: 74 63 96;
     --colors-pill-highlight: 93 101 174;
     --colors-pill-activeBackground: 60 50 79;
     --colors-global-accentA: 93 101 174;
     --colors-global-accentB: 59 67 140;
     --colors-lightBar-light: 42 49 113;
     --colors-buttons-toggle: 26 99 255;
     --colors-buttons-toggleDisabled: 28 36 60;
     --colors-buttons-secondary: 19 24 41;
     --colors-buttons-secondaryHover: 19 24 41;
     --colors-buttons-purple: 8 58 167;
     --colors-buttons-purpleHover: 5 78 236;
     --colors-buttons-cancel: 28 36 60;
     --colors-buttons-cancelHover: 43 52 78;
     --colors-background-main: 13 10 18;
     --colors-background-secondary: 29 23 40;
     --colors-background-secondaryHover: 48 39 65;
     --colors-background-accentA: 8 58 167;
     --colors-background-accentB: 31 36 80;
     --colors-modal-background: 19 15 27;
     --colors-type-logo: 130 169 255;
     --colors-type-text: 117 103 144;
     --colors-type-dimmed: 117 103 144;
     --colors-type-divider: 28 36 60;
     --colors-type-secondary: 91 98 123;
     --colors-type-link: 130 169 255;
     --colors-type-linkHover: 170 197 255;
     --colors-search-background: 37 30 50;
     --colors-search-hoverBackground: 29 23 40;
     --colors-search-focused: 48 39 65;
     --colors-search-placeholder: 96 82 122;
     --colors-search-icon: 96 82 122;
     --colors-mediaCard-hoverBackground: 29 23 40;
     --colors-mediaCard-hoverAccent: 117 103 144;
     --colors-mediaCard-hoverShadow: 13 10 18;
     --colors-mediaCard-shadow: 24 19 34;
     --colors-mediaCard-barColor: 68 75 100;
     --colors-mediaCard-barFillColor: 130 169 255;
     --colors-mediaCard-badge: 24 19 34;
     --colors-mediaCard-badgeText: 91 98 123;
     --colors-largeCard-background: 29 23 40;
     --colors-largeCard-icon: 5 78 236;
     --colors-dropdown-background: 29 23 40;
     --colors-dropdown-altBackground: 24 19 34;
     --colors-dropdown-hoverBackground: 37 30 50;
     --colors-dropdown-text: 117 103 144;
     --colors-dropdown-secondary: 96 82 122;
     --colors-dropdown-border: 48 39 65;
     --colors-dropdown-contentBackground: 37 30 50;
     --colors-authentication-border: 60 50 79;
     --colors-authentication-inputBg: 29 23 40;
     --colors-authentication-inputBgHover: 37 30 50;
     --colors-authentication-wordBackground: 37 30 50;
     --colors-authentication-copyText: 96 82 122;
     --colors-authentication-copyTextHover: 127 133 155;
     --colors-settings-sidebar-activeLink: 29 23 40;
     --colors-settings-sidebar-badge: 13 10 18;
     --colors-settings-sidebar-type-secondary: 74 63 96;
     --colors-settings-sidebar-type-inactive: 117 103 144;
     --colors-settings-sidebar-type-icon: 117 103 144;
     --colors-settings-sidebar-type-iconActivated: 70 129 255;
     --colors-settings-sidebar-type-activated: 170 197 255;
     --colors-settings-card-border: 48 39 65;
     --colors-settings-card-background: 48 39 65;
     --colors-settings-card-altBackground: 48 39 65;
     --colors-settings-saveBar-background: 19 15 27;
     --colors-utils-divider: 43 52 78;
     --colors-errors-card: 19 15 27;
     --colors-errors-border: 28 36 60;
     --colors-errors-type-secondary: 91 98 123;
     --colors-about-circle: 28 36 60;
     --colors-about-circleText: 127 133 155;
     --colors-editBadge-bg: 28 36 60;
     --colors-editBadge-bgHover: 32 40 66;
     --colors-editBadge-text: 127 133 155;
     --colors-progress-background: 127 133 155;
     --colors-progress-preloaded: 127 133 155;
     --colors-progress-filled: 70 129 255;
     --colors-video-buttonBackground: 68 75 100;
     --colors-video-autoPlay-background: 19 24 41;
     --colors-video-autoPlay-hover: 28 36 60;
     --colors-video-scraping-card: 24 19 34;
     --colors-video-scraping-loading: 70 129 255;
     --colors-video-scraping-noresult: 91 98 123;
     --colors-video-audio-set: 70 129 255;
     --colors-video-context-background: 12 15 22;
     --colors-video-context-light: 117 103 144;
     --colors-video-context-border: 23 29 50;
     --colors-video-context-hoverColor: 23 29 50;
     --colors-video-context-buttonFocus: 28 36 60;
     --colors-video-context-flagBg: 28 36 60;
     --colors-video-context-inputBg: 23 29 50;
     --colors-video-context-buttonOverInputHover: 28 36 60;
     --colors-video-context-inputPlaceholder: 68 75 100;
     --colors-video-context-cardBorder: 19 24 41;
     --colors-video-context-slider: 127 133 155;
     --colors-video-context-sliderFilled: 70 129 255;
     --colors-video-context-buttons-list: 19 24 41;
     --colors-video-context-buttons-active: 12 15 22;
     --colors-video-context-closeHover: 16 20 32;
     --colors-video-context-type-secondary: 68 75 100;
     --colors-video-context-type-accent: 70 129 255
}

.theme-gray {
     --colors-themePreview-primary: 134 134 134;
     --colors-themePreview-secondary: 124 124 124;
     --colors-pill-background: 64 64 64;
     --colors-pill-backgroundHover: 79 79 79;
     --colors-pill-highlight: 134 134 134;
     --colors-pill-activeBackground: 64 64 64;
     --colors-global-accentA: 134 134 134;
     --colors-global-accentB: 100 100 100;
     --colors-lightBar-light: 78 78 78;
     --colors-buttons-toggle: 69 76 212;
     --colors-buttons-toggleDisabled: 44 44 44;
     --colors-buttons-secondary: 30 30 30;
     --colors-buttons-secondaryHover: 30 30 30;
     --colors-buttons-purple: 41 45 134;
     --colors-buttons-purpleHover: 51 58 190;
     --colors-buttons-cancel: 44 44 44;
     --colors-buttons-cancelHover: 60 60 60;
     --colors-background-main: 14 14 14;
     --colors-background-secondary: 32 32 32;
     --colors-background-secondaryHover: 52 52 52;
     --colors-background-accentA: 41 45 134;
     --colors-background-accentB: 56 56 56;
     --colors-modal-background: 21 21 21;
     --colors-type-logo: 130 136 254;
     --colors-type-text: 124 124 124;
     --colors-type-dimmed: 124 124 124;
     --colors-type-divider: 44 44 44;
     --colors-type-secondary: 107 107 107;
     --colors-type-link: 130 136 254;
     --colors-type-linkHover: 170 175 255;
     --colors-search-background: 40 40 40;
     --colors-search-hoverBackground: 32 32 32;
     --colors-search-focused: 52 52 52;
     --colors-search-placeholder: 102 102 102;
     --colors-search-icon: 102 102 102;
     --colors-mediaCard-hoverBackground: 32 32 32;
     --colors-mediaCard-hoverAccent: 124 124 124;
     --colors-mediaCard-hoverShadow: 14 14 14;
     --colors-mediaCard-shadow: 26 26 26;
     --colors-mediaCard-barColor: 84 84 84;
     --colors-mediaCard-barFillColor: 130 136 254;
     --colors-mediaCard-badge: 26 26 26;
     --colors-mediaCard-badgeText: 107 107 107;
     --colors-largeCard-background: 32 32 32;
     --colors-largeCard-icon: 51 58 190;
     --colors-dropdown-background: 32 32 32;
     --colors-dropdown-altBackground: 26 26 26;
     --colors-dropdown-hoverBackground: 40 40 40;
     --colors-dropdown-text: 124 124 124;
     --colors-dropdown-secondary: 102 102 102;
     --colors-dropdown-border: 52 52 52;
     --colors-dropdown-contentBackground: 40 40 40;
     --colors-authentication-border: 64 64 64;
     --colors-authentication-inputBg: 32 32 32;
     --colors-authentication-inputBgHover: 40 40 40;
     --colors-authentication-wordBackground: 40 40 40;
     --colors-authentication-copyText: 102 102 102;
     --colors-authentication-copyTextHover: 141 141 141;
     --colors-settings-sidebar-activeLink: 32 32 32;
     --colors-settings-sidebar-badge: 14 14 14;
     --colors-settings-sidebar-type-secondary: 79 79 79;
     --colors-settings-sidebar-type-inactive: 124 124 124;
     --colors-settings-sidebar-type-icon: 124 124 124;
     --colors-settings-sidebar-type-iconActivated: 90 98 235;
     --colors-settings-sidebar-type-activated: 170 175 255;
     --colors-settings-card-border: 52 52 52;
     --colors-settings-card-background: 52 52 52;
     --colors-settings-card-altBackground: 52 52 52;
     --colors-settings-saveBar-background: 21 21 21;
     --colors-utils-divider: 60 60 60;
     --colors-errors-card: 21 21 21;
     --colors-errors-border: 44 44 44;
     --colors-errors-type-secondary: 107 107 107;
     --colors-about-circle: 44 44 44;
     --colors-about-circleText: 141 141 141;
     --colors-editBadge-bg: 44 44 44;
     --colors-editBadge-bgHover: 49 49 49;
     --colors-editBadge-text: 141 141 141;
     --colors-progress-background: 141 141 141;
     --colors-progress-preloaded: 141 141 141;
     --colors-progress-filled: 90 98 235;
     --colors-video-buttonBackground: 84 84 84;
     --colors-video-autoPlay-background: 30 30 30;
     --colors-video-autoPlay-hover: 44 44 44;
     --colors-video-scraping-card: 26 26 26;
     --colors-video-scraping-loading: 90 98 235;
     --colors-video-scraping-noresult: 107 107 107;
     --colors-video-audio-set: 90 98 235;
     --colors-video-context-background: 17 17 17;
     --colors-video-context-light: 124 124 124;
     --colors-video-context-border: 37 37 37;
     --colors-video-context-hoverColor: 37 37 37;
     --colors-video-context-buttonFocus: 44 44 44;
     --colors-video-context-flagBg: 44 44 44;
     --colors-video-context-inputBg: 37 37 37;
     --colors-video-context-buttonOverInputHover: 44 44 44;
     --colors-video-context-inputPlaceholder: 84 84 84;
     --colors-video-context-cardBorder: 30 30 30;
     --colors-video-context-slider: 141 141 141;
     --colors-video-context-sliderFilled: 90 98 235;
     --colors-video-context-buttons-list: 30 30 30;
     --colors-video-context-buttons-active: 17 17 17;
     --colors-video-context-closeHover: 24 24 24;
     --colors-video-context-type-secondary: 84 84 84;
     --colors-video-context-type-accent: 90 98 235
}

.theme-red {
     --colors-themePreview-primary: 174 93 101;
     --colors-themePreview-secondary: 156 96 92;
     --colors-pill-background: 84 47 44;
     --colors-pill-backgroundHover: 103 59 56;
     --colors-pill-highlight: 174 93 101;
     --colors-pill-activeBackground: 84 47 44;
     --colors-global-accentA: 174 93 101;
     --colors-global-accentB: 140 59 67;
     --colors-lightBar-light: 113 42 49;
     --colors-buttons-toggle: 211 70 72;
     --colors-buttons-toggleDisabled: 66 22 23;
     --colors-buttons-secondary: 46 14 15;
     --colors-buttons-secondaryHover: 46 14 15;
     --colors-buttons-purple: 133 42 43;
     --colors-buttons-purpleHover: 189 52 54;
     --colors-buttons-cancel: 66 22 23;
     --colors-buttons-cancelHover: 87 34 37;
     --colors-background-main: 19 9 9;
     --colors-background-secondary: 43 22 20;
     --colors-background-secondaryHover: 69 36 34;
     --colors-background-accentA: 133 42 43;
     --colors-background-accentB: 80 31 36;
     --colors-modal-background: 28 14 13;
     --colors-type-logo: 254 131 133;
     --colors-type-text: 156 96 92;
     --colors-type-dimmed: 156 96 92;
     --colors-type-divider: 66 22 23;
     --colors-type-secondary: 139 75 76;
     --colors-type-link: 254 131 133;
     --colors-type-linkHover: 254 171 172;
     --colors-search-background: 54 28 26;
     --colors-search-hoverBackground: 43 22 20;
     --colors-search-focused: 69 36 34;
     --colors-search-placeholder: 131 77 73;
     --colors-search-icon: 131 77 73;
     --colors-mediaCard-hoverBackground: 43 22 20;
     --colors-mediaCard-hoverAccent: 156 96 92;
     --colors-mediaCard-hoverShadow: 19 9 9;
     --colors-mediaCard-shadow: 36 18 16;
     --colors-mediaCard-barColor: 112 55 57;
     --colors-mediaCard-barFillColor: 254 131 133;
     --colors-mediaCard-badge: 36 18 16;
     --colors-mediaCard-badgeText: 139 75 76;
     --colors-largeCard-background: 43 22 20;
     --colors-largeCard-icon: 189 52 54;
     --colors-dropdown-background: 43 22 20;
     --colors-dropdown-altBackground: 36 18 16;
     --colors-dropdown-hoverBackground: 54 28 26;
     --colors-dropdown-text: 156 96 92;
     --colors-dropdown-secondary: 131 77 73;
     --colors-dropdown-border: 69 36 34;
     --colors-dropdown-contentBackground: 54 28 26;
     --colors-authentication-border: 84 47 44;
     --colors-authentication-inputBg: 43 22 20;
     --colors-authentication-inputBgHover: 54 28 26;
     --colors-authentication-wordBackground: 54 28 26;
     --colors-authentication-copyText: 131 77 73;
     --colors-authentication-copyTextHover: 172 110 111;
     --colors-settings-sidebar-activeLink: 43 22 20;
     --colors-settings-sidebar-badge: 19 9 9;
     --colors-settings-sidebar-type-secondary: 103 59 56;
     --colors-settings-sidebar-type-inactive: 156 96 92;
     --colors-settings-sidebar-type-icon: 156 96 92;
     --colors-settings-sidebar-type-iconActivated: 234 91 94;
     --colors-settings-sidebar-type-activated: 254 171 172;
     --colors-settings-card-border: 69 36 34;
     --colors-settings-card-background: 69 36 34;
     --colors-settings-card-altBackground: 69 36 34;
     --colors-settings-saveBar-background: 28 14 13;
     --colors-utils-divider: 87 34 37;
     --colors-errors-card: 28 14 13;
     --colors-errors-border: 66 22 23;
     --colors-errors-type-secondary: 139 75 76;
     --colors-about-circle: 66 22 23;
     --colors-about-circleText: 172 110 111;
     --colors-editBadge-bg: 66 22 23;
     --colors-editBadge-bgHover: 73 25 26;
     --colors-editBadge-text: 172 110 111;
     --colors-progress-background: 172 110 111;
     --colors-progress-preloaded: 172 110 111;
     --colors-progress-filled: 234 91 94;
     --colors-video-buttonBackground: 112 55 57;
     --colors-video-autoPlay-background: 46 14 15;
     --colors-video-autoPlay-hover: 66 22 23;
     --colors-video-scraping-card: 36 18 16;
     --colors-video-scraping-loading: 234 91 94;
     --colors-video-scraping-noresult: 139 75 76;
     --colors-video-audio-set: 234 91 94;
     --colors-video-context-background: 25 9 11;
     --colors-video-context-light: 156 96 92;
     --colors-video-context-border: 55 18 18;
     --colors-video-context-hoverColor: 55 18 18;
     --colors-video-context-buttonFocus: 66 22 23;
     --colors-video-context-flagBg: 66 22 23;
     --colors-video-context-inputBg: 55 18 18;
     --colors-video-context-buttonOverInputHover: 66 22 23;
     --colors-video-context-inputPlaceholder: 112 55 57;
     --colors-video-context-cardBorder: 46 14 15;
     --colors-video-context-slider: 172 110 111;
     --colors-video-context-sliderFilled: 234 91 94;
     --colors-video-context-buttons-list: 46 14 15;
     --colors-video-context-buttons-active: 25 9 11;
     --colors-video-context-closeHover: 35 12 13;
     --colors-video-context-type-secondary: 112 55 57;
     --colors-video-context-type-accent: 234 91 94
}

.theme-amoled {
     --colors-themePreview-primary: 30 30 30;
     --colors-themePreview-secondary: 20 20 20;
     --colors-pill-background: 0 0 0;
     --colors-pill-backgroundHover: 15 15 15;
     --colors-pill-highlight: 134 134 134;
     --colors-pill-activeBackground: 30 30 30;
     --colors-global-accentA: 134 134 134;
     --colors-global-accentB: 100 100 100;
     --colors-lightBar-light: 20 20 20;
     --colors-buttons-toggle: 69 76 212;
     --colors-buttons-toggleDisabled: 44 44 44;
     --colors-buttons-secondary: 30 30 30;
     --colors-buttons-secondaryHover: 30 30 30;
     --colors-buttons-purple: 41 45 134;
     --colors-buttons-purpleHover: 51 58 190;
     --colors-buttons-cancel: 44 44 44;
     --colors-buttons-cancelHover: 60 60 60;
     --colors-background-main: 0 0 0;
     --colors-background-secondary: 0 0 0;
     --colors-background-secondaryHover: 0 0 0;
     --colors-background-accentA: 0 0 0;
     --colors-background-accentB: 0 0 0;
     --colors-modal-background: 21 21 21;
     --colors-type-logo: 130 136 254;
     --colors-type-text: 124 124 124;
     --colors-type-dimmed: 124 124 124;
     --colors-type-divider: 44 44 44;
     --colors-type-secondary: 107 107 107;
     --colors-type-link: 130 136 254;
     --colors-type-linkHover: 170 175 255;
     --colors-search-background: 0 0 0;
     --colors-search-hoverBackground: 0 0 0;
     --colors-search-focused: 0 0 0;
     --colors-search-placeholder: 102 102 102;
     --colors-search-icon: 102 102 102;
     --colors-search-text: 255 255 255;
     --colors-mediaCard-hoverBackground: 10 10 10;
     --colors-mediaCard-hoverAccent: 124 124 124;
     --colors-mediaCard-hoverShadow: 14 14 14;
     --colors-mediaCard-shadow: 10 10 10;
     --colors-mediaCard-barColor: 84 84 84;
     --colors-mediaCard-barFillColor: 130 136 254;
     --colors-mediaCard-badge: 10 10 10;
     --colors-mediaCard-badgeText: 107 107 107;
     --colors-largeCard-background: 15 15 15;
     --colors-largeCard-icon: 51 58 190;
     --colors-dropdown-background: 10 10 10;
     --colors-dropdown-altBackground: 10 10 10;
     --colors-dropdown-hoverBackground: 40 40 40;
     --colors-dropdown-text: 124 124 124;
     --colors-dropdown-secondary: 102 102 102;
     --colors-dropdown-border: 30 30 30;
     --colors-dropdown-contentBackground: 15 15 15;
     --colors-authentication-border: 30 30 30;
     --colors-authentication-inputBg: 10 10 10;
     --colors-authentication-inputBgHover: 15 15 15;
     --colors-authentication-wordBackground: 15 15 15;
     --colors-authentication-copyText: 102 102 102;
     --colors-authentication-copyTextHover: 141 141 141;
     --colors-settings-sidebar-activeLink: 15 15 15;
     --colors-settings-sidebar-badge: 14 14 14;
     --colors-settings-sidebar-type-secondary: 79 79 79;
     --colors-settings-sidebar-type-inactive: 124 124 124;
     --colors-settings-sidebar-type-icon: 124 124 124;
     --colors-settings-sidebar-type-iconActivated: 90 98 235;
     --colors-settings-sidebar-type-activated: 170 175 255;
     --colors-settings-card-border: 30 30 30;
     --colors-settings-card-background: 30 30 30;
     --colors-settings-card-altBackground: 30 30 30;
     --colors-settings-saveBar-background: 8 8 8;
     --colors-utils-divider: 60 60 60;
     --colors-errors-card: 21 21 21;
     --colors-errors-border: 44 44 44;
     --colors-errors-type-secondary: 107 107 107;
     --colors-about-circle: 44 44 44;
     --colors-about-circleText: 141 141 141;
     --colors-editBadge-bg: 44 44 44;
     --colors-editBadge-bgHover: 49 49 49;
     --colors-editBadge-text: 141 141 141;
     --colors-progress-background: 141 141 141;
     --colors-progress-preloaded: 141 141 141;
     --colors-progress-filled: 90 98 235;
     --colors-video-buttonBackground: 84 84 84;
     --colors-video-autoPlay-background: 30 30 30;
     --colors-video-autoPlay-hover: 44 44 44;
     --colors-video-scraping-card: 10 10 10;
     --colors-video-scraping-loading: 90 98 235;
     --colors-video-scraping-noresult: 107 107 107;
     --colors-video-audio-set: 90 98 235;
     --colors-video-context-background: 17 17 17;
     --colors-video-context-light: 124 124 124;
     --colors-video-context-border: 37 37 37;
     --colors-video-context-hoverColor: 37 37 37;
     --colors-video-context-buttonFocus: 44 44 44;
     --colors-video-context-flagBg: 44 44 44;
     --colors-video-context-inputBg: 37 37 37;
     --colors-video-context-buttonOverInputHover: 44 44 44;
     --colors-video-context-inputPlaceholder: 84 84 84;
     --colors-video-context-cardBorder: 30 30 30;
     --colors-video-context-slider: 141 141 141;
     --colors-video-context-sliderFilled: 90 98 235;
     --colors-video-context-buttons-list: 30 30 30;
     --colors-video-context-buttons-active: 17 17 17;
     --colors-video-context-closeHover: 24 24 24;
     --colors-video-context-type-secondary: 84 84 84;
     --colors-video-context-type-accent: 90 98 235
}

*,
:before,
:after {
     --tw-border-spacing-x: 0;
     --tw-border-spacing-y: 0;
     --tw-translate-x: 0;
     --tw-translate-y: 0;
     --tw-rotate: 0;
     --tw-skew-x: 0;
     --tw-skew-y: 0;
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     --tw-pan-x: ;
     --tw-pan-y: ;
     --tw-pinch-zoom: ;
     --tw-scroll-snap-strictness: proximity;
     --tw-gradient-from-position: ;
     --tw-gradient-via-position: ;
     --tw-gradient-to-position: ;
     --tw-ordinal: ;
     --tw-slashed-zero: ;
     --tw-numeric-figure: ;
     --tw-numeric-spacing: ;
     --tw-numeric-fraction: ;
     --tw-ring-inset: ;
     --tw-ring-offset-width: 0px;
     --tw-ring-offset-color: #fff;
     --tw-ring-color: rgb(59 130 246 / .5);
     --tw-ring-offset-shadow: 0 0 #0000;
     --tw-ring-shadow: 0 0 #0000;
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
     --tw-blur: ;
     --tw-brightness: ;
     --tw-contrast: ;
     --tw-grayscale: ;
     --tw-hue-rotate: ;
     --tw-invert: ;
     --tw-saturate: ;
     --tw-sepia: ;
     --tw-drop-shadow: ;
     --tw-backdrop-blur: ;
     --tw-backdrop-brightness: ;
     --tw-backdrop-contrast: ;
     --tw-backdrop-grayscale: ;
     --tw-backdrop-hue-rotate: ;
     --tw-backdrop-invert: ;
     --tw-backdrop-opacity: ;
     --tw-backdrop-saturate: ;
     --tw-backdrop-sepia:
}

::backdrop {
     --tw-border-spacing-x: 0;
     --tw-border-spacing-y: 0;
     --tw-translate-x: 0;
     --tw-translate-y: 0;
     --tw-rotate: 0;
     --tw-skew-x: 0;
     --tw-skew-y: 0;
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     --tw-pan-x: ;
     --tw-pan-y: ;
     --tw-pinch-zoom: ;
     --tw-scroll-snap-strictness: proximity;
     --tw-gradient-from-position: ;
     --tw-gradient-via-position: ;
     --tw-gradient-to-position: ;
     --tw-ordinal: ;
     --tw-slashed-zero: ;
     --tw-numeric-figure: ;
     --tw-numeric-spacing: ;
     --tw-numeric-fraction: ;
     --tw-ring-inset: ;
     --tw-ring-offset-width: 0px;
     --tw-ring-offset-color: #fff;
     --tw-ring-color: rgb(59 130 246 / .5);
     --tw-ring-offset-shadow: 0 0 #0000;
     --tw-ring-shadow: 0 0 #0000;
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
     --tw-blur: ;
     --tw-brightness: ;
     --tw-contrast: ;
     --tw-grayscale: ;
     --tw-hue-rotate: ;
     --tw-invert: ;
     --tw-saturate: ;
     --tw-sepia: ;
     --tw-drop-shadow: ;
     --tw-backdrop-blur: ;
     --tw-backdrop-brightness: ;
     --tw-backdrop-contrast: ;
     --tw-backdrop-grayscale: ;
     --tw-backdrop-hue-rotate: ;
     --tw-backdrop-invert: ;
     --tw-backdrop-opacity: ;
     --tw-backdrop-saturate: ;
     --tw-backdrop-sepia:
}

.container {
     width: 100%
}

@media (min-width: 400px) {
     .container {
          max-width: 400px
     }
}

@media (min-width: 640px) {
     .container {
          max-width: 640px
     }
}

@media (min-width: 768px) {
     .container {
          max-width: 768px
     }
}

@media (min-width: 1024px) {
     .container {
          max-width: 1024px
     }
}

@media (min-width: 1280px) {
     .container {
          max-width: 1280px
     }
}

@media (min-width: 1536px) {
     .container {
          max-width: 1536px
     }
}

.pointer-events-none {
     pointer-events: none
}

.pointer-events-auto {
     pointer-events: auto
}

.fixed {
     position: fixed
}

.absolute {
     position: absolute
}

.relative {
     position: relative
}

.inset-0 {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0
}

.inset-\[1px\] {
     top: 1px;
     right: 1px;
     bottom: 1px;
     left: 1px
}

.inset-x-0 {
     left: 0;
     right: 0
}

.inset-y-0 {
     top: 0;
     bottom: 0
}

.-bottom-24 {
     bottom: -6rem
}

.-bottom-px {
     bottom: -1px
}

[dir=ltr] .-right-48 {
     right: -12rem
}

[dir=rtl] .-right-48 {
     left: -12rem
}

.-top-5 {
     top: -1.25rem
}

.bottom-0 {
     bottom: 0
}

.bottom-12 {
     bottom: 3rem
}

.bottom-24 {
     bottom: 6rem
}

.bottom-\[calc\(3rem\+env\(safe-area-inset-bottom\)\)\] {
     bottom: calc(3rem + env(safe-area-inset-bottom))
}

.bottom-\[calc\(6rem\+env\(safe-area-inset-bottom\)\)\] {
     bottom: calc(6rem + env(safe-area-inset-bottom))
}

[dir=ltr] .left-0 {
     left: 0
}

[dir=rtl] .left-0 {
     right: 0
}

[dir=ltr] .left-1\/2 {
     left: 50%
}

[dir=rtl] .left-1\/2 {
     right: 50%
}

[dir=ltr] .left-2 {
     left: .5rem
}

[dir=rtl] .left-2 {
     right: .5rem
}

[dir=ltr] .left-3 {
     left: .75rem
}

[dir=rtl] .left-3 {
     right: .75rem
}

[dir=ltr] .left-5 {
     left: 1.25rem
}

[dir=rtl] .left-5 {
     right: 1.25rem
}

[dir=ltr] .left-full {
     left: 100%
}

[dir=rtl] .left-full {
     right: 100%
}

[dir=ltr] .right-0 {
     right: 0
}

[dir=rtl] .right-0 {
     left: 0
}

[dir=ltr] .right-1 {
     right: .25rem
}

[dir=rtl] .right-1 {
     left: .25rem
}

[dir=ltr] .right-2 {
     right: .5rem
}

[dir=rtl] .right-2 {
     left: .5rem
}

[dir=ltr] .right-3 {
     right: .75rem
}

[dir=rtl] .right-3 {
     left: .75rem
}

[dir=ltr] .right-4 {
     right: 1rem
}

[dir=rtl] .right-4 {
     left: 1rem
}

[dir=ltr] .right-48 {
     right: 12rem
}

[dir=rtl] .right-48 {
     left: 12rem
}

[dir=ltr] .right-\[calc\(2rem\+env\(safe-area-inset-right\)\)\] {
     right: calc(2rem + env(safe-area-inset-right))
}

[dir=rtl] .right-\[calc\(2rem\+env\(safe-area-inset-right\)\)\] {
     left: calc(2rem + env(safe-area-inset-left))
}

[dir=ltr] .right-\[calc\(3rem\+env\(safe-area-inset-right\)\)\] {
     right: calc(3rem + env(safe-area-inset-right))
}

[dir=rtl] .right-\[calc\(3rem\+env\(safe-area-inset-right\)\)\] {
     left: calc(3rem + env(safe-area-inset-left))
}

.top-0 {
     top: 0
}

.top-1\/2 {
     top: 50%
}

.top-10 {
     top: 2.5rem
}

.top-2 {
     top: .5rem
}

.top-3 {
     top: .75rem
}

.top-4 {
     top: 1rem
}

.top-6 {
     top: 1.5rem
}

.top-full {
     top: 100%
}

.-z-10 {
     z-index: -10
}

.z-0 {
     z-index: 0
}

.z-10 {
     z-index: 10
}

.z-30 {
     z-index: 30
}

.z-50 {
     z-index: 50
}

.z-\[1000\] {
     z-index: 1000
}

.z-\[1\] {
     z-index: 1
}

.z-\[20\] {
     z-index: 20
}

.z-\[60\] {
     z-index: 60
}

.z-\[999\] {
     z-index: 999
}

.col-span-1 {
     grid-column: span 1 / span 1
}

.col-span-2 {
     grid-column: span 2 / span 2
}

.-m-3 {
     margin: -.75rem
}

.m-3 {
     margin: .75rem
}

.m-4 {
     margin: 1rem
}

.\!my-4 {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important
}

.-mx-1 {
     margin-left: -.25rem;
     margin-right: -.25rem
}

.-mx-2 {
     margin-left: -.5rem;
     margin-right: -.5rem
}

.-mx-3 {
     margin-left: -.75rem;
     margin-right: -.75rem
}

.-mx-8 {
     margin-left: -2rem;
     margin-right: -2rem
}

.-my-1 {
     margin-top: -.25rem;
     margin-bottom: -.25rem
}

.mx-1 {
     margin-left: .25rem;
     margin-right: .25rem
}

.mx-3 {
     margin-left: .75rem;
     margin-right: .75rem
}

.mx-4 {
     margin-left: 1rem;
     margin-right: 1rem
}

.mx-\[0\.6em\] {
     margin-left: .6em;
     margin-right: .6em
}

.mx-auto {
     margin-left: auto;
     margin-right: auto
}

.my-2 {
     margin-top: .5rem;
     margin-bottom: .5rem
}

.my-3 {
     margin-top: .75rem;
     margin-bottom: .75rem
}

.my-4 {
     margin-top: 1rem;
     margin-bottom: 1rem
}

.my-6 {
     margin-top: 1.5rem;
     margin-bottom: 1.5rem
}

.my-8 {
     margin-top: 2rem;
     margin-bottom: 2rem
}

.my-9 {
     margin-top: 2.25rem;
     margin-bottom: 2.25rem
}

.my-auto {
     margin-top: auto;
     margin-bottom: auto
}

.\!mb-0 {
     margin-bottom: 0 !important
}

.\!mb-12 {
     margin-bottom: 3rem !important
}

.\!mb-3 {
     margin-bottom: .75rem !important
}

.\!mb-4 {
     margin-bottom: 1rem !important
}

.\!mb-5 {
     margin-bottom: 1.25rem !important
}

.\!mt-0 {
     margin-top: 0 !important
}

.\!mt-1 {
     margin-top: .25rem !important
}

.\!mt-8 {
     margin-top: 2rem !important
}

.-mb-1 {
     margin-bottom: -.25rem
}

.-mb-px {
     margin-bottom: -1px
}

[dir=ltr] .-ml-2 {
     margin-left: -.5rem
}

[dir=rtl] .-ml-2 {
     margin-right: -.5rem
}

[dir=ltr] .-ml-3 {
     margin-left: -.75rem
}

[dir=rtl] .-ml-3 {
     margin-right: -.75rem
}

[dir=ltr] .-mr-1 {
     margin-right: -.25rem
}

[dir=rtl] .-mr-1 {
     margin-left: -.25rem
}

[dir=ltr] .-mr-1\.5 {
     margin-right: -.375rem
}

[dir=rtl] .-mr-1\.5 {
     margin-left: -.375rem
}

[dir=ltr] .-mr-3 {
     margin-right: -.75rem
}

[dir=rtl] .-mr-3 {
     margin-left: -.75rem
}

.-mt-2 {
     margin-top: -.5rem
}

.-mt-64 {
     margin-top: -16rem
}

.-mt-\[22\%\] {
     margin-top: -22%
}

.mb-1 {
     margin-bottom: .25rem
}

.mb-12 {
     margin-bottom: 3rem
}

.mb-16 {
     margin-bottom: 4rem
}

.mb-2 {
     margin-bottom: .5rem
}

.mb-24 {
     margin-bottom: 6rem
}

.mb-28 {
     margin-bottom: 7rem
}

.mb-3 {
     margin-bottom: .75rem
}

.mb-4 {
     margin-bottom: 1rem
}

.mb-5 {
     margin-bottom: 1.25rem
}

.mb-6 {
     margin-bottom: 1.5rem
}

.mb-8 {
     margin-bottom: 2rem
}

.mb-9 {
     margin-bottom: 2.25rem
}

.mb-\[env\(safe-area-inset-bottom\)\] {
     margin-bottom: env(safe-area-inset-bottom)
}

[dir=ltr] .ml-1 {
     margin-left: .25rem
}

[dir=rtl] .ml-1 {
     margin-right: .25rem
}

[dir=ltr] .ml-2 {
     margin-left: .5rem
}

[dir=rtl] .ml-2 {
     margin-right: .5rem
}

[dir=ltr] .ml-3 {
     margin-left: .75rem
}

[dir=rtl] .ml-3 {
     margin-right: .75rem
}

[dir=ltr] .ml-\[env\(safe-area-inset-left\)\] {
     margin-left: env(safe-area-inset-left)
}

[dir=rtl] .ml-\[env\(safe-area-inset-left\)\] {
     margin-right: env(safe-area-inset-right)
}

[dir=ltr] .mr-1 {
     margin-right: .25rem
}

[dir=rtl] .mr-1 {
     margin-left: .25rem
}

[dir=ltr] .mr-2 {
     margin-right: .5rem
}

[dir=rtl] .mr-2 {
     margin-left: .5rem
}

[dir=ltr] .mr-3 {
     margin-right: .75rem
}

[dir=rtl] .mr-3 {
     margin-left: .75rem
}

[dir=ltr] .mr-4 {
     margin-right: 1rem
}

[dir=rtl] .mr-4 {
     margin-left: 1rem
}

[dir=ltr] .mr-\[env\(safe-area-inset-right\)\] {
     margin-right: env(safe-area-inset-right)
}

[dir=rtl] .mr-\[env\(safe-area-inset-right\)\] {
     margin-left: env(safe-area-inset-left)
}

.mt-0 {
     margin-top: 0
}

.mt-0\.5 {
     margin-top: .125rem
}

.mt-1 {
     margin-top: .25rem
}

.mt-12 {
     margin-top: 3rem
}

.mt-14 {
     margin-top: 3.5rem
}

.mt-16 {
     margin-top: 4rem
}

.mt-2 {
     margin-top: .5rem
}

.mt-20 {
     margin-top: 5rem
}

.mt-3 {
     margin-top: .75rem
}

.mt-4 {
     margin-top: 1rem
}

.mt-40 {
     margin-top: 10rem
}

.mt-44 {
     margin-top: 11rem
}

.mt-48 {
     margin-top: 12rem
}

.mt-5 {
     margin-top: 1.25rem
}

.mt-6 {
     margin-top: 1.5rem
}

.mt-8 {
     margin-top: 2rem
}

.box-content {
     box-sizing: content-box
}

.line-clamp-1 {
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1
}

.line-clamp-3 {
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3
}

.block {
     display: block
}

.inline-block {
     display: inline-block
}

.inline {
     display: inline
}

.flex {
     display: flex
}

.inline-flex {
     display: inline-flex
}

.grid {
     display: grid
}

.hidden {
     display: none
}

.aspect-square {
     aspect-ratio: 1 / 1
}

.aspect-video {
     aspect-ratio: 16 / 9
}

.\!h-1 {
     height: .25rem !important
}

.\!h-1\.5 {
     height: .375rem !important
}

.h-0 {
     height: 0px
}

.h-0\.5 {
     height: .125rem
}

.h-1 {
     height: .25rem
}

.h-1\.5 {
     height: .375rem
}

.h-10 {
     height: 2.5rem
}

.h-11 {
     height: 2.75rem
}

.h-12 {
     height: 3rem
}

.h-16 {
     height: 4rem
}

.h-2 {
     height: .5rem
}

.h-20 {
     height: 5rem
}

.h-24 {
     height: 6rem
}

.h-3 {
     height: .75rem
}

.h-32 {
     height: 8rem
}

.h-4 {
     height: 1rem
}

.h-4\/5 {
     height: 80%
}

.h-5 {
     height: 1.25rem
}

.h-6 {
     height: 1.5rem
}

.h-60 {
     height: 15rem
}

.h-7 {
     height: 1.75rem
}

.h-8 {
     height: 2rem
}

.h-\[1\.5rem\] {
     height: 1.5rem
}

.h-\[15rem\] {
     height: 15rem
}

.h-\[18px\] {
     height: 18px
}

.h-\[1rem\] {
     height: 1rem
}

.h-\[3px\] {
     height: 3px
}

.h-\[680px\] {
     height: 680px
}

.h-\[88px\] {
     height: 88px
}

.h-\[calc\(100\%\+1\.5rem\)\] {
     height: calc(100% + 1.5rem)
}

.h-full {
     height: 100%
}

.h-px {
     height: 1px
}

.h-screen {
     height: 100vh
}

.max-h-14 {
     max-height: 3.5rem
}

.max-h-60 {
     max-height: 15rem
}

.max-h-\[4\.5rem\] {
     max-height: 4.5rem
}

.max-h-\[calc\(100vh-1\.5rem\)\] {
     max-height: calc(100vh - 1.5rem)
}

.max-h-full {
     max-height: 100%
}

.min-h-\[150px\] {
     min-height: 150px
}

.min-h-screen {
     min-height: 100vh
}

.\!w-24 {
     width: 6rem !important
}

.\!w-8 {
     width: 2rem !important
}

.w-0 {
     width: 0px
}

.w-1 {
     width: .25rem
}

.w-1\.5 {
     width: .375rem
}

.w-10 {
     width: 2.5rem
}

.w-10\/12 {
     width: 83.333333%
}

.w-11 {
     width: 2.75rem
}

.w-11\/12 {
     width: 91.666667%
}

.w-12 {
     width: 3rem
}

.w-16 {
     width: 4rem
}

.w-2 {
     width: .5rem
}

.w-20 {
     width: 5rem
}

.w-24 {
     width: 6rem
}

.w-3 {
     width: .75rem
}

.w-3\/5 {
     width: 60%
}

.w-32 {
     width: 8rem
}

.w-36 {
     width: 9rem
}

.w-4 {
     width: 1rem
}

.w-40 {
     width: 10rem
}

.w-5 {
     width: 1.25rem
}

.w-6 {
     width: 1.5rem
}

.w-64 {
     width: 16rem
}

.w-7 {
     width: 1.75rem
}

.w-72 {
     width: 18rem
}

.w-8 {
     width: 2rem
}

.w-80 {
     width: 20rem
}

.w-\[1\.5rem\] {
     width: 1.5rem
}

.w-\[130\%\] {
     width: 130%
}

.w-\[1300px\] {
     width: 1300px
}

.w-\[18px\] {
     width: 18px
}

.w-\[1rem\] {
     width: 1rem
}

.w-\[400px\] {
     width: 400px
}

.w-\[50rem\] {
     width: 50rem
}

.w-\[600px\] {
     width: 600px
}

.w-\[700px\] {
     width: 700px
}

.w-\[900px\] {
     width: 900px
}

.w-full {
     width: 100%
}

.w-px {
     width: 1px
}

.w-screen {
     width: 100vw
}

.min-w-8 {
     min-width: 2rem
}

.min-w-\[1rem\] {
     min-width: 1rem
}

.min-w-\[40px\] {
     min-width: 40px
}

.max-w-2xl {
     max-width: 42rem
}

.max-w-4xl {
     max-width: 56rem
}

.max-w-96 {
     max-width: 24rem
}

.max-w-\[19rem\] {
     max-width: 19rem
}

.max-w-\[20rem\] {
     max-width: 20rem
}

.max-w-\[25rem\] {
     max-width: 25rem
}

.max-w-\[28rem\] {
     max-width: 28rem
}

.max-w-\[300px\] {
     max-width: 300px
}

.max-w-\[30rem\] {
     max-width: 30rem
}

.max-w-\[318px\] {
     max-width: 318px
}

.max-w-\[320px\] {
     max-width: 320px
}

.max-w-\[435px\] {
     max-width: 435px
}

.max-w-\[600px\] {
     max-width: 600px
}

.max-w-\[700px\] {
     max-width: 700px
}

.max-w-\[800px\] {
     max-width: 800px
}

.max-w-full {
     max-width: 100%
}

.max-w-md {
     max-width: 28rem
}

.max-w-xs {
     max-width: 20rem
}

.flex-1 {
     flex: 1 1 0%
}

.origin-bottom {
     transform-origin: bottom
}

[dir=ltr] .origin-top-left {
     transform-origin: top left
}

[dir=rtl] .origin-top-left {
     transform-origin: top right
}

.-translate-x-1\/2 {
     --tw-translate-x: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-1\/3 {
     --tw-translate-x: -33.333333%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-full {
     --tw-translate-x: -100%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
     --tw-translate-y: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/3 {
     --tw-translate-y: -33.333333%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-4 {
     --tw-translate-y: -1rem;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0 {
     --tw-translate-x: 0px;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-1\/2 {
     --tw-translate-x: 50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-full {
     --tw-translate-x: 100%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0 {
     --tw-translate-y: 0px;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-1\/2 {
     --tw-translate-y: 50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-4 {
     --tw-translate-y: 1rem;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-90 {
     --tw-rotate: -90deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
     --tw-rotate: 180deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[32deg\] {
     --tw-rotate: 32deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-0 {
     --tw-scale-x: 0;
     --tw-scale-y: 0;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-100 {
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-90 {
     --tw-scale-x: .9;
     --tw-scale-y: .9;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-95 {
     --tw-scale-x: .95;
     --tw-scale-y: .95;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform {
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes loading-pin {

     0%,
     40%,
     to {
          height: .5em;
          background-color: #282336
     }

     20% {
          height: 1em;
          background-color: #fff
     }
}

.animate-loading-pin {
     animation: loading-pin 1.8s ease-in-out infinite
}

.\!cursor-not-allowed {
     cursor: not-allowed !important
}

.cursor-default {
     cursor: default
}

.cursor-none {
     cursor: none
}

.cursor-not-allowed {
     cursor: not-allowed
}

.cursor-pointer {
     cursor: pointer
}

.cursor-text {
     cursor: text
}

.touch-none {
     touch-action: none
}

.select-none {
     -webkit-user-select: none;
     user-select: none
}

.select-text {
     -webkit-user-select: text;
     user-select: text
}

.resize {
     resize: both
}

.scroll-mt-32 {
     scroll-margin-top: 8rem
}

.grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-\[1fr\,1fr\] {
     grid-template-columns: 1fr 1fr
}

.grid-cols-\[1fr\,auto\] {
     grid-template-columns: 1fr auto
}

.grid-cols-\[2\.5rem\,1fr\,2\.5rem\] {
     grid-template-columns: 2.5rem 1fr 2.5rem
}

.grid-cols-\[auto\,1fr\] {
     grid-template-columns: auto 1fr
}

.grid-cols-\[repeat\(auto-fill\,minmax\(160px\,1fr\)\)\] {
     grid-template-columns: repeat(auto-fill, minmax(160px, 1fr))
}

.grid-rows-1 {
     grid-template-rows: repeat(1, minmax(0, 1fr))
}

.grid-rows-\[1fr\,auto\,1fr\] {
     grid-template-rows: 1fr auto 1fr
}

.grid-rows-\[1fr\,auto\] {
     grid-template-rows: 1fr auto
}

.grid-rows-\[1fr\] {
     grid-template-rows: 1fr
}

.grid-rows-\[auto\,1fr\] {
     grid-template-rows: auto 1fr
}

.grid-rows-\[minmax\(0\,1fr\)\,auto\] {
     grid-template-rows: minmax(0, 1fr) auto
}

.flex-row-reverse {
     flex-direction: row-reverse
}

.flex-col {
     flex-direction: column
}

.flex-col-reverse {
     flex-direction: column-reverse
}

.flex-wrap {
     flex-wrap: wrap
}

.items-start {
     align-items: flex-start
}

.items-end {
     align-items: flex-end
}

.items-center {
     align-items: center
}

.justify-start {
     justify-content: flex-start
}

.justify-end {
     justify-content: flex-end
}

.justify-center {
     justify-content: center
}

.justify-between {
     justify-content: space-between
}

.gap-1 {
     gap: .25rem
}

.gap-12 {
     gap: 3rem
}

.gap-16 {
     gap: 4rem
}

.gap-2 {
     gap: .5rem
}

.gap-3 {
     gap: .75rem
}

.gap-4 {
     gap: 1rem
}

.gap-6 {
     gap: 1.5rem
}

.gap-8 {
     gap: 2rem
}

.gap-\[0\.5rem\] {
     gap: .5rem
}

.space-x-1>:not([hidden])~:not([hidden]) {
     --tw-space-x-reverse: 0
}

[dir=ltr] .space-x-1>:not([hidden])~:not([hidden]) {
     margin-right: calc(.25rem * var(--tw-space-x-reverse));
     margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}

[dir=rtl] .space-x-1>:not([hidden])~:not([hidden]) {
     margin-left: calc(.25rem * var(--tw-space-x-reverse));
     margin-right: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-1\.5>:not([hidden])~:not([hidden]) {
     --tw-space-x-reverse: 0
}

[dir=ltr] .space-x-1\.5>:not([hidden])~:not([hidden]) {
     margin-right: calc(.375rem * var(--tw-space-x-reverse));
     margin-left: calc(.375rem * calc(1 - var(--tw-space-x-reverse)))
}

[dir=rtl] .space-x-1\.5>:not([hidden])~:not([hidden]) {
     margin-left: calc(.375rem * var(--tw-space-x-reverse));
     margin-right: calc(.375rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-2>:not([hidden])~:not([hidden]) {
     --tw-space-x-reverse: 0
}

[dir=ltr] .space-x-2>:not([hidden])~:not([hidden]) {
     margin-right: calc(.5rem * var(--tw-space-x-reverse));
     margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

[dir=rtl] .space-x-2>:not([hidden])~:not([hidden]) {
     margin-left: calc(.5rem * var(--tw-space-x-reverse));
     margin-right: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-3>:not([hidden])~:not([hidden]) {
     --tw-space-x-reverse: 0
}

[dir=ltr] .space-x-3>:not([hidden])~:not([hidden]) {
     margin-right: calc(.75rem * var(--tw-space-x-reverse));
     margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}

[dir=rtl] .space-x-3>:not([hidden])~:not([hidden]) {
     margin-left: calc(.75rem * var(--tw-space-x-reverse));
     margin-right: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-6>:not([hidden])~:not([hidden]) {
     --tw-space-x-reverse: 0
}

[dir=ltr] .space-x-6>:not([hidden])~:not([hidden]) {
     margin-right: calc(1.5rem * var(--tw-space-x-reverse));
     margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
}

[dir=rtl] .space-x-6>:not([hidden])~:not([hidden]) {
     margin-left: calc(1.5rem * var(--tw-space-x-reverse));
     margin-right: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-7>:not([hidden])~:not([hidden]) {
     --tw-space-x-reverse: 0
}

[dir=ltr] .space-x-7>:not([hidden])~:not([hidden]) {
     margin-right: calc(1.75rem * var(--tw-space-x-reverse));
     margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)))
}

[dir=rtl] .space-x-7>:not([hidden])~:not([hidden]) {
     margin-left: calc(1.75rem * var(--tw-space-x-reverse));
     margin-right: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-1>:not([hidden])~:not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}

.space-y-12>:not([hidden])~:not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(3rem * var(--tw-space-y-reverse))
}

.space-y-16>:not([hidden])~:not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(4rem * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-5>:not([hidden])~:not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.space-y-8>:not([hidden])~:not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}

.overflow-auto {
     overflow: auto
}

.overflow-hidden {
     overflow: hidden
}

.overflow-visible {
     overflow: visible
}

.overflow-y-auto {
     overflow-y: auto
}

.overflow-x-hidden {
     overflow-x: hidden
}

.overflow-y-hidden {
     overflow-y: hidden
}

.truncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
}

.text-ellipsis {
     text-overflow: ellipsis
}

.whitespace-nowrap {
     white-space: nowrap
}

.whitespace-pre {
     white-space: pre
}

.break-words {
     overflow-wrap: break-word
}

.break-all {
     word-break: break-all
}

.rounded {
     border-radius: .25rem
}

.rounded-2xl {
     border-radius: 1rem
}

.rounded-\[100\%\] {
     border-radius: 100%
}

.rounded-\[28px\] {
     border-radius: 28px
}

.rounded-\[70rem\] {
     border-radius: 70rem
}

.rounded-full {
     border-radius: 9999px
}

.rounded-lg {
     border-radius: .5rem
}

.rounded-md {
     border-radius: .375rem
}

.rounded-xl {
     border-radius: .75rem
}

.rounded-t-lg {
     border-top-left-radius: .5rem;
     border-top-right-radius: .5rem
}

.border {
     border-width: 1px
}

.border-0 {
     border-width: 0px
}

.border-2 {
     border-width: 2px
}

.border-\[3px\] {
     border-width: 3px
}

.border-\[4px\] {
     border-width: 4px
}

.border-b {
     border-bottom-width: 1px
}

.border-t {
     border-top-width: 1px
}

.border-authentication-border {
     --tw-border-opacity: 1;
     border-color: rgb(var(--colors-authentication-border) / var(--tw-border-opacity))
}

.border-authentication-border\/50 {
     border-color: rgb(var(--colors-authentication-border) / .5)
}

.border-current {
     border-color: currentColor
}

.border-errors-border {
     --tw-border-opacity: 1;
     border-color: rgb(var(--colors-errors-border) / var(--tw-border-opacity))
}

.border-gray-500 {
     --tw-border-opacity: 1;
     border-color: rgb(107 114 128 / var(--tw-border-opacity))
}

.border-gray-800 {
     --tw-border-opacity: 1;
     border-color: rgb(31 41 55 / var(--tw-border-opacity))
}

.border-onboarding-border {
     --tw-border-opacity: 1;
     border-color: rgb(var(--colors-onboarding-border) / var(--tw-border-opacity))
}

.border-settings-card-border {
     --tw-border-opacity: 1;
     border-color: rgb(var(--colors-settings-card-border) / var(--tw-border-opacity))
}

.border-settings-card-border\/50 {
     border-color: rgb(var(--colors-settings-card-border) / .5)
}

.border-themePreview-primary {
     --tw-border-opacity: 1;
     border-color: rgb(var(--colors-themePreview-primary) / var(--tw-border-opacity))
}

.border-transparent {
     border-color: transparent
}

.border-type-divider {
     --tw-border-opacity: 1;
     border-color: rgb(var(--colors-type-divider) / var(--tw-border-opacity))
}

.border-utils-divider {
     --tw-border-opacity: 1;
     border-color: rgb(var(--colors-utils-divider) / var(--tw-border-opacity))
}

.border-video-context-border {
     --tw-border-opacity: 1;
     border-color: rgb(var(--colors-video-context-border) / var(--tw-border-opacity))
}

.border-video-context-sliderFilled {
     --tw-border-opacity: 1;
     border-color: rgb(var(--colors-video-context-sliderFilled) / var(--tw-border-opacity))
}

.border-white {
     --tw-border-opacity: 1;
     border-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.border-opacity-10 {
     --tw-border-opacity: .1
}

.border-opacity-50 {
     --tw-border-opacity: .5
}

.\!bg-video-scraping-noresult {
     --tw-bg-opacity: 1 !important;
     background-color: rgb(var(--colors-video-scraping-noresult) / var(--tw-bg-opacity)) !important
}

.bg-\[\#161527\] {
     --tw-bg-opacity: 1;
     background-color: rgb(22 21 39 / var(--tw-bg-opacity))
}

.bg-\[\#211D30\] {
     --tw-bg-opacity: 1;
     background-color: rgb(33 29 48 / var(--tw-bg-opacity))
}

.bg-\[\#2E3439\] {
     --tw-bg-opacity: 1;
     background-color: rgb(46 52 57 / var(--tw-bg-opacity))
}

.bg-\[\#C93957\] {
     --tw-bg-opacity: 1;
     background-color: rgb(201 57 87 / var(--tw-bg-opacity))
}

.bg-\[\#c8e1ed\] {
     --tw-bg-opacity: 1;
     background-color: rgb(200 225 237 / var(--tw-bg-opacity))
}

.bg-\[\#ffff1a\] {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 26 / var(--tw-bg-opacity))
}

.bg-about-circle {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-about-circle) / var(--tw-bg-opacity))
}

.bg-authentication-inputBg {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-authentication-inputBg) / var(--tw-bg-opacity))
}

.bg-authentication-wordBackground {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-authentication-wordBackground) / var(--tw-bg-opacity))
}

.bg-background-accentA {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-background-accentA) / var(--tw-bg-opacity))
}

.bg-background-accentB {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-background-accentB) / var(--tw-bg-opacity))
}

.bg-background-main {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-background-main) / var(--tw-bg-opacity))
}

.bg-background-secondary {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-background-secondary) / var(--tw-bg-opacity))
}

.bg-background-secondaryHover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-background-secondaryHover) / var(--tw-bg-opacity))
}

.bg-black {
     --tw-bg-opacity: 1;
     background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.bg-buttons-cancel {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-buttons-cancel) / var(--tw-bg-opacity))
}

.bg-buttons-danger {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-buttons-danger) / var(--tw-bg-opacity))
}

.bg-buttons-primary {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-buttons-primary) / var(--tw-bg-opacity))
}

.bg-buttons-purple {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-buttons-purple) / var(--tw-bg-opacity))
}

.bg-buttons-secondary {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-buttons-secondary) / var(--tw-bg-opacity))
}

.bg-buttons-toggle {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-buttons-toggle) / var(--tw-bg-opacity))
}

.bg-buttons-toggleDisabled {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-buttons-toggleDisabled) / var(--tw-bg-opacity))
}

.bg-dropdown-altBackground {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-dropdown-altBackground) / var(--tw-bg-opacity))
}

.bg-dropdown-background {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-dropdown-background) / var(--tw-bg-opacity))
}

.bg-dropdown-border {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-dropdown-border) / var(--tw-bg-opacity))
}

.bg-dropdown-contentBackground {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-dropdown-contentBackground) / var(--tw-bg-opacity))
}

.bg-editBadge-bg {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-editBadge-bg) / var(--tw-bg-opacity))
}

.bg-errors-card {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-errors-card) / var(--tw-bg-opacity))
}

.bg-gray-500 {
     --tw-bg-opacity: 1;
     background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.bg-gray-900 {
     --tw-bg-opacity: 1;
     background-color: rgb(17 24 39 / var(--tw-bg-opacity))
}

.bg-green-500 {
     --tw-bg-opacity: 1;
     background-color: rgb(34 197 94 / var(--tw-bg-opacity))
}

.bg-largeCard-background {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-largeCard-background) / var(--tw-bg-opacity))
}

.bg-mediaCard-badge {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-mediaCard-badge) / var(--tw-bg-opacity))
}

.bg-mediaCard-barColor {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-mediaCard-barColor) / var(--tw-bg-opacity))
}

.bg-mediaCard-barFillColor {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-mediaCard-barFillColor) / var(--tw-bg-opacity))
}

.bg-mediaCard-hoverBackground {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-mediaCard-hoverBackground) / var(--tw-bg-opacity))
}

.bg-modal-background {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-modal-background) / var(--tw-bg-opacity))
}

.bg-onboarding-bar {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-onboarding-bar) / var(--tw-bg-opacity))
}

.bg-onboarding-barFilled {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-onboarding-barFilled) / var(--tw-bg-opacity))
}

.bg-onboarding-card {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-onboarding-card) / var(--tw-bg-opacity))
}

.bg-onboarding-divider {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-onboarding-divider) / var(--tw-bg-opacity))
}

.bg-pill-activeBackground {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-pill-activeBackground) / var(--tw-bg-opacity))
}

.bg-pill-background {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-pill-background) / var(--tw-bg-opacity))
}

.bg-pill-backgroundHover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-pill-backgroundHover) / var(--tw-bg-opacity))
}

.bg-progress-background {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-progress-background) / var(--tw-bg-opacity))
}

.bg-progress-filled {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-progress-filled) / var(--tw-bg-opacity))
}

.bg-progress-preloaded {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-progress-preloaded) / var(--tw-bg-opacity))
}

.bg-search-background {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-search-background) / var(--tw-bg-opacity))
}

.bg-search-focused {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-search-focused) / var(--tw-bg-opacity))
}

.bg-settings-card-altBackground {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-settings-card-altBackground) / var(--tw-bg-opacity))
}

.bg-settings-card-background {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-settings-card-background) / var(--tw-bg-opacity))
}

.bg-settings-saveBar-background {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-settings-saveBar-background) / var(--tw-bg-opacity))
}

.bg-settings-sidebar-activeLink {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-settings-sidebar-activeLink) / var(--tw-bg-opacity))
}

.bg-settings-sidebar-badge {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-settings-sidebar-badge) / var(--tw-bg-opacity))
}

.bg-themePreview-ghost {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-themePreview-ghost) / var(--tw-bg-opacity))
}

.bg-themePreview-primary {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-themePreview-primary) / var(--tw-bg-opacity))
}

.bg-themePreview-primary\/50 {
     background-color: rgb(var(--colors-themePreview-primary) / .5)
}

.bg-themePreview-secondary {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-themePreview-secondary) / var(--tw-bg-opacity))
}

.bg-transparent {
     background-color: transparent
}

.bg-type-danger {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-type-danger) / var(--tw-bg-opacity))
}

.bg-type-dimmed\/20 {
     background-color: rgb(var(--colors-type-dimmed) / .2)
}

.bg-type-success {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-type-success) / var(--tw-bg-opacity))
}

.bg-utils-divider {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-utils-divider) / var(--tw-bg-opacity))
}

.bg-video-audio-set {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-audio-set) / var(--tw-bg-opacity))
}

.bg-video-autoPlay-background {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-autoPlay-background) / var(--tw-bg-opacity))
}

.bg-video-buttonBackground {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-buttonBackground) / var(--tw-bg-opacity))
}

.bg-video-context-background {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-context-background) / var(--tw-bg-opacity))
}

.bg-video-context-border {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-context-border) / var(--tw-bg-opacity))
}

.bg-video-context-buttonFocus {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-context-buttonFocus) / var(--tw-bg-opacity))
}

.bg-video-context-buttons-active {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-context-buttons-active) / var(--tw-bg-opacity))
}

.bg-video-context-buttons-list {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-context-buttons-list) / var(--tw-bg-opacity))
}

.bg-video-context-flagBg {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-context-flagBg) / var(--tw-bg-opacity))
}

.bg-video-context-hoverColor {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-context-hoverColor) / var(--tw-bg-opacity))
}

.bg-video-context-inputBg {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-context-inputBg) / var(--tw-bg-opacity))
}

.bg-video-context-slider {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-context-slider) / var(--tw-bg-opacity))
}

.bg-video-context-sliderFilled {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-context-sliderFilled) / var(--tw-bg-opacity))
}

.bg-video-scraping-card {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-scraping-card) / var(--tw-bg-opacity))
}

.bg-video-scraping-error {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-scraping-error) / var(--tw-bg-opacity))
}

.bg-video-scraping-noresult {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-scraping-noresult) / var(--tw-bg-opacity))
}

.bg-white {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.\!bg-opacity-100 {
     --tw-bg-opacity: 1 !important
}

.\!bg-opacity-25 {
     --tw-bg-opacity: .25 !important
}

.\!bg-opacity-50 {
     --tw-bg-opacity: .5 !important
}

.bg-opacity-0 {
     --tw-bg-opacity: 0
}

.bg-opacity-10 {
     --tw-bg-opacity: .1
}

.bg-opacity-100 {
     --tw-bg-opacity: 1
}

.bg-opacity-15 {
     --tw-bg-opacity: .15
}

.bg-opacity-20 {
     --tw-bg-opacity: .2
}

.bg-opacity-25 {
     --tw-bg-opacity: .25
}

.bg-opacity-30 {
     --tw-bg-opacity: .3
}

.bg-opacity-50 {
     --tw-bg-opacity: .5
}

.bg-opacity-60 {
     --tw-bg-opacity: .6
}

.bg-opacity-80 {
     --tw-bg-opacity: .8
}

.bg-opacity-90 {
     --tw-bg-opacity: .9
}

.bg-opacity-\[0\.15\] {
     --tw-bg-opacity: .15
}

.bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

[dir=ltr] .bg-gradient-to-br {
     background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

[dir=rtl] .bg-gradient-to-br {
     background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.from-background-main {
     --tw-gradient-from: rgb(var(--colors-background-main) / 1) var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(var(--colors-background-main) / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-black {
     --tw-gradient-from: #000 var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-mediaCard-shadow {
     --tw-gradient-from: rgb(var(--colors-mediaCard-shadow) / 1) var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(var(--colors-mediaCard-shadow) / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-themePreview-primary\/20 {
     --tw-gradient-from: rgb(var(--colors-themePreview-primary) / .2) var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(var(--colors-themePreview-primary) / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-themePreview-secondary\/10 {
     --tw-gradient-to: rgb(var(--colors-themePreview-secondary) / .1) var(--tw-gradient-to-position)
}

.to-transparent {
     --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.bg-cover {
     background-size: cover
}

.bg-clip-content {
     background-clip: content-box
}

.bg-center {
     background-position: center
}

.fill-transparent {
     fill: transparent
}

.stroke-current {
     stroke: currentColor
}

.stroke-type-text {
     stroke: rgb(var(--colors-type-text) / 1)
}

.stroke-\[15\] {
     stroke-width: 15
}

.p-0 {
     padding: 0
}

.p-0\.5 {
     padding: .125rem
}

.p-1 {
     padding: .25rem
}

.p-1\.5 {
     padding: .375rem
}

.p-10 {
     padding: 2.5rem
}

.p-12 {
     padding: 3rem
}

.p-2 {
     padding: .5rem
}

.p-2\.5 {
     padding: .625rem
}

.p-20 {
     padding: 5rem
}

.p-3 {
     padding: .75rem
}

.p-4 {
     padding: 1rem
}

.p-5 {
     padding: 1.25rem
}

.p-6 {
     padding: 1.5rem
}

.p-7 {
     padding: 1.75rem
}

.p-8 {
     padding: 2rem
}

.p-\[3rem\] {
     padding: 3rem
}

.\!px-20 {
     padding-left: 5rem !important;
     padding-right: 5rem !important
}

.px-1 {
     padding-left: .25rem;
     padding-right: .25rem
}

.px-2 {
     padding-left: .5rem;
     padding-right: .5rem
}

.px-3 {
     padding-left: .75rem;
     padding-right: .75rem
}

.px-4 {
     padding-left: 1rem;
     padding-right: 1rem
}

.px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem
}

.px-7 {
     padding-left: 1.75rem;
     padding-right: 1.75rem
}

.px-8 {
     padding-left: 2rem;
     padding-right: 2rem
}

.py-0 {
     padding-top: 0;
     padding-bottom: 0
}

.py-1 {
     padding-top: .25rem;
     padding-bottom: .25rem
}

.py-10 {
     padding-top: 2.5rem;
     padding-bottom: 2.5rem
}

.py-12 {
     padding-top: 3rem;
     padding-bottom: 3rem
}

.py-16 {
     padding-top: 4rem;
     padding-bottom: 4rem
}

.py-2 {
     padding-top: .5rem;
     padding-bottom: .5rem
}

.py-24 {
     padding-top: 6rem;
     padding-bottom: 6rem
}

.py-3 {
     padding-top: .75rem;
     padding-bottom: .75rem
}

.py-3\.5 {
     padding-top: .875rem;
     padding-bottom: .875rem
}

.py-4 {
     padding-top: 1rem;
     padding-bottom: 1rem
}

.py-48 {
     padding-top: 12rem;
     padding-bottom: 12rem
}

.py-5 {
     padding-top: 1.25rem;
     padding-bottom: 1.25rem
}

.py-6 {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem
}

.py-8 {
     padding-top: 2rem;
     padding-bottom: 2rem
}

.py-px {
     padding-top: 1px;
     padding-bottom: 1px
}

.\!pt-1 {
     padding-top: .25rem !important
}

.pb-1 {
     padding-bottom: .25rem
}

.pb-12 {
     padding-bottom: 3rem
}

.pb-2 {
     padding-bottom: .5rem
}

.pb-2\.5 {
     padding-bottom: .625rem
}

.pb-3 {
     padding-bottom: .75rem
}

.pb-32 {
     padding-bottom: 8rem
}

.pb-4 {
     padding-bottom: 1rem
}

.pb-5 {
     padding-bottom: 1.25rem
}

.pb-6 {
     padding-bottom: 1.5rem
}

.pb-\[150\%\] {
     padding-bottom: 150%
}

[dir=ltr] .pl-1 {
     padding-left: .25rem
}

[dir=rtl] .pl-1 {
     padding-right: .25rem
}

[dir=ltr] .pl-12 {
     padding-left: 3rem
}

[dir=rtl] .pl-12 {
     padding-right: 3rem
}

[dir=ltr] .pl-3 {
     padding-left: .75rem
}

[dir=rtl] .pl-3 {
     padding-right: .75rem
}

[dir=ltr] .pl-4 {
     padding-left: 1rem
}

[dir=rtl] .pl-4 {
     padding-right: 1rem
}

[dir=ltr] .pl-\[calc\(0\.75rem\+24px\)\] {
     padding-left: calc(.75rem + 24px)
}

[dir=rtl] .pl-\[calc\(0\.75rem\+24px\)\] {
     padding-right: calc(.75rem + 24px)
}

[dir=ltr] .pl-\[calc\(2rem\+env\(safe-area-inset-left\)\)\] {
     padding-left: calc(2rem + env(safe-area-inset-left))
}

[dir=rtl] .pl-\[calc\(2rem\+env\(safe-area-inset-left\)\)\] {
     padding-right: calc(2rem + env(safe-area-inset-right))
}

[dir=ltr] .pr-1 {
     padding-right: .25rem
}

[dir=rtl] .pr-1 {
     padding-left: .25rem
}

[dir=ltr] .pr-10 {
     padding-right: 2.5rem
}

[dir=rtl] .pr-10 {
     padding-left: 2.5rem
}

[dir=ltr] .pr-12 {
     padding-right: 3rem
}

[dir=rtl] .pr-12 {
     padding-left: 3rem
}

[dir=ltr] .pr-2 {
     padding-right: .5rem
}

[dir=rtl] .pr-2 {
     padding-left: .5rem
}

[dir=ltr] .pr-4 {
     padding-right: 1rem
}

[dir=rtl] .pr-4 {
     padding-left: 1rem
}

[dir=ltr] .pr-6 {
     padding-right: 1.5rem
}

[dir=rtl] .pr-6 {
     padding-left: 1.5rem
}

[dir=ltr] .pr-\[calc\(2rem\+env\(safe-area-inset-right\)\)\] {
     padding-right: calc(2rem + env(safe-area-inset-right))
}

[dir=rtl] .pr-\[calc\(2rem\+env\(safe-area-inset-right\)\)\] {
     padding-left: calc(2rem + env(safe-area-inset-left))
}

.pt-32 {
     padding-top: 8rem
}

.pt-4 {
     padding-top: 1rem
}

.pt-5 {
     padding-top: 1.25rem
}

.pt-6 {
     padding-top: 1.5rem
}

.pt-64 {
     padding-top: 16rem
}

.pt-8 {
     padding-top: 2rem
}

.pt-\[6rem\] {
     padding-top: 6rem
}

[dir=ltr] .text-left {
     text-align: left
}

[dir=rtl] .text-left {
     text-align: right
}

.text-center {
     text-align: center
}

.\!text-2xl {
     font-size: 1.5rem !important;
     line-height: 2rem !important
}

.\!text-3xl {
     font-size: 1.875rem !important;
     line-height: 2.25rem !important
}

.\!text-base {
     font-size: 1rem !important;
     line-height: 1.5rem !important
}

.\!text-xs {
     font-size: .75rem !important;
     line-height: 1rem !important
}

.text-2xl {
     font-size: 1.5rem;
     line-height: 2rem
}

.text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem
}

.text-4xl {
     font-size: 2.25rem;
     line-height: 2.5rem
}

.text-5xl {
     font-size: 3rem;
     line-height: 1
}

.text-\[0\.5rem\] {
     font-size: .5rem
}

.text-\[15px\] {
     font-size: 15px
}

.text-\[1em\] {
     font-size: 1em
}

.text-base {
     font-size: 1rem;
     line-height: 1.5rem
}

.text-lg {
     font-size: 1.125rem;
     line-height: 1.75rem
}

.text-sm {
     font-size: .875rem;
     line-height: 1.25rem
}

.text-xl {
     font-size: 1.25rem;
     line-height: 1.75rem
}

.text-xs {
     font-size: .75rem;
     line-height: 1rem
}

.font-bold {
     font-weight: 700
}

.font-medium {
     font-weight: 500
}

.font-semibold {
     font-weight: 600
}

.uppercase {
     text-transform: uppercase
}

.leading-normal {
     line-height: 1.5
}

.leading-tight {
     line-height: 1.25
}

.\!text-onboarding-best {
     --tw-text-opacity: 1 !important;
     color: rgb(var(--colors-onboarding-best) / var(--tw-text-opacity)) !important
}

.\!text-onboarding-good {
     --tw-text-opacity: 1 !important;
     color: rgb(var(--colors-onboarding-good) / var(--tw-text-opacity)) !important
}

.\!text-type-danger {
     --tw-text-opacity: 1 !important;
     color: rgb(var(--colors-type-danger) / var(--tw-text-opacity)) !important
}

.\!text-type-dimmed {
     --tw-text-opacity: 1 !important;
     color: rgb(var(--colors-type-dimmed) / var(--tw-text-opacity)) !important
}

.\!text-type-text {
     --tw-text-opacity: 1 !important;
     color: rgb(var(--colors-type-text) / var(--tw-text-opacity)) !important
}

.\!text-video-scraping-noresult {
     --tw-text-opacity: 1 !important;
     color: rgb(var(--colors-video-scraping-noresult) / var(--tw-text-opacity)) !important
}

.\!text-white {
     --tw-text-opacity: 1 !important;
     color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.text-about-circleText {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-about-circleText) / var(--tw-text-opacity))
}

.text-authentication-copyText {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-authentication-copyText) / var(--tw-text-opacity))
}

.text-authentication-errorText {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-authentication-errorText) / var(--tw-text-opacity))
}

.text-background-main {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-background-main) / var(--tw-text-opacity))
}

.text-black {
     --tw-text-opacity: 1;
     color: rgb(0 0 0 / var(--tw-text-opacity))
}

.text-buttons-primaryText {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-buttons-primaryText) / var(--tw-text-opacity))
}

.text-buttons-secondaryText {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-buttons-secondaryText) / var(--tw-text-opacity))
}

.text-dropdown-highlight {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-dropdown-highlight) / var(--tw-text-opacity))
}

.text-dropdown-secondary {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-dropdown-secondary) / var(--tw-text-opacity))
}

.text-dropdown-text {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-dropdown-text) / var(--tw-text-opacity))
}

.text-editBadge-text {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-editBadge-text) / var(--tw-text-opacity))
}

.text-errors-type-secondary {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-errors-type-secondary) / var(--tw-text-opacity))
}

.text-green-500 {
     --tw-text-opacity: 1;
     color: rgb(34 197 94 / var(--tw-text-opacity))
}

.text-largeCard-icon {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-largeCard-icon) / var(--tw-text-opacity))
}

.text-mediaCard-badgeText {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-mediaCard-badgeText) / var(--tw-text-opacity))
}

.text-onboarding-link {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-onboarding-link) / var(--tw-text-opacity))
}

.text-red-400 {
     --tw-text-opacity: 1;
     color: rgb(248 113 113 / var(--tw-text-opacity))
}

.text-search-icon {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-search-icon) / var(--tw-text-opacity))
}

.text-search-text {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-search-text) / var(--tw-text-opacity))
}

.text-settings-sidebar-type-activated {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-settings-sidebar-type-activated) / var(--tw-text-opacity))
}

.text-settings-sidebar-type-icon {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-settings-sidebar-type-icon) / var(--tw-text-opacity))
}

.text-settings-sidebar-type-iconActivated {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-settings-sidebar-type-iconActivated) / var(--tw-text-opacity))
}

.text-settings-sidebar-type-inactive {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-settings-sidebar-type-inactive) / var(--tw-text-opacity))
}

.text-settings-sidebar-type-secondary {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-settings-sidebar-type-secondary) / var(--tw-text-opacity))
}

.text-type-danger {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-type-danger) / var(--tw-text-opacity))
}

.text-type-dimmed {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-type-dimmed) / var(--tw-text-opacity))
}

.text-type-emphasis {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-type-emphasis) / var(--tw-text-opacity))
}

.text-type-link {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-type-link) / var(--tw-text-opacity))
}

.text-type-logo {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-type-logo) / var(--tw-text-opacity))
}

.text-type-secondary {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-type-secondary) / var(--tw-text-opacity))
}

.text-type-success {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-type-success) / var(--tw-text-opacity))
}

.text-type-text {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-type-text) / var(--tw-text-opacity))
}

.text-video-context-error {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-video-context-error) / var(--tw-text-opacity))
}

.text-video-context-inputPlaceholder {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-video-context-inputPlaceholder) / var(--tw-text-opacity))
}

.text-video-context-type-accent {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-video-context-type-accent) / var(--tw-text-opacity))
}

.text-video-context-type-main {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-video-context-type-main) / var(--tw-text-opacity))
}

.text-video-context-type-secondary {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-video-context-type-secondary) / var(--tw-text-opacity))
}

.text-video-scraping-error {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-video-scraping-error) / var(--tw-text-opacity))
}

.text-video-scraping-loading {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-video-scraping-loading) / var(--tw-text-opacity))
}

.text-video-scraping-noresult {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-video-scraping-noresult) / var(--tw-text-opacity))
}

.text-video-scraping-success {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-video-scraping-success) / var(--tw-text-opacity))
}

.text-white {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity))
}

.text-white\/85 {
     color: #ffffffd9
}

.text-opacity-100 {
     --tw-text-opacity: 1
}

.text-opacity-25 {
     --tw-text-opacity: .25
}

.text-opacity-40 {
     --tw-text-opacity: .4
}

.text-opacity-50 {
     --tw-text-opacity: .5
}

.text-opacity-60 {
     --tw-text-opacity: .6
}

.placeholder-search-placeholder::placeholder {
     --tw-placeholder-opacity: 1;
     color: rgb(var(--colors-search-placeholder) / var(--tw-placeholder-opacity))
}

.\!opacity-100 {
     opacity: 1 !important
}

.opacity-0 {
     opacity: 0
}

.opacity-10 {
     opacity: .1
}

.opacity-100 {
     opacity: 1
}

.opacity-20 {
     opacity: .2
}

.opacity-25 {
     opacity: .25
}

.opacity-50 {
     opacity: .5
}

.opacity-60 {
     opacity: .6
}

.opacity-75 {
     opacity: .75
}

.opacity-90 {
     opacity: .9
}

.shadow-lg {
     --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
     --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md {
     --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
     --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.ring-1 {
     --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
     box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-black {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))
}

.ring-opacity-5 {
     --tw-ring-opacity: .05
}

.blur {
     --tw-blur: blur(8px);
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-\[100px\] {
     --tw-blur: blur(100px);
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-xl {
     --tw-blur: blur(24px);
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.brightness-100 {
     --tw-brightness: brightness(1);
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.grayscale {
     --tw-grayscale: grayscale(100%);
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-lg {
     --tw-backdrop-blur: blur(16px);
     -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
     backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.\!transition {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
     transition-duration: .15s !important
}

.transition {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-\[background\,transform\] {
     transition-property: background, transform;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-\[background-color\,color\,transform\,border-color\] {
     transition-property: background-color, color, transform, border-color;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-\[background-color\,transform\] {
     transition-property: background-color, transform;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-\[border-radius\] {
     transition-property: border-radius;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-\[bottom\] {
     transition-property: bottom;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-\[height\] {
     transition-property: height;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-\[stroke-dashoffset\] {
     transition-property: stroke-dashoffset;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-\[strokeDasharray\] {
     transition-property: strokeDasharray;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-\[transform\,background-color\] {
     transition-property: transform, background-color;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-\[transform\,opacity\] {
     transition-property: transform, opacity;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-\[transform\] {
     transition-property: transform;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-\[width\,opacity\] {
     transition-property: width, opacity;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-\[width\] {
     transition-property: width;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-all {
     transition-property: all;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-colors {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-opacity {
     transition-property: opacity;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.transition-transform {
     transition-property: transform;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
}

.duration-100 {
     transition-duration: .1s
}

.duration-150 {
     transition-duration: .15s
}

.duration-200 {
     transition-duration: .2s
}

.duration-300 {
     transition-duration: .3s
}

.duration-75 {
     transition-duration: 75ms
}

.duration-\[400ms\] {
     transition-duration: .4s
}

.ease-in {
     transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.scrollbar-thin {
     scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
}

.scrollbar-thin::-webkit-scrollbar-track {
     background-color: var(--scrollbar-track);
     border-radius: var(--scrollbar-track-radius)
}

.scrollbar-thin::-webkit-scrollbar-track:hover {
     background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
}

.scrollbar-thin::-webkit-scrollbar-track:active {
     background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
}

.scrollbar-thin::-webkit-scrollbar-thumb {
     background-color: var(--scrollbar-thumb);
     border-radius: var(--scrollbar-thumb-radius)
}

.scrollbar-thin::-webkit-scrollbar-thumb:hover {
     background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
}

.scrollbar-thin::-webkit-scrollbar-thumb:active {
     background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
}

.scrollbar-thin::-webkit-scrollbar-corner {
     background-color: var(--scrollbar-corner);
     border-radius: var(--scrollbar-corner-radius)
}

.scrollbar-thin::-webkit-scrollbar-corner:hover {
     background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
}

.scrollbar-thin::-webkit-scrollbar-corner:active {
     background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
}

.scrollbar-thin {
     scrollbar-width: thin
}

.scrollbar-thin::-webkit-scrollbar {
     display: block;
     width: 8px;
     height: 8px
}

.scrollbar-track-background-secondary {
     --scrollbar-track: rgb(var(--colors-background-secondary) / 1) !important
}

.scrollbar-thumb-type-secondary {
     --scrollbar-thumb: rgb(var(--colors-type-secondary) / 1) !important
}

.\[animation-delay\:150ms\] {
     animation-delay: .15s
}

.\[animation-delay\:300ms\] {
     animation-delay: .3s
}

.\[animation-delay\:450ms\] {
     animation-delay: .45s
}

.\[margin-bottom\:env\(safe-area-inset-bottom\)\] {
     margin-bottom: env(safe-area-inset-bottom)
}

.\[text-shadow\:0_2px_4px_rgba\(0\,0\,0\,0\.5\)\] {
     text-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

html,
body {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-background-main) / var(--tw-bg-opacity));
     font-family: Open Sans;
     --tw-text-opacity: 1;
     color: rgb(var(--colors-type-text) / var(--tw-text-opacity));
     min-height: 100vh;
     min-height: 100dvh
}

html[data-full],
html[data-full] body {
     overscroll-behavior-y: none
}

body[data-no-scroll] {
     overflow-y: hidden;
     height: 100vh
}

#root {
     padding: .05px;
     min-height: 100vh;
     min-height: 100dvh;
     width: 100%
}

body[data-no-select] {
     -webkit-user-select: none;
     user-select: none
}

html[data-no-scroll],
html[data-no-scroll] body {
     overflow: hidden
}

.roll {
     animation: roll 1s
}

.roll-infinite {
     animation: roll 2s infinite
}

@keyframes roll {
     0% {
          transform: rotate(0)
     }

     to {
          transform: rotate(360deg)
     }
}

.line-clamp {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden
}

.google-cast-button:not(.casting) google-cast-launcher {
     --tw-brightness: brightness(500);
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.is-mobile-view .overflow-y-auto {
     height: 60vh
}

.h-screen {
     height: 100vh;
     height: 100dvh
}

.min-h-screen {
     min-height: 100vh;
     min-height: 100dvh
}

:root {
     --slider-height: .25rem;
     --slider-border-radius: 1em;
     --slider-progress-background: #8652bb
}

input[type=range].styled-slider {
     height: var(--slider-height);
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border-radius: var(--slider-border-radius);
     background: #1c161b
}

input[type=range].styled-slider.slider-progress {
     --range: calc(var(--max) - var(--min));
     --ratio: calc((var(--value) - var(--min)) / var(--range));
     --sx: calc(.5 * 1rem + var(--ratio) * (100% - 1rem))
}

input[type=range].styled-slider::-webkit-slider-thumb {
     -webkit-appearance: none;
     width: 1rem;
     height: 1rem;
     border-radius: var(--slider-border-radius);
     background: #fff;
     border: none;
     box-shadow: 0 0 2px #000;
     margin-top: calc(.125em - .5rem)
}

input[type=range].styled-slider::-webkit-slider-runnable-track {
     height: var(--slider-height);
     border: none;
     box-shadow: none;
     border-radius: var(--slider-border-radius)
}

input[type=range].styled-slider::-webkit-slider-thumb:hover {
     background: #dcdcdc
}

[dir=ltr] input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
     background: linear-gradient(var(--slider-progress-background), var(--slider-progress-background)) 0/var(--sx) 100% no-repeat, #1c161b
}

[dir=rtl] input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
     background: linear-gradient(var(--slider-progress-background), var(--slider-progress-background)) 100%/var(--sx) 100% no-repeat, #1c161b
}

input[type=range].styled-slider::-moz-range-thumb {
     width: 1rem;
     height: 1rem;
     border-radius: var(--slider-border-radius);
     background: #fff;
     border: none;
     box-shadow: 0 0 2px #000
}

input[type=range].styled-slider::-moz-range-track {
     height: var(--slider-height);
     border: none;
     border-radius: var(--slider-border-radius);
     background: #1c161b;
     box-shadow: none
}

input[type=range].styled-slider::-moz-range-thumb:hover {
     background: #dcdcdc
}

[dir=ltr] input[type=range].styled-slider.slider-progress::-moz-range-track {
     background: linear-gradient(var(--slider-progress-background), var(--slider-progress-background)) 0/var(--sx) 100% no-repeat, #1c161b
}

[dir=rtl] input[type=range].styled-slider.slider-progress::-moz-range-track {
     background: linear-gradient(var(--slider-progress-background), var(--slider-progress-background)) 100%/var(--sx) 100% no-repeat, #1c161b
}

input[type=range].styled-slider::-ms-fill-upper {
     background: transparent;
     border-color: transparent
}

input[type=range].styled-slider::-ms-fill-lower {
     background: transparent;
     border-color: transparent
}

input[type=range].styled-slider::-ms-thumb {
     width: 1rem;
     height: 1rem;
     border-radius: var(--slider-border-radius);
     background: #fff;
     border: none;
     box-shadow: 0 0 2px #000;
     margin-top: 0;
     box-sizing: border-box
}

input[type=range].styled-slider::-ms-track {
     height: var(--slider-height);
     border-radius: var(--slider-border-radius);
     background: #1c161b;
     border: none;
     box-shadow: none;
     box-sizing: border-box
}

input[type=range].styled-slider::-ms-thumb:hover {
     background: #dcdcdc
}

input[type=range].styled-slider.slider-progress::-ms-fill-lower {
     height: var(--slider-height);
     background: var(--slider-progress-background);
     border: none
}

[dir=ltr] input[type=range].styled-slider.slider-progress::-ms-fill-lower {
     border-radius: var(--slider-border-radius) 0 0 5px;
     margin: -undefined 0 -undefined -undefined;
     border-right-width: 0
}

[dir=rtl] input[type=range].styled-slider.slider-progress::-ms-fill-lower {
     border-radius: 0 var(--slider-border-radius) 5px 0;
     margin: -undefined -undefined -undefined 0;
     border-left-width: 0
}

::-webkit-scrollbar-track {
     background-color: transparent
}

::-webkit-scrollbar-thumb {
     background-color: rgb(var(--colors-video-context-border) / 1);
     border: 5px solid transparent;
     background-clip: content-box
}

[dir=ltr] ::-webkit-scrollbar-thumb {
     border-left: 0
}

[dir=rtl] ::-webkit-scrollbar-thumb {
     border-right: 0
}

::-webkit-scrollbar {
     width: 13px
}

.grecaptcha-badge {
     display: none !important
}

.tabbable:focus-visible {
     outline: 2px solid rgb(var(--colors-themePreview-primary) / 1);
     box-shadow: 0 0 10px rgb(var(--colors-themePreview-secondary) / 1)
}

[dir=rtl] .transform {
     transform: translate(calc(var(--tw-translate-x) * -1), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

[dir=ltr] .transform {
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.placeholder\:text-gray-700::placeholder {
     --tw-text-opacity: 1;
     color: rgb(71 85 105 / var(--tw-text-opacity)) /*55, 65, 81*/
}

.placeholder\:text-video-context-inputPlaceholder::placeholder {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-video-context-inputPlaceholder) / var(--tw-text-opacity))
}

.group\/progress:hover .group-hover\/progress\:h-1 {
     height: .25rem
}

.group\/progress:hover .group-hover\/progress\:h-1\.5 {
     height: .375rem
}

.group:hover .group-hover\:h-1 {
     height: .25rem
}

.group:hover .group-hover\:h-1\.5 {
     height: .375rem
}

.group:hover .group-hover\:-translate-x-1 {
     --tw-translate-x: -.25rem;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-0 {
     --tw-translate-x: 0px;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-0\.5 {
     --tw-translate-x: .125rem;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-1 {
     --tw-translate-x: .25rem;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group\/toggle:hover .group-hover\/toggle\:scale-100,
.group:hover .group-hover\:scale-100 {
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-125 {
     --tw-scale-x: 1.25;
     --tw-scale-y: 1.25;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-95 {
     --tw-scale-x: .95;
     --tw-scale-y: .95;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:rounded-lg {
     border-radius: .5rem
}

.group:hover .group-hover\:border-white\/20 {
     border-color: #fff3
}

.group:hover .group-hover\:from-mediaCard-hoverShadow {
     --tw-gradient-from: rgb(var(--colors-mediaCard-hoverShadow) / 1) var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(var(--colors-mediaCard-hoverShadow) / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group:hover .group-hover\:text-white {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity))
}

.group:hover .group-hover\:opacity-100 {
     opacity: 1
}

.group:active .group-active\:translate-x-0 {
     --tw-translate-x: 0px;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-100:hover {
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-105:hover {
     --tw-scale-x: 1.05;
     --tw-scale-y: 1.05;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-110:hover {
     --tw-scale-x: 1.1;
     --tw-scale-y: 1.1;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-125:hover {
     --tw-scale-x: 1.25;
     --tw-scale-y: 1.25;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:cursor-default:hover {
     cursor: default
}

.hover\:cursor-pointer:hover {
     cursor: pointer
}

.hover\:bg-authentication-inputBgHover:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-authentication-inputBgHover) / var(--tw-bg-opacity))
}

.hover\:bg-background-secondaryHover:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-background-secondaryHover) / var(--tw-bg-opacity))
}

.hover\:bg-buttons-cancelHover:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-buttons-cancelHover) / var(--tw-bg-opacity))
}

.hover\:bg-buttons-dangerHover:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-buttons-dangerHover) / var(--tw-bg-opacity))
}

.hover\:bg-buttons-primaryHover:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-buttons-primaryHover) / var(--tw-bg-opacity))
}

.hover\:bg-buttons-purpleHover:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-buttons-purpleHover) / var(--tw-bg-opacity))
}

.hover\:bg-buttons-secondaryHover:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-buttons-secondaryHover) / var(--tw-bg-opacity))
}

.hover\:bg-dropdown-hoverBackground:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-dropdown-hoverBackground) / var(--tw-bg-opacity))
}

.hover\:bg-editBadge-bgHover:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-editBadge-bgHover) / var(--tw-bg-opacity))
}

.hover\:bg-gray-200:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}

.hover\:bg-mediaCard-hoverBackground:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-mediaCard-hoverBackground) / var(--tw-bg-opacity))
}

.hover\:bg-onboarding-cardHover:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-onboarding-cardHover) / var(--tw-bg-opacity))
}

.hover\:bg-pill-backgroundHover:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-pill-backgroundHover) / var(--tw-bg-opacity))
}

.hover\:bg-search-hoverBackground:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-search-hoverBackground) / var(--tw-bg-opacity))
}

.hover\:bg-video-autoPlay-hover:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-autoPlay-hover) / var(--tw-bg-opacity))
}

.hover\:bg-video-buttonBackground:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-buttonBackground) / var(--tw-bg-opacity))
}

.hover\:bg-video-context-buttonOverInputHover:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-context-buttonOverInputHover) / var(--tw-bg-opacity))
}

.hover\:bg-video-context-closeHover:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-context-closeHover) / var(--tw-bg-opacity))
}

.hover\:bg-video-context-hoverColor:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-context-hoverColor) / var(--tw-bg-opacity))
}

.hover\:bg-video-context-light:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--colors-video-context-light) / var(--tw-bg-opacity))
}

.hover\:bg-opacity-10:hover {
     --tw-bg-opacity: .1
}

.hover\:bg-opacity-50:hover {
     --tw-bg-opacity: .5
}

.hover\:text-authentication-copyTextHover:hover {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-authentication-copyTextHover) / var(--tw-text-opacity))
}

.hover\:text-dropdown-highlightHover:hover {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-dropdown-highlightHover) / var(--tw-text-opacity))
}

.hover\:text-type-emphasis:hover {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-type-emphasis) / var(--tw-text-opacity))
}

.hover\:text-type-linkHover:hover {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-type-linkHover) / var(--tw-text-opacity))
}

.hover\:text-type-logo:hover {
     --tw-text-opacity: 1;
     color: rgb(var(--colors-type-logo) / var(--tw-text-opacity))
}

.hover\:text-white:hover {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity))
}

.hover\:opacity-100:hover {
     opacity: 1
}

.hover\:opacity-75:hover {
     opacity: .75
}

.focus\:relative:focus {
     position: relative
}

.focus\:z-10:focus {
     z-index: 10
}

.focus\:outline-none:focus {
     outline: 2px solid transparent;
     outline-offset: 2px
}

.focus\:ring-0:focus {
     --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
     box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.active\:scale-100:active {
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-105:active {
     --tw-scale-x: 1.05;
     --tw-scale-y: 1.05;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-110:active {
     --tw-scale-x: 1.1;
     --tw-scale-y: 1.1;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-125:active {
     --tw-scale-x: 1.25;
     --tw-scale-y: 1.25;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-95:active {
     --tw-scale-x: .95;
     --tw-scale-y: .95;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:bg-opacity-75:active {
     --tw-bg-opacity: .75
}

.active\:text-white:active {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity))
}

[dir] .dir-neutral\:left-0 {
     left: 0
}

[dir] .dir-neutral\:origin-top-left {
     transform-origin: top left
}

[dir] .dir-neutral\:items-start {
     align-items: flex-start
}

@media (min-width: 400px) {
     .ssm\:h-\[2rem\] {
          height: 2rem
     }

     .ssm\:w-\[2rem\] {
          width: 2rem
     }

     .ssm\:space-x-3>:not([hidden])~:not([hidden]) {
          --tw-space-x-reverse: 0
     }

     [dir=ltr] .ssm\:space-x-3>:not([hidden])~:not([hidden]) {
          margin-right: calc(.75rem * var(--tw-space-x-reverse));
          margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
     }

     [dir=rtl] .ssm\:space-x-3>:not([hidden])~:not([hidden]) {
          margin-left: calc(.75rem * var(--tw-space-x-reverse));
          margin-right: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
     }

     .ssm\:text-base {
          font-size: 1rem;
          line-height: 1.5rem
     }

     .ssm\:text-xl {
          font-size: 1.25rem;
          line-height: 1.75rem
     }

     .min-\[400px\]\:inline-block {
          display: inline-block
     }
}

@media (min-width: 640px) {
     .sm\:top-10 {
          top: 2.5rem
     }

     .sm\:mb-24 {
          margin-bottom: 6rem
     }

     .sm\:mt-0 {
          margin-top: 0
     }

     .sm\:block {
          display: block
     }

     .sm\:flex {
          display: flex
     }

     .sm\:hidden {
          display: none
     }

     .sm\:grid-cols-3 {
          grid-template-columns: repeat(3, minmax(0, 1fr))
     }

     .sm\:grid-cols-4 {
          grid-template-columns: repeat(4, minmax(0, 1fr))
     }

     .sm\:flex-row {
          flex-direction: row
     }

     .sm\:items-center {
          align-items: center
     }

     .sm\:px-0 {
          padding-left: 0;
          padding-right: 0
     }

     .sm\:px-16 {
          padding-left: 4rem;
          padding-right: 4rem
     }

     .sm\:px-8 {
          padding-left: 2rem;
          padding-right: 2rem
     }

     .sm\:py-4 {
          padding-top: 1rem;
          padding-bottom: 1rem
     }

     [dir=ltr] .sm\:pr-2 {
          padding-right: .5rem
     }

     [dir=rtl] .sm\:pr-2 {
          padding-left: .5rem
     }

     .sm\:text-3xl {
          font-size: 1.875rem;
          line-height: 2.25rem
     }

     .sm\:text-base {
          font-size: 1rem;
          line-height: 1.5rem
     }
}

@media (min-width: 768px) {
     .md\:mt-5 {
          margin-top: 1.25rem
     }

     .md\:block {
          display: block
     }

     .md\:inline-block {
          display: inline-block
     }

     .md\:flex {
          display: flex
     }

     .md\:grid {
          display: grid
     }

     .md\:hidden {
          display: none
     }

     .md\:w-auto {
          width: auto
     }

     .md\:grid-cols-2 {
          grid-template-columns: repeat(2, minmax(0, 1fr))
     }

     .md\:grid-cols-4 {
          grid-template-columns: repeat(4, minmax(0, 1fr))
     }

     .md\:grid-cols-\[1fr\,356px\] {
          grid-template-columns: 1fr 356px
     }

     .md\:flex-row {
          flex-direction: row
     }

     .md\:items-center {
          align-items: center
     }

     .md\:justify-between {
          justify-content: space-between
     }

     .md\:gap-8 {
          gap: 2rem
     }

     .md\:px-12 {
          padding-left: 3rem;
          padding-right: 3rem
     }

     .md\:px-2 {
          padding-left: .5rem;
          padding-right: .5rem
     }

     .md\:px-4 {
          padding-left: 1rem;
          padding-right: 1rem
     }

     .md\:px-8 {
          padding-left: 2rem;
          padding-right: 2rem
     }

     .md\:py-8 {
          padding-top: 2rem;
          padding-bottom: 2rem
     }

     [dir=ltr] .md\:text-right {
          text-align: right
     }

     [dir=rtl] .md\:text-right {
          text-align: left
     }

     .md\:text-4xl {
          font-size: 2.25rem;
          line-height: 2.5rem
     }
}

@media (min-width: 1024px) {
     .lg\:block {
          display: block
     }

     .lg\:flex {
          display: flex
     }

     .lg\:hidden {
          display: none
     }

     .lg\:max-w-\[400px\] {
          max-width: 400px
     }

     .lg\:grid-cols-2 {
          grid-template-columns: repeat(2, minmax(0, 1fr))
     }

     .lg\:grid-cols-\[1fr\,auto\] {
          grid-template-columns: 1fr auto
     }

     .lg\:grid-cols-\[280px\,1fr\] {
          grid-template-columns: 280px 1fr
     }

     .lg\:grid-cols-\[auto\,1fr\] {
          grid-template-columns: auto 1fr
     }

     .lg\:flex-row {
          flex-direction: row
     }

     .lg\:justify-end {
          justify-content: flex-end
     }

     .lg\:gap-12 {
          gap: 3rem
     }

     .lg\:text-2xl {
          font-size: 1.5rem;
          line-height: 2rem
     }

     .lg\:text-5xl {
          font-size: 3rem;
          line-height: 1
     }

     .lg\:text-xl {
          font-size: 1.25rem;
          line-height: 1.75rem
     }
}

@media (min-width: 1280px) {
     .xl\:flex {
          display: flex
     }

     .xl\:grid-cols-3 {
          grid-template-columns: repeat(3, minmax(0, 1fr))
     }
}

:is(:where([dir=ltr]) .ltr\:justify-end) {
     justify-content: flex-end
}

:is(:where([dir=rtl]) .rtl\:-scale-x-100) {
     --tw-scale-x: -1;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

:is(:where([dir=rtl]) .rtl\:justify-start) {
     justify-content: flex-start
}

.\[\&\>\*\:nth-child\(2\)\]\:overflow-y-auto>*:nth-child(2) {
     overflow-y: auto
}

.\[\&\>\*\:nth-child\(2\)\]\:overflow-x-hidden>*:nth-child(2) {
     overflow-x: hidden
}

.\[\&\>\*\]\:pointer-events-auto>* {
     pointer-events: auto
}

.\[\&\>\*\]\:px-6>* {
     padding-left: 1.5rem;
     padding-right: 1.5rem
}

.spinner {
     width: 1em;
     height: 1em;
     border: .12em solid var(--color, white);
     border-bottom-color: transparent;
     border-radius: 50%;
     display: inline-block;
     box-sizing: border-box;
     animation: spinner-rotation .8s linear infinite
}

@keyframes spinner-rotation {
     0% {
          transform: rotate(0)
     }

     to {
          transform: rotate(360deg)
     }
}

.lightbar,
.lightbar-visual {
     position: absolute;
     width: 500vw;
     height: 800px;
     pointer-events: none;
     -webkit-user-select: none;
     user-select: none
}

[dir] .lightbar {
     left: 50vw;
     transform: translate(-50%)
}

@media (min-width: 640px) {

     .lightbar,
     .lightbar-visual {
          width: 150vw
     }

     [dir] .lightbar {
          left: -25vw;
          transform: initial
     }
}

[dir] .lightbar {
     display: flex;
     justify-content: center;
     align-items: center;
     --d: 3s;
     --animation: cubic-bezier(.75, -0, .25, 1);
     animation: boot var(--d) var(--animation) forwards
}

[dir] .lightbar-visual {
     left: 0;
     --top: rgb(var(--colors-background-main) / 1);
     --bottom: rgb(var(--colors-lightBar-light) / 1);
     --first: conic-gradient(from 90deg at 80% 50%, var(--top), var(--bottom));
     --second: conic-gradient(from 270deg at 20% 50%, var(--bottom), var(--top));
     -webkit-mask-image: radial-gradient(100% 50% at center center, black, transparent);
     mask-image: radial-gradient(100% 50% at center center, black, transparent);
     background-image: var(--first), var(--second);
     background-position-x: 1%, 99%;
     background-position-y: 0%, 0%;
     background-size: 50% 100%, 50% 100%;
     opacity: 1;
     transform: rotate(180deg) translateZ(0) translateY(400px);
     transform-origin: center center;
     background-repeat: no-repeat;
     animation: lightbarBoot var(--d) var(--animation) forwards
}

.lightbar canvas {
     width: 40%;
     height: 300px;
     transform: translateY(-250px)
}

@keyframes boot {
     0% {
          opacity: .25
     }

     to {
          opacity: 1
     }
}

@keyframes lightbarBoot {
     0% {
          transform: rotate(180deg) translateZ(0) translateY(400px) scaleX(.8)
     }

     to {
          transform: rotate(180deg) translateZ(0) translateY(400px) scaleX(1)
     }
}

.flare-enabled .flare-light,
.hover\:flare-enabled:hover .flare-light {
     opacity: 1 !important
}