/* AUTOGENEROVANO CORALEM, neupravovat.
 * Zdroj pravdy je stejnojmenny .less soubor, tento .css se pri kazde
 * synchronizaci prepisuje. Upravy delej v .less souboru. */
/* Světlina: styly sdílené víc obrazovkami (položky seznamů, karty výstupů, volby, přepínač, tisk). Styly jedné obrazovky jsou v její sekci (Světlina 68). Sklo, barvy, tlačítka, pole a posuvník bere z 001-svetlina. */
.sv-predmet__hlava {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.sv-obrazovka {
  position: relative;
}
@keyframes sv-vyskok {
  from {
    opacity: 0;
    transform: scale(0.92) translateY(-6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* Polozka seznamu (podklad, dokument): cela je klikaci, akce vpravo. */
.sv-polozka {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  border-top: 1px solid var(--sv-linka);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  min-width: 0;
}
.sv-polozka:first-of-type,
.sv-oddil__hlava + .sv-polozka {
  border-top: 0;
  box-shadow: none;
}
.sv-polozka__hlavni {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  border: 0;
  border-radius: calc(12px * var(--sv-roh-hladky, 1));
  corner-shape: squircle;
  background: transparent;
  color: inherit;
  text-shadow: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color var(--sv-prechod);
}
/* Světlina 42: najetí zvýrazní celý řádek i s ikonou a tlačítky vpravo (tužka, koš,
   hvězdička), ne jen jeho střed. Ondra 23. 9. 2026: „když na to najedu myškou, tak se
   to bude označovat celé ... i s tím vpravo". */
.sv-polozka {
  position: relative;
  isolation: isolate;
}
.sv-polozka::before {
  content: '';
  position: absolute;
  inset: 3px -6px;
  z-index: -1;
  border-radius: calc(12px * var(--sv-roh-hladky, 1));
  corner-shape: squircle;
  background: transparent;
  transition: background-color var(--sv-prechod);
  pointer-events: none;
}
@media (hover: hover) {
  .sv-polozka:hover::before {
    background: var(--sv-hover);
  }
}
/* Světlina 125: řádek, ke kterému vede krok plánu učení, se na chvíli rozsvítí. */
.sv-polozka.je-zvyraznena::before {
  background: rgba(255, 211, 107, 0.55);
}
.sv-polozka__hlavni:focus-visible {
  background: var(--sv-hover);
}
/* Světlina 98: fokus z klávesnice zvýrazní celý řádek stejně jako najetí. */
.sv-polozka:has(> .sv-polozka__hlavni:focus-visible)::before {
  background: var(--sv-hover);
}
.sv-polozka > .sv-polozka__hlavni:focus-visible {
  background: transparent;
}
.sv-polozka__emoji {
  display: inline-flex;
  font-size: 22px;
  line-height: 1;
}
.sv-polozka__typ .coral-emoji {
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  vertical-align: middle !important;
}
.sv-polozka__telo {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.sv-polozka__nazev {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sv-polozka__veta {
  font-size: var(--sv-pismo-s);
  font-weight: 600;
  color: var(--sv-text-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sv-polozka__meta {
  font-size: var(--sv-mini);
  font-weight: 600;
  color: var(--sv-text-2);
  font-variant-numeric: tabular-nums;
}
.sv-polozka__uprava {
  flex: 1;
  padding: 8px 0;
}
.sv-ram[data-obrazovka="karticky"] .sv-obrazovka.je-aktivni > [data-sv-obsah],
.sv-uceni__karticky {
  display: flex;
  flex-direction: column;
}
.sv-ikony {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
/* Světlina 44: karta hotového výstupu v chatu (i v učícím režimu a na telefonu).
   Světlina 141: obsah karty stojí na stejné hraně jako pole zprávy pod ní (odsazení 10 px jako skládač). */
.sv-karta-vystupu {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: 'znak texty' 'akce akce';
  gap: 10px 12px;
  align-items: center;
  margin: 6px 0;
  padding: 10px;
  border-radius: var(--sv-r-pole);
  corner-shape: squircle;
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.24));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), var(--sv-stin-karta);
  animation: sv-prichod 200ms ease;
}
.sv-karta-vystupu__znak {
  grid-area: znak;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: calc(12px * var(--sv-roh-hladky, 1));
  corner-shape: squircle;
  background: rgba(255, 255, 255, 0.4);
  font-size: 26px;
  line-height: 1;
}
.sv-karta-vystupu__znak .coral-emoji {
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
}
.sv-karta-vystupu__texty {
  grid-area: texty;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.sv-karta-vystupu__nazev {
  font-size: var(--sv-pismo);
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sv-karta-vystupu__meta {
  font-size: var(--sv-mini);
  font-weight: 600;
  color: var(--sv-text-2);
  opacity: 0.8;
}
.sv-karta-vystupu__akce {
  grid-area: akce;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.sv-karta-vystupu__akce .sv-tl {
  min-height: var(--sv-tl-maly);
}
/* Světlina 141: karta obrázku ukáže obrázek nad názvem celý, klepnutím se zvětší. Šířku
   drží poměr stran (--sv-pomer z výstupu), takže obrázek se nikdy neořízne a místo má
   od prvního snímku, ještě než se načte. */
.sv-karta-vystupu--obrazek {
  grid-template-areas: 'obrazek obrazek' 'znak texty' 'akce akce';
}
.sv-karta-vystupu__obrazek {
  grid-area: obrazek;
  justify-self: start;
  display: block;
  width: 100%;
  max-width: min(100%, calc(min(52vh, 360px) * var(--sv-pomer, 1)));
  padding: 0;
  border: 0;
  background: rgba(255, 255, 255, 0.4);
  border-radius: calc(var(--sv-r-pole) - 4px);
  corner-shape: squircle;
  overflow: hidden;
  cursor: zoom-in;
  box-shadow: var(--sv-stin-karta);
  transition: box-shadow var(--sv-prechod);
}
.sv-karta-vystupu__obrazek:focus-visible {
  box-shadow: 0 0 0 3px rgba(242, 177, 52, 0.45), var(--sv-stin-karta);
}
.sv-karta-vystupu__obrazek img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
/* Nastaveni: volby v radku (vyber a tlacitka vedle), text prizpusobeni. */
.sv-volba__radek {
  display: flex;
  gap: 8px;
  align-items: center;
}
.sv-volba__radek .sv-pole {
  flex: 1;
  min-width: 0;
}
.sv-volba__radek .sv-tl--ikona {
  flex-shrink: 0;
}
.sv-volba .sv-polozka__meta {
  display: block;
  margin-top: 4px;
  white-space: normal;
  overflow: visible;
}
.sv-prepinac {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  cursor: pointer;
}
.sv-prepinac input {
  appearance: none;
  -webkit-appearance: none;
  width: 46px;
  height: 26px;
  border-radius: 999px;
  corner-shape: round;
  background: rgba(20, 28, 24, 0.25);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  position: relative;
  cursor: pointer;
  transition: background-color var(--sv-prechod);
  flex-shrink: 0;
}
.sv-prepinac input::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  corner-shape: round;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  transition: transform var(--sv-prechod);
}
.sv-prepinac input:checked {
  background: var(--sv-zluta);
}
.sv-prepinac input:checked::after {
  transform: translateX(20px);
}
@media print {
  body * {
    visibility: hidden;
  }
  [data-sv-tisk],
  [data-sv-tisk] * {
    visibility: visible;
  }
  [data-sv-tisk] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 20mm;
    font-size: 12pt;
    color: #000;
    background: #fff;
    border: 0;
    box-shadow: none;
  }
  @page {
    size: A4;
    margin: 12mm;
  }
}
/* Prázdná hláška v bočním sloupci sedí na stejné hraně jako položky. */
.sv-sloupec .sv-prazdno {
  margin: 0;
  padding: 6px 12px;
}
.sv-pole--bible {
  min-height: 96px;
  resize: vertical;
  font-size: var(--sv-pole-pismo);
  line-height: 1.55;
}
/* Ikona povahy dokumentu: klikaci, hned pred nazvem. */
.sv-polozka__typ {
  flex-shrink: 0;
  width: 38px;
  min-height: 38px;
}
/* Nahledy stran PDF u podkladu a lupa pres celou obrazovku. */
.sv-polozka--sObrazky {
  flex-wrap: wrap;
}
/* Světlina 88: text s akcemi zůstane v první řadě, náhledy zalomí pod ně. */
.sv-polozka.sv-polozka--sObrazky > .sv-polozka__hlavni {
  flex-basis: 0;
}
/* Světlina 97: při potvrzení smazání drží název své místo jako v každém řádku;
   potvrzení, které se vedle něj nevejde (telefon), přejde na vlastní řádek. */
.sv-polozka.sv-polozka--sObrazky.je-potvrzuje > .sv-polozka__hlavni {
  flex-basis: 180px;
}
.sv-nahledy {
  display: flex;
  gap: 6px;
  width: 100%;
  overflow-x: auto;
  padding: 6px 0 2px;
}
.sv-nahled {
  height: 74px;
  width: auto;
  flex-shrink: 0;
  border-radius: calc(8px * var(--sv-roh-hladky, 1));
  corner-shape: squircle;
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 4px 10px -6px rgba(0, 0, 0, 0.5);
  cursor: zoom-in;
  background: #fff;
}
/* Světlina 104: fotky z prezentace jsou čtverce, ať se řádek po načtení nepřeskládá. */
.sv-nahled--foto {
  width: 74px;
  object-fit: cover;
}
.sv-lupa {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(12, 18, 14, 0.82);
  backdrop-filter: blur(6px);
  cursor: zoom-out;
  animation: sv-prichod 160ms ease;
}
.sv-lupa img {
  max-width: 100%;
  max-height: 100%;
  border-radius: calc(12px * var(--sv-roh-hladky, 1));
  corner-shape: squircle;
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.8);
  background: #fff;
}
/* Uzky sloupec: polozka se nerozsype, akce zustanou v rade a text se zkrati. */
.sv-polozka__telo {
  min-width: 0;
}
.sv-polozka__nazev,
.sv-polozka__veta,
.sv-polozka__meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
/* Hvezdicka a kos potrebuji mezeru, at se neklika omylem na spatnou, ale malou
   (Světlina 61, token v jádře). */
.sv-polozka__akce {
  display: flex;
  flex-shrink: 0;
  gap: var(--sv-mezera-ikon);
  margin-left: auto;
}
.sv-polozka__akce .sv-tl--ikona {
  width: var(--sv-tl-maly);
  min-height: var(--sv-tl-maly);
}
/* Světlina 157: na počítači jsou vidět 36 px, klikací plocha má ale 40 px jako všude jinde
   (rozvržení pro PC dostane i dotykový tablet); neviditelný přesah si dělí mezeru se sousedem.
   Přesah se měří od vnitřku pixelového rámečku, proto 3 px na 2 px venku. */
@media (min-width: 768px) {
  .sv-polozka__akce .sv-tl--ikona::before,
  .sv-karta-vystupu__akce .sv-tl::before {
    content: '';
    position: absolute;
    inset: -3px;
  }
}
.sv-polozka__typ {
  width: 34px;
  min-height: 34px;
}
/* Světlina 78, 86: jasné kulaté tlačítko Přehrát na začátku řádku nahrávky, stejné
   u poznámek i dokumentů. Trojúhelník je opticky posunutý do středu kruhu. */
.sv-tl.sv-prehraj {
  flex-shrink: 0;
  width: var(--sv-tl-v);
  height: var(--sv-tl-v);
  min-height: var(--sv-tl-v);
  padding: 0;
  border-radius: 50%;
  corner-shape: round;
}
.sv-tl.sv-prehraj [data-coral-ikona="play"] {
  margin-left: 3px;
}
.sv-polozka > .sv-prehraj + .sv-polozka__telo {
  padding: 6px 0;
}
/* Světlina 98: kulaté Přehrát začíná řádek na hraně oddílu jako u nahrávek hodin
   i krabička typu u výstupů, i když leží uvnitř hlavního tlačítka řádku. Světlina 153:
   stejně náhled videa, ať sedí na jedné hraně s náhledy stran pod sousedním řádkem. */
.sv-polozka > .sv-polozka__hlavni:first-child:has(> .sv-prehraj:first-child),
.sv-polozka > .sv-polozka__hlavni:first-child:has(> .sv-polozka__video:first-child) {
  padding-left: 0;
}
@media (max-width: 1400px) and (min-width: 768px) {
  .sv-dva .sv-polozka__akce .sv-tl--ikona,
  .sv-dva .sv-polozka__typ {
    width: 30px;
    min-height: 30px;
  }
  /* Světlina 94: vidět je 30 px, cíl pro prst i myš má ale 40 px. Neviditelný
       přesah jde ven z řady a mezeru mezi hvězdičkou a třemi tečkami si dělí napůl;
       o pixel se překrývá, aby při zlomkových souřadnicích nezůstal mrtvý proužek. */
  .sv-dva .sv-polozka__akce .sv-tl--ikona::before {
    content: '';
    position: absolute;
    top: -6px;
    bottom: -6px;
    left: -7px;
    right: -4px;
  }
  .sv-dva .sv-polozka__akce .sv-tl--ikona:last-child::before {
    left: -4px;
    right: -7px;
  }
}
/* Telefon: ikona u polozky nebere misto textu (Ondra 21. 9.). */
@media (max-width: 767px) {
  .sv-polozka__hlavni {
    gap: 8px;
    padding: 6px 4px;
  }
  .sv-polozka__telo {
    flex: 1;
    min-width: 0;
  }
  .sv-dva {
    gap: 0;
  }
  .sv-oddil--ram {
    padding: 12px;
  }
}
/* Polozka: text nikdy nelze pod tlacitka, useknе se. */
.sv-polozka {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}
.sv-polozka > .sv-polozka__hlavni {
  flex: 1 1 auto;
  min-width: 0;
}
.sv-polozka__telo {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}
/* Obsazeni hlasu u tlacitka Prehrat: jeden radek na postavu. */
.sv-obsazeni .sv-volba__radek {
  margin-top: 8px;
}
.sv-obsazeni .sv-volba__radek .sv-popisek {
  flex: 0 0 110px;
  margin: 0;
  font-weight: 700;
}
.sv-obsazeni .sv-oddil__hlava {
  align-items: center;
}
@media (max-width: 767px) {
  .sv-obsazeni .sv-volba__radek {
    flex-wrap: wrap;
  }
  .sv-obsazeni .sv-volba__radek .sv-popisek {
    flex: 1 0 100%;
  }
}
/* Světlina 57: obsazení hlasů pod kartou výstupu v chatu; panel je úzký,
   takže jméno postavy stojí vždycky nad výběrem hlasu. */
.sv-karta-vystupu__hlasy:empty {
  display: none;
}
.sv-karta-vystupu__hlasy .sv-oddil.sv-oddil--ram {
  margin: 0 0 6px;
}
.sv-karta-vystupu__hlasy .sv-obsazeni .sv-volba__radek {
  flex-wrap: wrap;
}
.sv-karta-vystupu__hlasy .sv-obsazeni .sv-volba__radek .sv-popisek {
  flex: 1 0 100%;
}
.sv-karta-vystupu__hlasy .sv-formular__akce {
  flex-wrap: wrap;
}
/* Přečtená bible (historie v nastavení); bible v dokumentu je editor (007-dokumenty.less). */
.sv-bible__telo {
  font-size: var(--sv-pismo);
  line-height: 1.6;
  text-shadow: 0 1px 0 var(--sv-odlesk);
}
.sv-bible__telo h1,
.sv-bible__telo h2,
.sv-bible__telo h3 {
  font-size: var(--sv-h3);
  margin: 12px 0 4px;
}
.sv-bible__telo > :first-child {
  margin-top: 0;
}
.sv-bible__telo ul {
  margin: 4px 0;
  padding-left: 20px;
}
/* TELEFON: karticky, dokumenty a poznamky. Ondra 22. 9. 2026:
   „velikost textu kartiček je ohromná", „tlačítka Míchat a Zpět do předmětu
   jsou na dvou řádcích z nějakého neznámého důvodu", „tlačítko Ukázat odpověď
   a Umím nebo Ještě ne, fakt jako abys to tam mohl pohodlně klikat",
   „furt je moc velkým písmem ty jednotlivé dokumenty" a u poznamky
   „na mobilu o dost menší písmo". */
@media (max-width: 767px) {
  .sv-predmet__hlava .sv-formular__akce {
    flex-wrap: nowrap;
    gap: 6px;
  }
}
/* Telefon: hlavicka ucicho rezimu zacina hned za sipkou a nechava vpravo
   misto na zvuk s okem; nazev se zkrati, aby se veslo vsechno na jeden radek. */
/* PREDMET NA TELEFONU: sipka zpet je jen znak a cepice s tremi teckami sedi
   hned vedle ni, ne pod nazvem (Ondra 22. 9. 2026: „čepice a třitečky jsou
   pod názvem celé té stránky a je to takový podivný; chtělo by to dát aspoň
   vedle té šipky zpět, a šipka zpět nemusí mít text ani design tlačítka"). */
@media (max-width: 767px) {
  .sv-predmet__hlava {
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
  }
  .sv-predmet__hlava .sv-formular__akce {
    order: 3;
    flex: 0 0 auto;
  }
  .sv-predmet__navrat {
    order: 1;
    flex: 0 0 auto;
  }
  .sv-predmet__hlava h1 {
    font-size: calc(var(--sv-h1) - 2px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
/* Světlina 47, 48: předmět i kartičky mají šipku, název (s ikonou) a nástroje
   na jedné ose, věta je pod názvem od téže hrany jako název. Mezery jsou
   okrajem, ne mezerou mřížky, aby schovaná šipka na PC nic neposunula. */
.sv-predmet__hlava--predmet {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: 'zpet nazev nastroje' '. veta veta';
  align-items: center;
  gap: 2px 0;
}
.sv-predmet__hlava--predmet > .sv-predmet__nazev {
  display: contents;
}
.sv-predmet__hlava--predmet .sv-predmet__navrat {
  grid-area: zpet;
  margin-right: 6px;
}
.sv-predmet__hlava--predmet h1 {
  grid-area: nazev;
  min-width: 0;
  margin: 0;
}
.sv-predmet__hlava--predmet .sv-hlava__veta {
  grid-area: veta;
  margin: 0;
}
.sv-predmet__hlava--predmet .sv-formular__akce {
  grid-area: nastroje;
  margin-left: 12px;
}
/* Světlina 97: potvrzení smazání má v hlavičce vlastní řádek pod názvem, název se
   vedle něj nemačká; čepice zůstává vpravo od názvu. */
.sv-predmet__hlava--predmet:has(.sv-potvrzeni) {
  grid-template-areas: 'zpet nazev nastroje' 'potvrzeni potvrzeni potvrzeni' '. veta veta';
}
.sv-predmet__hlava--predmet .sv-formular__akce:has(> .sv-potvrzeni) {
  display: contents;
}
.sv-predmet__hlava--predmet .sv-formular__akce:has(> .sv-potvrzeni) > .sv-tl {
  grid-area: nastroje;
  margin-left: 12px;
}
.sv-predmet__hlava--predmet .sv-formular__akce > .sv-potvrzeni {
  grid-area: potvrzeni;
  justify-self: end;
  margin: 6px 0 4px;
}
/* Světlina 79: ikona předmětu je stejně vysoká jako velká písmena názvu, začíná
   na jejich úrovni a stojí u názvu jako další slovo. Rozměr je v em, roste
   s nadpisem na telefonu i na PC: kresba lucide zabírá asi 5/6 rámečku, rámeček
   0.88em ji tak srovná s výškou verzálek Sory. Rámeček bere proměnnou přes inline
   styl z 004-predmet.js, jinak by mu plugin ikon dal pevných 24 px. Ondra
   24. 9. 2026: „ta ... ikona toho předmětu ... pořád není stejně vysoká jako ten
   předmět. Ani nezačíná na stejný úrovni. A je moc daleko od předmětu vždycky
   a je taková moc pidi vždycky." */
.sv-predmet__hlava h1 {
  display: flex;
  align-items: center;
  gap: 0.2em;
  --sv-ikona-nazev: 0.88em;
}
.sv-predmet__hlava--predmet h1 > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sv-predmet__hlava h1 > .sv-predmet__ikona {
  flex-shrink: 0;
  --sv-ikona: var(--sv-ikona-nazev);
}
/* Tah silnější než u ostatních ikon, ať je čára stejně výrazná jako tučný nadpis. */
.sv-predmet__hlava h1 > .sv-predmet__ikona svg {
  stroke-width: 2.5;
}
/* Povaha vystupu: v seznamu jen znacka bez ramecku, menit se da az uvnitr
   dokumentu klepnutim na znak u nazvu. Ondra 22. 9. 2026: „u toho, jak měníš
   ten typ položky, to bych nedal přímo tam v seznamu, ale musím to rozkliknout
   a změnit to přímo uvnitř ... a tady u toho názvu bude ta ikonka, na kterou
   si můžeš kliknout, to je prostě jenom pro organizaci, to tam bude napsáno." */
.sv-polozka__typ {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  font-size: 20px;
  line-height: 1;
}
.sv-polozka__typ svg {
  width: var(--sv-ikona);
  height: var(--sv-ikona);
}
.sv-polozka__typ img {
  width: 24px;
  height: 24px;
}
/* Světlina 141: obrázek má v řádku náhled místo ikony, orámovaný jako náhled videa. */
.sv-polozka__typ img.sv-polozka__obrazek {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(8px * var(--sv-roh-hladky, 1));
  corner-shape: squircle;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 1px rgba(20, 28, 24, 0.12);
}