/* AUTOGENEROVANO CORALEM, neupravovat.
 * Zdroj pravdy je stejnojmenny .less soubor, tento .css se pri kazde
 * synchronizaci prepisuje. Upravy delej v .less souboru. */
/* Světlina 137: kino pro videa z YouTube, karta videa v chatu a čip s časem. Každý soubor LESS se překládá zvlášť, proto tu nejsou proměnné ani mixiny jádra; sklo, barvy, tlačítka a pole bere z 001-svetlina, kostru kina (horní řádek, čas, ovládání, rychlost, přepis) z velkého přehrávače 008. */
/* KINO. Video je vždycky celé a nahoře; čas, ovládání a rychlost stojí na
   hranách videa, ne na hranách okna. Šířku kina (ne okna) hlídá skript:
   úzké kino (telefon, malé okno) má rychlost na vlastním řádku a ovládání
   pod přepisem, široké (PC od 940 px) má přepis vedle videa. */
.sv-prehravac.sv-prehravac--cela.sv-video {
  --sv-video-max: calc(40vh * 16 / 9);
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto auto minmax(0, 1fr);
  grid-template-areas: 'zpet nazev akce' 'obraz obraz obraz' 'cas cas cas' 'ovladani ovladani ovladani' 'prepis prepis prepis';
  gap: clamp(8px, calc(5.5px + 0.66vw), 14px) 12px;
}
/* Horní řádek: šipka zpět, název videa a vpravo YouTube a Uložit. */
.sv-prehravac.sv-prehravac--cela.sv-video .sv-video__vrch {
  display: contents;
}
.sv-prehravac.sv-prehravac--cela.sv-video .sv-prehravac__titulek {
  display: none;
}
.sv-prehravac.sv-prehravac--cela.sv-video .sv-sipka-zpet {
  grid-area: zpet;
  align-self: center;
}
.sv-video__akce {
  grid-area: akce;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 4px;
}
.sv-video__uloz-misto {
  display: contents;
}
.sv-video__akce > .sv-tl--ikona {
  width: var(--sv-tl-maly);
  min-height: var(--sv-tl-maly);
  border-radius: 50%;
  corner-shape: round;
}
.sv-video__uloz {
  min-height: var(--sv-tl-maly);
  padding: 0 14px;
  gap: 6px;
  border-radius: 999px;
  corner-shape: round;
  font-size: var(--sv-tl-pismo);
}
.sv-video__uloz.je-ulozeno {
  opacity: 0.75;
  cursor: default;
}
.sv-prehravac.sv-prehravac--cela.sv-video .sv-video__hlava,
.sv-prehravac.sv-prehravac--cela.sv-video .sv-video__hlava:hover {
  grid-area: nazev;
  justify-self: stretch;
  justify-content: flex-start;
  min-width: 0;
  background: transparent;
  cursor: default;
}
.sv-prehravac.sv-prehravac--cela.sv-video .sv-prehravac__texty {
  align-items: flex-start;
  gap: 2px;
  text-align: left;
}
.sv-prehravac.sv-prehravac--cela.sv-video .sv-prehravac__nazev {
  font-size: var(--sv-h3);
  font-weight: 800;
  line-height: 1.25;
  text-wrap: pretty;
  -webkit-line-clamp: 2;
}
.sv-prehravac.sv-prehravac--cela.sv-video .sv-prehravac__podtitul {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--sv-mini);
}
/* Obraz: rámeček 16:9, uvnitř přehrávač YouTubu oříznutý tak, že titulek,
   logo a doporučení YouTubu leží mimo; nad ním náhled, klepací plocha
   (přehrát a pozastavit) a clona s hláškou. */
