/* AUTOGENEROVANO CORALEM, neupravovat.
 * Zdroj pravdy je stejnojmenny .less soubor, tento .css se pri kazde
 * synchronizaci prepisuje. Upravy delej v .less souboru. */
/* Světlina 68: styly obrazovky Přehled. 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. */
/* Světlina 97: cesta k přáním na vylepšení, jeden řádek pod seznamy. */
.sv-prehled-prani {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
}
.sv-prehled-prani__ikona {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  corner-shape: round;
  display: grid;
  place-items: center;
  background: var(--sv-zluta);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), var(--sv-stin-akcent);
}
.sv-prehled-prani__text {
  flex: 1 1 240px;
  min-width: 0;
  font-size: var(--sv-pismo);
  line-height: 1.45;
}
.sv-prehled-prani__text b {
  font-weight: 800;
}
/* Světlina 200: kdo je tu díky tvému kódu, pod hlavou přehledu. Tlačítko dárku a křížek drží
   vpravo, potvrzení jako u 18+ nahradí tlačítko na místě a dlouhé jde na celý řádek. Po dárku
   ikona dárku vyskočí a jednou dvakrát zazáří. */
.sv-pozvany + .sv-pozvany {
  margin-top: 10px;
}
.sv-pozvany__darek {
  display: block;
  margin-top: 2px;
  font-size: var(--sv-maly);
  font-weight: 600;
  color: var(--sv-text-2);
}
.sv-pozvany__akce {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
  margin-left: auto;
  min-width: 0;
}
.sv-pozvany .sv-prehled-prani__text {
  flex-basis: 160px;
}
.sv-pozvany__akce:has(.sv-potvrzeni) [data-sv-akce="pozvany-skryj"] {
  display: none;
}
.sv-pozvany__akce:has(.sv-potvrzeni--dlouhe) {
  flex: 1 1 100%;
}
.sv-pozvany__akce .sv-potvrzeni--dlouhe {
  flex: 1 1 100%;
}
.sv-pozvany.je-cerstvy .sv-prehled-prani__ikona {
  animation: sv-pozvany-dar 900ms cubic-bezier(0.3, 1.5, 0.5, 1), sv-nabidka-dech 1.2s ease-out 2;
}
@keyframes sv-pozvany-dar {
  0% {
    transform: scale(0.4) rotate(-14deg);
  }
  60% {
    transform: scale(1.14) rotate(5deg);
  }
  100% {
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sv-pozvany.je-cerstvy .sv-prehled-prani__ikona {
    animation: none;
  }
}
/* Světlina 28: průvodce začátkem pro úplně nový účet. */
.sv-zacatek__kroky {
  list-style: none;
  margin: 6px 0 16px;
  padding: 0;
  display: grid;
  gap: 12px;
}
.sv-zacatek__kroky li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  line-height: 1.45;
}
.sv-zacatek__kroky b {
  font-weight: 800;
}
.sv-zacatek__cislo {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  margin-top: -3px;
  border-radius: 50%;
  corner-shape: round;
  display: grid;
  place-items: center;
  font-weight: 800;
  background: var(--sv-zluta);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), var(--sv-stin-akcent);
  text-shadow: 0 1px 0 rgba(255, 240, 200, 0.6);
}
/* Světlina 125: plán učení. Termíny testů jako pilulky (blízký test žlutě), dny pod sebou,
   krok je řádek seznamu jako všude jinde a vpravo kolečko na odškrtnutí (cíl pro prst 40 px). */
