@charset "utf-8";

.coub-skin { --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light; --coub-primary: #fff; --coub-hover-primary: #f7f7f7; --coub-1-primary: #eaeaea; --coub-2-primary: #ccc; --coub-secondary: #000; --coub-blue: #0332ff; --coub-hover-blue: #1c47ff; --coub-blue-cta: #0332ff; --coub-light-blue: #f2f5ff; --coub-alert: #e81010; --coub-hover-alert: #f02222; --coub-border: #0000001a; --coub-mark: #fdf8bb; --coub-shadow-dropdown: 0 0 0 1px var(--coub-border), 0 8px 24px #0000001f, 0 2px 6px #00000014; --coub-secondary-rgb: 0 0 0; --coub-primary-rgb: 255 255 255; --coub-on-blue: #fff; --coub-neutral: #767676; --coub-accent: #f8e71c; --coub-sensitive: #ff2f92; --coub-fading-secondary: rgb(var(--coub-secondary-rgb) / .05); --coub-appearing-secondary: rgb(var(--coub-secondary-rgb) / .1); --coub-third-secondary: rgb(var(--coub-secondary-rgb) / .33); --coub-half-secondary: rgb(var(--coub-secondary-rgb) / .5); --coub-lightening-secondary: rgb(var(--coub-secondary-rgb) / .6); --coub-nearly-secondary: rgb(var(--coub-secondary-rgb) / .8); --coub-lightening-primary: rgb(var(--coub-primary-rgb) / .6); --coub-shadow-block: 0 0 0 1px var(--coub-border); --coub-shadow-inset-block: inset 0 0 0 1px var(--coub-border); --coub-shadow-ring: 0 0 0 3px var(--coub-blue); --coub-shadow-ring-medium: 0 0 0 2px var(--coub-blue); --coub-shadow-ring-small: 0 0 0 1px var(--coub-blue); --coub-shadow-ring-alert: 0 0 0 3px var(--coub-alert); --coub-z-el-over: 200; --coub-z-weekly-nav: 400; --coub-z-dropdown: 500; --coub-z-abs-dropdown: 800; --coub-z-abs-backdrop: 799; --coub-z-page-menu: 798; --coub-z-main-menu: 799; --coub-z-header: 800; --coub-z-modal: 900; --coub-z-tooltip: 1000; --coub-radius-card: 6px; --coub-radius-card-small: 5px; --coub-radius-btn-rn: 5px; --coub-radius-btn-sq: 3px; --coub-radius-input-sq: 5px; --coub-radius-input-rn: 30px; --coub-radius-dropdown: 8px; --coub-radius-modal: 8px; --coub-radius-block: 8px; --coub-radius-banner: 20px; --coub-radius-pill: 999px; --coub-mobile-gutter: 20px; --coub-panel-max-height: min(560px, calc(100dvh - 100px)); --coub-font-normal: var(--font-inter,helvetica, arial, "Lucida Grande", sans-serif); --coub-font-bold: var(--font-inter,helvetica, arial, "Lucida Grande", sans-serif); --coub-font-thin: var(--font-inter,helvetica, arial, "Lucida Grande", sans-serif); }

:root[data-coub-theme-switching] *, :root[data-coub-theme-switching] ::before, :root[data-coub-theme-switching] ::after { transition: none !important; }

.coub-skin[data-coub-theme="dark"], html.dark .coub-skin.-chrome-only { --lightningcss-light: ; --lightningcss-dark: initial; color-scheme: dark; --coub-primary: #0d0d0d; --coub-hover-primary: #1c1c1c; --coub-1-primary: #212121; --coub-2-primary: #404040; --coub-secondary: #fff; --coub-blue: #0084ff; --coub-hover-blue: #005ce6; --coub-blue-cta: #0075df; --coub-light-blue: #222c59; --coub-alert: #d0021b; --coub-hover-alert: #e9021e; --coub-border: #ffffff1a; --coub-mark: #00c1ce; --coub-shadow-dropdown: 0 0 0 1px #ffffff1a, 0 8px 24px #00000080; --coub-secondary-rgb: 255 255 255; --coub-primary-rgb: 13 13 13; --coub-neutral: #999; --coub-sensitive: #ff5ca8; }

.coub-skin { font-family: var(--coub-font-normal); color: var(--coub-secondary); background-color: var(--coub-primary); -webkit-font-smoothing: antialiased; flex-direction: column; min-width: 970px; min-height: 100vh; font-size: 16px; font-weight: 400; line-height: 1.05; display: flex; overflow-x: clip; }

.coub-skin.-chrome-only { background-color: rgba(0, 0, 0, 0); min-width: 0px; min-height: 0px; display: block; }

.coub-skin a { color: var(--coub-secondary); text-decoration: none; }

.coub-skin a:hover { color: var(--coub-blue); }

.coub-skin p { margin-bottom: 10px; }

.coub-skin button { font: inherit; color: inherit; cursor: pointer; background: 0px 0px; border: 0px; padding: 0px; }

.coub-skin h1, .coub-skin h2, .coub-skin h3, .coub-skin h4, .coub-skin h5, .coub-skin h6, .coub-skin .hbold, .coub-skin strong, .coub-skin b { font-family: var(--coub-font-bold); letter-spacing: -0.04em; font-weight: 700; }

.coub-skin .hnormal { font-family: var(--coub-font-normal); letter-spacing: normal; font-weight: 400; }

.coub-skin .hthin { font-family: var(--coub-font-thin); letter-spacing: normal; font-weight: 100; }

.coub-skin .-hidden { display: none !important; }

.coub-skin .-fill { position: absolute; inset: 0px; }

.coub-skin .inline--container { justify-content: space-between; display: flex; }

.coub-skin .-undr:hover { text-decoration: underline; }

.coub-skin .-error-text { color: var(--coub-alert); text-align: center; font-size: 13px; }

.coub-skin .-clear::after { content: ""; clear: both; display: table; }

.coub-skin .mainBlockInformation { width: 900px; position: absolute; top: -10000px; left: -10000px; }

.coub-skin .body-container { flex: 1 1 0%; }

.coub-skin .page-container { box-sizing: content-box; border-left: 0px solid rgba(0, 0, 0, 0); width: 970px; margin: 0px auto; padding-top: 12px; padding-bottom: 140px; transition: border-left-width 0.15s; }

.coub-skin .page__content { width: 970px; margin: 0px auto; }

@media only screen and (min-width: 1280px) {
  .coub-skin:not([data-coub-menu="folded"]) .page-container { border-left-width: 240px; }
}

@media only screen and (min-width: 1024px) {
  .coub-skin .desktop-hidden { display: none !important; }
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .tablet-mobile-hidden { display: none !important; }
  .coub-skin { width: 100%; min-width: 100%; overflow-x: hidden; }
  .coub-skin .page-container, .coub-skin .page__content { box-sizing: border-box; width: 100%; }
  .coub-skin .main-menu, .coub-skin .timeline-right-block { display: none; }
  .coub-skin .initial-load-indicator { width: 100% !important; }
}

@keyframes coub-interactors-dd-appear { 
  100% { opacity: 1; }
}

@keyframes coub-interactors-dd-spin { 
  100% { transform: rotate(360deg); }
}

.coub-skin .sb { font-family: var(--coub-font-bold); letter-spacing: -0.04em; text-align: center; vertical-align: middle; white-space: nowrap; cursor: pointer; user-select: none; height: 25px; color: var(--coub-secondary); background: 0px 0px; border: 0px; padding: 0px 15px; font-size: 12px; font-weight: 700; line-height: 26px; transition: box-shadow 0.1s, background-color 0.1s, color 0.1s; display: inline-block; }

.coub-skin .sb.-sb-beta { height: 30px; padding: 0px 20px; font-size: 14px; line-height: 31px; }

.coub-skin .sb.-sb-gamma { height: 40px; padding: 0px 30px; font-size: 16px; line-height: 41px; }

.coub-skin .sb.-sb-dialog { min-width: 114px; height: 34px; font-size: 14px; line-height: 31px; }

.coub-skin .sb.-sq { border-radius: var(--coub-radius-btn-sq); }

.coub-skin .sb.-rn { border-radius: var(--coub-radius-btn-rn); }

.coub-skin .sb.-blue { background-color: var(--coub-blue-cta); color: var(--coub-on-blue); }

.coub-skin .sb.-blue:hover { background-color: var(--coub-hover-blue); color: var(--coub-on-blue); }

.coub-skin .sb.-red { background-color: var(--coub-alert); color: var(--coub-on-blue); }

.coub-skin .sb.-red:hover { background-color: var(--coub-hover-alert); color: var(--coub-on-blue); }

.coub-skin .sb.-st { background-color: var(--coub-primary); box-shadow: var(--coub-shadow-block); }

.coub-skin .sb.-st:hover, .coub-skin .sb.-st:active, .coub-skin .sb.-st.active { background-color: var(--coub-blue-cta); color: var(--coub-on-blue); box-shadow: var(--coub-shadow-ring-small); }

.coub-skin .sb.-toggle { padding-right: 30px; position: relative; }

.coub-skin .sb.-toggle::after { content: ""; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid var(--coub-secondary); margin-top: -2px; position: absolute; top: 50%; right: 10px; }

.coub-skin .sb.-toggle:hover::after { border-top-color: var(--coub-on-blue); }

.coub-skin .sb.-toggle.-less::after { top: 46%; transform: rotate(180deg); }

.coub-skin .sb.-flat { box-shadow: 0 0 0 1px var(--coub-appearing-secondary); }

.coub-skin .sb.-flat:hover { box-shadow: var(--coub-shadow-ring); }

.coub-skin .sb.-trans { background: 0px 0px; }

.coub-skin .sb.-trans:hover { box-shadow: var(--coub-shadow-ring); }

.coub-skin .sb.-outline { box-sizing: border-box; border: 1px solid var(--coub-border); width: 100%; height: 35px; font-size: 16px; font-weight: 400; line-height: 33px; display: block; }

.coub-skin .sb.-outline:hover { color: var(--coub-secondary); }

.coub-skin .sb.-string { font-family: var(--coub-font-normal); letter-spacing: normal; color: var(--coub-half-secondary); height: auto; font-weight: 400; line-height: inherit; padding: 0px; text-decoration: underline; }

.coub-skin .sb.-string:hover { color: var(--coub-blue); box-shadow: none; }

.coub-skin .sb.-w100p { width: 100%; }

.coub-skin .sb.-no-hover:hover { box-shadow: none !important; }

.coub-skin .-ribbon:hover { box-shadow: var(--coub-shadow-ring); }

.coub-skin .input-field { font-family: var(--coub-font-normal); border: 1px solid var(--coub-1-primary); background-color: var(--coub-primary); width: 100%; height: 41px; color: var(--coub-secondary); outline: none; padding: 10px; font-size: 14px; font-weight: 400; }

.coub-skin .input-field::placeholder { color: var(--coub-lightening-secondary); }

.coub-skin .input-field.-sq { border-radius: var(--coub-radius-input-sq); }

.coub-skin .input-field.-rn { border-radius: var(--coub-radius-input-rn); }

.coub-skin .input-field:hover, .coub-skin .input-field:focus { border-color: var(--coub-blue); box-shadow: var(--coub-shadow-ring-medium); }

.coub-skin .input-field.error { border-color: var(--coub-alert); box-shadow: 0 0 0 2px var(--coub-alert); }

.coub-skin .input-field-group { border: 1px solid var(--coub-1-primary); border-radius: 5px; }

.coub-skin .input-field-group input { font-family: var(--coub-font-normal); background-color: var(--coub-primary); width: 100%; height: 41px; color: var(--coub-secondary); box-shadow: inset 0 -1px 0 var(--coub-1-primary); border: 0px; outline: none; padding: 10px; font-size: 14px; font-weight: 400; display: block; }

.coub-skin .input-field-group input::placeholder { color: var(--coub-lightening-secondary); }

.coub-skin .input-field-group input:first-child { border-radius: 5px 5px 0px 0px; }

.coub-skin .input-field-group input:last-child { box-shadow: none; border-radius: 0px 0px 5px 5px; }

.coub-skin .input-field-group input:focus { box-shadow: var(--coub-shadow-ring), inset 0 0 0 3px var(--coub-primary); z-index: 1; border-radius: 5px; position: relative; }

.coub-skin .input-field-group input.error { box-shadow: var(--coub-shadow-ring-alert), inset 0 0 0 3px var(--coub-primary); z-index: 1; border-radius: 5px; position: relative; }

.coub-skin .dropdown { display: inline-block; position: relative; }

.coub-skin .dropdown .dropdown__inner { z-index: var(--coub-z-dropdown); opacity: 0; pointer-events: none; visibility: hidden; transition: opacity 0.2s, transform 0.2s, visibility linear 0.2s; position: absolute; transform: scale(0.97); }

.coub-skin .dropdown .dropdown__inner.-showed { opacity: 1; pointer-events: auto; visibility: visible; transition-delay: 0s; transform: scale(1); }

.coub-skin .dropdown[data-align-right] .dropdown__inner { right: 0px; }

.coub-skin .dropdown .dropdown__content { background-color: var(--coub-primary); box-shadow: var(--coub-shadow-dropdown); border-radius: var(--coub-radius-dropdown); overflow: hidden; }

.coub-skin .list { margin: 0px; padding: 8px 0px; list-style: none; }

.coub-skin .list:empty { padding: 0px; }

.coub-skin .list .list__item { background-color: var(--coub-primary); font-size: 16px; }

.coub-skin .list .list__item > a, .coub-skin .list .list__item > span, .coub-skin .list .list__item > button { text-align: left; width: 100%; color: var(--coub-secondary); align-items: center; padding: 10px; display: flex; }

.coub-skin .list .list__item:hover { background-color: var(--coub-hover-primary); }

.coub-skin .list .list__item.list__item-beta > a, .coub-skin .list .list__item.list__item-beta > span, .coub-skin .list .list__item.list__item-beta > button { padding: 12px; }

.coub-skin .list .list__item.list__item-gamma > a, .coub-skin .list .list__item.list__item-gamma > span, .coub-skin .list .list__item.list__item-gamma > button { padding: 17px; }

.coub-skin .list .list__item-hr { background-color: var(--coub-hover-primary); height: 1px; margin: 10px 0px; }

.coub-skin .list .list__item-hr:hover { background-color: var(--coub-hover-primary); }

.coub-skin .list-wrap { max-height: 250px; overflow-y: auto; }

.coub-skin .follow-btn { display: inline-block; }

.coub-skin .follow-btn button { letter-spacing: -0.6px; height: 36px; font-size: 15px; }

.coub-skin .follow-btn .text-dummy { visibility: hidden; height: 0px; overflow: hidden; }

.coub-skin .follow-button__container { box-shadow: var(--coub-shadow-block); border-radius: 6px; font-size: 0px; display: flex; overflow: hidden; }

.coub-skin .follow-button__container button { background-color: var(--coub-primary); color: var(--coub-secondary); padding: 0px 15px; }

.coub-skin .follow-button__container button:hover { background-color: var(--coub-blue-cta); color: var(--coub-on-blue); }

.coub-skin .follow-button__container button:hover svg path { fill: var(--coub-on-blue); }

.coub-skin .follow-button__container.following { box-shadow: none; }

.coub-skin .follow-button__container.following button { background-color: var(--coub-blue-cta); color: var(--coub-on-blue); }

.coub-skin .follow-button__container.following button:hover { background-color: var(--coub-hover-blue); }

.coub-skin .follow-button__container.following .follow-button__right { box-shadow: rgba(255, 255, 255, 0.2) -1px 0px; }

.coub-skin .follow-button__container.following .follow-button__right svg path { fill: var(--coub-on-blue); }

.coub-skin .follow-button__left { height: 36px; }

.coub-skin .follow-button__right { box-shadow: -1px 0 0 0 var(--coub-border); z-index: 1; width: 35px; }

.coub-skin .follow-button__right svg path { fill: var(--coub-neutral); }

.coub-skin .follow-button__right button { width: 100%; padding: 0px; position: relative; }

.coub-skin .follow-button__right button svg { margin: auto; position: absolute; inset: 0px; }

.coub-skin .follow-dd-backdrop { z-index: var(--coub-z-abs-backdrop); cursor: default; position: fixed; inset: 0px; }

.coub-skin .follow-dd-fixed { z-index: var(--coub-z-abs-dropdown); position: fixed; }

.coub-skin .dropdown--follow.dropdown--shift-left { margin-left: -85px; }

.coub-skin .dropdown__content .dd-follower-list { max-height: 153px; }

.coub-skin .dd-follower-list { width: 240px; min-height: 58px; }

.coub-skin .dd-follower-list .list__item { cursor: pointer; padding: 17px 17px 17px 58px; position: relative; }

.coub-skin .dd-follower-list .list__item img { border-radius: 50%; margin: auto; position: absolute; top: 0px; bottom: 0px; left: 10px; }

.coub-skin .dd-follower-list .list__item.-on { padding-right: 35px; }

.coub-skin .dd-follower-list .list__item .follow-check { height: 17px; margin: auto; position: absolute; top: 0px; bottom: 0px; right: 10px; }

.coub-skin .dd-follower-list .list__item .follow-check svg path { fill: var(--coub-blue); }

.coub-skin .dd-follower-list .-truncate-text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.coub-skin .dd-follower-list .actionTo { color: var(--coub-neutral); padding-right: 2px; }

.coub-skin .interactors-dd-fixed { z-index: var(--coub-z-abs-dropdown); position: fixed; }

.coub-skin .interactors-dd-fixed.-pending { opacity: 0; animation: 0.1s ease 0.15s 1 normal forwards running coub-interactors-dd-appear; }

.coub-skin .interactors-dd__loading { justify-content: center; align-items: center; height: 58px; display: flex; }

.coub-skin .interactors-dd__loading span { border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: rgba(0, 0, 0, 0); border-radius: 50%; width: 20px; height: 20px; animation: 0.8s linear 0s infinite normal none running coub-interactors-dd-spin; }

.coub-skin .dropdown__content .dd-channel-list { min-height: 58px; }

.coub-skin .dd-channel-list { width: 310px; }

.coub-skin .dd-channel-list .list__item { align-items: center; padding: 9px 12px; display: flex; position: relative; }

.coub-skin .dd-channel-list .list__item .object-media__img { margin-right: 20px; position: relative; }

.coub-skin .dd-channel-list .list__item .object-media__img .image.-rounded { border-radius: 50%; display: block; }

.coub-skin .dd-channel-list .list__item .object-media__body { min-width: 0px; height: 38px; padding: 0px; line-height: 38px; }

.coub-skin .dd-channel-list .channel-featured-icon { margin-left: 2px; }

.coub-skin .dd-channel-list__title { vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.coub-skin .dd-channel-list__img { position: relative; }

.coub-skin .interactors-dd__more { color: var(--coub-neutral); padding: 8px 12px 12px; font-size: 13px; }

.coub-skin .box-card { border-radius: var(--coub-radius-card); position: relative; }

.coub-skin .box-card::before { content: ""; box-shadow: var(--coub-shadow-inset-block); border-radius: inherit; pointer-events: none; z-index: 1; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; }

.coub-skin .box-card .box-card__screen { border-top-left-radius: var(--coub-radius-card); border-top-right-radius: var(--coub-radius-card); opacity: 1; background-image: radial-gradient(at center bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.95) 100%); background-position: center top; background-repeat: no-repeat; background-size: cover; min-height: 86px; max-height: 150px; transition: opacity 0.25s ease-in-out; display: block; position: relative; overflow: hidden; }

.coub-skin .box-card .box-card__screen:hover { opacity: 0.9; }

.coub-skin .box-card .box-card__meta { padding: 10px 15px 15px; position: relative; }

.coub-skin .channel--box-card .channel__avatar { z-index: 2; position: absolute; top: -71px; left: 15px; }

.coub-skin .channel--box-card .channel__avatar > a { border-radius: 50%; display: block; overflow: hidden; }

.coub-skin .channel--box-card .channel__avatar > a:hover { box-shadow: var(--coub-shadow-ring); }

.coub-skin .channel--box-card .channel__avatar .image { border-radius: 0px; display: block; }

.coub-skin .channel--box-card .channel__avatar .image--stub { background-color: var(--coub-1-primary); width: 56px; height: 56px; }

.coub-skin .channel--box-card .channel__title { overflow-wrap: break-word; margin-top: 0px; }

.coub-skin .channel--box-card .channel__title .channel-featured-icon { vertical-align: middle; margin-left: 4px; display: inline-block; }

.coub-skin .channel--box-card .channel-follow-button { z-index: 2; position: absolute; top: 20px; right: 16px; }

.coub-skin .channel--box-card .channel__counters { margin-top: 10px; font-size: 12px; }

.coub-skin .channel--box-card .channel__counters, .coub-skin .channel--box-card .channel__counters span, .coub-skin .channel--box-card .channel__counters a { color: var(--coub-neutral); }

.coub-skin .channel--box-card .channel__description { overflow-wrap: break-word; margin-top: 10px; font-size: 13px; line-height: 1.4; }

.coub-skin .channel--box-card.-with-top-sub .box-card__screen { border-top-left-radius: 0px; border-top-right-radius: 0px; }

.coub-skin .channel--box-card.-with-top-sub .channel-follow-button { top: 45px; }

.coub-skin .channel--box-card .channel--box-card__top-sub { text-transform: uppercase; letter-spacing: 0.02em; height: 25px; color: var(--coub-on-blue); background-color: var(--coub-blue-cta); white-space: nowrap; text-overflow: ellipsis; padding: 0px 15px; font-size: 11px; line-height: 25px; overflow: hidden; }

.coub-skin .channel-hover-card { z-index: var(--coub-z-abs-dropdown); width: 310px; position: fixed; }

.coub-skin .channel-hover-card .dropdown__content { background-color: var(--coub-primary); box-shadow: var(--coub-shadow-dropdown); border-radius: var(--coub-radius-dropdown); overflow: hidden; }

.coub-skin .channel-hover-card .channel--box-card::before { display: none; }

.coub-skin .-ribbon-hvr-text { cursor: pointer; }

.coub-skin .-ribbon-hvr-text:hover, .coub-skin .-ribbon-hvr-text:hover:active { color: var(--coub-blue) !important; }

.coub-skin .tooltip.tooltip--simple { white-space: nowrap; max-width: none; z-index: var(--coub-z-tooltip); background-color: rgb(var(--coub-secondary-rgb) / .8); pointer-events: none; border-radius: 15px; margin-top: -26px; padding: 7px 15px; position: absolute; }

.coub-skin .tooltip.tooltip--simple .tooltip__inner { color: var(--coub-primary); font-size: 14px; line-height: 1.2em; }

.coub-skin .tooltip.tooltip--simple.tooltip--fixed { position: fixed; }

.coub-skin .tooltip.tooltip--simple.tooltip--below { margin-top: 0px; }

.coub-skin .badge-counter { text-align: center; background-color: var(--coub-blue-cta); min-width: 20px; height: 20px; color: var(--coub-on-blue); border-radius: 10px; font-size: 12px; line-height: 20px; display: inline-block; }

.coub-skin .badge-counter.-two-digits { width: 28px; }

.coub-skin .badge-counter.-three-or-more-digits { width: 36px; }

.coub-skin .badge-counter.-hided { display: none; }

.coub-skin .badge-counter.-dot { width: 10px; min-width: 10px; height: 10px; }

.coub-skin .switcher { background-color: var(--coub-accent); cursor: pointer; border-radius: 10px; flex-shrink: 0; width: 32px; height: 20px; transition: background-color 0.15s; display: inline-block; position: relative; }

.coub-skin .switcher:hover { background-color: rgb(250, 236, 77); }

.coub-skin .switcher::after { content: ""; background-color: var(--coub-primary); border-radius: 50%; width: 16px; height: 16px; transition: left 0.15s, right 0.15s; position: absolute; top: 2px; left: auto; right: 2px; }

.coub-skin .switcher.-off { background-color: var(--coub-neutral); }

.coub-skin .switcher.-off:hover { background-color: var(--coub-2-primary); }

.coub-skin .switcher.-off::after { left: 2px; right: auto; }

.coub-skin .channel-featured-icon { flex-shrink: 0; width: 16px; height: 16px; }

.coub-skin .channel-featured-icon svg { width: 100%; height: 100%; display: block; }

.coub-skin .channel-featured-icon svg path { fill: var(--coub-blue) !important; }

.coub-skin header.header { min-width: 100%; z-index: var(--coub-z-header); transition: 0.2s ease-in-out; position: sticky; top: 0px; }

.coub-skin .header__bg { background: var(--coub-primary); box-shadow: 0 1px 0 0 var(--coub-fading-secondary); transition: 0.2s ease-in-out; }

.coub-skin .header__contents { gap: 100px; width: 100%; height: 70px; margin: 0px auto; padding: 18px 20px; transition: height 0.2s ease-in-out, padding-top 0.2s ease-in-out; position: relative; }

.coub-skin .header__left { justify-content: flex-start; min-width: 0px; }

.coub-skin .header__left > * { flex-grow: 0; flex-shrink: 0; }

.coub-skin .header__right { align-items: center; gap: 20px; margin-top: 1px; margin-left: 20px; display: flex; }

.coub-skin .header__plan { align-items: center; gap: 12px; display: flex; }

.coub-skin .header__credits { background-color: var(--coub-hover-primary); height: 34px; font-family: var(--coub-font-bold); letter-spacing: -0.04em; font-variant-numeric: tabular-nums; border-radius: 17px; align-items: center; gap: 6px; padding: 0px 14px; font-size: 14px; font-weight: 700; display: flex; }

.coub-skin .header__credits:hover { color: var(--coub-blue); background-color: var(--coub-1-primary); }

.coub-skin .header__plan-name { color: var(--coub-neutral); white-space: nowrap; font-size: 13px; }

.coub-skin .header__upgrade { background-color: var(--coub-blue-cta); height: 34px; color: var(--coub-on-blue); font-family: var(--coub-font-bold); letter-spacing: -0.04em; white-space: nowrap; border-radius: 17px; align-items: center; padding: 0px 16px; font-size: 14px; font-weight: 700; display: flex; }

.coub-skin .header__upgrade:hover { color: var(--coub-on-blue); background-color: var(--coub-hover-blue); }

.coub-skin .header__logo { width: 46px; height: 46px; position: relative; top: -6px; }

.coub-skin .header__logo > a { transform-origin: 50% center; width: 46px; height: 46px; display: block; }

@media (prefers-reduced-motion: no-preference) {
  .coub-skin .header__logo > a { transition: transform 0.7s cubic-bezier(0.45, 0.05, 0.35, 1); }
  .coub-skin .header__logo:hover > a { transform: rotate(360deg); }
}

.coub-skin .header__logo .img { transition: opacity 0.2s ease-in-out; }

.coub-skin .header__logo .img.blue { opacity: 1; }

.coub-skin .header__logo .img.blue svg path[fill="#0332FF"] { fill: var(--coub-blue); }

.coub-skin .header__logo .img.white { opacity: 0; position: absolute; top: 0px; left: 0px; }

.coub-skin .header__search { flex: 1 1 460px; min-width: 0px; max-width: 460px; margin-left: 20px; position: relative; }

.coub-skin .header__nav { margin-left: 20px; }

.coub-skin .header__nav ul { align-items: center; margin: 0px; padding: 0px; list-style: none; }

.coub-skin .header__nav .nav__item { padding: 0px; }

.coub-skin .header__nav .nav__item .nav__item__inner { align-items: center; padding: 0px; font-size: 16px; display: flex; }

.coub-skin .header__nav .nav__item .header__icon { margin-right: 5px; }

.coub-skin .header__nav .nav__item .header__icon svg { display: block; }

.coub-skin .header__nav .nav__item:hover > .nav__item__inner svg path { fill: var(--coub-blue); }

.coub-skin .header__nav .nav__item:not(:first-child) { margin-left: 16px; }

.coub-skin .dropdown.notifications .dropdown__content { max-height: var(--coub-panel-max-height); flex-direction: column; display: flex; }

.coub-skin .dropdown.notifications .dd-notification-header { border-bottom: 1px solid var(--coub-appearing-secondary); color: var(--coub-lightening-secondary); font-size: 14px; line-height: 1; font-family: var(--coub-font-normal); letter-spacing: normal; text-align: left; flex: 0 0 auto; padding: 14px 16px 12px; font-weight: 400; }

.coub-skin .dropdown.notifications .dd-notification-header h2 { font: inherit; color: inherit; margin: 0px; }

.coub-skin .dropdown.notifications .dd-notification-list.list-wrap { flex: 1 1 auto; min-height: 0px; max-height: none; overflow-y: auto; }

.coub-skin .dd-notification-list { width: 340px; min-height: 58px; }

.coub-skin .dd-notification-list .list__item { font-size: 14px; position: relative; }

.coub-skin .dd-notification-item { align-items: flex-start; gap: 8px; padding: 8px 12px; display: flex; }

.coub-skin .dd-notification-item__link { z-index: 1; position: absolute; inset: 0px; }

.coub-skin .dd-notification-item__actor { z-index: 2; position: relative; }

.coub-skin .dd-notification-item__actor:hover { text-decoration: underline; }

.coub-skin .dd-notification-item__avatar { background: var(--coub-hover-bg,#7f7f7f1f); border-radius: 50%; flex: 0 0 auto; justify-content: center; align-items: center; width: 32px; height: 32px; font-size: 13px; font-weight: 700; display: flex; overflow: hidden; }

.coub-skin .dd-notification-item__avatar img { object-fit: cover; width: 100%; height: 100%; }

.coub-skin .dd-notification-item__avatar.-system { background: var(--coub-blue-cta); box-sizing: border-box; color: var(--coub-on-blue); padding: 7px; }

.coub-skin .dd-notification-item__avatar.-system svg { width: 100%; height: 100%; display: block; }

.coub-skin .dd-notification-item__avatar.-system.-featured { padding: 0px; }

.coub-skin .dd-notification-item__body { flex-direction: column; flex: 1 1 auto; gap: 2px; min-width: 0px; display: flex; }

.coub-skin .dd-notification-item__preview { background: var(--coub-hover-bg,#7f7f7f1f); border-radius: 4px; flex: 0 0 auto; width: 50px; height: 50px; overflow: hidden; }

.coub-skin .dd-notification-item__preview img { object-fit: cover; width: 100%; height: 100%; display: block; }

.coub-skin .dd-notification-item__text { line-height: 1.3; }

.coub-skin .dd-notification-item__text b { font-weight: 700; }

.coub-skin .dd-notification-item__time { opacity: 0.6; font-size: 12px; }

.coub-skin .dd-notification-list .list__item.-unread { background: var(--coub-hover-bg,#007aff14); }

.coub-skin .dd-notification-empty { opacity: 0.5; justify-content: center; align-items: center; min-height: 58px; padding: 16px; font-size: 13px; display: flex; }

.coub-skin .dd-notification-more { justify-content: center; padding: 8px 12px; display: flex; }

.coub-skin .dd-notification-more button { color: inherit; cursor: pointer; opacity: 0.7; background: 0px 0px; border: 0px; padding: 4px 8px; font-size: 13px; }

.coub-skin .dd-notification-more button:hover:not(:disabled) { opacity: 1; }

.coub-skin .dd-notification-more button:disabled { cursor: default; opacity: 0.4; }

.coub-skin .header__channel { position: relative; }

.coub-skin .header__channel .list-wrap { max-height: 380px; }

.coub-skin .header__channel .header-channel__notify-badge__group { margin-left: 20px; }

.coub-skin .header-channel__avatar { border-radius: 50%; flex-shrink: 0; width: 46px; height: 46px; margin-top: -7px; display: inline-block; position: relative; overflow-y: hidden; }

.coub-skin .header-channel__avatar:hover { box-shadow: var(--coub-shadow-ring); }

.coub-skin .header-channel__avatar.current { box-shadow: none; }

.coub-skin .header-channel__avatar a { max-width: 100%; }

.coub-skin .header-channel__avatar img { object-fit: cover; width: 100%; height: 100%; display: block; }

.coub-skin .header-channel__avatar__stub { background: var(--coub-1-primary); width: 100%; height: 100%; color: var(--coub-secondary); text-transform: uppercase; justify-content: center; align-items: center; font-size: 18px; display: flex; }

.coub-skin .channel-menu-dropdown .dropdown__inner { top: calc(100% + 7px); }

.coub-skin .header-channel__notify-badge { margin-right: 20px; position: relative; }

.coub-skin .header-channel__notify-badge .sb.-notify-handler { opacity: 1; height: 32px; padding: 0px; position: relative; }

.coub-skin .header-channel__notify-badge .sb.-notify-handler svg { display: block; }

.coub-skin .header-channel__notify-badge .sb.-notify-handler:active, .coub-skin .header-channel__notify-badge .sb.-notify-handler:hover { z-index: 1; }

:is(.coub-skin .header-channel__notify-badge .sb.-notify-handler:active, .coub-skin .header-channel__notify-badge .sb.-notify-handler:hover) svg path { fill: var(--coub-blue); }

.coub-skin .header-channel__notify-badge .header-channel__notify-badge__group .badge-counter { z-index: 2; cursor: pointer; user-select: none; pointer-events: none; transition: width 0.15s, height 0.15s, top 0.15s, right 0.15s; position: absolute; top: 0px; right: -7px; }

.coub-skin .header-channel__notify-badge .header-channel__notify-badge__group .badge-counter.-three-or-more-digits { right: -12px; }

.coub-skin .header-channel__notify-badge .header-channel__notify-badge__group .badge-counter.-two-digits { right: -15px; }

.coub-skin .header-channel__notify-badge .dropdown__inner { margin-top: -2px; top: calc(100% + 7px); }

.coub-skin .coub-theme-toggle { flex-shrink: 0; justify-content: center; align-items: center; width: 32px; height: 32px; margin-right: 40px; display: flex; }

.coub-skin .coub-theme-toggle svg { stroke: var(--coub-neutral); fill: none; transition: stroke 0.1s; display: block; }

.coub-skin .coub-theme-toggle:hover svg, .coub-skin .coub-theme-toggle:active svg { stroke: var(--coub-blue); }

.coub-skin .coub-theme-toggle + .header-channel__notify-badge__group { margin-left: 0px; }

.coub-skin .coub-theme-toggle:last-child { margin-right: 0px; }

.coub-skin .dropdown.notifications.notifications-friendship .dropdown__inner { right: -118px; }

.coub-skin .dropdown.notifications.notifications-friendship .dropdown__content .dd-notification-list { width: 340px; }

.coub-skin .dropdown.notifications.notifications-common .dropdown__inner { right: -66px; }

.coub-skin .header-channel__notify-badge__group .subgroup { border-top: 1px solid var(--coub-appearing-secondary); }

.coub-skin .header-channel__notify-badge__group .subgroup:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }

.coub-skin .header-channel__notify-badge__group .-no-content.-empty ul { text-align: center; padding: 22px; }

.coub-skin .header-channel__notify-badge__group .subgroup .subgroup__header { border-bottom: 1px solid var(--coub-appearing-secondary); padding: 18px 10px 17px; position: relative; }

.coub-skin .header-channel__notify-badge__group .subgroup .subgroup__header h2 { color: var(--coub-lightening-secondary); font-size: 16px; font-family: var(--coub-font-normal); letter-spacing: normal; margin: 0px; font-weight: 400; }

.coub-skin .header-channel__notify-badge__group .subgroup .subgroup__header .box--vertical.-right { position: absolute; right: 23px; }

.coub-skin .header-channel__notify-badge__group .subgroup .subgroup__header .box--vertical.-right .channel-abs-nice-select { position: relative; top: -4px; }

.coub-skin .header-channel__notify-badge__group .subgroup .subgroup__header .box--vertical.-right .channel-abs-nice-select button { text-align: left; width: 152px; font-family: var(--coub-font-normal); letter-spacing: normal; padding-left: 9px; font-weight: 400; }

.coub-skin .header-channel__notify-badge__group .subgroup .subgroup__header .box--vertical.-right .channel-abs-nice-select button span { text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; }

.coub-skin .header-channel__notify-badge .subgroup__content .subgroup__load-more { background: var(--coub-1-primary); color: var(--coub-secondary); text-align: center; cursor: pointer; padding: 15px; font-size: 14px; position: relative; }

.coub-skin .header-channel__notify-badge .subgroup__content .subgroup__load-more.-hided { display: none; }

.coub-skin .header-channel__notify-badge .subgroup__content .subgroup__load-more .subgroup__load-more__counter { color: var(--coub-blue); position: absolute; bottom: 15px; right: 19px; }

.coub-skin .channel-menu-dropdown__content { width: 300px; }

.coub-skin .channel-menu-dropdown__content.list-wrap { max-height: 380px; }

.coub-skin .channel-menu-dropdown__content .list__item { background-color: var(--coub-primary); cursor: pointer; }

.coub-skin .channel-menu-dropdown__content .list__item:hover { background-color: var(--coub-hover-primary); }

.coub-skin .channel-menu-dropdown__content .list__item > a { color: var(--coub-secondary); text-overflow: ellipsis; white-space: nowrap; padding-right: 52px; overflow: hidden; }

.coub-skin .channel-menu-dropdown__content .list__item.logout, .coub-skin .channel-menu-dropdown__content .list__item.settings { text-indent: 48px; position: relative; }

:is(.coub-skin .channel-menu-dropdown__content .list__item.logout, .coub-skin .channel-menu-dropdown__content .list__item.settings) svg { margin: auto; position: absolute; top: 0px; bottom: 0px; left: 18px; }

:is(.coub-skin .channel-menu-dropdown__content .list__item.logout, .coub-skin .channel-menu-dropdown__content .list__item.settings) svg path { fill: var(--coub-neutral); }

.coub-skin .channel-menu-dropdown__content .list__item.settings > a { display: block; }

.coub-skin .channel-menu-dropdown__content .list__item.logout { padding: 12px; position: relative; }

.coub-skin .channel-menu-dropdown__content .list__item.logout > form > button { height: auto; line-height: inherit; }

.coub-skin .channel-menu-dropdown__content .list__item.channel-menu-dropdown__channel { align-items: center; display: flex; }

.coub-skin .channel-menu-dropdown__content .list__item.channel-menu-dropdown__channel .channel-menu-dropdown__channel-row { min-width: 0px; color: var(--coub-secondary); flex: 1 1 auto; align-items: center; gap: 12px; padding: 8px 0px 8px 16px; display: flex; }

.coub-skin .channel-menu-dropdown__content .list__item.channel-menu-dropdown__channel .channel-menu-dropdown__channel-row img { object-fit: cover; border-radius: 50%; flex: 0 0 auto; width: 40px; height: 40px; }

.coub-skin .channel-menu-dropdown__content .list__item.channel-menu-dropdown__channel .channel-menu-dropdown__channel-title { text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto; line-height: 1.45; overflow: hidden; }

.coub-skin .channel-menu-dropdown__content .list__item.channel-menu-dropdown__channel .channel-menu-dropdown__radio { border: 2px solid var(--coub-neutral); box-sizing: border-box; cursor: pointer; background: 0px 0px; border-radius: 50%; flex: 0 0 auto; width: 18px; height: 18px; margin: 0px 16px 0px 12px; padding: 0px; }

.coub-skin .channel-menu-dropdown__content .list__item.channel-menu-dropdown__channel .channel-menu-dropdown__radio:hover { border-color: var(--coub-blue); }

.coub-skin .channel-menu-dropdown__content .list__item.channel-menu-dropdown__channel.-current .channel-menu-dropdown__radio { border-color: var(--coub-blue); background: radial-gradient(circle, var(--coub-blue) 0 5px, transparent 5.5px); }

.coub-skin .channel-menu-dropdown__content .list__item.channel-menu-dropdown__add > a { color: var(--coub-secondary); align-items: center; gap: 12px; padding: 8px 16px; display: flex; }

.coub-skin .channel-menu-dropdown__content .list__item.channel-menu-dropdown__add .channel-menu-dropdown__add-icon { border: 1px solid var(--coub-neutral); width: 40px; height: 40px; color: var(--coub-neutral); border-radius: 50%; flex: 0 0 auto; justify-content: center; align-items: center; font-size: 24px; line-height: 1; display: flex; }

.coub-skin .header__login-buttons .sb { white-space: nowrap; color: var(--coub-secondary); letter-spacing: -0.6px; height: 32px; padding: 0px 19px; font-size: 15px; line-height: 32px; display: block; }

.coub-skin .header__login-buttons .header__login-buttons__sign-up { box-shadow: var(--coub-shadow-block); background: var(--coub-primary); border-radius: 6px; }

.coub-skin .header__login-buttons .header__login-buttons__sign-up:hover { box-shadow: var(--coub-shadow-ring-medium); }

.coub-skin .header.-static { position: relative; }

.coub-skin .header.-static-absolute { position: absolute; top: auto; }

.coub-skin .header.-scrolled > .header__bg { background: var(--coub-primary); }

.coub-skin .header.-transparent { background: 0px 0px; }

.coub-skin .header.-transparent .header__bg { box-shadow: none; background: 0px 0px; }

.coub-skin .header.-transparent .header__logo .img.blue { opacity: 0; }

.coub-skin .header.-transparent .header__logo .img.white { opacity: 1; }

.coub-skin .header.-transparent .header__search .input-field { background: var(--coub-primary); }

.coub-skin .header.-transparent .header__nav .nav__item svg path { fill: var(--coub-primary); }

.coub-skin .header.-transparent .header__nav .nav__item a { color: var(--coub-primary); }

.coub-skin .header.-transparent .header-channel__notify-badge .sb.-notify-handler svg path { fill: var(--coub-primary); }

.coub-skin .box--vertical { vertical-align: middle; display: inline-block; }

.coub-skin .dd-notification-list .list__item.object-media { width: 100%; display: block; }

.coub-skin .dd-notification-list .object-media__img { float: left; margin-right: 7px; }

.coub-skin .dd-notification-list .object-media__img > img, .coub-skin .dd-notification-list .object-media__img > a { border-radius: 50%; display: block; }

.coub-skin .dd-notification-list .object-media__img > a > img { border-radius: 50%; }

.coub-skin .dd-notification-list .object-media__body { padding: 3px; display: block; overflow: hidden; }

.coub-skin .dd-notification-list .-v-centered-box { position: absolute; transform: translateY(-50%); top: 50% !important; }

.coub-skin .dd-notification-list .list__item .notification-main-link { z-index: 1; }

.coub-skin .dd-notification-list .list__item a:not(.notification-main-link) { z-index: 2; position: relative; }

.coub-skin .dd-notification-list .list__item .object-media__img { width: 32px; height: 32px; position: relative; }

.coub-skin .dd-notification-list .list__item.-medium-avatar .object-media__img { width: 48px; height: 48px; }

.coub-skin .dd-notification-list .list__item .object-media__img .object-media__img__badge { box-shadow: 0 0 0 2px var(--coub-primary); background: var(--coub-primary); position: absolute; bottom: -5px; left: -4px; }

.coub-skin .dd-notification-list .list__item .object-media__body { min-height: 46px; padding: 0px; position: relative; }

.coub-skin .dd-notification-list .list__item:hover .notification-list__text a, .coub-skin .dd-notification-list .list__item:hover .notification-list__text span, .coub-skin .dd-notification-list .list__item:hover .notification-list__date { color: var(--coub-secondary); }

.coub-skin .dd-notification-list .important { background-color: var(--coub-1-primary); }

.coub-skin .notification-list__object--coub { float: right; }

.coub-skin .list__item .notification-list__object--channel { padding: 9px 3px 9px 30px; font-size: 0px; position: absolute; top: 0px; right: 0px; }

.coub-skin .list__item:hover .notification-list__object--channel { background-image: linear-gradient(to right, var(--coub-blue) 0%, var(--coub-blue) 30px); }

@supports (color:color-mix(in lab, red, red)) {
  .coub-skin .list__item:hover .notification-list__object--channel { background-image: linear-gradient(to right, color-mix(in srgb, var(--coub-blue) 60%, transparent) 0%, var(--coub-blue) 30px); }
}

.coub-skin .notification-list__empty { text-align: center; height: 58px; line-height: 58px; }

.coub-skin .notification-list__text { -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-right: 80px; line-height: 1.25; display: -webkit-box; overflow: hidden; }

.coub-skin .dd-notification-list .follow .notification-list__text { margin-right: 0px; }

.coub-skin .notification-list__date { color: var(--coub-neutral); padding-top: 2px; font-size: 11px; }

.coub-skin .dd-notification-list.dd-notification-friends .list__item .object-media__img { float: none; vertical-align: middle; margin-right: 9px; display: inline-block; }

.coub-skin .dd-notification-list.dd-notification-friends .list__item .object-media__body { vertical-align: middle; width: 340px; min-height: 0px; display: inline-block; overflow: visible; }

.coub-skin .dd-notification-list.dd-notification-friends .list--selectable .list__item:hover { background-color: var(--coub-1-primary); box-shadow: var(--coub-shadow-block); }

.coub-skin .dd-notification-list.dd-notification-friends .list--selectable .list__item:hover .notification-list__object--channel { background: 0px 0px; }

.coub-skin .dd-notification-friends .notification-list__text { margin-right: 0px; padding-right: 135px; }

.coub-skin .dd-notification-friends .notification-list__text.-without-object { padding-right: 0px; }

.coub-skin .dd-notification-friends .notification-list__text .friendship-notification-text__title { margin-bottom: 2px; font-size: 14px; }

.coub-skin .dd-notification-friends .notification-list__text .friendship-notification-text__title a { color: var(--coub-secondary); }

.coub-skin .dd-notification-friends .notification-list__text .friendship-notification-text__info { color: var(--coub-secondary); margin-bottom: 5px; font-size: 12px; line-height: 15px; }

.coub-skin .dd-notification-friends .notification-list__text .friendship-notification-text__info:last-child { margin-bottom: 0px; }

.coub-skin .dd-notification-friends .notification-list__text .friendship-notification-text__info.-gray { width: 190px; color: var(--coub-half-secondary); }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin header.header { display: none; }
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  .coub-skin .header__contents { gap: 40px; }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .coub-skin .header__contents { gap: 20px; }
}

.coub-skin header.coub-mobile-header { display: none; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin header.coub-mobile-header { z-index: var(--coub-z-header); flex-direction: column; gap: 20px; padding: 20px; display: flex; position: relative; }
}

.coub-skin header.coub-mobile-header.-search .coub-mobile-header__search-toggle { background: var(--coub-blue-cta); }

.coub-skin header.coub-mobile-header.-search .coub-mobile-header__search-toggle svg path { fill: var(--coub-on-blue); }

.coub-skin header.coub-mobile-header.-search .coub-mobile-header__search { display: block; }

.coub-skin .coub-mobile-header__inner { justify-content: space-between; align-items: center; gap: 10px; display: flex; }

.coub-skin .coub-mobile-header__left, .coub-skin .coub-mobile-header__right { flex-grow: 1; flex-basis: 0px; align-items: center; gap: 10px; display: flex; }

.coub-skin .coub-mobile-header__right { justify-content: flex-end; }

.coub-skin .coub-mobile-header__logo { cursor: pointer; }

.coub-skin .coub-mobile-header__logo svg { display: block; }

.coub-skin .coub-mobile-header__logo svg path { fill: var(--coub-blue); }

.coub-skin .coub-mobile-header__search-toggle { background: var(--coub-1-primary); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; justify-content: center; align-items: center; width: 36px; height: 36px; padding: 0px; display: flex; }

.coub-skin .coub-mobile-header__search-toggle svg path { fill: var(--coub-neutral); }

.coub-skin .coub-mobile-header__nav, .coub-skin .coub-mobile-header__service { z-index: calc(var(--coub-z-header) - 1); position: relative; }

:is(.coub-skin .coub-mobile-header__nav, .coub-skin .coub-mobile-header__service) .dropdown__inner { z-index: calc(var(--coub-z-header) + 1); position: absolute; top: calc(100% + 8px); }

:is(.coub-skin .coub-mobile-header__nav, .coub-skin .coub-mobile-header__service) .dropdown__content { background: var(--coub-primary); box-shadow: var(--coub-shadow-block); border-radius: 8px; overflow: hidden; }

:is(.coub-skin .coub-mobile-header__nav, .coub-skin .coub-mobile-header__service) .list__item { height: 50px; font-size: 18px; line-height: 50px; position: relative; }

:is(.coub-skin .coub-mobile-header__nav, .coub-skin .coub-mobile-header__service) .list__item a, :is(.coub-skin .coub-mobile-header__nav, .coub-skin .coub-mobile-header__service) .list__item span { color: var(--coub-secondary); padding: 0px 10px; display: block; }

:is(.coub-skin .coub-mobile-header__nav, .coub-skin .coub-mobile-header__service) .list__item.active { background: rgb(var(--coub-primary-rgb) / .8); font-family: var(--coub-font-bold); font-weight: 700; }

:is(.coub-skin .coub-mobile-header__nav, .coub-skin .coub-mobile-header__service) .list__item:hover { background: var(--coub-hover-primary); }

.coub-skin .coub-mobile-header__service .dropdown__inner { width: max-content; min-width: 220px; max-width: calc(-32px + 100vw); left: 0px; }

.coub-skin .coub-mobile-header__service .list__item a { white-space: nowrap; text-overflow: ellipsis; position: static; overflow: hidden; }

.coub-skin .coub-mobile-language { border-top: 1px solid var(--coub-appearing-secondary); height: 50px; font-size: 18px; line-height: 50px; position: relative; }

.coub-skin .coub-mobile-language:hover { background: var(--coub-hover-primary); }

.coub-skin .coub-mobile-language__label { color: var(--coub-secondary); white-space: nowrap; text-overflow: ellipsis; padding: 0px 10px; display: block; overflow: hidden; }

.coub-skin .coub-mobile-language__name { font-family: var(--coub-font-bold); font-weight: 700; }

.coub-skin .coub-mobile-language__select { opacity: 0; cursor: pointer; appearance: none; width: 100%; height: 100%; font-size: 16px; position: absolute; inset: 0px; }

.coub-skin .coub-mobile-header__nav { min-width: 0px; }

.coub-skin .coub-mobile-header__nav .mobile-button { text-overflow: ellipsis; max-width: 100%; line-height: 36px; display: block; overflow: hidden; }

.coub-skin .coub-mobile-header__nav .dropdown__inner { width: 180px; left: 50%; translate: -50%; }

.coub-skin .coub-mobile-header__nav .list { width: 180px; }

.coub-skin .coub-mobile-header__nav .list__item, .coub-skin .coub-mobile-header__nav .list__item a, .coub-skin .coub-mobile-header__nav .list__item span { text-align: center; }

.coub-skin .coub-mobile-header__nav.-balance .dropdown__inner, .coub-skin .coub-mobile-header__nav.-balance .list { width: 260px; }

.coub-skin .coub-mobile-balance { border-bottom: 1px solid var(--coub-1-primary); }

.coub-skin .coub-mobile-balance__row { cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; align-items: center; width: 100%; height: 50px; padding: 0px 10px; display: flex; position: relative; }

.coub-skin .coub-mobile-balance__pill { background-color: var(--coub-hover-primary); border-radius: 18px; align-items: baseline; gap: 6px; height: 36px; padding: 0px 14px; transition: color 0.1s, background-color 0.1s; display: flex; }

.coub-skin .coub-mobile-balance__row[aria-expanded="true"] .coub-mobile-balance__pill { color: var(--coub-blue); background-color: var(--coub-1-primary); }

.coub-skin .coub-mobile-balance__amount { font-family: var(--coub-font-bold); letter-spacing: -0.04em; font-variant-numeric: tabular-nums; color: inherit; font-size: 16px; font-weight: 700; line-height: 36px; }

.coub-skin .coub-mobile-balance__unit { color: var(--coub-neutral); font-size: 13px; }

.coub-skin .coub-mobile-balance__row[aria-expanded="true"] .coub-mobile-balance__unit { color: inherit; }

.coub-skin .coub-mobile-balance__caret { border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); border-top: 6px solid var(--coub-neutral); width: 0px; height: 0px; margin-top: -3px; transition: rotate 0.15s; position: absolute; top: 50%; right: 14px; }

.coub-skin .coub-mobile-balance__row[aria-expanded="true"] .coub-mobile-balance__caret { border-top-color: var(--coub-blue); rotate: 180deg; }

.coub-skin .coub-mobile-balance__history { max-height: 240px; font-family: var(--coub-font-normal); letter-spacing: normal; text-align: left; flex-direction: column; font-weight: 400; display: flex; }

.coub-skin .coub-mobile-balance__header { border-bottom: 1px solid var(--coub-appearing-secondary); flex-direction: column; flex: 0 0 auto; gap: 2px; padding: 12px 14px 10px; display: flex; }

.coub-skin .coub-mobile-balance__title { font-family: var(--coub-font-bold); color: var(--coub-secondary); font-size: 14px; font-weight: 700; line-height: 1.2; }

.coub-skin .coub-mobile-balance__note { color: var(--coub-neutral); font-size: 12px; line-height: 1.3; }

.coub-skin .coub-mobile-balance__empty { color: var(--coub-neutral); padding: 14px; font-size: 13px; display: block; }

.coub-skin .coub-mobile-balance__list { flex: 1 1 auto; min-height: 0px; margin: 0px; padding: 6px 0px; list-style: none; overflow-y: auto; }

.coub-skin .coub-mobile-balance__item { grid-template-columns: 1fr auto; align-items: baseline; column-gap: 10px; padding: 7px 14px; display: grid; }

.coub-skin .coub-mobile-balance__item:hover { background-color: var(--coub-hover-primary); }

.coub-skin .coub-mobile-balance__task { color: var(--coub-secondary); overflow-wrap: anywhere; grid-column: 1; font-size: 13px; line-height: 1.3; }

.coub-skin .coub-mobile-balance__date { color: var(--coub-neutral); grid-column: 1; font-size: 11px; line-height: 1.3; }

.coub-skin .coub-mobile-balance__points { font-family: var(--coub-font-bold); font-variant-numeric: tabular-nums; color: var(--coub-secondary); white-space: nowrap; grid-area: 1 / 2 / span 2; align-self: center; font-size: 13px; font-weight: 700; }

.coub-skin .mobile-button { background: var(--coub-blue-cta); height: 36px; color: var(--coub-on-blue); font-family: var(--coub-font-bold); cursor: pointer; white-space: nowrap; border-radius: 18px; justify-content: center; align-items: center; padding: 0px 16px; font-size: 15px; font-weight: 700; display: inline-flex; }

.coub-skin .mobile-button.-grey { background: var(--coub-1-primary); color: var(--coub-secondary); }

.coub-skin .coub-mobile-header__avatar { border-radius: 50%; width: 36px; height: 36px; display: block; position: relative; overflow: hidden; }

.coub-skin .coub-mobile-header__avatar img { width: inherit; height: inherit; border-radius: 50%; display: block; }

.coub-skin .coub-mobile-header__avatar-stub { width: inherit; height: inherit; background: var(--coub-1-primary); color: var(--coub-neutral); text-transform: uppercase; border-radius: 50%; justify-content: center; align-items: center; display: flex; }

.coub-skin .coub-mobile-header__search { display: none; position: relative; }

.coub-skin .coub-mobile-header__search svg { display: block; }

.coub-skin .coub-mobile-header__search form { margin: 0px; }

.coub-skin .coub-mobile-header__search-input { box-sizing: border-box; background: var(--coub-1-primary); width: 100%; height: 44px; color: var(--coub-secondary); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; padding-left: 40px; padding-right: 40px; font-size: 16px; }

.coub-skin .coub-mobile-header__search-input:focus { outline: none; }

.coub-skin .coub-mobile-header__search-icon { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); }

.coub-skin .coub-mobile-header__search-icon svg path { fill: var(--coub-neutral); }

.coub-skin .coub-mobile-header__search-clear { background: var(--coub-primary); cursor: pointer; z-index: 1; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; padding: 0px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }

.coub-skin .coub-mobile-header__search-clear.-hidden { display: none; }

.coub-skin .coub-mobile-header__search-clear svg path { fill: var(--coub-neutral); }

.coub-skin .coub-mobile-header__search-clear:hover { background: var(--coub-blue-cta); }

.coub-skin .coub-mobile-header__search-clear:hover svg path { fill: var(--coub-on-blue); }

.coub-skin .verify-email { background-color: var(--coub-blue); height: 70px; z-index: var(--coub-z-header); position: relative; }

.coub-skin .verify-email__inner { text-align: center; max-width: 970px; color: var(--coub-on-blue); flex-direction: column; justify-content: center; align-items: center; height: 100%; margin: 0px auto; padding: 0px 20px; line-height: 1.3; display: flex; }

.coub-skin .verify-email__inner a { color: var(--coub-on-blue); text-decoration: underline; }

.coub-skin .verify-email__inner a:hover { color: inherit; }

.coub-skin .verify-email__title { font-family: var(--coub-font-bold); letter-spacing: -0.04em; font-size: 18px; font-weight: 700; }

.coub-skin .verify-email__text { font-size: 14px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .verify-email { height: auto; }
  .coub-skin .verify-email__inner { padding: 12px 15px; }
  .coub-skin .verify-email__title { font-size: 16px; }
  .coub-skin .verify-email__text { font-size: 13px; }
}

.coub-skin .app-banner { background-color: var(--coub-hover-primary); box-shadow: inset 0 -1px 0 var(--coub-border); z-index: var(--coub-z-header); position: relative; }

.coub-skin .app-banner__inner { max-width: 970px; color: var(--coub-secondary); align-items: center; gap: 10px; margin: 0px auto; padding: 10px 12px; display: flex; }

.coub-skin .app-banner__close { cursor: pointer; width: 24px; height: 24px; color: var(--coub-half-secondary); background: 0px 0px; border: 0px; flex: 0 0 auto; padding: 0px; font-size: 20px; line-height: 1; }

.coub-skin .app-banner__copy { flex: 1 1 auto; min-width: 0px; line-height: 1.25; }

.coub-skin .app-banner__title { font-family: var(--coub-font-bold); letter-spacing: -0.03em; font-size: 15px; font-weight: 700; }

.coub-skin .app-banner__text { color: var(--coub-neutral); font-size: 12px; }

.coub-skin .app-banner__cta { border-radius: var(--coub-radius-btn-rn); background-color: var(--coub-blue-cta); color: var(--coub-on-blue); font-family: var(--coub-font-bold); white-space: nowrap; flex: 0 0 auto; padding: 7px 14px; font-size: 13px; font-weight: 700; text-decoration: none; display: inline-block; }

.coub-skin .app-banner__cta:hover { background-color: var(--coub-hover-blue); color: var(--coub-on-blue); }

.coub-skin .search-popup { display: block; }

.coub-skin .search-popup.-visible-popup .search-form { box-shadow: var(--coub-shadow-ring-medium); }

.coub-skin .search-popup.-visible-popup .header-search__button { visibility: visible; }

.coub-skin .search-popup .search-form { box-shadow: var(--coub-shadow-block); border-radius: 6px; }

.coub-skin .search-popup .search-form:hover { box-shadow: var(--coub-shadow-ring-medium); }

.coub-skin .search-popup .search-form__inner { align-items: center; gap: 4px; padding: 0px 5px; display: flex; }

.coub-skin .search-popup .search-icon svg { display: block; }

.coub-skin .search-popup .search-chips { gap: 4px; display: flex; }

.coub-skin .search-popup .search-chip { cursor: pointer; white-space: nowrap; border-radius: 6px; align-items: center; height: 24px; padding: 0px 6px; font-size: 12px; display: flex; }

.coub-skin .search-popup .search-chip:hover { text-decoration: line-through; }

.coub-skin .search-popup .search-chip.-channel { background: var(--coub-blue-cta); color: var(--coub-on-blue); }

.coub-skin .search-popup .search-chip.-tag { background: var(--coub-1-primary); color: var(--coub-secondary); }

.coub-skin .search-popup .search-chip.-feed { background: var(--coub-accent); color: rgb(0, 0, 0); }

.coub-skin .search-popup .input-field { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; min-width: 100px; height: 34px; padding: 0px; font-size: 14px; position: relative; box-shadow: none !important; }

.coub-skin .search-popup .input-field::placeholder { color: var(--coub-neutral); }

.coub-skin .search-popup .header-search__button { visibility: hidden; padding: 0px; }

.coub-skin .search-popup .header-search__button svg { display: block; }

.coub-skin .search-popup .header-search__button:hover svg path { fill: var(--coub-blue); }

.coub-skin .search-popup .dropdown__handler { display: block; }

.coub-skin .search-popup .dropdown__inner { width: 100%; min-height: 43px; font-size: 12px; top: calc(100% + 7px); left: 0px; }

.coub-skin .search-popup .dropdown__inner li { color: var(--coub-secondary); font-size: 12px; position: relative; }

.coub-skin .search-popup .dropdown__inner li.selected a, .coub-skin .search-popup .dropdown__inner li a:hover { background: var(--coub-blue-cta); color: var(--coub-on-blue) !important; }

:is(.coub-skin .search-popup .dropdown__inner li.selected a, .coub-skin .search-popup .dropdown__inner li a:hover) svg path { fill: var(--coub-hover-blue) !important; }

.coub-skin .search-popup .dropdown__content { max-height: calc(100dvh - 70px); overflow: hidden auto; }

.coub-skin .search-popup__loader { height: 43px; position: relative; }

.coub-skin .search-popup__results__more { color: var(--coub-nearly-secondary); background: var(--coub-hover-primary); text-align: center; height: 43px; padding: 0px 10px; line-height: 43px; display: block; }

.coub-skin .search-popup__results__more.-hidden { display: none; }

.coub-skin .search-popup__tag a, .coub-skin .search-popup__coub a, .coub-skin .search-popup__recent a { padding: 10px; display: block; }

.coub-skin .search-popup__tag a { font-family: var(--coub-font-bold); letter-spacing: -0.04em; font-weight: 700; }

.coub-skin .search-popup__channel a { align-items: center; gap: 10px; padding: 5px 10px; display: flex; }

.coub-skin .search-popup__channel__avatar { border-radius: 50%; flex: 0 0 auto; display: block; }

.coub-skin .search-popup__channel__title { font-family: var(--coub-font-bold); letter-spacing: -0.04em; min-width: 0px; font-weight: 700; }

.coub-skin .search-popup__channel__meta { color: var(--coub-half-secondary); white-space: nowrap; flex: 0 0 auto; }

.coub-skin .search-popup__channel.selected a .search-popup__channel__meta, .coub-skin .search-popup__channel a:hover .search-popup__channel__meta { color: var(--coub-on-blue); }

.coub-skin .search-popup__recent__head { background: var(--coub-hover-primary); color: var(--coub-half-secondary); padding: 10px; font-size: 11px; }

.coub-skin .search-popup__recent__clear-all { cursor: pointer; float: right; }

.coub-skin .search-popup__recent__clear-all:hover { color: var(--coub-blue); }

.coub-skin .search-popup__recent__delete { cursor: pointer; display: block; position: absolute; top: 8px; right: 10px; }

.coub-skin .search-popup__recent__delete:hover svg path { fill: var(--coub-blue); }

.coub-skin .main-menu { z-index: var(--coub-z-main-menu); pointer-events: none; width: 100%; height: 0px; position: sticky; top: 0px; left: 0px; }

@media only screen and (min-width: 1280px) {
  .coub-skin .main-menu.-always-visible:not(.-folded) .main-menu__inner { pointer-events: auto; transform: none; }
  .coub-skin .main-menu.-always-visible:not(.-folded) .main-menu__shade { display: none; }
  .coub-skin[data-coub-menu="folded"] .main-menu.-always-visible .main-menu__inner { pointer-events: none; transform: translate(-100%); }
  .coub-skin[data-coub-menu="visible"] .main-menu.-always-visible .main-menu__inner { pointer-events: auto; transform: none; }
  .coub-skin .main-menu.-always-visible .main-menu__fold { display: flex; }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .coub-skin .main-menu.-visible { pointer-events: auto; }
  .coub-skin .main-menu.-visible .main-menu__inner { transition-delay: 0s; transform: none; }
  .coub-skin .main-menu.-visible .main-menu__shade { visibility: visible; opacity: 1; transition-delay: 0s; }
}

.coub-skin .main-menu.-folded .main-menu__fold svg, .coub-skin[data-coub-menu="folded"] .main-menu__fold svg { transform: scaleX(-1); }

.coub-skin[data-coub-menu="visible"] .main-menu .main-menu__fold svg { transform: none; }

.coub-skin .main-menu__shade { visibility: hidden; opacity: 0; background: rgba(0, 0, 0, 0.6); height: 100vh; transition: opacity 0.15s linear, visibility linear 0.15s; position: absolute; inset: 0px; }

.coub-skin .main-menu__inner { background-color: var(--coub-hover-primary); box-shadow: 0 0 0 1px var(--coub-fading-secondary); width: 240px; height: 100vh; padding-top: 70px; transition: transform 0.15s; position: relative; transform: translate(-100%); }

.coub-skin .main-menu__fold { background-color: var(--coub-hover-primary); width: 18px; height: 28px; box-shadow: 0 -1px 0 0 var(--coub-fading-secondary), 1px 0 0 0 var(--coub-fading-secondary), 0 1px 0 0 var(--coub-fading-secondary), -1px 0 0 0 var(--coub-hover-primary); cursor: pointer; pointer-events: auto; border-top-right-radius: 5px; border-bottom-right-radius: 5px; justify-content: center; align-items: center; display: none; position: absolute; bottom: 20px; left: 241px; }

.coub-skin .main-menu__fold:hover { background-color: rgb(var(--coub-primary-rgb) / .8); }

.coub-skin .main-menu__overlay-toggle { background-color: var(--coub-hover-primary); width: 18px; height: 28px; box-shadow: 0 -1px 0 0 var(--coub-fading-secondary), 1px 0 0 0 var(--coub-fading-secondary), 0 1px 0 0 var(--coub-fading-secondary), -1px 0 0 0 var(--coub-hover-primary); cursor: pointer; pointer-events: auto; border-top-right-radius: 5px; border-bottom-right-radius: 5px; justify-content: center; align-items: center; display: none; position: fixed; bottom: 20px; left: 0px; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .coub-skin .main-menu__overlay-toggle { display: flex; }
}

.coub-skin .main-menu__overlay-toggle:hover { background-color: rgb(var(--coub-primary-rgb) / .8); }

.coub-skin .main-menu:not(.-visible) .main-menu__overlay-toggle svg { transform: scaleX(-1); }

.coub-skin .main-menu__wrapper { scrollbar-width: none; width: 100%; height: 100%; overflow-y: auto; }

.coub-skin .main-menu__wrapper::-webkit-scrollbar { display: none; }

.coub-skin .main-menu__nav { padding-top: 15px; }

.coub-skin .main-menu__nav ul { margin: 0px; padding: 0px; list-style: none; }

.coub-skin .main-menu__nav-item, .coub-skin .main-menu__switcher-item { letter-spacing: -0.04em; }

.coub-skin .main-menu__nav-item.active::before, .coub-skin .main-menu__community-item.active::before { content: ""; background-color: var(--coub-blue); border-radius: 0px 2px 2px 0px; width: 3px; position: absolute; top: 8px; bottom: 8px; left: 0px; }

.coub-skin .main-menu__nav-item { cursor: pointer; height: 40px; position: relative; }

.coub-skin .main-menu__nav-item a { height: 100%; color: inherit; align-items: center; padding: 0px 20px; display: flex; }

.coub-skin .main-menu__nav-item.active { background-color: rgb(var(--coub-primary-rgb) / .8); font-family: var(--coub-font-bold); font-weight: 700; }

.coub-skin .main-menu__nav-item.active i svg path { fill: var(--coub-blue); }

.coub-skin .main-menu__nav-item.highlighted span { background-color: var(--coub-blue); border-radius: 50%; width: 6px; height: 6px; margin-left: auto; }

.coub-skin .main-menu__nav-item:hover { background-color: rgb(var(--coub-primary-rgb) / .8); }

.coub-skin .main-menu__hr { background-color: var(--coub-border); height: 1px; margin: 10px 20px; }

.coub-skin .main-menu__nav-item.-title { color: rgb(var(--coub-secondary-rgb) / .6); pointer-events: none; padding-left: 20px; line-height: 40px; }

.coub-skin .main-menu__nav-item i, .coub-skin .main-menu__switcher-item i { margin-right: 9px; }

:is(.coub-skin .main-menu__nav-item i, .coub-skin .main-menu__switcher-item i) svg path { fill: var(--coub-neutral); }

.coub-skin .main-menu__switcher-item { align-items: center; min-height: 40px; padding-left: 20px; padding-right: 20px; display: flex; position: relative; }

.coub-skin .main-menu__switcher-item .title { overflow-wrap: anywhere; margin-right: 3px; }

.coub-skin .main-menu__switcher-item .switcher { z-index: var(--coub-z-el-over); flex-shrink: 0; margin-left: auto; }

.coub-skin .main-menu__community-item:hover { background-color: rgb(var(--coub-primary-rgb) / .8); }

.coub-skin .main-menu__community-item.active { background-color: rgb(var(--coub-primary-rgb) / .8); font-family: var(--coub-font-bold); font-weight: 700; }

.coub-skin .main-menu__community-item.off:not(.active) img, .coub-skin .main-menu__community-item.off:not(.active) .title { opacity: 0.3; }

.coub-skin .main-menu__community-item a { z-index: 100; }

.coub-skin .main-menu__community-item img { object-fit: cover; border-radius: var(--coub-radius-block); margin-right: 9px; }

.coub-skin .main-menu__community-item .switcher { transition: opacity 0.15s; display: block; }

@media (hover: hover) and (pointer: fine) {
  .coub-skin .main-menu__community-item:not(.off) .switcher { opacity: 0; pointer-events: none; }
  .coub-skin .main-menu__community-item:not(.off):hover .switcher, .coub-skin .main-menu__community-item:not(.off):focus-within .switcher { opacity: 1; pointer-events: auto; }
}

@media (any-pointer: coarse) {
  .coub-skin .main-menu__community-item:not(.off) .switcher { opacity: 1; pointer-events: auto; }
}

.coub-skin .main-menu__adult-item .title { margin-left: 33px; }

.coub-skin .main-menu__change-theme { cursor: default; }

.coub-skin .main-menu__social-block { padding: 25px 15px 5px; font-size: 14px; }

.coub-skin .main-menu__social-buttons { justify-content: space-between; gap: 5px; margin-top: 10px; display: flex; }

.coub-skin .main-menu__social-button { border-radius: 8px; flex-grow: 1; justify-content: center; align-items: center; height: 40px; display: flex; }

.coub-skin .main-menu__social-button.-twitter { background-color: rgb(74, 153, 233); }

.coub-skin .main-menu__social-button.-telegram { background-color: rgb(80, 139, 210); }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  body:has(.main-menu.-visible) { overflow: hidden; }
}

.coub-skin footer.footer { color: rgb(var(--coub-secondary-rgb) / .6); padding: 20px; font-size: 14px; line-height: 17px; }

.coub-skin footer.footer a, .coub-skin footer.footer .footer__nav-item > span { color: inherit; }

:is(.coub-skin footer.footer a, .coub-skin footer.footer .footer__nav-item > span):hover { color: var(--coub-secondary); }

.coub-skin footer.footer .footer__nav { margin-bottom: 16px; }

.coub-skin footer.footer .footer__nav ul { flex-wrap: wrap; margin: 0px; padding: 0px; list-style: none; display: flex; }

.coub-skin footer.footer .footer__nav-item:not(:last-child) { margin-right: 10px; }

.coub-skin footer.footer .footer__copyright { margin-top: 16px; }

.coub-skin footer.footer .footer__copyright > :first-child { margin-bottom: 16px; }

.coub-skin footer.footer .footer__copyright a { text-decoration: underline; }

.coub-skin .locale-selector .dropdown__handler { cursor: pointer; color: inherit; font-size: inherit; line-height: inherit; }

.coub-skin .locale-selector .dropdown__handler span { color: var(--coub-secondary); }

.coub-skin .locale-selector .dropdown__handler span:hover { text-decoration: underline; }

.coub-skin .locale-selector .dropdown__content { min-width: 126px; }

.coub-skin .locale-selector .list__item { white-space: nowrap; }

.coub-skin .locale-selector .list__item.active { background-color: var(--coub-hover-primary); }

.coub-skin .locale-selector .list.-centered-text .list__item > button { text-align: center; justify-content: center; }

.coub-skin .footer__locale-selector .dropdown__inner { bottom: calc(100% + 5px); left: 0px; }

@keyframes coub-processing-bar { 
  0% { transform: translateY(0px); }
  25% { transform: translateY(-16px); }
  50%, 100% { transform: translateY(0px); }
}

.coub-skin .coub, .coub-skin .coub .coub__inner { position: relative; }

.coub-skin .coub .dontRenderSearchableTitle { display: none; }

.coub-skin .coub--timeline { width: 640px; padding-bottom: 50px; }

.coub-skin .coub__viewer { background-color: var(--coub-1-primary); position: relative; overflow: hidden; }

.coub-skin .coub__viewer::before { content: ""; box-shadow: var(--coub-shadow-inset-block); border-radius: inherit; pointer-events: none; z-index: 1; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; }

.coub-skin .coub__viewer .viewer { position: relative; overflow: hidden; }

.coub-skin .coub__viewer .viewer__img { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.coub-skin .viewer__processing-card { box-sizing: border-box; color: rgb(255, 255, 255); text-align: center; user-select: none; background-color: rgb(3, 50, 255); flex-direction: column; justify-content: center; align-items: center; gap: 6px; width: 100%; height: 100%; padding: 12px; display: flex; position: absolute; top: 0px; left: 0px; }

.coub-skin .viewer__processing-mark { width: min(25%, 152px); height: auto; margin-bottom: 10px; overflow: visible; }

.coub-skin .viewer__processing-bar { animation: 1.2s linear 0s infinite normal none running coub-processing-bar; }

.coub-skin .viewer__processing-bar:nth-of-type(2) { animation-delay: 0.3s; }

.coub-skin .viewer__processing-bar:nth-of-type(3) { animation-delay: 0.6s; }

.coub-skin .viewer__processing-bar:nth-of-type(4) { animation-delay: 0.9s; }

@media (prefers-reduced-motion: reduce) {
  .coub-skin .viewer__processing-bar { animation: auto ease 0s 1 normal none running none; }
}

.coub-skin .viewer__processing-card--failed .viewer__processing-bar { animation: auto ease 0s 1 normal none running none; }

.coub-skin .viewer__processing-action { color: rgb(3, 50, 255); cursor: pointer; background-color: rgb(255, 255, 255); border-radius: 8px; margin-top: 10px; padding: 8px 16px; font-size: 14px; font-weight: 500; line-height: 1.2; text-decoration: none; }

.coub-skin .viewer__processing-action:hover, .coub-skin .viewer__processing-action:focus-visible { background-color: rgba(255, 255, 255, 0.85); }

.coub-skin .coub--small-card .viewer__processing-action { margin-top: 6px; padding: 6px 12px; font-size: 12px; }

.coub-skin .viewer__processing-title { font-size: 20px; font-weight: 500; line-height: 1.2; }

.coub-skin .viewer__processing-hint { opacity: 0.8; font-size: 13px; font-weight: 400; line-height: 1.3; }

.coub-skin .coub--small-card .viewer__processing-title { font-size: 15px; }

.coub-skin .coub--small-card .viewer__processing-hint { font-size: 11px; }

.coub-skin .coub--normal-card .coub__viewer { border-radius: var(--coub-radius-card); }

.coub-skin .coub--normal-card .viewer { margin: 0px auto; }

.coub-skin .viewer__bare { isolation: isolate; width: 100%; height: 100%; position: relative; }

.coub-skin .viewer__bare.-unloaded { background-color: rgb(25, 25, 25); }

.coub-skin .viewer__bare video { z-index: 1; object-fit: contain; cursor: pointer; width: 100%; height: 100%; display: block; position: relative; }

.coub-skin .viewer.-fit-cover:not(:fullscreen) .viewer__bare video { object-fit: cover; }

.coub-skin .viewer:fullscreen { background: rgb(0, 0, 0); }

.coub-skin .viewer:fullscreen .viewer__bare video, .coub-skin .viewer:fullscreen .viewer__img { object-fit: contain; width: 100%; height: 100%; }

.coub-skin .viewer__fs-changer { display: none; }

.coub-skin .viewer:fullscreen .viewer__fs-changer { display: block; }

.coub-skin .viewer:fullscreen .viewer__fs-changer .button-prev-next { cursor: pointer; z-index: 2; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 0px 2px); width: 15%; position: absolute; top: 0px; bottom: 120px; }

.coub-skin .viewer:fullscreen .viewer__fs-changer .button-prev-next span { pointer-events: none; align-items: center; height: calc(100% + 120px); line-height: 0; display: flex; }

.coub-skin .viewer:fullscreen .viewer__fs-changer .button-prev-next span > i { width: var(--viewer-btn); height: var(--viewer-btn); pointer-events: auto; border-radius: 50%; transition: background 0.1s linear; display: flex; }

.coub-skin .viewer:fullscreen .viewer__fs-changer .button-prev-next span svg [fill] { fill: rgb(255, 255, 255); }

.coub-skin .viewer:fullscreen .viewer__fs-changer .button-prev-next span svg [stroke] { stroke: rgb(255, 255, 255); }

.coub-skin .viewer:fullscreen .viewer__fs-changer .button-prev-next:hover span > i { background: rgb(255, 255, 255); }

.coub-skin .viewer:fullscreen .viewer__fs-changer .button-prev-next:hover span svg [fill] { fill: rgb(13, 13, 13); }

.coub-skin .viewer:fullscreen .viewer__fs-changer .button-prev-next:hover span svg [stroke] { stroke: rgb(13, 13, 13); }

.coub-skin .viewer:fullscreen .viewer__fs-changer .button-prev-next.-prev { left: 0px; }

.coub-skin .viewer:fullscreen .viewer__fs-changer .button-prev-next.-prev span { padding-left: calc(var(--viewer-edge) * 2); justify-content: flex-start; }

.coub-skin .viewer:fullscreen .viewer__fs-changer .button-prev-next.-prev span > i { transform-origin: 0px center; transform: scale(2); }

.coub-skin .viewer:fullscreen .viewer__fs-changer .button-prev-next.-next { right: 0px; }

.coub-skin .viewer:fullscreen .viewer__fs-changer .button-prev-next.-next span { padding-right: calc(var(--viewer-edge) * 2); justify-content: flex-end; }

.coub-skin .viewer:fullscreen .viewer__fs-changer .button-prev-next.-next span > i { transform-origin: 100% center; transform: scale(2); }

.coub-skin .viewer__fs-volume { left: calc(var(--viewer-edge) + var(--viewer-btn) * 2 + var(--viewer-gap) + 4px); bottom: var(--viewer-edge-bottom); width: 76px; height: var(--viewer-btn); z-index: 2; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity 0.15s; position: absolute; }

.coub-skin .viewer__fs-volume::after { content: ""; width: 4px; height: 100%; position: absolute; top: 0px; left: -4px; }

.coub-skin .viewer__fs-volume .viewer__fs-volume-slider, .coub-skin .viewer__fs-volume .viewer__fs-volume-bg { top: calc((var(--viewer-btn) - 4px) / 2); pointer-events: none; border-radius: 2px; height: 4px; position: absolute; left: 0px; }

.coub-skin .viewer__fs-volume .viewer__fs-volume-slider { z-index: 1; background-color: rgb(255, 255, 255); transition: width 0.1s linear; }

.coub-skin .viewer__fs-volume .viewer__fs-volume-bg { z-index: 0; background-color: rgb(124, 127, 139); width: 100%; }

.coub-skin .viewer--suggests:has(.viewer__suggests:not(.-hidden)):not(:has(.viewer__mute-button:hover, .viewer__fs-volume:hover)) .viewer__fs-volume { opacity: 0; pointer-events: none; width: 0px; }

.coub-skin .viewer__fs-volume:focus-visible { opacity: 1; pointer-events: auto; }

.coub-skin .viewer:fullscreen .viewer__fs-volume { opacity: 1; pointer-events: auto; left: calc((var(--viewer-edge) + var(--viewer-btn) * 4 + var(--viewer-gap) + 4px) * 2); bottom: calc(var(--viewer-edge-bottom) * 2); transform-origin: 0px 100%; transform: scale(2); }

.coub-skin .viewer__card-social { display: none; }

.coub-skin .viewer:fullscreen .viewer__card-social { left: calc((var(--viewer-edge) + var(--viewer-btn)) * 2); bottom: calc(var(--viewer-edge-bottom) * 2); height: var(--viewer-btn); transform-origin: 0px 100%; z-index: 2; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 0px 2px); align-items: center; line-height: 0; display: flex; position: absolute; transform: scale(2); }

:is(.coub-skin .viewer:fullscreen .viewer__card-social .coub__like-button, .coub-skin .viewer:fullscreen .viewer__card-social .coub__dislike-button) { width: var(--viewer-btn); height: var(--viewer-btn); position: relative; }

:is(.coub-skin .viewer:fullscreen .viewer__card-social .coub__like-button, .coub-skin .viewer:fullscreen .viewer__card-social .coub__dislike-button) i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

:is(.coub-skin .viewer:fullscreen .viewer__card-social .coub__like-button, .coub-skin .viewer:fullscreen .viewer__card-social .coub__dislike-button) [handler] { cursor: pointer; }

:is(.coub-skin .viewer:fullscreen .viewer__card-social .coub__like-button, .coub-skin .viewer:fullscreen .viewer__card-social .coub__dislike-button) svg { display: block; }

:is(.coub-skin .viewer:fullscreen .viewer__card-social .coub__like-button, .coub-skin .viewer:fullscreen .viewer__card-social .coub__dislike-button) svg path { fill: rgb(255, 255, 255); }

:is(.coub-skin .viewer:fullscreen .viewer__card-social .coub__like-button, .coub-skin .viewer:fullscreen .viewer__card-social .coub__dislike-button) [handler]:hover svg path, :is(.coub-skin .viewer:fullscreen .viewer__card-social .coub__like-button, .coub-skin .viewer:fullscreen .viewer__card-social .coub__dislike-button).-on svg path { fill: var(--coub-blue); }

:is(.coub-skin .viewer:fullscreen .viewer__card-social .coub__like-button, .coub-skin .viewer:fullscreen .viewer__card-social .coub__dislike-button) [handler].disabled { cursor: default; }

:is(.coub-skin .viewer:fullscreen .viewer__card-social .coub__like-button, .coub-skin .viewer:fullscreen .viewer__card-social .coub__dislike-button) [handler].disabled svg path, :is(.coub-skin .viewer:fullscreen .viewer__card-social .coub__like-button, .coub-skin .viewer:fullscreen .viewer__card-social .coub__dislike-button) [handler].disabled:hover svg path { fill: var(--coub-neutral); }

.coub-skin .viewer--suggests .viewer__bare::before { content: ""; opacity: 0; pointer-events: none; z-index: 2; background: linear-gradient(rgba(255, 255, 255, 0) 30%, rgba(22, 22, 22, 0.3) 100%); width: 100%; height: 60px; transition: opacity 0.1s linear; position: absolute; bottom: 0px; left: 0px; }

.coub-skin .viewer:fullscreen .viewer__bare::before { transform-origin: center bottom; transform: scaleY(2); }

.coub-skin .viewer--suggests:has(.viewer__suggests:not(.-hidden)) .viewer__bare::before { opacity: 0; }

.coub-skin .viewer__mute-button { left: var(--viewer-edge); bottom: var(--viewer-edge-bottom); width: var(--viewer-btn); height: var(--viewer-btn); cursor: pointer; z-index: 2; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 0px 2px); background-color: rgba(0, 0, 0, 0); border: 0px; border-radius: 50%; justify-content: center; align-items: center; padding: 0px; transition: left 0.15s, opacity 0.15s; display: flex; position: absolute; }

.coub-skin .viewer__mute-button::before { content: ""; width: calc(var(--viewer-btn) + 4px + 76px + 14px); border-radius: calc(var(--viewer-btn) / 2); pointer-events: none; opacity: 0; background: rgba(0, 0, 0, 0.6); height: 100%; transition: opacity 0.15s; position: absolute; top: 0px; left: 0px; }

.coub-skin .viewer__mute-button svg { width: var(--viewer-btn); height: var(--viewer-btn); z-index: 1; display: block; position: relative; }

.coub-skin .viewer__mute-button svg [fill] { fill: rgb(255, 255, 255); }

.coub-skin .viewer__mute-button svg [stroke] { stroke: rgb(255, 255, 255); }

.coub-skin .viewer__mute-button:hover::after { content: ""; background: rgb(255, 255, 255); border-radius: 50%; position: absolute; inset: 0px; }

.coub-skin .viewer__mute-button:hover svg [fill] { fill: rgb(13, 13, 13); }

.coub-skin .viewer__mute-button:hover svg [stroke] { stroke: rgb(13, 13, 13); }

.coub-skin .viewer--suggests:has(.viewer__fs-volume:focus-visible) .viewer__mute-button::before { opacity: 1; }

.coub-skin .viewer:fullscreen .viewer__mute-button::before { opacity: 1; }

.coub-skin .viewer--suggests:has(.viewer__suggests:not(.-hidden)):not(:has(.viewer__mute-button:hover, .viewer__fs-volume:hover)) .viewer__mute-button::before { display: none; }

.coub-skin .viewer--suggests:has(.viewer__suggests:not(.-hidden)) .viewer__bare::after { content: ""; z-index: 1; pointer-events: none; background: rgba(0, 0, 0, 0.8); position: absolute; inset: 0px; }

.coub-skin .viewer__bare:not(.-unloaded) .viewer__mute-button:focus-visible { opacity: 1; pointer-events: auto; }

.coub-skin .viewer__card-controls { top: var(--viewer-edge-top); right: var(--viewer-edge); z-index: 3; opacity: 0; pointer-events: none; flex-direction: row; gap: 4px; transition: opacity 0.15s; display: flex; position: absolute; }

.coub-skin .viewer__card-controls:has(:focus-visible) { opacity: 1; pointer-events: auto; }

.coub-skin .viewer:fullscreen .viewer__card-controls { top: var(--viewer-edge-top); right: var(--viewer-edge); transform-origin: 100% 0px; opacity: 1; pointer-events: auto; transform: scale(2); }

.coub-skin .viewer__card-control { width: var(--viewer-btn-tr); height: var(--viewer-btn-tr); cursor: pointer; background-color: rgba(0, 0, 0, 0.6); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; justify-content: center; align-items: center; padding: 0px; display: flex; }

.coub-skin .viewer__card-control i { line-height: 0; display: flex; }

.coub-skin .viewer__card-control svg { width: var(--viewer-btn-tr); height: var(--viewer-btn-tr); display: block; }

.coub-skin .viewer__card-control svg [fill] { fill: rgb(255, 255, 255); }

.coub-skin .viewer__card-control svg [stroke] { stroke: rgb(255, 255, 255); }

.coub-skin .viewer__card-control:hover { background-color: rgb(255, 255, 255); }

.coub-skin .viewer__card-control:hover svg [fill] { fill: rgb(13, 13, 13); }

.coub-skin .viewer__card-control:hover svg [stroke] { stroke: rgb(13, 13, 13); }

.coub-skin .viewer:fullscreen .viewer__card-control.-fullscreen i:first-of-type { display: none !important; }

.coub-skin .viewer:fullscreen .viewer__card-control.-fullscreen i:last-of-type { display: block !important; }

.coub-skin .viewer__card-settings { left: var(--viewer-edge); bottom: var(--viewer-edge-bottom); z-index: 3; opacity: 0; pointer-events: none; transition: opacity 0.15s; position: absolute; }

.coub-skin .viewer__card-settings:has(.dropdown__inner.-showed) { opacity: 1; pointer-events: auto; }

.coub-skin .viewer__card-settings .viewer__card-settings-handler { line-height: 0; }

.coub-skin .viewer__card-settings > .dropdown { display: block; }

.coub-skin .viewer__card-settings .dropdown__handler > span { width: var(--viewer-btn); height: var(--viewer-btn); cursor: pointer; background-color: rgb(0, 0, 0); border-radius: 50%; justify-content: center; align-items: center; display: flex; }

.coub-skin .viewer__card-settings .dropdown__handler > span svg { width: var(--viewer-btn); height: var(--viewer-btn); display: block; }

.coub-skin .viewer__card-settings .dropdown__handler > span svg [fill] { fill: rgb(255, 255, 255); }

.coub-skin .viewer__card-settings .dropdown__handler > span svg [stroke] { stroke: rgb(255, 255, 255); }

.coub-skin .viewer__card-settings .dropdown__handler > span:hover { background-color: rgb(255, 255, 255); }

.coub-skin .viewer__card-settings .dropdown__handler > span:hover svg [fill] { fill: rgb(13, 13, 13); }

.coub-skin .viewer__card-settings .dropdown__handler > span:hover svg [stroke] { stroke: rgb(13, 13, 13); }

.coub-skin .viewer:fullscreen .viewer__card-settings { left: calc(var(--viewer-edge) * 2); bottom: calc(var(--viewer-edge-bottom) * 2); transform-origin: 0px 100%; opacity: 1; pointer-events: auto; transform: scale(2); }

@media (hover: hover) {
  .coub-skin .coub__viewer:hover .viewer__card-controls, .coub-skin .coub__viewer:hover .viewer__card-settings { opacity: 1; pointer-events: auto; }
  .coub-skin .coub__viewer:hover .viewer__mute-button { left: calc(var(--viewer-edge) + var(--viewer-btn) + var(--viewer-gap)); }
  .coub-skin .viewer__bare:not(.-unloaded) .viewer__mute-button { opacity: 0; pointer-events: none; }
  .coub-skin .coub__viewer:hover .viewer--suggests:not(:has(.viewer__suggests:not(.-hidden))) .viewer__bare::before { opacity: 1; }
  .coub-skin .coub__viewer:hover .viewer__bare:not(.-unloaded) .viewer__mute-button, .coub-skin .coub__viewer:hover .viewer__fs-volume { opacity: 1; pointer-events: auto; }
  .coub-skin .coub__viewer:hover .viewer__mute-button::before { opacity: 1; }
}

@media (any-pointer: coarse) {
  .coub-skin .viewer__bare:not(.-unloaded) .viewer__mute-button { opacity: 1; pointer-events: auto; }
}

.coub-skin .coub__viewer:has(.viewer__card-settings .dropdown__inner.-showed) .viewer__mute-button { left: calc(var(--viewer-edge) + var(--viewer-btn) + var(--viewer-gap)); }

.coub-skin .viewer:fullscreen .viewer__mute-button, .coub-skin .coub__viewer:hover .viewer:fullscreen .viewer__mute-button { left: calc((var(--viewer-edge) + var(--viewer-btn) * 3 + var(--viewer-gap)) * 2); bottom: calc(var(--viewer-edge-bottom) * 2); transform-origin: 0px 100%; transform: scale(2); }

.coub-skin .coub__viewer:has(.viewer__card-settings .dropdown__inner.-showed) .viewer:fullscreen .viewer__mute-button { left: calc((var(--viewer-edge) + var(--viewer-btn) * 3 + var(--viewer-gap)) * 2); bottom: calc(var(--viewer-edge-bottom) * 2); transform-origin: 0px 100%; transform: scale(2); }

.coub-skin .viewer:fullscreen .viewer__bare .viewer__mute-button { opacity: 1; pointer-events: auto; }

.coub-skin .coub-settings-dropdown { position: relative; }

.coub-skin .coub-settings-dropdown .dropdown__inner { z-index: calc(var(--coub-z-header) - 1); position: absolute; bottom: calc(100% + 8px); left: 0px; }

.coub-skin .coub-settings-dropdown .dropdown__content { background: var(--coub-primary); filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 0px 2px); border-radius: 6px; width: max-content; min-width: 180px; max-width: 230px; line-height: normal; }

.coub-skin .coub-settings-dropdown ul { color: var(--coub-secondary); margin: 0px; padding: 6px 0px; font-size: 14px; line-height: 30px; list-style: none; }

.coub-skin .coub-settings-dropdown ul li { background: var(--coub-primary); cursor: pointer; height: 30px; padding-left: 20px; padding-right: 44px; list-style: none; position: relative; }

.coub-skin .coub-settings-dropdown ul li:hover { background: var(--coub-hover-primary); }

.coub-skin .coub-settings-dropdown ul li:hover i svg path { fill: var(--coub-blue); }

.coub-skin .coub-settings-dropdown ul li i { position: absolute; top: 3px; right: 10px; }

.coub-skin .coub-settings-dropdown ul li i svg { display: block; }

.coub-skin .coub-settings-dropdown ul li i svg path { fill: var(--coub-neutral); }

.coub-skin .coub-settings-dropdown .viewer__settings-hd::before { content: ""; background: var(--coub-blue); border-radius: 10px; width: 32px; height: 20px; position: absolute; top: 5px; right: 10px; }

.coub-skin .coub-settings-dropdown .viewer__settings-hd::after { content: ""; background: rgb(255, 255, 255); border-radius: 50%; width: 16px; height: 16px; transition: right 0.1s; position: absolute; top: 7px; right: 12px; }

.coub-skin .coub-settings-dropdown .viewer__settings-hd.-sd::before { background: var(--coub-neutral); }

.coub-skin .coub-settings-dropdown .viewer__settings-hd.-sd::after { right: 24px; }

.coub-skin .coub-settings-dropdown .viewer__settings-copy.done i:first-of-type { display: none !important; }

.coub-skin .coub-settings-dropdown .viewer__settings-copy.done i:last-of-type { display: block !important; }

.coub-skin .coub-description__about { white-space: nowrap; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 10px; font-size: 14px; line-height: 1; display: flex; }

.coub-skin .coub-description__about__inner { align-items: center; gap: 8px; min-width: 0px; display: flex; }

.coub-skin .coub-description__about__inner.-first { flex-shrink: 999; }

.coub-skin .coub-description__avatar .image { background-color: var(--coub-1-primary); border-radius: 50%; width: 24px; height: 24px; display: block; }

.coub-skin .coub-description__about__user { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.coub-skin .coub-description__repost { align-items: center; gap: 6px; min-width: 0px; display: flex; }

.coub-skin .coub-description__repost > * { flex-shrink: 0; }

.coub-skin .coub-description__repost svg { display: block; }

.coub-skin .coub-description__repost svg path { fill: var(--coub-neutral); }

.coub-skin .coub-description__repost a { text-overflow: ellipsis; white-space: nowrap; flex-shrink: 1; overflow: hidden; }

.coub-skin .coub-description__repost .coub-description__repost-icon { line-height: 0; }

.coub-skin .coub-description__repost .coub-description__repost-icon svg path { transition: fill 0.1s ease-in-out; }

.coub-skin .coub-description__repost .coub-description__repost-icon:hover svg path { fill: var(--coub-blue); }

.coub-skin .coub-description__date { color: var(--coub-neutral); align-items: center; gap: 4px; margin-left: -2px; display: flex; }

.coub-skin .coub-description__sharing-dropdown-handler, .coub-skin .coub-actions-dropdown .dropdown__handler { display: block; }

:is(.coub-skin .coub-description__sharing-dropdown-handler, .coub-skin .coub-actions-dropdown .dropdown__handler) .sb { height: auto; padding: 0px; display: block; }

:is(.coub-skin .coub-description__sharing-dropdown-handler, .coub-skin .coub-actions-dropdown .dropdown__handler) .sb i { position: static; }

:is(.coub-skin .coub-description__sharing-dropdown-handler, .coub-skin .coub-actions-dropdown .dropdown__handler) .sb i svg { display: block; }

:is(.coub-skin .coub-description__sharing-dropdown-handler, .coub-skin .coub-actions-dropdown .dropdown__handler) .sb i svg path { fill: var(--coub-secondary); }

:is(.coub-skin .coub-description__sharing-dropdown-handler, .coub-skin .coub-actions-dropdown .dropdown__handler) .sb:hover i svg path { fill: var(--coub-blue); }

:is(.coub-skin .coub-description__sharing-dropdown, .coub-skin .coub-actions-dropdown, .coub-skin .description__controls-dropdown-inner) .dropdown__inner { z-index: calc(var(--coub-z-header) - 1); }

:is(.coub-skin .coub-description__sharing-dropdown, .coub-skin .coub-actions-dropdown, .coub-skin .description__controls-dropdown-inner) .dropdown__content { width: 250px; }

:is(.coub-skin .coub-description__sharing-dropdown, .coub-skin .coub-actions-dropdown, .coub-skin .description__controls-dropdown-inner) .sharing__dropdown__item { cursor: pointer; align-items: center; padding: 6px 10px; font-size: 14px; display: flex; position: relative; }

:is(.coub-skin .coub-description__sharing-dropdown, .coub-skin .coub-actions-dropdown, .coub-skin .description__controls-dropdown-inner) .sharing__dropdown__item i { margin-right: 10px; }

:is(.coub-skin .coub-description__sharing-dropdown, .coub-skin .coub-actions-dropdown, .coub-skin .description__controls-dropdown-inner) .sharing__dropdown__item i svg { display: block; }

:is(.coub-skin .coub-description__sharing-dropdown, .coub-skin .coub-actions-dropdown, .coub-skin .description__controls-dropdown-inner) .sharing__dropdown__item i svg path { fill: var(--coub-neutral); }

:is(.coub-skin .coub-description__sharing-dropdown, .coub-skin .coub-actions-dropdown, .coub-skin .description__controls-dropdown-inner) .sharing__dropdown__item:hover i svg path { fill: var(--coub-blue); }

:is(.coub-skin .coub-description__sharing-dropdown, .coub-skin .coub-actions-dropdown, .coub-skin .description__controls-dropdown-inner) .sharing__dropdown__item.flag.-highlight { color: var(--coub-alert) !important; }

:is(.coub-skin .coub-description__sharing-dropdown, .coub-skin .coub-actions-dropdown, .coub-skin .description__controls-dropdown-inner) .sharing__dropdown__item.flag.-highlight i svg path { fill: var(--coub-alert) !important; }

:is(.coub-skin .coub-description__sharing-dropdown, .coub-skin .coub-actions-dropdown, .coub-skin .description__controls-dropdown-inner) .sharing__dropdown__item > span { width: auto; padding: 0px; display: inline; }

:is(.coub-skin .coub-description__sharing-dropdown, .coub-skin .coub-actions-dropdown, .coub-skin .description__controls-dropdown-inner) .sharing__dropdown__item > a { padding: 0px; }

.coub-skin .coub-description__download { align-items: center; width: 100%; display: flex; }

.coub-skin .list.list--selectable .list__item:not(.disabled) { cursor: pointer; }

.coub-skin .list.list--selectable .list__item:not(.disabled):hover { background-color: var(--coub-hover-primary); }

.coub-skin .list.list--selectable .list__item:not(.disabled):hover, .coub-skin .list.list--selectable .list__item:not(.disabled):hover > a { color: var(--coub-secondary); }

.coub-skin .coub-description__title { margin-top: 10px; }

.coub-skin .coub-description__title .description__title { text-overflow: initial; max-height: none; margin: 0px; display: block; overflow: visible; }

.coub-skin .description__title { overflow-wrap: break-word; letter-spacing: -0.4px; font-size: 22px; line-height: 1.2; }

.coub-skin .coub-description__caption { margin-top: 8px; }

.coub-skin .coub-description__caption > summary { cursor: pointer; color: var(--coub-neutral); font-size: 13px; list-style-position: inside; }

.coub-skin .coub-description__caption > summary:hover { color: var(--coub-secondary); }

.coub-skin .coub-description__caption > p { color: var(--coub-neutral); overflow-wrap: break-word; margin: 6px 0px 0px; font-size: 14px; line-height: 1.5; }

.coub-skin .description__title .description__title-entity { color: var(--coub-neutral); }

.coub-skin .description__title .description__title-entity:hover { color: var(--coub-secondary); }

.coub-skin .description__title.-draft { white-space: nowrap; text-overflow: ellipsis; max-height: none; display: block; overflow: hidden; }

.coub-skin .description__title-draft-prefix { vertical-align: -4px; align-items: center; gap: 6px; margin-right: 6px; display: inline-flex; }

.coub-skin .description__title-draft-prefix svg { width: 20px; height: 20px; }

.coub-skin .coub-description__buttons { justify-content: space-between; margin-top: 10px; display: flex; }

.coub-skin .coub-description__buttons .description__controls { margin-top: initial; margin-right: initial; margin-bottom: initial; margin-left: -10px; }

.coub-skin .description__controls { height: 100%; margin-top: 3px; margin-left: auto; margin-right: 6px; display: flex; }

.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button { box-sizing: border-box; flex-direction: column; justify-content: flex-start; align-items: center; gap: 2px; min-width: 44px; min-height: 44px; margin: -10px 0px; padding: 10px; display: flex; }

:is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button) i { display: flex; }

:is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button):not(.coub-description__views-count) i svg path { fill: var(--coub-secondary); }

:is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button):not(.coub-description__views-count).-on i svg path, :is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button):not(.coub-description__views-count) i:hover svg path { fill: var(--coub-blue); }

:is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button):not(.coub-description__views-count).-on i:hover svg path { fill: var(--coub-hover-blue); }

:is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button):not(.coub-description__views-count) .disabled svg path { fill: var(--coub-neutral) !important; }

:is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button) [handler] { cursor: pointer; }

:is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button) [handler].disabled { cursor: default; }

:is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button).coub__like-button .counter, :is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button).coub__repost-dropdown .counter, :is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button).coub__repost-button .counter, :is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button).coub__remix-button .counter { cursor: pointer; }

:is(:is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button).coub__like-button .counter, :is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button).coub__repost-dropdown .counter, :is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button).coub__repost-button .counter, :is(.coub-skin .description__controls > div, .coub-skin .description__controls .coub__repost-button).coub__remix-button .counter):hover { color: var(--coub-blue); }

.coub-skin .description__controls > .coub__repost-dropdown { min-width: 0px; min-height: 0px; margin: 0px; padding: 0px; }

.coub-skin .description__controls .counter { cursor: default; color: var(--coub-neutral); white-space: nowrap; text-align: center; width: 100%; font-size: 12px; }

.coub-skin .coub-description__views-count { color: var(--coub-neutral); }

.coub-skin .coub-description__views-count i svg path { fill: var(--coub-neutral); }

.coub-skin .coub__repost-dropdown .dropdown__handler { display: block; }

.coub-skin .coub__repost-dropdown .dropdown__content { width: 310px; }

.coub-skin .coub__repost-dropdown .dropdown__inner { z-index: calc(var(--coub-z-header) - 1); }

.coub-skin .coub__repost-dropdown .list-wrap { max-height: 320px; overflow-y: auto; }

.coub-skin .coub__repost-dropdown .list__item { align-items: center; padding: 10px; display: flex; position: relative; }

.coub-skin .coub__repost-dropdown .list__item > img { object-fit: cover; border-radius: 50%; margin-right: 10px; }

.coub-skin .coub__repost-dropdown .list__item > div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.coub-skin .coub__repost-dropdown .list__item .channel-featured-icon { margin-left: 2px; }

.coub-skin .coub__repost-dropdown .list__item.-on { padding-right: 35px; }

.coub-skin .coub__repost-dropdown .list__item.-on::after { content: ""; border-left: 2px solid var(--coub-blue); border-bottom: 2px solid var(--coub-blue); width: 12px; height: 6px; position: absolute; top: 50%; right: 14px; transform: translateY(-70%) rotate(-45deg); }

.coub-skin .coub__repost-dropdown .list__item.disabled { cursor: default; opacity: 0.5; }

.coub-skin .coub__repost-dropdown .coub-repost-dropdown__subtitle { text-transform: uppercase; color: var(--coub-neutral); opacity: 1; margin: 10px 0px; padding: 0px 10px; font-size: 10px; }

.coub-skin .coub__repost-dropdown .coub-repost-dropdown__subtitle.-shared { margin-top: 20px; }

.coub-skin .coub__remix-button { align-items: center; display: flex; }

.coub-skin .coub__remix-dropdown .dropdown__handler { display: block; }

.coub-skin .coub__remix-dropdown .counter { cursor: pointer; }

.coub-skin .coub__remix-dropdown .counter:hover { color: var(--coub-blue); }

.coub-skin .coub__remix-dropdown .dropdown__content { width: 320px; }

.coub-skin .coub__remix-dropdown .dropdown__inner { z-index: calc(var(--coub-z-header) - 1); }

.coub-skin .remix-dd__label { font-size: 11px; font-family: var(--coub-font-bold); letter-spacing: 0.04em; text-transform: uppercase; color: var(--coub-neutral); padding: 10px 14px 2px; font-weight: 700; }

.coub-skin .remix-dd__list { padding: 6px 0px; }

.coub-skin .remix-dd__loading { color: var(--coub-neutral); padding: 10px 14px; font-size: 12px; }

.coub-skin .remix-dd__item { cursor: pointer; align-items: center; gap: 10px; padding: 6px 14px; display: flex; }

.coub-skin .remix-dd__item:hover { background: var(--coub-hover-primary); }

.coub-skin .remix-dd__item:hover .remix-dd__title { color: var(--coub-blue); }

.coub-skin .remix-dd__thumb { object-fit: cover; background: var(--coub-hover-primary); border-radius: 4px; flex-shrink: 0; width: 64px; height: 48px; display: block; }

.coub-skin .remix-dd__thumb.-empty { background: var(--coub-appearing-secondary); }

.coub-skin .remix-dd__text { flex-direction: column; gap: 2px; min-width: 0px; display: flex; }

.coub-skin .remix-dd__title { color: var(--coub-secondary); text-overflow: ellipsis; white-space: nowrap; font-size: 13px; line-height: 17px; overflow: hidden; }

.coub-skin .remix-dd__meta { color: var(--coub-neutral); text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 15px; overflow: hidden; }

.coub-skin .remix-dd__more { color: var(--coub-neutral); cursor: pointer; padding: 6px 14px 8px 88px; font-size: 12px; display: block; }

.coub-skin .remix-dd__more:hover { color: var(--coub-blue); }

.coub-skin .remix-dd__actions { border-bottom: 1px solid var(--coub-border); gap: 8px; padding: 12px 14px; display: flex; }

.coub-skin .remix-dd__btn { white-space: nowrap; text-align: center; min-width: 0px; height: 30px; line-height: 30px; font-family: var(--coub-font-bold); letter-spacing: -0.02em; border-radius: var(--coub-radius-btn-rn); cursor: pointer; flex: 1 1 0px; font-size: 13px; font-weight: 700; display: block; }

.coub-skin .remix-dd__btn.-primary { background-color: var(--coub-blue-cta); color: var(--coub-on-blue); }

.coub-skin .remix-dd__btn.-primary:hover { background-color: var(--coub-hover-blue); color: var(--coub-on-blue); }

.coub-skin .remix-dd__btn.-primary.disabled { background-color: var(--coub-appearing-secondary); color: var(--coub-neutral); cursor: default; }

.coub-skin .remix-dd__btn.-primary.disabled:hover { background-color: var(--coub-appearing-secondary); color: var(--coub-neutral); }

.coub-skin .remix-dd__btn.-secondary { box-shadow: inset 0 0 0 1px var(--coub-blue); color: var(--coub-blue); }

.coub-skin .remix-dd__btn.-secondary:hover { background-color: var(--coub-blue-cta); color: var(--coub-on-blue); }

.coub-skin .coub-description__badges { gap: 4px; font-size: 12px; display: flex; }

.coub-skin .coub-description__badge { letter-spacing: 0px; height: 24px; padding: 0px; line-height: 24px; position: relative; }

.coub-skin .coub-description__badge.-community { text-overflow: ellipsis; white-space: nowrap; color: rgb(0, 0, 0); background-color: var(--coub-accent); border-radius: 12px; width: auto; max-width: 160px; padding: 0px 10px; overflow: hidden; }

.coub-skin .coub-description__badge.-community:hover { background-color: rgb(251, 239, 90); }

.coub-skin .coub-description__badge.-remix { width: auto; color: var(--coub-on-blue); background-color: var(--coub-blue-cta); border-radius: 12px; padding: 0px 10px; }

.coub-skin .coub-description__badge.-pinned { background-color: var(--coub-neutral); border-radius: 50%; justify-content: center; align-items: center; width: 24px; padding: 0px; display: inline-flex; }

.coub-skin .coub-description__badge.-pinned svg { width: 24px; height: 24px; display: block; }

.coub-skin .coub-description__badge.-pinned svg path { fill: rgb(255, 255, 255); }

.coub-skin .coub-description__badge.-sensitive { background-color: var(--coub-sensitive); border-radius: 50%; justify-content: center; align-items: center; width: 24px; padding: 0px; display: inline-flex; }

.coub-skin .coub-description__badge.-sensitive svg { width: 18px; height: 18px; display: block; }

.coub-skin .coub-description__badge.-sensitive svg path { fill: rgb(255, 255, 255); }

.coub-skin .coub-description__badge.-moderating { background-color: var(--coub-neutral); color: rgb(255, 255, 255); text-transform: uppercase; border-radius: 50%; justify-content: center; align-items: center; width: 24px; padding: 0px; font-size: 13px; font-weight: 700; line-height: 24px; display: inline-flex; }

:is(.coub-skin .coub-tags-dropdown, .coub-skin .coub-parents-dropdown) .sb { background: var(--coub-hover-primary); height: 24px; color: var(--coub-neutral); border-radius: 12px; align-items: center; gap: 4px; padding: 0px 10px; font-size: 12px; display: flex; }

:is(.coub-skin .coub-tags-dropdown, .coub-skin .coub-parents-dropdown) .sb span { font-family: var(--coub-font-normal); letter-spacing: normal; font-size: 14px; font-weight: 400; line-height: 1; }

:is(.coub-skin .coub-tags-dropdown, .coub-skin .coub-parents-dropdown) .sb svg { margin-top: -1px; display: block; position: relative; }

:is(.coub-skin .coub-tags-dropdown, .coub-skin .coub-parents-dropdown) .sb svg path { fill: var(--coub-neutral); }

:is(.coub-skin .coub-tags-dropdown, .coub-skin .coub-parents-dropdown) .dropdown__content { width: 350px; }

:is(.coub-skin .coub-tags-dropdown, .coub-skin .coub-parents-dropdown) .dropdown__inner { z-index: calc(var(--coub-z-header) - 1); }

.coub-skin .coub-description__tags { max-height: 225px; overflow-y: auto; }

.coub-skin .coub-description__tags .coub__tags-tag { height: 30px; margin: 0px; padding: 0px 10px; font-size: 14px; line-height: 30px; }

.coub-skin .coub-description__tags-inner { flex-wrap: wrap; gap: 4px; padding: 15px; display: flex; }

.coub-skin .coub-description__tags-empty-text { color: var(--coub-neutral); width: 100%; font-size: 14px; line-height: 1.4; }

.coub-skin .coub-description__parents { max-height: 225px; overflow-y: auto; }

.coub-skin .coub-description__parents-inner { padding: 15px; }

.coub-skin .coub-description__parents-title { color: var(--coub-neutral); margin-bottom: 15px; font-size: 11px; line-height: 1.4; }

.coub-skin .coub-description__parents-item { align-items: center; gap: 15px; margin-top: 12px; display: flex; }

.coub-skin .coub-description__parents-image { background: var(--coub-hover-primary); border-radius: 8px; flex-shrink: 0; width: 75px; height: 49px; overflow: hidden; }

.coub-skin .coub-description__parents-image img { object-fit: cover; width: 100%; height: 100%; }

.coub-skin .coub-description__parents-info { flex-shrink: 1; min-width: 0px; }

.coub-skin .coub-description__parents-source { white-space: nowrap; text-overflow: ellipsis; color: var(--coub-neutral); font-size: 12px; overflow: hidden; }

.coub-skin .coub-description__parents-source a { color: var(--coub-neutral); }

.coub-skin .coub-description__parents-source a:hover { color: var(--coub-blue); }

.coub-skin .coub-description__parents-item-title { white-space: nowrap; text-overflow: ellipsis; font-family: var(--coub-font-bold); letter-spacing: -0.04em; color: var(--coub-secondary); margin-top: 5px; font-size: 14px; font-weight: 700; display: block; overflow: hidden; }

.coub-skin .coub-description__parents-section + .coub-description__parents-section { margin-top: 18px; }

.coub-skin .coub-description__parents-heading { letter-spacing: 0.04em; text-transform: uppercase; color: var(--coub-neutral); font-size: 11px; line-height: 14px; }

.coub-skin .coub-description__parents-item { box-sizing: border-box; text-align: left; width: 100%; color: inherit; text-decoration: none; }

.coub-skin .coub-description__parents-item.-button { font: inherit; cursor: pointer; background: 0px 0px; border: 0px; padding: 0px; }

.coub-skin .coub-description__parents-item:is(a, button):hover .coub-description__parents-item-title { color: var(--coub-blue); }

.coub-skin .coub-description__parents-image { color: rgb(255, 255, 255); justify-content: center; align-items: center; font-size: 20px; display: flex; }

.coub-skin .coub-description__parents-image.-video, .coub-skin .coub-description__parents-image.-coub, .coub-skin .coub-description__parents-image.-music { background: linear-gradient(135deg, rgb(79, 91, 255) 0%, rgb(217, 76, 217) 55%, rgb(255, 138, 91) 100%); }

.coub-skin .coub-description__parents-image svg { width: 24px; height: 24px; display: block; }

.coub-skin .coub-description__parents-image svg path { fill: currentcolor; }

.coub-skin .coub-description__parents-info { flex-direction: column; display: flex; }

.coub-skin .coub.coub--small-card { width: 310px; }

.coub-skin .coub.coub--small-card .coub__viewer { border-radius: var(--coub-radius-card-small); }

.coub-skin .coub.coub--small-card .description__body { flex-direction: row; justify-content: space-between; padding: 10px 0px; display: flex; }

.coub-skin .coub.coub--small-card .description__info { min-width: 0px; }

.coub-skin .coub.coub--small-card .description__title { -webkit-line-clamp: 2; text-overflow: ellipsis; overflow-wrap: break-word; -webkit-box-orient: vertical; max-height: 44px; margin-top: 1px; font-size: 18px; line-height: 22px; display: flex; overflow: hidden; }

.coub-skin .coub.coub--small-card .description__title.-draft { white-space: nowrap; text-overflow: ellipsis; max-height: none; display: block; overflow: hidden; }

.coub-skin .coub.coub--small-card .description__stamp { color: var(--coub-neutral); white-space: nowrap; margin-top: 5px; font-size: 13px; line-height: 20px; display: flex; }

.coub-skin .coub.coub--small-card .description__stamp__user { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.coub-skin .coub.coub--small-card .description__icon { vertical-align: bottom; cursor: default; margin-right: 5px; display: inline-block; }

.coub-skin .coub.coub--small-card .description__icon svg { display: block; }

.coub-skin .coub.coub--small-card .description__stamp__community { color: rgb(0, 0, 0); background-color: var(--coub-accent); border-radius: 9px; height: 18px; padding: 0px 7px; font-size: 12px; line-height: 18px; }

.coub-skin .coub.coub--small-card .description__stamp__community:hover { background-color: rgb(250, 237, 77); }

.coub-skin .coub.coub--small-card .description__stamp__cotd-featured { background-color: var(--coub-blue); border-radius: 50%; flex-shrink: 0; width: 18px; height: 18px; margin-right: 2px; position: relative; }

.coub-skin .coub.coub--small-card .description__stamp__cotd-featured svg { margin: auto; position: absolute; inset: 0px; }

.coub-skin .coub.coub--small-card .description__controls { flex-shrink: 0; margin-top: 0px; margin-left: 25px; margin-right: 0px; }

.coub-skin .coub.coub--small-card .description__controls > div, .coub-skin .coub.coub--small-card .description__controls .coub__repost-button { gap: 0px; min-width: 0px; min-height: 0px; margin: 0px; padding: 0px; }

.coub-skin .coub.coub--small-card .description__controls > div:not(.coub__more-actions), .coub-skin .coub.coub--small-card .description__controls .coub__repost-button { flex-direction: column; }

.coub-skin .coub.coub--small-card .description__controls > div:not(:last-of-type) { margin-right: 16px; }

.coub-skin .coub.coub--small-card .description__controls > div.coub__like-button { margin-right: 13px; }

.coub-skin .coub.coub--small-card .description__controls i { display: flex; }

.coub-skin .coub.coub--small-card .description__controls .counter { text-align: center; width: 100%; margin-top: 2px; }

.coub-skin .description__controls > div.coub__more-actions, .coub-skin .coub__more-actions { cursor: pointer; flex-direction: row; justify-content: center; align-self: flex-start; display: flex; position: relative; }

:is(.coub-skin .description__controls > div.coub__more-actions, .coub-skin .coub__more-actions) > svg path { transition: fill 0.25s ease-out; }

:is(.coub-skin .description__controls > div.coub__more-actions, .coub-skin .coub__more-actions):hover:not(.disabled) { color: var(--coub-blue); }

:is(.coub-skin .description__controls > div.coub__more-actions, .coub-skin .coub__more-actions):hover:not(.disabled) > svg path { fill: currentcolor; }

.coub-skin .description__controls-dropdown { z-index: var(--coub-z-dropdown); opacity: 0; pointer-events: none; background-color: var(--coub-primary); box-shadow: var(--coub-shadow-dropdown); border-radius: var(--coub-radius-dropdown); transition: opacity 0.2s, transform 0.2s; position: absolute; top: 100%; right: 0px; overflow: hidden; transform: scale(0.97); }

.coub-skin .description__controls-dropdown.-showed { opacity: 1; pointer-events: auto; transform: scale(1); }

.coub-skin .description__controls-dropdown-inner { width: 250px; padding: 6px 0px; }

.coub-skin .description__controls-dropdown-inner .list { padding: 0px; }

.coub-skin .description__controls-dropdown-inner .sharing__dropdown__item { padding: 6px 12px; }

.coub-skin .description__controls-dropdown-sep { background-color: var(--coub-hover-primary); height: 1px; margin: 6px 0px; }

.coub-skin .description__controls-dropdown-inner .coub__action-button--is-mosaic { cursor: pointer; box-sizing: border-box; flex-direction: row; align-items: center; width: 100%; padding: 6px 12px; transition: background-color 0.25s ease-out; display: flex; }

.coub-skin .description__controls-dropdown-inner .coub__action-button--is-mosaic .counter { display: none; }

.coub-skin .description__controls-dropdown-inner .coub__action-button--is-mosaic .coub__button-text { color: var(--coub-secondary); white-space: nowrap; padding-left: 10px; font-size: 14px; font-weight: 400; line-height: 1.4; }

.coub-skin .description__controls-dropdown-inner .coub__action-button--is-mosaic .coub__button-icon { display: flex; }

.coub-skin .description__controls-dropdown-inner .coub__action-button--is-mosaic .coub__button-icon svg path { fill: var(--coub-secondary); transition: fill 0.25s ease-out; }

.coub-skin .description__controls-dropdown-inner .coub__action-button--is-mosaic:hover:not(.disabled) { background-color: var(--coub-hover-primary); }

.coub-skin .description__controls-dropdown-inner .coub__action-button--is-mosaic:hover:not(.disabled) .coub__button-icon { color: var(--coub-blue); }

.coub-skin .description__controls-dropdown-inner .coub__action-button--is-mosaic:hover:not(.disabled) .coub__button-icon svg path { fill: currentcolor; }

.coub-skin .description__controls-dropdown-inner .coub__action-button--is-mosaic.-on .coub__button-icon { color: var(--coub-blue); }

.coub-skin .description__controls-dropdown-inner .coub__action-button--is-mosaic.-on .coub__button-icon svg path { fill: currentcolor; }

.coub-skin .description__controls-dropdown-inner .coub__action-button--is-mosaic.disabled { cursor: default; opacity: 0.5; }

.coub-skin .coub__remix-button.disabled { opacity: 0.5; }

.coub-skin .coub__remix-button.disabled a { cursor: default; }

.coub-skin .share-popup-overlay { z-index: var(--coub-z-modal); justify-content: center; align-items: center; padding: 16px; display: flex; position: fixed; inset: 0px; overflow-y: auto; }

.coub-skin .share-popup-overlay__backdrop { cursor: pointer; background: rgba(0, 0, 0, 0.6); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; position: absolute; inset: 0px; }

.coub-skin .modal--share-popup { max-width: 100%; margin: auto; position: relative; }

.coub-skin .modal--share-popup .modal__content { box-sizing: border-box; background: var(--coub-primary); width: 970px; min-width: 300px; max-width: calc(-64px + 100vw); box-shadow: var(--coub-shadow-dropdown); border-radius: 15px; padding: 20px; }

.coub-skin .share-popup__cols { align-items: flex-start; gap: 20px; display: flex; }

.coub-skin .share-popup__col.-preview { flex: 1 1 auto; min-width: 0px; }

.coub-skin .share-popup__col.-options { flex: 0 0 320px; min-width: 0px; }

.coub-skin .share-popup__preview-stage { width: 100%; margin: 0px auto; }

.coub-skin .share-popup__preview { background-color: var(--coub-1-primary); border-radius: 8px; position: relative; overflow: hidden; }

.coub-skin .share-popup__preview > iframe { border: 0px; width: 100%; height: 100%; position: absolute; inset: 0px; }

.coub-skin .share-popup__option-head { justify-content: space-between; align-items: center; gap: 8px; display: flex; }

.coub-skin .share-popup__option-head label { margin-bottom: 0px; }

.coub-skin .share-popup__copy { width: 28px; height: 28px; color: var(--coub-neutral); cursor: pointer; background: 0px 0px; border: 0px; border-radius: 6px; flex: 0 0 auto; justify-content: center; align-items: center; margin-bottom: 8px; padding: 0px; display: inline-flex; }

.coub-skin .share-popup__copy svg { fill: currentcolor; width: 18px; height: 18px; display: block; }

.coub-skin .share-popup__copy:hover { background-color: var(--coub-hover-primary); color: var(--coub-secondary); }

.coub-skin .share-popup__copy.-done { color: var(--coub-blue); }

.coub-skin .share-popup__options { text-align: left; }

.coub-skin .share-popup__option { margin-bottom: 10px; }

.coub-skin .share-popup__option label { margin-bottom: 8px; font-size: 13px; display: block; }

.coub-skin .share-popup__option input, .coub-skin .share-popup__option textarea { box-sizing: border-box; width: 100%; font-size: 12px; }

.coub-skin .share-popup__option textarea { overflow-wrap: break-word; resize: vertical; min-height: 168px; font-family: Courier, monospace; line-height: 1.45; }

.coub-skin .share-popup__option.-clear::after { content: ""; clear: both; display: block; }

.coub-skin .share-popup__option .share-popup__sizes { gap: 6px; display: flex; }

.coub-skin .share-popup__option .option__size { box-sizing: border-box; flex: 1 1 0px; min-width: 0px; }

.coub-skin .share-popup__option .option__size > .frame { box-sizing: border-box; height: 40px; color: var(--coub-neutral); text-align: center; border: 1px solid var(--coub-1-primary); cursor: pointer; border-radius: 6px; justify-content: center; align-items: center; padding: 0px 4px; font-size: 11px; line-height: 1.2; display: flex; }

.coub-skin .share-popup__option .option__size > .frame:hover { border-color: var(--coub-blue); }

.coub-skin .share-popup__option .option__size > .frame.active { color: var(--coub-primary); background-color: var(--coub-blue); border-color: var(--coub-blue); }

.coub-skin .share-popup__option .option__size > .frame .-centered-box { text-overflow: ellipsis; white-space: nowrap; max-width: 100%; overflow: hidden; }

.coub-skin .share-popup__option .option__custom-size { float: left; width: 45%; }

.coub-skin .share-popup__option .option__custom-size > input { text-align: center; }

.coub-skin .share-popup__option .option__custom-size > p { color: var(--coub-neutral); text-align: center; margin: 5px 0px 0px; font-size: 12px; }

.coub-skin .share-popup__option .cross { float: left; width: 10%; color: var(--coub-neutral); text-align: center; font-size: 12px; line-height: 2.9; }

.coub-skin .share-popup__checks { margin-bottom: -10px; }

.coub-skin .share-popup__checks label { margin-bottom: 10px; font-size: 12px; }

.coub-skin .share-popup__checks-container { flex-wrap: wrap; gap: 4px 16px; margin-top: 10px; display: flex; }

@media only screen and (max-width: 767px) {
  .coub-skin .share-popup__cols { flex-direction: column; }
  .coub-skin .share-popup__col.-preview, .coub-skin .share-popup__col.-options { flex: 0 0 auto; width: 100%; }
}

.coub-skin .coub__tags-tag { color: var(--coub-neutral); background-color: var(--coub-hover-primary); border-radius: 15px; height: 30px; margin-bottom: 5px; margin-right: 5px; padding: 0px 10px; line-height: 30px; }

.coub-skin .coub__tags-tag::before { content: "#"; }

.coub-skin .coub__tags-tag:hover { background-color: var(--coub-1-primary); }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .coub { box-sizing: border-box; max-width: 640px; margin: 0px auto; width: 100% !important; padding: 0px 20px 20px !important; }
  .coub-skin .coub__inner { width: 100% !important; }
  .coub-skin .viewer { aspect-ratio: var(--viewer-ar,auto); width: auto !important; height: auto !important; }
  .coub-skin .viewer__bare video { object-fit: contain; width: 100%; height: 100%; }
  .coub-skin .description__title, .coub-skin .description__title a { font-size: 18px !important; }
  .coub-skin .coub-description__buttons { flex-wrap: wrap; gap: 8px; }
  .coub-skin .description__controls { flex-wrap: wrap; }
  .coub-skin .coub-tags-dropdown .dropdown__content, .coub-skin .coub-parents-dropdown .dropdown__content { width: calc(-40px + 100vw); }
}

.coub-skin .coub-description__badge.-featured, .coub-skin .coub-description__badge.-cotd { background-color: var(--coub-blue-cta); width: 24px; color: var(--coub-on-blue); border-radius: 50%; justify-content: center; align-items: center; padding: 0px; display: inline-flex; }

:is(.coub-skin .coub-description__badge.-featured, .coub-skin .coub-description__badge.-cotd) svg { display: block; }

.coub-skin .coub-description__badge.-featured svg { width: 21px; height: 21px; }

.coub-skin .coub-description__badge.-cotd svg { width: 18px; height: 18px; }

.coub-skin .modal--source-video { max-width: 100%; margin: auto; position: relative; }

.coub-skin .modal--source-video .modal__content { box-sizing: border-box; background: var(--coub-primary); width: 640px; max-width: calc(-32px + 100vw); box-shadow: var(--coub-shadow-dropdown); border-radius: 15px; padding: 20px; }

.coub-skin .source-video__head { align-items: flex-start; gap: 12px; display: flex; }

.coub-skin .source-video__heading { flex: 1 1 0%; min-width: 0px; }

.coub-skin .source-video__title { font-family: var(--coub-font-bold); letter-spacing: -0.02em; color: var(--coub-secondary); white-space: nowrap; text-overflow: ellipsis; font-size: 16px; font-weight: 700; line-height: 1.3; overflow: hidden; }

.coub-skin .source-video__link, .coub-skin .source-video__hint { color: var(--coub-neutral); white-space: nowrap; text-overflow: ellipsis; margin-top: 4px; font-size: 12px; line-height: 1.4; display: block; overflow: hidden; }

.coub-skin .source-video__link:hover, .coub-skin .source-video__hint a { color: var(--coub-blue); }

.coub-skin .source-video__close { cursor: pointer; width: 24px; height: 24px; color: var(--coub-neutral); background: 0px 0px; border: 0px; flex-shrink: 0; padding: 0px; }

.coub-skin .source-video__close svg { display: block; }

.coub-skin .source-video__close svg path { fill: currentcolor; }

.coub-skin .source-video__close:hover { color: var(--coub-secondary); }

.coub-skin .source-video__stage { background: var(--coub-hover-primary); border-radius: 10px; width: 100%; margin-top: 15px; padding-top: 56.25%; position: relative; overflow: hidden; }

.coub-skin .source-video__stage iframe, .coub-skin .source-video__stage img { border: 0px; width: 100%; height: 100%; display: block; position: absolute; inset: 0px; }

.coub-skin .source-video__stage img { object-fit: cover; }

.coub-skin .source-video__placeholder { color: var(--coub-neutral); justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }

.coub-skin .source-video__placeholder svg { width: 48px; height: 48px; }

.coub-skin .source-video__actions { justify-content: center; margin-top: 15px; display: flex; }

.coub-skin .source-video__actions .sb { min-width: 140px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .modal--source-video .modal__content { padding: 15px; }
}

.coub-skin .page-container:has(.page-menu) { padding-top: 0px; }

.coub-skin .page-menu { border-bottom: 1px solid var(--coub-border); background-color: var(--coub-primary); height: 60px; z-index: var(--coub-z-page-menu); justify-content: space-between; align-items: center; margin-bottom: 20px; display: flex; position: sticky; top: 70px; }

.coub-skin .page-menu::before { content: ""; background-color: var(--coub-primary); width: 100vw; height: 100%; position: absolute; left: 50%; transform: translate(-50%); }

.coub-skin .page-menu svg { display: block; }

.coub-skin .page-menu .dropdown--select .dropdown__handler .sb.-toggle { color: var(--coub-secondary); font-size: 14px; font-family: var(--coub-font-normal); letter-spacing: normal; white-space: nowrap; height: 55px; padding-right: 30px; font-weight: 400; position: relative; box-shadow: none !important; background: 0px 0px !important; }

.coub-skin .page-menu .dropdown--select .dropdown__handler .sb.-toggle::after { content: ""; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid var(--coub-secondary); width: 0px; margin-top: -2px; position: absolute; top: 50%; right: 10px; }

.coub-skin .page-menu .dropdown--select .dropdown__handler .sb.-toggle:hover { color: var(--coub-blue); }

.coub-skin .page-menu .dropdown--select .dropdown__handler .sb.-toggle:hover::after { border-top-color: var(--coub-blue); }

.coub-skin .page-menu .dropdown--select .dropdown__content { width: 160px; }

.coub-skin .page-menu .dropdown--select .list.list--selectable .list__item.active { background-color: var(--coub-hover-primary); }

.coub-skin .page-menu .dropdown--select .list.list--selectable .list__item.active, .coub-skin .page-menu .dropdown--select .list.list--selectable .list__item.active > a { color: var(--coub-secondary); }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .page-menu { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: auto; top: 0px; overflow: scroll hidden; }
}

.coub-skin header.-static ~ .page-container .page-menu, .coub-skin header.-static-absolute ~ .page-container .page-menu { top: 0px; }

@media only screen and (min-width: 1280px) {
  .coub-skin .page-menu::before { width: calc(-240px + 100vw); }
}

.coub-skin .page-menu__inner { align-items: center; display: flex; position: relative; }

.coub-skin .page-menu__inner:last-of-type { margin-left: 20px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .page-menu__inner { border-bottom: 1px solid var(--coub-border); flex-grow: 1; justify-content: space-between; margin: 0px 20px; }
  .coub-skin .page-menu__inner:last-of-type { display: none; }
}

@media only screen and (min-width: 1024px) {
  .coub-skin .page-menu__inner:first-of-type .page-menu__item:not(.list__item):first-child { padding-left: 0px; }
}

.coub-skin .page-menu__item:not(.list__item) { letter-spacing: -0.6px; cursor: pointer; text-align: center; white-space: nowrap; padding: 17px 25px; font-size: 20px; line-height: 22px; position: relative; }

.coub-skin .page-menu__item:not(.list__item) span { color: var(--coub-neutral); }

.coub-skin .page-menu__item:not(.list__item)::after { content: attr(data-title); font-family: var(--coub-font-bold); letter-spacing: -0.04em; visibility: hidden; height: 0px; font-weight: 700; display: block; overflow: hidden; }

.coub-skin .page-menu__item:not(.list__item).-active { font-family: var(--coub-font-bold); letter-spacing: -0.04em; font-weight: 700; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .page-menu__item:not(.list__item) { color: var(--coub-neutral); flex-grow: 1; padding: 10px 15px; font-size: 14px; }
  .coub-skin .page-menu__item:not(.list__item).-active { font-family: var(--coub-font-normal); letter-spacing: normal; color: var(--coub-secondary); font-weight: 400; }
}

.coub-skin span.page-menu__item:not(.list__item) { cursor: default; }

.coub-skin .page-menu__inner:not(:hover) .page-menu__item:not(.list__item).-active::before, .coub-skin .page-menu__item:not(.list__item):hover::before { content: ""; background-color: var(--coub-blue); border-radius: 2px; width: 100%; height: 3px; position: absolute; bottom: -3px; left: 0px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .page-menu__inner:not(:hover) .page-menu__item:not(.list__item).-active::before, .coub-skin .page-menu__item:not(.list__item):hover::before { height: 1px; bottom: -1px; }
}

.coub-skin .page-menu__more-items .dropdown__handler { cursor: pointer; }

.coub-skin .page-menu__more-items .dropdown__handler i { padding: 14px 15px; display: block; }

.coub-skin .page-menu__more-items .dropdown__inner { top: 53px; left: 50%; translate: -50%; }

.coub-skin .page-menu__more-items .dropdown__content { width: 160px; }

.coub-skin .page-menu__more-items .dropdown__content .list__item { padding: 12px; display: block; }

.coub-skin .page-menu__view-selector .viewSelector { cursor: pointer; padding: 14px 15px 14px 10px; }

.coub-skin .page-menu__view-selector .viewSelector.active { display: none; }

.coub-skin .page-menu__random-selector { cursor: pointer; padding: 14px 10px 14px 15px; }

.coub-skin .page-menu__hov-svg svg path { fill: var(--coub-neutral); }

:is(.coub-skin .page-menu__hov-svg:hover, .coub-skin .page-menu__hov-svg.-active) svg path { fill: var(--coub-blue); }

.coub-skin .page-menu__nav { align-items: center; gap: 10px; margin-right: 8px; display: flex; }

.coub-skin .page-menu__nav__item { line-height: 1; position: relative; }

.coub-skin .page-menu__nav__item.disabled { opacity: 0.4; }

.coub-skin .page-menu__nav__item svg { display: block; }

.coub-skin .page-menu__switcher { cursor: pointer; align-items: center; gap: 10px; margin-right: 10px; font-size: 18px; display: flex; }

.coub-skin .page-menu__period-selector .dropdown__inner { top: 53px; left: 50%; translate: -50%; }

.coub-skin .box--banner { margin-bottom: 20px; position: relative; }

.coub-skin .timeline-right-block__login-banner.box--banner { border-radius: var(--coub-radius-card); background-color: var(--coub-primary); margin-top: 3px; }

.coub-skin .timeline-right-block { z-index: var(--coub-z-el-over); float: right; box-sizing: content-box; width: 310px; margin: 0px -3px 17px; padding: 0px 3px 3px; }

.coub-skin .page__body:has(.coubs-list[view="mosaic"]) .timeline-right-block { display: none; }

.coub-skin .timeline-right-block__login-banner { background-color: var(--coub-primary); box-shadow: var(--coub-shadow-block); border-radius: var(--coub-radius-block); position: relative; overflow: hidden; }

.coub-skin .timeline-right-block__login-banner::before { content: ""; background: url("/coub/force_to_login/banner_light.png") 0px 0px / 294.5px 215.5px no-repeat; width: 294.5px; height: 215.5px; position: absolute; }

.coub-skin .timeline-right-block__login-banner .inner { padding: 170px 25px 25px; position: relative; }

.coub-skin .timeline-right-block__login-banner .title { font-size: 18px; }

.coub-skin .timeline-right-block__login-banner .desc { color: var(--coub-neutral); margin-top: 5px; font-size: 16px; line-height: 1.4; }

.coub-skin .timeline-right-block__login-banner .sb { border-radius: var(--coub-radius-block); height: 44px; margin-top: 20px; font-size: 14px; line-height: 44px; }

.coub-skin .timeline-right-block__stories { margin-bottom: 20px; }

.coub-skin .timeline-right-block__stories [blocks-stories-block] { margin-bottom: 0px; }

.coub-skin[data-coub-theme="dark"] .timeline-right-block__login-banner { background-color: rgb(22, 22, 25); }

.coub-skin[data-coub-theme="dark"] .timeline-right-block__login-banner::before { background: url("/coub/force_to_login/banner_dark.png") 0px 0px / 310px 251.5px no-repeat; width: 310px; height: 251.5px; }

.coub-skin .coubs-list { width: 100%; min-height: 1000px; margin: 0px auto; padding: 0px; }

.coub-skin .coubs-list .initial-load-indicator { width: 640px; padding-top: 100px; position: absolute; }

.coub-skin .coubs-list .next-page-load-indicator { padding-top: 35px; position: relative; }

.coub-skin .coubs-list[view="mosaic"] .coub--timeline { margin-bottom: 25px; }

.coub-skin .coubs-list .page { opacity: 1; transition: opacity 0.2s; }

.coub-skin .coubs-list .page--appended { opacity: 0; }

.coub-skin [blocks-stories-block] { margin-bottom: 20px; }

.coub-skin [blocks-stories-block] .stories-block__heading { font-size: 24px; font-family: var(--coub-font-normal); letter-spacing: -0.6px; color: inherit; padding-bottom: 10px; font-weight: 400; display: block; }

.coub-skin [blocks-stories-block] .stories-block__heading:hover { color: var(--coub-blue); }

.coub-skin [blocks-stories-block] .stories-block__container { flex-wrap: wrap; justify-content: space-between; display: flex; }

.coub-skin [blocks-stories-block] .story-card { margin-bottom: 20px; }

.coub-skin [blocks-stories-block] .story-card.-small { display: block; }

.coub-skin [blocks-stories-block] .story-card.-small .story-card__preview { width: 100%; height: 160px; display: block; }

.coub-skin [blocks-stories-block] .story-card.-small .story-card__img { object-fit: cover; object-position: center center; width: 100%; height: 100%; position: static; transform: none; }

.coub-skin [blocks-stories-block] .story-card.-small .story-card__description { margin-top: 10px; margin-left: 0px; display: block; }

.coub-skin .story-card__img { width: 100%; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); }

.coub-skin .story-card.-fit-height .story-card__img { width: auto; height: 100%; top: auto; left: 50%; transform: translate(-50%); }

.coub-skin .story-card.-small { width: 100%; display: flex; }

.coub-skin .story-card.-small .story-card__preview { border-radius: 6px; flex-shrink: 0; width: 136px; height: 100px; position: relative; overflow: hidden; }

.coub-skin .story-card.-small .story-card__description { min-width: 0px; margin-left: 10px; }

.coub-skin .story-card.-small .story-card__description:hover { color: var(--coub-blue); }

.coub-skin .story-card.-small .story-card__description h2 { letter-spacing: -0.5px; -webkit-line-clamp: 4; text-overflow: ellipsis; -webkit-box-orient: vertical; max-height: 72px; margin-bottom: 5px; font-size: 17px; line-height: 18px; display: -webkit-box; overflow: hidden; }

.coub-skin .story-card.-small .story-card__description h2 svg { vertical-align: middle; }

.coub-skin .story-card.-small .story-card__description div { color: var(--coub-neutral); text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 14px; overflow: hidden; }

.coub-skin .story-page { width: 640px; margin: 0px auto; padding-bottom: 50px; }

.coub-skin .story-page__header { padding: 37px 0px 25px; }

.coub-skin .story-page__title { letter-spacing: -1.5px; margin: 0px; font-size: 40px; line-height: 1.1; }

.coub-skin .story-page__stamp { color: var(--coub-neutral); margin-top: 12px; font-size: 16px; line-height: 20px; }

.coub-skin .story-page__stamp .hbold { color: var(--coub-secondary); }

.coub-skin .story-page__description { white-space: pre-line; overflow-wrap: break-word; margin-top: 15px; font-size: 17px; line-height: 24px; }

.coub-skin .story-page__coub { margin-bottom: 40px; }

.coub-skin .story-page__coub .coub--timeline { padding-bottom: 0px; }

.coub-skin .story-page__coub-headline { letter-spacing: -0.8px; margin: 0px 0px 12px; font-size: 24px; line-height: 28px; }

.coub-skin .story-page__coub-description { white-space: pre-line; overflow-wrap: break-word; margin-top: 15px; font-size: 17px; line-height: 24px; }

.coub-skin .story-page__bottom { border-top: 1px solid var(--coub-border); color: var(--coub-neutral); white-space: pre-line; overflow-wrap: break-word; padding-top: 25px; font-size: 17px; line-height: 24px; }

:is(.coub-skin .story-page__description, .coub-skin .story-page__coub-headline, .coub-skin .story-page__coub-description, .coub-skin .story-page__bottom) a { color: var(--coub-blue); }

:is(.coub-skin .story-page__description, .coub-skin .story-page__coub-headline, .coub-skin .story-page__coub-description, .coub-skin .story-page__bottom) a:hover { color: var(--coub-hover-blue); text-decoration: underline; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .story-page { width: 100%; }
  .coub-skin .story-page__header, .coub-skin .story-page__coub-headline, .coub-skin .story-page__coub-description, .coub-skin .story-page__bottom { padding-left: 20px; padding-right: 20px; }
  .coub-skin .story-page__title { letter-spacing: -1px; font-size: 28px; }
}

.coub-skin .channel-stories { width: 640px; }

.coub-skin .channel-stories .stories-block__container { flex-wrap: wrap; justify-content: space-between; display: flex; }

.coub-skin .channel-stories .story-card.-small { margin-bottom: 20px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .channel-stories { box-sizing: border-box; width: 100%; padding: 0px 20px; }
}

.coub-skin .channel-stories__pager { justify-content: center; gap: 10px; padding: 10px 0px 50px; display: flex; }

.coub-skin .story-card__type { text-transform: uppercase; }

.coub-skin .coubs-list[view="mosaic"] .coub--timeline { width: 310px; padding-bottom: 0px; }

.coub-skin .coubs-list[view="mosaic"] .coubs-list__inner { position: relative; }

.coub-skin .timeline-pagination { clear: both; width: 100%; font-family: var(--coub-font-normal); letter-spacing: normal; color: var(--coub-half-secondary); flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 24px 0px 36px; font-size: 15px; font-weight: 400; line-height: 20px; display: flex; }

.coub-skin .timeline-pagination__pages { flex-wrap: wrap; gap: 4px; margin: 0px; padding: 0px; list-style: none; display: flex; }

.coub-skin .timeline-pagination__page { border-radius: var(--coub-radius-pill); text-align: center; min-width: 30px; color: var(--coub-secondary); padding: 3px 9px; text-decoration: none; transition: background-color 0.15s; display: inline-block; }

.coub-skin a.timeline-pagination__page:hover, .coub-skin a.timeline-pagination__step:hover { background-color: var(--coub-lightening-secondary); text-decoration: none; }

.coub-skin .timeline-pagination__page.-active { color: var(--coub-on-blue); background-color: var(--coub-blue-cta); }

.coub-skin .timeline-pagination__step { border-radius: var(--coub-radius-pill); font-family: var(--coub-font-bold); letter-spacing: -0.04em; color: var(--coub-secondary); padding: 3px 10px; font-size: 15px; font-weight: 700; line-height: 20px; text-decoration: none; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .timeline-pagination { box-sizing: border-box; padding-left: var(--coub-mobile-gutter); padding-right: var(--coub-mobile-gutter); }
}

@media (scripting: enabled) {
  .coub-skin .timeline-pagination:not(.-standalone) { display: none; }
}

.coub-skin .fullscreen-feed-host { pointer-events: none; background: rgb(0, 0, 0); width: 0px; height: 0px; position: absolute; top: 0px; left: 0px; overflow: hidden; }

.coub-skin .fullscreen-feed-host:fullscreen { pointer-events: auto; }

.coub-skin .fullscreen-feed-host:not(:fullscreen) { width: 0px !important; height: 0px !important; }

.coub-skin .fullscreen-feed-host:fullscreen .fullscreen-feed-viewer, .coub-skin .fullscreen-feed-host:fullscreen .coub.coub--timeline, .coub-skin .fullscreen-feed-host:fullscreen .coub__inner, .coub-skin .fullscreen-feed-host:fullscreen .coub__vd, .coub-skin .fullscreen-feed-host:fullscreen .coub__viewer { border-radius: 0px; width: 100%; max-width: none; height: 100%; margin: 0px; padding: 0px !important; }

.coub-skin .fullscreen-feed-host:fullscreen .coub__viewer { background: 0px 0px; }

.coub-skin .fullscreen-feed-host:fullscreen .coub__viewer::before { display: none; }

.coub-skin .fullscreen-feed-host:fullscreen .coub__viewer .viewer { margin: 0px; width: 100% !important; height: 100% !important; }

:is(.coub-skin .fullscreen-feed-host:fullscreen .coub-description__about, .coub-skin .fullscreen-feed-host:fullscreen .coub__description, .coub-skin .fullscreen-feed-host:fullscreen .dontRenderSearchableTitle) { display: none; }

.coub-skin .fullscreen-feed-host:fullscreen .coub__viewer:has(.viewer__card-settings .dropdown__inner.-showed) .viewer__mute-button { left: calc((var(--viewer-edge) + var(--viewer-btn) * 3 + var(--viewer-gap)) * 2); }

.coub-skin .fullscreen-feed-host:fullscreen .coub__viewer .viewer .viewer__bare video { object-fit: contain; }

.coub-skin .fullscreen-feed-host:fullscreen .fullscreen-feed-viewer.-idle .viewer__card-controls, .coub-skin .fullscreen-feed-host:fullscreen .fullscreen-feed-viewer.-idle .viewer__card-settings, .coub-skin .fullscreen-feed-host:fullscreen .fullscreen-feed-viewer.-idle .viewer__card-social, .coub-skin .fullscreen-feed-host:fullscreen .fullscreen-feed-viewer.-idle .viewer__fs-volume { opacity: 0; transition: opacity 0.1s linear; }

.coub-skin .fullscreen-feed-host:fullscreen .fullscreen-feed-viewer.-idle .viewer__fs-changer:not(:has(.button-prev-next:hover)) { opacity: 0; transition: opacity 0.1s linear; }

.coub-skin .fullscreen-feed-host:fullscreen .fullscreen-feed-viewer.-idle .viewer__mute-button, .coub-skin .fullscreen-feed-host:fullscreen .fullscreen-feed-viewer.-idle .viewer .viewer__bare .viewer__mute-button, .coub-skin .fullscreen-feed-host:fullscreen .fullscreen-feed-viewer.-idle .viewer__fs-changer .button-prev-next:not(:hover) { opacity: 0; transition: opacity 0.1s linear; }

.coub-skin .fullscreen-feed-host .fs-slide-overlay { z-index: 1; will-change: transform; background: rgb(0, 0, 0); position: absolute; inset: 0px; }

.coub-skin .fullscreen-feed-host .fs-slide-overlay img { object-fit: contain; width: 100%; height: 100%; display: block; }

.coub-skin .fullscreen-feed-host .fs-slide-overlay.-next { animation: coub-fs-slide-next var(--fs-slide-ms,.35s) ease-out both; }

.coub-skin .fullscreen-feed-host .fs-slide-overlay.-prev { animation: coub-fs-slide-prev var(--fs-slide-ms,.35s) ease-out both; }

@keyframes coub-fs-slide-next { 
  0% { transform: translate(100%); }
  100% { transform: translate(0px); }
}

@keyframes coub-fs-slide-prev { 
  0% { transform: translate(-100%); }
  100% { transform: translate(0px); }
}

@media (prefers-reduced-motion: reduce) {
  .coub-skin .fullscreen-feed-host .fs-slide-overlay.-next, .coub-skin .fullscreen-feed-host .fs-slide-overlay.-prev { animation: auto ease 0s 1 normal none running none; }
}

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

.coub-skin .tag-page__body h1 { color: var(--coub-secondary); letter-spacing: -0.05em; overflow-wrap: anywhere; padding: 40px 0px; font-size: 80px; }

.coub-skin .tag-page__body .timeline-right-block { padding-bottom: 20px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .tag-page__body h1 { padding: 20px; font-size: 30px; }
}

.coub-skin .related-tags a { color: rgb(var(--coub-secondary-rgb) / .6); border-radius: var(--coub-radius-block); background-color: var(--coub-hover-primary); white-space: nowrap; padding: 6px 10px; font-size: 14px; line-height: 40px; }

.coub-skin .related-tags a:hover { background-color: var(--coub-1-primary); color: rgb(var(--coub-secondary-rgb) / .6); }

.coub-skin .related-tags__title { letter-spacing: -0.6px; margin-bottom: 15px; font-size: 20px; }

.coub-skin .timeline-right-block__delimeter { background-color: var(--coub-1-primary); width: 100%; height: 1px; margin: 18px 0px; }

.coub-skin .nothing-found { text-align: center; margin: 120px 0px; }

.coub-skin .nothing-found .h1 { font-size: 35px; line-height: 1.02857; font-family: var(--coub-font-bold); letter-spacing: -1px; font-weight: 700; }

.coub-skin .nothing-found p { margin-top: 8px; max-width: 520px; margin-inline: auto; font-size: 14px; }

.coub-skin .nothing-found .nothing-found__action { margin-top: 24px; }

.coub-skin .search-new-page__body { position: relative; }

.coub-skin .search-new-page__stub { text-align: center; }

.coub-skin .search-new-page__image { background: url("/coub/stubs/flower.png") 0px 0px / 232px 220px no-repeat; width: 232px; height: 220px; margin: 0px auto; }

.coub-skin .search-new-page__title { font-family: var(--coub-font-bold); letter-spacing: -0.04em; font-size: 30px; font-weight: 700; }

.coub-skin .search-new-page__desc { color: var(--coub-neutral); margin-top: 5px; font-size: 20px; line-height: 1.3; }

.coub-skin .tags-index__body h1 { color: var(--coub-secondary); letter-spacing: -0.0357em; padding: 40px 0px 10px; font-size: 56px; }

.coub-skin .tags-index__desc { color: var(--coub-neutral); margin-bottom: 24px; font-size: 16px; }

.coub-skin .tags-index__cloud { flex-wrap: wrap; align-items: baseline; gap: 8px 6px; padding-bottom: 40px; display: flex; }

.coub-skin .tags-index__tag { color: var(--coub-neutral); background-color: var(--coub-hover-primary); white-space: nowrap; border-radius: 8px; padding: 6px 12px; line-height: 1.2; }

.coub-skin .tags-index__tag:hover { background-color: var(--coub-1-primary); color: var(--coub-neutral); }

.coub-skin .tags-index__tag.-s1 { font-size: 13px; }

.coub-skin .tags-index__tag.-s2 { font-size: 16px; }

.coub-skin .tags-index__tag.-s3 { font-size: 20px; }

.coub-skin .tags-index__tag.-s4 { font-size: 26px; }

.coub-skin .tags-index__tag.-s5 { font-size: 34px; font-family: var(--coub-font-bold); font-weight: 700; }

.coub-skin .search__sort-selector { display: block; }

.coub-skin .search__sort-selector .dropdown--select .dropdown__content { width: max-content; min-width: 160px; }

.coub-skin .search-channels__pager { gap: 12px; display: flex; }

.coub-skin .search-channels__pager .channels-block__view-more { flex: 1 1 0%; }

.coub-skin .search-tags__cloud { margin-top: 10px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .tags-index__body h1 { padding: 20px; font-size: 30px; }
  .coub-skin .tags-index__desc, .coub-skin .tags-index__cloud, .coub-skin .nothing-found { padding-left: var(--coub-mobile-gutter); padding-right: var(--coub-mobile-gutter); }
  .coub-skin .search-channels, .coub-skin .search-tags__cloud, .coub-skin .search-new-page__stub { padding: 0px 20px; }
  .coub-skin .search-new-page__stub + .search-channels__pager { margin: 0px 20px; }
}

.coub-skin .music-page .music-page__header { justify-content: space-between; align-items: flex-start; gap: 20px; padding: 40px 0px 30px; display: flex; }

.coub-skin .music-page .music-page__heading { min-width: 0px; }

.coub-skin .music-page .music-page__title { letter-spacing: -0.03em; color: var(--coub-secondary); overflow-wrap: anywhere; margin: 0px; font-size: 48px; line-height: 1.1; }

.coub-skin .music-page .music-page__subtitle { color: var(--coub-neutral); margin-top: 8px; font-size: 16px; }

.coub-skin .music-page .music-page__subtitle a { color: inherit; }

.coub-skin .music-page .music-page__subtitle a:hover { color: var(--coub-secondary); text-decoration: underline; }

.coub-skin .music-page .music-page__actions { flex-shrink: 0; align-items: center; gap: 8px; padding-top: 10px; display: flex; }

.coub-skin .music-page .music-page__actions .sb { border-radius: var(--coub-radius-block); background-color: var(--coub-primary); width: 40px; height: 40px; box-shadow: 0 0 0 1px var(--coub-1-primary); color: var(--coub-secondary); justify-content: center; align-items: center; padding: 0px; display: inline-flex; }

.coub-skin .music-page .music-page__actions .sb:hover { background-color: var(--coub-hover-primary); }

.coub-skin .music-page .music-page__actions .sb svg { width: 20px; height: 20px; }

.coub-skin .music-page .music-page__actions .sb svg path { fill: currentcolor; }

.coub-skin .music-page .music-page__actions .page-share-dropdown .dropdown__handler .sb span { display: none; }

.coub-skin .music-page .copy-text-button__status { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; width: 1px; height: 1px; position: absolute; overflow: hidden; }

.coub-skin .music-page .music-tracks__title { letter-spacing: -0.6px; color: var(--coub-secondary); margin-bottom: 15px; font-size: 20px; }

.coub-skin .music-page .music-tracks__title a { color: inherit; }

.coub-skin .music-page .music-tracks__title a:hover { text-decoration: underline; }

.coub-skin .music-page .music-tracks__list { margin: 0px; padding: 0px; list-style: none; }

.coub-skin .music-page .music-tracks__item { color: var(--coub-secondary); align-items: center; gap: 12px; padding: 6px 0px; text-decoration: none; display: flex; }

.coub-skin .music-page .music-tracks__item:hover .music-tracks__name { text-decoration: underline; }

.coub-skin .music-page .music-tracks__thumb { background-color: var(--coub-hover-primary); width: 40px; height: 40px; color: var(--coub-neutral); border-radius: 8px; flex: 0 0 40px; justify-content: center; align-items: center; font-size: 18px; display: flex; overflow: hidden; }

.coub-skin .music-page .music-tracks__thumb img { object-fit: cover; width: 100%; height: 100%; display: block; }

.coub-skin .music-page .music-tracks__info { flex-direction: column; min-width: 0px; display: flex; }

.coub-skin .music-page .music-tracks__name { font-family: var(--coub-font-bold); white-space: nowrap; text-overflow: ellipsis; font-size: 14px; font-weight: 700; line-height: 1.3; overflow: hidden; }

.coub-skin .music-page .music-tracks__meta { color: var(--coub-neutral); white-space: nowrap; text-overflow: ellipsis; font-size: 12px; line-height: 1.3; overflow: hidden; }

.coub-skin .music-page .music-tracks__list--grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px 30px; display: grid; }

.coub-skin .music-page .music-tracks__list--grid .music-tracks__item { gap: 15px; padding: 0px; }

.coub-skin .music-page .music-tracks__list--grid .music-tracks__thumb { flex-basis: 50px; width: 50px; height: 50px; }

.coub-skin .music-page .music-tracks__list--grid .music-tracks__name { font-size: 16px; line-height: 22px; }

.coub-skin .music-page .music-tracks__list--grid .music-tracks__meta { font-size: 14px; line-height: 20px; }

.coub-skin .music-page .music-tracks__more { margin-top: 15px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .music-page .music-page__header { padding: 20px var(--coub-mobile-gutter); }
  .coub-skin .music-page .music-page__title { font-size: 30px; }
  .coub-skin .music-page .music-page__subtitle { font-size: 14px; }
  .coub-skin .music-page .music-tracks__list--grid { padding: 0 var(--coub-mobile-gutter); grid-template-columns: minmax(0px, 1fr); }
}

.coub-skin .auth-img--dark, .coub-skin[data-coub-theme="dark"] .auth-img--light { display: none; }

.coub-skin[data-coub-theme="dark"] .auth-img--dark { display: inline-block; }

.coub-skin[data-coub-theme="dark"] .auth-main svg g, .coub-skin[data-coub-theme="dark"] .auth-main svg path { fill: var(--coub-secondary); }

.coub-skin[data-coub-theme="dark"] .auth-main .auth-btn[data-provider="google"]:hover svg g, .coub-skin[data-coub-theme="dark"] .auth-main .auth-btn[data-provider="google"]:focus-visible svg g, .coub-skin[data-coub-theme="dark"] .auth-main .auth-btn[data-provider="google"]:hover svg path, .coub-skin[data-coub-theme="dark"] .auth-main .auth-btn[data-provider="google"]:focus-visible svg path { fill: rgb(247, 89, 76); }

.coub-skin[data-coub-theme="dark"] .auth-main .auth-btn[data-provider="vkontakte"]:hover svg path, .coub-skin[data-coub-theme="dark"] .auth-main .auth-btn[data-provider="vkontakte"]:focus-visible svg path { fill: rgb(51, 117, 246); }

.coub-skin[data-coub-theme="dark"] .auth-main .auth-btn[data-provider="telegram"]:hover svg path, .coub-skin[data-coub-theme="dark"] .auth-main .auth-btn[data-provider="telegram"]:focus-visible svg path { fill: rgb(80, 139, 210); }

.coub-skin .auth-btn { font-family: var(--coub-font-bold); letter-spacing: -0.04em; text-align: center; cursor: pointer; width: 100%; height: 50px; color: var(--coub-on-blue); background-color: var(--coub-blue-cta); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 15px; outline: none; justify-content: center; align-items: center; gap: 10px; margin: 0px; padding: 0px 15px; font-size: 14px; font-weight: 700; display: flex; position: relative; }

.coub-skin .auth-btn:hover { color: var(--coub-on-blue); background-color: var(--coub-hover-blue); }

.coub-skin .auth-btn:focus-visible { outline: 2px solid var(--coub-secondary); outline-offset: 2px; }

.coub-skin .auth-btn.-secondary { color: var(--coub-secondary); background-color: var(--coub-hover-primary); }

.coub-skin .auth-btn.-secondary:hover { color: var(--coub-secondary); background-color: var(--coub-1-primary); }

.coub-skin .auth-btn.-alert { color: var(--coub-on-blue); background-color: var(--coub-alert); }

.coub-skin .auth-btn.-alert:hover { color: var(--coub-on-blue); background-color: var(--coub-hover-alert); }

.coub-skin .auth-btn[disabled] { cursor: not-allowed; }

.coub-skin .auth-input { appearance: none; border: 2px solid var(--coub-border); font-family: var(--coub-font-normal); background-color: var(--coub-primary); width: 100%; height: 62px; color: var(--coub-secondary); border-radius: 15px; outline: none; padding: 0px 15px; font-size: 16px; font-weight: 400; line-height: 62px; }

.coub-skin .auth-input:hover, .coub-skin .auth-input:focus { border-color: var(--coub-blue); }

.coub-skin .auth-input:focus { background-color: var(--coub-hover-primary); }

.coub-skin .auth-input.-alert { border-color: var(--coub-alert); }

.coub-skin .auth-text-btn { font-family: var(--coub-font-bold); letter-spacing: -0.04em; color: var(--coub-blue); cursor: pointer; background: 0px 0px; border: 0px; padding: 0px; font-size: 14px; font-weight: 700; }

.coub-skin .auth-text-btn:hover { color: var(--coub-hover-blue); }

.coub-skin .auth-text-btn.-secondary { color: var(--coub-neutral); }

.coub-skin .auth-text-btn.-secondary:hover { color: var(--coub-blue); }

.coub-skin .auth-page__flow { z-index: 1; justify-content: center; width: 40%; padding: 50px 80px; display: flex; position: relative; }

.coub-skin .auth-page__inner { width: 400px; }

.coub-skin .auth-page__logo { display: inline-block; }

.coub-skin .auth-page__flow-container { position: relative; }

.coub-skin .auth-page__flow-container.-loading { opacity: 0.8; pointer-events: none; }

.coub-skin .auth-page__error-badge { pointer-events: none; margin-top: -70px; position: absolute; }

.coub-skin .auth-page__footer { color: var(--coub-neutral); margin-top: 40px; }

.coub-skin .auth-page__agreement { font-size: 12px; line-height: 16px; }

.coub-skin .auth-page__agreement a { color: var(--coub-blue); }

.coub-skin .auth-page__agreement a:hover { color: var(--coub-hover-blue); text-decoration: underline; }

.coub-skin .auth-page__terms { margin-top: 20px; font-size: 14px; line-height: 19px; }

.coub-skin .auth-page__static { justify-content: center; align-items: center; width: 60%; height: 100vh; display: flex; position: fixed; top: 0px; right: 0px; }

.coub-skin .auth-page__static .auth-alive { width: 672px; height: 625px; }

.coub-skin .auth-alive { --aa-ff: #fff; --aa-fl: #f7f7f7; --aa-ink: #000; --aa-ink-sh: #000; --aa-star-sh: #f7f7f7; --aa-drops: #54c5ea; --aa-puff: #fff; --aa-puff-line: #000; }

.coub-skin .auth-alive .auth-alive__svg { cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; width: 100%; height: 100%; display: block; overflow: visible; }

.coub-skin[data-coub-theme="dark"] .auth-alive { --aa-ff: #18181a; --aa-fl: #000; --aa-ink: #fff; --aa-ink-sh: #fff; --aa-drops: #fff; }

.coub-skin .auth-main { margin-top: 40px; }

.coub-skin .auth-main__inline-buttons { gap: 10px; margin-top: 10px; display: flex; }

.coub-skin .auth-main__telegram-btn svg path { fill: rgb(80, 139, 210); }

.coub-skin .auth-main__telegram-btn[disabled] { opacity: 0.6; cursor: not-allowed; }

.coub-skin .auth-main__hint { color: var(--coub-neutral); margin-top: 10px; font-size: 12px; line-height: 16px; }

.coub-skin .auth-main__or { width: 100%; margin: 30px 0px; position: relative; }

.coub-skin .auth-main__or > div { color: var(--coub-neutral); background-color: var(--coub-primary); width: fit-content; margin: 0px auto; padding: 0px 30px; position: relative; }

.coub-skin .auth-main__or::before { content: ""; background-color: var(--coub-1-primary); width: 100%; height: 1px; position: absolute; top: 50%; left: 0px; }

.coub-skin .auth-main__phone-btn { margin: 25px auto 0px; font-size: 14px; display: block; }

.coub-skin .auth-form__label { font-size: 16px; }

.coub-skin .auth-form__spacer { height: 10px; }

.coub-skin .auth-form__password-topline { justify-content: space-between; align-items: center; display: flex; }

.coub-skin .auth-form__reset-btn { font-family: var(--coub-font-normal); letter-spacing: normal; font-size: 16px; font-weight: 400; }

.coub-skin .auth-form__password { position: relative; }

.coub-skin .auth-form__eye { opacity: 0.6; cursor: pointer; background: 0px 0px; border: 0px; padding: 0px; display: flex; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }

.coub-skin .auth-form__eye svg path { fill: var(--coub-secondary); }

.coub-skin .auth-form__eye:hover { opacity: 1; }

.coub-skin .auth-form__error { color: var(--coub-alert); margin-top: 10px; font-size: 14px; }

.coub-skin .auth-form__submit { margin-top: 20px; }

.coub-skin .auth-modal { z-index: var(--coub-z-modal); background-color: rgba(0, 0, 0, 0.6); flex-direction: column; justify-content: center; align-items: center; display: flex; position: fixed; inset: 0px; }

.coub-skin .auth-modal__inner { background-color: var(--coub-primary); border-radius: 20px; flex-direction: column; min-width: 360px; min-height: 100px; padding: 30px; display: flex; position: relative; }

.coub-skin[data-coub-theme="dark"] .auth-modal__inner { background-color: rgb(22, 22, 25); }

.coub-skin .auth-modal__close { background: var(--coub-1-primary); z-index: 1; cursor: pointer; border: 0px; border-radius: 8px; justify-content: center; align-items: center; width: 30px; height: 30px; padding: 0px; display: flex; position: absolute; top: 12px; right: 12px; }

.coub-skin .auth-modal__close svg path { fill: var(--coub-secondary); }

.coub-skin .auth-phone-modal { width: 400px; padding-top: 180px; }

.coub-skin .auth-phone-modal__image { width: 400px; height: 292px; position: absolute; top: 0px; }

.coub-skin .auth-phone-modal__inner { text-align: center; position: relative; }

.coub-skin .auth-phone-modal__title { font-family: var(--coub-font-bold); letter-spacing: -0.04em; margin-bottom: 10px; font-size: 28px; font-weight: 700; }

.coub-skin .auth-phone-modal__body { color: var(--coub-neutral); margin-bottom: 20px; padding: 0px 30px; line-height: 1.4; }

.coub-skin .auth-phone-modal__body a { color: var(--coub-blue); }

.coub-skin .auth-phone-modal__body a:hover { color: var(--coub-blue); text-decoration: underline; }

.coub-skin .auth-reset-modal { text-align: center; width: 400px; }

.coub-skin .auth-reset-modal .auth-phone-modal__body { padding: 0px 10px; }

.coub-skin .auth-reset-modal .auth-input { margin-bottom: 10px; }

.coub-skin .auth-reset-modal .auth-form__error { text-align: left; margin-bottom: 10px; }

.coub-skin .auth-page__mobile-title { display: none; }

@media only screen and (max-width: 767px) {
  .coub-skin .auth-page__flow { width: 100%; padding: 20px; }
  .coub-skin .auth-page__inner { max-width: 100%; }
  .coub-skin .auth-page__logo { display: none; }
  .coub-skin .auth-page__mobile-title { display: block; }
  .coub-skin .auth-page__mobile-title > div:first-child { font-family: var(--coub-font-bold); letter-spacing: -0.04em; font-size: 32px; font-weight: 700; }
  .coub-skin .auth-page__mobile-title > div:last-child { color: var(--coub-neutral); margin-top: 10px; font-size: 14px; }
  .coub-skin .auth-page__static { display: none; }
  .coub-skin .auth-modal__inner { box-sizing: border-box; width: calc(100% - 20px); min-width: 0px; max-width: 420px; }
  .coub-skin .auth-phone-modal, .coub-skin .auth-reset-modal { width: 100%; }
  .coub-skin .auth-phone-modal__image { width: 100%; max-width: 400px; margin: 0px auto; left: 0px; right: 0px; }
}

@media only screen and (min-width: 768px) and (max-width: 1399px) {
  .coub-skin .auth-page__flow { width: 50%; padding: 50px 40px; }
  .coub-skin .auth-page__inner { max-width: 100%; }
  .coub-skin .auth-page__static { width: 50%; }
  .coub-skin .auth-page__static .auth-alive { aspect-ratio: 672 / 625; max-width: 100%; height: auto; }
}

.coub-skin:has(.cobb-page) .body-container { height: initial; overflow-x: clip; }

.coub-skin .page-container:has(.cobb-page) { box-sizing: border-box; width: 100%; }

@media only screen and (min-width: 1024px) {
  .coub-skin .cobb-page .page__content { width: 970px; }
}

.coub-skin .cobb-page .coub-block-col { padding-bottom: 23px; }

.coub-skin .cobb-page .coub { justify-content: space-between; display: flex; }

.coub-skin .cobb-page .coub__inner { flex-shrink: 0; width: 640px; padding-bottom: 0px !important; }

.coub-skin .cobb-page .coub__info { flex-shrink: 0; width: 310px; margin-left: 20px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .cobb-page .coub__info { display: none; }
  .coub-skin .cobb-page .coub__inner { width: 100%; margin: 0px auto; }
}

.coub-skin .cobb-page .coub--page-card .coub__viewer { background-color: rgba(0, 0, 0, 0); }

.coub-skin .cobb-page .coub--page-card .coub__viewer::before { display: none; }

.coub-skin .cobb-page .coub--page-card .viewer { border-radius: var(--coub-radius-card); width: var(--viewer-w); height: var(--viewer-h); margin: 0px auto; position: relative; overflow: hidden; }

.coub-skin .cobb-page .coub--page-card .viewer.-render-processing { background: rgb(0, 0, 0); }

.coub-skin .cobb-page .coub--page-card .viewer.-render-processing .viewer__processing-poster { object-fit: cover; opacity: 0.6; width: 100%; height: 100%; position: absolute; inset: 0px; }

.coub-skin .cobb-page .coub--page-card .viewer.-coub-banned .viewer__processing-poster { opacity: 1; }

.coub-skin .cobb-page .coub--page-card .viewer.-coub-banned-review .viewer__review-video { object-fit: contain; width: 100%; height: 100%; position: absolute; inset: 0px; }

.coub-skin .cobb-page .coub--page-card .coub-ban-notice { border: 1px solid var(--coub-appearing-secondary); border-radius: var(--coub-radius-card); margin-bottom: 16px; padding: 16px 20px; }

.coub-skin .cobb-page .coub--page-card .coub-ban-notice__badge { background: var(--coub-alert); color: rgb(255, 255, 255); font-family: var(--coub-font-bold); letter-spacing: 0.06em; text-transform: uppercase; border-radius: 999px; justify-content: center; align-items: center; padding: 4px 12px; font-size: 11px; font-weight: 700; line-height: 14px; display: inline-flex; }

.coub-skin .cobb-page .coub--page-card .coub-ban-notice__title { font-family: var(--coub-font-bold); letter-spacing: -0.04em; color: var(--coub-secondary); margin-top: 10px; font-size: 20px; font-weight: 700; line-height: 26px; }

.coub-skin .cobb-page .coub--page-card .coub-ban-notice__reason { color: var(--coub-blue); margin-top: 6px; font-size: 15px; line-height: 20px; }

.coub-skin .cobb-page .coub--page-card .coub-ban-notice__appeal { color: var(--coub-half-secondary); margin-top: 10px; font-size: 12px; line-height: 17px; }

.coub-skin .cobb-page .coub--page-card .coub-ban-notice__review { color: var(--coub-secondary); margin-top: 10px; font-size: 12px; line-height: 17px; }

.coub-skin .cobb-page .coub--page-card .coub-ban-notice__reason a, .coub-skin .cobb-page .coub--page-card .coub-ban-notice__appeal a { color: var(--coub-blue); text-decoration: underline; }

.coub-skin .cobb-page .coub--page-card .coub-ban-notice__action { margin-top: 14px; }

.coub-skin .cobb-page .coub--page-card .coub-ban-notice__action button { background: var(--coub-blue-cta); color: rgb(255, 255, 255); height: 34px; font-family: var(--coub-font-bold); border-radius: 5px; justify-content: center; align-items: center; padding: 0px 18px; font-size: 13px; font-weight: 700; line-height: 34px; display: inline-flex; }

.coub-skin .cobb-page .coub--page-card .coub-ban-notice__action button:hover { background: var(--coub-hover-blue); }

.coub-skin .cobb-page .coub--page-card .coub-ban-notice__action button:disabled { background: var(--coub-appearing-secondary); color: var(--coub-half-secondary); cursor: default; }

.coub-skin .cobb-page .coub--page-card .description__title { max-height: none; display: block; }

.coub-skin .cobb-page .coub--page-card .description__title.-draft { white-space: normal; text-overflow: clip; overflow: visible; }

.coub-skin .cobb-page .coub--page-card .coub-description__about { margin-top: 10px; }

.coub-skin .cobb-page .coub--page-card .coub-description__buttons { margin-bottom: 30px; }

.coub-skin .cobb-page #coub-comments-root { border-top: 1px solid var(--coub-border); padding-top: 15px; line-height: 1.05; }

.coub-skin .cobb-page .coub-comments__count { font-family: var(--coub-font-bold); letter-spacing: -0.04em; align-items: flex-end; gap: 10px; margin-bottom: 20px; font-size: 20px; font-weight: 700; display: flex; }

.coub-skin .cobb-page .coub-comments__input { background-color: var(--coub-hover-primary); border-radius: 15px; width: 100%; margin-bottom: 20px; padding: 18px 15px; }

.coub-skin .cobb-page .coub-comments__input .coub-comments__textarea { resize: none; width: 100%; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; color: var(--coub-secondary); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-size: 14px; line-height: 20px; display: block; }

.coub-skin .cobb-page .coub-comments__input .coub-comments__textarea::placeholder { color: var(--coub-neutral); }

.coub-skin .cobb-page .coub-comments__login-stub { align-items: center; gap: 20px; margin-bottom: 20px; display: flex; }

.coub-skin .cobb-page .coub-comments__login-stub .coub-comments__signin { height: 40px; color: var(--coub-on-blue); background-color: var(--coub-blue-cta); border-radius: 10px; justify-content: center; align-items: center; padding: 0px 30px; font-size: 14px; display: inline-flex; }

.coub-skin .cobb-page .coub-comments__login-stub .coub-comments__signin:hover { color: var(--coub-on-blue); background-color: var(--coub-hover-blue); }

.coub-skin .cobb-page .coub-comments__login-stub .coub-comments__signin-desc { color: var(--coub-neutral); font-size: 14px; }

.coub-skin .cobb-page .coub-comments__empty { flex-direction: column; align-items: center; margin-top: 30px; display: flex; }

.coub-skin .cobb-page .coub-comments__empty svg { display: block; }

.coub-skin .cobb-page .coub-comments__empty-desc { text-align: center; width: 100%; margin-top: 15px; }

.coub-skin .cobb-page .coub-comments__empty-title { font-family: var(--coub-font-bold); letter-spacing: -0.04em; font-size: 20px; font-weight: 700; line-height: 26px; }

.coub-skin .cobb-page .coub-comments__empty-text { margin-top: 5px; font-size: 16px; line-height: 23px; }

.coub-skin .cobb-page .channel--box-card { margin-bottom: 15px; }

.coub-skin .cobb-page .suggests-block-col { width: 310px; margin-top: 60px; position: relative; }

.coub-skin .cobb-page .suggests-block__title { font-family: var(--coub-font-normal); letter-spacing: -0.6px; padding-bottom: 10px; font-size: 24px; font-weight: 400; }

.coub-skin .cobb-page .suggest__list { grid-template-columns: repeat(2, 150px); justify-content: center; gap: 18px 10px; margin: 0px auto; display: grid; }

.coub-skin .cobb-page .suggest__item { border-radius: 6px; width: 150px; position: relative; }

.coub-skin .cobb-page .suggest__item:hover .suggest__item__image-box { box-shadow: var(--coub-shadow-ring); }

.coub-skin .cobb-page .suggest__item:hover .suggest__item-stamp > .hbold { color: var(--coub-blue); }

.coub-skin .cobb-page .suggest__item__image-box { z-index: 0; background-color: rgb(var(--coub-secondary-rgb) / .02); border-radius: 6px; display: block; position: relative; overflow: hidden; }

.coub-skin .cobb-page .suggest__item__image-box .suggest__item__image-box__inner { padding-top: 56.25%; }

.coub-skin .cobb-page .suggest__item__image-box .img-placeholder { object-fit: cover; width: 100%; height: 100%; display: block; }

.coub-skin .cobb-page .suggest__item-stamp { white-space: normal; overflow-wrap: break-word; padding: 7px 0px 8px; line-height: 1.3; }

.coub-skin .cobb-page .suggest__item-stamp > .hbold { text-overflow: ellipsis; font-size: 16px; line-height: 1.3; overflow: hidden; }

.coub-skin .cobb-page .suggest__item-stamp > .hbold.-crop { -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.6em; display: -webkit-box; }

.coub-skin .cobb-page .suggest__item-stamp .suggest__desc { color: var(--coub-neutral); margin: 3px 0px 0px; font-size: 12px; }

@media only screen and (min-width: 1520px) {
  .coub-skin:not([data-coub-menu="folded"]) .cobb-page .page__content { width: 1280px; }
  .coub-skin:not([data-coub-menu="folded"]) .cobb-page .coub__inner { width: 960px; }
  .coub-skin:not([data-coub-menu="folded"]) .cobb-page .coub--page-card .viewer { width: var(--viewer-w-hd); height: var(--viewer-h-hd); }
}

@media only screen and (min-width: 1280px) {
  .coub-skin[data-coub-menu="folded"] .cobb-page .page__content { width: 1280px; }
  .coub-skin[data-coub-menu="folded"] .cobb-page .coub__inner { width: 960px; }
  .coub-skin[data-coub-menu="folded"] .cobb-page .coub--page-card .viewer { width: var(--viewer-w-hd); height: var(--viewer-h-hd); }
}

.coub-skin .coub__parents-list { border-top: 1px solid var(--coub-border); flex-direction: column; gap: 10px; margin-bottom: 30px; padding-top: 15px; display: flex; }

.coub-skin .coub__parents-list__title { font-family: var(--coub-font-bold); letter-spacing: -0.04em; margin-bottom: 20px; font-size: 24px; font-weight: 700; }

.coub-skin .coub__parents-list__item { background: var(--coub-1-primary); border-radius: 20px; align-items: center; padding: 20px; display: flex; }

.coub-skin .coub__parents-list__item > * { flex-shrink: 0; }

.coub-skin .coub__parents-list__info { flex-shrink: 1; min-width: 0px; margin-left: 20px; margin-right: auto; }

.coub-skin .coub__parents-list__image { background: var(--coub-hover-primary); border-radius: 6px; width: 96px; height: 72px; overflow: hidden; }

.coub-skin .coub__parents-list__image img { object-fit: cover; width: 100%; height: 100%; }

.coub-skin .coub__parents-list__image.-music { color: var(--coub-neutral); justify-content: center; align-items: center; font-size: 32px; line-height: 1; display: flex; }

.coub-skin .coub__parents-list__source { color: var(--coub-neutral); font-size: 14px; }

.coub-skin .coub__parents-list__item-title { font-family: var(--coub-font-bold); letter-spacing: -0.04em; white-space: nowrap; text-overflow: ellipsis; width: fit-content; max-width: 100%; font-size: 18px; font-weight: 700; display: block; overflow: hidden; }

.coub-skin .coub__parents-list__timeline-button { background: var(--coub-2-primary); border-radius: 8px; height: 25px; margin-top: 10px; padding: 0px 20px; font-size: 14px; line-height: 25px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .coub__parents-list__timeline-button { padding: 0px 10px; }
}

.coub-skin .remixes-feed-page .remixes-feed__header { justify-content: space-between; align-items: center; padding-top: 60px; display: flex; }

.coub-skin .remixes-feed-page .remixes-feed__stamp { color: var(--coub-neutral); font-size: 16px; }

.coub-skin .remixes-feed-page .remixes-feed__stamp-label { text-transform: uppercase; color: var(--coub-secondary); }

.coub-skin .remixes-feed-page .remixes-feed__stamp-delimiter { margin: 0px 8px; }

.coub-skin .remixes-feed-page .page-share-dropdown .dropdown__handler .sb { align-items: center; gap: 8px; font-size: 14px; display: flex; }

.coub-skin .remixes-feed-page .remixes-feed__title { word-break: break-word; color: var(--coub-secondary); margin: 15px 0px; font-size: 44px; line-height: 1.15; }

.coub-skin .remixes-feed-page .remixes-feed__hero { justify-content: space-between; align-items: flex-start; margin-top: 40px; display: flex; }

.coub-skin .remixes-feed-page .remixes-feed__hero > * { flex-shrink: 0; }

.coub-skin .remixes-feed-page .remixes-feed__cover { width: 640px; }

.coub-skin .remixes-feed-page .remixes-feed__cover .coub--timeline { padding-bottom: 0px; }

.coub-skin .remixes-feed-page .remixes-feed__hero-side { width: 310px; }

.coub-skin .remixes-feed-page .remixes-feed__description { color: var(--coub-secondary); margin-top: 20px; font-size: 14px; line-height: 1.4; }

.coub-skin .remixes-feed-page .remixes-feed__description a { color: var(--coub-blue); }

.coub-skin .remixes-feed-page .remixes-feed__description a:hover { text-decoration: underline; }

.coub-skin .remixes-feed-page .remixes-feed__subtitle { color: var(--coub-secondary); margin: 50px 0px 10px; font-size: 30px; }

.coub-skin .remixes-feed-page .remixes-feed__menu { margin: 0px 0px 16px; }

.coub-skin .remixes-feed-page .remixes-feed__body { align-items: flex-start; gap: 20px; display: flex; }

.coub-skin .remixes-feed-page .remixes-feed__timeline { flex: 1 1 0%; min-width: 0px; }

.coub-skin .remixes-feed-page .remixes-feed__empty { text-align: center; color: var(--coub-neutral); padding: 40px 0px; font-size: 14px; }

.coub-skin .remixes-feed-page .remixes-feed__participants { flex-shrink: 0; width: 310px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .remixes-feed-page .remixes-feed__header { padding-top: 20px; }
  .coub-skin .remixes-feed-page .remixes-feed__title { font-size: 28px; }
  .coub-skin .remixes-feed-page .remixes-feed__hero, .coub-skin .remixes-feed-page .remixes-feed__body { flex-direction: column; }
  .coub-skin .remixes-feed-page .remixes-feed__cover, .coub-skin .remixes-feed-page .remixes-feed__hero-side, .coub-skin .remixes-feed-page .remixes-feed__participants { width: 100%; }
}

@media only screen and (max-width: 639px) {
  .coub-skin .remixes-feed-page .page-share-dropdown .dropdown__handler .sb span { display: none; }
}

@keyframes coub-spinner-container-animation { 
  100% { transform: rotate(720deg); }
}

@keyframes coub-spinner-rotator-animation { 
  12.5% { transform: rotate(225deg); }
  25% { transform: rotate(450deg); }
  37.5% { transform: rotate(675deg); }
  50% { transform: rotate(900deg); }
  62.5% { transform: rotate(1125deg); }
  75% { transform: rotate(1350deg); }
  87.5% { transform: rotate(1575deg); }
  100% { transform: rotate(1800deg); }
}

@keyframes coub-suggest-loading-animation { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes coub-spinner-left-animation { 
  0% { transform: rotate(120deg); }
  50% { transform: rotate(-30deg); }
  100% { transform: rotate(120deg); }
}

@keyframes coub-spinner-right-animation { 
  0% { transform: rotate(-120deg); }
  50% { transform: rotate(30deg); }
  100% { transform: rotate(-120deg); }
}

.coub-skin { --viewer-edge: 11px; --viewer-edge-top: 10px; --viewer-edge-bottom: 9px; --viewer-btn: 36px; --viewer-btn-tr: 32px; --viewer-gap: 5px; }

.coub-skin .-no-select { user-select: none; }

.coub-skin .viewer.viewer--v2 { color: rgb(255, 255, 255); outline: none; line-height: 0; }

.coub-skin .viewer.viewer--v2 .viewer__controls__container { position: absolute; inset: 0px; overflow: hidden; }

.coub-skin .viewer.viewer--v2 .viewer__controls__container::before { content: ""; opacity: 0; pointer-events: none; background: linear-gradient(rgba(255, 255, 255, 0) 30%, rgba(22, 22, 22, 0.3) 100%); width: 100%; height: 60px; transition: opacity 0.1s linear; position: absolute; bottom: 0px; left: 0px; }

:is(.coub-skin .viewer.viewer--v2.-visible-controls.-ui-state-playing, .coub-skin .viewer.viewer--v2.-visible-controls.-ui-state-loading, .coub-skin .viewer.viewer--v2.-visible-controls.-ui-state-suspended, .coub-skin .viewer.viewer--v2.-visible-controls.-ui-state-autoplay_muted) .viewer__controls__container::before { opacity: 1; }

.coub-skin .viewer.viewer--v2 .viewer__controls { font-size: 0px; }

.coub-skin .viewer.viewer--v2 .viewer__controls > *, .coub-skin .viewer.viewer--v2 .viewer__coubs-changer > * { opacity: 0; transition: opacity 0.1s linear; }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer > :hover { opacity: 1; }

.coub-skin .viewer.viewer--v2 .viewer__click { cursor: none; }

.coub-skin .viewer.viewer--v2 .viewer__sound { opacity: 1; z-index: 1; position: relative; }

.coub-skin .viewer.viewer--v2 .viewer__sound.-has-sound { opacity: 0; }

.coub-skin .viewer.viewer--v2 .viewer__sound.-has-sound > i:first-of-type { display: none !important; }

.coub-skin .viewer.viewer--v2 .viewer__sound.-has-sound > i:last-of-type { display: block !important; }

:is(.coub-skin .viewer.viewer--v2.-visible-controls, .coub-skin .viewer.viewer--v2.-ui-state-suggests) .viewer__controls > *, :is(.coub-skin .viewer.viewer--v2.-visible-controls, .coub-skin .viewer.viewer--v2.-ui-state-suggests) .viewer__sound { opacity: 1; }

:is(.coub-skin .viewer.viewer--v2.-visible-controls, .coub-skin .viewer.viewer--v2.-ui-state-suggests) .viewer__click { cursor: pointer; }

:is(.coub-skin .viewer.viewer--v2.-visible-controls, .coub-skin .viewer.viewer--v2.-ui-state-suggests) .viewer__floating-controls.-no-sharing { left: calc(var(--viewer-edge) + var(--viewer-btn) + var(--viewer-gap)); }

:is(.coub-skin .viewer.viewer--v2.-visible-controls, .coub-skin .viewer.viewer--v2.-ui-state-suggests).-fullscreen .viewer__floating-controls.-no-sharing { left: calc((var(--viewer-edge) + var(--viewer-btn) + var(--viewer-gap)) * 2); }

:is(.coub-skin .viewer.viewer--v2.-visible-controls, .coub-skin .viewer.viewer--v2.-ui-state-suggests).-fullscreen.-has-social .viewer__floating-controls.-no-sharing { left: calc((var(--viewer-edge) + var(--viewer-btn) * 3 + var(--viewer-gap)) * 2); }

.coub-skin .viewer.viewer--v2.-visible-controls .viewer__coubs-changer > * { opacity: 1; }

.coub-skin .viewer.viewer--v2.-visible-controls.-ui-state-autoplay_muted.-fullscreen.-has-social .viewer__mute > span { left: calc((var(--viewer-edge) + var(--viewer-btn) * 3 + var(--viewer-gap)) * 2); }

.coub-skin .viewer.viewer--v2.-visible-controls.-ui-state-autoplay_muted .viewer__mute > span { left: calc(var(--viewer-edge) + var(--viewer-btn) + var(--viewer-gap)); }

.coub-skin .viewer.viewer--v2.-visible-controls.-ui-state-autoplay_muted.-fullscreen .viewer__mute > span { left: calc((var(--viewer-edge) + var(--viewer-btn) + var(--viewer-gap)) * 2); }

.coub-skin .viewer.viewer--v2 .viewer__spinner { filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 0px 2px); pointer-events: none; width: 44px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.coub-skin .viewer.viewer--v2 .viewer__spinner .viewer__spinner-container { width: 100%; margin-top: -50%; margin-left: -50%; padding-bottom: 100%; animation: 3s linear 0s infinite normal none running coub-spinner-container-animation; position: absolute; top: 50%; left: 50%; }

.coub-skin .viewer.viewer--v2 .viewer__spinner .viewer__spinner-rotator { width: 100%; height: 100%; animation: 6s cubic-bezier(1, 0.8, 0.2, 0) 0s infinite normal both running coub-spinner-rotator-animation; position: absolute; top: 0px; left: 0px; }

.coub-skin .viewer.viewer--v2 .viewer__spinner .viewer__spinner-left { position: absolute; inset: 0px 49% 0px 0px; overflow: hidden; }

.coub-skin .viewer.viewer--v2 .viewer__spinner .viewer__spinner-left .viewer__spinner-circle { border-right-color: rgba(0, 0, 0, 0); animation: 1.5s cubic-bezier(1, 0.8, 0.2, 0) 0s infinite normal both running coub-spinner-left-animation; left: 0px; right: -100%; }

.coub-skin .viewer.viewer--v2 .viewer__spinner .viewer__spinner-right { position: absolute; inset: 0px 0px 0px 49%; overflow: hidden; }

.coub-skin .viewer.viewer--v2 .viewer__spinner .viewer__spinner-right .viewer__spinner-circle { border-left-color: rgba(0, 0, 0, 0); animation: 1.5s cubic-bezier(1, 0.8, 0.2, 0) 0s infinite normal both running coub-spinner-right-animation; left: -100%; right: 0px; }

.coub-skin .viewer.viewer--v2 .viewer__spinner .viewer__spinner-circle { box-sizing: border-box; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgba(0, 0, 0, 0); border-image: none; border-radius: 50%; width: 200%; height: 100%; position: absolute; top: 0px; }

.coub-skin .viewer.viewer--v2 .viewer__mute { color: rgb(255, 255, 255); cursor: pointer; pointer-events: none; }

.coub-skin .viewer.viewer--v2 .viewer__mute > span { pointer-events: auto; border-radius: calc(var(--viewer-btn) / 2); height: var(--viewer-btn); left: var(--viewer-edge); bottom: var(--viewer-edge-bottom); background: rgba(0, 0, 0, 0.6); align-items: center; padding: 0px 10px; font-size: 14px; line-height: 14px; transition: left 0.1s; display: flex; position: absolute; }

.coub-skin .viewer.viewer--v2 .viewer__mute > span > i { margin-right: 10px; transition: margin-right 0.1s 0.1s; }

.coub-skin .viewer.viewer--v2 .viewer__mute > span > i svg { display: block; }

.coub-skin .viewer.viewer--v2 .viewer__mute > span > i svg path { fill: rgb(255, 255, 255); }

.coub-skin .viewer.viewer--v2 .viewer__mute > span > p { white-space: nowrap; width: 100%; margin: 0px; transition: width 0.1s; overflow: hidden; }

.coub-skin .viewer.viewer--v2 .viewer__mute.-hide > span > p { width: 0px; }

.coub-skin .viewer.viewer--v2 .viewer__mute.-hide > span > i { margin-right: 0px; }

.coub-skin .viewer.viewer--v2 .viewer__settings-handler::before { content: ""; background: rgb(0, 0, 0); border-radius: 50%; position: absolute; inset: 0px; }

.coub-skin .viewer.viewer--v2 .viewer__controls__right-top { top: var(--viewer-edge-top); right: var(--viewer-edge); z-index: 3; flex-direction: row; gap: 4px; display: flex; position: absolute; }

.coub-skin .viewer.viewer--v2 .viewer__controls__right-top .viewer__favourites, .coub-skin .viewer.viewer--v2 .viewer__controls__right-top .viewer__fullscreen { width: var(--viewer-btn-tr); height: var(--viewer-btn-tr); }

:is(.coub-skin .viewer.viewer--v2 .viewer__controls__right-top .viewer__favourites, .coub-skin .viewer.viewer--v2 .viewer__controls__right-top .viewer__fullscreen)::before { content: ""; background: rgba(0, 0, 0, 0.6); border-radius: 50%; position: absolute; inset: 0px; }

.coub-skin .viewer.viewer--v2 .viewer__fullscreen.-on > i:first-of-type { display: none !important; }

.coub-skin .viewer.viewer--v2 .viewer__fullscreen.-on > i:last-of-type { display: block !important; }

.coub-skin .viewer.viewer--v2 .viewer__favourites.-added i:first-of-type { display: none !important; }

.coub-skin .viewer.viewer--v2 .viewer__favourites.-added i:last-of-type { display: block !important; }

.coub-skin .viewer.viewer--v2 .viewer__controls__play { white-space: nowrap; z-index: 3; position: absolute; bottom: 0px; left: 0px; }

.coub-skin .viewer.viewer--v2 .viewer__controls__play-container { box-sizing: border-box; height: 46px; padding-bottom: var(--viewer-edge-bottom); margin-left: var(--viewer-edge); align-items: flex-end; display: flex; }

.coub-skin .viewer.viewer--v2 .viewer__settings-content { background: var(--coub-primary); z-index: 14; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 0px 2px); border-radius: 6px; width: max-content; min-width: 180px; max-width: 230px; line-height: normal; position: absolute; bottom: 46px; left: 12px; }

.coub-skin .viewer.viewer--v2 .viewer__settings-content ul { color: var(--coub-secondary); margin: 0px; padding: 6px 0px; font-size: 14px; line-height: 30px; list-style: none; }

.coub-skin .viewer.viewer--v2 .viewer__settings-content ul li { background: var(--coub-primary); cursor: pointer; height: 30px; padding-left: 20px; padding-right: 44px; list-style: none; position: relative; }

.coub-skin .viewer.viewer--v2 .viewer__settings-content ul li:hover { background: var(--coub-hover-primary); }

.coub-skin .viewer.viewer--v2 .viewer__settings-content ul li:hover i svg path { fill: var(--coub-blue); }

.coub-skin .viewer.viewer--v2 .viewer__settings-content ul li i { position: absolute; top: 3px; right: 10px; }

.coub-skin .viewer.viewer--v2 .viewer__settings-content ul li i svg { display: block; }

.coub-skin .viewer.viewer--v2 .viewer__settings-content ul li i svg path { fill: var(--coub-neutral); }

.coub-skin .viewer.viewer--v2 .viewer__settings-hd::before { content: ""; background: var(--coub-blue); border-radius: 10px; width: 32px; height: 20px; position: absolute; top: 5px; right: 10px; }

.coub-skin .viewer.viewer--v2 .viewer__settings-hd::after { content: ""; background: rgb(255, 255, 255); border-radius: 50%; width: 16px; height: 16px; transition: right 0.1s; position: absolute; top: 7px; right: 12px; }

.coub-skin .viewer.viewer--v2 .viewer__settings-hd.-sd::before { background: var(--coub-neutral); }

.coub-skin .viewer.viewer--v2 .viewer__settings-hd.-sd::after { right: 24px; }

.coub-skin .viewer.viewer--v2 .viewer__settings-copy.done i:first-of-type { display: none !important; }

.coub-skin .viewer.viewer--v2 .viewer__settings-copy.done i:last-of-type { display: block !important; }

.coub-skin .viewer.viewer--v2 .viewer__settings-footer { border-top: 1px solid var(--coub-border); color: var(--coub-neutral); padding: 12px 20px 15px; font-size: 12px; line-height: 14px; }

.coub-skin .viewer.viewer--v2 .viewer__settings-author { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.coub-skin .viewer.viewer--v2 .viewer__settings-author a { color: inherit; }

.coub-skin .viewer.viewer--v2 .viewer__settings-author a:hover { color: var(--coub-blue); }

.coub-skin .viewer.viewer--v2 .viewer__fs-social { align-items: center; display: flex; }

.coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__like-button, .coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__dislike-button { width: var(--viewer-btn); height: var(--viewer-btn); cursor: pointer; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 0px 2px); position: relative; }

:is(.coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__like-button, .coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__dislike-button) i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

:is(.coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__like-button, .coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__dislike-button) i svg { display: block; }

:is(.coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__like-button, .coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__dislike-button) i svg path { fill: rgb(255, 255, 255); }

:is(.coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__like-button, .coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__dislike-button):hover i svg path, :is(.coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__like-button, .coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__dislike-button).-on i svg path { fill: var(--coub-blue); }

:is(.coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__like-button, .coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__dislike-button) .disabled { cursor: default; }

:is(.coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__like-button, .coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__dislike-button) .disabled svg path, :is(.coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__like-button, .coub-skin .viewer.viewer--v2 .viewer__fs-social .coub__dislike-button):hover .disabled svg path { fill: var(--coub-neutral); }

.coub-skin .viewer.viewer--v2 .viewer__floating-controls { left: var(--viewer-edge); bottom: var(--viewer-edge-bottom); z-index: 3; align-items: center; transition: opacity 0.1s linear, left 0.1s; display: flex; position: absolute; }

.coub-skin .viewer.viewer--v2 .viewer__sound__hover__area { z-index: 1; position: relative; }

.coub-skin .viewer.viewer--v2.-ui-state-autoplay_muted .viewer__sound__hover__area { pointer-events: none; }

.coub-skin .viewer.viewer--v2.-ui-state-autoplay_muted .viewer__mute > span { z-index: 2; }

.coub-skin .viewer.viewer--v2 .viewer__sound__bar { margin-left: calc(var(--viewer-gap) + var(--viewer-btn) + 4px); white-space: nowrap; width: 0px; height: var(--viewer-btn); cursor: pointer; transition: width 0.1s linear; position: relative; }

.coub-skin .viewer.viewer--v2 .viewer__sound__bar.-visible { width: 76px; margin-right: 14px; }

.coub-skin .viewer.viewer--v2 .viewer__sound__bar.-visible::before { content: ""; top: 0px; left: calc(0px - var(--viewer-btn) - 4px); width: calc(100% + var(--viewer-btn) + 4px + 14px); border-radius: calc(var(--viewer-btn) / 2); background: rgba(0, 0, 0, 0.6); height: 100%; position: absolute; }

.coub-skin .viewer.viewer--v2 .viewer__sound__bar.viewer__sound__bar--hidden { pointer-events: none; visibility: hidden; margin-left: 5px; }

.coub-skin .viewer.viewer--v2 .viewer__sound__bar .sound-bar { height: 4px; top: calc((var(--viewer-btn) - 4px) / 2); pointer-events: none; border-radius: 2px; position: absolute; left: 0px; }

.coub-skin .viewer.viewer--v2 .viewer__sound__bar .sound-bar-slider { z-index: 1; background-color: rgb(255, 255, 255); transition: width 0.1s linear; }

.coub-skin .viewer.viewer--v2 .viewer__sound__bar .sound-bar-slider.-drag { transition: none; }

.coub-skin .viewer.viewer--v2 .viewer__sound__bar .sound-bar-bg { z-index: 0; background-color: rgb(124, 127, 139); width: 100%; }

.coub-skin .viewer.viewer--v2.-ui-state-suggests .viewer__sound__bar.-visible:not(.-requested) { pointer-events: none; width: 0px; margin-right: 0px; }

.coub-skin .viewer.viewer--v2.-ui-state-suggests .viewer__sound__bar.-visible:not(.-requested)::before { display: none; }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer .button-prev-next { z-index: 2; cursor: pointer; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 0px 2px); width: 15%; height: 100%; position: absolute; top: 0px; bottom: 0px; }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer .button-prev-next span { align-items: center; height: 100%; display: flex; }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer .button-prev-next span > i { width: var(--viewer-btn); height: var(--viewer-btn); border-radius: 50%; transition: background 0.1s linear; display: flex; }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer .button-prev-next span svg [fill] { fill: rgb(255, 255, 255); }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer .button-prev-next span svg [stroke] { stroke: rgb(255, 255, 255); }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer .button-prev-next:hover span > i { background: rgb(255, 255, 255); }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer .button-prev-next:hover span svg [fill] { fill: rgb(13, 13, 13); }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer .button-prev-next:hover span svg [stroke] { stroke: rgb(13, 13, 13); }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer .button-prev-next.-prev { left: 0px; }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer .button-prev-next.-prev span { justify-content: flex-start; }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer .button-prev-next.-next { right: 0px; }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer .button-prev-next.-next span { justify-content: flex-end; }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer .button-prev-next.-disabled { pointer-events: none; opacity: 0.4 !important; }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer .button-prev-next.-disabled.-prev span { margin-left: -40px; }

.coub-skin .viewer.viewer--v2 .viewer__coubs-changer .button-prev-next.-disabled.-next span { margin-right: -40px; }

.coub-skin .viewer.viewer--v2 .viewer__fullscreen-logo { display: none; }

.coub-skin .viewer.viewer--v2.-fullscreen { background: rgb(0, 0, 0); border-radius: 0px; width: 100% !important; height: 100% !important; }

.coub-skin .viewer.viewer--v2.-fullscreen .viewer__bare { position: static; }

.coub-skin .viewer.viewer--v2.-fullscreen .viewer__video { object-fit: contain; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.coub-skin .viewer.viewer--v2.-fullscreen .viewer__controls__container::before { transform-origin: center bottom; transform: scaleY(2); }

.coub-skin .viewer.viewer--v2.-fullscreen .viewer__controls__play { transform-origin: 0px 100%; transform: scale(2); }

.coub-skin .viewer.viewer--v2.-fullscreen .viewer__floating-controls { transform-origin: 0px 100%; left: calc(var(--viewer-edge) * 2); bottom: calc(var(--viewer-edge-bottom) * 2); transform: scale(2); }

.coub-skin .viewer.viewer--v2.-fullscreen .viewer__controls__right-top { transform-origin: 100% 0px; transform: scale(2); }

.coub-skin .viewer.viewer--v2.-fullscreen .viewer__sound__bar { transition: none; }

.coub-skin .viewer.viewer--v2.-fullscreen.-ui-state-playing:not(.-visible-controls) .viewer__fullscreen-logo { transform-origin: 0px 0px; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 0px 2px); line-height: 0; display: block; position: absolute; top: 30px; left: 50px; transform: scale(2); }

.coub-skin .viewer.viewer--v2.-fullscreen.-ui-state-playing:not(.-visible-controls) .viewer__fullscreen-logo svg path { fill: rgb(255, 255, 255); }

.coub-skin .viewer.viewer--v2.-fullscreen .viewer__coubs-changer .button-prev-next.-prev span { padding-left: calc(var(--viewer-edge) * 2); }

.coub-skin .viewer.viewer--v2.-fullscreen .viewer__coubs-changer .button-prev-next.-next span { padding-right: calc(var(--viewer-edge) * 2); }

.coub-skin .viewer.viewer--v2.-fullscreen .viewer__coubs-changer .button-prev-next.-disabled.-prev span { padding-left: 0px; }

.coub-skin .viewer.viewer--v2.-fullscreen .viewer__coubs-changer .button-prev-next.-disabled.-next span { padding-right: 0px; }

.coub-skin .viewer.viewer--v2.-fullscreen .viewer__coubs-changer .button-prev-next.-prev span > i { transform-origin: 0px center; transform: scale(2); }

.coub-skin .viewer.viewer--v2.-fullscreen .viewer__coubs-changer .button-prev-next.-next span > i { transform-origin: 100% center; transform: scale(2); }

.coub-skin .viewer.viewer--v2.-fullscreen .viewer__suggests-stub { height: calc(100% - 92px); }

.coub-skin .viewer.viewer--v2.-fullscreen .viewer__suggests-controls { transform-origin: center top; transform: scale(2); }

.coub-skin .viewer.viewer--v2.-fullscreen .tooltip.tooltip--simple { border-radius: 30px; max-width: 300px; padding: 10px 20px; }

.coub-skin .viewer.viewer--v2.-fullscreen .tooltip.tooltip--simple .tooltip__inner { font-size: 28px; }

.coub-skin .viewer__black-screen { background: rgb(0, 0, 0); }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests).viewer--v2 .viewer__suggests { background-color: rgba(0, 0, 0, 0.8); }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests .viewer__click { cursor: pointer; }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-stub { width: 100%; height: calc(100% - 46px); position: relative; left: 0px; }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-stub.-animated { transition: left 0.3s; }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-stub.-to-left { left: 100%; }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-stub.-to-right { left: -100%; }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-page { position: absolute; }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-page.-right { left: 100%; }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-page.-left { left: -100%; }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggest { z-index: 0; background-color: rgba(255, 255, 255, 0.1); border-radius: 6px; position: absolute; overflow: hidden; }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggest img, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggest video { object-fit: cover; object-position: center center; width: 100%; max-width: none; height: 100%; position: absolute; inset: 0px; }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggest:not(.-loaded):hover::before { content: ""; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 0px 2px); z-index: 1; opacity: 0; background: rgb(255, 255, 255); border-radius: 50%; width: 8px; height: 8px; animation: 0.25s ease 0s infinite alternate none running coub-suggest-loading-animation; position: absolute; top: 6px; right: 6px; }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__fullscreen, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__favourites, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__settings-handler, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__sound, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-list-btn, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__replay { width: var(--viewer-btn); height: var(--viewer-btn); cursor: pointer; filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 0px 2px); position: relative; }

:is(.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__fullscreen, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__favourites, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__settings-handler, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__sound, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-list-btn, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__replay) i { z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

:is(.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__fullscreen, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__favourites, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__settings-handler, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__sound, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-list-btn, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__replay) i svg { display: block; }

:is(.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__fullscreen, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__favourites, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__settings-handler, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__sound, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-list-btn, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__replay) i svg [fill] { fill: rgb(255, 255, 255); }

:is(.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__fullscreen, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__favourites, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__settings-handler, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__sound, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-list-btn, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__replay) i svg [stroke] { stroke: rgb(255, 255, 255); }

:is(.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__fullscreen, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__favourites, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__settings-handler, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__sound, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-list-btn, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__replay).-hover::after, :is(.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__fullscreen, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__favourites, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__settings-handler, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__sound, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-list-btn, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__replay):hover::after { content: ""; background: rgb(255, 255, 255); border-radius: 50%; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

:is(.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__fullscreen, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__favourites, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__settings-handler, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__sound, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-list-btn, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__replay).-hover i svg [fill], :is(.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__fullscreen, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__favourites, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__settings-handler, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__sound, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-list-btn, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__replay):hover i svg [fill] { fill: rgb(13, 13, 13); }

:is(.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__fullscreen, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__favourites, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__settings-handler, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__sound, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-list-btn, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__replay).-hover i svg [stroke], :is(.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__fullscreen, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__favourites, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__settings-handler, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__sound, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-list-btn, .coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__replay):hover i svg [stroke] { stroke: rgb(13, 13, 13); }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-controls { box-sizing: border-box; height: 46px; padding-bottom: var(--viewer-edge-bottom); z-index: 4; justify-content: center; align-items: flex-end; gap: 4px; width: max-content; margin: 0px auto; display: flex; position: relative; }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests.-band-compact .viewer__suggests-controls { width: auto; margin: 0 var(--viewer-edge) 0 auto; transform-origin: 100% 0px; pointer-events: none; justify-content: flex-end; }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests.-band-compact .viewer__suggests-controls > * { pointer-events: auto; }

.coub-skin :is(.viewer.viewer--v2, .viewer.viewer--suggests) .viewer__suggests-list-btn.disabled { opacity: 0.5; pointer-events: none; cursor: default; }

.coub-skin .viewer--suggests .viewer__suggests { pointer-events: none; }

.coub-skin .viewer--suggests .viewer__suggests > * { pointer-events: auto; }

.coub-skin .viewer--suggests .viewer__suggests > .viewer__click { height: calc(100% - 46px); }

:is(.coub-skin .viewer--suggests:fullscreen, .coub-skin :fullscreen .viewer--suggests) .viewer__suggests-stub, :is(.coub-skin .viewer--suggests:fullscreen, .coub-skin :fullscreen .viewer--suggests) .viewer__suggests > .viewer__click { height: calc(100% - 92px); }

:is(.coub-skin .viewer--suggests:fullscreen, .coub-skin :fullscreen .viewer--suggests) .viewer__suggests-controls { transform-origin: center top; transform: scale(2); }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .viewer__coubs-changer { display: none; }
}

@media only screen and (min-width: 320px) and (max-width: 1023px) and (hover: none) {
  .coub-skin .viewer__controls > :not(.viewer__hand) { display: none; }
  .coub-skin .viewer__controls__container::before { opacity: 0 !important; }
  .coub-skin .viewer__floating-controls { display: none !important; }
}

.coub-skin .coub-next { box-sizing: border-box; border-radius: var(--coub-radius-block); background: var(--coub-hover-primary); width: 100%; color: var(--coub-secondary); align-items: center; gap: 12px; margin-top: 12px; padding: 8px; line-height: 1.3; text-decoration: none; transition: background-color 0.1s linear; display: flex; }

.coub-skin .coub-next:hover { background: var(--coub-appearing-secondary); }

.coub-skin .coub-next:hover .coub-next__title { color: var(--coub-blue); }

.coub-skin .coub-next:hover .coub-next__arrow { background: var(--coub-hover-blue); }

.coub-skin .coub-next:focus-visible { box-shadow: var(--coub-shadow-ring-medium); outline: none; }

.coub-skin .coub-next.-pending > * { opacity: 0; }

.coub-skin .coub-next > * { transition: opacity 0.15s linear; }

.coub-skin .coub-next__thumb { border-radius: var(--coub-radius-card); background: var(--coub-fading-secondary); flex-shrink: 0; width: 96px; height: 54px; overflow: hidden; }

.coub-skin .coub-next__thumb img { object-fit: cover; width: 100%; height: 100%; display: block; }

.coub-skin .coub-next__text { flex-direction: column; flex: 1 1 0%; gap: 2px; min-width: 0px; display: flex; }

.coub-skin .coub-next__label { color: var(--coub-neutral); font-size: 13px; }

.coub-skin .coub-next__title { font-family: var(--coub-font-bold); letter-spacing: -0.02em; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; font-weight: 700; transition: color 0.1s linear; overflow: hidden; }

.coub-skin .coub-next__arrow { background: var(--coub-blue-cta); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; width: 36px; height: 36px; margin-right: 4px; transition: background-color 0.1s linear; display: flex; }

.coub-skin .coub-next__arrow svg { display: block; }

.coub-skin .coub-next__arrow svg path { stroke: var(--coub-on-blue); }

.coub-skin .coub-next-auto { justify-content: flex-end; margin-top: 4px; transition: opacity 0.15s linear; display: flex; }

.coub-skin .coub-next-auto.-pending { opacity: 0; pointer-events: none; }

.coub-skin .coub-next-auto__switch { min-height: 32px; color: var(--coub-neutral); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; background: 0px 0px; border: 0px; border-radius: 6px; align-items: center; gap: 8px; padding: 0px 4px 0px 8px; font-size: 13px; line-height: 1; transition: color 0.1s linear; display: inline-flex; }

.coub-skin .coub-next-auto__switch:hover { color: var(--coub-secondary); }

.coub-skin .coub-next-auto__switch:focus-visible { box-shadow: var(--coub-shadow-ring-medium); outline: none; }

.coub-skin .viewer.viewer--v2 .viewer__next { right: var(--viewer-edge); bottom: calc(46px + var(--viewer-gap)); z-index: 5; box-sizing: border-box; width: 300px; max-width: calc(100% - 2 * var(--viewer-edge)); border-radius: var(--coub-radius-block); backdrop-filter: blur(6px); color: rgb(255, 255, 255); cursor: default; background: rgba(0, 0, 0, 0.78); padding: 10px 10px 13px; font-size: 14px; line-height: 1.3; animation: 0.2s ease-out 0s 1 normal none running viewer-next-in; position: absolute; overflow: hidden; }

.coub-skin .viewer__next-body { align-items: center; gap: 10px; display: flex; }

.coub-skin .viewer__next-thumb { background: rgba(255, 255, 255, 0.12); border-radius: 4px; flex-shrink: 0; width: 72px; height: 40px; overflow: hidden; }

.coub-skin .viewer__next-thumb img { object-fit: cover; width: 100%; height: 100%; display: block; }

.coub-skin .viewer__next-text { flex: 1 1 0%; min-width: 0px; }

.coub-skin .viewer__next-count { color: rgba(255, 255, 255, 0.8); font-variant-numeric: tabular-nums; font-size: 13px; }

.coub-skin .viewer__next-title { font-family: var(--coub-font-bold); letter-spacing: -0.02em; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; font-weight: 700; overflow: hidden; }

.coub-skin .viewer__next-actions { gap: 8px; margin-top: 10px; display: flex; }

.coub-skin .viewer__next-actions button { height: 32px; font-family: var(--coub-font-bold); cursor: pointer; white-space: nowrap; border: 0px; border-radius: 6px; flex: 1 1 0%; padding: 0px 10px; font-size: 13px; font-weight: 700; line-height: 1; transition: background-color 0.1s linear; }

.coub-skin .viewer__next-actions button:focus-visible { outline: 2px solid var(--coub-blue); outline-offset: 2px; }

.coub-skin .viewer__next-cancel { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.16); }

.coub-skin .viewer__next-cancel:hover { background: rgba(255, 255, 255, 0.26); }

.coub-skin .viewer__next-play { color: rgb(0, 0, 0); background: rgb(255, 255, 255); }

.coub-skin .viewer__next-play:hover { background: rgba(255, 255, 255, 0.85); }

.coub-skin .viewer__next-progress { background: rgba(255, 255, 255, 0.2); height: 3px; position: absolute; bottom: 0px; left: 0px; right: 0px; }

.coub-skin .viewer__next-progress > span { background: var(--coub-blue); transform-origin: 0px center; height: 100%; animation: viewer-next-progress var(--next-total,5s) linear forwards; display: block; }

@media only screen and (min-width: 320px) and (max-width: 1023px) and (hover: none) {
  .coub-skin .viewer.viewer--v2 .viewer__next { align-items: center; gap: 12px; width: auto; max-width: none; padding: 6px 6px 9px 14px; display: flex; bottom: 8px; left: 8px; right: 8px; }
  .coub-skin .viewer__next-thumb, .coub-skin .viewer__next-title, .coub-skin .viewer__next-play { display: none; }
  .coub-skin .viewer__next-body { flex: 1 1 0%; min-width: 0px; }
  .coub-skin .viewer__next-count { color: rgb(255, 255, 255); white-space: nowrap; text-overflow: ellipsis; font-size: 15px; overflow: hidden; }
  .coub-skin .viewer__next-actions { flex-shrink: 0; margin-top: 0px; }
  .coub-skin .viewer__next-actions button { flex: 0 0 auto; height: 40px; padding: 0px 16px; font-size: 14px; }
  .coub-skin .coub-next-auto__switch { min-height: 40px; padding: 0px 4px 0px 12px; font-size: 14px; }
}

@media only screen and (max-width: 374px) {
  .coub-skin .coub-next__thumb { width: 80px; height: 45px; }
  .coub-skin .coub-next__title { font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .coub-skin .viewer.viewer--v2 .viewer__next { animation: auto ease 0s 1 normal none running none; }
}

@keyframes viewer-next-in { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}

@keyframes viewer-next-progress { 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .view-feed-folds { flex-wrap: wrap; gap: 10px; margin-top: 15px; display: flex; }
  .coub-skin .view-feed-folds:not([data-open="comments"]) ~ #coub-comments-root, .coub-skin .view-feed-folds:not([data-open="sources"]) ~ .coub-page__parents-list { display: none; }
  .coub-skin .view-feed { padding-top: 10px; }
  .coub-skin .view-feed__title { font-family: var(--coub-font-normal); letter-spacing: -0.6px; padding-left: var(--coub-mobile-gutter); padding-right: var(--coub-mobile-gutter); padding-bottom: 10px; font-size: 24px; font-weight: 400; }
  .coub-skin .view-feed__placeholder { min-height: 100vh; }
}

@media only screen and (min-width: 320px) and (max-width: 1023px) and (hover: none) {
  .coub-skin .view-feed-folds .sb.-st:hover:not(.active) { background-color: var(--coub-primary); color: var(--coub-secondary); box-shadow: var(--coub-shadow-block); }
}

.coub-skin .page-container:has(.profile-page) { box-sizing: border-box; width: 100%; }

.coub-skin .grid-container { width: 100%; }

.coub-skin .grid-container::after { content: ""; clear: both; display: table; }

.coub-skin .grid-col { float: left; position: relative; }

.coub-skin .-col-one-whole { width: 100%; }

.coub-skin .gutter-gamma > .grid-col { padding: 0px 0px 30px; }

.coub-skin .gutter-gamma > .grid-col:last-of-type { padding-bottom: 0px; }

.coub-skin .-centered-text { text-align: center; }

.coub-skin .profile-page .page__body { width: 970px; margin: 0px auto; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .profile-page .page__body { width: 100%; }
}

.coub-skin .hero-cover { height: 320px; z-index: var(--coub-z-el-over); background-color: var(--coub-1-primary); padding-top: 27.7778%; position: relative; overflow: hidden; }

@media only screen and (min-width: 1441px) {
  .coub-skin .hero-cover { height: 400px; padding-top: 0px; }
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .hero-cover { display: none; }
}

.coub-skin .hero-cover__att { min-width: 100%; position: absolute; top: 0px; left: 0px; }

.coub-skin .hero-cover__att::before { content: ""; background-image: linear-gradient(rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.18) 30%, rgba(0, 0, 0, 0.28) 60%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0) 26%); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.coub-skin .hero-cover__att.-image { background-position-x: 50%; background-repeat: no-repeat; background-size: cover; height: 100%; }

.coub-skin .hero-cover__att.-default { background-color: rgba(0, 0, 0, 0.6); height: 100%; }

.coub-skin .hero-cover__att.-coub { object-fit: cover; width: 100%; height: 100%; }

.coub-skin .hero-cover__att.-image, .coub-skin .hero-cover__att.-coub { opacity: 0; filter: blur(4px); transition: filter 0.15s linear, opacity 0.15s linear; }

:is(.coub-skin .hero-cover__att.-image, .coub-skin .hero-cover__att.-coub).-faded { opacity: 1; filter: blur(); }

.coub-skin .hero-cover__progress-bar { background-color: var(--coub-blue); width: 0%; height: 2px; position: absolute; bottom: 0px; left: 0px; }

.coub-skin .hero-cover__content-box-inner { opacity: 1; justify-content: center; height: 100%; transition: opacity 0.2s ease-in-out; display: flex; }

.coub-skin .hero-cover__content-box .channel { width: 970px; height: 100%; position: relative; }

.coub-skin .hero-cover__content-box .channel__left { align-items: center; height: 100%; display: flex; }

.coub-skin .hero-cover__content-box .channel__top { flex-direction: column; align-items: flex-end; display: flex; position: absolute; top: 30px; right: 0px; }

.coub-skin .hero-cover__content-box .channel__bottom { flex-direction: column; align-items: flex-end; display: flex; position: absolute; bottom: 30px; right: 0px; }

.coub-skin .hero-cover__content-box .channel__description { color: rgb(255, 255, 255); min-width: 0px; margin-left: 30px; }

.coub-skin .hero-cover__content-box .channel__description h1 { letter-spacing: -3px; align-items: center; gap: 12px; min-width: 0px; padding-right: 5px; font-size: 54px; line-height: 62px; display: flex; }

.coub-skin .hero-cover__content-box .channel__description h1 .channel__name-text { text-overflow: ellipsis; white-space: nowrap; min-width: 0px; margin: -14px -15px -15px; padding: 14px 15px 15px; overflow: hidden; }

.coub-skin .hero-cover__content-box .channel__description h1 .channel-featured-icon { width: 30px; height: 30px; position: relative; }

.coub-skin .hero-cover__content-box .channel__description h1 .channel-featured-icon svg { position: relative; }

.coub-skin .hero-cover__content-box .channel__description h1 .channel-featured-icon::before { content: ""; background: var(--coub-on-blue); border-radius: 50%; width: 66%; height: 66%; position: absolute; top: 17%; left: 17%; }

.coub-skin .hero-cover__content-box .channel__description p { width: 480px; font-size: 18px; line-height: 21px; }

.coub-skin .hero-cover__content-box .channel__description p a { color: rgb(255, 255, 255); }

.coub-skin .avatar-upload, .coub-skin .avatar-upload .avatar-upload__holder { position: relative; }

.coub-skin .avatar-upload img { object-fit: cover; border-radius: 50%; display: block; }

.coub-skin .avatar-upload__stub { background: var(--coub-1-primary); width: 200px; height: 200px; color: var(--coub-secondary); text-transform: uppercase; border-radius: 50%; justify-content: center; align-items: center; font-size: 72px; display: flex; }

.coub-skin .channel__relationships { font-size: 0px; display: flex; }

.coub-skin .channel__relationships > * { margin-bottom: 10px; margin-left: 8px; }

.coub-skin .channel__relationships .channel-blocked-icon { margin-top: 5px; margin-left: 11px; position: relative; }

.coub-skin .channel__relationships .channel-blocked-icon svg { position: relative; }

.coub-skin .channel__relationships .channel-blocked-icon::before { content: ""; background: var(--coub-on-blue); border-radius: 10px; width: 18px; height: 18px; position: absolute; top: 3px; left: 3px; }

.coub-skin .channel__hoverable { cursor: pointer; position: relative; }

.coub-skin .channel__hoverable a, .coub-skin .channel__hoverable span { z-index: 1; color: rgb(255, 255, 255); position: relative; }

.coub-skin .channel__hoverable:hover::before { content: ""; background-color: rgba(0, 0, 0, 0.6); border-radius: 18px; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

.coub-skin .channel__hoverable.text { height: 36px; padding: 0px 14px; font-size: 16px; line-height: 36px; }

.coub-skin .channel__hoverable.icon { padding: 6px; }

.coub-skin .channel__views { color: rgb(255, 255, 255); margin-top: auto; margin-bottom: 10px; font-size: 20px; }

.coub-skin .hero-cover__content-box .channel__description, .coub-skin .hero-cover__content-box .channel__views, .coub-skin .hero-cover__content-box .channel__hoverable.text { text-shadow: rgba(0, 0, 0, 0.55) 0px 1px 3px, rgba(0, 0, 0, 0.35) 0px 0px 14px; }

.coub-skin .channel__buttons { align-items: center; font-size: 0px; display: flex; }

.coub-skin .follows-counter + .follows-counter { margin-left: 8px; }

.coub-skin .channel__relationships__follow { margin-left: 18px; }

.coub-skin .channel__more-options-dropdown { margin-left: 10px; }

.coub-skin .channel__more-options-dropdown svg path { fill: var(--coub-neutral); }

.coub-skin .channel__more-options-dropdown .dropdown__handler button { background-color: var(--coub-primary); border-radius: 6px; justify-content: center; align-items: center; width: 36px; height: 36px; padding: 0px; display: flex; }

.coub-skin .channel__more-options-dropdown .dropdown__handler button:hover { box-shadow: var(--coub-shadow-ring-medium); color: var(--coub-secondary); }

.coub-skin .channel__more-options-dropdown .dropdown__handler button:hover svg path { fill: var(--coub-blue); }

.coub-skin .channel__more-options-dropdown .dropdown__content { width: max-content; }

.coub-skin .channel__more-options-dropdown .dropdown__content .list__item { align-items: center; gap: 10px; padding: 10px 15px 10px 10px; line-height: 1; display: flex; position: relative; }

.coub-skin .channel__more-options-dropdown .dropdown__content .list__item > span { width: auto; padding: 0px; display: inline; }

.coub-skin .channel__more-options-dropdown .dropdown__content .list__item.-block-account, .coub-skin .channel__more-options-dropdown .dropdown__content .list__item.-block-account:hover { color: var(--coub-alert); }

:is(.coub-skin .channel__more-options-dropdown .dropdown__content .list__item.-block-account, .coub-skin .channel__more-options-dropdown .dropdown__content .list__item.-block-account:hover) svg path { fill: var(--coub-alert); }

.coub-skin .channel__more-options-dropdown .dropdown__inner { bottom: 43px; }

.coub-skin .grid-col.-nav-pending .coubs-list { opacity: 0.35; pointer-events: none; transition: opacity 0.15s linear 0.12s; }

.coub-skin .profile__menu .sort__filter .dropdown__inner { top: 53px; left: 50%; translate: -50%; }

.coub-skin .profile__menu .sort__filter .dropdown__content { width: 160px; }

.coub-skin .profile__menu .sort__filter.-pending .dropdown__handler { opacity: 0.55; cursor: progress; pointer-events: none; }

.coub-skin .profile-mobile-cover { display: none; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .profile-mobile-cover { text-align: center; flex-direction: column; align-items: center; gap: 10px; padding: 20px; display: flex; }
}

.coub-skin .profile-mobile-cover__top { justify-content: center; align-items: center; gap: 16px; max-width: 100%; display: flex; }

.coub-skin .profile-mobile-cover__top img { object-fit: cover; border-radius: 30px; width: 160px; height: 160px; }

.coub-skin .profile-mobile-cover__title { font-family: var(--coub-font-bold); letter-spacing: -0.04em; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; font-size: 24px; font-weight: 700; overflow: hidden; }

.coub-skin .profile-mobile-cover__stats { color: var(--coub-neutral); flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 14px; line-height: 1; display: flex; }

.coub-skin .profile-mobile-cover__stats > span { color: var(--coub-neutral); user-select: none; }

.coub-skin .profile-mobile-cover__stat { white-space: nowrap; color: var(--coub-neutral); align-items: center; gap: 4px; display: inline-flex; }

.coub-skin .profile-mobile-cover__stat svg { flex: 0 0 auto; }

.coub-skin .profile-mobile-cover__stat svg path { fill: currentcolor; }

.coub-skin .profile-mobile-cover__stat.-neutral { cursor: default; }

.coub-skin .profile-mobile-cover__stub { background: var(--coub-1-primary); width: 160px; height: 160px; color: var(--coub-secondary); text-transform: uppercase; border-radius: 30px; justify-content: center; align-items: center; font-size: 64px; display: flex; }

.coub-skin .no-coubs-stub { padding: 30px 15%; font-size: 35px; line-height: 1.2; }

.coub-skin .cover-edit { z-index: 5; margin-top: 8px; position: relative; }

.coub-skin .cover-edit__handle { background: var(--coub-primary); color: var(--coub-secondary); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; align-items: center; gap: 8px; padding: 10px 20px; font-weight: 500; display: inline-flex; }

.coub-skin .cover-edit__handle:disabled { opacity: 0.7; cursor: default; }

.coub-skin .cover-edit__caret { border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); border-top: 6px solid var(--coub-secondary); width: 0px; height: 0px; }

.coub-skin .cover-edit__menu { background: var(--coub-primary); border-radius: 10px; min-width: 240px; padding: 8px 0px; position: absolute; top: calc(100% + 8px); right: 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 24px; }

.coub-skin .cover-edit__menu > button { width: 100%; color: var(--coub-secondary); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; text-align: left; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; align-items: center; gap: 12px; padding: 12px 20px; font-size: 17px; display: flex; }

.coub-skin .cover-edit__menu > button:hover { background: var(--coub-hover-primary); }

.coub-skin .cover-edit__icon { width: 24px; color: var(--coub-neutral); justify-content: center; align-items: center; display: inline-flex; }

.coub-skin .cover-edit__tooltip { background: var(--coub-primary); width: 300px; color: var(--coub-secondary); border-radius: 10px; padding: 20px; position: absolute; top: calc(100% + 12px); right: 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 24px; }

.coub-skin .cover-edit__tooltip h4 { margin: 0px 0px 8px; font-size: 19px; }

.coub-skin .cover-edit__tooltip p { color: var(--coub-neutral); margin: 0px 0px 14px; }

.coub-skin .cover-edit__tooltip .sb { background: var(--coub-blue-cta); color: rgb(255, 255, 255); border-radius: 6px; height: auto; padding: 10px 18px; font-size: 15px; line-height: 1.2; }

.coub-skin .cover-edit__error { color: rgb(255, 255, 255); white-space: nowrap; background: rgb(192, 57, 43); border-radius: 6px; padding: 8px 12px; font-size: 13px; position: absolute; top: calc(100% + 8px); right: 0px; }

.coub-skin .cover-edit__picker-backdrop { z-index: var(--coub-z-modal); background: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; display: flex; position: fixed; inset: 0px; }

.coub-skin .cover-edit__picker { background: var(--coub-primary); width: min(720px, -40px + 100vw); max-height: 80vh; color: var(--coub-secondary); border-radius: 12px; padding: 24px; position: relative; overflow-y: auto; }

.coub-skin .cover-edit__picker h4 { margin: 0px 0px 16px; font-size: 21px; }

.coub-skin .cover-edit__picker-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; display: grid; }

.coub-skin .cover-edit__picker-grid > button { cursor: pointer; background: var(--coub-hover-primary); aspect-ratio: 4 / 3; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; padding: 0px; overflow: hidden; }

.coub-skin .cover-edit__picker-grid > button img { object-fit: cover; width: 100%; height: 100%; display: block; }

.coub-skin .cover-edit__picker-grid > button:hover { outline: 3px solid var(--coub-blue); }

.coub-skin .cover-edit__picker-none { color: var(--coub-neutral); }

.coub-skin .cover-edit__picker-link { margin: 0px 0px 16px; }

.coub-skin .cover-edit__picker-link > label { color: var(--coub-neutral); margin-bottom: 8px; font-size: 15px; display: block; }

.coub-skin .cover-edit__picker-link-row { gap: 8px; display: flex; }

.coub-skin .cover-edit__picker-link-row > input { border: 1px solid var(--coub-hover-primary); background: var(--coub-hover-primary); min-width: 0px; color: var(--coub-secondary); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; border-radius: 6px; flex: 1 1 auto; padding: 10px 12px; font-size: 15px; }

.coub-skin .cover-edit__picker-link-row > .sb { background: var(--coub-blue-cta); color: rgb(255, 255, 255); border-radius: 6px; height: auto; padding: 10px 18px; font-size: 15px; line-height: 1.2; }

.coub-skin .cover-edit__picker-link-row > .sb:disabled { opacity: 0.5; cursor: default; }

.coub-skin .cover-edit__picker-link-error { color: var(--coub-alert); margin: 8px 0px 0px; font-size: 13px; }

.coub-skin .cover-edit__reposition { background: var(--coub-primary); width: 280px; color: var(--coub-secondary); border-radius: 10px; padding: 16px 20px; position: absolute; top: calc(100% + 8px); right: 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 24px; }

.coub-skin .cover-edit__reposition > label { color: var(--coub-neutral); margin-bottom: 10px; font-size: 15px; display: block; }

.coub-skin .cover-edit__reposition > input[type="range"] { width: 100%; accent-color: var(--coub-blue); }

.coub-skin .cover-edit__reposition-actions { gap: 8px; margin-top: 14px; display: flex; }

.coub-skin .cover-edit__reposition-actions > button { background: var(--coub-hover-primary); color: var(--coub-secondary); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 6px; padding: 8px 16px; font-size: 15px; }

.coub-skin .cover-edit__reposition-actions > button:disabled { opacity: 0.5; cursor: default; }

.coub-skin .cover-edit__reposition-actions > .sb { background: var(--coub-blue-cta); color: rgb(255, 255, 255); height: auto; line-height: 1.2; }

.coub-skin .cover-edit__picker-close { background: var(--coub-hover-primary); width: 32px; height: 32px; color: var(--coub-secondary); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; position: absolute; top: 16px; right: 16px; }

.coub-skin .avatar-upload__holder { position: relative; }

.coub-skin .avatar-upload__holder .avatar-upload__overlay { z-index: 2; border: 2px solid var(--coub-primary); color: rgb(255, 255, 255); cursor: pointer; background: rgba(0, 0, 0, 0.65); border-radius: 50%; justify-content: center; align-items: center; width: 40px; height: 40px; font-size: 18px; display: flex; position: absolute; bottom: 6px; right: 6px; }

.coub-skin .avatar-upload__holder .avatar-upload__overlay:hover { background: rgba(0, 0, 0, 0.85); }

.coub-skin .follow-list-page { max-width: 640px; padding-top: 20px; }

.coub-skin .channel-settings-card { align-items: center; gap: 20px; padding: 20px 0px 10px; display: flex; }

.coub-skin .channel-settings-card__avatar img { object-fit: cover; background-color: var(--coub-hover-primary); border-radius: 50%; display: block; }

.coub-skin .channel-settings-card__info { min-width: 0px; }

.coub-skin .channel-settings-card__title { overflow-wrap: break-word; color: var(--coub-secondary); font-size: 28px; }

.coub-skin .channel-settings-card__title:hover { color: var(--coub-blue); }

.coub-skin .channel-settings-card .channel-featured-icon { margin-left: 6px; display: inline-block; }

.coub-skin .channel-settings-card__description { overflow-wrap: break-word; color: var(--coub-neutral); margin-top: 5px; font-size: 12px; line-height: 1.4; }

.coub-skin .channel-settings-card__stats { color: var(--coub-neutral); flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 10px; font-size: 12px; display: flex; }

.coub-skin .channel-settings-card__stat { align-items: center; gap: 5px; display: inline-flex; }

.coub-skin .channels-block.channels-block--list.follow-list .channel.channel--simple { padding-right: 3px; }

.coub-skin .follow-list__empty { max-width: 640px; color: var(--coub-neutral); padding: 30px 0px; font-size: 20px; }

.coub-skin .follow-list button.channels-block__view-more { cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; }

.coub-skin .follow-list button.channels-block__view-more:disabled { opacity: 0.7; cursor: default; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .follow-list-page .channel-settings-card { padding: 20px; }
  .coub-skin .follow-list-page .user-settings__back-link { margin-left: 20px; margin-right: 20px; }
  .coub-skin .channel-settings-card { text-align: center; flex-direction: column; }
  .coub-skin .channel-settings-card__stats { flex-direction: column; margin-top: 20px; }
  .coub-skin .channel-settings-card__middot { display: none; }
  .coub-skin .follow-list, .coub-skin .follow-list__empty { padding-left: 20px; padding-right: 20px; }
}

.coub-skin .hot__community { align-items: center; gap: 20px; padding-top: 40px; padding-bottom: 40px; display: flex; }

.coub-skin .hot__community img { object-fit: cover; border-radius: 40px; width: 180px; height: 180px; }

.coub-skin .hot__community .description { min-width: 0px; }

.coub-skin .hot__community .title { align-items: center; display: flex; }

.coub-skin .hot__community .title h2 { letter-spacing: -0.05em; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 4px; margin-right: 20px; padding-right: 5px; font-size: 80px; line-height: 1; overflow: hidden; }

.coub-skin .hot__community .subdesc { color: var(--coub-neutral); font-size: 22px; }

.coub-skin .hot__community .subdesc > span::before { content: "· "; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .hot__community { flex-direction: column; padding: 20px; }
  .coub-skin .hot__community img { border-radius: 15px; width: 80px; height: 80px; }
  .coub-skin .hot__community .title { justify-content: center; }
  .coub-skin .hot__community .title h2 { margin-right: 10px; font-size: 32px; }
  .coub-skin .hot__community .description { width: 100%; }
  .coub-skin .hot__community .subdesc { text-align: center; margin-top: 10px; font-size: 16px; }
}

@media only screen and (min-width: 1024px) {
  .coub-skin .switcher--big { border-radius: 19px; width: 60px; height: 38px; }
  .coub-skin .switcher--big::after { width: 30px; height: 30px; top: 4px; right: 4px; }
  .coub-skin .switcher--big.-off::after { left: 4px; right: auto; }
}

.coub-skin .channels-block.channels-block--list.box--banner { margin-bottom: 20px; }

.coub-skin .channels-block.channels-block--list .channels-block__heading { justify-content: space-between; align-items: center; display: flex; }

.coub-skin .channels-block.channels-block--list .channels-block__heading h3 { letter-spacing: -0.6px; font-size: 24px; font-family: var(--coub-font-normal); word-break: break-word; padding: 0px 0px 10px; font-weight: 400; }

.coub-skin .channels-block.channels-block--list .channels-block__heading h3 a { color: inherit; }

.coub-skin .channels-block.channels-block--list .channels-block__heading h3 a:hover { color: var(--coub-blue); }

.coub-skin .channels-block.channels-block--list .list { margin-right: -1px; padding-right: 1px; overflow: clip; }

.coub-skin .channels-block.channels-block--list .list__item { border-bottom: 1px solid var(--coub-hover-primary); }

.coub-skin .channels-block.channels-block--list .list__item:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.coub-skin .channels-block.channels-block--list .channel.channel--simple { align-items: center; gap: 12px; padding: 16px 0px; display: flex; position: relative; }

.coub-skin .channels-block.channels-block--list .channel.channel--simple .object-media__img { flex-shrink: 0; }

.coub-skin .channels-block.channels-block--list .channel.channel--simple .object-media__img .image { object-fit: cover; background-color: var(--coub-hover-primary); border-radius: 50%; width: 56px; height: 56px; display: block; }

.coub-skin .channels-block.channels-block--list .channel.channel--simple .object-media__body { flex-direction: column; flex: 1 1 0%; gap: 8px; min-width: 0px; display: flex; }

.coub-skin .channels-block.channels-block--list .channel.channel--simple .object-media__body .channel__title { white-space: nowrap; align-items: center; gap: 4px; font-size: 15px; display: flex; }

.coub-skin .channels-block.channels-block--list .channel.channel--simple .object-media__body .channel__title a { font-family: var(--coub-font-bold); letter-spacing: -0.04em; color: var(--coub-secondary); text-overflow: ellipsis; font-weight: 700; overflow: hidden; }

.coub-skin .channels-block.channels-block--list .channel.channel--simple .object-media__body .channel__title a:hover { color: var(--coub-blue); }

.coub-skin .channels-block.channels-block--list:not(.-own) .channel.channel--simple:has(.channel__meta) .object-media__body { flex-direction: row; align-items: center; gap: 16px; }

.coub-skin .channels-block.channels-block--list:not(.-own) .channel.channel--simple:has(.channel__meta) .channel__meta { flex-direction: row; flex: 1 1 0%; align-items: center; gap: 16px; min-width: 0px; display: flex; }

.coub-skin .channels-block.channels-block--list:not(.-own) .channel.channel--simple:has(.channel__meta) .channel__meta .channel__title { flex: 1 1 0%; min-width: 0px; }

:is(.coub-skin .channels-block.channels-block--list:not(.-own) .channel.channel--simple:has(.channel__meta) .channel__followers, .coub-skin .channels-block.channels-block--list:not(.-own) .channel.channel--simple:has(.channel__meta) .channel__stamp) { color: var(--coub-neutral); white-space: nowrap; text-overflow: ellipsis; margin: 0px; font-size: 13px; overflow: hidden; }

.coub-skin .channels-block.channels-block--list:not(.-own) .channel.channel--simple:has(.channel__meta) .channel-follow-button { flex-shrink: 0; }

.coub-skin .channels-block.channels-block--list.-narrow .channel.channel--simple:has(.channel__meta) { gap: 8px; padding: 12px 0px; }

.coub-skin .channels-block.channels-block--list.-narrow .channel.channel--simple:has(.channel__meta) .object-media__img .image { width: 40px; height: 40px; }

.coub-skin .channels-block.channels-block--list.-narrow .channel.channel--simple:has(.channel__meta) .object-media__body { gap: 8px; }

.coub-skin .channels-block.channels-block--list.-narrow .channel.channel--simple:has(.channel__meta) .channel__meta { flex-direction: column; align-items: stretch; gap: 2px; }

.coub-skin .channels-block.channels-block--list.-narrow .channel.channel--simple:has(.channel__meta) .channel__meta .channel__title { flex: 0 1 auto; }

.coub-skin .channels-block.channels-block--list.-narrow .channel.channel--simple:has(.channel__meta) .follow-button__right { width: 26px; }

.coub-skin .channels-block.channels-block--list.-narrow .channel.channel--simple:has(.channel__meta) .follow-button__container button { padding: 0px 12px; }

.coub-skin .channels-block.channels-block--list.-narrow .channel.channel--simple:has(.channel__meta) .text-dummy { display: none; }

@media only screen and (max-width: 480px) {
  .coub-skin .channels-block.channels-block--list:not(.-narrow):not(.-own) .channel.channel--simple:has(.channel__meta) .channel__meta { flex-direction: column; align-items: stretch; gap: 2px; }
  .coub-skin .channels-block.channels-block--list:not(.-narrow):not(.-own) .channel.channel--simple:has(.channel__meta) .channel__meta .channel__title { flex: 0 1 auto; }
}

.coub-skin .channels-block.channels-block--list .channels-block__view-more { text-align: center; box-shadow: var(--coub-shadow-block); color: var(--coub-secondary); font-size: 16px; font-family: var(--coub-font-bold); border-radius: 8px; margin: 8px 0px; padding: 8px 0px; font-weight: 700; display: block; }

.coub-skin .channels-block.channels-block--list .channels-block__view-more:hover { box-shadow: var(--coub-shadow-ring-small); }

.coub-skin .channels-block.channels-block--list button.featured-channels__more { cursor: pointer; background: 0px 0px; border: 0px; width: 100%; }

.coub-skin .channels-block.channels-block--list button.featured-channels__more:disabled { cursor: default; opacity: 0.6; }

.coub-skin .feed-empty { padding-top: 20px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .feed-empty { padding-left: var(--coub-mobile-gutter); padding-right: var(--coub-mobile-gutter); }
}

.coub-skin [pages-feed-page] .timeline-right-block:has(.timeline-right-block__stories:empty) { display: none; }

.coub-skin .feed-empty__blocks { align-items: flex-start; gap: 16px; display: flex; }

.coub-skin .feed-empty__blocks > .channels-block.channels-block--list { flex: 1 1 0px; min-width: 0px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .feed-empty__blocks { flex-direction: column; }
}

.coub-skin .feed-empty__more { margin-bottom: 20px; }

.coub-skin .featured__body { position: relative; }

.coub-skin .featured__body.-stories { padding-top: 20px; }

.coub-skin .featured__body.-stories > .stories-block__container { width: 640px; }

.coub-skin .featured__body.-stories > .stories-block__container .story-card.-small { margin-bottom: 20px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .featured__body.-stories > .stories-block__container { box-sizing: border-box; width: 100%; padding: 0 var(--coub-mobile-gutter); }
  .coub-skin .story-featured__empty { padding: 0 var(--coub-mobile-gutter); }
}

.coub-skin .channels-list { flex-wrap: wrap; gap: 20px; display: flex; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .channels-list { justify-content: center; }
}

.coub-skin .rich-channel-card { background: var(--coub-hover-primary); border-radius: 15px; width: 310px; position: relative; overflow: hidden; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .rich-channel-card { background: 0px 0px; width: 100%; }
}

.coub-skin .rich-channel-card__followed { z-index: 2; pointer-events: auto; cursor: default; color: var(--coub-neutral); display: flex; position: absolute; top: 20px; right: 20px; }

.coub-skin .rich-channel-card__cover { background: var(--coub-1-primary); height: 90px; transition: opacity 0.25s ease-in-out; }

.coub-skin .rich-channel-card__cover:hover { opacity: 0.9; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .rich-channel-card__cover { display: none; }
}

.coub-skin .rich-channel-card__content { pointer-events: none; z-index: 1; flex-direction: column; align-items: center; gap: 15px; margin-top: -50px; padding: 0px 15px 30px; display: flex; position: relative; }

.coub-skin .rich-channel-card__content * { pointer-events: auto; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .rich-channel-card__content { flex-direction: row; margin: 0px; padding: 0px 20px; }
}

.coub-skin .rich-channel-card__avatar { border: 3px solid var(--coub-primary); object-fit: cover; background-color: var(--coub-1-primary); border-radius: 50%; width: 94px; height: 94px; display: block; }

.coub-skin .rich-channel-card__avatar:hover { border: 3px solid var(--coub-blue); }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .rich-channel-card__avatar { border-color: rgba(0, 0, 0, 0); width: 50px; height: 50px; }
}

.coub-skin .rich-channel-card__avatar-link { flex-shrink: 0; position: relative; }

.coub-skin .rich-channel-card__avatar-link .channel-featured-icon { position: absolute; bottom: 4px; right: 4px; }

.coub-skin .rich-channel-card__avatar-link .channel-featured-icon svg { position: relative; }

.coub-skin .rich-channel-card__avatar-link .channel-featured-icon::before { content: ""; background: var(--coub-on-blue); border-radius: 50%; width: 66%; height: 66%; position: absolute; top: 17%; left: 17%; }

.coub-skin .rich-channel-card__texts { flex-direction: column; align-items: center; gap: 5px; width: 100%; display: flex; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .rich-channel-card__texts { align-items: flex-start; min-width: 0px; }
}

.coub-skin .rich-channel-card__title { white-space: nowrap; text-overflow: ellipsis; max-width: 100%; color: var(--coub-secondary); font-size: 24px; overflow: hidden; }

.coub-skin .rich-channel-card__title:hover { color: var(--coub-blue); }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .rich-channel-card__title { font-size: 17px; }
}

.coub-skin .rich-channel-card__counts { font-size: 14px; }

.coub-skin .rich-channel-card__counts a { color: var(--coub-neutral); }

.coub-skin .rich-channel-card__counts a span { color: var(--coub-secondary); }

.coub-skin .rich-channel-card__counts a:hover, .coub-skin .rich-channel-card__counts a:hover span { color: var(--coub-blue); }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .rich-channel-card__counts { font-size: 12px; }
}

.coub-skin .rich-channel-card__middot { color: var(--coub-neutral); margin: 0px 10px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .rich-channel-card__middot { margin: 0px 3px; }
}

.coub-skin .rich-channel-card__stats { cursor: default; justify-content: center; width: 100%; display: flex; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .rich-channel-card__stats { display: none; }
}

.coub-skin .rich-channel-card__stat-item { color: var(--coub-neutral); flex-direction: column; align-items: center; width: 33%; font-size: 14px; display: flex; }

.coub-skin .rich-channel-card__stat-item svg path { fill: var(--coub-neutral); }

.coub-skin h1.page__sub-heading { color: var(--coub-neutral); text-align: center; font-size: 24px; font-family: var(--coub-font-thin,inherit); padding: 65px 0px 109px; font-weight: 400; }

.coub-skin .recommendations .recommendations-list-outer .list__item:hover { background-color: rgba(0, 0, 0, 0); }

.coub-skin .recommendations .channel.channel--simple .close-small { background: var(--coub-hover-primary); width: 18px; height: 18px; color: var(--coub-neutral); cursor: pointer; border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; font-size: 13px; font-style: normal; line-height: 1; display: inline-flex; }

.coub-skin .recommendations .channel.channel--simple .close-small::after { content: "×"; }

.coub-skin .recommendations .channel.channel--simple .close-small:hover { background: var(--coub-neutral); color: var(--coub-primary); }

.coub-skin .recommendations .channel__title .crown { flex-shrink: 0; display: inline-flex; }

.coub-skin .recommendations .channel__title .crown svg { width: 16px; height: 16px; display: block; }

.coub-skin .recommendations .channel__title .crown svg path { fill: var(--coub-neutral); }

.coub-skin .recommendations.-own .channel__meta { flex-direction: column; gap: 8px; display: flex; }

.coub-skin .recommendations .channel__stamp, .coub-skin .recommendations .channel__followers { color: var(--coub-neutral); text-overflow: ellipsis; white-space: nowrap; font-size: 13px; overflow: hidden; }

.coub-skin .recommendations .recommendations__reorder { flex-direction: column; flex-shrink: 0; gap: 4px; display: flex; }

.coub-skin .recommendations .recommendations__reorder button { width: 22px; height: 22px; color: var(--coub-neutral); background: var(--coub-hover-primary); cursor: pointer; border: 0px; border-radius: 6px; padding: 0px; font-size: 12px; line-height: 1; }

.coub-skin .recommendations .recommendations__reorder button:hover:not(:disabled) { color: var(--coub-secondary); }

.coub-skin .recommendations .recommendations__reorder button:disabled { opacity: 0.4; cursor: default; }

.coub-skin .recommendations button.recommendations__more { background: var(--coub-primary); cursor: pointer; border: 0px; width: 100%; }

.coub-skin .recommendations button.recommendations__more:disabled { cursor: default; opacity: 0.6; }

.coub-skin .recommendations .recommendations__add, .coub-skin .recommendations .recommendations__add > .dropdown__handler { display: block; }

.coub-skin .recommendations .recommendations__add .dropdown__inner { right: 0px; }

.coub-skin .recommendations .recommendations__add .dropdown__content { padding: 12px 12px 4px; }

.coub-skin .recommendations .recommendations__add form { padding: 0px 0px 4px; }

.coub-skin .recommendations .recommendations__add .input-field { border-radius: 5px; width: 100%; }

.coub-skin .recommendations .recommendations__add .-error-text { color: var(--coub-alert); padding: 6px 2px 0px; font-size: 13px; }

.coub-skin .recommendations .recommendations__add .dd-channel-list .list__item { cursor: pointer; }

.coub-skin .recommendations .recommendations__add .dd-channel-list .list__item.-on { padding-right: 35px; }

.coub-skin .recommendations .recommendations__add .dd-channel-list .list__item.-on::after { content: ""; border-left: 2px solid var(--coub-blue); border-bottom: 2px solid var(--coub-blue); width: 12px; height: 6px; position: absolute; top: 50%; right: 14px; transform: translateY(-70%) rotate(-45deg); }

.coub-skin .coub-legal { max-width: 800px; color: var(--coub-secondary); margin: 0px auto; padding: 30px 20px 60px; font-size: 15px; line-height: 1.55; }

.coub-skin .coub-legal h1 { font-family: var(--coub-font-bold); letter-spacing: -0.04em; margin: 0px 0px 18px; font-size: 32px; font-weight: 700; line-height: 1.15; }

.coub-skin .coub-legal h2 { font-family: var(--coub-font-bold); letter-spacing: -0.04em; margin: 32px 0px 12px; font-size: 24px; font-weight: 700; }

.coub-skin .coub-legal h3 { font-family: var(--coub-font-bold); letter-spacing: -0.02em; margin: 24px 0px 10px; font-size: 18px; font-weight: 700; }

.coub-skin .coub-legal p { margin: 0px 0px 12px; }

.coub-skin .coub-legal ul, .coub-skin .coub-legal ol { margin: 0px 0px 12px; padding-left: 28px; }

:is(.coub-skin .coub-legal ul, .coub-skin .coub-legal ol) li { margin-bottom: 6px; }

.coub-skin .coub-legal ol ol { margin-top: 6px; list-style-type: lower-alpha; }

.coub-skin .coub-legal a { color: var(--coub-blue); }

.coub-skin .coub-legal a:hover { text-decoration: underline; }

.coub-skin .coub-legal strong, .coub-skin .coub-legal b { font-family: var(--coub-font-bold); letter-spacing: -0.02em; font-weight: 700; }

.coub-skin .coub-legal hr { background: var(--coub-border); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; margin: 24px 0px; }

.coub-skin .coub-legal blockquote { border-left: 3px solid var(--coub-border); color: var(--coub-neutral); margin: 0px 0px 12px; padding-left: 16px; }

.coub-skin .coub-legal table { border-collapse: collapse; width: 100%; margin: 0px 0px 16px; }

.coub-skin .coub-legal table th, .coub-skin .coub-legal table td { border: 1px solid var(--coub-border); text-align: left; vertical-align: top; padding: 6px 10px; }

.coub-skin .feedback { max-width: 760px; color: var(--coub-secondary); margin: 0px auto; padding: 24px 16px 48px; }

.coub-skin .feedback__head { justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 18px; display: flex; }

.coub-skin .feedback__head-text { min-width: 0px; }

.coub-skin .feedback__title { font-family: var(--coub-font-bold); letter-spacing: -0.04em; margin: 0px 0px 6px; font-size: 26px; font-weight: 700; line-height: 1.15; }

.coub-skin .feedback__subtitle { color: var(--coub-half-secondary); margin: 0px; line-height: 1.45; }

.coub-skin .feedback__support { color: var(--coub-neutral); margin: 8px 0px 0px; font-size: 13px; }

.coub-skin .feedback__support a { color: var(--coub-blue); }

.coub-skin .feedback__new-row { justify-content: flex-end; margin-bottom: 14px; display: flex; }

.coub-skin .feedback__new { flex: 0 0 auto; }

.coub-skin .feedback__field-foot { justify-content: space-between; align-items: baseline; gap: 12px; min-height: 16px; margin: 4px 0px 12px; display: flex; }

.coub-skin .feedback__field-error { color: var(--coub-alert); font-size: 13px; }

.coub-skin .feedback__menu { z-index: 2; background: var(--coub-primary); border-bottom: 1px solid var(--coub-border); scrollbar-width: none; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px; padding: 10px 0px; display: flex; position: sticky; top: 0px; overflow-x: auto; }

.coub-skin .feedback__menu::-webkit-scrollbar { display: none; }

.coub-skin .feedback__tabs, .coub-skin .feedback__sort { white-space: nowrap; gap: 2px; display: inline-flex; }

.coub-skin .feedback__tab { font-family: var(--coub-font-bold); letter-spacing: -0.04em; border-radius: var(--coub-radius-btn-rn); color: var(--coub-half-secondary); padding: 5px 12px; font-size: 14px; font-weight: 700; text-decoration: none; transition: background-color 0.1s, color 0.1s; }

.coub-skin .feedback__tab:hover, .coub-skin .feedback__tab.-active { color: var(--coub-secondary); background: var(--coub-fading-secondary); }

.coub-skin .feedback__list { flex-direction: column; gap: 8px; margin: 0px; padding: 0px; list-style: none; display: flex; }

.coub-skin .feedback__item { border-radius: var(--coub-radius-card); background: var(--coub-primary); box-shadow: var(--coub-shadow-block); gap: 14px; padding: 14px; display: flex; }

.coub-skin .feedback__vote { border-radius: var(--coub-radius-btn-rn); background: var(--coub-fading-secondary); min-width: 54px; min-height: 54px; color: var(--coub-half-secondary); font-family: var(--coub-font-bold); cursor: pointer; border: 0px; flex-direction: column; flex: 0 0 auto; justify-content: center; align-items: center; gap: 3px; font-weight: 700; line-height: 1; transition: background-color 0.1s, color 0.1s; display: flex; }

.coub-skin .feedback__vote:hover { color: var(--coub-secondary); }

.coub-skin .feedback__vote.-voted { background: var(--coub-blue-cta); color: var(--coub-on-blue); }

.coub-skin .feedback__vote-arrow { font-size: 10px; }

.coub-skin .feedback__vote-count { letter-spacing: -0.04em; font-size: 15px; font-weight: 700; }

.coub-skin .feedback__body { flex: 1 1 auto; min-width: 0px; }

.coub-skin .feedback__item-title { font-family: var(--coub-font-bold); letter-spacing: -0.04em; color: var(--coub-secondary); margin-bottom: 4px; font-size: 16px; font-weight: 700; text-decoration: none; display: block; }

.coub-skin .feedback__item-title:hover { color: var(--coub-blue); }

.coub-skin .feedback__excerpt { color: var(--coub-half-secondary); -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0px 0px 8px; font-size: 14px; line-height: 1.4; display: -webkit-box; overflow: hidden; }

.coub-skin .feedback__meta { color: var(--coub-neutral); flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12px; display: flex; }

.coub-skin .feedback__kind, .coub-skin .feedback__status, .coub-skin .feedback__locale, .coub-skin .feedback__comments { background: var(--coub-fading-secondary); border-radius: 999px; padding: 2px 8px; }

.coub-skin .feedback__kind.-bug { color: var(--coub-alert); }

.coub-skin .feedback__kind.-idea { color: var(--coub-blue); }

.coub-skin .feedback__status.-planned, .coub-skin .feedback__status.-in_progress, .coub-skin .feedback__status.-shipped { color: var(--coub-secondary); font-weight: 700; }

.coub-skin .feedback__empty { text-align: center; border-radius: var(--coub-radius-card); box-shadow: var(--coub-shadow-block); padding: 56px 16px; }

.coub-skin .feedback__empty-title { font-family: var(--coub-font-bold); letter-spacing: -0.04em; margin: 0px 0px 6px; font-size: 17px; font-weight: 700; }

.coub-skin .feedback__empty-text { color: var(--coub-half-secondary); margin: 0px 0px 16px; }

.coub-skin .feedback__more { margin: 16px auto 0px; display: block; }

.coub-skin .feedback__composer { border-radius: var(--coub-radius-card); box-shadow: var(--coub-shadow-block); background: var(--coub-primary); margin: 0px 0px 16px; padding: 16px; }

.coub-skin .feedback__kind-switch { gap: 8px; margin-bottom: 12px; display: flex; }

.coub-skin .feedback__textarea { resize: vertical; width: 100%; min-height: 150px; font-family: var(--coub-font-normal); font-weight: 400; line-height: 1.45; }

.coub-skin .feedback__counter { color: var(--coub-neutral); flex: 0 0 auto; font-size: 12px; }

.coub-skin .feedback__composer .sb:disabled { opacity: 0.5; cursor: default; }

.coub-skin .feedback__error { color: var(--coub-alert); margin: 0px 0px 10px; font-size: 13px; }

.coub-skin .feedback__composer-actions { gap: 8px; display: flex; }

.coub-skin .feedback__post-head { align-items: flex-start; gap: 14px; margin-bottom: 16px; display: flex; }

.coub-skin .feedback__post-body { white-space: pre-wrap; overflow-wrap: anywhere; margin-bottom: 20px; line-height: 1.55; }

.coub-skin .feedback__team-reply { border-left: 3px solid var(--coub-blue); background: var(--coub-fading-secondary); border-radius: 0 var(--coub-radius-card) var(--coub-radius-card) 0; margin-bottom: 16px; padding: 12px 14px; }

.coub-skin .feedback__team-reply p { white-space: pre-wrap; margin: 6px 0px 0px; }

.coub-skin .feedback__badge { font-family: var(--coub-font-bold); text-transform: uppercase; letter-spacing: 0.04em; color: var(--coub-blue); font-size: 11px; font-weight: 700; display: inline-block; }

.coub-skin .feedback__translated { color: var(--coub-neutral); font-size: 12px; font-style: italic; }

.coub-skin .feedback__original summary { cursor: pointer; color: var(--coub-neutral); margin-bottom: 8px; font-size: 13px; }

.coub-skin .feedback__edited { color: var(--coub-neutral); font-size: 12px; }

.coub-skin .feedback__thread, .coub-skin .feedback__staff { border-top: 1px solid var(--coub-border); margin-top: 24px; padding-top: 16px; }

.coub-skin .feedback__thread-title, .coub-skin .feedback__staff-title { font-family: var(--coub-font-bold); letter-spacing: -0.04em; margin: 0px 0px 12px; font-size: 15px; font-weight: 700; }

.coub-skin .feedback__comments-list { flex-direction: column; gap: 10px; margin: 0px 0px 14px; padding: 0px; list-style: none; display: flex; }

.coub-skin .feedback__comment { border-radius: var(--coub-radius-card); background: var(--coub-fading-secondary); padding: 10px 12px; }

.coub-skin .feedback__comment.-staff { border-left: 3px solid var(--coub-blue); }

.coub-skin .feedback__comment-body { white-space: pre-wrap; overflow-wrap: anywhere; margin: 4px 0px 0px; }

.coub-skin .feedback__thread-note { color: var(--coub-neutral); font-size: 13px; }

.coub-skin .feedback__staff-row { align-items: center; gap: 10px; margin-bottom: 10px; display: flex; }

@media (max-width: 640px) {
  .coub-skin .feedback { padding: 16px 12px 40px; }
  .coub-skin .feedback__head { flex-direction: column; align-items: stretch; }
  .coub-skin .feedback__title { font-size: 22px; }
  .coub-skin .feedback__new { width: 100%; }
}

.coub-skin .app-promo { text-align: center; max-width: 912px; margin: 0px auto; padding: 40px 20px 80px; }

.coub-skin .app-promo .app-promo__heading { margin: 0px 0px 18px; font-size: 44px; line-height: 1.1; }

.coub-skin .app-promo .app-promo__text { max-width: 640px; color: var(--coub-neutral); margin: 0px auto 32px; font-size: 16px; line-height: 1.5; }

.coub-skin .app-promo .app-promo__features { text-align: left; gap: 12px; max-width: 520px; margin: 0px auto 40px; padding: 0px; list-style: none; display: grid; }

.coub-skin .app-promo .app-promo__features li { background: var(--coub-hover-primary); border-radius: 12px; padding: 14px 18px; font-size: 15px; line-height: 1.45; }

.coub-skin .app-promo .app-promo__stores { flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 8px; display: flex; }

.coub-skin .app-promo .app-promo__store-btn { color: rgb(255, 255, 255); text-align: left; background: rgb(0, 0, 0); border: 1px solid rgb(166, 166, 166); border-radius: 14px; align-items: center; gap: 12px; min-width: 200px; padding: 12px 22px; transition: transform 0.15s, box-shadow 0.15s; display: inline-flex; }

.coub-skin .app-promo .app-promo__store-btn:hover { color: rgb(255, 255, 255); box-shadow: var(--coub-shadow-block); transform: translateY(-2px); }

.coub-skin .app-promo .app-promo__store-text { font-family: var(--coub-font-bold); letter-spacing: -0.02em; flex-direction: column; font-size: 20px; font-weight: 700; line-height: 1.15; display: flex; }

.coub-skin .app-promo .app-promo__store-text small { font-family: var(--coub-font-normal); letter-spacing: 0.02em; opacity: 0.85; font-size: 11px; font-weight: 400; }

.coub-skin .brand-assets-page { max-width: 800px; margin: 0px auto; padding: 40px 20px 80px; }

.coub-skin .brand-assets-page h1 { margin: 0px 0px 12px; font-size: 32px; }

.coub-skin .brand-assets-page h2 { margin: 40px 0px 16px; font-size: 22px; }

.coub-skin .brand-assets-intro { max-width: 640px; color: var(--coub-neutral); margin: 0px 0px 8px; font-size: 16px; line-height: 1.5; }

.coub-skin .brand-colors-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; display: grid; }

@media only screen and (max-width: 767px) {
  .coub-skin .brand-colors-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}

.coub-skin .brand-color-card { background: var(--coub-hover-primary); box-shadow: var(--coub-shadow-block); border-radius: 12px; overflow: hidden; }

.coub-skin .brand-color-swatch { color: rgb(255, 255, 255); height: 88px; box-shadow: inset 0 0 0 1px var(--coub-border); align-items: flex-end; padding: 10px 12px; display: flex; }

.coub-skin .brand-color-swatch.-light { color: rgb(0, 0, 0); }

.coub-skin .brand-color-swatch span { letter-spacing: 0.02em; font-size: 13px; }

.coub-skin .brand-color-meta { color: var(--coub-neutral); padding: 10px 12px 12px; font-size: 13px; line-height: 1.4; }

.coub-skin .brand-color-meta .hbold { color: var(--coub-secondary); font-size: 14px; }

.coub-skin .brand-rules { gap: 10px; margin: 0px; padding: 0px; list-style: none; display: grid; }

.coub-skin .brand-rules li { background: var(--coub-hover-primary); border-radius: 12px; align-items: baseline; gap: 12px; padding: 12px 16px; font-size: 15px; line-height: 1.45; display: flex; }

.coub-skin .brand-rules .brand-rules__mark { text-align: center; text-transform: uppercase; border-radius: 8px; flex-shrink: 0; min-width: 44px; padding: 2px 8px; font-size: 12px; }

.coub-skin .brand-rules li.-do .brand-rules__mark { background: var(--coub-accent); color: rgb(0, 0, 0); }

.coub-skin .brand-rules li.-dont .brand-rules__mark { background: var(--coub-alert); color: rgb(255, 255, 255); }

.coub-skin .brand-assets-contact { color: var(--coub-neutral); margin-top: 32px; font-size: 15px; }

.coub-skin .brand-assets-contact a { color: var(--coub-blue); }

.coub-skin .brand-assets-contact a:hover { color: var(--coub-hover-blue); }

.coub-skin .brand-assets-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; display: grid; }

@media only screen and (max-width: 767px) {
  .coub-skin .brand-assets-grid { grid-template-columns: 1fr; }
}

.coub-skin .asset-box { background: var(--coub-hover-primary); box-shadow: var(--coub-shadow-block); color: var(--coub-secondary); border-radius: 8px; flex-direction: column; align-items: center; gap: 12px; padding: 32px 20px 20px; display: flex; }

.coub-skin .asset-box:hover { box-shadow: var(--coub-shadow-ring-small); color: var(--coub-secondary); }

.coub-skin .asset-box img { max-width: 100%; height: auto; margin-block: auto; }

.coub-skin .asset-box .asset-box__caption { text-align: center; font-size: 14px; }

.coub-skin .asset-box .asset-box__formats { text-transform: uppercase; color: var(--coub-neutral); gap: 8px; font-size: 12px; display: flex; }

.coub-skin .about-page { max-width: 1024px; margin: 0px auto; padding: 40px 20px 80px; }

.coub-skin .about-page .about-page__viewer { background: var(--coub-primary); border-radius: 12px; width: 100%; position: relative; overflow: hidden; }

.coub-skin .about-page .about-page__viewer iframe { border: 0px; width: 100%; height: 100%; display: block; position: absolute; inset: 0px; }

.coub-skin .about-page .about-page__hero { text-align: center; max-width: 780px; margin: 0px auto 72px; }

.coub-skin .about-page .about-page__hero .about-page__heading { margin: 0px 0px 12px; font-size: 44px; line-height: 1.15; }

.coub-skin .about-page .about-page__hero .about-page__accent { color: var(--coub-blue); }

.coub-skin .about-page .about-page__hero .about-page__sub { color: var(--coub-neutral); margin: 0px 0px 32px; font-size: 18px; }

.coub-skin .about-page .about-page__hero .about-page__hero-video { margin: 0px; }

.coub-skin .about-page .about-page__hero .about-page__hero-video figcaption { color: var(--coub-neutral); margin-top: 10px; font-size: 14px; }

.coub-skin .about-page .about-page__pronounce { background: var(--coub-primary); box-shadow: var(--coub-shadow-block); border-radius: 16px; align-items: center; gap: 48px; margin: 0px 0px 72px; padding: 40px; display: flex; }

.coub-skin .about-page .about-page__pronounce .about-page__pronounce-text { flex: 1 1 40%; }

.coub-skin .about-page .about-page__pronounce .about-page__pronounce-text h2 { margin: 0px 0px 16px; font-size: 28px; }

.coub-skin .about-page .about-page__pronounce .about-page__phonetic { color: var(--coub-blue); margin: 0px 0px 12px; font-size: 64px; line-height: 1; }

.coub-skin .about-page .about-page__pronounce .about-page__rhyme { margin: 0px 0px 16px; font-size: 20px; }

.coub-skin .about-page .about-page__pronounce .about-page__note { color: var(--coub-neutral); margin: 0px; font-size: 14px; }

.coub-skin .about-page .about-page__pronounce .about-page__pronounce-coub { flex: 1 1 60%; margin: 0px; }

.coub-skin .about-page .about-page__pronounce .about-page__pronounce-coub figcaption { text-align: center; color: var(--coub-neutral); margin-top: 10px; font-size: 14px; }

.coub-skin .about-page .about-page__what { text-align: center; margin: 0px 0px 48px; font-size: 32px; }

.coub-skin .about-page .about-page__group { align-items: center; gap: 48px; margin: 0px 0px 64px; display: flex; }

.coub-skin .about-page .about-page__group.-rev { flex-direction: row-reverse; }

.coub-skin .about-page .about-page__group .about-page__group-text { flex: 0 0 30%; }

.coub-skin .about-page .about-page__group .about-page__group-text h3 { margin: 0px 0px 10px; font-size: 24px; }

.coub-skin .about-page .about-page__group .about-page__group-text p { color: var(--coub-neutral); margin: 0px; font-size: 15px; line-height: 1.5; }

.coub-skin .about-page .about-page__group .about-page__group-coubs { flex: 1 1 70%; align-items: flex-start; gap: 20px; display: flex; }

.coub-skin .about-page .about-page__group .about-page__group-coubs .about-page__cell { flex: 1 1 0px; min-width: 0px; }

.coub-skin .about-page .about-page__group.-wide { text-align: center; flex-direction: column; gap: 24px; }

.coub-skin .about-page .about-page__group.-wide .about-page__group-text { flex: 0 0 auto; max-width: 640px; }

.coub-skin .about-page .about-page__group.-wide .about-page__group-coubs { width: 100%; }

.coub-skin .about-page .about-page__viewer.-youtube { padding-top: 56.25%; }

.coub-skin .about-page .about-page__how-to { text-align: center; }

.coub-skin .about-page .about-page__how-to h2 { margin: 0px 0px 8px; font-size: 32px; }

.coub-skin .about-page .about-page__how-to p { color: var(--coub-neutral); margin: 0px 0px 24px; font-size: 16px; }

@media (max-width: 1023px) {
  .coub-skin .about-page { padding: 24px 16px 56px; }
  .coub-skin .about-page .about-page__hero .about-page__heading { font-size: 30px; }
  .coub-skin .about-page .about-page__pronounce { flex-direction: column; align-items: stretch; gap: 24px; padding: 24px; }
  .coub-skin .about-page .about-page__pronounce .about-page__phonetic { font-size: 44px; }
  .coub-skin .about-page .about-page__pronounce .about-page__pronounce-coub { width: 100%; }
  .coub-skin .about-page .about-page__group, .coub-skin .about-page .about-page__group.-rev { flex-direction: column; gap: 20px; margin-bottom: 48px; }
  :is(.coub-skin .about-page .about-page__group, .coub-skin .about-page .about-page__group.-rev) .about-page__group-text { text-align: center; flex: 0 0 auto; }
  :is(.coub-skin .about-page .about-page__group, .coub-skin .about-page .about-page__group.-rev) .about-page__group-coubs { flex-direction: column; align-items: stretch; width: 100%; }
  :is(.coub-skin .about-page .about-page__group, .coub-skin .about-page .about-page__group.-rev) .about-page__group-coubs .about-page__cell { flex: 0 0 auto; }
}

.coub-skin .coub-comments__list { margin-top: 10px; }

.coub-skin .coub-comments__composer-actions { justify-content: flex-end; align-items: center; gap: 12px; margin-top: 10px; display: flex; }

.coub-skin .coub-comments__submit { height: 32px; color: var(--coub-on-blue); background-color: var(--coub-blue-cta); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; padding: 0px 18px; font-size: 13px; }

.coub-skin .coub-comments__submit:hover { background-color: var(--coub-hover-blue); }

.coub-skin .coub-comments__submit:disabled { opacity: 0.6; cursor: default; }

.coub-skin .coub-comments__error { color: var(--coub-red,#e8483f); font-size: 13px; }

.coub-skin .coub-comments__input.-reply { margin-top: 10px; margin-bottom: 10px; padding: 12px; }

.coub-skin .coub-comments__item { gap: 12px; padding: 12px 0px; transition: background-color 0.24s ease-out, box-shadow 0.24s ease-out; display: flex; }

.coub-skin .coub-comments__item.-highlighted { border-radius: var(--coub-radius-card); background-color: var(--coub-light-blue); box-shadow: inset 3px 0 0 var(--coub-blue); margin-inline: -10px; padding-inline: 10px; }

.coub-skin .coub-comments__avatar { flex-shrink: 0; }

.coub-skin .coub-comments__avatar .image { background-color: var(--coub-hover-primary); object-fit: cover; border-radius: 50%; width: 32px; height: 32px; display: block; overflow: hidden; }

.coub-skin .coub-comments__avatar-stub { background-color: var(--coub-hover-primary); border-radius: 50%; width: 32px; height: 32px; display: block; }

.coub-skin .coub-comments__main { flex: 1 1 auto; min-width: 0px; }

.coub-skin .coub-comments__meta { align-items: baseline; gap: 8px; display: flex; }

.coub-skin .coub-comments__author { font-family: var(--coub-font-bold); letter-spacing: -0.02em; color: var(--coub-secondary); font-size: 14px; font-weight: 700; }

.coub-skin .coub-comments__author:hover { color: var(--coub-blue); }

.coub-skin .coub-comments__author.-deleted { color: var(--coub-neutral); cursor: default; }

.coub-skin .coub-comments__author.-deleted:hover { color: var(--coub-neutral); }

.coub-skin .coub-comments__date { color: var(--coub-neutral); font-size: 12px; }

.coub-skin .coub-comments__body { color: var(--coub-secondary); white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 4px; font-size: 14px; line-height: 20px; }

.coub-skin .coub-comments__body.-deleted { color: var(--coub-neutral); font-style: italic; }

.coub-skin .coub-comments__actions { align-items: center; gap: 16px; margin-top: 6px; display: flex; }

.coub-skin .coub-comments__action { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; color: var(--coub-neutral); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; align-items: center; gap: 4px; padding: 0px; font-size: 12px; display: inline-flex; }

.coub-skin .coub-comments__action svg { width: 14px; height: 14px; }

.coub-skin .coub-comments__action svg path { fill: var(--coub-neutral); }

.coub-skin .coub-comments__action:hover { color: var(--coub-blue); }

.coub-skin .coub-comments__action:hover svg path { fill: var(--coub-blue); }

.coub-skin .coub-comments__action:disabled { opacity: 0.6; cursor: default; }

.coub-skin .coub-comments__report { display: inline-flex; position: relative; }

.coub-skin .coub-comments__report-menu { z-index: 5; background-color: var(--coub-primary); min-width: 180px; box-shadow: var(--coub-shadow-block); border-radius: 8px; flex-direction: column; margin-top: 4px; padding: 4px 0px; display: flex; position: absolute; top: 100%; left: 0px; }

.coub-skin .coub-comments__report-reason { text-align: left; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; color: var(--coub-secondary); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 8px 14px; font-size: 13px; }

.coub-skin .coub-comments__report-reason:hover { background-color: var(--coub-hover-primary); }

.coub-skin .coub-comments__replies { border-left: 2px solid var(--coub-border); margin-top: 8px; padding-left: 16px; }

.coub-skin .coub-comments__more { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; color: var(--coub-blue); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin-top: 12px; padding: 8px 0px; font-size: 13px; display: inline-block; }

.coub-skin .coub-comments__more:hover { color: var(--coub-hover-blue); }

.coub-skin .coub-comments__more:disabled { opacity: 0.6; cursor: default; }

html:has(.cb-edtr__timeline-scroll) { overscroll-behavior-x: none; }

@keyframes coub-ed-processing-move { 
  0% { background-position-x: 0px; }
  100% { background-position-x: -35.355px; }
}

@keyframes coub-ed-spinner { 
  0% { opacity: 1; }
  100% { opacity: 0.065; }
}

@keyframes coub-ed-tc-coerced { 
  0% { background: var(--coub-alert); text-shadow: 0 0 0 var(--coub-on-blue); }
  100% { text-shadow: 0 0 0 var(--coub-secondary); background: 0px 0px; }
}

@keyframes coub-ed-tc-coerced-alt { 
  0% { background: var(--coub-alert); text-shadow: 0 0 0 var(--coub-on-blue); }
  100% { text-shadow: 0 0 0 var(--coub-secondary); background: 0px 0px; }
}

.coub-skin:has(.cb-edtr) .page-container { box-sizing: border-box; width: 100%; margin: 0px auto; padding-top: 0px; padding-bottom: 40px; overflow: hidden; }

.coub-skin .cb-edtr { margin-top: 20px; margin-bottom: 0px; }

.coub-skin .cb-edtr input[type="text"] { color: var(--coub-secondary); user-select: initial; }

.coub-skin .cb-edtr__body *, .coub-skin .cb-edtr__timeline-wrap *, .coub-skin .cb-edtr__timeline-controls * { user-select: none; }

.coub-skin .cb-edtr__mobile-stub { text-align: center; max-width: 480px; color: var(--coub-half-secondary); margin: 60px auto; font-size: 14px; line-height: 20px; display: none; }

@media only screen and (max-width: 1023px) {
  .coub-skin .cb-edtr, .coub-skin .cb-edtr__tips { display: none; }
  .coub-skin .cb-edtr__mobile-stub { display: block; }
}

.coub-skin .cb-edtr__body { width: 640px; height: 360px; box-shadow: var(--coub-shadow-block); background-color: var(--coub-primary); border-radius: 8px; margin: 0px auto; position: relative; }

.coub-skin .cb-edtr__body p { color: var(--coub-lightening-secondary); margin: 0px; font-size: 13px; line-height: 16px; }

.coub-skin .cb-edtr.-state-editing .cb-edtr__body { height: auto; box-shadow: none; background-color: rgba(0, 0, 0, 0); }

.coub-skin .cb-edtr__upload__buttons { text-align: left; height: 360px; }

.coub-skin .cb-edtr__upload-type { cursor: pointer; border-radius: 8px; flex-direction: column; width: 100%; height: 50%; padding: 30px 115px; display: flex; position: relative; }

.coub-skin .cb-edtr__upload-type > svg { margin: auto; position: absolute; top: 0px; bottom: 0px; left: 130px; }

.coub-skin .cb-edtr__upload-type h4 { margin-top: auto; font-size: 20px; }

.coub-skin .cb-edtr__upload-type > p { color: var(--coub-neutral); margin-bottom: auto; font-size: 16px; line-height: 19px; }

.coub-skin .cb-edtr__upload-type--external { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }

.coub-skin .cb-edtr__upload-type--external h4 { margin-bottom: 15px; }

.coub-skin .cb-edtr__upload-type--external::before { content: ""; background-color: var(--coub-appearing-secondary); width: 100%; height: 1px; position: absolute; top: 100%; left: 0px; }

.coub-skin .cb-edtr__upload-type--external.-hover { box-shadow: var(--coub-shadow-ring); }

.coub-skin .cb-edtr__upload-type--local { border-top-left-radius: 0px; border-top-right-radius: 0px; height: calc(50% - 3px); margin-top: 3px; padding-left: 206px; }

.coub-skin .cb-edtr__upload-type--local h4 { margin-bottom: 10px; }

.coub-skin .cb-edtr__upload-type--local:hover, .coub-skin .cb-edtr__upload-type--local.-dnd-target { box-shadow: var(--coub-shadow-ring); }

:is(.coub-skin .cb-edtr__upload-type--local:hover, .coub-skin .cb-edtr__upload-type--local.-dnd-target) > svg path { fill: var(--coub-blue); }

.coub-skin .cb-edtr__upload-form__input { margin-bottom: 10px; position: relative; }

.coub-skin .cb-edtr__upload-form__input .input-field { border-radius: 6px; height: 44px; padding: 13px 41px 14px 12px; font-size: 16px; }

.coub-skin .cb-edtr__upload-form__input .input-field::placeholder { color: var(--coub-neutral); }

.coub-skin .cb-edtr__upload-form__input .submit { cursor: pointer; border-radius: 6px; width: 44px; height: 100%; position: absolute; top: 0px; right: 0px; }

.coub-skin .cb-edtr__upload-form__input .submit:hover svg path { fill: var(--coub-blue); }

.coub-skin .cb-edtr__upload-form__input .submit svg { pointer-events: none; margin: auto; position: absolute; inset: 0px; transform: scaleX(-1); }

.coub-skin .cb-edtr__upload-form__input .-error-text { position: absolute; top: 80px; left: 0px; right: 0px; }

.coub-skin .cb-edtr__process { position: relative; overflow: hidden; }

.coub-skin .cb-edtr__process .cb-edtr__process-text { z-index: 0; }

.coub-skin .cb-edtr__process-text { position: absolute; }

.coub-skin .cb-edtr__process__upload, .coub-skin .cb-edtr__process__progress { height: 100%; transition: width 0.4s; position: absolute; top: 0px; left: 0px; overflow: hidden; }

:is(.coub-skin .cb-edtr__process__upload, .coub-skin .cb-edtr__process__progress) .cb-edtr__process-text { color: var(--coub-primary); }

.coub-skin .cb-edtr__process__upload { background-color: var(--coub-blue); z-index: 1; }

.coub-skin .cb-edtr__process__progress { z-index: 2; }

.coub-skin .cb-edtr__process__progress::before { content: ""; background-image: repeating-linear-gradient(-45deg, var(--coub-blue), var(--coub-blue) 10px, rgb(var(--coub-primary-rgb) / .5) 10px, rgb(var(--coub-primary-rgb) / .5) 25px); background-size: 35.355px 100%; height: 100%; animation: 2s linear 0s infinite normal none running coub-ed-processing-move; position: absolute; top: 0px; left: 0px; }

.coub-skin .cb-edtr__process-loader { flex-direction: column; justify-content: center; align-items: center; gap: 18px; min-height: 360px; display: flex; }

.coub-skin .cb-edtr__process-loader .cb-edtr__process-text { width: auto; color: var(--coub-half-secondary); max-width: 480px; font-size: 14px; position: static; }

.coub-skin .cb-edtr__process-loader .cb-edtr__process-text strong { color: var(--coub-secondary); }

.coub-skin .cb-edtr__process-bar-row { align-items: center; gap: 10px; display: flex; }

.coub-skin .cb-edtr__process-pct { color: var(--coub-half-secondary); font-variant-numeric: tabular-nums; text-align: left; min-width: 34px; font-size: 13px; }

.coub-skin .cb-edtr__process-bar { background: var(--coub-1-primary); border-radius: 999px; width: 280px; height: 6px; overflow: hidden; }

.coub-skin .cb-edtr__process-bar__fill { border-radius: inherit; background: var(--coub-blue); height: 100%; transition: width 0.2s; }

.coub-skin .cb-edtr__upload-process > p:first-of-type { color: var(--coub-secondary); text-align: center; margin-top: 17px; font-size: 13px; }

.coub-skin .cb-edtr__upload-process > p:last-of-type { color: var(--coub-half-secondary); text-align: center; width: 100%; font-size: 18px; position: absolute; bottom: 10px; }

.coub-skin .cb-edtr__upload-process .error { color: var(--coub-alert); }

.coub-skin .blackdrop__overlay { width: 100%; height: 100%; z-index: calc(var(--coub-z-header) + var(--coub-z-el-over)); background: rgba(0, 0, 0, 0.7); position: fixed; top: 0px; left: 0px; }

.coub-skin .blackdrop__element { z-index: calc(var(--coub-z-header) + var(--coub-z-el-over) + 1); background: var(--coub-primary); border-radius: 8px; position: relative; }

.coub-skin .cb-edtr__player { visibility: hidden; opacity: 0; z-index: -10; position: absolute; top: 0px; left: 0px; }

.coub-skin .cb-edtr__player.visible { visibility: visible; z-index: 0; opacity: 1; position: static; }

.coub-skin .cb-edtr__player-embed { width: var(--edtr-w,640px); height: var(--edtr-h,360px); background: rgb(0, 0, 0); border-radius: 4px; margin-inline: auto; position: relative; overflow: hidden; }

.coub-skin .cb-edtr__player-embed video { background: rgb(0, 0, 0); }

.coub-skin .cb-edtr__forward-note { z-index: 2; pointer-events: none; color: rgba(255, 255, 255, 0.8); background: rgba(0, 0, 0, 0.6); border-radius: 10px; padding: 5px 8px; font-size: 11px; line-height: 1; position: absolute; top: 8px; right: 8px; }

.coub-skin .cb-edtr__audio-gate { z-index: 3; cursor: default; background: rgba(0, 0, 0, 0.62); border: 0px; justify-content: center; align-items: center; width: 100%; padding: 0px; font-family: inherit; display: flex; position: absolute; inset: 0px; }

.coub-skin .cb-edtr__audio-gate.-tappable { cursor: pointer; }

.coub-skin .cb-edtr__audio-gate.-video { background: rgb(0, 0, 0); }

.coub-skin .cb-edtr__audio-gate-text { text-align: center; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px; max-width: 88%; font-size: 16px; font-weight: 600; line-height: 20px; }

.coub-skin .cb-edtr.-audio-gated .cb-edtr__timeline-wrap { pointer-events: none; opacity: 0.6; }

.coub-skin .cb-edtr.-audio-gated.-gate-film .cb-edtr__timeline-wrap { opacity: 1; }

.coub-skin .cb-edtr__player-bigplay { cursor: pointer; }

.coub-skin .cb-edtr__player-loader { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.5); border-radius: 5px; position: absolute; inset: 0px; }

.coub-skin .cb-edtr__player-loader .-centered-box { text-align: center; position: absolute; top: 50%; left: 0px; right: 0px; transform: translateY(-50%); }

.coub-skin .cb-edtr__player-loader h2 { line-height: 1.4; }

.coub-skin .cb-edtr__player-loader p { color: rgba(255, 255, 255, 0.8); font-size: 11px; }

.coub-skin .cb-edtr__player-loader .loadRotator { margin: 4px auto; display: block; }

.coub-skin .cb-edtr__player-controls { opacity: 1; text-align: left; z-index: 1; border-radius: 0px 0px 3px 3px; width: 100%; height: 45px; transition: opacity 0.15s ease-in-out; position: absolute; bottom: 0px; left: 0px; overflow: hidden; }

.coub-skin .cb-edtr__player-controls.hided { opacity: 0; }

.coub-skin .cb-edtr__player-controls__restart { cursor: pointer; filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px -1px 1px); opacity: 0.85; justify-content: center; align-items: center; width: 40px; height: 100%; transition: opacity 0.15s ease-in-out; display: flex; position: absolute; bottom: 0px; left: 0px; }

.coub-skin .cb-edtr__player-controls__restart:hover, .coub-skin .cb-edtr__player-controls__restart:focus-visible { opacity: 1; }

.coub-skin .cb-edtr__player-controls__progress { cursor: pointer; width: auto; height: 100%; position: absolute; bottom: 0px; left: 40px; right: 12px; }

.coub-skin .player-controls__progress { width: 100%; height: 100%; position: relative; }

.coub-skin .player-controls__progress-loading { z-index: 10; border-radius: 15px; width: 100%; height: 11px; position: absolute; top: 17px; left: 0px; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset; }

.coub-skin .player-controls__progress-loading .-fill { background-color: var(--coub-blue); width: 100%; transition: width 0.2s; }

.coub-skin .player-controls__progress-segment { cursor: pointer; position: relative; }

.coub-skin .progress-segment__con { z-index: 11; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); width: calc(100% + 8px); min-width: 7px; height: 13px; position: absolute; top: 16px; left: -4px; }

.coub-skin .progress-segment__con-vis { z-index: -1; border-radius: 15px; width: 100%; min-width: 7px; height: 7px; position: absolute; top: 3px; left: 0px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgba(0, 0, 0, 0.2) 1px 1px 1px inset, rgba(0, 0, 0, 0.2) 0px -1px 1px inset, rgba(0, 0, 0, 0.32) 0px 2px 1px 2px, rgba(0, 0, 0, 0.5) 2px 0px 2px 2px; }

.coub-skin .progress-segment__con-cur { background-color: var(--coub-accent); z-index: 10; width: 2px; height: 9px; position: absolute; top: 18px; }

.coub-skin .cb-edtr__timeline-wrap { margin-top: 0px; position: relative; }

.coub-skin .cb-edtr__timeline-scroll { scrollbar-width: none; overscroll-behavior-x: contain; padding: 50px 76px 44px; overflow: auto hidden; }

.coub-skin .cb-edtr__timeline { align-items: flex-start; width: max-content; min-width: 200px; margin: 0px auto; display: flex; position: relative; }

.coub-skin .cb-edtr__timeline.-with-audio { padding-bottom: 70px; }

.coub-skin .cb-edtr__timeline-ind { background: var(--coub-accent); z-index: 10; pointer-events: none; width: 3px; height: 62px; position: absolute; top: 0px; left: 0px; }

.coub-skin .cb-edtr__timeline__segment { z-index: 1; flex-shrink: 0; height: 62px; position: relative; }

.coub-skin .cb-edtr__timeline__segment.middle-part, .coub-skin .cb-edtr__timeline__segment.ending-part { margin-left: 6px; }

.coub-skin .segment__screenshots { background: 0px 0px; border-radius: 4px; width: 100%; height: 62px; position: relative; overflow: hidden; }

.coub-skin .segment__screenshots .segment__film { height: 62px; position: absolute; top: 0px; }

.coub-skin .segment__screenshots canvas { height: 62px; position: absolute; top: 0px; left: 0px; }

.coub-skin .segment__na { background: rgb(var(--coub-primary-rgb) / .6); z-index: 1; cursor: grab; touch-action: none; height: 62px; transition: background 0.15s linear; position: absolute; top: 0px; overflow: hidden; }

.coub-skin .segment__na:active { cursor: grabbing; }

.coub-skin .segment__na--left { left: 0px; }

.coub-skin .segment__na--right { right: 0px; }

.coub-skin .cb-edtr__timeline__segment.middle-part .segment__na--left, .coub-skin .cb-edtr__timeline__segment.ending-part .segment__na--left, .coub-skin .cb-edtr__timeline__segment.beginning-part .segment__na--right, .coub-skin .cb-edtr__timeline__segment.middle-part .segment__na--right { display: none; }

.coub-skin .segment__visible { z-index: 1; height: 62px; position: absolute; top: 0px; }

.coub-skin .cb-edtr__timeline__segment.current .segment__visible, .coub-skin .cb-edtr__timeline__segment.active .segment__visible, .coub-skin .cb-edtr__timeline__segment:hover .segment__visible { box-shadow: var(--coub-shadow-ring); z-index: var(--coub-z-el-over); border-radius: 5px; }

.coub-skin .segment__cutter { z-index: 10; cursor: grab; display: none; position: absolute; inset: 0px; }

.coub-skin .cb-edtr__timeline__segment.current .segment__cutter, .coub-skin .cb-edtr__timeline__segment.active .segment__cutter, .coub-skin .cb-edtr__timeline__segment:hover .segment__cutter { display: block; }

.coub-skin .cutter__handle { cursor: default; height: 100%; z-index: var(--coub-z-el-over); position: absolute; top: 10px; }

.coub-skin .cutter__handle--left { left: 0px; }

.coub-skin .cutter__handle--right { right: 0px; }

.coub-skin .cutter__handle-dragger { cursor: ew-resize; touch-action: none; background: var(--coub-blue); border-radius: 5px; width: 11px; height: 49px; font-size: 0.1px; display: block; position: absolute; top: -3px; }

.coub-skin .cutter__handle-dragger::before { content: ""; background: rgb(var(--coub-primary-rgb) / .3); border-radius: 1px; width: 3px; height: 35px; position: absolute; top: 7px; left: 4px; }

.coub-skin .cutter__handle--left .cutter__handle-dragger { left: -7px; }

.coub-skin .cutter__handle--right .cutter__handle-dragger { right: -7px; }

.coub-skin .segment__window-dragger { cursor: grab; touch-action: none; position: absolute; top: 0px; bottom: 0px; }

.coub-skin .segment__window-dragger:active { cursor: grabbing; }

.coub-skin .cb-edtr__timeline__limiter { background: var(--coub-lightening-primary); z-index: 3; pointer-events: none; height: 76px; position: absolute; top: -7px; }

.coub-skin .cb-edtr__time-stamp { white-space: nowrap; font-size: 0px; }

.coub-skin .cb-edtr__time-stamp time, .coub-skin .cb-edtr__time-stamp span:not(.sr-only) { font-size: 10px; }

.coub-skin .cb-edtr__time-stamp span:not(.sr-only) { margin: 0px 1px; }

.coub-skin .cb-edtr__time-stamp input { font-family: var(--coub-font-bold); letter-spacing: -0.04em; color: rgba(0, 0, 0, 0); width: 16px; max-width: 60px; height: 13px; text-shadow: 0 0 0 var(--coub-secondary); caret-color: var(--coub-on-blue); border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px dashed var(--coub-neutral); text-align: center; background: 0px 0px; border-radius: 0px; outline: none; padding: 0px; font-size: 11px; font-weight: 700; display: inline-block; }

.coub-skin .cb-edtr__time-stamp input:active, .coub-skin .cb-edtr__time-stamp input:focus { background: var(--coub-blue-cta); text-shadow: 0 0 0 var(--coub-on-blue); }

.coub-skin .cb-edtr__time-stamp input.-coerced-a, .coub-skin .cb-edtr__time-stamp input.-coerced-b { border-bottom-color: var(--coub-alert); }

.coub-skin .cb-edtr__time-stamp input.-coerced-a { animation: 0.7s ease-out 0s 1 normal none running coub-ed-tc-coerced; }

.coub-skin .cb-edtr__time-stamp input.-coerced-b { animation: 0.7s ease-out 0s 1 normal none running coub-ed-tc-coerced-alt; }

@media (prefers-reduced-motion: reduce) {
  .coub-skin .cb-edtr__time-stamp input.-coerced-a, .coub-skin .cb-edtr__time-stamp input.-coerced-b { text-shadow: 0 0 0 var(--coub-alert); animation: auto ease 0s 1 normal none running none; }
}

.coub-skin .cb-edtr__timeline__stamp { text-align: center; border-bottom: 1px dashed var(--coub-neutral); box-sizing: content-box; width: 100%; height: 7px; padding: 0px 3px; position: absolute; top: -22px; left: 0px; }

.coub-skin .cb-edtr__timeline__stamp.-max { border-bottom-color: var(--coub-blue); }

.coub-skin .cb-edtr__timeline__stamp.-max .timeline__stamp-inner { color: var(--coub-blue); }

.coub-skin .cb-edtr__timeline__stamp.error { border-bottom-color: var(--coub-alert); }

.coub-skin .cb-edtr__timeline__stamp.error .cb-edtr__time-stamp input { text-shadow: 0 0 0 var(--coub-alert); border-bottom-color: var(--coub-alert); }

.coub-skin .cb-edtr__timeline__stamp.error .timeline__stamp-inner { color: var(--coub-alert); }

.coub-skin .cb-edtr__timeline__stamp .timeline__triangle { width: 5px; height: 5px; position: absolute; top: 5px; }

.coub-skin .cb-edtr__timeline__stamp .timeline__triangle svg { display: block; }

.coub-skin .cb-edtr__timeline__stamp .timeline__triangle.left { left: -1px; }

.coub-skin .cb-edtr__timeline__stamp .timeline__triangle.right { margin-left: -4px; left: 100%; transform: scaleX(-1); }

.coub-skin .cb-edtr__timeline__stamp .timeline__stamp-inner { white-space: nowrap; background-color: var(--coub-primary); margin-top: 2px; padding: 0px 5px; display: inline-block; position: relative; top: -4px; }

.coub-skin .cb-edtr__timeline__stamp .timeline__stamp-max { color: var(--coub-neutral); margin-left: 5px; font-size: 10px; }

.coub-skin .cutter__frames-shifter { cursor: default; height: 57px; padding-top: 6px; transition: opacity 0.15s; position: absolute; top: -57px; left: 50%; transform: translate(-50%); }

.coub-skin .cutter__frames-shifter.-only-hvr { opacity: 0; pointer-events: none; }

.coub-skin .cutter__frames-shifter.focused { opacity: 1 !important; pointer-events: auto !important; }

.coub-skin .cutter__handle:hover .cutter__frames-shifter { opacity: 1; pointer-events: auto; }

.coub-skin .segment__cutter .cutter__handle .cutter__frames-shifter.-only-hvr.-open { opacity: 1; transition: opacity 0.15s, transform; }

.coub-skin .segment__cutter .cutter__handle .cutter__frames-shifter { transition: opacity 0.15s, transform 0.15s; }

.coub-skin .segment__cutter .cutter__handle--left .cutter__frames-shifter.-open { transform: translateX(calc(-50% - var(--edge-spread,0px))); }

.coub-skin .segment__cutter .cutter__handle--right .cutter__frames-shifter.-open { transform: translateX(calc(-50% + var(--edge-spread,0px))); }

.coub-skin .segment__cutter .cutter__handle .frames-shifter__dropdown-arrow { transition: margin-left 0.15s; }

.coub-skin .segment__cutter .cutter__handle--left .-open .frames-shifter__dropdown-arrow { margin-left: calc(-6px + var(--edge-arrow,0px)); transition: margin-left; }

.coub-skin .segment__cutter .cutter__handle--right .-open .frames-shifter__dropdown-arrow { margin-left: calc(-6px - var(--edge-arrow,0px)); transition: margin-left; }

.coub-skin .frames-shifter__container { text-align: center; background: rgb(var(--coub-primary-rgb) / .9); width: 120px; height: 30px; box-shadow: var(--coub-shadow-block); border-radius: 5px; justify-content: center; align-items: center; column-gap: 4px; line-height: 0; display: flex; position: relative; }

.coub-skin .frames-shifter__container .cb-edtr__time-stamp input { border-bottom-color: rgba(0, 0, 0, 0); width: 16px; height: 14px; font-size: 12px; }

.coub-skin .frames-shifter__container .cb-edtr__time-stamp span { margin: 0px 1px 0px 0px; }

.coub-skin .frames-shifter__back { z-index: 10; border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-right: 1px solid rgb(var(--coub-secondary-rgb) / .1); cursor: pointer; background: 0px 0px; border-radius: 4px 0px 0px 4px; justify-content: center; align-items: center; width: 26px; height: 100%; padding: 0px; display: flex; }

.coub-skin .frames-shifter__back:not(:disabled):hover svg path, .coub-skin .frames-shifter__back:not(:disabled):focus-visible svg path { fill: var(--coub-blue); }

.coub-skin .frames-shifter__back:first-of-type { margin-right: auto; }

.coub-skin .frames-shifter__back:last-of-type { margin-left: auto; transform: scaleX(-1); }

.coub-skin .frames-shifter__dropdown-arrow { border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); border-top: 5px solid rgb(var(--coub-primary-rgb) / .9); width: 0px; height: 0px; filter: drop-shadow(0 1px 0 var(--coub-border)); z-index: 14; margin-left: -6px; position: absolute; bottom: 16px; left: 50%; }

.coub-skin .cutter__frames-shifter--part { pointer-events: none; width: 100%; height: 40px; padding-top: 10px; transition: opacity 0.12s ease-out; top: 100%; }

.coub-skin .cutter__frames-shifter--part .frames-shifter__container { box-sizing: border-box; width: fit-content; min-width: 55px; margin: 0px auto; padding: 0px 8px; }

.coub-skin .cutter__frames-shifter--part .frames-shifter__dropdown-arrow { border-top: 0px; border-left-width: 3px; border-right-width: 3px; border-bottom: 3px solid rgb(var(--coub-primary-rgb) / .9); filter: drop-shadow(0 -1px 0 var(--coub-border)); pointer-events: none; z-index: auto; margin-left: -3px; top: 7px; bottom: auto; }

.coub-skin .cb-edtr__timeline__segment:hover .cutter__frames-shifter--part.-only-hvr, .coub-skin .cutter__frames-shifter--part.-only-hvr.-open { opacity: 1; pointer-events: auto; }

:is(.coub-skin .cb-edtr__timeline:has(.cb-edtr-audio__cutter .cutter__frames-shifter.-open) .cb-edtr__timeline__segment .cutter__frames-shifter--part, .coub-skin .cb-edtr__timeline:has(.cb-edtr-audio__cutter.-dragging) .cb-edtr__timeline__segment .cutter__frames-shifter--part, .coub-skin .cb-edtr__timeline:has(.cb-edtr-audio__len.-open:not([data-off])) .cb-edtr__timeline__segment .cutter__frames-shifter--part, .coub-skin .cb-edtr__timeline:has(.cutter__frames-shifter--part.focused) .cb-edtr-audio .cutter__frames-shifter) { opacity: 0; pointer-events: none; }

.coub-skin .segment__dnd-handler { z-index: 10; background-color: var(--coub-blue); cursor: move; touch-action: none; border-radius: 8px; justify-content: space-between; align-items: center; width: 29px; height: 11px; margin: auto; padding: 4px; display: none; position: absolute; bottom: -7px; left: 0px; right: 0px; }

.coub-skin .segment__dnd-handler span { background-color: rgb(var(--coub-primary-rgb) / .3); border-radius: 50%; width: 5px; height: 5px; }

.coub-skin .cb-edtr:not(.-single-segment) .cb-edtr__timeline__segment.current .segment__dnd-handler, .coub-skin .cb-edtr:not(.-single-segment) .cb-edtr__timeline__segment:hover .segment__dnd-handler { display: flex; }

.coub-skin .segment__body { position: absolute; inset: 0px; }

.coub-skin .cb-edtr__timeline__segment.-dragging { background: var(--coub-1-primary); z-index: var(--coub-z-el-over); border-radius: 4px; }

.coub-skin .cb-edtr__timeline__segment.-dragging .segment__body { transform: translate3d(var(--dnd-dx,0px), -4px, 0) rotate(var(--dnd-rot,0deg)); box-shadow: 0 0 0 2px var(--coub-accent), 0 4px 12px rgb(var(--coub-secondary-rgb) / .35); cursor: grabbing; will-change: transform; border-radius: 4px; }

.coub-skin .cb-edtr__timeline__segment.-landing .segment__body { transform: translate3d(var(--dnd-dx,0px), 0, 0) rotate(0deg); box-shadow: none; transition: transform 0.18s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.18s ease-out; }

.coub-skin .cb-edtr__timeline.-reordering .cb-edtr__timeline__segment.beginning-part { margin-left: var(--gut-l,0px); }

.coub-skin .cb-edtr__timeline.-reordering .cb-edtr__timeline__segment.ending-part, .coub-skin .cb-edtr__timeline.-holding .cb-edtr__timeline__segment.ending-part, .coub-skin .cb-edtr__timeline.-holding .cb-edtr__timeline__segment.single { margin-right: var(--gut-r,0px); }

.coub-skin .cb-edtr__timeline.-reordering .segment__na, .coub-skin .cb-edtr__timeline.-reordering .cb-edtr__timeline__stamp, .coub-skin .cb-edtr__timeline.-reordering .cb-edtr__timeline__limiter { display: none; }

.coub-skin .cb-edtr__timeline.-reordering .cb-edtr__timeline__segment .segment__visible { box-shadow: none; }

.coub-skin .cb-edtr__timeline.-reordering .cb-edtr__timeline-ind, .coub-skin .cb-edtr__timeline.-reordering .cb-edtr-audio, .coub-skin .cb-edtr__timeline.-reordering .cb-edtr__timeline__segment .segment__cutter, .coub-skin .cb-edtr__timeline.-reordering .cb-edtr__timeline__segment .sb-group--segment, .coub-skin .cb-edtr:not(.-single-segment) .cb-edtr__timeline.-reordering .cb-edtr__timeline__segment:not(.-dragging) .segment__dnd-handler { display: none; }

.coub-skin .cb-edtr__timeline.-reordering .cb-edtr__timeline__segment.-dragging .segment__dnd-handler { display: flex; }

.coub-skin .sb-group--segment { z-index: var(--coub-z-el-over); opacity: 0; transition: opacity 0.2s ease-in-out; position: absolute; top: 4px; right: 6px; }

.coub-skin .sb-group--segment .sb { justify-content: center; align-items: center; width: 18px; height: 18px; padding: 0px; line-height: 0; display: inline-flex; }

.coub-skin .segment__visible:hover .sb-group--segment, .coub-skin .cb-edtr__timeline__segment.active .sb-group--segment { opacity: 1; }

.coub-skin .segment__dropdown__handler svg path { fill: var(--coub-neutral); }

.coub-skin .segment__dropdown__handler:hover svg path { fill: var(--coub-on-blue); }

.coub-skin .segment__dropdown__content, .coub-skin .cb-edtr__add-source__list { background-color: var(--coub-primary); box-shadow: var(--coub-shadow-dropdown); border-radius: var(--coub-radius-dropdown); text-align: left; overflow: hidden; }

:is(.coub-skin .segment__dropdown__content, .coub-skin .cb-edtr__add-source__list) .list__item { align-items: center; height: 40px; font-size: 16px; display: flex; }

:is(.coub-skin .segment__dropdown__content, .coub-skin .cb-edtr__add-source__list) .list__item > button, :is(.coub-skin .segment__dropdown__content, .coub-skin .cb-edtr__add-source__list) .list__item > span { text-align: left; align-items: center; width: 100%; height: 100%; padding: 0px 12px; display: flex; }

:is(.coub-skin .segment__dropdown__content, .coub-skin .cb-edtr__add-source__list) .list__item svg { flex-shrink: 0; margin-right: 10px; }

.coub-skin .segment__dropdown__content { width: 250px; }

.coub-skin .segment__dropdown__content .list__item > button { white-space: nowrap; }

.coub-skin .segment__dropdown__content .segment__dropdown__source { border-top: 1px solid var(--coub-border); color: var(--coub-half-secondary); white-space: normal; overflow-wrap: anywhere; margin: 0px; padding: 8px 12px 10px; font-size: 12px; line-height: 16px; }

.coub-skin .cb-edtr__add-source__list { width: 220px; }

.coub-skin .cb-edtr__add-source__list.-paste-mode { width: 255px; }

.coub-skin .cb-edtr__add-source__paste { padding: 33px 15px 16px; position: relative; }

.coub-skin .cb-edtr__add-source__paste .input-field { width: 100%; height: 39px; padding: 11px 12px 10px; font-size: 13px; }

.coub-skin .cb-edtr__add-source__paste .back { color: var(--coub-half-secondary); cursor: pointer; background: 0px 0px; border: 0px; padding: 0px 8px; font-size: 12px; position: absolute; top: 10px; left: 8px; }

.coub-skin .cb-edtr__add-source__paste .back::before { content: ""; vertical-align: middle; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid var(--coub-half-secondary); margin-top: -2px; margin-right: 4px; display: inline-block; transform: rotate(90deg); }

.coub-skin .cb-edtr__add-source__paste .back:hover { color: var(--coub-blue); }

.coub-skin .cb-edtr__add-source__paste .back:hover::before { border-top-color: var(--coub-blue); }

.coub-skin .cb-edtr__add-source__paste .-error-text { margin-top: 10px; margin-bottom: 2px; font-size: 13px; }

.coub-skin .cb-edtr__dropdown-backdrop { z-index: var(--coub-z-abs-backdrop); cursor: default; position: fixed; inset: 0px; }

.coub-skin .cb-edtr__dropdown-fixed { z-index: var(--coub-z-abs-dropdown); position: fixed; }

.coub-skin .segment__indicators { background: var(--coub-blue); border-radius: 4px 0px 0px; justify-content: flex-end; align-items: flex-end; display: flex; position: absolute; bottom: 0px; right: 0px; }

@supports (color:color-mix(in lab, red, red)) {
  .coub-skin .segment__indicators { background: color-mix(in srgb, var(--coub-blue) 80%, transparent); }
}

.coub-skin .segment__indicators { z-index: 1; pointer-events: none; max-width: 100%; }

.coub-skin .segment__icon { opacity: 0; width: 22px; max-width: 0px; height: 19px; transition: opacity 0.15s; position: relative; overflow: hidden; }

.coub-skin .segment__icon svg { margin: auto; position: absolute; inset: 0px; }

.coub-skin .segment__icon svg path { fill: var(--coub-primary); }

.coub-skin .cb-edtr__timeline__segment.-mute .segment__mute-indicator { opacity: 1; max-width: initial; }

.coub-skin .segment__reverse-indicator { opacity: 0; z-index: 1; pointer-events: none; background: url("/coub/editor/reverse-pattern.png") 0px 0px / 4px 6px repeat-x; width: 100%; height: 6px; transition: opacity 0.15s; position: absolute; bottom: 0px; left: 0px; }

@media (min-resolution: 2x) {
  .coub-skin .segment__reverse-indicator { background-image: url("/coub/editor/reverse-pattern@2x.png"); }
}

.coub-skin .cb-edtr__timeline__segment.-reverse .segment__reverse-indicator { opacity: 1; }

.coub-skin .cb-edtr__timeline-status { text-align: center; color: var(--coub-half-secondary); margin-top: 10px; font-size: 13px; }

.coub-skin .cb-edtr__timeline-status strong { color: var(--coub-secondary); }

.coub-skin .cb-edtr__timeline-cancel { text-align: center; margin-top: 4px; }

.coub-skin .cb-edtr__timeline-cancel button.-string { color: rgb(136, 136, 136); font-size: 12px; text-decoration: underline; }

.coub-skin .cb-edtr__timeline-cancel button.-string:hover { color: var(--coub-secondary); }

.coub-skin .cb-edtr__alerts { box-sizing: border-box; border: 1px solid var(--coub-fading-secondary); text-align: center; border-radius: 8px; width: 981px; max-width: 100%; margin: 12px auto; padding: 8px 40px; position: relative; }

.coub-skin .cb-edtr__alert { color: var(--coub-half-secondary); overflow-wrap: anywhere; margin: 0px; font-size: 12px; line-height: 16px; }

.coub-skin .cb-edtr__alert.error { color: var(--coub-alert); }

.coub-skin .cb-edtr__alerts-close { cursor: pointer; opacity: 0.7; background: 0px 0px; border: 0px; justify-content: center; align-items: center; width: 24px; height: 24px; padding: 0px; display: flex; position: absolute; top: 4px; right: 4px; }

.coub-skin .cb-edtr__alerts-close:hover { opacity: 1; }

.coub-skin .cb-edtr__timeline-controls { justify-content: center; margin: 6px auto 0px; display: flex; position: relative; }

.coub-skin .cb-edtr__timeline-controls .sb { width: 80px; height: 80px; font-size: 12px; line-height: 12px; font-family: var(--coub-font-normal); letter-spacing: normal; flex-direction: column; align-items: center; padding: 14px 0px 12px; font-weight: 400; display: flex; }

.coub-skin .cb-edtr__timeline-controls .sb .title { white-space: normal; word-break: normal; margin: auto 0px; }

.coub-skin .cb-edtr__timeline-controls .sb svg { display: block; }

.coub-skin .cb-edtr__timeline-controls .sb:hover svg path, .coub-skin .cb-edtr__timeline-controls .sb.active svg path { fill: var(--coub-on-blue); }

.coub-skin .cb-edtr__timeline-controls .timeline-controls__mute.disabled { opacity: 0.4; }

.coub-skin .cb-edtr__timeline-controls .sb.disabled { pointer-events: none; }

.coub-skin .cb-edtr__timeline-controls .sb-group { text-align: left; display: flex; }

.coub-skin .cb-edtr__timeline-controls .sb-group--join .sb-join__btn { display: inline-block; position: relative; }

.coub-skin .cb-edtr__timeline-controls .sb-group--join .sb { background-color: var(--coub-primary); box-shadow: 0 -1px 0 0 var(--coub-border), 0 1px 0 0 var(--coub-border), -1px 0 0 0 var(--coub-border); border-radius: 0px; margin: 0px; }

.coub-skin .cb-edtr__timeline-controls .sb-group--join .sb:hover, .coub-skin .cb-edtr__timeline-controls .sb-group--join .sb.active { z-index: 1; background-color: var(--coub-blue-cta); color: var(--coub-on-blue); box-shadow: 0 -1px 0 0 var(--coub-blue), 0 1px 0 0 var(--coub-blue); }

.coub-skin .cb-edtr__timeline-controls .sb-group--join .sb-join__btn:first-of-type .sb { border-radius: var(--coub-radius-btn-rn) 0 0 var(--coub-radius-btn-rn); }

.coub-skin .cb-edtr__timeline-controls .sb-group--join .sb-join__btn:first-of-type .sb:hover, .coub-skin .cb-edtr__timeline-controls .sb-group--join .sb-join__btn:first-of-type .sb.active { box-shadow: 0 -1px 0 0 var(--coub-blue), 0 1px 0 0 var(--coub-blue), -1px 0 0 0 var(--coub-blue); }

.coub-skin .cb-edtr__timeline-controls .sb-group--join .sb-join__btn:last-of-type .sb { border-radius: 0 var(--coub-radius-btn-rn) var(--coub-radius-btn-rn) 0; box-shadow: var(--coub-shadow-block); }

.coub-skin .cb-edtr__timeline-controls .sb-group--join .sb-join__btn:last-of-type .sb:hover, .coub-skin .cb-edtr__timeline-controls .sb-group--join .sb-join__btn:last-of-type .sb.active { box-shadow: var(--coub-shadow-ring-small); }

.coub-skin .cb-edtr__timeline-controls .sb-group--join .sb-join__btn:first-of-type:last-of-type .sb { border-radius: var(--coub-radius-btn-rn); }

.coub-skin .timeline-controls__ur, .coub-skin .timeline-controls__direction { margin-right: 10px; }

.coub-skin .timeline-controls__mute svg:last-of-type, .coub-skin .timeline-controls__mute.active svg:first-of-type { display: none; }

.coub-skin .timeline-controls__mute.active svg:last-of-type { display: block; }

.coub-skin .timeline-controls__shadow-group { margin-right: 10px; }

.coub-skin .timeline-controls__shadow.active { z-index: 1; background-color: var(--coub-blue-cta); color: var(--coub-on-blue); }

.coub-skin .timeline-controls__shadow.active svg path { fill: var(--coub-on-blue); }

.coub-skin .cb-edtr__ghost-overlay { object-fit: cover; opacity: 0.5; pointer-events: none; z-index: 1; width: 100%; height: 100%; position: absolute; inset: 0px; }

.coub-skin .cb-edtr__wave-overlay { z-index: 2; pointer-events: none; color: rgb(255, 255, 255); align-items: center; display: flex; position: absolute; inset: 0px; }

.coub-skin .cb-edtr__wave-overlay canvas { opacity: 0.55; width: 100%; height: 45%; display: block; }

.coub-skin .cb-edtr__wave-overlay__ind { background: var(--coub-accent); pointer-events: none; width: 3px; position: absolute; top: 0px; bottom: 0px; left: 50%; transform: translate(-50%); }

.coub-skin .cb-edtr__wave-overlay__outside { pointer-events: none; background: rgba(0, 0, 0, 0.35); width: 50%; position: absolute; top: 0px; bottom: 0px; }

.coub-skin .cb-edtr__wave-overlay__outside.-left { left: 0px; }

.coub-skin .cb-edtr__wave-overlay__outside.-right { right: 0px; }

.coub-skin .timeline-controls__audio-dropdown-content, .coub-skin .timeline-controls__snd-dropdown-content { transform-origin: 0px 100%; top: auto; bottom: 100%; }

:is(.coub-skin .timeline-controls__audio-dropdown-content, .coub-skin .timeline-controls__snd-dropdown-content) .dropdown__content { width: 220px; }

:is(.coub-skin .timeline-controls__audio-dropdown-content, .coub-skin .timeline-controls__snd-dropdown-content).timeline-controls__audio-dropdown-content .dropdown__content { width: 270px; }

:is(.coub-skin .timeline-controls__audio-dropdown-content, .coub-skin .timeline-controls__snd-dropdown-content) .list__item.wave-overlay .checkbox-field { white-space: nowrap; width: 100%; height: 100%; font-size: 16px; }

:is(.coub-skin .timeline-controls__audio-dropdown-content, .coub-skin .timeline-controls__snd-dropdown-content) .list__item.wave-overlay .checkbox-field input[type="checkbox"] { opacity: 0; pointer-events: none; width: 1px; height: 1px; margin: 0px; display: block; position: absolute; }

:is(.coub-skin .timeline-controls__audio-dropdown-content, .coub-skin .timeline-controls__snd-dropdown-content) .list__item.wave-overlay .checkbox-field input[type="checkbox"]:focus-visible + .checkbox { box-shadow: 0 0 0 3px var(--coub-blue); }

:is(.coub-skin .timeline-controls__audio-dropdown-content, .coub-skin .timeline-controls__snd-dropdown-content) .list__item { align-items: center; height: 40px; padding: 0px 15px 0px 10px; font-size: 16px; display: flex; }

:is(.coub-skin .timeline-controls__audio-dropdown-content, .coub-skin .timeline-controls__snd-dropdown-content) .list__item svg { flex-shrink: 0; margin-right: 10px; }

:is(.coub-skin .timeline-controls__audio-dropdown-content, .coub-skin .timeline-controls__snd-dropdown-content) .list__item > i { cursor: pointer; margin-right: 10px; line-height: 0; }

:is(.coub-skin .timeline-controls__audio-dropdown-content, .coub-skin .timeline-controls__snd-dropdown-content) .list__item > button, :is(.coub-skin .timeline-controls__audio-dropdown-content, .coub-skin .timeline-controls__snd-dropdown-content) .list__item.list__item-beta > button { text-align: left; align-items: center; width: 100%; height: 100%; padding: 0px; font-size: 16px; display: flex; }

:is(.coub-skin .timeline-controls__audio-dropdown-content, .coub-skin .timeline-controls__snd-dropdown-content) .list__subhead { color: var(--coub-half-secondary); padding: 8px 15px 2px 10px; font-size: 12px; line-height: 14px; }

:is(.coub-skin .timeline-controls__audio-dropdown-content, .coub-skin .timeline-controls__snd-dropdown-content) .cb-edtr__add-source__list { box-shadow: none; border-radius: 0px; }

.coub-skin .list .list__item.-no-hover:hover { background-color: var(--coub-primary); }

.coub-skin input[type="range"].coub-ed-slider { appearance: none; background: var(--coub-2-primary); cursor: pointer; border-radius: 2px; outline: none; width: 160px; height: 2px; }

.coub-skin input[type="range"].coub-ed-slider::-webkit-slider-thumb { appearance: none; background: var(--coub-primary); width: 12px; height: 12px; box-shadow: 0 0 0 1px var(--coub-2-primary); border-radius: 50%; }

.coub-skin input[type="range"].coub-ed-slider::-webkit-slider-thumb:hover { box-shadow: 0 0 0 2px var(--coub-blue); }

.coub-skin .timeline-controls__done { margin-left: 33px; position: relative; }

.coub-skin .timeline-controls__done .sb { font-size: 14px; font-family: var(--coub-font-bold); letter-spacing: -0.04em; justify-content: center; padding: 0px; font-weight: 700; }

.coub-skin .timeline-controls__done .sb.disabled { opacity: 0.5; }

.coub-skin .done__notes { width: 200px; position: absolute; top: 90px; left: 50%; transform: translate(-50%); }

.coub-skin .done__note { text-align: center; width: 100%; color: var(--coub-half-secondary); font-size: 12px; }

.coub-skin .done__note.error { color: var(--coub-alert); }

.coub-skin .done__note > a { color: var(--coub-half-secondary); font-size: 12px; }

.coub-skin .cb-edtr-audio { z-index: 3; height: 26px; position: absolute; top: 116px; left: 0px; }

.coub-skin .cb-edtr-audio__frame { height: 26px; box-shadow: var(--coub-shadow-block); background: var(--coub-primary); border-radius: 4px; position: absolute; top: 0px; }

.coub-skin .cb-edtr-audio__ribbon { width: 0px; height: 26px; color: var(--coub-neutral); pointer-events: none; position: absolute; top: 0px; }

.coub-skin .cb-edtr-audio__ribbon-zone { width: 0px; height: 26px; position: absolute; top: 0px; }

.coub-skin .cb-edtr-audio__ribbon-grab { z-index: 1; cursor: grab; touch-action: none; position: absolute; inset: 0px; }

.coub-skin .cb-edtr-audio__ribbon-grab:active, .coub-skin .cb-edtr-audio__ribbon-grab.-dragging { cursor: grabbing; }

.coub-skin .cb-edtr-audio__cutter { cursor: ew-resize; touch-action: none; z-index: 2; width: 11px; height: 26px; position: absolute; top: 0px; left: 0px; }

.coub-skin .cb-edtr-audio__cutter::before { content: ""; background-color: var(--coub-blue); border-radius: 5px; width: 11px; height: 20px; position: absolute; top: 3px; left: 0px; }

.coub-skin .cb-edtr-audio__cutter::after { content: ""; background-color: rgb(var(--coub-primary-rgb) / .3); border-radius: 1px; width: 3px; height: 12px; position: absolute; top: 7px; left: 4px; }

.coub-skin .cb-edtr-audio__cutter[data-parked]::before { background-color: var(--coub-half-secondary); }

.coub-skin .cb-edtr-audio__cut { pointer-events: none; z-index: 1; height: 26px; line-height: 0; position: absolute; top: 0px; }

.coub-skin .cb-edtr-audio__cut path { fill: var(--coub-neutral); }

@supports (color:color-mix(in lab, red, red)) {
  .coub-skin .cb-edtr-audio__cut path { fill: color-mix(in srgb, var(--coub-neutral) 40%, var(--coub-primary)); }
}

.coub-skin .cb-edtr-audio__cut path:last-of-type { fill: var(--coub-primary); }

.coub-skin .cb-edtr-audio__loop-mark { background: var(--coub-blue); width: 1px; height: 26px; position: absolute; top: 0px; }

@supports (color:color-mix(in lab, red, red)) {
  .coub-skin .cb-edtr-audio__loop-mark { background: color-mix(in srgb, var(--coub-blue) 45%, transparent); }
}

.coub-skin .cb-edtr-audio__loop-mark { pointer-events: none; z-index: 1; }

.coub-skin .cb-edtr-audio__loop-mark::before { content: attr(data-text); white-space: nowrap; color: var(--coub-third-secondary); font-size: 9px; line-height: 11px; position: absolute; top: 28px; left: -10px; }

.coub-skin .cb-edtr-audio__loop-mark.-no-caption::before { display: none; }

.coub-skin .cb-edtr-audio__ind { background: var(--coub-accent); z-index: 1; pointer-events: none; width: 3px; height: 26px; position: absolute; top: 0px; left: 0px; }

.coub-skin .cb-edtr-audio__cutter .cutter__handle-dragger { z-index: 1; cursor: ew-resize; touch-action: none; background: 0px 0px; border-radius: 0px; height: auto; position: absolute; inset: 0px; }

.coub-skin .cb-edtr-audio__cutter .cutter__handle-dragger::before { display: none; }

.coub-skin .cb-edtr-audio__cutter .cutter__frames-shifter.-open, .coub-skin .cb-edtr-audio__cutter.-dragging .cutter__frames-shifter { opacity: 1; pointer-events: auto; }

.coub-skin .cb-edtr-audio__cutter .cutter__frames-shifter { height: 47px; padding: 6px 12px 0px; top: -47px; }

.coub-skin .cb-edtr-audio__cutter .cutter__frames-shifter .frames-shifter__dropdown-arrow { bottom: 6px; }

.coub-skin .cb-edtr-audio__len { height: 47px; padding: 6px 12px 0px; top: -47px; }

.coub-skin .cb-edtr-audio__len .frames-shifter__container { width: 76px; }

.coub-skin .cb-edtr-audio__len .frames-shifter__dropdown-arrow { bottom: 6px; }

.coub-skin .cb-edtr-audio__len[data-off] { display: none; }

.coub-skin .cb-edtr-audio__len.-open { opacity: 1; pointer-events: auto; }

.coub-skin .frames-shifter__back:disabled { opacity: 0.35; cursor: default; }

.coub-skin .modal--sub { text-align: center; width: 100%; height: 100%; z-index: var(--coub-z-modal); display: table; position: fixed; top: 0px; left: 0px; }

.coub-skin .modal__inner { vertical-align: middle; display: table-cell; }

.coub-skin .modal__background { background-color: rgba(0, 0, 0, 0.5); position: absolute; inset: 0px; }

.coub-skin .modal__close { cursor: pointer; z-index: 2; background: 0px 0px; border: 0px; padding: 4px; font-size: 10px; line-height: 0; position: absolute; top: 8px; right: 8px; }

.coub-skin .modal--simple .modal__content { background-color: var(--coub-primary); text-align: center; min-width: min(392px, -32px + 100vw); max-width: calc(-32px + 100vw); user-select: initial; border-radius: 8px; padding: 20px 40px; display: inline-block; position: relative; }

.coub-skin .modal__content h1 { margin-bottom: 24px; font-size: 26px; line-height: 1.3; }

.coub-skin .modal--edit-popup .modal__content { width: 470px; padding: 20px 30px; }

.coub-skin .modal--delete-coub .modal__content { text-align: left; width: 392px; }

.coub-skin .modal--delete-coub .delete-coub__text { margin-bottom: 24px; font-size: 14px; line-height: 1.4; }

.coub-skin .modal--delete-coub .delete-coub__buttons { flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 6px; display: flex; }

.coub-skin .modal--repost-picker .modal__content { text-align: left; width: 392px; }

.coub-skin .modal--my-sources .modal__content { text-align: left; width: 640px; padding: 20px 30px 24px; }

.coub-skin .modal--my-sources h1 { margin-bottom: 8px; }

.coub-skin .my-sources__scroll { max-height: min(480px, -220px + 100vh); margin: 8px -6px 0px; padding: 6px; overflow-y: auto; }

.coub-skin .my-sources__grid { grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); gap: 16px 12px; display: grid; }

.coub-skin .my-sources__tile { text-align: left; cursor: pointer; width: 100%; color: var(--coub-secondary); background: 0px 0px; border: 0px; padding: 0px; display: block; }

.coub-skin .my-sources__tile:disabled { cursor: default; opacity: 0.5; }

.coub-skin .my-sources__tile:hover .my-sources__thumb, .coub-skin .my-sources__tile:focus-visible .my-sources__thumb { box-shadow: 0 0 0 2px var(--coub-blue); }

.coub-skin .my-sources__tile:focus-visible { outline: none; }

.coub-skin .my-sources__thumb { background: var(--coub-hover-primary); border-radius: 8px; width: 100%; padding-top: 56.25%; display: block; position: relative; overflow: hidden; }

.coub-skin .my-sources__frame { position: absolute; overflow: hidden; }

.coub-skin .my-sources__frame img { user-select: none; max-width: none; height: auto; display: block; position: absolute; top: 0px; }

.coub-skin .my-sources__still { position: absolute; inset: 0px; }

.coub-skin .my-sources__still video, .coub-skin .my-sources__still canvas { object-fit: contain; pointer-events: none; width: 100%; max-width: none; height: 100%; display: block; position: absolute; inset: 0px; }

.coub-skin .my-sources__placeholder { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }

.coub-skin .my-sources__duration, .coub-skin .my-sources__expires { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); border-radius: 4px; padding: 1px 5px; font-size: 12px; line-height: 16px; position: absolute; }

.coub-skin .my-sources__duration { bottom: 6px; right: 6px; }

.coub-skin .my-sources__expires { top: 6px; left: 6px; }

.coub-skin .my-sources__busy { background: rgba(0, 0, 0, 0.35); justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }

.coub-skin .my-sources__title { white-space: nowrap; text-overflow: ellipsis; margin-top: 6px; font-size: 13px; line-height: 1.4; display: block; overflow: hidden; }

.coub-skin .my-sources__status { min-height: 160px; color: var(--coub-neutral); text-align: center; justify-content: center; align-items: center; font-size: 14px; line-height: 1.4; display: flex; }

.coub-skin .my-sources__status.-error-text { color: var(--coub-alert); }

.coub-skin .my-sources__more { color: var(--coub-blue); cursor: pointer; background: 0px 0px; border: 0px; margin: 16px auto 0px; padding: 8px 16px; font-size: 14px; display: block; }

.coub-skin .my-sources__more:disabled { cursor: default; }

.coub-skin .modal--my-sources .my-sources__error { text-align: left; margin-top: 12px; font-size: 14px; line-height: 1.4; }

.coub-skin .modal--delete-coub .-error-text { text-align: left; margin: -10px 0px 20px; font-size: 14px; line-height: 1.4; }

.coub-skin .channel--select { width: 100%; height: 38px; margin-bottom: 15px; line-height: 38px; display: block; }

.coub-skin .channel--select .dropdown__handler { display: block; }

.coub-skin .channel--select > .dropdown__handler > .sb.channel--select, .coub-skin .channel--select > .dropdown__handler > button.channel--select { text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; height: 38px; padding-left: 45px; line-height: 38px; display: block; position: relative; overflow: hidden; }

:is(.coub-skin .channel--select > .dropdown__handler > .sb.channel--select, .coub-skin .channel--select > .dropdown__handler > button.channel--select) > span { text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; }

:is(.coub-skin .channel--select > .dropdown__handler > .sb.channel--select, .coub-skin .channel--select > .dropdown__handler > button.channel--select) > img { object-fit: cover; border-radius: 3px 0px 0px 3px; width: 38px; height: 38px; position: absolute; top: 0px; left: 0px; }

.coub-skin .channel--select .dropdown__inner { width: 100%; top: 100%; left: 0px; }

.coub-skin .channel--select .dropdown__content { margin-top: -7px; }

.coub-skin .channel--select .list__item { font-size: 14px; }

.coub-skin .channel--select .list__item > button { min-height: 40px; padding: 8px 15px 8px 66px; position: relative; }

.coub-skin .channel--select .list__item > button > img { object-fit: cover; border-radius: 3px; width: 40px; height: 40px; position: absolute; top: 50%; left: 13px; transform: translateY(-50%); }

.coub-skin .modal--edit-popup .input-field-group { text-align: left; margin: 1px 0px 7px; position: relative; }

.coub-skin .modal--edit-popup .edit-popup__clear-tags { padding: 0px; position: absolute; top: calc(100% + 5px); right: 0px; }

.coub-skin .modal--edit-popup .edit-popup__form-error { color: var(--coub-alert); text-align: left; padding: 8px 10px 10px; font-size: 13px; line-height: 1.35; }

.coub-skin .modal--edit-popup .edit-popup__tags { text-align: left; flex-wrap: wrap; gap: 4px; padding: 8px 10px 0px; display: flex; }

.coub-skin .modal--edit-popup .edit-popup__tag { background: var(--coub-1-primary); height: 24px; color: var(--coub-secondary); white-space: nowrap; border-radius: 6px; align-items: center; gap: 4px; padding: 0px 6px; font-size: 12px; display: inline-flex; }

.coub-skin .modal--edit-popup .edit-popup__tag button { cursor: pointer; color: inherit; background: 0px 0px; border: 0px; padding: 0px; line-height: 1; }

.coub-skin .modal--edit-popup .edit-popup__tag-suggest { z-index: 3; background: var(--coub-primary); border: 1px solid var(--coub-1-primary); max-height: 220px; box-shadow: var(--coub-shadow-block); text-align: left; border-radius: 5px; margin-top: 2px; position: absolute; top: 100%; left: 0px; right: 0px; overflow-y: auto; }

.coub-skin .modal--edit-popup .edit-popup__tag-suggest li > button { cursor: pointer; width: 100%; color: var(--coub-secondary); background: 0px 0px; border: 0px; justify-content: space-between; gap: 8px; padding: 6px 10px; font-size: 13px; display: flex; }

.coub-skin .modal--edit-popup .edit-popup__tag-suggest li.selected > button, .coub-skin .modal--edit-popup .edit-popup__tag-suggest li > button:hover { background: var(--coub-1-primary); }

.coub-skin .modal--edit-popup .edit-popup__tag-suggest .edit-popup__tag-suggest__count { color: var(--coub-neutral); }

.coub-skin .modal--edit-popup .-error-text { text-align: left; min-height: 0px; margin: -2px 0px 20px; font-size: 14px; }

.coub-skin .modal--edit-popup .-error-text:empty { margin: 0px; }

.coub-skin .modal--edit-popup .media-flags { text-align: left; align-items: center; margin-top: 30px; display: flex; }

.coub-skin .checkbox-field { color: var(--coub-neutral); cursor: pointer; align-items: center; font-size: 14px; display: flex; position: relative; }

.coub-skin .checkbox-field input[type="checkbox"] { display: none; }

.coub-skin .checkbox-field .checkbox { vertical-align: middle; width: 18px; height: 18px; box-shadow: 0 0 0 1px var(--coub-1-primary); border-radius: 5px; flex-shrink: 0; margin-right: 8px; display: inline-block; position: relative; top: -1px; }

.coub-skin .checkbox-field input[type="checkbox"]:checked + .checkbox::after { content: ""; background: var(--coub-blue); width: 16px; height: 16px; position: absolute; top: 1px; left: 1px; mask: url("data:image/svg+xml,%3Csvg width='17' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.504 4.529a.75.75 0 01.094 1.056l-5.424 6.48a.75.75 0 01-1.142.01l-2.496-2.88a.75.75 0 011.133-.982l1.92 2.214 4.858-5.805a.75.75 0 011.057-.093z' fill='%23000'/%3E%3C/svg%3E") 50% center no-repeat; }

.coub-skin .checkbox-field:hover > .checkbox { box-shadow: 0 0 0 3px var(--coub-blue); }

.coub-skin .modal--edit-popup .checkbox-field:not(:first-of-type) { margin-top: 30px; }

.coub-skin .modal--edit-popup .edit-popup__schedule { text-align: left; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 30px; display: flex; }

.coub-skin .modal--edit-popup .edit-popup__schedule .checkbox-field { margin-right: auto; }

.coub-skin .modal--edit-popup .edit-popup__schedule select, .coub-skin .modal--edit-popup .edit-popup__schedule input[type="time"] { height: 32px; color: var(--coub-secondary); border: 1px solid var(--coub-appearing-secondary); background: 0px 0px; border-radius: 5px; padding: 0px 8px; font-size: 14px; }

:is(.coub-skin .modal--edit-popup .edit-popup__schedule select, .coub-skin .modal--edit-popup .edit-popup__schedule input[type="time"]):disabled { opacity: 0.4; cursor: not-allowed; }

.coub-skin .modal--edit-popup .info-icon { cursor: help; margin-left: auto; line-height: 0; }

.coub-skin .modal--edit-popup .edit-popup__note { color: var(--coub-neutral); text-align: left; margin: 20px 0px 0px; font-size: 12px; line-height: 1.4; }

.coub-skin .modal--edit-popup .edit-popup__communities { text-align: left; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-top: 4px; display: grid; }

.coub-skin .modal--edit-popup .edit-popup__community-list { max-height: 240px; overflow-y: auto; }

.coub-skin .modal--edit-popup .edit-popup__community-list .list__item > button { text-align: left; border-radius: 5px; align-items: center; gap: 8px; width: 100%; padding: 8px 10px; font-size: 14px; display: flex; }

.coub-skin .modal--edit-popup .edit-popup__community-list .list__item > button > img { object-fit: cover; border-radius: 3px; flex-shrink: 0; width: 24px; height: 24px; }

.coub-skin .modal--edit-popup .edit-popup__community-list .list__item.-selected > button { background: var(--coub-blue-cta); color: var(--coub-on-blue); }

.coub-skin .modal--edit-popup .edit-popup__community-rules { max-height: 240px; color: var(--coub-secondary); font-size: 13px; line-height: 1.4; overflow-y: auto; }

.coub-skin .modal--edit-popup .edit-popup__community-rules h2 { margin-bottom: 8px; font-size: 16px; }

.coub-skin .modal--edit-popup .edit-popup__community-rules p { margin-bottom: 8px; }

.coub-skin .modal--edit-popup .edit-popup__community-rules ul { padding-left: 18px; list-style: outside; }

.coub-skin .modal--edit-popup .edit-popup__community-rules li { margin-bottom: 6px; }

.coub-skin .modal--edit-popup .edit-popup__community-hint { color: var(--coub-neutral); }

.coub-skin .modal--edit-popup .edit-popup__footer { border-top: 1px solid var(--coub-appearing-secondary); justify-content: space-between; align-items: flex-start; margin: 14px -30px 0px; padding: 20px 30px 2px; display: flex; }

.coub-skin .dropdown--visibility .dropdown__inner { width: 155px; margin-bottom: 4px; bottom: 100%; left: 0px; }

.coub-skin .dropdown--visibility .sb.-toggle { padding: 0px 45px 0px 15px; }

.coub-skin .dropdown--visibility .list__item { font-size: 14px; }

.coub-skin .dropdown--visibility .list__item > button { padding: 10px 15px; }

.coub-skin .dropdown--visibility svg { vertical-align: middle; margin: -2px 6px 0px 0px; }

.coub-skin .cb-edtr__tips { border: 1px solid var(--coub-fading-secondary); width: 979px; user-select: initial; border-radius: 8px; margin: 50px auto 0px; }

.coub-skin .cb-edtr__tips img { position: absolute; }

.coub-skin .cb-edtr__tips p { color: var(--coub-half-secondary); margin-bottom: 10px; padding-right: 15px; font-size: 12px; line-height: 16px; }

.coub-skin .cb-edtr__tips h5 { margin-bottom: 4px; font-size: 19px; }

.coub-skin .cb-edtr__tips a { color: var(--coub-blue); font-size: 12px; }

.coub-skin .cb-edtr__tips a:hover { text-decoration: underline; }

.coub-skin[data-coub-theme="dark"] .cb-edtr__tips img { filter: invert(); }

.coub-skin .cb-edtr__tip { border-right: 1px solid var(--coub-fading-secondary); float: left; width: 25%; height: 130px; padding: 23px 10px 9px 50px; position: relative; }

.coub-skin .cb-edtr__tip:last-of-type { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }

.coub-skin .cb-edtr__tip.caption img { width: 18px; height: 20px; top: 21px; left: 21px; }

.coub-skin .cb-edtr__tip.reverse img { width: 26px; height: 10px; top: 26px; left: 14px; }

.coub-skin .cb-edtr__tip.restricted img { width: 22px; height: 22px; top: 21px; left: 20px; }

.coub-skin .cb-edtr__tip.length img { width: 22px; height: 24px; top: 19px; left: 19px; }

.coub-skin .cb-edtr__tip.mute img { width: 21px; height: 22px; top: 22px; left: 18px; }

.coub-skin .cb-edtr__tip.soundtrack img { width: 18px; height: 22px; top: 20px; left: 22px; }

.coub-skin .cb-edtr__tip.another_video img { width: 22px; height: 22px; top: 20px; left: 20px; }

.coub-skin .cb-edtr__tip.low_quality img { width: 23px; height: 18px; top: 22px; left: 18px; }

.coub-skin .cb-edtr__tip.ghost img { top: 19px; left: 21px; }

.coub-skin .cb-edtr__tip.ghost p { margin-bottom: 3px; }

.coub-skin .loadRotator { width: 44px; height: 44px; display: inline-block; position: relative; }

.coub-skin .loadRotator.small { width: 26px; height: 26px; }

.coub-skin .loadRotator > span { border: 2px solid var(--coub-blue); transform-origin: 50% 180%; border-radius: 16px; outline: rgba(0, 0, 0, 0) solid 1px; width: 0px; height: 12px; margin-left: -2px; animation: 0.6s steps(12) 0s infinite normal none running coub-ed-spinner; display: inline-block; position: absolute; top: 0px; left: 50%; }

.coub-skin .loadRotator.small > span { border-width: 1px; height: 7px; margin-left: -1px; }

.coub-skin .loadRotator > span:first-child { animation-delay: 0s; transform: rotate(0deg); }

.coub-skin .loadRotator > span:nth-child(2) { animation-delay: -50ms; transform: rotate(-30deg); }

.coub-skin .loadRotator > span:nth-child(3) { animation-delay: -100ms; transform: rotate(-60deg); }

.coub-skin .loadRotator > span:nth-child(4) { animation-delay: -150ms; transform: rotate(-90deg); }

.coub-skin .loadRotator > span:nth-child(5) { animation-delay: -200ms; transform: rotate(-120deg); }

.coub-skin .loadRotator > span:nth-child(6) { animation-delay: -250ms; transform: rotate(-150deg); }

.coub-skin .loadRotator > span:nth-child(7) { animation-delay: -300ms; transform: rotate(-180deg); }

.coub-skin .loadRotator > span:nth-child(8) { animation-delay: -350ms; transform: rotate(-210deg); }

.coub-skin .loadRotator > span:nth-child(9) { animation-delay: -400ms; transform: rotate(-240deg); }

.coub-skin .loadRotator > span:nth-child(10) { animation-delay: -450ms; transform: rotate(-270deg); }

.coub-skin .loadRotator > span:nth-child(11) { animation-delay: -500ms; transform: rotate(-300deg); }

.coub-skin .loadRotator > span:nth-child(12) { animation-delay: -550ms; transform: rotate(-330deg); }

.coub-skin .cb-edtr__screen-loader { flex-direction: column; justify-content: center; align-items: center; gap: 16px; height: 360px; display: flex; }

.coub-skin .cb-edtr__screen-loader p { color: var(--coub-half-secondary); font-size: 13px; }

.coub-skin .user-settings { justify-content: flex-start; align-items: flex-start; gap: 50px; padding: 20px 0px 60px; display: flex; }

.coub-skin .user-settings .user-settings__nav { flex-shrink: 0; align-self: flex-start; width: 280px; position: sticky; top: 86px; }

.coub-skin .user-settings .user-settings__body { flex-shrink: 0; width: 640px; min-width: 0px; }

.coub-skin .user-settings .user-settings__main { flex: 1 1 0%; min-width: 0px; max-width: 640px; }

@media (max-width: 1023px) {
  .coub-skin .user-settings { padding-left: var(--coub-mobile-gutter); padding-right: var(--coub-mobile-gutter); flex-direction: column; align-items: stretch; gap: 30px; }
  .coub-skin .user-settings .user-settings__nav, .coub-skin .user-settings .user-settings__body { width: 100%; position: static; top: auto; }
  .coub-skin .user-settings .page-menu.channel-tabs { margin-left: calc(-1 * var(--coub-mobile-gutter)); margin-right: calc(-1 * var(--coub-mobile-gutter)); }
}

.coub-skin .user-settings .user-settings__nav-group:not(:first-child) { margin-top: 40px; }

.coub-skin .user-settings .user-settings__nav-title { font-family: var(--coub-font-bold); letter-spacing: -0.04em; color: var(--coub-secondary); font-size: 24px; font-weight: 700; }

.coub-skin .user-settings .user-settings__nav-list { margin: 20px 0px 0px; padding: 0px; list-style: none; }

.coub-skin .user-settings .user-settings__nav-item { letter-spacing: -0.04em; min-height: 40px; color: var(--coub-neutral); align-items: center; gap: 12px; font-size: 18px; display: flex; }

.coub-skin .user-settings .user-settings__nav-item svg path { fill: currentcolor; }

.coub-skin .user-settings .user-settings__nav-item span { overflow-wrap: anywhere; min-width: 0px; }

.coub-skin .user-settings .user-settings__nav-item .channel-featured-icon { flex-shrink: 0; margin-left: -6px; }

.coub-skin .user-settings .user-settings__nav-item:hover { color: var(--coub-blue); }

.coub-skin .user-settings .user-settings__nav-item.-active, .coub-skin .user-settings .user-settings__nav-item.-current { font-family: var(--coub-font-bold); color: var(--coub-secondary); font-weight: 700; }

.coub-skin .user-settings .user-settings__nav-icon { background-color: var(--coub-1-primary); border-radius: 5px; flex-shrink: 0; justify-content: center; align-items: center; width: 30px; height: 30px; display: flex; }

.coub-skin .user-settings .user-settings__nav-icon svg { width: 20px; height: 20px; display: block; }

.coub-skin .user-settings .user-settings__nav-avatar { object-fit: cover; border-radius: 50%; flex-shrink: 0; width: 30px; height: 30px; display: block; }

.coub-skin .user-settings .user-settings__nav-add { color: var(--coub-half-secondary); cursor: pointer; align-items: center; margin-top: 16px; font-size: 14px; display: inline-flex; }

.coub-skin .user-settings .user-settings__nav-add:hover { color: var(--coub-blue); }

.coub-skin .user-settings .user-settings__channel-form { max-width: none; margin: 12px 0px 0px; }

.coub-skin .user-settings .user-settings__section { scroll-margin-top: 90px; }

.coub-skin .user-settings .user-settings__title { font-family: var(--coub-font-bold); letter-spacing: -0.04em; color: var(--coub-secondary); margin: 0px 0px 20px; font-size: 28px; font-weight: 700; }

.coub-skin .user-settings .user-settings__section-title { font-family: var(--coub-font-bold); letter-spacing: -0.6px; color: var(--coub-secondary); margin: 24px 0px 12px; font-size: 20px; font-weight: 700; }

.coub-skin .user-settings .user-settings__row { border-bottom: 1px solid var(--coub-border); align-items: center; gap: 16px; padding: 16px 0px; font-size: 14px; display: flex; }

.coub-skin .user-settings .user-settings__row:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.coub-skin .user-settings .user-settings__label { width: 170px; color: var(--coub-lightening-secondary); flex-shrink: 0; }

.coub-skin .user-settings .user-settings__value { min-width: 0px; color: var(--coub-secondary); word-break: break-word; flex: 1 1 0%; }

.coub-skin .user-settings .user-settings__label--wide { white-space: nowrap; width: auto; min-width: 170px; }

.coub-skin .user-settings .user-settings__value--select { justify-content: flex-end; display: flex; position: relative; }

.coub-skin .user-settings .user-settings__value--select::after { content: ""; pointer-events: none; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid var(--coub-secondary); width: 0px; margin-top: -2px; position: absolute; top: 50%; right: 12px; }

.coub-skin .user-settings .user-settings__link { color: var(--coub-blue); }

.coub-skin .user-settings .user-settings__link:hover { text-decoration: underline; }

.coub-skin .user-settings .user-settings__action { flex-shrink: 0; }

@media only screen and (max-width: 767px) {
  .coub-skin .user-settings .user-settings__row { flex-direction: column; align-items: stretch; gap: 8px; }
  .coub-skin .user-settings .user-settings__label { width: auto; }
  .coub-skin .user-settings .user-settings__label--wide { white-space: normal; min-width: 0px; }
  .coub-skin .user-settings .user-settings__value--select { max-width: 320px; display: block; }
}

.coub-skin .user-settings .user-settings__muted { color: var(--coub-half-secondary); }

.coub-skin .user-settings .user-settings__hint { color: var(--coub-half-secondary); margin-top: 6px; font-size: 13px; }

.coub-skin .user-settings .user-settings__error { color: var(--coub-alert); margin-top: 6px; font-size: 13px; }

.coub-skin .user-settings .user-settings__permalink-ok { color: var(--coub-blue); margin-top: 6px; font-size: 13px; }

.coub-skin .user-settings .user-settings__form { flex-direction: column; gap: 10px; max-width: 320px; margin-top: 12px; display: flex; }

.coub-skin .user-settings .user-settings__form-actions { align-items: center; gap: 10px; display: flex; }

.coub-skin .user-settings .user-settings__forgot { margin-left: auto; }

.coub-skin .user-settings .user-settings__select { appearance: none; font-family: var(--coub-font-normal); width: 100%; max-width: 320px; height: 30px; box-shadow: var(--coub-shadow-block); border-radius: var(--coub-radius-input-sq); background-color: var(--coub-primary); color: var(--coub-secondary); cursor: pointer; border: 0px; outline: none; padding: 0px 26px 0px 10px; font-size: 14px; font-weight: 400; }

.coub-skin .user-settings .user-settings__select:hover, .coub-skin .user-settings .user-settings__select:focus { box-shadow: var(--coub-shadow-ring-small); }

.coub-skin .user-settings .user-settings__chips { flex-wrap: wrap; align-items: center; gap: 8px; margin: 0px; padding: 0px; list-style: none; display: flex; }

.coub-skin .user-settings .user-settings__chip { background-color: var(--coub-hover-primary); height: 30px; color: var(--coub-secondary); border-radius: 16px; align-items: center; gap: 6px; padding: 0px 10px; font-size: 13px; display: inline-flex; }

.coub-skin .user-settings .user-settings__chip svg { flex-shrink: 0; width: 16px; height: 16px; }

.coub-skin .user-settings .user-settings__provider-initial { background-color: var(--coub-neutral); width: 16px; height: 16px; color: var(--coub-primary); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; font-size: 10px; line-height: 1; display: inline-flex; }

.coub-skin .user-settings .user-settings__chip-label { text-overflow: ellipsis; white-space: nowrap; max-width: 220px; overflow: hidden; }

.coub-skin .user-settings .user-settings__chip-remove { cursor: pointer; color: var(--coub-half-secondary); background: 0px 0px; border: 0px; padding: 0px 2px; font-size: 15px; line-height: 1; }

.coub-skin .user-settings .user-settings__chip-remove:hover { color: var(--coub-alert); }

.coub-skin .user-settings .user-settings__chip--add { border: 1px dashed var(--coub-1-primary); cursor: pointer; color: var(--coub-half-secondary); font-family: var(--coub-font-normal); background: 0px 0px; font-weight: 400; }

.coub-skin .user-settings .user-settings__chip--add:hover { border-color: var(--coub-blue); color: var(--coub-blue); }

.coub-skin .user-settings .user-settings__link-options { flex-wrap: wrap; gap: 8px; margin-top: 10px; display: flex; }

.coub-skin .user-settings .user-settings__link-options .sb { align-items: center; gap: 6px; display: inline-flex; }

.coub-skin .user-settings .user-settings__link-options .sb svg { flex-shrink: 0; width: 16px; height: 16px; }

.coub-skin .user-settings .user-settings__provider-confirm { color: var(--coub-half-secondary); flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 10px; font-size: 13px; display: flex; }

.coub-skin .user-settings .sb[disabled] { opacity: 0.5; cursor: default; pointer-events: none; }

.coub-skin .user-settings__coauthors-toggle { cursor: pointer; user-select: none; align-items: center; gap: 8px; font-size: 14px; display: flex; }

.coub-skin .user-settings__coauthors-toggle input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--coub-blue); cursor: pointer; }

.coub-skin .user-settings__coauthors { margin: 8px 0px 12px; font-size: 14px; }

.coub-skin .user-settings__coauthors .user-settings__coauthors-block { margin-top: 12px; }

.coub-skin .user-settings__coauthors .user-settings__coauthors-title { color: var(--coub-secondary); margin: 0px; }

.coub-skin .user-settings__coauthors .user-settings__coauthors-list { margin-top: 10px; }

.coub-skin .user-settings__coauthors .user-settings__coauthors-list .object-media__img img { border-radius: 50%; width: 48px; height: 48px; }

.coub-skin .user-settings__coauthors .user-settings__coauthors-list .channel { align-items: center; }

.coub-skin .user-settings__coauthors .user-settings__coauthor-remove { color: var(--coub-half-secondary); cursor: pointer; background: 0px 0px; border: 0px; flex-shrink: 0; margin-left: auto; padding: 6px; font-size: 14px; line-height: 1; }

.coub-skin .user-settings__coauthors .user-settings__coauthor-remove:hover { color: var(--coub-alert); }

.coub-skin .user-settings__coauthors .user-settings__coauthor-add { margin-top: 10px; }

.coub-skin .user-settings__coauthors .user-settings__coauthors-add { flex-direction: column; gap: 10px; margin-top: 10px; display: flex; }

.coub-skin .user-settings__coauthors .user-settings__coauthors-candidates { flex-direction: column; gap: 4px; display: flex; }

.coub-skin .user-settings__coauthors .user-settings__coauthor-candidate { width: 100%; color: var(--coub-secondary); text-align: left; cursor: pointer; background: 0px 0px; border: 0px; border-radius: 8px; align-items: center; gap: 10px; padding: 6px 8px; font-size: 14px; display: flex; }

.coub-skin .user-settings__coauthors .user-settings__coauthor-candidate img { border-radius: 50%; flex-shrink: 0; width: 32px; height: 32px; }

.coub-skin .user-settings__coauthors .user-settings__coauthor-candidate:hover { background-color: var(--coub-hover-primary); }

.coub-skin .user-settings__coauthors .user-settings__coauthor-candidate[disabled] { opacity: 0.5; cursor: default; }

.coub-skin .user-settings__back-link { color: var(--coub-half-secondary); margin-bottom: 16px; font-size: 14px; display: inline-block; }

.coub-skin .user-settings__back-link:hover { color: var(--coub-blue); }

.coub-skin .user-settings--channel .user-settings__channel-description { resize: vertical; height: auto; min-height: 96px; }

.coub-skin .user-settings--channel .user-settings__saved { color: var(--coub-half-secondary); align-self: center; font-size: 13px; }

.coub-skin .user-settings--channel .user-settings__cover-hint { font-size: 13px; }

.coub-skin .user-settings--channel .user-settings__cover-hint a { color: var(--coub-half-secondary); }

.coub-skin .user-settings--channel .user-settings__cover-hint a:hover { color: var(--coub-blue); }

.coub-skin .user-settings--channel .user-settings__coauthors-box .user-settings__coauthors { margin: 0px; }

.coub-skin .user-settings--channel .user-settings__permalink-group { align-items: stretch; display: flex; }

.coub-skin .user-settings--channel .user-settings__permalink-group .input-field__prefix { white-space: nowrap; user-select: none; height: 41px; color: var(--coub-neutral); background-color: var(--coub-hover-primary); border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--coub-radius-input-sq) 0 0 var(--coub-radius-input-sq); border-right: 0px; flex-shrink: 0; align-items: center; padding: 0px 10px; font-size: 14px; display: inline-flex; }

.coub-skin .user-settings--channel .user-settings__permalink-group .input-field { border-top-left-radius: 0px; border-bottom-left-radius: 0px; flex: 1 1 0%; min-width: 0px; }

.coub-skin .user-settings--channel .user-settings__channel-edit-form + .user-settings__box, .coub-skin .user-settings--channel .user-settings__box + .user-settings__box { margin-top: 16px; }

.coub-skin .user-settings--channel .user-settings__added-coauthor-box { padding-top: 30px; }

.coub-skin .user-settings--channel .user-settings__coauthors-title { color: var(--coub-secondary); margin: 0px; font-size: 20px; }

.coub-skin .user-settings--channel .user-settings__coauthors-cards { grid-template-columns: 1fr; gap: 12px; margin-top: 12px; display: grid; }

.coub-skin .user-settings--channel .user-settings__coauthor-card { background-color: var(--coub-primary); align-items: flex-start; gap: 12px; padding: 20px; display: flex; }

.coub-skin .user-settings--channel .user-settings__coauthor-card-avatar { border-radius: 50%; flex-shrink: 0; width: 52px; height: 52px; display: block; overflow: hidden; }

.coub-skin .user-settings--channel .user-settings__coauthor-card-avatar img, .coub-skin .user-settings--channel .user-settings__coauthor-card-avatar .image { object-fit: cover; width: 100%; height: 100%; display: block; }

.coub-skin .user-settings--channel .user-settings__coauthor-card-avatar:hover { box-shadow: var(--coub-shadow-ring-small); }

.coub-skin .user-settings--channel .user-settings__coauthor-card-body { flex-direction: column; flex: 1 1 0%; min-width: 0px; display: flex; }

.coub-skin .user-settings--channel .user-settings__coauthor-card-body > a { color: var(--coub-secondary); text-overflow: ellipsis; white-space: nowrap; font-size: 14px; overflow: hidden; }

.coub-skin .user-settings--channel .user-settings__coauthor-card-body > a:hover { color: var(--coub-blue); }

.coub-skin .user-settings--channel .user-settings__coauthor-card-reposts { color: var(--coub-secondary); margin-top: 3px; font-size: 13px; }

.coub-skin .user-settings--channel .user-settings__coauthor-card-stats { color: var(--coub-half-secondary); flex-wrap: wrap; gap: 2px 10px; margin-top: 2px; font-size: 13px; display: flex; }

.coub-skin .user-settings--channel .user-settings__coauthor-card-hidden { background-color: var(--coub-hover-primary); color: var(--coub-neutral); border-radius: 10px; align-self: flex-start; margin-top: 6px; padding: 2px 8px; font-size: 12px; }

.coub-skin .user-settings--channel .user-settings__coauthor-card-menu { flex-shrink: 0; margin-left: 4px; position: relative; }

.coub-skin .user-settings--channel .user-settings__coauthor-dropdown { z-index: var(--coub-z-dropdown); background-color: var(--coub-primary); border-radius: var(--coub-radius-dropdown); min-width: 190px; box-shadow: var(--coub-shadow-dropdown); margin-top: 6px; padding: 4px; position: absolute; top: 100%; right: 0px; }

.coub-skin .user-settings--channel .user-settings__coauthor-dropdown-item { text-align: left; width: 100%; color: var(--coub-secondary); cursor: pointer; background: 0px 0px; border: 0px; border-radius: 5px; padding: 8px 10px; font-size: 13px; display: block; }

.coub-skin .user-settings--channel .user-settings__coauthor-dropdown-item:hover { background-color: var(--coub-hover-primary); color: var(--coub-alert); }

.coub-skin .user-settings--channel .user-settings__coauthor-dropdown-item[disabled] { opacity: 0.5; cursor: default; }

.coub-skin .user-settings--channel .user-settings__coauthor-hide-me { color: var(--coub-half-secondary); cursor: pointer; user-select: none; align-items: center; gap: 6px; margin-top: 8px; font-size: 13px; display: flex; }

.coub-skin .user-settings--channel .user-settings__coauthor-hide-me input[type="checkbox"] { width: 15px; height: 15px; accent-color: var(--coub-blue); cursor: pointer; flex-shrink: 0; }

.coub-skin .user-settings--channel .user-settings__leave-coauthor { flex-shrink: 0; align-self: center; margin-left: 4px; }

.coub-skin .user-settings--channel .user-settings__box.user-settings__danger-box { margin-top: 28px; }

.coub-skin .channel-permalink-popup { box-sizing: border-box; background: var(--coub-primary); width: 360px; max-width: calc(-32px + 100vw); box-shadow: var(--coub-shadow-dropdown); text-align: center; border-radius: 15px; margin: auto; padding: 24px; position: relative; }

.coub-skin .channel-permalink-popup .channel-permalink-popup__title { color: var(--coub-secondary); font-size: 20px; }

.coub-skin .channel-permalink-popup .channel-permalink-popup__link-title { color: var(--coub-half-secondary); margin-top: 16px; font-size: 14px; }

.coub-skin .channel-permalink-popup .channel-permalink-popup__link { color: var(--coub-secondary); word-break: break-all; margin-top: 6px; font-size: 16px; }

.coub-skin .channel-permalink-popup .channel-permalink-popup__prefix { color: var(--coub-neutral); }

.coub-skin .channel-permalink-popup .channel-permalink-popup__link-sub { color: var(--coub-half-secondary); margin-top: 12px; font-size: 13px; }

.coub-skin .channel-permalink-popup .channel-permalink-popup__buttons { gap: 10px; margin-top: 20px; display: flex; }

.coub-skin .channel-permalink-popup .channel-permalink-popup__buttons .sb { flex: 1 1 0%; }

.coub-skin .channel-delete-popup { text-align: left; }

.coub-skin .channel-delete-popup .channel-delete-popup__body { color: var(--coub-secondary); margin-top: 16px; font-size: 14px; line-height: 1.4; }

.coub-skin .channel-delete-popup .channel-delete-popup__body strong { font-family: var(--coub-font-bold); font-weight: 700; }

.coub-skin .channel-delete-popup .channel-delete-popup__label { color: var(--coub-half-secondary); margin: 16px 0px 6px; font-size: 13px; display: block; }

.coub-skin .user-settings__notifications { --background: var(--coub-primary); --foreground: var(--coub-secondary); --muted-foreground: var(--coub-neutral); --border: var(--coub-border); --input: var(--coub-border); --card: var(--coub-hover-primary); --card-foreground: var(--coub-secondary); --primary: var(--coub-blue); --primary-foreground: var(--coub-on-blue); }

.coub-skin .user-settings__notifications p { margin-bottom: 0px; }

:is(.coub-skin .body-container:has(.user-settings__nav) .main-menu, .coub-skin .body-container:has(.user-settings--channel) .main-menu, .coub-skin .body-container:has(.follow-list-page--owner) .main-menu) { display: none; }

:is(.coub-skin .body-container:has(.user-settings__nav) .page-container, .coub-skin .body-container:has(.user-settings--channel) .page-container, .coub-skin .body-container:has(.follow-list-page--owner) .page-container) { border-left-width: 0px; }

.coub-skin .insider-handler { justify-content: center; align-items: center; width: 32px; display: flex; }

.coub-skin .insider-handler svg { stroke: var(--coub-neutral); fill: none; transition: stroke 0.1s; display: block; }

.coub-skin .insider-handler:hover svg, .coub-skin .insider-handler:active svg, .coub-skin .insider-handler.-unread svg { stroke: var(--coub-blue); }

.coub-skin .insider-handler .insider-handler__unread { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; width: 1px; height: 1px; position: absolute; overflow: hidden; }

.coub-skin .header-channel__notify-badge .sb.-notify-handler.insider-handler:hover svg path, .coub-skin .header-channel__notify-badge .sb.-notify-handler.insider-handler:active svg path { fill: none; }

.coub-skin .header__right > .header-channel__notify-badge.-anon { margin-right: 0px; }

.coub-skin .header.-transparent .insider-handler svg { stroke: var(--coub-primary); }

.coub-skin .header.-transparent .header-channel__notify-badge .sb.-notify-handler.insider-handler svg path { fill: none; }

.coub-skin .insider-dropdown .dropdown__inner { margin-top: -2px; top: calc(100% + 7px); right: -170px; }

.coub-skin .header-channel__notify-badge.-anon .insider-dropdown .dropdown__inner { right: -100px; }

.coub-skin .insider-dropdown__content { width: 340px; max-height: var(--coub-panel-max-height); font-family: var(--coub-font-normal); letter-spacing: normal; text-align: left; white-space: normal; flex-direction: column; font-weight: 400; display: flex; }

.coub-skin .insider-dropdown__header { border-bottom: 1px solid var(--coub-appearing-secondary); flex: 0 0 auto; padding: 14px 16px 12px; font-size: 14px; line-height: 1; }

.coub-skin .insider-dropdown__header a { color: var(--coub-lightening-secondary); }

.coub-skin .insider-dropdown__header a:hover { color: var(--coub-blue); }

.coub-skin .insider-dropdown__footer { flex: 0 0 auto; padding: 8px 12px 12px; }

.coub-skin .insider-list { flex: 1 1 auto; min-height: 0px; margin: 0px; padding: 6px 0px; list-style: none; overflow-y: auto; }

.coub-skin .insider-list.-page { padding: 0px; overflow: visible; }

.coub-skin .insider-item { align-items: flex-start; gap: 12px; padding: 10px 16px; display: flex; }

.coub-skin .insider-item .insider-item__icon { background: var(--coub-hover-primary); width: 40px; height: 40px; color: var(--coub-secondary); border-radius: 50%; flex: 0 0 auto; justify-content: center; align-items: center; display: flex; }

.coub-skin .insider-item .insider-item__icon svg { display: block; }

.coub-skin .insider-item.-problem .insider-item__icon { color: var(--coub-alert); background: rgba(232, 16, 16, 0.08); }

.coub-skin .insider-item .insider-item__body { flex: 1 1 auto; min-width: 0px; }

.coub-skin .insider-item .insider-item__text { color: var(--coub-secondary); overflow-wrap: anywhere; white-space: pre-line; margin: 0px; font-size: 14px; line-height: 1.35; }

.coub-skin .insider-item .insider-item__title { font-family: var(--coub-font-bold); letter-spacing: -0.02em; font-weight: 700; }

.coub-skin .insider-item .insider-item__link { color: var(--coub-blue); }

.coub-skin .insider-item .insider-item__link:hover { color: var(--coub-hover-blue); text-decoration: underline; }

.coub-skin .insider-item .insider-item__date { color: var(--coub-neutral); margin-top: 4px; font-size: 12px; line-height: 1.2; display: block; }

.coub-skin .insider-empty { text-align: center; color: var(--coub-neutral); padding: 24px 16px; font-size: 13px; }

.coub-skin .insider-empty.-page { padding: 48px 0px; font-size: 15px; }

.coub-skin .insider-more { background: var(--coub-hover-primary); width: 100%; height: 40px; color: var(--coub-secondary); font-family: var(--coub-font-bold); letter-spacing: -0.02em; cursor: pointer; border: 0px; border-radius: 8px; padding: 0px 16px; font-size: 14px; font-weight: 700; transition: background-color 0.1s; display: block; }

.coub-skin .insider-more:hover { background: var(--coub-1-primary); }

.coub-skin .insider-more:disabled { cursor: default; color: var(--coub-neutral); }

.coub-skin .insider-page { max-width: 640px; margin: 0px auto; padding: 32px 20px 80px; }

.coub-skin .insider-page .insider-page__title { margin: 0px 0px 6px; font-size: 32px; line-height: 1.15; }

.coub-skin .insider-page .insider-page__intro { color: var(--coub-neutral); margin: 0px 0px 24px; font-size: 15px; line-height: 1.45; }

.coub-skin .insider-page .insider-list.-page .insider-item { border-top: 1px solid var(--coub-appearing-secondary); padding: 14px 0px; }

.coub-skin .insider-page .insider-list.-page .insider-item:first-child { border-top: 0px; }

.coub-skin .insider-page .insider-list.-page .insider-item .insider-item__text { font-size: 15px; line-height: 1.4; }

.coub-skin .insider-page .insider-page__footer { margin-top: 16px; }

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .insider-page { padding: 20px 16px 60px; }
  .coub-skin .insider-page .insider-page__title { font-size: 26px; }
}

.coub-skin .coub-balance-handler { background-color: var(--coub-hover-primary); height: 34px; font-family: var(--coub-font-bold); letter-spacing: -0.04em; font-variant-numeric: tabular-nums; white-space: nowrap; border-radius: 17px; align-items: center; gap: 6px; padding: 0px 14px; font-size: 14px; font-weight: 700; transition: color 0.1s, background-color 0.1s; display: flex; }

.coub-skin .coub-balance-handler:hover, .coub-skin .coub-balance-handler[aria-expanded="true"] { color: var(--coub-blue); background-color: var(--coub-1-primary); }

.coub-skin .coub-balance-handler__unit { color: var(--coub-neutral); font-size: 13px; }

.coub-skin .coub-balance-handler:hover .coub-balance-handler__unit, .coub-skin .coub-balance-handler[aria-expanded="true"] .coub-balance-handler__unit { color: inherit; }

.coub-skin .coub-balance-dropdown__content { width: 320px; max-height: min(480px, -100px + 100vh); font-family: var(--coub-font-normal); letter-spacing: normal; text-align: left; white-space: normal; flex-direction: column; font-weight: 400; display: flex; }

.coub-skin .coub-balance-dropdown__header { border-bottom: 1px solid var(--coub-appearing-secondary); flex-direction: column; flex: 0 0 auto; gap: 2px; padding: 14px 16px 12px; display: flex; }

.coub-skin .coub-balance-dropdown__title { font-family: var(--coub-font-bold); font-size: 14px; font-weight: 700; line-height: 1.2; }

.coub-skin .coub-balance-dropdown__note { color: var(--coub-neutral); font-size: 12px; line-height: 1.3; }

.coub-skin .coub-balance-dropdown__empty { color: var(--coub-neutral); padding: 16px; font-size: 13px; }

.coub-skin .coub-balance-list { flex: 1 1 auto; min-height: 0px; margin: 0px; padding: 6px 0px; list-style: none; overflow-y: auto; }

.coub-skin .coub-balance-list__item { grid-template-columns: 1fr auto; align-items: baseline; column-gap: 10px; padding: 8px 16px; font-size: 13px; display: grid; }

.coub-skin .coub-balance-list__item:hover { background-color: var(--coub-hover-primary); }

.coub-skin .coub-balance-list__task { overflow-wrap: anywhere; grid-column: 1; }

.coub-skin .coub-balance-list__date { color: var(--coub-neutral); grid-column: 1; font-size: 12px; }

.coub-skin .coub-balance-list__points { font-family: var(--coub-font-bold); font-variant-numeric: tabular-nums; white-space: nowrap; grid-area: 1 / 2 / span 2; align-self: center; font-weight: 700; }

.coub-skin .coub-admin-topbar__links { white-space: nowrap; align-items: center; gap: 6px; display: inline-flex; }

.coub-skin .coub-admin-topbar__sep { color: var(--coub-neutral); font-size: 12px; line-height: 1; }

.coub-skin .coub-admin-topbar__toggle { height: 34px; color: var(--coub-secondary); font-family: var(--coub-font-bold); letter-spacing: 0.08em; cursor: pointer; background: 0px 0px; align-items: center; font-size: 12px; font-weight: 700; line-height: 1; text-decoration: none; display: inline-flex; }

.coub-skin .coub-admin-topbar__toggle:hover, .coub-skin .coub-admin-topbar__toggle.-on { color: var(--coub-blue); }

.coub-skin .coub-admin-topbar { z-index: calc(var(--coub-z-header) - 1); background: var(--coub-hover-primary); width: 100%; color: var(--coub-secondary); border-bottom: 1px solid var(--coub-border); font-family: var(--coub-font-normal); font-size: 12px; font-weight: 400; line-height: 1.35; position: sticky; top: 70px; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 6px; }

.coub-skin .coub-admin-topbar.-error { background: var(--coub-alert); color: rgb(255, 255, 255); }

.coub-skin .coub-admin-topbar__loading { color: var(--coub-neutral); }

.coub-skin .coub-admin-topbar__tombstone { background: var(--coub-alert); color: rgb(255, 255, 255); font-family: var(--coub-font-bold); flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 6px 20px; font-weight: 700; display: flex; }

.coub-skin .coub-admin-topbar__tombstone em { font-family: var(--coub-font-normal); opacity: 0.9; font-style: italic; font-weight: 400; }

.coub-skin .coub-admin-topbar__tombstone .coub-admin-topbar__btn { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }

.coub-skin .coub-admin-topbar__tombstone .coub-admin-topbar__btn:hover:not(:disabled) { background: rgba(255, 255, 255, 0.15); }

.coub-skin .coub-admin-topbar__inner { grid-template-columns: minmax(320px, 1.5fr) minmax(300px, 1.4fr) minmax(170px, 0.8fr) minmax(170px, 0.9fr); gap: 0px 18px; max-width: 100%; padding: 10px 20px 12px; display: grid; overflow-x: auto; }

.coub-skin .coub-admin-topbar__col { border-right: 1px solid var(--coub-border); min-width: 0px; padding-right: 18px; }

.coub-skin .coub-admin-topbar__col:last-child { border-right: 0px; padding-right: 0px; }

.coub-skin .coub-admin-topbar__head { flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 4px 8px; margin-bottom: 6px; display: flex; }

.coub-skin .coub-admin-topbar__head.-sub { border-top: 1px solid var(--coub-border); margin-top: 10px; padding-top: 8px; }

.coub-skin .coub-admin-topbar__head h4 { font-family: var(--coub-font-bold); letter-spacing: 0.1em; color: var(--coub-neutral); margin: 0px; font-size: 11px; font-weight: 700; }

.coub-skin .coub-admin-topbar__dl { grid-template-columns: max-content minmax(0px, 1fr); gap: 2px 10px; margin: 0px; display: grid; }

.coub-skin .coub-admin-topbar__dl dt { color: var(--coub-neutral); white-space: nowrap; }

.coub-skin .coub-admin-topbar__dl dd { overflow-wrap: anywhere; min-width: 0px; font-family: var(--coub-font-normal); margin: 0px; font-weight: 400; }

.coub-skin .coub-admin-topbar__dl small { color: var(--coub-neutral); }

.coub-skin .coub-admin-topbar__link { color: var(--coub-blue); text-decoration: none; }

.coub-skin .coub-admin-topbar__link:hover { color: var(--coub-hover-blue); text-decoration: underline; }

.coub-skin .coub-admin-topbar__red { color: var(--coub-alert); font-family: var(--coub-font-bold); font-weight: 700; }

.coub-skin .coub-admin-topbar__logins { flex-wrap: wrap; gap: 4px 10px; margin: 0px; padding: 0px; list-style: none; display: flex; }

.coub-skin .coub-admin-topbar__login { white-space: nowrap; }

.coub-skin .coub-admin-topbar__login.-last { font-family: var(--coub-font-bold); font-weight: 700; }

.coub-skin .coub-admin-topbar__login.-import { color: var(--coub-neutral); }

.coub-skin .coub-admin-topbar__login small { color: var(--coub-neutral); font-family: var(--coub-font-normal); font-weight: 400; }

.coub-skin .coub-admin-topbar__checks { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 3px 10px; display: grid; }

.coub-skin .coub-admin-topbar__checks.-two { grid-template-columns: repeat(2, minmax(0px, 1fr)); }

.coub-skin .coub-admin-topbar__check { cursor: pointer; align-items: flex-start; gap: 6px; display: inline-flex; }

.coub-skin .coub-admin-topbar__check input { accent-color: var(--coub-blue); flex: 0 0 auto; margin: 1px 0px 0px; }

.coub-skin .coub-admin-topbar__check.-all { font-family: var(--coub-font-bold); font-weight: 700; }

.coub-skin .coub-admin-topbar__note { margin-top: 8px; }

.coub-skin .coub-admin-topbar__textarea { box-sizing: border-box; resize: vertical; border: 1px solid var(--coub-border); border-radius: var(--coub-radius-input-sq); background: var(--coub-primary); width: 100%; min-height: 54px; color: var(--coub-secondary); font: inherit; padding: 6px 8px; display: block; }

.coub-skin .coub-admin-topbar__textarea:focus { box-shadow: var(--coub-shadow-ring-small); outline: none; }

.coub-skin .coub-admin-topbar__note-meta { color: var(--coub-neutral); flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 4px 8px; margin-top: 4px; display: flex; }

.coub-skin .coub-admin-topbar__flags { flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 8px 12px; margin-top: 8px; display: flex; }

.coub-skin .coub-admin-topbar__flags .coub-admin-topbar__checks { flex: 1 1 260px; }

.coub-skin .coub-admin-topbar__btns { flex-wrap: wrap; gap: 6px; display: flex; }

.coub-skin .coub-admin-topbar__btn { border-radius: var(--coub-radius-btn-sq); border: 1px solid var(--coub-third-secondary); height: 26px; color: var(--coub-secondary); font-family: var(--coub-font-bold); cursor: pointer; white-space: nowrap; background: 0px 0px; align-items: center; padding: 0px 10px; font-size: 11px; font-weight: 700; line-height: 1; text-decoration: none; display: inline-flex; }

.coub-skin .coub-admin-topbar__btn:hover:not(:disabled) { background: var(--coub-fading-secondary); color: var(--coub-secondary); }

.coub-skin .coub-admin-topbar__btn:disabled { opacity: 0.4; cursor: default; }

.coub-skin .coub-admin-topbar__btn.-primary { background: var(--coub-blue-cta); border-color: var(--coub-blue); color: var(--coub-on-blue); }

.coub-skin .coub-admin-topbar__btn.-primary:hover:not(:disabled) { background: var(--coub-hover-blue); color: var(--coub-on-blue); }

.coub-skin .coub-admin-topbar__btn.-danger { border-color: var(--coub-alert); color: var(--coub-alert); }

.coub-skin .coub-admin-topbar__btn.-danger:hover:not(:disabled) { background: var(--coub-alert); color: rgb(255, 255, 255); }

.coub-skin .coub-admin-topbar__channels { max-height: 120px; margin: 0px; padding: 0px; list-style: none; overflow-y: auto; }

.coub-skin .coub-admin-topbar__channel { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.coub-skin .coub-admin-topbar__channel .coub-admin-topbar__link { color: var(--coub-secondary); }

.coub-skin .coub-admin-topbar__channel.-active .coub-admin-topbar__link { color: var(--coub-blue); font-family: var(--coub-font-bold); font-weight: 700; }

.coub-skin .coub-admin-topbar__channel.-banned .coub-admin-topbar__link { color: var(--coub-alert); }

.coub-skin .coub-admin-topbar__channel.-deleted { color: var(--coub-neutral); text-decoration: line-through; }

.coub-skin .coub-admin-topbar__channel.-here .coub-admin-topbar__link { text-decoration: underline; }

.coub-skin .coub-admin-topbar__channel small { color: var(--coub-neutral); }

.coub-skin .coub-admin-topbar__legend { color: var(--coub-neutral); margin: 6px 0px 0px; font-size: 10px; }

.coub-skin .coub-admin-topbar__legend .-active { color: var(--coub-blue); }

.coub-skin .coub-admin-topbar__legend .-banned { color: var(--coub-alert); }

.coub-skin .coub-admin-topbar__legend .-deleted { text-decoration: line-through; }

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .coub-skin .coub-admin-topbar__col { border-right: 0px; border-bottom: 1px solid var(--coub-border); padding-bottom: 8px; padding-right: 0px; }
  .coub-skin .coub-admin-topbar__col:last-child { border-bottom: 0px; padding-bottom: 0px; }
  .coub-skin .coub-admin-topbar__inner { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px 18px; }
}

@media only screen and (max-width: 1023px) {
  .coub-skin .coub-admin-topbar { position: static; }
  .coub-skin .coub-admin-topbar__inner { grid-template-columns: 1fr; gap: 12px 0px; }
  .coub-skin .coub-admin-topbar__col { border-right: 0px; border-bottom: 1px solid var(--coub-border); padding-bottom: 8px; padding-right: 0px; }
}

.coub-skin .coub-admin-tombstone { border: 1px dashed var(--coub-alert); border-radius: var(--coub-radius-card); max-width: 640px; color: var(--coub-secondary); background: var(--coub-hover-primary); margin: 40px auto; padding: 24px; }

.coub-skin .coub-admin-tombstone h2 { font-family: var(--coub-font-bold); margin: 0px 0px 8px; font-size: 18px; font-weight: 700; }

.coub-skin .coub-admin-tombstone p { color: var(--coub-lightening-secondary); margin: 0px; font-size: 14px; }

.coub-skin .signup-sheet { z-index: var(--coub-z-modal); justify-content: center; align-items: flex-end; display: flex; position: fixed; inset: 0px; }

.coub-skin .signup-sheet__backdrop { cursor: pointer; background-color: rgba(0, 0, 0, 0.5); border: 0px; padding: 0px; position: absolute; inset: 0px; }

.coub-skin .signup-sheet__panel { box-sizing: border-box; width: 100%; max-width: 480px; max-height: 100%; padding: 28px 20px calc(20px + env(safe-area-inset-bottom,0px)); border-radius: var(--coub-radius-modal) var(--coub-radius-modal) 0 0; background-color: var(--coub-primary); color: var(--coub-secondary); text-align: center; position: relative; overflow-y: auto; }

.coub-skin .signup-sheet__close { cursor: pointer; width: 40px; height: 40px; color: var(--coub-half-secondary); background: 0px 0px; border: 0px; justify-content: center; align-items: center; padding: 0px; display: flex; position: absolute; top: 8px; right: 8px; }

.coub-skin .signup-sheet__title { font-family: var(--coub-font-bold); letter-spacing: -0.03em; margin: 0px 28px 8px; font-size: 20px; font-weight: 700; line-height: 24px; }

.coub-skin .signup-sheet__text { color: var(--coub-neutral); margin: 0px 0px 20px; font-size: 14px; line-height: 20px; }

.coub-skin .signup-sheet__btn { box-sizing: border-box; border: 1px solid var(--coub-border); border-radius: var(--coub-radius-btn-rn); background-color: var(--coub-primary); min-height: 44px; color: var(--coub-secondary); font-family: var(--coub-font-bold); cursor: pointer; flex: 1 1 0px; justify-content: center; align-items: center; gap: 10px; padding: 0px 12px; font-size: 15px; font-weight: 700; display: flex; }

.coub-skin .signup-sheet__btn:hover { background-color: var(--coub-hover-primary); }

.coub-skin .signup-sheet__btn:disabled { opacity: 0.5; cursor: default; }

.coub-skin .signup-sheet__btn.-primary { width: 100%; }

.coub-skin .signup-sheet__row { gap: 10px; margin-top: 10px; display: flex; }

.coub-skin .signup-sheet__row:empty { display: none; }

.coub-skin .signup-sheet__email { color: var(--coub-blue); font-family: var(--coub-font-bold); cursor: pointer; background: 0px 0px; border: 0px; margin: 16px auto 0px; padding: 8px 12px; font-size: 14px; font-weight: 700; display: block; }

.coub-skin .signup-sheet__agreement { color: var(--coub-neutral); margin-top: 12px; font-size: 12px; line-height: 16px; }

.coub-skin .signup-sheet__agreement a { color: inherit; text-decoration: underline; }

.coub-skin .signup-soft__copy { flex: 1 1 auto; min-width: 0px; line-height: 1.25; }

.coub-skin .signup-soft__title { font-family: var(--coub-font-bold); letter-spacing: -0.03em; font-size: 15px; font-weight: 700; }

.coub-skin .signup-soft__text { color: var(--coub-neutral); margin-top: 2px; font-size: 13px; }

.coub-skin .signup-soft__actions { flex: 0 0 auto; align-items: center; gap: 6px; display: flex; }

.coub-skin .signup-soft__cta { border-radius: var(--coub-radius-btn-rn); background-color: var(--coub-blue-cta); color: var(--coub-on-blue); font-family: var(--coub-font-bold); white-space: nowrap; cursor: pointer; border: 0px; padding: 9px 16px; font-size: 14px; font-weight: 700; }

.coub-skin .signup-soft__cta:hover { background-color: var(--coub-hover-blue); }

.coub-skin .signup-soft__later { color: var(--coub-neutral); white-space: nowrap; cursor: pointer; background: 0px 0px; border: 0px; padding: 9px 10px; font-size: 13px; }

.coub-skin .signup-soft__close { cursor: pointer; width: 32px; height: 32px; color: var(--coub-half-secondary); background: 0px 0px; border: 0px; justify-content: center; align-items: center; padding: 0px; display: flex; position: absolute; top: 4px; right: 4px; }

.coub-skin .signup-soft-bar { z-index: var(--coub-z-header); padding-bottom: env(safe-area-inset-bottom,0px); background-color: var(--coub-hover-primary); border-top: 1px solid var(--coub-border); color: var(--coub-secondary); position: fixed; bottom: 0px; left: 0px; right: 0px; }

.coub-skin .signup-soft-bar__inner { box-sizing: border-box; align-items: center; gap: 12px; max-width: 970px; margin: 0px auto; padding: 12px 44px 12px 16px; display: flex; position: relative; }

.coub-skin .signup-feed-card { box-sizing: border-box; border: 1px solid var(--coub-border); border-radius: var(--coub-radius-card); background-color: var(--coub-hover-primary); width: 640px; color: var(--coub-secondary); align-items: center; gap: 16px; margin-bottom: 50px; padding: 20px 44px 20px 20px; display: flex; position: relative; }

@media only screen and (min-width: 1024px) {
  .coub-skin .signup-sheet { align-items: center; }
  .coub-skin .signup-sheet__panel { border-radius: var(--coub-radius-modal); max-width: 400px; padding-bottom: 24px; }
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .coub-skin .signup-feed-card { flex-direction: column; align-items: stretch; gap: 12px; width: calc(100% - 40px); max-width: 600px; margin: 0px auto 20px; padding: 16px 40px 16px 16px; }
  .coub-skin .signup-soft-bar__inner { flex-wrap: wrap; gap: 10px; padding: 12px 40px 12px 16px; }
  .coub-skin .signup-soft-bar .signup-soft__actions { width: 100%; }
  .coub-skin .signup-soft__cta { flex: 1 1 auto; min-height: 40px; }
}

.creator-page { box-sizing: border-box; max-width: 720px; color: var(--coub-secondary); margin: 0px auto; padding: 0px 16px 120px; }

.creator-flow { position: relative; }

.creator-stage { flex-direction: column; gap: 16px; display: flex; }

.creator-muted { color: var(--coub-neutral); font-size: 13px; }

.creator-header { grid-template-columns: 44px 1fr minmax(44px, auto); align-items: center; gap: 8px; padding: 12px 0px; display: grid; }

.creator-header__side { align-items: center; display: flex; }

.creator-header__side.-end { justify-content: flex-end; }

.creator-header__title { text-align: center; min-width: 0px; }

.creator-header__title h1 { text-overflow: ellipsis; white-space: nowrap; margin: 0px; font-size: 20px; font-weight: 700; line-height: 1.2; overflow: hidden; }

.creator-header__subtitle { color: var(--coub-neutral); font-size: 13px; }

.creator-tile { border: 1px solid var(--coub-border); border-radius: var(--coub-radius-block); background: var(--coub-primary); width: 44px; height: 44px; color: var(--coub-secondary); cursor: pointer; justify-content: center; align-items: center; padding: 0px; display: inline-flex; }

.creator-tile:hover { background: var(--coub-hover-primary); }

.creator-tile.-small { width: 32px; height: 32px; }

.creator-tile.-over { position: absolute; bottom: 12px; right: 12px; }

.creator-button { border-radius: var(--coub-radius-block); cursor: pointer; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0); justify-content: center; align-items: center; gap: 8px; width: 100%; min-height: 48px; padding: 0px 20px; font-size: 15px; font-weight: 700; text-decoration: none; display: inline-flex; }

.creator-button.-primary { background: var(--coub-blue-cta); color: var(--coub-on-blue); }

.creator-button.-primary:hover { background: var(--coub-hover-blue); }

.creator-button.-secondary { background: var(--coub-primary); border-color: var(--coub-border); color: var(--coub-secondary); }

.creator-button.-secondary:hover { background: var(--coub-hover-primary); }

.creator-button.-danger { background: var(--coub-alert); color: var(--coub-on-blue); }

.creator-button:disabled { opacity: 0.45; cursor: default; }

.creator-chips { flex-wrap: wrap; gap: 8px; display: flex; }

.creator-chip { border: 1px solid var(--coub-border); border-radius: var(--coub-radius-pill); background: var(--coub-primary); min-height: 36px; color: var(--coub-secondary); cursor: pointer; align-items: center; gap: 6px; padding: 0px 14px; font-size: 14px; text-decoration: none; display: inline-flex; }

.creator-chip.-selected { border-color: var(--coub-blue); color: var(--coub-blue); }

.creator-chip:disabled { opacity: 0.45; cursor: default; }

.creator-link { color: var(--coub-blue); cursor: pointer; background: 0px 0px; border: 0px; padding: 8px 0px; font-size: 14px; text-decoration: none; }

.creator-link.-danger { color: var(--coub-alert); }

.creator-link:disabled { opacity: 0.45; cursor: default; }

.creator-actions { flex-direction: column; gap: 10px; display: flex; }

.creator-spinner { border-width: 2px; border-style: solid; border-color: currentcolor rgba(0, 0, 0, 0) currentcolor currentcolor; border-image: none; border-radius: 50%; width: 18px; height: 18px; animation: 0.8s linear 0s infinite normal none running creator-spin; display: inline-block; }

.creator-spinner.-small { width: 12px; height: 12px; }

@keyframes creator-spin { 
  100% { rotate: 360deg; }
}

@media (prefers-reduced-motion: reduce) {
  .creator-spinner { animation: auto ease 0s 1 normal none running none; }
}

.creator-loading { justify-content: center; padding: 64px 0px; display: flex; }

.creator-empty { text-align: center; flex-direction: column; align-items: stretch; gap: 16px; padding: 32px 0px; display: flex; }

.creator-badge { border-radius: var(--coub-radius-pill); background: var(--coub-blue-cta); min-width: 20px; height: 20px; color: var(--coub-on-blue); box-sizing: border-box; justify-content: center; align-items: center; margin-left: 8px; padding: 0px 6px; font-size: 12px; font-weight: 700; display: inline-flex; }

.creator-badge.-label { align-self: flex-start; margin-left: 0px; }

.creator-coin { background: var(--coub-accent); color: rgb(0, 0, 0); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; display: inline-flex; }

.creator-free-pill { border-radius: var(--coub-radius-pill); background: var(--coub-accent); color: rgb(0, 0, 0); padding: 2px 8px; font-size: 12px; font-weight: 700; display: inline-block; }

.creator-price { align-items: center; gap: 6px; font-size: 14px; font-weight: 700; display: inline-flex; }

.creator-price.-unavailable { color: var(--coub-neutral); font-weight: 400; }

.creator-price__amount { align-items: center; gap: 4px; display: inline-flex; }

.creator-price__amount.-struck { color: var(--coub-neutral); text-decoration: line-through; }

.creator-credits-chip { border: 1px solid var(--coub-border); border-radius: var(--coub-radius-pill); background: var(--coub-primary); min-height: 36px; color: var(--coub-secondary); cursor: pointer; align-items: center; gap: 6px; padding: 0px 12px 0px 6px; font-size: 14px; font-weight: 700; display: inline-flex; }

.creator-home { flex-direction: column; gap: 16px; display: flex; }

.creator-card { border: 1px solid var(--coub-border); border-radius: var(--coub-radius-block); background: var(--coub-primary); color: var(--coub-secondary); flex-direction: column; gap: 4px; padding: 16px; text-decoration: none; display: flex; overflow: hidden; }

.creator-card:hover { background: var(--coub-hover-primary); }

.creator-card.-plain { border-style: dashed; }

.creator-card__title { align-items: center; font-size: 16px; font-weight: 700; display: flex; }

.creator-heroes { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; display: grid; }

.creator-hero { justify-content: flex-end; min-height: 140px; position: relative; }

.creator-hero__poster { object-fit: cover; opacity: 0.25; width: 100%; height: 100%; position: absolute; inset: 0px; }

.creator-hero > * { position: relative; }

.creator-hero > .creator-hero__poster { position: absolute; }

.creator-my-runs__previews { align-items: center; gap: 6px; margin-top: 8px; display: flex; }

.creator-my-runs__previews img { border-radius: var(--coub-radius-card-small); object-fit: cover; width: 48px; height: 48px; }

.creator-my-runs__more { color: var(--coub-neutral); font-size: 13px; }

.creator-section-head { justify-content: space-between; align-items: baseline; gap: 12px; display: flex; }

.creator-section-title { margin: 8px 0px; font-size: 16px; font-weight: 700; }

.creator-row { grid-auto-columns: 140px; grid-auto-flow: column; gap: 12px; padding-bottom: 4px; display: grid; overflow-x: auto; }

.creator-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; display: grid; }

.creator-grid.-coubs { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

.creator-grid.-styles { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); }

.creator-template { color: var(--coub-secondary); text-align: left; cursor: pointer; background: 0px 0px; border: 0px; flex-direction: column; gap: 6px; padding: 0px; text-decoration: none; display: flex; }

.creator-template:disabled { opacity: 0.6; cursor: default; }

.creator-template-art { aspect-ratio: 3 / 4; border-radius: var(--coub-radius-block); color: rgb(255, 255, 255); background-size: cover; justify-content: center; align-items: center; display: flex; overflow: hidden; }

.creator-template-art img { object-fit: cover; width: 100%; height: 100%; }

.creator-template__title { font-size: 14px; font-weight: 700; }

.creator-template__badge { color: var(--coub-blue); align-self: flex-start; font-size: 12px; }

.creator-coub { color: var(--coub-secondary); flex-direction: column; gap: 4px; text-decoration: none; display: flex; }

.creator-coub__poster { aspect-ratio: 16 / 9; border-radius: var(--coub-radius-card); background: var(--coub-1-primary); display: block; overflow: hidden; }

.creator-coub__poster img { object-fit: cover; width: 100%; height: 100%; }

.creator-coub__title { text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 700; overflow: hidden; }

.creator-more { justify-content: center; padding: 16px 0px; display: flex; }

.creator-runs { flex-direction: column; gap: 8px; margin: 0px; padding: 0px; list-style: none; display: flex; }

.creator-run { border: 1px solid var(--coub-border); border-radius: var(--coub-radius-block); align-items: center; gap: 8px; padding: 8px; display: flex; }

.creator-run.-dimmed { opacity: 0.5; }

.creator-run__open { min-width: 0px; color: var(--coub-secondary); flex: 1 1 0%; align-items: center; gap: 12px; text-decoration: none; display: flex; }

.creator-run__poster { border-radius: var(--coub-radius-card-small); background: var(--coub-1-primary); flex-shrink: 0; width: 56px; height: 56px; overflow: hidden; }

.creator-run__poster img { object-fit: cover; width: 100%; height: 100%; }

.creator-run__text { flex-direction: column; gap: 2px; min-width: 0px; display: flex; }

.creator-run__title { font-size: 15px; font-weight: 700; }

.creator-run__actions { align-items: center; gap: 8px; display: flex; }

.creator-status { color: var(--coub-neutral); font-size: 12px; }

.creator-status.-succeeded, .creator-status.-published { color: var(--coub-blue); }

.creator-status.-failed { color: var(--coub-alert); }

.creator-snackbar { z-index: var(--coub-z-tooltip); border-radius: var(--coub-radius-block); background: var(--coub-secondary); max-width: calc(-32px + 100vw); color: var(--coub-primary); box-sizing: border-box; align-items: center; gap: 16px; padding: 8px 16px; display: flex; position: fixed; bottom: 24px; left: 50%; translate: -50%; }

.creator-snackbar .creator-link { color: var(--coub-accent); }

.creator-field { flex-direction: column; gap: 6px; display: flex; }

.creator-field__label { font-size: 13px; font-weight: 700; }

.creator-field input:not([type]), .creator-field textarea { border: 1px solid var(--coub-border); border-radius: var(--coub-radius-input-sq); background: var(--coub-primary); width: 100%; color: var(--coub-secondary); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; box-sizing: border-box; resize: vertical; padding: 10px 12px; font-size: 15px; }

.creator-field input:not([type]):focus, .creator-field textarea:focus { border-color: var(--coub-blue); outline: none; }

.creator-toggle { cursor: pointer; align-items: center; gap: 10px; font-size: 14px; display: flex; }

.creator-range { width: 100%; accent-color: var(--coub-blue); }

.creator-progress { border-radius: var(--coub-radius-pill); background: var(--coub-appearing-secondary); height: 6px; overflow: hidden; }

.creator-progress > span { background: var(--coub-blue); height: 100%; transition: width 0.3s; display: block; }

.creator-drop { border: 1px dashed var(--coub-third-secondary); border-radius: var(--coub-radius-block); min-height: 96px; color: var(--coub-neutral); text-align: center; cursor: pointer; flex-direction: column; justify-content: center; align-items: center; gap: 8px; padding: 16px; font-size: 14px; display: flex; position: relative; }

.creator-drop input[type="file"] { opacity: 0; cursor: pointer; position: absolute; inset: 0px; }

.creator-drop img { border-radius: var(--coub-radius-card); max-height: 160px; }

.creator-recent { flex-wrap: wrap; gap: 8px; display: flex; }

.creator-recent__item { position: relative; }

.creator-recent__item > button:first-child { border-radius: var(--coub-radius-card); cursor: pointer; background: 0px 0px; border: 2px solid rgba(0, 0, 0, 0); width: 64px; height: 64px; padding: 0px; display: block; overflow: hidden; }

.creator-recent__item.-selected > button:first-child { border-color: var(--coub-blue); }

.creator-recent__item img { object-fit: cover; width: 100%; height: 100%; }

.creator-recent__remove { border: 1px solid var(--coub-border); background: var(--coub-primary); width: 22px; height: 22px; color: var(--coub-secondary); cursor: pointer; border-radius: 50%; justify-content: center; align-items: center; padding: 0px; display: flex; position: absolute; top: -6px; right: -6px; }

.creator-picker, .creator-setup, .creator-video, .creator-director, .creator-storyboard, .creator-result, .creator-generating, .creator-captions, .creator-params, .creator-credits { flex-direction: column; gap: 16px; display: flex; }

.creator-picker__source, .creator-setup__preview { border-radius: var(--coub-radius-block); background: var(--coub-1-primary); justify-content: center; max-height: 320px; display: flex; overflow: hidden; }

.creator-picker__source img, .creator-setup__preview img { object-fit: contain; max-width: 100%; max-height: 320px; }

.creator-fits { border: 1px solid var(--coub-blue); border-radius: var(--coub-radius-block); background: var(--coub-light-blue); min-height: 96px; color: var(--coub-secondary); text-align: left; cursor: pointer; box-sizing: border-box; flex-direction: column; align-items: flex-start; gap: 6px; padding: 16px; display: flex; }

.creator-fits.-placeholder { border-color: var(--coub-border); background: var(--coub-fading-secondary); cursor: default; }

.creator-fits__badge { color: var(--coub-blue); font-size: 12px; font-weight: 700; }

.creator-fits__title { font-size: 16px; font-weight: 700; }

.creator-source-chip { border-radius: var(--coub-radius-pill); background: var(--coub-fading-secondary); align-self: flex-start; padding: 4px 12px; font-size: 13px; }

.creator-banner { border-radius: var(--coub-radius-block); background: var(--coub-light-blue); color: var(--coub-secondary); padding: 10px 14px; font-size: 14px; }

.creator-captions__line, .creator-captions__theme { align-items: flex-end; gap: 8px; display: flex; }

.creator-captions__line > .creator-field, .creator-captions__theme > .creator-field { flex: 1 1 0%; }

.creator-style { border-radius: var(--coub-radius-block); color: var(--coub-secondary); cursor: pointer; background: 0px 0px; border: 2px solid rgba(0, 0, 0, 0); flex-direction: column; gap: 4px; padding: 0px; font-size: 12px; display: flex; overflow: hidden; }

.creator-style.-selected { border-color: var(--coub-blue); }

.creator-style img { aspect-ratio: 1 / 1; object-fit: cover; width: 100%; }

.creator-dock { z-index: var(--coub-z-el-over); border-top: 1px solid var(--coub-border); background: var(--coub-primary); flex-direction: column; gap: 8px; margin-top: 16px; padding: 12px 0px 16px; display: flex; position: sticky; bottom: 0px; }

.creator-dock__row { justify-content: space-between; align-items: center; gap: 12px; display: flex; }

.creator-params__total { border-top: 1px solid var(--coub-border); justify-content: space-between; align-items: center; padding-top: 8px; font-weight: 700; display: flex; }

.creator-director__q { margin: 0px; font-size: 22px; font-weight: 700; }

.creator-options { flex-direction: column; gap: 8px; display: flex; }

.creator-option { border: 1px solid var(--coub-border); border-radius: var(--coub-radius-block); background: var(--coub-primary); color: var(--coub-secondary); text-align: left; cursor: pointer; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 14px; display: flex; }

.creator-option.-selected { border-color: var(--coub-blue); background: var(--coub-light-blue); }

.creator-option__title { font-size: 15px; font-weight: 700; }

.creator-shots { gap: 12px; margin: 0px; padding: 0px; list-style: none; display: grid; }

.creator-shot { flex-direction: column; gap: 6px; min-width: 0px; display: flex; }

.creator-shot__thumb { aspect-ratio: 9 / 16; border-radius: var(--coub-radius-card); background: var(--coub-1-primary); justify-content: center; align-items: center; display: flex; overflow: hidden; }

.creator-shot__thumb img { object-fit: cover; width: 100%; height: 100%; }

.creator-shot__caption { font-size: 13px; font-weight: 700; }

.creator-generating__media, .creator-result__media { border-radius: var(--coub-radius-block); background: var(--coub-1-primary); justify-content: center; align-items: center; max-height: 70vh; display: flex; position: relative; overflow: hidden; }

.creator-generating__media { min-height: 240px; }

.creator-generating__poster { object-fit: cover; filter: blur(16px); opacity: 0.6; width: 100%; height: 100%; position: absolute; inset: 0px; }

.creator-generating__pct { font-size: 40px; font-weight: 700; position: relative; }

.creator-result__media { align-self: center; width: 100%; max-width: 420px; }

.creator-result__media video { object-fit: contain; width: 100%; height: 100%; }

.creator-steps { color: var(--coub-neutral); flex-direction: column; gap: 6px; margin: 0px; padding: 0px; font-size: 14px; list-style: none; display: flex; }

.creator-steps .-done { color: var(--coub-secondary); }

.creator-steps .-done::before { content: "✓ "; color: var(--coub-blue); }

.creator-video__preview { border-radius: var(--coub-radius-block); background: rgb(0, 0, 0); width: 100%; max-height: 360px; }

.creator-credits__balance { justify-content: space-between; align-items: center; display: flex; }

.creator-credits__value { align-items: center; gap: 8px; font-size: 22px; font-weight: 700; display: inline-flex; }

.creator-credits__list { margin: 0px; padding: 0px; list-style: none; }

.creator-credits__list > li > a, .creator-credits__list > li > div { border-bottom: 1px solid var(--coub-border); color: var(--coub-secondary); justify-content: space-between; gap: 12px; padding: 10px 0px; font-size: 14px; text-decoration: none; display: flex; }

.creator-credits__amount { font-weight: 700; }

.creator-credits__amount.-plus { color: var(--coub-blue); }

.creator-sheet { z-index: var(--coub-z-modal); box-sizing: border-box; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; padding: 16px; display: flex; position: fixed; inset: 0px; }

.creator-sheet__panel { border-radius: var(--coub-radius-modal); background: var(--coub-primary); width: 100%; max-width: 480px; max-height: calc(100dvh - 32px); color: var(--coub-secondary); box-sizing: border-box; flex-direction: column; gap: 16px; padding: 20px; display: flex; overflow-y: auto; }

.creator-sheet__panel h2 { margin: 0px; font-size: 18px; font-weight: 700; }

.creator-sheet__head { justify-content: space-between; align-items: center; gap: 12px; display: flex; }

.creator-alert { z-index: var(--coub-z-tooltip); border: 1px solid var(--coub-alert); border-radius: var(--coub-radius-block); background: var(--coub-primary); width: max-content; max-width: calc(-32px + 100vw); color: var(--coub-secondary); box-sizing: border-box; align-items: center; gap: 16px; padding: 12px 16px; display: flex; position: fixed; bottom: 24px; left: 50%; translate: -50%; }

.creator-alert p { margin: 0px; font-size: 14px; }

@media (max-width: 767px) {
  .creator-sheet { align-items: flex-end; padding: 0px; }
  .creator-sheet__panel { border-radius: var(--coub-radius-modal) var(--coub-radius-modal) 0 0; max-width: none; max-height: 90dvh; }
  .creator-heroes { grid-template-columns: minmax(0px, 1fr); }
}

.creator-loading.-inline { padding: 24px 0px; }

:is(.creator-home-hero, .creator-home-own, .creator-home-editor, .creator-home-runs, .creator-home__runs-tile, .creator-home__section-head a, .creator-tcard, .creator-ttile, .creator-rtile, .creator-myrun__open, .creator-myrun__action, .creator-myrun__under, .creator-myrun__popover button, .creator-removed__undo, .creator-credits__row, .creator-share-banner__link, .creator-share-banner__hide, .creator-remix-cta):focus-visible { outline: 2px solid var(--coub-blue); outline-offset: 2px; }

.creator-home__head { align-items: center; gap: 10px; min-height: 44px; padding-top: 6px; display: flex; }

.creator-home__head h1 { flex: 1 1 0%; min-width: 0px; margin: 0px; font-size: 28px; font-weight: 700; line-height: 1.15; }

.creator-home__runs-tile { border: 1px solid var(--coub-border); background: var(--coub-hover-primary); width: 44px; height: 44px; color: var(--coub-secondary); box-sizing: border-box; border-radius: 14px; flex-shrink: 0; justify-content: center; align-items: center; display: inline-flex; position: relative; }

.creator-home__runs-tile:hover { background: var(--coub-1-primary); }

.creator-home__runs-tile svg { width: 22px; height: 22px; }

.creator-home__runs-badge { border-radius: var(--coub-radius-pill); background: var(--coub-blue-cta); min-width: 18px; height: 18px; color: var(--coub-on-blue); box-sizing: border-box; justify-content: center; align-items: center; padding: 0px 5px; font-size: 11px; font-weight: 700; display: inline-flex; position: absolute; top: -6px; right: -6px; }

.creator-home__heroes { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; display: grid; }

.creator-home-hero { isolation: isolate; color: rgb(255, 255, 255); box-sizing: border-box; border-radius: 20px; flex-direction: column; align-items: flex-start; gap: 4px; height: 176px; padding: 14px; text-decoration: none; display: flex; position: relative; overflow: hidden; }

.creator-home-hero.-remix { background: var(--coub-1-primary); }

.creator-home-hero.-remix::after { content: ""; z-index: -1; background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.85)); position: absolute; inset: 0px; }

.creator-home-hero__poster { z-index: -2; object-fit: cover; opacity: 0.75; width: 100%; height: 100%; transition: opacity 0.2s; position: absolute; inset: 0px; }

.creator-home-hero:hover .creator-home-hero__poster { opacity: 0.9; }

.creator-home-hero.-director { background: radial-gradient(circle at 100% 0px, rgb(57, 130, 247) 0px, rgb(3, 50, 255) 110px, rgb(8, 26, 122) 220px); }

.creator-home-hero.-director:hover { background: radial-gradient(circle at 100% 0px, rgb(75, 143, 248) 0px, rgb(28, 71, 255) 120px, rgb(10, 32, 144) 230px); }

.creator-home-hero__badge { background: var(--coub-blue-cta); border-radius: 11px; justify-content: center; align-items: center; width: 36px; height: 36px; display: inline-flex; }

.creator-home-hero__badge svg { width: 20px; height: 20px; }

.creator-home-hero__sparkles { z-index: -1; opacity: 0.16; width: 72px; height: 72px; position: absolute; top: -6px; right: -8px; }

.creator-home-hero__label { letter-spacing: 0.4px; text-transform: uppercase; background: rgba(255, 255, 255, 0.18); border-radius: 8px; align-items: center; height: 24px; padding: 0px 8px; font-size: 11px; font-weight: 700; display: inline-flex; }

.creator-home-hero__title { margin-top: auto; font-size: 18px; font-weight: 700; line-height: 1.2; }

.creator-home-hero__text { color: rgba(255, 255, 255, 0.75); -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 12px; line-height: 1.35; display: -webkit-box; overflow: hidden; }

.creator-home__own { flex-direction: column; align-items: flex-start; gap: 4px; display: flex; }

.creator-home-own { background: var(--coub-hover-primary); color: var(--coub-secondary); border-radius: 16px; align-self: stretch; align-items: center; gap: 12px; padding: 10px 14px 10px 10px; text-decoration: none; display: flex; }

.creator-home-own:hover { background: var(--coub-1-primary); }

.creator-home-own__icon { background: var(--coub-blue-cta); width: 44px; height: 44px; color: var(--coub-on-blue); border-radius: 14px; flex-shrink: 0; justify-content: center; align-items: center; display: inline-flex; }

.creator-home-own__icon svg { width: 22px; height: 22px; }

.creator-home-own__text { flex-direction: column; flex: 1 1 0%; gap: 2px; min-width: 0px; display: flex; }

.creator-home-own__text strong { font-size: 15px; font-weight: 600; }

.creator-home-own__text span { color: var(--coub-neutral); font-size: 12px; }

.creator-home__chevron { width: 16px; height: 16px; color: var(--coub-neutral); flex-shrink: 0; }

.creator-home-editor { min-height: 44px; color: var(--coub-blue); align-items: center; gap: 4px; padding: 0px 10px; font-size: 13px; font-weight: 500; text-decoration: none; display: inline-flex; }

.creator-home-editor:hover { text-decoration: underline; }

.creator-home-editor svg { width: 12px; height: 12px; }

.creator-home-runs { background: var(--coub-hover-primary); color: var(--coub-secondary); border-radius: 16px; flex-direction: column; gap: 10px; padding: 12px; text-decoration: none; display: flex; }

.creator-home-runs:hover { background: var(--coub-1-primary); }

.creator-home-runs__head { align-items: baseline; gap: 6px; display: flex; }

.creator-home-runs__head strong { font-size: 17px; font-weight: 700; }

.creator-home-runs__count { color: var(--coub-neutral); font-variant-numeric: tabular-nums; font-size: 15px; font-weight: 600; }

.creator-home-runs__all { color: var(--coub-blue); align-items: center; gap: 3px; margin-left: auto; font-size: 14px; font-weight: 500; display: inline-flex; }

.creator-home-runs__all svg { width: 12px; height: 12px; }

.creator-home-runs__thumbs { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px; display: grid; }

.creator-home-runs__thumb, .creator-home-runs__slot { aspect-ratio: 4 / 5; }

.creator-home-runs__thumb { isolation: isolate; background-color: var(--coub-1-primary); color: rgb(255, 255, 255); background-size: cover; border-radius: 10px; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; }

.creator-home-runs__thumb img { z-index: -2; object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0px; }

.creator-home-runs__thumb::after { content: ""; z-index: -1; background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75)); position: absolute; inset: 0px; }

.creator-home-runs__status { color: rgba(255, 255, 255, 0.9); text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 600; position: absolute; bottom: 5px; left: 6px; right: 6px; overflow: hidden; }

.creator-home-runs__status.-failed { color: rgb(255, 107, 107); }

.creator-home-runs__status.-published { color: rgb(138, 166, 255); }

.creator-home__section { flex-direction: column; gap: 10px; margin-top: 6px; display: flex; }

.creator-home__section-head { justify-content: space-between; align-items: baseline; gap: 12px; display: flex; }

.creator-home__section-head h2 { margin: 0px; font-size: 20px; font-weight: 700; }

.creator-home__section-head a { color: var(--coub-blue); flex-shrink: 0; font-size: 14px; font-weight: 500; text-decoration: none; }

.creator-home__section-head a:hover { text-decoration: underline; }

.creator-home__strip { scroll-snap-type: x; scrollbar-width: none; gap: 10px; margin: 0px -16px; padding: 0px 16px 4px; scroll-padding: 0px 16px; display: flex; overflow-x: auto; }

.creator-home__strip::-webkit-scrollbar { display: none; }

.creator-tcard { width: 120px; color: var(--coub-secondary); scroll-snap-align: start; flex-direction: column; flex-shrink: 0; gap: 6px; text-decoration: none; display: flex; }

.creator-tcard__art { border-radius: 14px; height: 104px; display: block; overflow: hidden; }

.creator-tcard__title, .creator-ttile__title { -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; font-weight: 600; line-height: 1.25; display: -webkit-box; overflow: hidden; }

.creator-tcard__meta, .creator-ttile__meta { color: var(--coub-neutral); flex-wrap: wrap; align-items: center; gap: 4px; font-size: 12px; display: flex; }

.creator-tcard__price { font-variant-numeric: tabular-nums; align-items: center; gap: 3px; display: inline-flex; }

.creator-ttile__meta .creator-price { font-size: 12px; }

.creator-ttile { min-width: 0px; color: var(--coub-secondary); flex-direction: column; gap: 7px; text-decoration: none; display: flex; }

.creator-ttile__art { border-radius: 14px; height: 100px; display: block; overflow: hidden; }

.creator-ttile__title { font-size: 15px; }

.creator-tcard:hover .creator-tcard__title, .creator-ttile:hover .creator-ttile__title { color: var(--coub-blue); }

:is(.creator-tcard__art, .creator-ttile__art) > .creator-template-art { aspect-ratio: auto; border-radius: 0px; width: 100%; height: 100%; }

:is(.creator-tcard__art, .creator-ttile__art) > .creator-template-art svg { width: 32px; height: 32px; }

.creator-home__wants { grid-template-columns: repeat(2, minmax(0px, 1fr)); align-items: start; gap: 8px; display: grid; }

.creator-home__wants-side { flex-direction: column; gap: 8px; display: flex; }

.creator-rtile { isolation: isolate; background: var(--coub-1-primary); border-radius: 16px; display: block; position: relative; overflow: hidden; }

.creator-rtile.-big { height: 200px; }

.creator-rtile.-small { height: 96px; }

.creator-rtile.-grid { height: 220px; }

.creator-rtile__poster { z-index: -2; object-fit: cover; width: 100%; height: 100%; transition: scale 0.25s; position: absolute; inset: 0px; }

.creator-rtile:hover .creator-rtile__poster { scale: 1.03; }

.creator-rtile::after { content: ""; z-index: -1; background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.55)); position: absolute; inset: 0px; }

.creator-rtile__pill { background: var(--coub-blue-cta); max-width: calc(100% - 16px); height: 28px; color: var(--coub-on-blue); white-space: nowrap; box-sizing: border-box; border-radius: 9px; align-items: center; gap: 5px; padding: 0px 10px; font-size: 12px; font-weight: 600; display: inline-flex; position: absolute; bottom: 8px; left: 8px; overflow: hidden; }

.creator-rtile__pill svg { flex-shrink: 0; width: 12px; height: 12px; }

.creator-home-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); display: grid; }

.creator-home-grid.-templates { gap: 16px 10px; }

.creator-home-grid.-coubs { gap: 8px; }

@media (min-width: 768px) {
  .creator-home__strip { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 16px 10px; margin: 0px; padding: 0px; display: grid; overflow: visible; }
  .creator-tcard { width: auto; min-width: 0px; }
  .creator-home-grid.-templates { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
  .creator-home-grid.-coubs { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}

.creator-fx { background: var(--coub-1-primary); user-select: none; width: 100%; height: 100%; display: block; position: relative; overflow: hidden; container-type: size; }

.creator-fx__poster { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0px; }

.creator-fx__words { --wh: 6.5cqh; justify-content: center; gap: calc(var(--wh) * .6); display: flex; }

.creator-fx__words.-stroke { --wh: 7.5cqh; }

.creator-fx__words > span { width: calc(var(--w) * 100cqw); height: var(--wh); border-radius: var(--coub-radius-pill); box-sizing: border-box; }

.creator-fx__words.-dark > span { background: rgb(0, 0, 0); }

.creator-fx__words.-stroke > span { border: max(1px, calc(var(--wh) * .16)) solid #000; background: rgb(255, 255, 255); }

.creator-fx__band { background: rgb(255, 255, 255); flex-direction: column; justify-content: center; gap: 5cqh; height: 32cqh; display: flex; position: absolute; top: 0px; left: 0px; right: 0px; }

.creator-fx__bottom { position: absolute; bottom: 11cqh; left: 0px; right: 0px; }

.creator-fx__dim { background: rgba(0, 0, 0, 0.35); position: absolute; inset: 0px; }

.creator-fx__dim.-light { background: rgba(0, 0, 0, 0.2); }

.creator-fx__shade { background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7)); position: absolute; inset: 0px; }

.creator-fx__bubble { color: rgb(255, 255, 255); width: 36cqh; height: 36cqh; position: absolute; top: 40%; left: 50%; translate: -50% -50%; }

.creator-fx__badge { background: var(--coub-blue-cta); color: rgb(255, 255, 255); border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; width: 26cqh; height: 26cqh; display: flex; }

.creator-fx__badge svg { width: 50%; height: 50%; }

.creator-fx__badge.-center { width: 32cqh; height: 32cqh; position: absolute; top: 50%; left: 50%; translate: -50% -50%; }

.creator-fx__badge.-brush { position: absolute; top: 74%; left: 44.24%; translate: -50% -50%; }

.creator-fx.-story { background: rgb(11, 11, 13); }

.creator-fx__film { align-items: center; gap: 4cqh; padding: 0px 5cqh; display: flex; position: absolute; inset: 0px; }

.creator-fx__frame { border-radius: 4cqh; flex: 1 1 0%; height: 62cqh; position: relative; overflow: hidden; }

.creator-fx__crop { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0px; }

.creator-fx__crop.-left { object-position: left center; }

.creator-fx__crop.-right { object-position: right center; }

.creator-fx__frame.-new::after { content: ""; background: rgba(3, 50, 255, 0.6); position: absolute; inset: 0px; }

.creator-fx__wand { z-index: 1; color: rgb(255, 255, 255); width: 20cqh; height: 20cqh; position: absolute; top: 50%; left: 50%; translate: -50% -50%; }

.creator-fx__sprockets { background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0px, rgba(255, 255, 255, 0.7) 7.5cqh, rgba(0, 0, 0, 0) 7.5cqh, rgba(0, 0, 0, 0) 15cqh) 3.75cqh 0px; height: 6.5cqh; position: absolute; left: 0px; right: 0px; }

.creator-fx__sprockets.-top { top: 6cqh; }

.creator-fx__sprockets.-bottom { bottom: 6cqh; }

.creator-fx__styled { clip-path: polygon(62% 0px, 100% 0px, 100% 100%, 38% 100%); position: absolute; inset: 0px; }

.creator-fx__poster.-sketch { filter: grayscale() contrast(1.8) brightness(1.15); }

.creator-fx__cut { width: 100%; height: 100%; position: absolute; inset: 0px; }

.creator-fx__cut line { stroke: rgb(255, 255, 255); stroke-width: max(2px, 2cqh); }

.creator-fx__dancer { color: rgb(255, 255, 255); width: 66cqh; height: 66cqh; position: absolute; top: 52%; translate: -50% -50%; }

.creator-fx__dancer.-n0 { opacity: 0.18; left: calc(60% - 30cqh); }

.creator-fx__dancer.-n1 { opacity: 0.4; left: calc(60% - 15cqh); }

.creator-fx__dancer.-n2 { left: 60%; }

.creator-fx.-photo > .creator-fx__poster { filter: saturate(0.2) sepia(0.3); }

.creator-fx__card { background: rgb(255, 255, 255); border-radius: 4cqh; width: 62cqh; height: 74cqh; position: absolute; top: 50%; left: 50%; translate: -50% -50%; rotate: -7deg; }

.creator-fx__card-shot { object-fit: cover; border-radius: 2cqh; width: calc(100% - 10cqh); height: 55cqh; position: absolute; top: 5cqh; left: 5cqh; }

.creator-fx__sparkles { width: 22cqh; height: 22cqh; color: var(--coub-accent); position: absolute; top: -10cqh; right: -13cqh; }

.creator-fx__voice { justify-content: center; align-items: center; gap: 7cqh; height: 30cqh; display: flex; position: absolute; bottom: 8cqh; left: 0px; right: 0px; }

.creator-fx__bars { align-items: center; gap: 2.5cqh; height: 100%; display: flex; }

.creator-fx__bars > span { width: 3cqh; height: max(3cqh, calc(28cqh * var(--b))); border-radius: var(--coub-radius-pill); background: rgb(255, 255, 255); }

.creator-myruns { flex-direction: column; gap: 4px; margin: 0px; padding: 0px; list-style: none; display: flex; }

.creator-myrun { border-radius: 12px; position: relative; overflow-x: clip; }

.creator-myrun:has(.creator-myrun__popover) { z-index: 2; }

.creator-myrun__front { z-index: 1; border-radius: inherit; background: var(--coub-primary); touch-action: pan-y; align-items: center; transition: transform 0.22s; display: flex; position: relative; }

.creator-myrun.-moving .creator-myrun__front { user-select: none; transition: none; }

.creator-myrun__front:hover { background: var(--coub-hover-primary); }

.creator-myrun__open { min-width: 0px; color: var(--coub-secondary); flex: 1 1 0%; align-items: center; gap: 12px; padding: 8px; text-decoration: none; display: flex; }

.creator-myrun.-dimmed .creator-myrun__open, .creator-myrun.-dimmed .creator-myrun__actions { opacity: 0.5; pointer-events: none; }

.creator-myrun__poster { background-color: var(--coub-1-primary); background-size: cover; border-radius: 10px; flex-shrink: 0; width: 56px; height: 72px; overflow: hidden; }

.creator-myrun__poster img { object-fit: cover; width: 100%; height: 100%; }

.creator-myrun__text { flex-direction: column; flex: 1 1 0%; gap: 3px; min-width: 0px; display: flex; }

.creator-myrun__title, .creator-myrun__source { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.creator-myrun__title { font-size: 15px; font-weight: 600; }

.creator-myrun__source { color: var(--coub-neutral); font-size: 13px; }

.creator-myrun__status { color: var(--coub-neutral); font-size: 12px; font-weight: 600; }

.creator-myrun__status.-failed { color: var(--coub-alert); }

.creator-myrun__status.-published { color: var(--coub-blue); }

.creator-myrun__chevron { width: 16px; height: 16px; color: var(--coub-neutral); flex-shrink: 0; }

.creator-myrun__under { color: rgb(255, 255, 255); width: 88px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; border: 0px; flex-direction: column; justify-content: center; align-items: center; gap: 4px; padding: 0px 4px; font-size: 12px; font-weight: 600; display: flex; position: absolute; top: 0px; bottom: 0px; }

.creator-myrun__under svg { width: 22px; height: 22px; }

.creator-myrun__under.-delete { background: var(--coub-alert); border-radius: 0px 12px 12px 0px; right: 0px; }

.creator-myrun__under.-chain { background: var(--coub-blue-cta); border-radius: 12px 0px 0px 12px; left: 0px; }

.creator-myrun__actions { flex-shrink: 0; align-items: center; gap: 2px; padding-right: 8px; display: flex; }

.creator-myrun__action { width: 36px; height: 36px; color: var(--coub-secondary); cursor: pointer; background: 0px 0px; border: 0px; border-radius: 10px; justify-content: center; align-items: center; padding: 0px; display: inline-flex; }

.creator-myrun__action svg { width: 20px; height: 20px; }

.creator-myrun__action:hover { background: var(--coub-1-primary); }

.creator-myrun__action.-danger:hover { color: var(--coub-alert); }

.creator-myrun__action:disabled { opacity: 0.45; cursor: default; }

@media (hover: hover) {
  .creator-myrun__actions > .creator-myrun__action { opacity: 0; transition: opacity 0.15s; }
  .creator-myrun:hover .creator-myrun__actions > .creator-myrun__action, .creator-myrun:focus-within .creator-myrun__actions > .creator-myrun__action { opacity: 1; }
}

@media (hover: none) {
  .creator-myrun__actions { display: none; }
}

.creator-myrun__menu { position: relative; }

.creator-myrun__popover { z-index: var(--coub-z-dropdown); border: 1px solid var(--coub-border); border-radius: var(--coub-radius-block); background: var(--coub-primary); box-sizing: border-box; flex-direction: column; min-width: 200px; padding: 4px; display: flex; position: absolute; top: calc(100% + 4px); right: 0px; }

.creator-myrun__popover button { width: 100%; min-height: 40px; color: var(--coub-secondary); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; text-align: left; cursor: pointer; background: 0px 0px; border: 0px; border-radius: 6px; align-items: center; gap: 10px; padding: 0px 12px; font-size: 14px; display: flex; }

.creator-myrun__popover button:hover, .creator-myrun__popover button:focus-visible { background: var(--coub-hover-primary); }

.creator-myrun__popover button.-danger { color: var(--coub-alert); }

.creator-myrun__popover svg { flex-shrink: 0; width: 18px; height: 18px; }

.creator-removed { bottom: calc(16px + env(safe-area-inset-bottom,0px)); z-index: var(--coub-z-tooltip); border: 1px solid var(--coub-border); background: var(--coub-hover-primary); width: min(560px, -32px + 100vw); color: var(--coub-secondary); box-sizing: border-box; border-radius: 14px; align-items: center; gap: 10px; padding: 2px 2px 2px 14px; display: flex; position: fixed; left: 50%; translate: -50%; }

.creator-removed.-alert { border-color: var(--coub-alert); }

.creator-removed__icon { width: 18px; height: 18px; color: var(--coub-neutral); flex-shrink: 0; }

.creator-removed__text { flex: 1 1 0%; min-width: 0px; font-size: 14px; font-weight: 600; }

.creator-removed__undo { min-height: 44px; color: var(--coub-blue); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; background: 0px 0px; border: 0px; border-radius: 12px; flex-shrink: 0; padding: 0px 14px; font-size: 14px; font-weight: 700; }

.creator-removed__undo:hover { background: var(--coub-1-primary); }

.creator-sheet .creator-credits { gap: 4px; }

.creator-credits__balance { background: var(--coub-fading-secondary); border-radius: 16px; justify-content: flex-start; gap: 12px; margin-bottom: 4px; padding: 14px; }

.creator-credits__balance-text { flex-direction: column; gap: 1px; display: flex; }

.creator-credits__balance-text > span { color: var(--coub-neutral); font-size: 13px; }

.creator-credits__balance .creator-credits__value { font-variant-numeric: tabular-nums; font-size: 30px; font-weight: 700; line-height: 1.1; display: block; }

.creator-credits__day-title { color: var(--coub-neutral); margin: 14px 0px 6px; font-size: 13px; font-weight: 600; }

.creator-credits__list .creator-credits__row { color: var(--coub-secondary); border: 0px; border-radius: 12px; justify-content: flex-start; align-items: center; gap: 12px; margin: 0px -8px; padding: 8px; text-decoration: none; display: flex; }

.creator-credits__list a.creator-credits__row:hover { background: var(--coub-hover-primary); }

.creator-credits__icon { background: var(--coub-appearing-secondary); width: 40px; height: 40px; color: var(--coub-neutral); border-radius: 11px; flex-shrink: 0; justify-content: center; align-items: center; display: inline-flex; }

.creator-credits__icon.-plus { color: var(--coub-blue); }

.creator-credits__icon.-template { color: rgba(255, 255, 255, 0.9); background-size: cover; }

.creator-credits__icon svg { width: 18px; height: 18px; }

.creator-credits__text { flex-direction: column; flex: 1 1 0%; gap: 2px; min-width: 0px; display: flex; }

.creator-credits__title, .creator-credits__sub { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.creator-credits__title { font-size: 15px; font-weight: 600; }

.creator-credits__sub { color: var(--coub-neutral); font-size: 12px; }

.creator-credits__list .creator-credits__amount { font-variant-numeric: tabular-nums; flex-shrink: 0; font-size: 15px; font-weight: 600; }

.creator-credits__chevron { width: 14px; height: 14px; color: var(--coub-neutral); flex-shrink: 0; }

.creator-credits__foot { text-align: center; flex-direction: column; gap: 12px; padding: 24px 0px; display: flex; }

.creator-share-banner { border: 1px solid var(--coub-border); border-radius: var(--coub-radius-block); background: var(--coub-light-blue); align-items: center; gap: 4px; margin: 16px 0px; display: flex; }

.creator-share-banner__link { border-radius: inherit; min-width: 0px; color: var(--coub-secondary); flex: 1 1 0%; align-items: center; gap: 12px; padding: 12px 14px; text-decoration: none; display: flex; }

.creator-share-banner__icon { background: var(--coub-blue-cta); width: 36px; height: 36px; color: var(--coub-on-blue); border-radius: 10px; flex-shrink: 0; justify-content: center; align-items: center; display: inline-flex; }

.creator-share-banner__text { flex-direction: column; flex: 1 1 0%; gap: 2px; min-width: 0px; display: flex; }

.creator-share-banner__text strong { font-size: 15px; font-weight: 700; }

.creator-share-banner__text span { color: var(--coub-neutral); font-size: 13px; }

.creator-share-banner__cta { border-radius: var(--coub-radius-pill); background: var(--coub-blue-cta); min-height: 36px; color: var(--coub-on-blue); white-space: nowrap; flex-shrink: 0; align-items: center; padding: 0px 14px; font-size: 14px; font-weight: 700; display: inline-flex; }

.creator-share-banner__link:hover .creator-share-banner__cta { background: var(--coub-hover-blue); }

.creator-share-banner__chevron { color: var(--coub-blue); flex-shrink: 0; }

.creator-share-banner__hide { width: 36px; height: 36px; color: var(--coub-neutral); cursor: pointer; background: 0px 0px; border: 0px; border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; margin-right: 6px; padding: 0px; display: inline-flex; }

.creator-share-banner__hide:hover { background: var(--coub-appearing-secondary); color: var(--coub-secondary); }

.creator-remix-cta { border-radius: var(--coub-radius-pill); background: var(--coub-blue-cta); min-height: 40px; color: var(--coub-on-blue); align-items: center; gap: 8px; margin-top: 16px; padding: 0px 18px; font-size: 14px; font-weight: 700; text-decoration: none; display: inline-flex; }

.creator-remix-cta:hover { background: var(--coub-hover-blue); }

.creator-remix-cta svg { flex-shrink: 0; width: 16px; height: 16px; }

@media (prefers-reduced-motion: reduce) {
  .creator-myrun__front, .creator-home-hero__poster, .creator-rtile__poster, .creator-myrun__actions > .creator-myrun__action { transition: none; }
  .creator-rtile:hover .creator-rtile__poster { scale: none; }
}

.creator-page { --creator-surface: var(--coub-hover-primary); --creator-raised: var(--coub-1-primary); --creator-dim-text: var(--coub-neutral); --creator-yellow-ink: #806c00; --creator-ink: #0b0b0d; }

.coub-skin[data-coub-theme="dark"] .creator-page, html.dark .coub-skin.-chrome-only .creator-page { --creator-yellow-ink: var(--coub-accent); }

.creator-source { background: rgb(0, 0, 0); border-radius: 16px; width: 100%; max-height: 260px; position: relative; overflow: hidden; }

.creator-source__poster, .creator-source__video { object-fit: contain; width: 100%; height: 100%; position: absolute; inset: 0px; }

.creator-source .creator-source__engine { background: 0px 0px; border: 0px; border-radius: 0px; position: absolute; inset: 0px; }

.creator-source .creator-source__engine > :not(video):not(audio) { display: none; }

.creator-source .creator-source__engine > video { object-fit: contain; pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0px; }

.creator-source__tap { cursor: pointer; background: 0px 0px; border: 0px; justify-content: center; align-items: center; padding: 0px; display: flex; position: absolute; inset: 0px; }

.creator-source__tap:focus-visible { outline: 2px solid var(--coub-blue); outline-offset: -2px; }

.creator-source__play { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.5); border-radius: 50%; justify-content: center; align-items: center; width: 56px; height: 56px; display: flex; }

.creator-source__play svg { margin-left: 3px; }

.creator-source__sound { color: rgb(255, 255, 255); cursor: pointer; background: rgba(0, 0, 0, 0.55); border: 0px; border-radius: 50%; justify-content: center; align-items: center; width: 32px; height: 32px; padding: 0px; display: flex; position: absolute; bottom: 8px; right: 8px; }

.creator-source__sound::before { content: ""; position: absolute; inset: -6px; }

.creator-source__sound:focus-visible { outline-offset: 2px; outline: rgb(255, 255, 255) solid 2px; }

.creator-picker { gap: 0px; position: relative; }

.creator-picker .creator-picker__source { background: 0px 0px; border-radius: 0px; flex-direction: column; gap: 8px; max-height: none; margin-top: 2px; display: flex; overflow: visible; }

.creator-picker__caption { flex-direction: column; gap: 2px; min-width: 0px; padding: 0px 2px; display: flex; }

.creator-picker__title { color: var(--coub-secondary); text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 600; overflow: hidden; }

.creator-picker__line { color: var(--creator-dim-text); text-overflow: ellipsis; white-space: nowrap; font-size: 12px; overflow: hidden; }

.creator-suggest { color: rgb(255, 255, 255); width: 100%; font: inherit; text-align: left; cursor: pointer; box-sizing: border-box; background: linear-gradient(rgb(11, 26, 92), rgb(10, 15, 42)); border: 1px solid rgba(3, 50, 255, 0.45); border-radius: 18px; align-items: stretch; gap: 12px; margin-top: 14px; padding: 10px; display: flex; }

button.creator-suggest:hover { border-color: rgba(3, 50, 255, 0.8); }

button.creator-suggest:focus-visible { outline: 2px solid var(--coub-blue); outline-offset: 2px; }

.creator-suggest:disabled, .creator-suggest.-watching { cursor: default; }

.creator-suggest__art { color: rgb(255, 255, 255); background: rgb(19, 19, 21); border-radius: 12px; flex: 0 0 auto; justify-content: center; align-items: center; width: 132px; height: 112px; display: flex; position: relative; overflow: hidden; }

.creator-suggest__art > img { object-fit: cover; opacity: 0.55; width: 100%; height: 100%; position: absolute; inset: 0px; }

.creator-suggest__art > .creator-spinner { position: relative; }

.creator-suggest__text { flex-direction: column; flex: 1 1 0%; gap: 5px; min-width: 0px; padding: 2px 0px; display: flex; }

.creator-suggest__badge { color: rgb(255, 255, 255); letter-spacing: 0.02em; text-transform: uppercase; background: rgb(3, 50, 255); border-radius: 7px; align-self: flex-start; align-items: center; gap: 4px; height: 22px; padding: 0px 8px; font-size: 11px; font-weight: 700; display: inline-flex; }

.creator-suggest__title { font-size: 18px; font-weight: 700; line-height: 1.2; }

.creator-suggest__reason { color: rgb(201, 204, 214); font-size: 13px; line-height: 1.3; }

.creator-suggest__reason.-reserve { -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 3.9em; display: -webkit-box; overflow: hidden; }

.creator-suggest__meta { color: rgb(201, 204, 214); flex-wrap: wrap; align-items: center; gap: 6px; min-height: 22px; margin-top: auto; font-size: 12px; display: flex; }

.creator-suggest__meta .creator-price { color: rgb(255, 255, 255); font-size: 13px; }

.creator-suggest__ghost { flex: 1 1 0%; min-width: 0px; display: flex; position: relative; }

.creator-suggest__skeleton { visibility: hidden; flex: 1 1 0%; display: flex; }

.creator-suggest__watching { flex-direction: column; justify-content: center; gap: 3px; display: flex; position: absolute; inset: 0px; }

.creator-suggest__watching-title { font-size: 15px; font-weight: 600; }

.creator-picker__head { justify-content: space-between; align-items: baseline; gap: 12px; margin: 22px 0px 12px; display: flex; }

.creator-picker__all { color: var(--coub-secondary); margin: 0px; font-size: 20px; font-weight: 700; }

.creator-picker__count { color: var(--creator-dim-text); font-size: 13px; }

.creator-picker__grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px 10px; padding-bottom: 32px; display: grid; }

@media (min-width: 640px) {
  .creator-picker__grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}

.creator-pick { min-width: 0px; color: var(--coub-secondary); font: inherit; text-align: left; cursor: pointer; background: 0px 0px; border: 0px; flex-direction: column; gap: 7px; padding: 0px; display: flex; }

.creator-pick:disabled { cursor: default; }

.creator-pick:focus-visible { outline: none; }

.creator-pick:focus-visible .creator-pick__art { outline: 2px solid var(--coub-blue); outline-offset: 2px; }

.creator-pick__art { border-radius: 14px; height: 100px; display: block; position: relative; overflow: hidden; }

.creator-pick.-fits .creator-pick__art::after { content: ""; border: 2px solid var(--coub-blue); pointer-events: none; border-radius: 14px; position: absolute; inset: 0px; }

.creator-pick__fits { z-index: 1; color: rgb(255, 255, 255); background: rgb(3, 50, 255); border-radius: 7px; padding: 3px 7px; font-size: 11px; font-weight: 700; position: absolute; top: 7px; left: 7px; }

.creator-pick__title { -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px; font-weight: 600; line-height: 1.25; display: -webkit-box; overflow: hidden; }

.creator-pick__meta { min-height: 22px; color: var(--creator-dim-text); white-space: nowrap; align-items: center; gap: 6px; font-size: 13px; display: flex; }

.creator-pick__meta .creator-price { color: var(--coub-secondary); font-size: 13px; }

.creator-picker__busy { z-index: var(--coub-z-el-over); color: var(--coub-secondary); pointer-events: none; justify-content: center; align-items: center; display: flex; position: fixed; inset: 0px; }

:is(.creator-suggest__art, .creator-pick__art) > .creator-fx { position: absolute; inset: 0px; }

:is(.creator-suggest__art, .creator-pick__art) > .creator-template-art { aspect-ratio: auto; border-radius: 0px; width: 100%; height: 100%; position: absolute; inset: 0px; }

:is(.creator-suggest__art, .creator-pick__art) > .creator-template-art svg { width: 30px; height: 30px; }

.creator-suggest__sample { z-index: 1; box-sizing: border-box; background: rgb(255, 255, 255); justify-content: center; align-items: center; width: 100%; height: 32%; padding: 0px 6px; display: flex; position: absolute; top: 0px; left: 0px; }

.creator-suggest__sample > span { color: rgb(0, 0, 0); text-align: center; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 11px; font-weight: 700; line-height: 1.15; display: -webkit-box; overflow: hidden; }

.creator-setup { gap: 0px; }

.creator-setup__aside { flex-direction: column; align-items: center; gap: 12px; min-width: 0px; display: flex; }

.creator-setup__main { flex-direction: column; min-width: 0px; padding-top: 18px; display: flex; }

.creator-setup__source { background: var(--creator-surface); min-width: 0px; color: var(--coub-blue); border-radius: 12px; align-self: stretch; align-items: center; gap: 10px; margin-top: 2px; padding: 6px 12px 6px 6px; display: flex; }

.creator-setup__source-poster { background: var(--creator-raised); border-radius: 7px; flex: 0 0 auto; width: 32px; height: 40px; overflow: hidden; }

.creator-setup__source-poster img { object-fit: cover; width: 100%; height: 100%; }

.creator-setup__source-title { color: var(--coub-secondary); text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 600; overflow: hidden; }

.creator-setup__source-detail { color: var(--creator-dim-text); text-overflow: ellipsis; white-space: nowrap; font-size: 13px; overflow: hidden; }

.creator-setup__banner { background: var(--creator-surface); min-height: 44px; color: var(--creator-dim-text); box-sizing: border-box; border-radius: 12px; align-self: stretch; align-items: center; gap: 10px; padding: 8px 14px; font-size: 13px; display: flex; }

.creator-setup__banner .creator-spinner { color: var(--coub-blue); flex: 0 0 auto; }

.creator-setup .creator-setup__preview { background: 0px 0px; border-radius: 0px; justify-content: center; max-height: none; margin-top: 2px; display: flex; overflow: visible; }

.creator-setup__preview .creator-preview img { object-fit: cover; max-width: none; max-height: none; }

.creator-formats { justify-content: center; gap: 6px; display: flex; }

.creator-formats__item { border: 1px solid var(--creator-raised); height: 30px; color: var(--creator-dim-text); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; background: 0px 0px; border-radius: 9px; align-items: center; gap: 5px; padding: 0px 10px; font-size: 13px; font-weight: 600; display: inline-flex; position: relative; }

.creator-formats__item::before { content: ""; position: absolute; inset: -7px 0px; }

.creator-formats__item.-selected { border-color: var(--coub-border); background: var(--creator-raised); color: var(--coub-secondary); }

.creator-format-glyph { flex: 0 0 auto; justify-content: center; align-items: center; display: inline-flex; }

.creator-format-glyph > span { box-sizing: border-box; border: 1.5px solid; border-radius: 2px; }

.creator-setup__dock { margin-top: 24px; }

.creator-setup__summary { color: var(--creator-dim-text); font-size: 13px; }

.creator-setup__change { color: var(--coub-blue); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; background: 0px 0px; border: 0px; padding: 0px; font-weight: 600; }

.creator-setup__missing { color: var(--creator-dim-text); font-size: 12px; }

.creator-setup__go { align-items: center; gap: 8px; display: inline-flex; }

@media (min-width: 1024px) {
  .creator-page:has(.creator-flow[data-stage="setup"]) { max-width: 970px; }
  .creator-setup { grid-template-columns: 400px minmax(0px, 1fr); align-items: start; gap: 32px; display: grid; }
  .creator-setup__aside { padding-top: 2px; position: sticky; top: 86px; }
  .creator-setup__main { padding-top: 0px; }
}

.creator-preview { border: 1px solid var(--creator-raised); box-sizing: content-box; background: rgb(11, 11, 13); border-radius: 16px; flex: 0 0 auto; transition: width 0.2s ease-in-out, height 0.2s ease-in-out; position: relative; overflow: hidden; }

.creator-preview__header { z-index: 1; background: rgb(255, 255, 255); width: 100%; position: absolute; top: 0px; left: 0px; }

.creator-preview__video { width: 100%; position: absolute; left: 0px; overflow: hidden; }

.creator-preview__video.-empty { box-sizing: border-box; justify-content: center; align-items: center; padding: 12px; display: flex; }

.creator-preview__title { color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; text-shadow: rgb(0, 0, 0) 0px 1px, rgb(0, 0, 0) 0px -1px, rgb(0, 0, 0) 1px 0px, rgb(0, 0, 0) -1px 0px; font-size: 15px; font-weight: 800; line-height: 1.2; }

.creator-preview__cover, .creator-preview__backdrop { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0px; }

.creator-preview__backdrop { width: 116%; height: 116%; inset: -8%; }

.creator-preview__fit { object-fit: cover; position: absolute; top: 50%; left: 50%; translate: -50% -50%; }

.creator-preview__lines { z-index: 2; pointer-events: none; font-weight: 700; position: absolute; inset: 0px; }

.creator-preview__lines.-header { color: rgb(0, 0, 0); }

.creator-preview__lines.-beat { color: rgb(255, 255, 255); text-shadow: var(--creator-outline) 0 0 #000, calc(-1 * var(--creator-outline)) 0 0 #000, 0 var(--creator-outline) 0 #000, 0 calc(-1 * var(--creator-outline)) 0 #000, var(--creator-outline) var(--creator-outline) 0 #000, calc(-1 * var(--creator-outline)) var(--creator-outline) 0 #000, var(--creator-outline) calc(-1 * var(--creator-outline)) 0 #000, calc(-1 * var(--creator-outline)) calc(-1 * var(--creator-outline)) 0 #000; }

.creator-preview__line { white-space: pre; justify-content: center; align-items: center; width: 90%; line-height: 1; display: flex; position: absolute; left: 5%; overflow: hidden; }

.creator-preview__cursor { color: rgba(0, 0, 0, 0); text-shadow: none; font-weight: 300; }

.creator-preview__cursor.-on { color: var(--coub-blue); }

.creator-preview__rest { color: rgba(0, 0, 0, 0); text-shadow: none; }

.creator-preview__mark { right: calc(7px * var(--creator-preview-k,1)); bottom: calc(7px * var(--creator-preview-k,1)); z-index: 3; color: rgba(255, 255, 255, 0.75); font-size: calc(10px * var(--creator-preview-k,1)); letter-spacing: 0.06em; font-weight: 900; line-height: 1; position: absolute; }

@media (prefers-reduced-motion: reduce) {
  .creator-preview { transition: none; }
}

.creator-fields { flex-direction: column; gap: 10px; display: flex; }

.creator-fields__label { margin-top: 6px; }

.creator-area { background: var(--creator-surface); width: 100%; min-height: calc(4.2em + 28px); color: var(--coub-secondary); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; box-sizing: border-box; resize: vertical; border: 1.5px solid rgba(0, 0, 0, 0); border-radius: 14px; padding: 14px; font-size: 15px; line-height: 1.4; }

.creator-area:focus { border-color: var(--coub-blue); outline: none; }

.creator-area::placeholder, .creator-line__input::placeholder, .creator-theme__input::placeholder { color: var(--creator-dim-text); }

.creator-captions { gap: 8px; }

.creator-timeline { flex-direction: column; gap: 5px; margin-bottom: 8px; display: flex; }

.creator-timeline__frames { border-radius: 10px; gap: 2px; height: 40px; display: flex; overflow: hidden; }

.creator-timeline__frames > span { background-color: var(--creator-raised); background-size: cover; flex: 1 1 0%; }

.creator-timeline__beats { gap: 3px; height: 20px; display: flex; }

.creator-timeline__beat { background: var(--coub-accent); border-radius: 6px; flex: 0 0 auto; min-width: 24px; padding: 0px 7px; }

@supports (color:color-mix(in lab, red, red)) {
  .creator-timeline__beat { background: color-mix(in srgb, var(--coub-accent) 28%, transparent); }
}

.creator-timeline__beat { color: var(--creator-yellow-ink); text-overflow: clip; white-space: nowrap; box-sizing: border-box; font-size: 11px; font-weight: 700; line-height: 20px; transition: flex-basis 0.2s ease-in-out; overflow: hidden; }

.creator-timeline__beat.-first { background: var(--coub-accent); color: rgb(0, 0, 0); }

.creator-line { background: var(--creator-surface); cursor: text; border: 1.5px solid rgba(0, 0, 0, 0); border-radius: 14px; align-items: center; gap: 10px; padding: 14px; display: flex; }

.creator-line:focus-within { border-color: var(--creator-yellow-ink); }

.creator-line__label { color: var(--creator-dim-text); font-variant-numeric: tabular-nums; flex: 0 0 auto; font-size: 12px; font-weight: 600; }

.creator-line__input { min-width: 0px; min-height: 1.4em; max-height: 4.2em; color: var(--coub-secondary); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; resize: none; field-sizing: content; background: 0px 0px; border: 0px; flex: 1 1 0%; padding: 0px; font-size: 15px; line-height: 1.4; }

.creator-line__input:focus { outline: none; }

.creator-line__delete { background: var(--coub-third-secondary); width: 18px; height: 18px; color: var(--coub-primary); cursor: pointer; border: 0px; border-radius: 50%; flex: 0 0 auto; justify-content: center; align-items: center; padding: 0px; display: flex; position: relative; }

.creator-line__delete::before { content: ""; position: absolute; inset: -13px; }

.creator-captions__actions { flex-direction: column; gap: 10px; margin-top: 4px; display: flex; }

.creator-captions__actions .creator-chip > span { align-items: center; gap: 6px; display: inline-flex; }

.creator-chip-dim .creator-chip { color: var(--creator-dim-text); }

.creator-theme { flex-direction: column; gap: 10px; scroll-margin-bottom: 200px; display: flex; }

.creator-theme__input { background: var(--creator-surface); width: 100%; min-height: 1.4em; max-height: calc(4.2em + 24px); color: var(--coub-secondary); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; resize: none; box-sizing: border-box; field-sizing: content; border: 1.5px solid rgba(0, 0, 0, 0); border-radius: 14px; padding: 12px 14px; font-size: 15px; line-height: 1.4; }

.creator-theme__input:focus { border-color: var(--coub-blue); outline: none; }

.creator-theme__row { justify-content: flex-end; align-items: center; gap: 10px; display: flex; }

.creator-theme__count { color: var(--creator-dim-text); font-variant-numeric: tabular-nums; margin-right: auto; font-size: 12px; font-weight: 600; }

.creator-theme__count.-full { color: var(--coub-alert); }

.creator-theme__go { background: var(--coub-blue-cta); height: 36px; color: var(--coub-on-blue); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; border: 0px; border-radius: 11px; align-items: center; gap: 6px; padding: 0px 14px; font-size: 14px; font-weight: 600; display: inline-flex; }

.creator-theme__go:disabled { opacity: 0.45; cursor: default; }

.creator-theme__go[aria-busy="true"] { opacity: 1; }

.creator-idea { background: var(--creator-surface); width: 100%; color: var(--coub-secondary); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; text-align: left; cursor: pointer; box-sizing: border-box; border: 1.5px solid rgba(0, 0, 0, 0); border-radius: 12px; align-items: flex-start; gap: 10px; padding: 12px; font-size: 14px; line-height: 1.35; display: flex; }

.creator-idea > svg { color: var(--coub-blue); flex: 0 0 auto; margin-top: 2px; }

.creator-idea.-selected { border-color: var(--coub-blue); }

.creator-styles { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; display: grid; }

@media (min-width: 640px) {
  .creator-styles { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}

.creator-styles__item { min-width: 0px; color: var(--creator-dim-text); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; background: 0px 0px; border: 0px; flex-direction: column; gap: 5px; padding: 0px; font-size: 12px; display: flex; }

.creator-styles__art { aspect-ratio: 1 / 1; background: var(--creator-raised); border-radius: 12px; display: block; position: relative; overflow: hidden; }

.creator-styles__art img { object-fit: cover; width: 100%; height: 100%; }

.creator-styles__item.-selected .creator-styles__art::after { content: ""; border: 2px solid var(--coub-blue); border-radius: 12px; position: absolute; inset: 0px; }

.creator-styles__item.-selected { color: var(--coub-secondary); font-weight: 600; }

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

.creator-voices { scrollbar-width: none; gap: 8px; padding-bottom: 2px; display: flex; overflow-x: auto; }

.creator-voices__item { background: var(--creator-surface); height: 36px; color: var(--coub-secondary); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; border: 0px; border-radius: 11px; flex: 0 0 auto; align-items: center; gap: 6px; padding: 0px 12px; font-size: 14px; font-weight: 600; display: inline-flex; }

.creator-voices__item.-selected { background: var(--coub-blue-cta); color: var(--coub-on-blue); }

.creator-photo { background: var(--creator-surface); border: 1px dashed rgba(0, 0, 0, 0); border-radius: 16px; flex-direction: column; gap: 12px; padding: 10px; display: flex; }

.creator-photo.-empty { border-color: var(--creator-yellow-ink); }

@supports (color:color-mix(in lab, red, red)) {
  .creator-photo.-empty { border-color: color-mix(in srgb, var(--creator-yellow-ink) 60%, transparent); }
}

.creator-photo[data-drag] { border-color: var(--coub-blue); border-style: solid; }

.creator-photo__row { cursor: pointer; border-radius: 12px; align-items: center; gap: 12px; display: flex; position: relative; }

.creator-photo__row:focus-within { outline: 2px solid var(--coub-blue); outline-offset: 2px; }

.creator-photo__row:has(input:disabled) { cursor: default; }

.creator-photo__row input[type="file"] { opacity: 0; width: 100%; height: 100%; cursor: inherit; position: absolute; inset: 0px; }

.creator-photo__thumb { background: var(--creator-raised); width: 64px; height: 64px; color: var(--creator-dim-text); border-radius: 12px; flex: 0 0 auto; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; }

.creator-photo:not(.-empty) .creator-photo__thumb { color: var(--creator-yellow-ink); }

.creator-photo__thumb img { object-fit: cover; width: 100%; height: 100%; }

.creator-photo__busy { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.45); justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }

.creator-photo__text { flex-direction: column; flex: 1 1 0%; gap: 3px; min-width: 0px; display: flex; }

.creator-photo__title { color: var(--coub-secondary); font-size: 15px; font-weight: 600; }

.creator-photo__hint { color: var(--creator-dim-text); font-size: 12px; }

.creator-photo__chevron { color: var(--coub-third-secondary); flex: 0 0 auto; }

.creator-photo__recent { flex-direction: column; gap: 8px; display: flex; }

.creator-photo__tiles { scrollbar-width: none; gap: 8px; padding: 1px; display: flex; overflow-x: auto; }

.creator-photo__tile { flex: 0 0 auto; position: relative; }

.creator-photo__tile > button:first-child { border: 1px solid var(--creator-raised); background: var(--creator-raised); cursor: pointer; box-sizing: border-box; border-radius: 12px; width: 56px; height: 56px; padding: 0px; display: block; position: relative; overflow: hidden; }

.creator-photo__tile.-selected > button:first-child { border: 2px solid var(--coub-blue); }

.creator-photo__tile > button:first-child:disabled { cursor: default; }

.creator-photo__tile img { object-fit: cover; width: 100%; height: 100%; }

.creator-photo__check { background: var(--coub-blue-cta); color: rgb(255, 255, 255); border-radius: 50%; justify-content: center; align-items: center; width: 16px; height: 16px; display: flex; position: absolute; bottom: 3px; right: 3px; }

.creator-photo__remove { color: rgb(255, 255, 255); cursor: pointer; background: rgba(0, 0, 0, 0.6); border: 0px; border-radius: 50%; justify-content: center; align-items: center; width: 18px; height: 18px; padding: 0px; display: flex; position: absolute; top: 3px; right: 3px; }

.creator-photo__remove::before { content: ""; position: absolute; inset: -6px; }

.creator-photo__problem { color: var(--coub-alert); margin: 0px; font-size: 13px; }

.creator-faces__hint { margin: -8px 0px 0px; }

.creator-faces { gap: 10px; padding: 2px; display: flex; overflow-x: auto; }

.creator-faces__item { border: 1px solid var(--creator-raised); background: var(--creator-raised); cursor: pointer; border-radius: 14px; flex: 0 0 auto; width: 112px; height: 150px; padding: 0px; overflow: hidden; }

.creator-faces__item:hover, .creator-faces__item:focus-visible { border-color: var(--coub-blue); outline: none; }

.creator-faces__item img { object-fit: cover; width: 100%; height: 100%; }

.creator-params__group { flex-direction: column; gap: 8px; min-width: 0px; display: flex; }

.creator-params__aside { color: var(--creator-dim-text); margin-left: 6px; font-size: 12px; font-weight: 400; }

.creator-params__formats { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; display: grid; }

.creator-format-card { background: var(--creator-raised); border: 2px solid rgba(0, 0, 0, 0); border-radius: 14px; flex-direction: column; align-items: center; gap: 6px; min-width: 0px; padding: 12px 6px; display: flex; }

@supports (color:color-mix(in lab, red, red)) {
  .creator-format-card { background: color-mix(in srgb, var(--creator-raised) 40%, transparent); }
}

.creator-format-card { color: var(--creator-dim-text); font: inherit; cursor: pointer; }

.creator-format-card.-selected { border-color: var(--coub-blue); background: var(--creator-raised); color: var(--coub-secondary); }

.creator-format-card__glyph { align-items: center; height: 42px; display: flex; }

.creator-format-card__name { font-size: 15px; font-weight: 700; }

.creator-format-card__caption { max-width: 100%; color: var(--creator-dim-text); text-overflow: ellipsis; white-space: nowrap; font-size: 11px; overflow: hidden; }

.creator-segments { background: var(--creator-raised); border-radius: 10px; gap: 2px; padding: 2px; display: flex; }

.creator-segments__item { min-width: 0px; height: 32px; color: var(--creator-dim-text); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; white-space: nowrap; cursor: pointer; background: 0px 0px; border: 0px; border-radius: 8px; flex: 1 1 0%; padding: 0px 8px; font-size: 14px; font-weight: 600; }

.creator-segments__item.-selected { background: var(--coub-primary); color: var(--coub-secondary); }

.creator-segments__item:disabled { cursor: default; opacity: 0.6; }

.creator-params__pair { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.4fr); gap: 10px; display: grid; }

.creator-params__block { background: var(--creator-raised); border-radius: 14px; flex-direction: column; display: flex; }

@supports (color:color-mix(in lab, red, red)) {
  .creator-params__block { background: color-mix(in srgb, var(--creator-raised) 50%, transparent); }
}

.creator-params__row { align-items: center; gap: 12px; padding: 14px; display: flex; }

.creator-params__row + .creator-params__row { border-top: 1px solid var(--creator-raised); }

label.creator-params__row { cursor: pointer; }

.creator-params__text { flex-direction: column; flex: 1 1 0%; gap: 2px; min-width: 0px; display: flex; }

.creator-params__name { color: var(--coub-secondary); font-size: 15px; font-weight: 600; }

.creator-params__hint { color: var(--creator-dim-text); font-size: 12px; }

.creator-params__value { color: var(--creator-dim-text); font-size: 15px; }

.creator-params__select { color: var(--creator-dim-text); align-items: center; display: inline-flex; position: relative; }

.creator-params__select select { color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; text-align: right; appearance: none; cursor: pointer; background: 0px 0px; border: 0px; padding: 4px 20px 4px 0px; font-size: 15px; }

.creator-params__select select:focus-visible { outline: 2px solid var(--coub-blue); outline-offset: 2px; }

.creator-params__select svg { pointer-events: none; position: absolute; right: 0px; }

.creator-switch { background: var(--coub-2-primary,#ccc); appearance: none; cursor: pointer; border-radius: 999px; flex: 0 0 auto; width: 51px; height: 31px; margin: 0px; transition: background-color 0.2s; position: relative; }

.creator-switch::before { content: ""; background: rgb(255, 255, 255); border-radius: 50%; width: 27px; height: 27px; transition: translate 0.2s; position: absolute; top: 2px; left: 2px; }

.creator-switch:checked { background: var(--coub-blue-cta); }

.creator-switch:checked::before { translate: 20px; }

.creator-switch:focus-visible { outline: 2px solid var(--coub-blue); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  .creator-switch, .creator-switch::before, .creator-timeline__beat { transition: none; }
}

.creator-file { cursor: pointer; position: relative; }

.creator-file input[type="file"] { opacity: 0; width: 100%; height: 100%; cursor: inherit; position: absolute; inset: 0px; }

.creator-file:focus-within { outline: 2px solid var(--coub-blue); outline-offset: 2px; }

.creator-file[aria-disabled="true"] { opacity: 0.45; cursor: default; }

.creator-video__drop { border: 1.5px dashed var(--coub-third-secondary); background: var(--creator-surface); min-height: 240px; color: var(--creator-dim-text); text-align: center; box-sizing: border-box; border-radius: 18px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; padding: 24px; display: flex; }

.creator-video__drop[data-drag] { border-color: var(--coub-blue); border-style: solid; }

.creator-video__drop-title { color: var(--coub-secondary); font-size: 15px; font-weight: 600; }

.creator-video__state { color: var(--coub-secondary); text-align: center; flex-direction: column; align-items: center; gap: 12px; padding: 64px 0px; font-size: 14px; display: flex; }

.creator-video__preview-box { background: rgb(11, 11, 13); border-radius: 18px; width: 100%; max-height: 400px; position: relative; overflow: hidden; }

.creator-video .creator-video__preview { object-fit: contain; background: 0px 0px; border-radius: 0px; width: 100%; height: 100%; max-height: none; position: absolute; inset: 0px; }

.creator-video__trim { flex-direction: column; gap: 6px; display: flex; }

.creator-trim { background: var(--creator-surface); cursor: grab; touch-action: none; user-select: none; border-radius: 10px; height: 56px; position: relative; overflow: hidden; }

.creator-trim[data-dragging] { cursor: grabbing; }

.creator-trim[aria-disabled="true"] { cursor: default; }

.creator-trim:focus-visible { outline: 2px solid var(--coub-blue); outline-offset: 2px; }

.creator-trim__frames { display: flex; position: absolute; inset: 0px; }

.creator-trim__frames > span { background-position: 50% center; background-size: cover; flex: 1 1 0%; }

.creator-trim__dim { pointer-events: none; background: rgba(0, 0, 0, 0.55); position: absolute; top: 0px; bottom: 0px; }

.creator-trim__window { border: 3px solid var(--coub-accent); box-sizing: border-box; pointer-events: none; border-radius: 8px; position: absolute; top: 0px; bottom: 0px; }

.creator-video__clock { color: var(--coub-secondary); font-variant-numeric: tabular-nums; justify-content: space-between; font-size: 12px; font-weight: 600; display: flex; }

.creator-video__total { color: var(--coub-third-secondary); }

.creator-video__hint { color: var(--creator-dim-text); margin: 0px; font-size: 13px; }

.creator-video__hint.-bad { color: var(--coub-alert); }

.creator-video__dock { margin-top: 0px; }

.creator-video__status { color: var(--creator-dim-text); align-items: center; gap: 8px; font-size: 13px; display: flex; }

.creator-video__upload { flex-direction: column; gap: 6px; display: flex; }

.creator-video__upload-row { color: var(--creator-dim-text); justify-content: space-between; font-size: 13px; display: flex; }

.creator-video__pct { color: var(--coub-secondary); font-variant-numeric: tabular-nums; }

.creator-video__problem { color: var(--coub-alert); margin: 0px; font-size: 13px; }

@media (min-width: 1024px) {
  .creator-page:has(.creator-wide) { max-width: 1080px; }
  .creator-storyboard.creator-wide, .creator-result.creator-wide { grid-template-columns: minmax(0px, 1fr) 360px; align-items: start; gap: 32px; display: grid; }
  .creator-storyboard__side, .creator-result__side { position: sticky; top: 16px; }
  .creator-wide .creator-dock { margin-top: 0px; padding-bottom: 0px; position: static; }
}

.creator-storyboard__main, .creator-storyboard__side, .creator-result__side { flex-direction: column; gap: 16px; min-width: 0px; display: flex; }

.creator-icon-label { align-items: center; gap: 8px; display: inline-flex; }

.creator-tile.-danger { color: var(--coub-alert); }

.creator-tile:disabled { opacity: 0.45; cursor: default; }

.creator-dock__buttons { gap: 10px; display: flex; }

.creator-dock__buttons > .creator-button { flex: 1 1 0%; min-width: 0px; }

.creator-storyboard .creator-dock__buttons > .creator-button.-secondary { flex: 0 0 120px; }

.creator-dock__params { color: var(--coub-neutral); font-size: 13px; }

.creator-dock__params .creator-link { padding: 0px; font-size: 13px; font-weight: 700; }

.creator-gen { --gen-text: #fff; --gen-secondary: #ffffff9e; --gen-tertiary: #ffffff61; --gen-stroke: #ffffff38; border-radius: var(--coub-radius-modal); color: var(--gen-text); isolation: isolate; background: rgb(0, 0, 0); position: relative; overflow: hidden; }

.creator-gen__backdrop { z-index: -1; position: absolute; inset: 0px; overflow: hidden; }

.creator-gen__backdrop img { object-fit: cover; filter: blur(40px) brightness(0.65) saturate(1.3); width: 100%; height: 100%; scale: 1.8; }

.creator-gen__body { flex-direction: column; align-items: center; gap: 22px; padding: 24px 16px 16px; display: flex; }

.creator-gen__progress, .creator-gen__bottom { width: 100%; max-width: 380px; }

.creator-gen__pct-row { justify-content: space-between; align-items: baseline; gap: 12px; display: flex; }

.creator-gen__pct { font-variant-numeric: tabular-nums; font-size: 28px; font-weight: 700; }

.creator-gen__eta { color: var(--gen-secondary); font-size: 13px; }

.creator-gen__bar { border-radius: var(--coub-radius-pill); background: rgba(255, 255, 255, 0.12); height: 4px; margin-top: 8px; overflow: hidden; }

.creator-gen__bar > span { border-radius: inherit; background: var(--coub-blue); height: 100%; transition: width 0.4s ease-in-out; display: block; }

.creator-gen__steps { flex-direction: column; gap: 4px; margin: 14px 0px 0px; padding: 0px; font-size: 14px; list-style: none; display: flex; }

.creator-gen__steps > li { height: 28px; color: var(--gen-text); align-items: center; gap: 10px; display: flex; }

.creator-gen__steps > li.-pending { color: var(--gen-tertiary); }

.creator-gen__step-mark { box-sizing: border-box; border-radius: 50%; flex: 0 0 auto; justify-content: center; align-items: center; width: 20px; height: 20px; display: inline-flex; }

.-done > .creator-gen__step-mark { background: var(--coub-blue-cta); color: var(--coub-on-blue); }

.-pending > .creator-gen__step-mark { border: 2px solid var(--gen-stroke); }

.creator-gen__bottom { flex-direction: column; gap: 14px; display: flex; }

.creator-gen__remixes { height: 36px; color: var(--gen-secondary); align-items: center; gap: 6px; font-size: 13px; text-decoration: none; display: flex; }

.creator-gen__remixes > span:first-child { flex: 1 1 0%; }

.creator-gen__remixes-count { color: var(--gen-text); font-weight: 600; }

.creator-gen__remixes > svg { color: var(--gen-tertiary); }

.creator-gen .creator-button.-secondary { border-color: var(--gen-stroke); color: var(--gen-text); background: rgba(255, 255, 255, 0.08); }

.creator-gen .creator-button.-secondary:hover { background: rgba(255, 255, 255, 0.14); }

.creator-gen__button { align-items: center; gap: 8px; display: inline-flex; }

.creator-gen__cancel { height: 36px; color: var(--gen-secondary); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; background: 0px 0px; border: 0px; justify-content: center; align-items: center; gap: 6px; font-size: 15px; font-weight: 500; display: inline-flex; }

.creator-gen__cancel:disabled { opacity: 0.6; cursor: default; }

.creator-gen-card { max-width: 100%; position: relative; }

.creator-gen-card__frame { background: rgb(11, 11, 13); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; position: absolute; inset: 0px; overflow: hidden; }

.creator-gen-card__base, .creator-gen-card__canvas, .creator-gen-card__base img { width: 100%; height: 100%; position: absolute; inset: 0px; }

.creator-gen-card__base .creator-gen-card__blur { object-fit: cover; filter: blur(8px) brightness(0.94); scale: 1.1; }

.creator-gen-card__mark { color: rgba(255, 255, 255, 0.85); letter-spacing: 0.08em; pointer-events: none; font-size: 9px; font-weight: 800; position: absolute; bottom: 6px; right: 8px; }

.creator-gen-card__selfie { object-fit: cover; border: 2px solid rgb(255, 255, 255); border-radius: 50%; width: 44px; height: 44px; position: absolute; top: -10px; right: -10px; }

.creator-sweep { pointer-events: none; position: absolute; inset: 0px; overflow: hidden; }

.creator-sweep::after { content: ""; background: linear-gradient(100deg, rgba(0, 0, 0, 0), rgba(3, 50, 255, 0.35) 40%, rgba(255, 255, 255, 0.35) 50%, rgba(3, 50, 255, 0.35) 60%, rgba(0, 0, 0, 0)); width: 60%; animation: 2.2s ease-in-out 0s infinite normal none running creator-sweep; position: absolute; top: -20%; bottom: -20%; left: -60%; }

@keyframes creator-sweep { 
  100% { translate: 270%; }
}

.creator-director__progress { gap: 4px; display: flex; }

.creator-director__progress > span { border-radius: var(--coub-radius-pill); background: var(--coub-appearing-secondary); flex: 1 1 0%; height: 4px; transition: background-color 0.25s; }

.creator-director__progress > span.-on { background: var(--coub-secondary); }

.creator-director__body { flex-direction: column; gap: 14px; display: flex; }

.creator-director__body.-busy { pointer-events: none; }

.creator-director__step { color: var(--coub-blue); align-items: center; gap: 6px; font-size: 13px; font-weight: 600; display: inline-flex; }

.creator-director__q { margin: -6px 0px 0px; font-size: 26px; line-height: 1.2; }

.creator-director__hint { color: var(--coub-neutral); margin: -6px 0px 0px; font-size: 15px; }

.creator-director__given { flex-wrap: wrap; gap: 6px; margin: 0px; padding: 0px; list-style: none; display: flex; }

.creator-director__given > li { background: var(--coub-fading-secondary); max-width: 100%; color: var(--coub-secondary); white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; border-radius: 9px; padding: 6px 10px; font-size: 13px; font-weight: 600; overflow: hidden; }

.creator-director__heroes { flex-direction: column; gap: 12px; display: flex; }

.creator-heroes-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; display: grid; }

.creator-hero-card { color: rgb(255, 255, 255); text-align: left; cursor: pointer; box-sizing: border-box; background: linear-gradient(to right bottom, rgb(35, 35, 43), rgb(19, 19, 21)); border: 2px solid rgba(0, 0, 0, 0); border-radius: 18px; flex-direction: column; align-items: flex-start; gap: 3px; min-height: 150px; padding: 12px; display: flex; position: relative; }

.creator-hero-card.-selected { border-color: var(--coub-blue); }

.creator-hero-card__icon { background: rgba(255, 255, 255, 0.14); border-radius: 14px; justify-content: center; align-items: center; width: 44px; height: 44px; margin-bottom: auto; display: inline-flex; }

.creator-hero-card__title { margin-top: 12px; font-size: 16px; font-weight: 700; }

.creator-hero-card__desc { color: rgba(255, 255, 255, 0.75); font-size: 12px; }

.creator-hero-card__check { background: var(--coub-blue-cta); width: 22px; height: 22px; color: var(--coub-on-blue); border-radius: 50%; justify-content: center; align-items: center; display: inline-flex; position: absolute; top: 10px; right: 10px; }

.creator-director__selfie, .creator-director__options { flex-direction: column; gap: 8px; display: flex; }

.creator-director-option { background: var(--coub-fading-secondary); color: var(--coub-secondary); font: inherit; text-align: left; cursor: pointer; border: 2px solid rgba(0, 0, 0, 0); border-radius: 16px; align-items: flex-start; gap: 12px; padding: 14px; display: flex; }

.creator-director-option:hover { border-color: var(--coub-border); }

.creator-director-option.-selected { border-color: var(--coub-blue); background: var(--coub-light-blue); }

.creator-director-option__mark { border: 2px solid var(--coub-third-secondary); box-sizing: border-box; border-radius: 50%; flex: 0 0 auto; justify-content: center; align-items: center; width: 22px; height: 22px; margin-top: 1px; display: inline-flex; }

.-selected > .creator-director-option__mark { border-color: var(--coub-blue-cta); background: var(--coub-blue-cta); color: var(--coub-on-blue); }

.creator-director-option__text { flex-direction: column; gap: 3px; min-width: 0px; display: flex; }

.creator-director-option__title { font-size: 16px; font-weight: 600; }

.creator-director-option__detail { color: var(--coub-neutral); font-size: 13px; }

.creator-director__custom { border: 1px solid var(--coub-border); background: var(--coub-primary); height: 52px; color: var(--coub-neutral); box-sizing: border-box; border-radius: 14px; align-items: center; gap: 10px; padding: 0px 14px; display: flex; }

.creator-director__custom:focus-within { border-color: var(--coub-blue); }

.creator-director__custom input { min-width: 0px; color: var(--coub-secondary); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background: 0px 0px; border: 0px; outline: none; flex: 1 1 0%; font-size: 15px; }

.creator-director__problem { min-height: 240px; color: var(--coub-neutral); text-align: center; flex-direction: column; justify-content: center; align-items: center; gap: 12px; display: flex; }

.creator-director__problem p { color: var(--coub-secondary); margin: 0px; font-size: 15px; }

.creator-director-loader { flex-direction: column; gap: 18px; display: flex; }

.creator-director-loader__head { align-items: center; gap: 14px; min-height: 52px; display: flex; overflow: hidden; }

.creator-director-loader__phrase { color: var(--coub-secondary); flex: 1 1 0%; font-size: 16px; font-weight: 600; animation: 0.35s ease-out 0s 1 normal none running creator-phrase-in; }

@keyframes creator-phrase-in { 
  0% { opacity: 0; translate: 0px 12px; }
}

.creator-director-loader__skeleton { flex-direction: column; gap: 8px; display: flex; }

.creator-skeleton-option { background: var(--coub-fading-secondary); border-radius: 16px; align-items: flex-start; gap: 12px; padding: 14px; animation: 0.9s ease-in-out 0s infinite alternate none running creator-skeleton; display: flex; }

@keyframes creator-skeleton { 
  0% { opacity: 0.55; }
}

.creator-skeleton-option__mark { border: 2px solid var(--coub-third-secondary); box-sizing: border-box; border-radius: 50%; flex: 0 0 auto; width: 22px; height: 22px; margin-top: 1px; }

.creator-skeleton-option__lines { flex-direction: column; flex: 1 1 0%; gap: 8px; display: flex; }

.creator-skeleton-option__lines > span { border-radius: var(--coub-radius-pill); background: var(--coub-appearing-secondary); display: block; }

.creator-clapper { flex: 0 0 auto; width: 58px; height: 52px; position: relative; }

.creator-clapper__stripes { background: repeating-linear-gradient(-55deg, #111114 0 5px, var(--coub-accent) 5px 11px); }

.creator-clapper__board { border-radius: 7px; height: 42px; position: absolute; bottom: 0px; left: 0px; right: 0px; overflow: hidden; }

.creator-clapper__board > .creator-clapper__stripes { height: 8px; position: absolute; top: 0px; left: 0px; right: 0px; }

.creator-clapper__scene { color: var(--coub-accent); font-variant-numeric: tabular-nums; font-size: 15px; font-weight: 900; line-height: 1; position: absolute; top: 11px; left: 7px; }

.creator-clapper__line { background: rgba(255, 255, 255, 0.35); border-radius: 1px; width: 29px; height: 2px; position: absolute; top: 31px; left: 7px; }

.creator-clapper__stick { transform-origin: 0px 100%; border-radius: 3px; width: 58px; height: 11px; animation: 0.96s ease 0s infinite normal none running creator-clap; position: absolute; top: 0px; left: 0px; }

@keyframes creator-clap { 
  0% { animation-timing-function: ease-out; rotate: 0deg; }
  12% { rotate: 4deg; }
  18% { animation-timing-function: ease-out; rotate: 0deg; }
  65% { animation-timing-function: linear; rotate: -24deg; }
  88% { animation-timing-function: cubic-bezier(0.6, 0, 1, 1); rotate: -24deg; }
  100% { rotate: 0deg; }
}

.creator-plot { color: rgb(255, 255, 255); background: linear-gradient(rgb(11, 26, 92), rgb(10, 15, 42)); border: 1px solid rgba(3, 50, 255, 0.45); border-radius: 16px; flex-direction: column; gap: 5px; padding: 14px; display: flex; }

.creator-plot__label { color: rgb(141, 182, 255); letter-spacing: 0.04em; text-transform: uppercase; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; display: inline-flex; }

.creator-plot__title { margin: 0px; font-size: 18px; font-weight: 700; }

.creator-plot__tags { color: rgb(161, 166, 177); font-size: 13px; }

.creator-storyboard__shots { gap: 16px 10px; margin: 0px; padding: 0px; list-style: none; transition: opacity 0.2s; display: grid; }

.creator-storyboard__shots.-rebuilding { opacity: 0.5; pointer-events: none; }

.creator-shot-card { width: 100%; color: var(--coub-secondary); font: inherit; text-align: left; cursor: pointer; background: 0px 0px; border: 0px; flex-direction: column; gap: 8px; padding: 0px; display: flex; }

.creator-shot-card__art { box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px; width: 100%; display: block; position: relative; overflow: hidden; }

.creator-shot-card:hover .creator-shot-card__art { border-color: var(--coub-blue); }

.creator-shot-card__n { background: var(--coub-accent); color: rgb(0, 0, 0); border-radius: 7px; justify-content: center; align-items: center; width: 22px; height: 22px; font-size: 12px; font-weight: 700; display: inline-flex; position: absolute; top: 6px; left: 6px; }

.creator-shot-card__range { border-radius: var(--coub-radius-pill); color: rgb(255, 255, 255); font-variant-numeric: tabular-nums; background: rgba(0, 0, 0, 0.55); align-items: center; height: 20px; padding: 0px 7px; font-size: 11px; font-weight: 700; display: inline-flex; position: absolute; bottom: 6px; left: 6px; }

.creator-shot-card__caption { -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px; font-weight: 600; display: -webkit-box; overflow: hidden; }

.creator-shot-card.-compact .creator-shot-card__caption { font-size: 13px; }

.creator-shot-art { display: block; position: absolute; inset: 0px; }

.creator-shot-art img { object-fit: cover; opacity: 0; width: 100%; height: 100%; transition: opacity 0.35s ease-out; position: absolute; inset: 0px; }

.creator-shot-art img.-shown { opacity: 1; }

.creator-shot-art__placeholder { color: rgba(255, 255, 255, 0.4); justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; overflow: hidden; }

.creator-shot-art__placeholder.-drawing { color: rgba(255, 255, 255, 0.75); }

.creator-shot-art__placeholder.-drawing::after { content: ""; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.22), rgba(0, 0, 0, 0)); width: 70%; animation: 1.3s linear 0s infinite normal none running creator-shimmer; position: absolute; top: -30%; bottom: -30%; left: -70%; rotate: 20deg; }

@keyframes creator-shimmer { 
  100% { translate: 300%; }
}

.creator-storyboard-timeline { flex-direction: column; gap: 5px; display: flex; }

.creator-storyboard-timeline__bar { gap: 3px; height: 22px; display: flex; }

.creator-storyboard-timeline__bar > span { background: var(--coub-accent); color: rgb(0, 0, 0); border-radius: 6px; flex-basis: 0px; justify-content: center; align-items: center; min-width: 18px; font-size: 11px; font-weight: 700; display: inline-flex; }

.creator-storyboard-timeline__legend { color: var(--coub-neutral); font-variant-numeric: tabular-nums; justify-content: space-between; font-size: 11px; display: flex; }

.creator-free-hint { background: var(--coub-fading-secondary); color: var(--coub-neutral); border-radius: 12px; align-items: center; gap: 10px; padding: 10px 12px; font-size: 13px; display: flex; }

.creator-free-hint > .creator-free-pill { flex: 0 0 auto; }

.creator-shot-sheet { flex-direction: column; gap: 14px; display: flex; }

.creator-shot-sheet__art { border-radius: 18px; align-self: center; max-width: 100%; position: relative; overflow: hidden; }

.creator-shot-sheet__meta { flex-direction: column; gap: 4px; display: flex; }

.creator-shot-sheet__range { color: var(--coub-neutral); font-variant-numeric: tabular-nums; font-size: 12px; font-weight: 600; }

.creator-shot-sheet__short { font-size: 20px; font-weight: 700; }

.creator-run-failed { flex-direction: column; justify-content: space-between; gap: 24px; min-height: 56vh; display: flex; }

.creator-run-failed__text { text-align: center; flex-direction: column; align-items: center; gap: 14px; margin: auto 0px; padding: 32px 16px; display: flex; }

.creator-run-failed__icon { color: var(--coub-third-secondary); }

.creator-run-failed__text h2 { margin: 0px; font-size: 17px; font-weight: 600; }

.creator-run-failed__message { margin: 0px; font-size: 14px; }

.creator-run-failed__hint { color: var(--coub-neutral); margin: 0px; font-size: 14px; }

.creator-run-failed__hint.-quiet { opacity: 0.8; font-size: 13px; }

.creator-result__main { justify-content: center; align-items: flex-start; gap: 12px; min-width: 0px; display: flex; }

.creator-result .creator-result__media { background: rgb(11, 11, 13); border-radius: 18px; flex: 0 1 auto; align-self: flex-start; min-width: 0px; max-width: none; }

.creator-result__length { color: rgb(255, 255, 255); font-variant-numeric: tabular-nums; background: rgba(0, 0, 0, 0.55); border-radius: 8px; align-items: center; gap: 5px; height: 26px; padding: 0px 9px; font-size: 12px; font-weight: 600; display: inline-flex; position: absolute; top: 12px; left: 12px; }

.creator-result__tools { flex-direction: column; flex: 0 0 auto; gap: 16px; width: 64px; padding-top: 6px; display: flex; }

.creator-tool { color: var(--coub-secondary); font: inherit; cursor: pointer; background: 0px 0px; border: 0px; flex-direction: column; align-items: center; gap: 6px; padding: 0px; display: flex; }

.creator-tool:disabled { cursor: default; }

.creator-tool__tile { border: 1px solid var(--coub-border); border-radius: var(--coub-radius-block); background: var(--coub-primary); box-sizing: border-box; justify-content: center; align-items: center; width: 48px; height: 48px; display: inline-flex; }

.creator-tool:hover:not(:disabled) .creator-tool__tile { background: var(--coub-hover-primary); }

.creator-tool.-primary .creator-tool__tile { background: var(--coub-blue-cta); color: var(--coub-on-blue); border-color: rgba(0, 0, 0, 0); }

.creator-tool.-primary:hover:not(:disabled) .creator-tool__tile { background: var(--coub-hover-blue); }

.creator-tool.-danger .creator-tool__tile { color: var(--coub-alert); }

.creator-tool:disabled .creator-tool__tile { opacity: 0.6; }

.creator-tool__label { max-width: 64px; color: var(--coub-neutral); text-align: center; font-size: 11px; font-weight: 500; line-height: 1.2; }

.creator-tool.-primary .creator-tool__label { color: var(--coub-secondary); font-weight: 600; }

.creator-variants { flex-wrap: wrap; align-items: center; gap: 8px; display: flex; }

.creator-variant { background: var(--coub-1-primary); cursor: pointer; box-sizing: border-box; border: 2px solid rgba(0, 0, 0, 0); border-radius: 12px; flex: 0 0 auto; width: 56px; height: 56px; padding: 0px; position: relative; overflow: hidden; }

.creator-variant.-selected { border-color: var(--coub-blue); }

.creator-variant img { object-fit: cover; width: 100%; height: 100%; }

.creator-variant__busy { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; display: flex; position: absolute; inset: 0px; }

.creator-another { border: 1.5px solid var(--coub-border); background: var(--coub-primary); min-width: 200px; height: 56px; color: var(--coub-secondary); font: inherit; text-align: left; cursor: pointer; border-radius: 12px; flex: 1 1 0%; align-items: center; gap: 10px; padding: 0px 12px; display: flex; }

.creator-another:hover:not(:disabled) { background: var(--coub-hover-primary); }

.creator-another:disabled { opacity: 0.6; cursor: default; }

.creator-another__text { flex-direction: column; gap: 1px; min-width: 0px; display: flex; }

.creator-another__title { font-size: 14px; font-weight: 600; }

.creator-another__free { color: var(--coub-accent); }

@supports (color:color-mix(in lab, red, red)) {
  .creator-another__free { color: color-mix(in srgb, var(--coub-accent) 55%, var(--coub-secondary)); }
}

.creator-another__free { font-size: 12px; }

.creator-made-from { flex-direction: column; gap: 8px; display: flex; }

.creator-made-from__title { color: var(--coub-neutral); margin: 0px; font-size: 13px; font-weight: 700; }

.creator-made-from > ul { background: var(--coub-fading-secondary); border-radius: 14px; margin: 0px; padding: 0px; list-style: none; overflow: hidden; }

.creator-made-from > ul > li + li { border-top: 1px solid var(--coub-border); }

.creator-made-from__row { width: 100%; color: var(--coub-secondary); font: inherit; text-align: left; box-sizing: border-box; background: 0px 0px; border: 0px; align-items: center; gap: 12px; padding: 10px 12px; text-decoration: none; display: flex; }

a.creator-made-from__row, button.creator-made-from__row { cursor: pointer; }

a.creator-made-from__row:hover, button.creator-made-from__row:hover:not(:disabled) { background: var(--coub-hover-primary); }

.creator-made-from__row > svg { color: var(--coub-neutral); flex: 0 0 auto; }

.creator-made-from__thumb { background: var(--coub-appearing-secondary); width: 44px; height: 44px; color: var(--coub-neutral); border-radius: 10px; flex: 0 0 auto; justify-content: center; align-items: center; display: inline-flex; overflow: hidden; }

.creator-made-from__thumb img { object-fit: cover; width: 100%; height: 100%; }

.creator-made-from__text { flex-direction: column; flex: 1 1 0%; gap: 2px; min-width: 0px; display: flex; }

.creator-made-from__caption { color: var(--coub-neutral); text-overflow: ellipsis; white-space: nowrap; font-size: 12px; overflow: hidden; }

.creator-made-from__value { white-space: pre-line; -webkit-box-orient: vertical; font-size: 15px; font-weight: 600; display: -webkit-box; overflow: hidden; }

.creator-share { flex-direction: column; gap: 18px; display: flex; }

.creator-share__file { align-items: center; gap: 14px; display: flex; }

.creator-share__file img, .creator-share__poster { background: var(--coub-1-primary); object-fit: cover; border-radius: 12px; flex: 0 0 auto; width: 64px; height: 114px; }

.creator-share__file > span { flex-direction: column; gap: 4px; display: flex; }

.creator-share__file strong { font-size: 16px; }

.creator-share__targets { display: flex; }

.creator-share-target { color: var(--coub-secondary); font: inherit; cursor: pointer; background: 0px 0px; border: 0px; flex-direction: column; flex: 1 1 0%; align-items: center; gap: 7px; padding: 0px; display: flex; }

.creator-share-target:disabled { cursor: default; }

.creator-share-target__circle { background: var(--coub-appearing-secondary); border-radius: 50%; justify-content: center; align-items: center; width: 56px; height: 56px; display: inline-flex; }

.creator-share-target.-primary .creator-share-target__circle { background: var(--coub-blue-cta); color: var(--coub-on-blue); }

.creator-share-target__label { color: var(--coub-neutral); font-size: 12px; }

.creator-share__link { background: var(--coub-fading-secondary); height: 52px; color: var(--coub-neutral); border-radius: 14px; align-items: center; gap: 10px; padding: 0px 6px 0px 14px; display: flex; }

.creator-share__url { min-width: 0px; color: var(--coub-secondary); text-overflow: ellipsis; white-space: nowrap; flex: 1 1 0%; font-size: 15px; overflow: hidden; }

.creator-share__url.-empty { color: var(--coub-neutral); }

.creator-share__toggle { background: var(--coub-fading-secondary); cursor: pointer; border-radius: 14px; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 14px; display: flex; }

.creator-share__toggle > span { flex-direction: column; gap: 2px; display: flex; }

.creator-share__toggle strong { font-size: 15px; }

.creator-share__toggle input { border-radius: var(--coub-radius-pill); background: var(--coub-appearing-secondary); appearance: none; cursor: pointer; flex: 0 0 auto; width: 44px; height: 26px; margin: 0px; transition: background-color 0.2s; position: relative; }

.creator-share__toggle input::before { content: ""; background: rgb(255, 255, 255); border-radius: 50%; width: 20px; height: 20px; transition: translate 0.2s; position: absolute; top: 3px; left: 3px; }

.creator-share__toggle input:checked { background: var(--coub-blue); }

.creator-share__toggle input:checked::before { translate: 18px; }

.creator-share__toggle input:focus-visible { outline: 2px solid var(--coub-blue); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  .creator-sweep::after { opacity: 0.6; animation: auto ease 0s 1 normal none running none; left: 20%; }
  .creator-clapper__stick { animation: auto ease 0s 1 normal none running none; rotate: -14deg; }
  .creator-skeleton-option, .creator-shot-art__placeholder.-drawing::after { animation: auto ease 0s 1 normal none running none; }
  .creator-shot-art__placeholder.-drawing::after { display: none; }
  .creator-director-loader__phrase { animation-name: creator-phrase-fade; }
  .creator-gen__bar > span, .creator-director__progress > span, .creator-shot-art img, .creator-share__toggle input, .creator-share__toggle input::before { transition: none; }
}

@keyframes creator-phrase-fade { 
  0% { opacity: 0; }
}