.sv-video__obraz {
  grid-area: obraz;
  justify-self: center;
  width: 100%;
  max-width: var(--sv-video-max);
}
.sv-video__obal {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--sv-r-pole);
  corner-shape: squircle;
  background: #0d1210;
  isolation: isolate;
  box-shadow: 0 0 0 1px rgba(20, 28, 24, 0.14), 0 10px 20px -12px rgba(0, 0, 0, 0.55);
}
.sv-video__iframe {
  position: absolute;
  left: 0;
  top: calc(-1 * max(60px, 14%));
  width: 100%;
  height: calc(100% + 2 * max(60px, 14%));
  border: 0;
  pointer-events: none;
}
.sv-video__obal[data-stav="ukazano"] .sv-video__iframe,
.sv-video__obal[data-stav="dotyk"] .sv-video__iframe {
  top: 0;
  height: 100%;
  pointer-events: auto;
}
.sv-video__plakat {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  transition: opacity 260ms ease;
}
.sv-video__obal[data-stav="hraje"] .sv-video__plakat,
.sv-video__obal[data-stav="pauza"] .sv-video__plakat,
.sv-video__obal[data-stav="ukazano"] .sv-video__plakat,
.sv-video__obal[data-stav="dotyk"] .sv-video__plakat {
  opacity: 0;
}
.sv-video__plocha {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  outline: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 200ms ease;
}
.sv-video__plocha:focus-visible {
  box-shadow: inset 0 0 0 3px var(--sv-zluta);
}
.sv-video__obal[data-stav="pauza"] .sv-video__plocha {
  background: rgba(10, 15, 12, 0.22);
}
.sv-video__obal[data-stav="ukazano"] .sv-video__plocha,
.sv-video__obal[data-stav="dotyk"] .sv-video__plocha,
.sv-video__obal[data-stav="chyba"] .sv-video__plocha {
  display: none;
}
.sv-video__velke {
  --sv-ikona: 30px;
  width: clamp(56px, calc(48px + 2vw), 76px);
  height: clamp(56px, calc(48px + 2vw), 76px);
  min-height: 0;
  padding: 0;
  justify-content: center;
  border-radius: 50%;
  corner-shape: round;
  opacity: 0;
  transform: scale(0.86);
  pointer-events: none;
  transition: opacity 200ms ease, transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
}
.sv-video__obal[data-stav="pauza"] .sv-video__velke {
  opacity: 1;
  transform: none;
}
.sv-video__clona {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-items: center;
  padding: 12px;
  pointer-events: none;
  transition: background-color 200ms ease;
}
.sv-video__clona:empty {
  display: none;
}
.sv-video__obal[data-stav="nacita"] .sv-video__clona {
  background: rgba(10, 15, 12, 0.18);
}
.sv-video__obal[data-stav="reklama"] .sv-video__clona,
.sv-video__obal[data-stav="konec"] .sv-video__clona,
.sv-video__obal[data-stav="chyba"] .sv-video__clona {
  background: rgba(10, 15, 12, 0.5);
}
.sv-video__kolecko {
  width: 34px;
  height: 34px;
  border-width: 3px;
  border-color: var(--sv-zluta);
  border-right-color: transparent;
}
.sv-video__hlaska {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 12px;
  max-width: min(100%, 440px);
  padding: 10px 14px;
  border-radius: calc(16px * var(--sv-roh-hladky, 1));
  corner-shape: squircle;
  background: rgba(242, 246, 238, 0.9399999999999999);
  box-shadow: 0 14px 34px -12px rgba(0, 0, 0, 0.5);
  color: var(--sv-text);
  text-shadow: none;
  font-size: var(--sv-maly);
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  pointer-events: auto;
}
.sv-video__hlaska.je-chyba > span {
  color: var(--sv-chyba);
}
.sv-video__hlaska .sv-tl {
  min-height: var(--sv-tl-maly);
}
.sv-video a.sv-tl {
  text-decoration: none;
}
.sv-video__skryte {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
/* Čas, ovládání a rychlost na hranách videa: okraj je polovina rozdílu mezi
   šířkou plochy a šířkou videa (procento okraje se počítá ze šířky plochy). */
.sv-video .sv-posuvnik[data-sv-video-cas] {
  background: linear-gradient(90deg, var(--sv-zluta) 0, var(--sv-zluta) var(--sv-hodnota, 0%), var(--sv-zluta-svetla) var(--sv-hodnota, 0%), var(--sv-zluta-svetla) var(--sv-hotovo, 0%), rgba(20, 28, 24, 0.18) var(--sv-hotovo, 0%), rgba(20, 28, 24, 0.18) 100%);
}
.sv-prehravac.sv-prehravac--cela.sv-video .sv-prehravac__posun {
  grid-area: cas;
  justify-self: center;
  width: 100%;
  max-width: var(--sv-video-max);
}
.sv-prehravac.sv-prehravac--cela.sv-video .sv-prehravac__ovladani {
  grid-area: ovladani;
  justify-self: start;
  margin-left: max(0px, calc((100% - var(--sv-video-max)) / 2));
}
.sv-prehravac.sv-prehravac--cela.sv-video .sv-video__rychlost {
  grid-area: ovladani;
  justify-self: end;
  width: auto;
  max-width: none;
  margin-right: max(0px, calc((100% - var(--sv-video-max)) / 2));
}
.sv-prehravac.sv-prehravac--cela.sv-video .sv-video__hraj {
  --sv-ikona: 26px;
  width: clamp(56px, calc(50px + 1vw), 66px);
  min-height: clamp(56px, calc(50px + 1vw), 66px);
  padding: 0;
  justify-content: center;
  border-radius: 50%;
  corner-shape: round;
  flex-shrink: 0;
}
/* Přepis: karta jako text nahrávky ve velkém přehrávači, nahoře hledání. */
.sv-prehravac.sv-prehravac--cela.sv-video .sv-video__prepis {
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: var(--sv-r-pole);
  corner-shape: squircle;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.12));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), var(--sv-stin-karta);
}
.sv-prehravac.sv-prehravac--cela.sv-video .sv-video__text {
  padding: 12px clamp(10px, calc(6px + 1vw), 18px);
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 12px, #000 calc(100% - 20px), transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0, #000 12px, #000 calc(100% - 20px), transparent 100%);
}
.sv-prehravac.sv-prehravac--cela.sv-video .sv-video__text::after {
  height: 12vh;
}
.sv-video__hledani {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 8px 6px 12px;
  border-bottom: 1px solid var(--sv-linka);
}
.sv-video__hledani[hidden] {
  display: none;
}
.sv-video__hledani > [data-coral-ikona] {
  flex: none;
  opacity: 0.7;
}
.sv-video__hledani .sv-pole {
  flex: 1 1 auto;
  min-width: 0;
  min-height: var(--sv-tl-maly);
  padding: 6px 10px;
  font-size: var(--sv-pole-pismo);
}
.sv-video__hledani .sv-pole::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.sv-video__hledani .sv-tl--ikona {
  flex: none;
  width: var(--sv-tl-maly);
  min-height: var(--sv-tl-maly);
  border-radius: 50%;
  corner-shape: round;
}
.sv-video__pocet {
  flex: none;
  font-size: var(--sv-mini);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--sv-text-2);
  white-space: nowrap;
}
.sv-video__pocet:empty {
  display: none;
}
.sv-video__radek {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0 -6px 2px;
  padding: 4px 6px;
  border-radius: calc(8px * var(--sv-roh-hladky, 1));
  corner-shape: squircle;
  font-size: clamp(15px, calc(13.8px + 0.32vw), 17px);
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer;
  transition: background-color var(--sv-prechod), box-shadow var(--sv-prechod);
}
@media (hover: hover) {
  .sv-video__radek:hover {
    background: var(--sv-hover);
  }
}
/* Klepe se na celý řádek: pod prstem je vysoký aspoň 40 px. */
@media (pointer: coarse) {
  .sv-video__radek {
    padding-top: max(4px, calc((40px - 1.5em) / 2));
    padding-bottom: max(4px, calc((40px - 1.5em) / 2));
  }
}
.sv-video__radek.je-ted {
  background: rgba(242, 177, 52, 0.28);
  box-shadow: inset 3px 0 0 var(--sv-zluta);
}
.sv-video__cas {
  flex: none;
  min-width: 3.4em;
  color: var(--sv-text-2);
  font-size: var(--sv-mini);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.sv-video__veta {
  flex: 1 1 auto;
  min-width: 0;
}
.sv-video__radek.je-obraz .sv-video__veta {
  font-weight: 500;
  opacity: 0.78;
}
.sv-video__stitek {
  display: inline-block;
  margin-right: 6px;
  padding: 1px 8px;
  border-radius: 999px;
  corner-shape: round;
  background: rgba(20, 28, 24, 0.08);
  font-size: var(--sv-mini);
  font-weight: 700;
  line-height: 1.5;
  vertical-align: 1px;
}
mark.sv-video__nalez {
  padding: 0 1px;
  border-radius: 3px;
  background: rgba(242, 177, 52, 0.45);
  color: inherit;
}
mark.sv-video__nalez.je-aktivni {
  background: var(--sv-zluta);
  box-shadow: 0 0 0 2px var(--sv-zluta);
}
.sv-video__info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin: 4px 0 10px;
  font-size: var(--sv-maly);
  font-weight: 600;
  line-height: 1.45;
  color: var(--sv-text-2);
}
.sv-video__info.je-chyba {
  color: var(--sv-chyba);
}
/* Přepis se teprve dělá, nepovedl se nebo je prázdný: hláška stojí uprostřed karty. */
.sv-prehravac.sv-prehravac--cela.sv-video .sv-video__text:has(> .sv-video__info:only-child) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sv-prehravac.sv-prehravac--cela.sv-video .sv-video__text:has(> .sv-video__info:only-child)::after {
  display: none;
}
.sv-video__info:only-child {
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  max-width: 32ch;
  margin: 0 auto;
  padding: 12px 0;
  text-align: center;
  text-wrap: balance;
}
.sv-video__info .sv-tl {
  min-height: var(--sv-tl-maly);
}
.sv-video__prubeh {
  margin-left: 6px;
  opacity: 0.75;
  font-variant-numeric: tabular-nums;
}
/* Úzké kino: ovládání pod palcem jako ve velkém přehrávači, rychlost přes
   celý řádek, Uložit jen ikonou, ať se název vejde. */