.sv-plan__testy {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px;
}
.sv-plan__test {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: var(--sv-tl-maly);
  max-width: 100%;
  padding: 0 14px 0 11px;
  border: 1px solid var(--sv-linka);
  border-radius: 999px;
  corner-shape: round;
  background: rgba(255, 255, 255, 0.34);
  color: var(--sv-text);
  font-size: var(--sv-maly);
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: background-color var(--sv-prechod), box-shadow var(--sv-prechod);
}
.sv-plan__test span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sv-plan__test b {
  font-weight: 800;
}
.sv-plan__test [data-coral-ikona] {
  flex-shrink: 0;
  width: 16px !important;
  height: 16px !important;
}
.sv-plan__test.je-blizko {
  border-color: transparent;
  background: var(--sv-zluta-svetla);
  box-shadow: var(--sv-stin-tl);
}
@media (hover: hover) {
  .sv-plan__test:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .sv-plan__test.je-blizko:hover {
    background: var(--sv-zluta);
  }
}
.sv-plan__test:focus-visible {
  box-shadow: 0 0 0 3px rgba(242, 177, 52, 0.5);
}
.sv-plan__den + .sv-plan__den,
.sv-plan__den + .sv-plan__hotovo + .sv-plan__den,
.sv-plan__den + .sv-plan__dal,
.sv-plan__hotovo + .sv-plan__den,
.sv-plan__hotovo + .sv-plan__dal {
  margin-top: 14px;
}
.sv-plan__dal .sv-plan__den:first-child {
  margin-top: 4px;
}
.sv-plan__nadpis {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin: 0 0 2px;
  font-size: var(--sv-mini);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sv-text-2);
}
.sv-plan__datum {
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  opacity: 0.75;
}
.sv-plan__krok:first-of-type {
  border-top: 0;
  box-shadow: none;
}
.sv-plan__krok > .sv-polozka__hlavni {
  padding: 6px 8px;
}
.sv-plan__info {
  cursor: default;
}
.sv-plan__krok.je-hotovo .sv-polozka__nazev {
  text-decoration: line-through;
  text-decoration-thickness: 1.5px;
  opacity: 0.6;
}
.sv-plan__krok.je-hotovo .sv-polozka__meta {
  opacity: 0.6;
}
.sv-plan__fajfka {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--sv-tl-v);
  height: var(--sv-tl-v);
  padding: 0;
  border: 0;
  border-radius: 50%;
  corner-shape: round;
  background: transparent;
  cursor: pointer;
}
.sv-plan__kolecko {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  corner-shape: round;
  border: 2px solid rgba(10, 15, 12, 0.55);
  background: rgba(255, 255, 255, 0.3);
  transition: background-color var(--sv-prechod), border-color var(--sv-prechod), box-shadow var(--sv-prechod);
}
.sv-plan__kolecko [data-coral-ikona] {
  width: 14px !important;
  height: 14px !important;
  opacity: 0;
  transition: opacity var(--sv-prechod);
}
@media (hover: hover) {
  .sv-plan__fajfka:hover .sv-plan__kolecko {
    background: var(--sv-zluta-svetla);
  }
  .sv-plan__fajfka:hover .sv-plan__kolecko [data-coral-ikona] {
    opacity: 0.45;
  }
}
.sv-plan__fajfka:focus-visible .sv-plan__kolecko {
  box-shadow: 0 0 0 3px rgba(242, 177, 52, 0.55);
}
.sv-plan__fajfka:active .sv-plan__kolecko {
  transform: scale(0.92);
}
.sv-plan__fajfka[aria-pressed="true"] .sv-plan__kolecko {
  border-color: transparent;
  background: var(--sv-zluta);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), var(--sv-stin-tl);
}
.sv-plan__fajfka[aria-pressed="true"] .sv-plan__kolecko [data-coral-ikona] {
  opacity: 1;
}
.sv-plan__hotovo {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 8px;
  font-size: var(--sv-pismo);
  font-weight: 700;
  line-height: 1.4;
}
.sv-plan__hotovo [data-coral-ikona] {
  flex-shrink: 0;
}
/* Formulář testu je v kartě nad plánem, předmět a den vedle sebe, na telefonu pod sebou. */
.sv-plan__formular {
  margin: 0 0 14px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--sv-linka);
  gap: 12px;
}
.sv-plan__veta {
  margin: 0;
  font-size: var(--sv-pismo-s);
  font-weight: 600;
  line-height: 1.45;
  color: var(--sv-text-2);
}
.sv-plan__veta b {
  display: block;
  margin-bottom: 2px;
  font-size: var(--sv-pismo);
  font-weight: 800;
  color: var(--sv-text);
}
.sv-plan__pole {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  gap: 12px;
}
.sv-plan__formular label {
  display: block;
  min-width: 0;
}
.sv-plan__formular input[type="date"].sv-pole {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  min-width: 0;
  cursor: pointer;
}
.sv-plan__formular input[type="date"]::-webkit-date-and-time-value {
  text-align: left;
}
.sv-plan__formular input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0.6;
  cursor: pointer;
}
/* Světlina 126: kalendář testů pod plánem. Měsíc kreslí kalendář Coralu podle proměnných z jádra,
   pod ním řádek připomínek: zvonek, věta a tlačítko, v úzkém místě tlačítko pod větou. */
