.cf-videos{--cf-accent:#b6e7a0;--cf-action:#eac15c;--cf-ink:#22282d;--cf-selected:#263238;--cf-radius:0px;max-width:100%;min-width:0;margin:18px 0;color:var(--cf-ink);font:inherit;clear:both}
.cf-videos[data-video-site="kover-russia.ru"]{--cf-accent:#a4c454;--cf-action:#a4c454;--cf-ink:#333;--cf-radius:3px}
.cf-videos[data-video-site="modern-rugs.ru"]{--cf-accent:#dd7665;--cf-action:#dd7665;--cf-ink:#2d3232;--cf-selected:#fff}
/* Modern Rugs has two historical placements. The child selectors also cover
   HTML already stored in the component cache before the wrapper-class fix. */
.cf-video-slot--mobile,.col-12>.cf-videos[data-video-site="modern-rugs.ru"]{display:none}
@media(max-width:767.98px){
 .cf-video-slot--desktop,.col-6>.cf-videos[data-video-site="modern-rugs.ru"]{display:none}
 .cf-video-slot--mobile,.col-12>.cf-videos[data-video-site="modern-rugs.ru"]{display:block}
}
.cf-videos[data-video-site="kovervdom.ru"]{--cf-accent:#755239;--cf-action:#755239;--cf-ink:#5e5e5e;--cf-selected:#fff;--cf-radius:3px}
.cf-videos *{box-sizing:border-box}.cf-videos [hidden]{display:none!important}
.cf-videos h3{font:inherit;font-weight:700;font-size:18px;line-height:1.4;margin:0 48px 12px 0;overflow-wrap:anywhere}
.cf-videos__body{min-width:0}.cf-videos__chooser{display:block;font:inherit;font-size:14px}
.cf-videos select{display:block;width:100%;max-width:100%;min-height:44px;font:inherit;color:var(--cf-ink);background:#fff;border:1px solid #d7d7d7;border-radius:var(--cf-radius);padding:10px;margin:6px 0 12px}
.cf-videos button{font:inherit;cursor:pointer;min-height:44px;padding:9px 15px;border:1px solid #d7d7d7;border-radius:var(--cf-radius);background:#fff;color:var(--cf-ink);line-height:1.3}
.cf-videos button[aria-pressed=true],.cf-videos .cf-videos__open{background:var(--cf-accent);border-color:var(--cf-accent);color:var(--cf-selected)}
.cf-videos button:disabled{opacity:.4;cursor:default}
.cf-videos button:focus-visible,.cf-videos select:focus-visible,.cf-videos a:focus-visible,.cf-videos__list:focus-visible{outline:3px solid #386eaa;outline-offset:3px}
.cf-videos__platforms{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 6px}
.cf-videos__source{margin:12px 0 6px;font-size:14px}
.cf-videos [data-video-player]{position:relative;width:min(100%,calc(60dvh * var(--cf-video-ratio,1.7778)));max-width:52rem;aspect-ratio:var(--cf-video-ratio,1.7778);display:grid;place-items:center;background:#202020;overflow:hidden}
.cf-videos iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.cf-videos__cover{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain}
.cf-videos .cf-videos__play{position:relative;z-index:1;width:60px;height:60px;border:0;border-radius:50%;padding:0;background:var(--cf-action);color:var(--cf-selected);font-size:25px}
.cf-videos [data-video-status]{font-size:13px;line-height:1.45;color:inherit;opacity:.8;margin:10px 0}
.cf-videos [data-video-links]{text-align:right;font-size:14px;line-height:1.5}
.cf-videos [data-video-links] a{color:inherit;text-decoration:underline;display:inline-block;padding:8px 0;min-height:44px}
.cf-videos .cf-videos__open{width:100%}
.cf-videos__dialog{width:min(800px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:24px;margin:auto;border:0;color:var(--cf-ink);background:#fff;overflow:auto;overscroll-behavior:contain}
.cf-videos .cf-videos__dialog:not([open]){display:none}
.cf-videos__dialog::backdrop{background:rgba(0,0,0,.65)}
.cf-videos .cf-videos__close{float:right;font-size:26px;line-height:1;width:44px;height:44px;padding:0;margin:0 0 6px 6px}
.cf-videos__list-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px}
.cf-videos__list-group{min-width:0}.cf-videos__count{font-size:14px;margin:0 0 10px}
.cf-videos__list{display:flex;flex-direction:column;gap:8px;max-height:336px;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;padding:3px}
.cf-videos__list::-webkit-scrollbar{width:8px;height:8px}.cf-videos__list::-webkit-scrollbar-track{background:#eee}.cf-videos__list::-webkit-scrollbar-thumb{background:#a1a1a1;border-radius:4px}
.cf-videos__list button{display:grid;grid-template-columns:24px 1fr;align-items:start;gap:4px 8px;text-align:left;min-height:76px;flex-shrink:0;padding:10px}
.cf-videos__number{grid-row:1/3}.cf-videos__item-title{overflow-wrap:anywhere}.cf-videos__list small{grid-column:2;font-size:12px}
.cf-videos__list-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:12px}
.cf-videos__list-nav button{width:44px;padding:0;font-size:20px}
@media(max-width:767px){
 .cf-videos__list-layout{grid-template-columns:minmax(0,1fr);gap:16px}
 .cf-videos__list{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:auto;padding:3px 3px 8px;scroll-snap-type:x proximity}
 .cf-videos__list button{width:190px;min-width:190px;scroll-snap-align:start;min-height:104px}
 .cf-videos__dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:16px}
 .cf-videos__platforms button{flex:1;min-width:0;padding:9px 8px}
 .cf-videos h3{font-size:17px}.cf-videos [data-video-links]{text-align:left}
}
@media(prefers-reduced-motion:reduce){.cf-videos *{scroll-behavior:auto!important}}