.sv-prehravac.sv-prehravac--cela.sv-video.je-uzke {
  grid-template-rows: auto auto minmax(0, 1fr) auto auto auto;
  grid-template-areas: 'zpet nazev akce' 'obraz obraz obraz' 'prepis prepis prepis' 'cas cas cas' 'ovladani ovladani ovladani' 'rychlost rychlost rychlost';
}
.sv-prehravac.sv-prehravac--cela.sv-video.je-uzke .sv-prehravac__ovladani {
  justify-self: center;
  margin-left: 0;
}
.sv-prehravac.sv-prehravac--cela.sv-video.je-uzke .sv-video__rychlost {
  grid-area: rychlost;
  justify-self: stretch;
  justify-content: flex-start;
  margin-right: 0;
}
.sv-prehravac.sv-prehravac--cela.sv-video.je-uzke .sv-video__rychlost .sv-posuvnik {
  width: auto;
  flex: 1 1 auto;
}
.sv-prehravac.sv-prehravac--cela.sv-video.je-uzke .sv-video__uloz {
  width: var(--sv-tl-maly);
  padding: 0;
  justify-content: center;
  border-radius: 50%;
  corner-shape: round;
}
.sv-prehravac.sv-prehravac--cela.sv-video.je-uzke .sv-video__uloz span {
  display: none;
}
/* Široké kino: video vlevo uprostřed výšky, přepis vpravo přes celou výšku. */
.sv-prehravac.sv-prehravac--cela.sv-video.je-siroke {
  --sv-video-max: calc(60vh * 16 / 9);
  grid-template-columns: auto minmax(0, 1fr) minmax(300px, 0.62fr);
  grid-template-rows: auto minmax(0, 1fr) auto auto auto minmax(0, 1fr);
  grid-template-areas: 'zpet nazev akce' '. . prepis' 'obraz obraz prepis' 'cas cas prepis' 'ovladani ovladani prepis' '. . prepis';
}
.sv-prehravac.sv-prehravac--cela.sv-video.je-siroke .sv-prehravac__nazev {
  font-size: var(--sv-h2);
}
.sv-prehravac.sv-prehravac--cela.sv-video.je-siroke .sv-video__prepis {
  margin-left: clamp(4px, calc(1vw - 4px), 16px);
}
/* PC: kino stojí v obsahové části místo obrazovky (chat vpravo zůstává),
   v učení vlevo vedle učebního chatu. */