.sv-kalendar .coral-kalendar {
  margin-top: 2px;
}
.sv-kalendar__pripominky {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 12px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--sv-linka);
}
.sv-kalendar__pripominky > [data-coral-ikona] {
  flex: 0 0 auto;
  opacity: 0.6;
}
.sv-kalendar__pripominky.je-zapnuto > [data-coral-ikona] {
  opacity: 1;
  color: var(--sv-zluta-tmava);
}
.sv-kalendar__pripominky p {
  flex: 1 1 220px;
  min-width: 0;
  margin: 0;
  font-size: var(--sv-pismo-s);
  font-weight: 600;
  line-height: 1.45;
  color: var(--sv-text-2);
}
.sv-kalendar__pripominky .sv-tl {
  flex: 0 0 auto;
}
/* Příprava na test (Světlina 127): úkoly jako stezka, kolečka spojuje svislá čára,
   další úkol na řadě svítí žlutě a splněný úsek cesty je žlutý. */
.sv-priprava__test {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  font-size: var(--sv-maly);
  font-weight: 600;
  color: var(--sv-text-2);
}
.sv-priprava__test span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sv-priprava__test b {
  font-weight: 800;
  color: var(--sv-text);
}
.sv-priprava__test [data-coral-ikona] {
  flex-shrink: 0;
  width: 16px !important;
  height: 16px !important;
}
.sv-priprava > .sv-plan__veta {
  margin: 0 0 14px;
}
.sv-priprava__volba {
  display: block;
  min-width: 0;
  margin: 0 0 14px;
}
.sv-priprava__temata .sv-tl {
  max-width: 100%;
  min-width: 0;
}
.sv-priprava__temata .sv-tl > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sv-priprava__postup {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 6px;
}
.sv-priprava__pruh {
  flex: 1 1 auto;
  height: 8px;
  border-radius: 999px;
  corner-shape: round;
  background: rgba(10, 15, 12, 0.1);
  box-shadow: inset 0 1px 2px rgba(10, 15, 12, 0.12);
  overflow: hidden;
}
.sv-priprava__pruh > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  corner-shape: inherit;
  background: var(--sv-zluta);
  transition: width 500ms cubic-bezier(0.22, 1, 0.36, 1);
}
.sv-priprava__pocet {
  flex-shrink: 0;
  font-size: var(--sv-mini);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--sv-text-2);
}
.sv-priprava__krok {
  --sv-cesta: var(--sv-linka);
  border-top: 0;
  box-shadow: none;
}
.sv-priprava__krok.je-hotovo {
  --sv-cesta: var(--sv-zluta);
}
.sv-priprava__krok::after {
  content: '';
  position: absolute;
  left: 23px;
  top: 0;
  bottom: 0;
  width: 2px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(var(--sv-cesta), var(--sv-cesta)) top / 100% calc(50% - 16px) no-repeat, linear-gradient(var(--sv-cesta), var(--sv-cesta)) bottom / 100% calc(50% - 16px) no-repeat;
}
.sv-priprava__krok:first-child::after {
  background-size: 100% 0, 100% calc(50% - 16px);
}
.sv-priprava__krok:last-child::after {
  background-size: 100% calc(50% - 16px), 100% 0;
}
.sv-priprava__bod {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  corner-shape: round;
  display: grid;
  place-items: center;
  border: 2px solid var(--sv-linka);
  background: rgba(255, 255, 255, 0.4);
  transition: background-color var(--sv-prechod), border-color var(--sv-prechod), box-shadow var(--sv-prechod);
}
.sv-priprava__bod [data-coral-ikona] {
  width: 16px !important;
  height: 16px !important;
}
.sv-priprava__krok.je-hotovo .sv-priprava__bod,
.sv-priprava__krok.je-dalsi .sv-priprava__bod {
  border-color: transparent;
  background: var(--sv-zluta);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), var(--sv-stin-tl);
}
.sv-priprava__krok.je-dalsi .sv-polozka__nazev {
  font-weight: 800;
}
.sv-priprava__krok.je-ceka .sv-priprava__bod,
.sv-priprava__krok.je-tvori .sv-priprava__bod {
  border-style: dashed;
}
.sv-priprava__krok.je-ceka .sv-polozka__telo,
.sv-priprava__krok.je-ceka .sv-priprava__bod [data-coral-ikona] {
  opacity: 0.55;
}
.sv-priprava__krok.je-chyba .sv-priprava__bod {
  border-color: var(--sv-zluta-tmava);
}
.sv-priprava__krok.je-tvori .sv-polozka__meta {
  display: flex;
  align-items: center;
  gap: 6px;
}
.sv-priprava__krok .sv-kolecko {
  width: 12px;
  height: 12px;
}
/* Světlina 197: osobní zvací QR kód. V hlavě přehledu vpravo vedle pozdravu skleněná karta
   jako oddíly přehledu, kód na světlé kartičce (čtečka potřebuje světlý podklad), na telefonu
   karta přes celou šířku pod pozdravem. Klepnutím se kód zvětší přes celou obrazovku jako velký
   přehrávač (008): leží v rámu nad obsahem, rám zůstává, uprostřed velký kód, nadpis, věta
   a tlačítko pro poslání odkazu. */
