.StyledText {
  --lineHeightMultiplier: 1.1;
  --textVspaceMultiplier: 1.35;
  font-size: var(--textMd);
}

.StyledText h2 {
  font-size: 1.875rem;
  font-weight: bold;
  margin-bottom: var(--spaceXs);
}

@media (max-width: 86rem) {
  .StyledText h2 {
    font-size: 1.75rem;
  }
}

@media (max-width: 48rem) {
  .StyledText h2 {
    font-size: 1.5rem;
  }
}

.StyledText h3 {
  font-size: 1.5rem;
}

@media (max-width: 86rem) {
  .StyledText h3 {
    font-size: 1.35rem;
  }
}

@media (max-width: 48rem) {
  .StyledText h3 {
    font-size: 1.25rem;
  }
}

.StyledText h4 {
  font-size: 1.25rem;
}

@media (max-width: 48rem) {
  .StyledText h4 {
    font-size: 1.15rem;
  }
}

.StyledText h1, .StyledText h2, .StyledText h3, .StyledText h4 {
  line-height: calc(var(--headingLineHeight) * var(--lineHeightMultiplier, 1));
  margin-bottom: calc(var(--spaceUnit) * 0.45 * var(--textVspaceMultiplier, 1));
}

.StyledText h2, .StyledText h3, .StyledText h4 {
  margin-top: calc(var(--spaceUnit) * 1.2 * var(--textVspaceMultiplier, 1));
}

.StyledText p, .StyledText ul li, .StyledText ol li {
  font-size: 1rem;
  line-height: 1.875rem;
}

.StyledText ul, .StyledText ol, .StyledText p {
  margin-bottom: calc(var(--spaceUnit) * .75 * var(--textVspaceMultiplier, 1));
}

.StyledText figcaption {
  margin-top: calc(var(--spaceUnit) * 0.5);
}

.StyledText em {
  font-style: italic;
}

.StyledText hr {
  margin: var(--spaceLg) 0;
  border: none;
  border-bottom: 1px solid var(--colorOutlines);
}

.StyledText a:not(.ButtonBase) {
  color: var(--colorBrand);
  text-decoration: underline;
}

.StyledText a:not(.ButtonBase):hover {
  color: var(--colorBrandSecondary);
}

.StyledText a[title="Nahoru"] {
  display: inline-flex;
  align-items: center;
  font-weight: bolder;
  font-size: var(--textSm);
  text-decoration: none;
}

.StyledText a[title="Nahoru"]:before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  background: url("/frontend/images/icons/caret-up.svg") no-repeat center;
  margin-right: .5em;
}

.StyledText a[title="Nahoru"]:hover {
  text-decoration: underline;
}

.StyledText blockquote {
  font-style: italic;
  position: relative;
  padding: 4rem 1.5rem 1.5rem;
  background: #F4F9FE;
  border-radius: 0.5rem;
}

.StyledText blockquote:before {
  content: "";
  width: 33px;
  height: 24px;
  position: absolute;
  top: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='33' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 21'%3E%3Cpath fill='%233ab4e9' d='M27.54 4.48 26.76.7c-3.56.08-6.3.98-8.22 2.7-1.92 1.72-2.88 4.56-2.88 8.52v8.1h9.72v-9.6h-3.72c-.32-3.52 1.64-5.5 5.88-5.94Zm-15.24 0L11.52.7c-3.56.08-6.3.98-8.22 2.7C1.38 5.12.42 7.96.42 11.92v8.1h9.72v-9.6H6.42C6.1 6.9 8.06 4.92 12.3 4.48Z' /%3E%3C/svg%3E");
}

.StyledText blockquote + blockquote {
  margin-top: var(--spaceMd);
}

.StyledText ul, .StyledText ol {
  list-style-type: none;
  margin-left: 0;
}

.StyledText ul ul, .StyledText ul ol, .StyledText ol ul, .StyledText ol ol {
  margin-left: var(--spaceSm);
  margin-top: .5em;
  margin-bottom: .2em;
  font-size: .9em;
}

.StyledText ul li, .StyledText ol li {
  position: relative;
  padding-bottom: .7em;
}

.StyledText ul li:last-child, .StyledText ol li:last-child {
  padding-bottom: 0;
}

.StyledText ul li:before, .StyledText ol li:before {
  content: ' ';
  display: block;
  width: .55em;
  height: .55em;
  position: absolute;
  left: .2em;
  top: .48em;
  z-index: var(--layerPageZIndex);
}

.StyledText ul li {
  padding-left: 1.5em;
}

.StyledText ul li:before {
  content: url("/frontend/images/drop.svg");
  top: 0;
}

.StyledText ol {
  list-style-type: none;
  counter-reset: li;
}

.StyledText ol li {
  padding-left: 2em;
}

.StyledText ol li:before {
  counter-increment: li;
  content: counter(li, list-number);
  background: transparent;
  font-size: .75em;
  font-weight: 700;
  color: #fff;
  padding: .2em 0;
  line-height: 1;
  width: auto;
  height: auto;
  left: 0;
  top: .65em;
  min-width: 1.7em;
  text-align: center;
}

.StyledText ol li:after {
  content: '';
  height: 2rem;
  width: 1.1rem;
  background: no-repeat center/contain url("/frontend/images/drop.svg");
  left: 2px;
  top: -2px;
  position: absolute;
}

.StyledText ol ul > li {
  content: ' ';
}

.StyledText .ResponsiveTable {
  max-width: 100%;
  overflow: auto;
}

.StyledText .ResponsiveTable table {
  min-width: 40rem;
}

.StyledText table {
  border-collapse: collapse;
  background: white;
  border-radius: 7px;
  width: 100%;
  position: relative;
  border: 1px solid var(--colorOutlines);
  margin: calc(var(--spaceUnit) * 1.5 * var(--textVspaceMultiplier, 1)) 0 calc(var(--spaceUnit) * 2 * var(--textVspaceMultiplier, 1));
}

@media (min-width: 62.01rem) {
  .StyledText table.table-small {
    width: 50%;
  }
}

.StyledText table td, .StyledText table th {
  padding: .5rem 0 .5rem 1rem;
}

.StyledText table td:last-child, .StyledText table th:last-child {
  padding-right: var(--spaceMd);
}

.StyledText table thead {
  font-size: 1rem;
  background: var(--colorBrand);
  color: #fff;
  text-align: left;
  font-weight: bold;
}

.StyledText table tbody tr {
  border-bottom: 1px solid var(--colorOutlines);
  transition: .25s;
}

.StyledText table tbody tr.tabulka_head {
  font-size: 1rem;
  background: var(--colorBrand);
  color: #fff;
}

.StyledText table tbody tr.tabulka_head p {
  margin-bottom: 0;
  font-weight: bold;
}

.StyledText table td, .StyledText table th {
  font-size: 1rem;
  border: 0;
}

.StyledText table tr:not(.tabulka_head) td {
  text-align: left;
}

.StyledText iframe {
  border: none;
  width: 100%;
  aspect-ratio: 16/9;
}

.StyledText video {
  width: 100%;
  height: auto;
}

.StyledText + .AppForm {
  margin-top: var(--spaceXl);
}

.StyledText > *:first-child, .StyledText div > *:first-child {
  margin-top: 0;
}

.StyledText > *:last-child, .StyledText div > *:last-child {
  margin-bottom: 0;
}

/*# sourceMappingURL=styled-text.min.css.map */