@media (min-width: 768px) {
  .sv-plocha__telo > .sv-prehravac.sv-prehravac--cela.sv-video {
    position: relative;
    inset: auto;
    z-index: 2;
    grid-area: 1 / 1 / 3 / 2;
    min-height: 0;
    margin: 0;
    padding: var(--sv-g) calc(var(--sv-g) + var(--sv-karta-x)) calc(var(--sv-g) + 6px);
    border-radius: 0;
  }
  .sv-ram.je-video-kino:not([data-obrazovka="uceni"]) .sv-plocha__telo > .sv-obrazovky,
  .sv-ram.je-video-kino:not([data-obrazovka="uceni"]) .sv-plocha__telo > .sv-prehravac:not(.sv-video) {
    visibility: hidden;
  }
  .sv-ram[data-obrazovka="uceni"].je-video-kino .sv-plocha__telo {
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, 1fr);
    grid-template-areas: 'video obsah' 'video prehravac';
  }
  .sv-ram[data-obrazovka="uceni"] .sv-plocha__telo > .sv-prehravac.sv-prehravac--cela.sv-video {
    grid-area: video;
  }
}
/* Telefon: kino je samostatné okno přes obsah i hlavičku jako Zeptat se,
   dole zůstává lista. Otevřený chat leží nad kinem. */