.sv-hlava.sv-hlava--pozvi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px clamp(16px, calc(8px + 1.6vw), 28px);
}
.sv-hlava__texty {
  flex: 1 1 260px;
  min-width: 0;
}
.sv-pozvi {
  flex: 0 1 auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px clamp(12px, calc(8px + 0.9vw), 16px);
  min-width: 0;
  margin: 0;
  padding: 10px clamp(12px, calc(8px + 0.9vw), 16px) 10px 10px;
  border: 1px solid var(--sv-karta-hrana);
  border-radius: var(--sv-r-pole);
  corner-shape: squircle;
  outline: none;
  background: var(--sv-karta-pozadi);
  box-shadow: inset 0 1px 0 var(--sv-karta-odlesk), var(--sv-stin-karta);
  color: var(--sv-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color var(--sv-prechod), box-shadow var(--sv-prechod), transform var(--sv-prechod);
}
@media (hover: hover) {
  .sv-pozvi:hover {
    background: var(--sv-aktivni);
  }
  .sv-pozvi:hover .sv-pozvi__lupa [data-coral-ikona] {
    transform: scale(1.12);
  }
}
.sv-pozvi:focus-visible {
  background: var(--sv-aktivni);
  box-shadow: inset 0 1px 0 var(--sv-karta-odlesk), 0 0 0 3px rgba(242, 177, 52, 0.55);
}
.sv-pozvi:active {
  transform: scale(0.985);
}
.sv-pozvi__kod {
  display: block;
  width: clamp(64px, calc(52px + 3.2vw), 92px);
  aspect-ratio: 1;
  padding: clamp(5px, calc(3px + 0.4vw), 8px);
  border-radius: calc(10px * var(--sv-roh-hladky, 1));
  corner-shape: squircle;
  background: #fffdf6;
  box-shadow: 0 6px 14px -9px rgba(0, 0, 0, 0.45);
}
.sv-pozvi__kod svg,
.sv-pozvi-cela__kod svg {
  display: block;
  width: 100%;
  height: 100%;
}
.sv-pozvi__texty {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.sv-pozvi__nazev {
  font-size: var(--sv-h3);
  font-weight: 800;
  line-height: 1.25;
}
.sv-pozvi__veta {
  max-width: 24ch;
  font-size: var(--sv-maly);
  font-weight: 600;
  line-height: 1.4;
  color: var(--sv-text-2);
}
.sv-pozvi__lupa {
  --sv-ikona: 16px;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  corner-shape: round;
  background: var(--sv-zluta);
  box-shadow: var(--sv-stin-akcent);
}
.sv-pozvi__lupa [data-coral-ikona] {
  transition: transform var(--sv-prechod);
}
.sv-pozvi-cela {
  --sv-cela-x: clamp(16px, calc(4.44px + 3.08vw), 44px);
  --sv-cela-y: clamp(10px, calc(5.4px + 1.2vw), 20px);
  position: absolute;
  inset: var(--sv-g-ram);
  z-index: 49;
  display: flex;
  flex-direction: column;
  padding: var(--sv-cela-y) var(--sv-cela-x) calc(var(--sv-cela-y) + 10px);
  border-radius: calc(var(--sv-r) - var(--sv-g-ram));
  corner-shape: squircle;
  overflow: auto;
  overscroll-behavior: contain;
  color: var(--sv-text);
  animation: sv-pozvi-cela 280ms cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes sv-pozvi-cela {
  from {
    opacity: 0;
    transform: translateY(14px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.sv-pozvi-cela__vrch {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: var(--sv-tl-horni);
}
.sv-pozvi-cela__titulek {
  font-size: var(--sv-mini);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.7;
}
.sv-pozvi-cela__stred {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, calc(7.5px + 0.66vw), 16px);
  padding: 12px 0 8px;
  text-align: center;
}
.sv-pozvi-cela__kod {
  width: min(68vw, 46vh, 340px);
  aspect-ratio: 1;
  padding: clamp(14px, calc(9px + 1.3vw), 24px);
  border-radius: calc(28px * var(--sv-roh-hladky, 1));
  corner-shape: squircle;
  background: #fffdf6;
  box-shadow: 0 0 0 1px rgba(10, 15, 12, 0.06), 0 22px 44px -26px rgba(0, 0, 0, 0.55);
  animation: sv-pozvi-kod 420ms cubic-bezier(0.22, 1, 0.36, 1) 60ms both;
}
@keyframes sv-pozvi-kod {
  from {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.sv-pozvi-cela__nadpis {
  margin: 6px 0 0;
  font-size: var(--sv-h1);
  font-weight: 800;
  text-wrap: balance;
}
.sv-pozvi-cela__veta {
  max-width: 36ch;
  margin: 0;
  font-size: var(--sv-pismo);
  font-weight: 600;
  line-height: 1.5;
  color: var(--sv-text-2);
  text-wrap: pretty;
}
.sv-pozvi-cela__poslat {
  margin-top: 6px;
}
.sv-pozvi-cela__texty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: inherit;
  min-width: 0;
}
.sv-pozvi-cela .sv-sdileni {
  margin-top: 6px;
}
/* Světlina 217: s panelem sdílení stojí na počítači kód vlevo a texty s panelem vpravo. */
@media (min-width: 768px) {
  .sv-pozvi-cela__stred--panel {
    flex-direction: row;
    gap: clamp(28px, calc(-14.67px + 5.56vw), 64px);
    text-align: left;
  }
  .sv-pozvi-cela__stred--panel .sv-pozvi-cela__kod {
    flex: none;
    width: min(36vw, 54vh, 340px);
  }
  .sv-pozvi-cela__stred--panel .sv-pozvi-cela__texty {
    flex: 0 1 420px;
    align-items: flex-start;
  }
  .sv-pozvi-cela__stred--panel .sv-pozvi-cela__nadpis {
    margin-top: 0;
  }
  .sv-pozvi-cela__stred--panel .sv-sdileni {
    justify-items: start;
  }
  .sv-pozvi-cela__stred--panel .coral-sdileni-panel__cile {
    justify-content: flex-start;
  }
}
/* Zbytek aplikace je pod velkým kódem schovaný (JS ho dělá i nedosažitelným), hlášky zůstávají vidět. */
.sv-ram.je-pozvi > :not(.sv-pozvi-cela):not(.sv-ram__obrys):not(.sv-hlasky) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 140ms ease, visibility 0s linear 140ms;
}
.sv-pozvi-cely .sv-nastroje--volne {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media (max-width: 767px) {
  .sv-pozvi {
    flex-basis: 100%;
  }
  .sv-pozvi__veta {
    max-width: none;
  }
  .sv-pozvi-cela {
    --sv-cela-x: calc(var(--sv-vnitrek) + var(--sv-karta-x));
    --sv-cela-y: 6px;
    padding-bottom: max(14px, env(safe-area-inset-bottom));
  }
}
@media (prefers-reduced-motion: reduce) {
  .sv-pozvi-cela,
  .sv-pozvi-cela__kod {
    animation: none;
  }
  .sv-ram.je-pozvi > * {
    transition: none;
  }
}