@media (max-width: 767px) {
  .sv-prehravac.sv-prehravac--cela.sv-video {
    position: absolute;
    inset: calc(-1 * var(--sv-hlavicka)) 0 var(--sv-lista) 0;
    z-index: 46;
    margin: 0;
    padding: 6px var(--sv-vnitrek) 18px;
    border-radius: 0;
    background: linear-gradient(180deg, #f2f6ee, #e9efe4);
    gap: 8px 10px;
  }
  .sv-ram[data-obrazovka="uceni"] .sv-prehravac.sv-prehravac--cela.sv-video {
    top: 0;
    bottom: 0;
    padding-top: max(6px, env(safe-area-inset-top));
    padding-bottom: max(14px, env(safe-area-inset-bottom));
  }
  .sv-ram.je-video-kino .sv-asistent.je-otevreny {
    z-index: 47;
  }
  html.sv-video-kino .sv-nastroje--volne {
    display: none;
  }
}
/* KARTA VIDEA V CHATU: náhled s délkou, název, kanál a Uložit. */
.sv-video-karta {
  display: grid;
  grid-template-columns: clamp(108px, 38%, 168px) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin: 6px 0;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: calc(14px * var(--sv-roh-hladky, 1));
  corner-shape: squircle;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.18));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), var(--sv-stin-karta);
  white-space: normal;
  font-style: normal;
  font-weight: normal;
  line-height: 1.35;
  text-align: left;
  cursor: default;
}
.sv-video-karta__nahled {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: calc(10px * var(--sv-roh-hladky, 1));
  corner-shape: squircle;
  background: #0d1210;
  outline: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.sv-video-karta__nahled img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (hover: hover) {
  .sv-video-karta__nahled:hover img {
    transform: scale(1.04);
  }
}
.sv-video-karta__nahled:focus-visible {
  box-shadow: 0 0 0 3px var(--sv-zluta);
}
.sv-video-karta__hraj {
  --sv-ikona: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin: -17px 0 0 -17px;
  border-radius: 50%;
  corner-shape: round;
  background: linear-gradient(180deg, var(--sv-zluta-svetla), var(--sv-zluta) 55%, var(--sv-zluta-tmava));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 6px 14px -6px rgba(0, 0, 0, 0.65);
  color: var(--sv-text);
}
.sv-video-karta__delka {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 1px 6px;
  border-radius: calc(6px * var(--sv-roh-hladky, 1));
  corner-shape: squircle;
  background: rgba(242, 246, 238, 0.92);
  color: var(--sv-text);
  font-size: 11px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.5;
  text-shadow: none;
}
.sv-video-karta__od {
  position: absolute;
  left: 5px;
  top: 5px;
  padding: 1px 7px;
  border-radius: 999px;
  corner-shape: round;
  background: var(--sv-zluta);
  color: var(--sv-text);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.5;
  text-shadow: none;
}
.sv-video-karta__telo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  padding: 2px 2px 2px 0;
}
.sv-video-karta__nazev {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: var(--sv-maly);
  font-weight: 800;
  line-height: 1.3;
  cursor: pointer;
}
@media (hover: hover) {
  .sv-video-karta__nazev:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }
}
.sv-video-karta__meta {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--sv-mini);
  font-weight: 600;
  opacity: 0.72;
}
.sv-video-karta__uloz {
  --sv-ikona: 14px;
  min-height: var(--sv-tl-maly);
  margin-top: 2px;
  padding: 4px 12px;
  gap: 6px;
  border-radius: 999px;
  corner-shape: round;
  font-size: var(--sv-mini);
}
.sv-video-karta__uloz.je-ulozeno {
  opacity: 0.75;
  cursor: default;
}
.sv-video-pod {
  display: grid;
  gap: 6px;
  margin-top: 8px;
  white-space: normal;
}
/* Čip uprostřed věty: skok na místo ve videu; zásah má výšku prstu. */
.sv-video-cas {
  --sv-ikona: 12px;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  margin: 0 1px;
  padding: 1px 9px 1px 7px;
  border: 1px solid rgba(212, 143, 27, 0.35);
  border-radius: 999px;
  corner-shape: round;
  background: rgba(242, 177, 52, 0.22);
  color: inherit;
  font: inherit;
  font-size: 0.92em;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  white-space: normal;
  vertical-align: 1px;
  outline: none;
  cursor: pointer;
  transition: background-color var(--sv-prechod);
}
.sv-video-cas > [data-coral-ikona],
.sv-video-cas > svg {
  flex: none;
}
.sv-video-cas::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 44px;
  margin-top: -22px;
}
@media (hover: hover) {
  .sv-video-cas:hover {
    background: rgba(242, 177, 52, 0.4);
  }
}
.sv-video-cas:focus-visible {
  box-shadow: 0 0 0 2px var(--sv-zluta);
}
/* Nabídka uložení k předmětu (zavřít = nechat video jen v chatu). */
.sv-video-nabidka {
  flex-wrap: wrap;
  gap: 8px;
  max-width: 460px;
}
.sv-video-nabidka > span {
  flex: 1 1 160px;
  min-width: 0;
}
.sv-video-nabidka .sv-pole {
  flex: 1 1 130px;
  min-width: 0;
  padding: 6px 10px;
  font-size: var(--sv-pole-pismo);
}
/* Video v seznamu podkladů: místo ikony malý náhled. */
.sv-polozka__video {
  flex: none;
  width: 64px;
  height: 36px;
  object-fit: cover;
  border-radius: calc(6px * var(--sv-roh-hladky, 1));
  corner-shape: squircle;
  background: #0d1210;
  box-shadow: 0 0 0 1px rgba(20, 28, 24, 0.12);
}
@media (prefers-reduced-motion: reduce) {
  .sv-prehravac.sv-prehravac--cela.sv-video {
    animation: none;
  }
  .sv-video__plakat,
  .sv-video__plocha,
  .sv-video__velke,
  .sv-video__clona,
  .sv-video__radek,
  .sv-video-karta__nahled img,
  .sv-video-cas {
    transition: none;
  }
  .sv-video-karta__nahled:hover img {
    transform: none;
  }
}