@charset "UTF-8";
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}
/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
button[data-balloon] {
  overflow: visible;
}
[data-balloon] {
  position: relative;
}
[data-balloon]:after,
[data-balloon]:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.18s ease-out 0.18s;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 10;
  transform: translate(-50%, 10px);
  transform-origin: top;
}
[data-balloon]:after {
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(data-balloon);
  font-size: 12px;
  padding: .5em 1em;
  white-space: nowrap;
  margin-bottom: 11px;
}
[data-balloon]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  content: "";
  margin-bottom: 5px;
}
[data-balloon]:hover:after,
[data-balloon]:hover:before,
[data-balloon][data-balloon-visible]:after,
[data-balloon][data-balloon-visible]:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}
[data-balloon].font-awesome:after {
  font-family: FontAwesome;
}
[data-balloon][data-balloon-break]:after {
  white-space: pre;
}
[data-balloon-pos=down]:after,
[data-balloon-pos=down]:before {
  bottom: auto;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -10px);
}
[data-balloon-pos=down]:after {
  margin-top: 11px;
}
[data-balloon-pos=down]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}
[data-balloon-pos=down]:hover:after,
[data-balloon-pos=down]:hover:before,
[data-balloon-pos=down][data-balloon-visible]:after,
[data-balloon-pos=down][data-balloon-visible]:before {
  transform: translate(-50%, 0);
}
[data-balloon-pos=left]:after,
[data-balloon-pos=left]:before {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate(10px, -50%);
}
[data-balloon-pos=left]:after {
  margin-right: 11px;
}
[data-balloon-pos=left]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}
[data-balloon-pos=left]:hover:after,
[data-balloon-pos=left]:hover:before,
[data-balloon-pos=left][data-balloon-visible]:after,
[data-balloon-pos=left][data-balloon-visible]:before {
  transform: translate(0, -50%);
}
[data-balloon-pos=right]:after,
[data-balloon-pos=right]:before {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate(-10px, -50%);
}
[data-balloon-pos=right]:after {
  margin-left: 11px;
}
[data-balloon-pos=right]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}
[data-balloon-pos=right]:hover:after,
[data-balloon-pos=right]:hover:before,
[data-balloon-pos=right][data-balloon-visible]:after,
[data-balloon-pos=right][data-balloon-visible]:before {
  transform: translate(0, -50%);
}
[data-balloon-length]:after {
  white-space: normal;
}
[data-balloon-length=small]:after {
  width: 80px;
}
[data-balloon-length=medium]:after {
  width: 150px;
}
[data-balloon-length=large]:after {
  width: 260px;
}
[data-balloon-length=xlarge]:after {
  width: 90vw;
}
@media screen and (min-width: 768px) {
  [data-balloon-length=xlarge]:after {
    width: 380px;
  }
}
[data-balloon-length=fit]:after {
  width: 100%;
}
* {
  box-sizing: border-box;
}
:root {
  color: #35373f;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 8px;
  line-height: 1.5;
}
/**
 * Tělo webu
 *
 * [1] Vyhlazování grafiky. Viz https://davidwalsh.name/font-smoothing
 * [2] Základní velikost písma.
 * [3] Při zobrazení modálu a rozostření stránky je při implicitním bílém pozadí vidět bílý okraj. Much better now.
 */
body {
  font-size: 200%;
  /* [2] */
  /* [1] */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: url('/images/jungle2.jpg') black center top no-repeat fixed;
}
/**
 * Odkaz
 *
 * [1] Barva odkazu podle kontextu, ve kterém se element nachází. Jinými slovy: reset implicitní fialové barvy.
 * [2] Reset implicitního podtržení.
 */
a {
  color: currentColor;
  text-decoration: none;
}
.document {
  position: relative;
  z-index: 1;
  max-width: 1000px;
  margin: 0 auto;
  background-color: white;
}
@media (min-width: 1024px) {
  .document {
    margin-top: 8px;
    padding-top: 8px;
    box-shadow: 0 1px 4px 0 rgba(53, 55, 63, 0.54);
  }
}
.document--skinn {
  margin-top: 150px;
}
.document--wide {
  max-width: 1080px;
}
#_site-messages .button {
  margin: 10px 0 !important;
  position: relative !important ;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
#_site-messages .button a {
  font-size: 16px;
  font-weight: 700;
}
#_site-messages {
  font-family: 'Roboto Condensed', sans-serif !important;
}
#_site-messages .text span,
#_site-messages .message-text span,
#_site-messages .message-text font {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  color: #35373f !important;
}
#_site-messages .initial-content .message-text {
  border: 0 !important;
  border-radius: 6px !important;
  padding: 10px;
}
/**
 * Krásné loadovátko-točítko pro fa-spinner
 *
 * https://codepen.io/tomasmazac/pen/jGQxRZ
 */
.animation--spin {
  animation-name: spin8;
  animation-duration: 750ms;
  animation-timing-function: step-start;
  animation-iteration-count: infinite;
}
@keyframes spin8 {
  0% {
    transform: rotate(0);
  }
  12.5% {
    transform: rotate(45deg);
  }
  25% {
    transform: rotate(90deg);
  }
  37.5% {
    transform: rotate(135deg);
  }
  50% {
    transform: rotate(180deg);
  }
  62.5% {
    transform: rotate(225deg);
  }
  75% {
    transform: rotate(270deg);
  }
  87.5% {
    transform: rotate(315deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.autocomplete-suggestions {
  text-align: left;
  cursor: pointer;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
  /* core styles should not be changed */
  position: absolute;
  display: none;
  z-index: 9999;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  /* Naše overrides */
  max-height: 400px;
}
.autocomplete-suggestion {
  position: relative;
  padding: 0.7em;
  line-height: 23px;
  font-size: 1.02em;
  color: #333;
  border-bottom: 1px solid #f0f0f0;
  font-weight: normal;
}
.autocomplete-suggestion b {
  font-weight: normal;
  color: #1f8dd6;
}
.autocomplete-suggestion.selected {
  background: #f0f0f0;
}
.box {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
}
.box:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.box:active,
.box:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .box {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .box:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .box {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .box:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .box--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .box--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .box--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
/* Nové */
/* Staré */
.browser-detection__section {
  z-index: 1;
}
.browser-detection__alert {
  padding: 8px 24px;
  margin: 32px 0;
  outline: 2px solid #ed3f32;
  background-color: #fbd0cd;
}
.colour {
  display: inline-block;
  box-sizing: border-box;
  width: 240px;
  margin-right: 4px;
  margin-bottom: 8px;
  border: 1px solid #787878;
}
.colour__example {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 80px;
}
.colour__info {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 4px 8px;
  border-top: 1px solid #787878;
  background-color: white;
  font-family: monospace;
}
.contact {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 8px;
}
.contact__icon {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
.contact__contact {
  color: #2152d9;
  font-weight: bold;
}
.contact__contact:hover {
  color: #2098ec;
}
.count {
  display: inline-block;
  min-width: 28px;
  padding: 0 8px;
  border-radius: 1.5rem;
  background-color: #ff7200;
  color: white;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  /* [1] */
  text-align: center;
}
.count--drab {
  min-width: inherit;
  margin-left: 24px;
  padding: 0;
  background-color: transparent;
  opacity: 0.5;
  font-weight: normal;
  /* [1] */
  text-align: right;
}
.count--tiny {
  min-width: 24px;
  padding-right: 6px;
  padding-left: 6px;
  background-color: #fc0;
  color: black;
  font-size: 12px;
  line-height: 16px;
}
.delete-entity {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  color: #ed3f32;
}
.delete-entity:hover .delete-entity__text {
  text-decoration: underline;
  color: #f16b61;
}
.delete-entity__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.delete-entity__text {
  line-height: 1;
  font-weight: bold;
}
.dropdown-list {
  z-index: 333;
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  padding-left: 0;
  border: 1px solid #c0c6cf;
  background-color: white;
  list-style-type: none;
}
.dropdown-list__hint {
  color: silver;
}
.dropdown-list__item {
  padding-top: 6px;
  padding-left: 16px;
  padding-bottom: 6px;
  cursor: pointer;
}
.dropdown-list__item--active {
  background-color: #e9eef4;
}
/**
 * Mixin pro vytvoření efektu vhodného v případě najetí myši na element, kdy se prvek pozvolna zvětší a při kliknutí
 * naopak zmenší.
 */
.ekokom-contributors {
  width: 144px;
  height: 144px;
  border-radius: 50%;
  padding: 28px;
  margin: 0 auto;
  background-color: #fcdd0c;
  text-align: center;
}
.ekokom-contributors__separator {
  border: none;
  border-top: 1px solid currentColor;
}
.ekokom-contributors__value {
  font-size: xx-large;
  line-height: 1;
  font-weight: bold;
}
.feedback-button {
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 16px;
}
.feedback-button__rating-box {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  background-color: #e9eef4;
}
.feedback-button__rating-box:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.feedback-button__rating-box:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.feedback-button__rating-box:hover,
.feedback-button__rating-box--active {
  background-color: #d8e1ec;
}
.feedback-button__rating-box:hover .like-dislike__icon,
.feedback-button__rating-box--active .like-dislike__icon {
  fill: #8491a2;
}
.feedback-button__icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  fill: #8491a2;
}
.feedback-button__icon--dislikes {
  transform: rotate(180deg);
}
.feedback-button--light {
  font-size: 14px;
}
.feedback-button--light .like-dislike__rating-box {
  padding-left: 0;
  background-color: transparent;
}
.feedback-button--light .like-dislike__rating-box--active .like-dislike__icon {
  fill: #35373f;
}
.feedback-button--light .like-dislike__rating-box:first-of-type,
.feedback-button--light .like-dislike__rating-box:last-of-type {
  border: none;
}
.feedback-button--light .like-dislike__icon {
  width: 14px;
  height: 14px;
}
/**
 * Vytvoří Font Awesome ikonu podle zadaného Unicode (napr. 'f2b5').
 */
.footer-item__link {
  color: currentColor;
  text-decoration: none;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
.footer-item__link:hover,
.footer-item__link:active {
  color: currentColor;
  text-decoration: underline;
}
.form-wrap {
  max-width: 425px;
  margin-bottom: 48px;
}
.gtm-events {
  display: none;
}
.hintik_link {
  text-decoration: underline;
}
.hintik_link:hover {
  text-decoration: none;
}
.hintik_link--icon {
  margin-left: 4px;
  width: 15.2px !important;
  display: inline-block;
}
.image__img {
  max-width: 100%;
}
/**
 * Buňka v tabulce s informacemi
 *
 * [1] Zvýraznění na buňkách, které jsou zároveň odkazem.
 */
.info-row {
  display: block;
  padding: 24px;
  border: 1px solid #c0c6cf;
  border-bottom: none;
  background-color: white;
  /* [1] */
}
.info-row:not(div):hover {
  background-color: #f2f2f2;
}
.info-row--first {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.info-row--last {
  border-bottom: 1px solid #c0c6cf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.info-row__term {
  font-size: 14px;
  font-weight: bold;
}
.info-row__definition {
  font-size: 16px;
}
.karma-level-icon {
  width: 32px;
  height: 32px;
  background-image: url('/images/karma-levels-spritemap.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.karma-level-icon--1 {
  background-position: 0 0;
}
.karma-level-icon--2 {
  background-position: 0 11%;
}
.karma-level-icon--3 {
  background-position: 0 22%;
}
.karma-level-icon--4 {
  background-position: 0 33%;
}
.karma-level-icon--5 {
  background-position: 0 45%;
}
.karma-level-icon--6 {
  background-position: 0 56%;
}
.karma-level-icon--7 {
  background-position: 0 67%;
}
.karma-level-icon--8 {
  background-position: 0 78%;
}
.karma-level-icon--9 {
  background-position: 0 89%;
}
.karma-level-icon--10 {
  background-position: 0 100%;
}
.label {
  margin-bottom: 8px;
  text-align: left;
  font-weight: bold;
  color: #35373f;
}
.label--error {
  color: #ed3f32;
}
.lazy-img-profile {
  background-color: #f5f6fa;
}
.link {
  color: #2152d9;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
.link:hover,
.link:focus {
  color: #2098ec;
  text-decoration: none;
}
.list-cut--hidden {
  display: none;
}
.loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.loader--milk {
  background-color: rgba(255, 255, 255, 0.5);
}
.loader--milk .spinner {
  fill: #35373f;
}
.loader--interactions-regular .spinner {
  fill: #35373f;
}
.loader--modal {
  position: fixed;
}
.loader--modal .loader__container {
  width: 100%;
  height: 100%;
}
.loader__container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}
.spinner {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 200px;
  max-height: 200px;
  fill: white;
  animation-name: spin8;
  animation-duration: 750ms;
  animation-timing-function: step-start;
  animation-iteration-count: infinite;
}
@keyframes spin8 {
  0% {
    transform: rotate(0);
  }
  12.5% {
    transform: rotate(45deg);
  }
  25% {
    transform: rotate(90deg);
  }
  37.5% {
    transform: rotate(135deg);
  }
  50% {
    transform: rotate(180deg);
  }
  62.5% {
    transform: rotate(225deg);
  }
  75% {
    transform: rotate(270deg);
  }
  87.5% {
    transform: rotate(315deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.markdown {
  /******
       Headlines
     */
}
.markdown ol,
.markdown ul,
.markdown p {
  line-height: 1.5;
}
.markdown ol a,
.markdown ul a,
.markdown p a {
  color: #2152d9;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
.markdown ol a:hover,
.markdown ul a:hover,
.markdown p a:hover,
.markdown ol a:focus,
.markdown ul a:focus,
.markdown p a:focus {
  color: #2098ec;
  text-decoration: none;
}
.markdown--black-link ol a,
.markdown--black-link ul a,
.markdown--black-link p a,
.markdown--black-link ol a:hover,
.markdown--black-link ul a:hover,
.markdown--black-link p a:hover,
.markdown--black-link ol a:focus,
.markdown--black-link ul a:focus,
.markdown--black-link p a:focus {
  color: #35373f;
}
.markdown--text-left {
  text-align: left;
}
.markdown table td,
.markdown table th {
  padding: 8px;
}
.markdown table td {
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.markdown table th {
  padding: 8px;
  text-align: left;
  vertical-align: bottom;
}
.markdown img {
  width: 100%;
  max-width: 768px;
  margin: 10px 0 14px 0;
}
@media (min-width: 768px) {
  .markdown img {
    margin: 20px 0 28px 0;
  }
}
.markdown li {
  padding-bottom: 6px;
}
@media (min-width: 768px) {
  .markdown li {
    padding-bottom: 8px;
  }
}
.markdown h2 {
  font-size: 24px;
  margin-top: 48px;
}
@media (min-width: 768px) {
  .markdown h2 {
    font-size: 32px;
    margin-top: 72px;
  }
}
.markdown h3 {
  font-size: 18px;
  margin-top: 38px;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .markdown h3 {
    font-size: 20px;
    margin-top: 40px;
  }
}
.markdown h4 {
  font-size: 16px;
  margin-top: 24px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .markdown h4 {
    font-size: 18px;
    margin-top: 24px;
  }
}
/**
 * Vytvori modal size podle zadanych parametru tak aby se hezky lamal podle breakpointu
 **/
.modal {
  position: fixed;
  z-index: 1024;
  top: 0;
  left: 0;
  overflow-y: scroll;
  display: block;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
}
.modal--inline {
  display: none;
}
.modal--sm .modal__container {
  width: 300px;
}
@media (max-width: 320px) {
  .modal--sm .modal__container {
    width: 100%;
    min-height: 100vh;
    margin: 0;
  }
}
.modal--md .modal__container {
  width: 600px;
}
@media (max-width: 768px) {
  .modal--md .modal__container {
    width: 100%;
    min-height: 100vh;
    margin: 0;
  }
}
.modal--lg .modal__container {
  width: 900px;
}
@media (max-width: 1024px) {
  .modal--lg .modal__container {
    width: 100%;
    min-height: 100vh;
    margin: 0;
  }
}
@media (max-width: 1023px) {
  .modal--shift-cross .modal__close {
    top: 0;
    right: 0;
  }
}
.modal--disabled-cross .modal__close {
  display: none;
}
.modal__loader .modal__close {
  display: none;
}
.modal__container {
  position: relative;
  display: table;
  vertical-align: middle;
  padding: 0;
  margin-top: 40px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  background-color: white;
}
.modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 0.5rem;
  background-color: white;
  cursor: pointer;
  transition: background-color 300ms;
}
.modal__close::before,
.modal__close::after {
  content: ' ';
  position: absolute;
  left: 15.238px;
  width: 2px;
  height: 32px;
  background-color: #35373f;
}
.modal__close::before {
  transform: rotate(45deg);
}
.modal__close::after {
  transform: rotate(-45deg);
}
.modal__content {
  display: block;
  padding-top: 48px;
}
.modal__text-content {
  width: 66%;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 48px;
  margin-left: auto;
}
.modal--colored .modal__content {
  background-color: #f5f6fa;
}
fieldset[disabled] .multiselect {
  pointer-events: none;
}
.multiselect__spinner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 48px;
  height: 35px;
  background: #fff;
  display: block;
}
.multiselect__spinner:after,
.multiselect__spinner:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border-color: #c7d4e3 transparent transparent;
  border-style: solid;
  border-width: 2px;
  box-shadow: 0 0 0 1px transparent;
}
.multiselect__spinner:before {
  animation: a 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  animation-iteration-count: infinite;
}
.multiselect__spinner:after {
  animation: a 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  animation-iteration-count: infinite;
}
.multiselect__loading-enter-active,
.multiselect__loading-leave-active {
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
}
.multiselect__loading-enter,
.multiselect__loading-leave-active {
  opacity: 0;
}
.multiselect,
.multiselect__input,
.multiselect__single {
  font-family: inherit;
  font-size: 16px;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.multiselect {
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  font-weight: normal;
  line-height: 20px;
  background-color: white;
  color: #35373f;
  box-shadow: inset 0 1px 0 0 #cdd1d9;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  box-sizing: content-box;
  display: block;
  position: relative;
  text-align: left;
  padding: 0;
  min-height: 44px;
}
.multiselect:focus {
  border-color: #2098ec;
  background-color: #fff;
}
.multiselect * {
  box-sizing: border-box;
}
.multiselect:focus {
  outline: none;
}
.multiselect--disabled {
  opacity: 0.6;
}
.multiselect--active {
  z-index: 1;
}
.multiselect--active:not(.multiselect--above) .multiselect__current,
.multiselect--active:not(.multiselect--above) .multiselect__input,
.multiselect--active:not(.multiselect--above) .multiselect__tags {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.multiselect--active .multiselect__select {
  transform: rotate(180deg);
}
.multiselect--above.multiselect--active .multiselect__current,
.multiselect--above.multiselect--active .multiselect__input,
.multiselect--above.multiselect--active .multiselect__tags {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.multiselect__input,
.multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff;
  margin-top: 2px;
  padding: 0;
  width: 100%;
  transition: border .1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}
.multiselect__input:-ms-input-placeholder {
  color: #5b5d67;
}
.multiselect__input::placeholder {
  color: #5b5d67;
}
.multiselect__tag ~ .multiselect__input,
.multiselect__tag ~ .multiselect__single {
  width: auto;
}
.multiselect__input:hover,
.multiselect__single:hover {
  border-color: #cfcfcf;
}
.multiselect__input:focus,
.multiselect__single:focus {
  border-color: #a8a8a8;
  outline: none;
}
.multiselect__single {
  padding-left: 5px;
  margin-bottom: 8px;
}
.multiselect__tags-wrap {
  display: inline;
}
.multiselect__tags {
  display: block;
  border-radius: 0.5rem;
  margin: 10px 12px 0;
}
.multiselect__tag {
  position: relative;
  display: inline-block;
  padding: 4px 26px 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  color: #35373f;
  line-height: 1;
  background: #c7d4e3;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
.multiselect__tag-icon {
  cursor: pointer;
  margin-left: 7px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: 700;
  font-style: normal;
  width: 22px;
  text-align: center;
  line-height: 22px;
  transition: all .2s ease;
  border-radius: 5px;
}
.multiselect__tag-icon:after {
  content: "\D7";
  color: #35373f;
  font-size: 16px;
}
.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
  background: #d8e1ec;
}
.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
  color: #35373f;
}
.multiselect__current {
  overflow: hidden;
  padding: 8px 12px 0;
  padding-right: 30px;
  white-space: nowrap;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
}
.multiselect__current,
.multiselect__select {
  line-height: 16px;
  box-sizing: border-box;
  display: block;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}
.multiselect__select {
  position: absolute;
  width: 40px;
  height: 44px;
  right: 1px;
  top: 1px;
  padding: 4px 8px;
  text-align: center;
  transition: transform 0.2s ease;
}
.multiselect__select:before {
  position: relative;
  right: 0;
  top: 65%;
  color: #35373f;
  margin-top: 4px;
  border-style: solid;
  border-width: 7px 7px 0;
  border-color: #35373f transparent transparent;
  content: "";
}
.multiselect__placeholder {
  color: #adadad;
  display: inline-block;
  margin-bottom: 10px;
  padding-top: 2px;
}
.multiselect--active .multiselect__placeholder {
  display: none;
}
/**
 * Wrapper na dropdown seznam možností
 *
 * [1] Posunutí dropdownu kousek pod input
 */
.multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
  top: calc(100% + 1px);
}
.multiselect__content {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  min-width: 100%;
  vertical-align: top;
}
.multiselect--above .multiselect__content-wrapper {
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
  border-top: 1px solid #e8e8e8;
}
.multiselect__element {
  display: block;
}
.multiselect__option {
  display: block;
  padding: 4px 12px;
  padding-left: 32px;
  min-height: 16px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}
.multiselect__option:after {
  top: 0;
  right: 0;
  position: absolute;
  line-height: 16px;
  padding-right: 12px;
  padding-top: 4px;
  font-size: 13px;
}
.multiselect__option--highlight {
  background: #c7d4e3;
  outline: none;
  color: #35373f;
}
.multiselect__option--highlight::after {
  content: attr(data-select);
  background: #c7d4e3;
  color: #5b5d67;
}
.multiselect__option--selected:after {
  content: attr(data-selected);
}
.multiselect__option--selected.multiselect__option--highlight:after {
  content: attr(data-deselect);
}
.multiselect--disabled {
  background: #ededed;
  pointer-events: none;
}
.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select {
  background: #ededed;
  color: #a6a6a6;
}
.multiselect__option--disabled {
  background: #ededed !important;
  color: #a6a6a6 !important;
  cursor: text;
  pointer-events: none;
}
.multiselect__option--group {
  color: #5b5d67;
  font-weight: bold;
  padding-left: 16px;
}
.multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede;
}
.multiselect__option--group-selected.multiselect__option--highlight:after {
  content: attr(data-deselect);
}
.multiselect-enter-active,
.multiselect-leave-active {
  transition: all 0.15s ease;
}
.multiselect-enter,
.multiselect-leave-active {
  opacity: 0;
}
.multiselect__strong {
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}
[dir=rtl] .multiselect {
  text-align: right;
}
[dir=rtl] .multiselect__select {
  right: auto;
  left: 1px;
}
[dir=rtl] .multiselect__tags {
  padding: 8px 8px 0 40px;
}
[dir=rtl] .multiselect__content {
  text-align: right;
}
[dir=rtl] .multiselect__option:after {
  right: auto;
  left: 0;
}
[dir=rtl] .multiselect__clear {
  right: auto;
  left: 12px;
}
[dir=rtl] .multiselect__spinner {
  right: auto;
  left: 1px;
}
@keyframes a {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(2turn);
  }
}
.multiselect__error {
  margin-top: 4px;
  font-size: 14px;
  color: #ed3f32;
}
.multiselect--error {
  border-color: #ed3f32;
}
.multistep-form__btns {
  margin-top: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.nice-checkbox--checked .nice-checkbox__label span:first-child {
  background-color: #2152d9;
  border-color: #2152d9;
  animation: wave 0.4s ease;
}
.nice-checkbox--checked .nice-checkbox__label span:first-child svg {
  stroke-dashoffset: 0;
}
.nice-checkbox--checked .nice-checkbox__label span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}
.nice-checkbox__label {
  margin: auto;
  cursor: pointer;
}
.nice-checkbox__label > span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.nice-checkbox__label > span:first-child {
  position: relative;
  width: 22px;
  height: 22px;
  border-radius: 0.5rem;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #5b5d67;
  transition: all 300ms ease;
  background-color: white;
  box-shadow: 0.25rem 0.25rem 0.25rem 0 inset rgba(53, 55, 63, 0.24);
}
.nice-checkbox__label > span:first-child:hover {
  border-color: #35373f;
}
.nice-checkbox__label > span:first-child::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #2152d9;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}
.nice-checkbox__label > span:first-child svg {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16.5px;
  height: 16.5px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 300ms ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.nice-checkbox__label > span:last-child {
  padding-left: 3px;
}
@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
.nice-radio {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
}
.nice-radio--checked .nice-radio__label span:first-child {
  background-color: #2152d9;
  border-color: #2152d9;
  animation: wave 0.4s ease;
}
.nice-radio--checked .nice-radio__label span:first-child svg {
  stroke-dashoffset: 0;
}
.nice-radio--checked .nice-radio__label span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}
.nice-radio__label {
  margin: auto;
}
.nice-radio__label > span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.nice-radio__label > span:first-child {
  position: relative;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #5b5d67;
  transition: all 300ms ease;
  background-color: white;
  box-shadow: 0.25rem 0.25rem 0.25rem 0 inset rgba(53, 55, 63, 0.24);
}
.nice-radio__label > span:first-child:hover {
  border-color: #35373f;
}
.nice-radio__label > span:first-child::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #2152d9;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}
.nice-radio__label > span:first-child svg {
  position: absolute;
  top: 2.2px;
  left: 2.75px;
  width: 14.3px;
  height: 16.5px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 300ms ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.nice-radio__label > span:last-child {
  padding-left: 3px;
}
@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
.nice-tooltip {
  position: relative;
  display: inline-block;
}
.nice-tooltip__tip,
.nice-tooltip__tipContent {
  left: 50%;
  transform: translateX(-50%);
  transition: all 300ms;
  display: none;
  position: absolute;
  z-index: 1;
}
@media (min-width: 1024px) {
  .nice-tooltip__tip,
  .nice-tooltip__tipContent {
    display: block;
  }
}
.nice-tooltip__tip {
  padding-top: 12px;
  width: 100%;
}
.nice-tooltip__tipContent {
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  width: 240px;
  visibility: hidden;
  opacity: 0;
  padding: 16px;
  background-color: #fff;
  cursor: auto;
}
.nice-tooltip__tipContent:after,
.nice-tooltip__tipContent:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.nice-tooltip__tipContent:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #ffffff;
  border-width: 7px;
  margin-left: -7px;
}
.nice-tooltip__tipContent:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #c0c6cf;
  border-width: 9px;
  margin-left: -9px;
}
.nice-tooltip:hover .nice-tooltip__tipContent {
  opacity: 1;
  visibility: visible;
}
.nice-tooltip__text-link {
  color: #2152d9;
  font-weight: bold;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}
.nice-tooltip__text-link:hover {
  text-decoration: underline;
}
.options__option {
  margin-right: 16px;
  cursor: pointer;
}
.profile-photo {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.profile-photo__image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #c0c6cf;
}
.profile-photo__status {
  position: absolute;
  bottom: 0;
  right: 0;
  box-sizing: content-box;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 2px solid white;
  visibility: hidden;
}
.profile-photo__status--online {
  background-color: #63c637;
  visibility: visible;
}
.profile-photo__status--offline {
  background-color: #eb4e34;
  visibility: visible;
}
.profile-photo--bigger {
  width: 48px;
  height: 48px;
}
.profile-photo--bigger .profile-photo__status {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.profile-photo--xxl {
  width: 64px;
  height: 64px;
}
.profile-photo--xxl .profile-photo__status {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .profile-photo--xxl {
    width: 88px;
    height: 88px;
  }
  .profile-photo--xxl .profile-photo__status {
    width: 16px;
    height: 16px;
    border-radius: 50%;
  }
}
.profile-photo--smaller {
  width: 24px;
  height: 24px;
}
.profile-photo--smaller .profile-photo__status {
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.question-answer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  margin-bottom: 8px;
  /**
     * Popisek „správná odpověď“
     *
     * [1] Při zalomení řádku se dalo kliknout mezi řádky a tento prvek tím netrefit :-)
     */
}
.question-answer__input-wrapper {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.question-answer__input {
  display: block;
  padding: 10px 16px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  font-weight: normal;
  line-height: 20px;
  background-color: white;
  color: #35373f;
  box-shadow: inset 0 1px 0 0 #cdd1d9;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  width: 100%;
}
.question-answer__input:focus {
  border-color: #2098ec;
  background-color: #fff;
}
.question-answer__icon {
  width: 28px;
  height: 28px;
  padding: 4px;
  border-radius: 0.5rem;
  margin-right: 16px;
  margin-left: 8px;
  background-color: #e9eef4;
  cursor: pointer;
}
.question-answer__icon:hover {
  background-color: #c7d4e3;
}
.question-answer__switch {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 2px 4px;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 300ms;
}
.question-answer__label {
  display: block;
  /* [1] */
  cursor: pointer;
}
.question-counter__content {
  position: relative;
  display: inline-block;
}
.question-counter__label {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}
.question-counter__progress {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 2px;
  background-color: #c0c6cf;
}
.question-counter__pointer {
  position: absolute;
  left: 0;
  height: 2px;
  outline: 1px solid white;
  background-color: #ff7200;
}
.question-difficulty-choice {
  display: inline-block;
  width: 50%;
  border: 4px solid white;
  background-color: #e9eef4;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 768px) {
  .question-difficulty-choice {
    width: auto;
    border: none;
    border-right: 1px solid #c0c6cf;
  }
}
.question-difficulty-choice:hover {
  background-color: #d8e1ec;
}
.question-difficulty-choice:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.question-difficulty-choice:last-child {
  border-right: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.question-difficulty-choice__label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-width: 112px;
  height: 40px;
  padding: 0 16px;
  cursor: pointer;
}
.question-difficulty-choice__input {
  display: none;
}
.question-difficulty-choice--active {
  background-color: #333;
  color: white;
}
.question-difficulty-choice--active:hover {
  background-color: #333;
}
.question-order-choice {
  display: inline-block;
  width: 50%;
  border: 4px solid white;
  background-color: #e9eef4;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 768px) {
  .question-order-choice {
    width: auto;
    border: none;
    border-right: 1px solid #c0c6cf;
  }
}
.question-order-choice:hover {
  background-color: #d8e1ec;
}
.question-order-choice:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.question-order-choice:last-child {
  border-right: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.question-order-choice__label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-width: 112px;
  height: 40px;
  padding: 0 16px;
  cursor: pointer;
}
.question-order-choice__input {
  display: none;
}
.question-order-choice--active {
  background-color: #333;
  color: white;
}
.question-order-choice--active:hover {
  background-color: #333;
}
.question-result {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px;
  padding-right: 16px;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  margin-top: 16px;
  line-height: 1;
  font-weight: bold;
}
.question-result__icon-box {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  padding: 4px;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  margin-right: 8px;
  color: white;
}
.question-result__icon-box--correct {
  border-color: #3da32f;
  background-color: #44b735;
}
.question-result__icon-box--wrong {
  border-color: #eb291b;
  background-color: #ed3f32;
}
.question-result__icon-box--not-answered {
  border-color: #6b6b6b;
  background-color: #787878;
}
.question-result--correct {
  border-color: #44b735;
  color: #44b735;
}
.question-result--wrong {
  border-color: #ed3f32;
  color: #ed3f32;
}
.question-result--not-answered {
  border-color: #787878;
  color: #787878;
}
.quiz-statistics-box {
  display: inline-block;
  padding: 16px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  text-align: center;
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  margin-right: 2%;
}
@media (min-width: 1024px) {
  .quiz-statistics-box {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
}
.quiz-statistics-box__numbers {
  font-size: 24px;
}
.responsive-media {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 */
}
.responsive-media iframe,
.responsive-media video {
  position: absolute;
  width: 100%;
  height: 100%;
}
.rounded-label {
  z-index: 2;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border: 1px solid #c0c6cf;
  border-radius: 2rem;
  background-color: white;
  color: #35373f;
  line-height: 32px;
}
.search-widget-result {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 8px 16px;
  text-decoration: none;
  color: currentColor;
}
@media (min-width: 768px) {
  .search-widget-result {
    padding: 10px 16px;
  }
}
.search-widget-result:hover {
  background-color: #e9eef4;
}
.search-widget-result__start-content {
  display: -ms-flexbox;
  display: flex;
}
.search-widget-result__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-right: 6px;
}
.search-widget-result__text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #35373f;
}
.search-widget-result__name {
  font-weight: bold;
}
.search-widget-result__name mark {
  background-color: #fc0;
}
.search-widget-result__source {
  font-size: small;
}
.search-widget-result__source mark {
  font-weight: bold;
  background-color: initial;
}
.search-widget-result__description {
  font-size: small;
  font-style: italic;
}
.section {
  position: relative;
  padding: 0 16px;
  background-color: white;
  /**
     * Úvodní sekce na homepage
     *
     * [1] LESS zjistí výšku obrázku na pozadí (bug #2900)
     * [2] Posunutí mimo `section`
     */
  /**
     * Nadpis sekce
     *
     * [1] Zarovnání na střed absolutně pozicovaného prvku.
     * [2] Bez zadané šířky se nadpis divně smrskne na 50 %.
     */
}
.section:last-of-type {
  padding-bottom: 48px;
}
@media (min-width: 1024px) {
  .section {
    padding: 0 48px;
  }
}
.section--colored {
  background-color: #f5f6fa;
}
.section--with-top-border {
  border-top: 1px solid #dbdbdc;
}
.section--with-padding-bottom {
  padding-bottom: 48px;
}
.section__hero {
  position: absolute;
  top: -48px;
  left: 0;
  /* [2] */
  width: 100%;
  min-height: 1500px;
  /* [1] */
  background-image: url('/images/bg/homepage-hero.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-x: right;
  background-position-y: -32px;
}
@media (min-width: 375px) {
  .section__hero {
    background-size: 90%;
  }
}
@media (min-width: 425px) {
  .section__hero {
    background-size: 80%;
  }
}
@media (min-width: 768px) {
  .section__hero {
    background-size: 75%;
  }
}
@media (min-width: 1024px) {
  .section__hero {
    top: -72px;
    background-size: 74%;
    background-position-x: 303px;
    background-position-y: -16px;
  }
}
.section__rounded-label {
  position: absolute;
  top: -16px;
  left: 50%;
  /* [1] */
  transform: translateX(-50%);
  /* [1] */
  width: 66%;
  padding-right: 24px;
  padding-left: 24px;
}
@media (min-width: 768px) {
  .section__rounded-label {
    width: auto;
  }
}
.section__link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.separator {
  height: 0;
  border: 0;
  border-top: 1px solid #dde0e5;
  margin: 32px 0 24px;
  text-align: center;
}
.separator::before {
  position: relative;
  top: -12px;
  padding: 0 8px;
  background-color: white;
  font-size: 14px;
}
.separator--login {
  margin-bottom: 32px;
}
.separator--login::before {
  content: 'nebo';
  color: #5b5d67;
}
.separator--materials {
  border-style: dashed;
}
.separator--materials::before {
  content: 'Z jiných škol';
  color: #35373f;
}
.setings-title {
  padding: 12px 16px;
  margin-bottom: 32px;
  background-color: #5b5d67;
  color: white;
  font-size: 14px;
  font-weight: bold;
  /* [1] */
}
@media (min-width: 425px) {
  .setings-title {
    margin-right: 16px;
    margin-left: 16px;
    border-radius: 0.5rem;
  }
}
@media (min-width: 1024px) {
  .setings-title {
    margin-right: 48px;
    margin-left: 48px;
    border-radius: 0.5rem;
  }
}
.simple-uploader {
  margin: 8px 0;
}
.simple-uploader__progress-container {
  margin: 8px 0;
}
.simple-uploader__select-container {
  margin: 8px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.simple-uploader__select-container .form .form-control {
  width: auto;
}
.simple-uploader__text {
  padding: 8px;
}
.simple-uploader__separator {
  padding: 4px;
  color: #5b5d67;
}
.simple-uploader__progress {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 4px;
  border-radius: 0.1rem;
  margin: 0 auto;
  background-color: #c0c6cf;
  visibility: hidden;
}
.simple-uploader__progress--active {
  visibility: visible;
}
.simple-uploader__progress-status {
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  border-right: 1px solid white;
  background-color: green;
  transition: width 2s;
}
.simple-uploader__progress-status--disable-transition {
  transition: width 0s;
}
.simple-uploader__control {
  color: #2152d9;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
  font-weight: bold;
  /* [1] */
  text-decoration: underline;
  cursor: pointer;
}
.simple-uploader__control:hover,
.simple-uploader__control:focus {
  color: #2098ec;
  text-decoration: none;
}
.simple-uploader__control:hover {
  text-decoration: none;
}
.simple-uploader__control--delete {
  color: #ed3f32;
}
.simple-uploader__control--delete:hover {
  color: #f16b61;
}
.simple-uploader__separator {
  display: inline-block;
  margin-right: 8px;
  margin-left: 8px;
  color: #909097;
}
.slider {
  margin-top: 32px;
  margin-bottom: 32px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.slider__frame {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
}
.slider__slides {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.slider__arrow-container {
  top: 0;
  display: none;
  width: 48px;
}
.slider__arrow-container--previous {
  left: -24px;
  padding-right: 8px;
  background: linear-gradient(to right, #f5f6fa 0%, #f5f6fa 50%, rgba(255, 255, 255, 0) 100%);
}
.slider__arrow-container--next {
  right: -24px;
  padding-left: 8px;
  background: linear-gradient(to left, #f5f6fa 0%, #f5f6fa 50%, rgba(255, 255, 255, 0) 100%);
}
@media (min-width: 1024px) {
  .slider__arrow-container {
    position: absolute;
    z-index: 88;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    height: 100%;
  }
}
.slider__arrow {
  background-image: url('/images/left-arrow.svg');
  background-repeat: no-repeat;
}
.slider__arrow--next {
  transform: rotate(180deg);
}
@media (min-width: 1024px) {
  .slider__arrow {
    position: absolute;
    z-index: 88;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
    background-color: #2152d9;
    cursor: pointer;
    transition: background-color 300ms;
  }
  .slider__arrow:hover {
    background-color: #2098ec;
    box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  }
}
.no-svg .tasks__arrow--previous,
.no-svg .tasks__arrow--next {
  background-image: url('/svg2png?icon=left-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
}
.study {
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  padding: 20px 16px;
  margin-bottom: 8px;
}
.study:hover,
.study:active,
.study:focus {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.study__faculty {
  color: #5b5d67;
}
.study__links {
  margin-top: 16px;
}
.study__link {
  color: #2152d9;
  font-weight: bold;
  /* [1] */
  text-decoration: underline;
}
.study__link:hover {
  color: #2098ec;
  text-decoration: none;
  cursor: pointer;
}
.study__link--delete {
  color: #ed3f32;
}
.study__link--delete:hover {
  color: #f16b61;
}
/**
 * Vrátí šířku ve správném poměru k požadované výšce @height podle daného obrázku @image
 */
.svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.svg--rotate-180 {
  transform: rotate(180deg);
}
.tag {
  display: inline-block;
  padding: 0 8px;
  border-radius: 0.5rem;
  margin-right: 4px;
  background-color: #c7d4e3;
  font-size: 14px;
  color: #35373f;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 300ms;
}
.tag:hover {
  background-color: #d8e1ec;
}
.tag__separator {
  margin-right: 4px;
  margin-left: 4px;
  color: #b1b2ba;
}
.tag__cross {
  width: 16px;
  height: 16px;
}
.tag--inversed {
  background-color: white;
}
.tag--inversed:hover {
  background-color: #c7d4e3;
}
.textarea--user-settings {
  max-width: 100%;
  min-height: 10em;
}
.textarea--question-test {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 5em;
  padding: 10px 16px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: inset 0 1px 0 0 #cdd1d9;
}
.textarea:focus-within {
  border-color: gray;
}
.textarea:focus-within--error {
  outline: none;
  border-color: red;
  box-shadow: 0 0 5px red;
}
.textarea--error {
  outline: none;
  border-color: #ed3f32 !important;
  box-shadow: 0 0 5px #ed3f32;
}
.vue-textarea__label {
  display: block;
}
.vue-textarea ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: darkgrey;
}
.vue-textarea ::-moz-placeholder {
  /* Firefox 19+ */
  color: darkgrey;
}
.vue-textarea :-ms-input-placeholder {
  /* IE 10+ */
  color: darkgrey;
}
.vue-textarea :-moz-placeholder {
  /* Firefox 18- */
  color: darkgrey;
}
textarea.autoExpand {
  min-height: 40px;
  max-height: 50vh;
}
@media (max-width: 1024px) {
  .tooltip--mobile-hidden.tooltip--mobile-hidden::after,
  .tooltip--mobile-hidden.tooltip--mobile-hidden::before {
    display: none;
  }
}
/**
 * Pro normální řez písma je použit jiný font stejné rodiny
 */
/**
 * Pro tučný řez písma je použit jiný font stejné rodiny
 *
 * [1] Fallback. Pokud se z nějakého důvodu nenačte nebo nezobrazí font, použije se `font-weight: bold` alespoň na
 *     systémový font. Na požadované písmo to nemá žádný efekt.
 */
h1 {
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
}
@media (min-width: 1024px) {
  h1 {
    font-size: 36px;
    line-height: 42px;
  }
}
h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}
h3 {
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
}
h4 {
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
}
@media (min-width: 1024px) {
  h4 {
    font-size: 20px;
    line-height: 26px;
  }
}
p {
  margin-top: 0;
  font-size: 16px;
  line-height: 22px;
}
p a {
  color: #2152d9;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
p a:hover,
p a:focus {
  color: #2098ec;
  text-decoration: none;
}
p.smaller {
  font-size: 14px;
  line-height: 20px;
}
.users-thumbs {
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: white;
  text-align: left;
  /**
     * Větší zobrazení
     */
}
.users-thumbs__container {
  position: relative;
  left: -16px;
  width: 666px;
  height: 24px;
}
.users-thumbs__photo {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid currentColor;
}
.users-thumbs__photo:nth-of-type(1) {
  z-index: 3;
  left: 16px;
}
.users-thumbs__photo:nth-of-type(2) {
  z-index: 2;
}
.users-thumbs__photo:nth-of-type(3) {
  z-index: 1;
  left: -16px;
  opacity: 0.5;
}
.users-thumbs--1 {
  width: 24px;
}
.users-thumbs--2 {
  width: 36px;
}
.users-thumbs--3 {
  width: 48px;
}
.users-thumbs--large .users-thumbs__container {
  height: 36px;
}
.users-thumbs--large .users-thumbs__photo {
  width: 36px;
  height: 36px;
  border-width: 4px;
}
.users-thumbs--large.users-thumbs--1 {
  width: 36px;
}
.users-thumbs--large.users-thumbs--2 {
  width: 54px;
}
.users-thumbs--large.users-thumbs--3 {
  width: 72px;
}
.hidden {
  display: none;
}
.flex {
  display: -ms-flexbox;
  display: flex;
}
.justify-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.mb-1 {
  margin-bottom: 8px;
}
.mb-2 {
  margin-bottom: 16px;
}
.mb-4 {
  margin-bottom: 32px;
}
.mr-1 {
  margin-right: 8px;
}
.mw-tablet {
  max-width: 768px;
}
/**
 * Vue.js: `v-cloak`
 *
 * Parametr `v-cloak` je automaticky (resp. pomocí Vue.js) odstraněn z elementu po ukončení kompilace Vue šablon, viz
 * https://vuejs.org/v2/api/#v-cloak.
 *
 * Třída `v-cloak-testing` je pro dev potřeby.
 *
 * [1] Skrytí veškerého obsahu elementu.
 */
[v-cloak],
.v-cloak-dev {
  position: relative;
  background: white;
  /**
     * CSS-only loader (spinner)
     */
}
[v-cloak] *,
.v-cloak-dev * {
  display: none !important;
  /* [1] */
}
[v-cloak].loading:after,
.v-cloak-dev.loading:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateZ(0);
  width: 1em;
  height: 1em;
  margin: 0 auto;
  border-radius: 50%;
  color: #5b5d67;
  font-size: 24px;
  text-indent: -9999em;
  animation: load4 1.3s infinite linear;
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
.voucher-card {
  margin-bottom: 32px;
  border: 1px solid #fc9;
  background-color: #faebcc;
  text-align: center;
}
.voucher-card__code {
  margin-top: 0;
  margin-bottom: 0;
  font-family: monospace;
}
.vue-autocomplete {
  display: block;
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  font-weight: normal;
  line-height: 20px;
  background-color: white;
  color: #35373f;
  box-shadow: inset 0 1px 0 0 #cdd1d9;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 32px;
  border-width: 1px;
  border-style: solid;
}
.vue-autocomplete:focus {
  border-color: #2098ec;
  background-color: #fff;
}
.vue-autocomplete:focus-within {
  border-color: gray;
}
.vue-autocomplete:focus-within--error {
  outline: none;
  border-color: red;
  box-shadow: 0 0 5px red;
}
.vue-autocomplete--error {
  outline: none;
  border-color: #ed3f32 !important;
  box-shadow: 0 0 5px #ed3f32;
}
.advertisement-tile {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  padding: 0;
  border: 0;
}
.advertisement-tile:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.advertisement-tile:active,
.advertisement-tile:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .advertisement-tile {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .advertisement-tile:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .advertisement-tile {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .advertisement-tile:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .advertisement-tile--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .advertisement-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .advertisement-tile--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .advertisement-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .advertisement-tile--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.arrow {
  width: 12px;
  height: 12px;
}
.arrow-link {
  font-weight: bold;
  /* [1] */
  color: #2152d9;
  text-decoration: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.arrow-link:hover {
  text-decoration: underline;
}
.arrow-link__arrow {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-left: 6px;
}
.beat-user__user {
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -ms-flex-align: center;
      align-items: center;
}
.beat-user__user img {
  margin-right: 20px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.board-section {
  margin-bottom: 40px;
}
.board-section__items a {
  text-decoration: underline;
  color: #35373f;
}
.board-section__items a:hover,
.board-section__items a:focus {
  text-decoration: none;
  color: #35373f;
}
.board-section__items a.list-cut__show-all {
  color: #2152d9;
}
.board-section__items p {
  margin-bottom: 12px;
}
.board-section__item-count {
  margin-right: 4px;
}
.board-section__title {
  font-weight: bold;
  margin-bottom: 8px;
}
.board-section__icon {
  width: 20px;
  vertical-align: middle;
  margin-right: 8px;
}
.breadcrumbs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  border-bottom: 1px solid #c0c6cf;
  color: #2152d9;
  font-size: 16px;
  font-weight: bold;
  /* [1] */
}
@media (min-width: 1024px) {
  .breadcrumbs {
    padding-left: 0;
    margin: 0 48px;
  }
}
.breadcrumbs__label {
  text-decoration: none;
}
.breadcrumbs__label:hover {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
.breadcrumbs__icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.button {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 10px;
  padding-right: 48px;
  padding-bottom: 10px;
  padding-left: 48px;
  border: 0;
  border-radius: 0.5rem;
  background-image: linear-gradient(#2162d9, #2152d9);
  color: white;
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.4);
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  /**
     * Ticknuté tlačítko
     */
}
.button:hover {
  background-image: linear-gradient(#2098ec, #0a7feb);
}
.button:active {
  background-color: #1c44b3;
  background-image: none;
  box-shadow: none;
}
.button__icon {
  width: 16px;
  height: 16px;
  margin-right: 16px;
  fill: currentColor;
}
.button--without-icon {
  padding-left: 48px;
}
.button--with-icon {
  padding-left: 16px;
}
.button--grey {
  background-image: linear-gradient(#454851, #35373f);
}
.button--grey:hover {
  background-image: linear-gradient(#696c77, #585b67);
}
.button--grey:active {
  background-color: #26272e;
  background-image: none;
}
.button--grey__icon {
  fill: #35373f;
}
.button--secondary {
  background-image: none;
  background-color: #e9eef4;
  color: #35373f;
}
.button--secondary:hover {
  background-image: none;
  background-color: #ecf1f6;
  color: #35373f;
}
.button--secondary:active {
  background-image: none;
  background-color: #c7d4e3;
  color: #35373f;
}
.button--ternary {
  padding-left: 0;
  padding-right: 0;
  background: none;
  color: #2152d9;
  box-shadow: none;
}
.button--ternary:hover {
  background: none;
  color: #2098ec;
}
.button--ternary:active {
  background: none;
}
.button--red {
  background-color: #ed3f32;
  background-image: inherit;
}
.button--red:hover {
  background-color: #f16b61;
  background-image: none;
}
.button--red:active {
  background-color: #d92113;
  background-image: none;
}
.button--ekokom-green {
  background-image: linear-gradient(#5e9f31, #326e0a);
}
.button--ekokom-green:hover {
  background-color: #5e9f31;
  background-image: none;
}
.button--ekokom-green:active {
  background-color: #326e0a;
  background-image: none;
}
.button--ekokom-orange {
  background-image: linear-gradient(#ee7514, #b8590d);
  text-shadow: 0 0 1px #000;
}
.button--ekokom-orange:hover {
  background-color: #ee7514;
  background-image: none;
}
.button--ekokom-orange:active {
  background-color: #b8590d;
  background-image: none;
}
.button--black {
  background-image: linear-gradient(#494949, #343434);
}
.button--black:hover {
  background-image: linear-gradient(#696c77, #585b67);
}
.button--black:active {
  background-color: #26272e;
  background-image: none;
}
.button--black__icon {
  fill: #35373f;
}
.button--ticked {
  background-color: #63c637;
  background-image: none;
  border: 1px solid #49b826;
}
.button--ticked:hover {
  background-color: #7ada4f;
  background-image: inherit;
  border-color: #63c637;
}
.button--ticked:active {
  background-color: #46b025;
  background-image: inherit;
  border-color: #3ea21e;
}
.button--tick {
  width: 40px;
  height: 40px;
  padding: 0;
}
.button--tick .button__icon {
  width: 40%;
  margin-right: 0;
}
.button--standalone {
  margin-right: auto;
  margin-left: auto;
}
.button--disabled {
  background-color: #1c44b3;
  background-image: none;
  box-shadow: none;
  color: #ffffff80;
  cursor: not-allowed;
}
.button--disabled:hover,
.button--disabled:focus,
.button--disabled:active {
  background-color: #1c44b3;
  background-image: none;
  box-shadow: none;
}
.button--tiny {
  padding: 2px 20px;
}
.button--card {
  padding: 10px 20px;
  border-radius: 1rem;
  background-color: #f3f2fd;
  color: #35373f;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  -ms-flex-pack: left;
      justify-content: left;
  text-decoration: none;
  cursor: pointer;
}
.button--card:hover {
  background-image: none;
  background-color: #f7f6fe;
  color: #35373f;
}
.button--card .button__icon {
  margin-right: 10px;
}
.caret {
  width: 12px;
  height: 12px;
}
.comments-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.comments-heading--sort {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.comments-heading--sort .link {
  padding-right: 8px;
}
.comments-heading--sort__checked {
  font-weight: bold;
  color: black;
  text-decoration: none;
}
.comments-heading--sort__checked:hover {
  font-weight: bold;
  color: black;
  text-decoration: none;
  cursor: default;
}
.comments-heading--icon {
  width: 16px;
  height: 17.6px;
  margin-right: 4.8px;
}
@media (max-width: 768px) {
  .comments-heading--count {
    padding-bottom: 8px;
  }
}
.control-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 8px;
}
.control-panel__btn {
  width: 40px;
  height: 40px;
  margin-left: 16px;
}
.deactivation-form {
  margin-bottom: 16px;
}
.deactivation-form .nice-radio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding-bottom: 16px;
  transition: background-color 300ms;
}
.deactivation-form .nice-radio div:first-child {
  margin-right: 8px;
}
@media (min-width: 1024px) {
  .deactivation-form .nice-radio {
    padding: 16px;
  }
  .deactivation-form .nice-radio:hover {
    background-color: #e9eef4;
  }
}
.deactivation-form .nice-radio .radio label {
  cursor: pointer;
}
.detail-secret-pane__heading {
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
}
.detail-secret-pane__icon {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}
.discussion-entry__photo {
  margin-right: 10px;
}
.discussion-entry__reaction-row {
  display: -ms-flexbox;
  display: flex;
}
.discussion-entry__reply-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: relative;
  top: 36px;
  left: -43.2px;
  transform: rotate(-111deg) scaleX(-1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 4.8px;
  color: white;
  background-color: #333;
}
.discussion-entry__info {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.discussion-entry__author {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.discussion-entry__author:hover {
  text-decoration: underline;
}
.discussion-entry__react {
  padding-top: 2px;
  cursor: pointer;
}
.discussion-entry__nickname {
  display: inline-block;
  font-weight: bold;
  /* [1] */
}
.discussion-entry__text {
  margin: 0;
  margin-bottom: 12px;
}
.discussion-entry__date-laptop {
  display: none;
  padding-right: 8px;
}
.discussion-entry__date-mobile {
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 425px) {
  .discussion-entry__date-laptop {
    display: -ms-flexbox;
    display: flex;
  }
  .discussion-entry__date-mobile {
    display: none;
  }
}
.discussion-entry__delete {
  display: -ms-flexbox;
  display: flex;
  color: #5b5d67;
}
.discussion-entry__delete--delete-icon {
  display: -ms-flexbox;
  display: flex;
  color: #787878;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.discussion-entry__delete--delete-icon-wrap {
  margin: auto;
}
.discussion-entry__delete--loading {
  position: relative;
  width: 22.4px;
  height: 22.4px;
  display: -ms-flexbox;
  display: flex;
}
.discussion-entry__delete--loading:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateZ(0);
  width: 1em;
  height: 1em;
  margin: 0 auto;
  border-radius: 50%;
  color: #5b5d67;
  font-size: 2px;
  text-indent: -9999em;
  animation: load4 1.3s infinite linear;
}
.discussion-entry__reaction-link {
  color: #333;
}
.discussion-entry__reaction-link:hover {
  color: #333;
  text-decoration: none;
}
.discussion-entry__child {
  margin-left: 16px;
}
.discussion-entry-create__react-action {
  text-align: left;
}
.discussion-entry-create__react {
  cursor: pointer;
  font-weight: bold;
}
.discussion-entry-create__button {
  margin-top: 8px;
}
.discussion-entry-create__validation {
  margin-top: 8px;
  margin-bottom: 8px;
  color: #ed3f32;
}
.discussion-getter-button {
  margin-left: 16px;
}
.discussion-getter-button__discussion-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  color: #8491a2;
}
.discussion-getter-button__discussion-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 4px 16px;
  border-radius: 0.5rem;
  background-color: #e9eef4;
  cursor: pointer;
}
.discussion-getter-button__discussion-button:hover {
  background-color: #d8e1ec;
}
.discussion-getter-button__discussion-loading {
  position: relative;
}
.discussion-getter-button__discussion-loading:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateZ(0);
  width: 1em;
  height: 1em;
  margin: 0 auto;
  border-radius: 50%;
  color: #5b5d67;
  font-size: 2px;
  text-indent: -9999em;
  animation: load4 1.3s infinite linear;
}
.discussion-getter-button__discussion-text--desktop {
  display: none;
}
@media (min-width: 1024px) {
  .discussion-getter-button__discussion-text--desktop {
    display: inline;
  }
}
.discussion-getter-button__discussion-text--mobile {
  display: inline;
}
@media (min-width: 1024px) {
  .discussion-getter-button__discussion-text--mobile {
    display: none;
  }
}
.dm-box {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  padding: 0;
  border: 0;
}
.dm-box:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.dm-box:active,
.dm-box:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .dm-box {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .dm-box:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .dm-box {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .dm-box:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .dm-box--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .dm-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .dm-box--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .dm-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .dm-box--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.ekokom-content-tile {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 24px;
  text-align: center;
}
.ekokom-content-tile:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.ekokom-content-tile:active,
.ekokom-content-tile:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ekokom-content-tile {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-content-tile:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .ekokom-content-tile {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .ekokom-content-tile:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .ekokom-content-tile--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-content-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .ekokom-content-tile--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .ekokom-content-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .ekokom-content-tile--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.ekokom-content-tile__icon {
  width: 48px;
  height: 48px;
}
.ekokom-content-tile__title {
  margin-top: 0;
}
.ekokom-content-tile__description {
  margin-bottom: 24px;
}
/**
 * EKO-KOM: Dlaždice se statistikami uživatele
 *
 * [1] Dlaždice bez prokliku. Přebití `.box()`.
 */
.ekokom-user-stats-tile {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  /* [1] */
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 24px;
  text-align: center;
  cursor: default;
  /* [1] */
  /**
     * Tabulka s body
     */
}
.ekokom-user-stats-tile:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.ekokom-user-stats-tile:active,
.ekokom-user-stats-tile:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ekokom-user-stats-tile {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-user-stats-tile:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .ekokom-user-stats-tile {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .ekokom-user-stats-tile:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .ekokom-user-stats-tile--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-user-stats-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .ekokom-user-stats-tile--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .ekokom-user-stats-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .ekokom-user-stats-tile--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.ekokom-user-stats-tile__title {
  margin-top: 8px;
}
.ekokom-user-stats-tile__table {
  width: 100%;
  text-align: left;
  /**
         * Poslední řádek tabulky
         */
}
.ekokom-user-stats-tile__table tr:last-of-type {
  font-weight: bold;
}
.ekokom-duel-tile {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 24px;
  text-align: center;
  cursor: default;
}
.ekokom-duel-tile:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.ekokom-duel-tile:active,
.ekokom-duel-tile:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ekokom-duel-tile {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-duel-tile:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .ekokom-duel-tile {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .ekokom-duel-tile:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .ekokom-duel-tile--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-duel-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .ekokom-duel-tile--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .ekokom-duel-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .ekokom-duel-tile--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.ekokom-duel-tile:hover,
.ekokom-duel-tile:active,
.ekokom-duel-tile:focus {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.ekokom-duel-tile__title {
  margin-top: 8px;
}
.ekokom-duel-tile__description {
  margin-bottom: 24px;
}
.ekokom-duel-tile__profile-photo {
  margin: 0 auto;
}
/**
 * Dlaždice s odkazem na hru
 *
 * [1] Reset vnitřního odsazení obecné dlaždice `box` kvůli obrázku, který chceme přes celou šířku
 */
.ekokom-game-tile {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  padding: 0;
  /* [1] */
}
.ekokom-game-tile:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.ekokom-game-tile:active,
.ekokom-game-tile:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ekokom-game-tile {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-game-tile:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .ekokom-game-tile {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .ekokom-game-tile:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .ekokom-game-tile--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-game-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .ekokom-game-tile--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .ekokom-game-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .ekokom-game-tile--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.ekokom-game-tile__main {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  min-height: 192px;
  padding-top: 24px;
  padding-bottom: 24px;
  background-size: cover;
  background-position: center;
}
.ekokom-game-tile__main--nesmyslator {
  background-image: url('/images/ekokom/games/nesmyslator.jpg');
}
.ekokom-game-tile__main--mumie {
  background-image: url('/images/ekokom/games/mumie.jpg');
}
.ekokom-game-tile__main--akvarium {
  background-image: url('/images/ekokom/games/akvarium.jpg');
}
.ekokom-game-tile__heading {
  margin: 0;
  color: white;
  font-size: 24px;
  text-transform: uppercase;
}
.ekokom-game-tile__description {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  text-align: left;
}
/**
 * Obtáhnutí textu zadanou barvou
 *
 * Viz https://stackoverflow.com/a/4919231
 */
.ekokom-question-tile {
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  position: relative;
  background-color: white;
  display: inline-block;
  width: 60vw;
  padding: 0;
  margin-right: 8px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
.ekokom-question-tile:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.ekokom-question-tile:active,
.ekokom-question-tile:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ekokom-question-tile {
    width: 35vw;
    margin-right: 16px;
  }
}
@media (min-width: 1024px) {
  .ekokom-question-tile {
    width: 224px;
    margin-right: 16px;
  }
}
.ekokom-question-tile__overlay {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
  color: white;
  /**
         * Přečtený článek, zobrazené
         */
}
.ekokom-question-tile__overlay--read {
  background-color: rgba(253, 201, 53, 0.89);
}
.ekokom-question-tile__overlay--correct {
  background-color: rgba(57, 180, 74, 0.89);
}
.ekokom-question-tile__overlay--wrong {
  background-color: rgba(236, 28, 36, 0.89);
}
.ekokom-question-tile__image {
  width: 100%;
}
.ekokom-question-tile__image img {
  width: 100%;
}
.ekokom-question-tile__text {
  padding-top: 6px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  text-align: left;
}
.ekokom-question-tile__title {
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ekokom-question-tile__description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ekokom-question-tile__super-question-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
  color: white;
  font-size: 44px;
  line-height: 1.3;
  font-weight: bold;
  white-space: normal;
  transition: background-color 300ms;
}
.ekokom-question-tile__super-question-link--start,
.ekokom-question-tile__super-question-link--continue-0,
.ekokom-question-tile__super-question-link--continue-1,
.ekokom-question-tile__super-question-link--continue-2,
.ekokom-question-tile__super-question-link--no-questions {
  text-shadow: -2px -2px 0 #ee7514, 2px -2px 0 #ee7514, -2px 2px 0 #ee7514, 2px 2px 0 #ee7514;
  background-color: #ee7514;
}
.ekokom-question-tile__super-question-link--start:hover,
.ekokom-question-tile__super-question-link--continue-0:hover,
.ekokom-question-tile__super-question-link--continue-1:hover,
.ekokom-question-tile__super-question-link--continue-2:hover,
.ekokom-question-tile__super-question-link--no-questions:hover {
  background-color: #f0832c;
}
.ekokom-question-tile__super-question-link--start:active,
.ekokom-question-tile__super-question-link--continue-0:active,
.ekokom-question-tile__super-question-link--continue-1:active,
.ekokom-question-tile__super-question-link--continue-2:active,
.ekokom-question-tile__super-question-link--no-questions:active {
  background-color: #d96910;
}
.ekokom-question-tile__super-question-link--boosted {
  text-shadow: -2px -2px 0 #39b44a, 2px -2px 0 #39b44a, -2px 2px 0 #39b44a, 2px 2px 0 #39b44a;
  background-color: rgba(57, 180, 74, 0.89);
}
.ekokom-question-tile__super-question-link--wrong {
  text-shadow: -2px -2px 0 #ec1c24, 2px -2px 0 #ec1c24, -2px 2px 0 #ec1c24, 2px 2px 0 #ec1c24;
  background-color: rgba(236, 28, 36, 0.89);
}
.ekokom-question-tile__super-info {
  font-size: 28px;
  font-weight: normal;
}
/**
 * EKO-KOM: Dlaždice s pořadím uživatelů/škol
 *
 * [1] Dlaždice bez prokliku. Přebití `.box()`.
 */
.ekokom-rank-tile {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  /* [1] */
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 24px;
  text-align: center;
  cursor: default;
  /* [1] */
  /**
     * Tabulka s body
     */
}
.ekokom-rank-tile:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.ekokom-rank-tile:active,
.ekokom-rank-tile:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ekokom-rank-tile {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-rank-tile:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .ekokom-rank-tile {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .ekokom-rank-tile:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .ekokom-rank-tile--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-rank-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .ekokom-rank-tile--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .ekokom-rank-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .ekokom-rank-tile--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.ekokom-rank-tile__title {
  margin-top: 8px;
}
.ekokom-rank-tile__rank {
  width: 100%;
  padding-right: 24px;
  padding-left: 24px;
  text-align: left;
}
.ekokom-rank-tile__school {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 2px 16px;
  border: 1px solid #c0c6cf;
  border-radius: 3rem;
  margin-bottom: 4px;
  margin-left: 8px;
}
.ekokom-rank-tile__shortcut {
  font-weight: bold;
}
/**
 * EKO-KOM: Dlaždice se statistikami uživatele
 *
 * [1] Dlaždice bez prokliku. Přebití `.box()`.
 */
.ekokom-user-stats-tile {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  /* [1] */
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 24px;
  text-align: center;
  cursor: default;
  /* [1] */
  /**
     * Tabulka s body
     */
}
.ekokom-user-stats-tile:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.ekokom-user-stats-tile:active,
.ekokom-user-stats-tile:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ekokom-user-stats-tile {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-user-stats-tile:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .ekokom-user-stats-tile {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .ekokom-user-stats-tile:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .ekokom-user-stats-tile--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-user-stats-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .ekokom-user-stats-tile--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .ekokom-user-stats-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .ekokom-user-stats-tile--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.ekokom-user-stats-tile__title {
  margin-top: 8px;
}
.ekokom-user-stats-tile__table {
  width: 100%;
  text-align: left;
  /**
         * Poslední řádek tabulky
         */
}
.ekokom-user-stats-tile__table tr:last-of-type {
  font-weight: bold;
}
.engage-author-popup__text {
  max-width: 550px;
  margin: auto;
  padding: 0 16px;
}
.engage-author-popup__subhead {
  text-align: center;
  margin-top: 36px;
}
.engage-author-popup__btns {
  margin: auto;
  padding-bottom: 120px;
  max-width: 240px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media (min-width: 768px) {
  .engage-author-popup__btns {
    max-width: 480px;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
.engage-author-popup__btnsCol {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.engage-author-popup__btn {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .engage-author-popup__btn {
    margin-right: 16px;
  }
}
.flash-message {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  color: white;
  /**
     * Text zprávy
     *
     * [1] Omezení, aby se text necpal do křížku.
     */
}
.flash-message__message {
  display: inline-block;
  width: 80%;
  /* [1] */
  text-align: center;
}
.flash-message__close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 8px;
  font-family: monospace;
  font-size: 32px;
  line-height: 24px;
  opacity: 1;
  transition: opacity 300ms;
}
@media (min-width: 1024px) {
  .flash-message__close {
    opacity: 0.5;
  }
  .flash-message__close:hover {
    opacity: 1;
    cursor: pointer;
  }
}
.flash-message--hidden {
  display: none;
}
.flash-message[data-flash-message-original="true"] {
  display: none;
}
.flash-message[data-type="error"],
.flash-message[data-type="danger"],
.flash-message[data-type="warning"] {
  background-color: #ed3f32;
  border-color: #ef5549;
}
.flash-message[data-type="info"] {
  background-color: #2098ec;
  border-color: #37a3ee;
}
.flash-message[data-type="success"] {
  background-color: #63c637;
  border-color: #72cd4a;
}
.hint {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 4px;
  color: #5b5d67;
  transition: color 300ms;
  cursor: help;
}
.hint:hover {
  color: #35373f;
}
.info-box-tile {
  padding-bottom: 16px;
  color: #333;
  text-align: center;
}
@media (max-width: 768px) {
}
@media (max-width: 320px) {
}
.info-box-tile--homepage {
  color: white;
}
.info-box-tile--students > .info-box-tile__value::before {
  content: "\f0c0";
  display: block;
  padding-bottom: 12px;
  font-family: 'FontAwesome';
  font-size: 24px;
  line-height: 1;
  font-weight: normal;
}
.info-box-tile--tests > .info-box-tile__value::before {
  content: "\f044";
  display: block;
  padding-bottom: 12px;
  font-family: 'FontAwesome';
  font-size: 24px;
  line-height: 1;
  font-weight: normal;
}
.info-box-tile--ratings > .info-box-tile__value::before {
  content: '\f164\f165';
  display: block;
  padding-bottom: 12px;
  font-family: 'FontAwesome';
  font-size: 24px;
  line-height: 1;
  font-weight: normal;
}
.info-box-tile--materials > .info-box-tile__value::before {
  content: "\f0c5";
  display: block;
  padding-bottom: 12px;
  font-family: 'FontAwesome';
  font-size: 24px;
  line-height: 1;
  font-weight: normal;
}
.info-box-tile--videos > .info-box-tile__value::before {
  content: "\f03d";
  display: block;
  padding-bottom: 12px;
  font-family: 'FontAwesome';
  font-size: 24px;
  line-height: 1;
  font-weight: normal;
}
.info-box-tile--better > .info-box-tile__value::before {
  content: '\f006';
  display: block;
  padding-bottom: 12px;
  font-family: 'FontAwesome';
  font-size: 24px;
  line-height: 1;
  font-weight: normal;
}
.item-box-favourite {
  color: #787878;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3px;
}
.item-box-favourite__icon {
  width: 19px;
  height: 15px;
  margin-left: 4px;
}
.karma-level {
  max-width: 700px;
  margin-bottom: 16px;
  border-radius: 0.5rem;
  border: 1px solid #c0c6cf;
  position: relative;
}
.karma-level--active .karma-level__info {
  display: -ms-flexbox;
  display: flex;
}
.karma-level--active .karma-level__overview {
  border-bottom: none;
}
@media (min-width: 768px) {
  .karma-level--active .karma-level__overview {
    border-bottom: 1px solid #c0c6cf;
  }
}
.karma-level--users {
  background-color: #f2f2f2;
  margin-top: 32px;
  padding-top: 8px;
}
.karma-level__overview {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.karma-level__overview p {
  padding: 0;
  margin: 0;
}
.karma-level__overview-first {
  padding: 16px;
  width: 100%;
  border-bottom: 1px solid #c0c6cf;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media (min-width: 768px) {
  .karma-level__overview-first {
    border-bottom: none;
    width: 50%;
  }
}
.karma-level__overview-second {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px;
}
@media (min-width: 768px) {
  .karma-level__overview-second {
    width: 50%;
  }
}
.karma-level__benefits,
.karma-level__discount {
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .karma-level__benefits,
  .karma-level__discount {
    place-content: center;
  }
}
.karma-level__benefits {
  place-content: flex-end;
}
.karma-level__discount {
  place-content: flex-start;
}
.karma-level__achieved-level {
  background-color: #f5f6fa;
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  width: 144px;
  padding-right: 24px;
  padding-left: 24px;
}
.karma-level__arrow {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: center;
      align-self: center;
  padding-left: 4px;
}
.karma-level__arrow-icon {
  height: 12px;
  width: 12px;
}
.karma-level__info {
  padding: 0 24px 24px 24px;
  border-top: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 30px;
}
@media (min-width: 768px) {
  .karma-level__info {
    padding: 20px 24px 24px 24px;
  }
}
.karma-level__info p {
  margin-bottom: 0;
}
.karma-level__info a {
  color: #35373f;
  text-decoration: underline;
}
.karma-level__info a:hover {
  text-decoration: none;
}
.karma-level__link {
  cursor: pointer;
  font-weight: bold;
  display: -ms-flexbox;
  display: flex;
  color: #2152d9;
}
.karma-level__link:hover {
  text-decoration: underline;
}
.karma-level__banana-icon {
  height: 20px;
  width: 20px;
  margin-right: 4px;
  margin-left: 4px;
}
.karma-level__hint {
  margin-left: 0;
}
.karma-level__hint-icon {
  height: 16px;
  width: 16px;
  color: #808080;
}
.karma-level__monkey-icon {
  margin-right: 12px;
}
.karma-level__karma-icon {
  height: 16px;
  width: 16px;
  color: #ffcc19;
}
.karma-level__level {
  min-width: 128px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 60%;
}
.karma-level__requirement {
  min-width: 96px;
  width: 40%;
}
.karma-level__requirement p {
  text-align: right;
  width: 100%;
}
.karma-level__tasks {
  width: 100%;
}
@media (min-width: 768px) {
  .karma-level__tasks {
    padding-top: 8px;
    width: 50%;
  }
}
.karma-level__gifts {
  width: 100%;
  padding-top: 24px;
}
@media (min-width: 768px) {
  .karma-level__gifts {
    padding-top: 8px;
    width: 50%;
  }
}
.karma-level__info-message {
  display: block;
  width: 100%;
}
.karma-level-tooltip {
  display: -ms-flexbox;
  display: flex;
}
.karma-level-tooltip__text {
  line-height: 1.5;
}
.karma-level-tooltip__text p {
  margin-bottom: 4px;
}
.karma-level-tooltip .karma-level-icon {
  margin-right: 16px;
  min-width: 32px;
}
.like-dislike {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.like-dislike__rating-box {
  cursor: pointer;
  -ms-flex-align: center;
      align-items: center;
  padding: 4px 16px;
  display: -ms-flexbox;
  display: flex;
  background-color: #e9eef4;
}
.like-dislike__rating-box--disabled {
  cursor: default;
}
.like-dislike__rating-box:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 1px solid #cbd4df;
}
.like-dislike__rating-box:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.like-dislike__rating-box:hover,
.like-dislike__rating-box--active {
  background-color: #d8e1ec;
}
.like-dislike__rating-box:hover .like-dislike__icon,
.like-dislike__rating-box--active .like-dislike__icon {
  fill: #8491a2;
}
.like-dislike__icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  fill: #8491a2;
}
.like-dislike__icon--dislikes {
  transform: rotate(180deg);
}
.like-dislike--light {
  font-size: 14px;
}
.like-dislike--light .like-dislike__rating-box {
  padding-left: 0;
  background-color: transparent;
}
.like-dislike--light .like-dislike__rating-box--active .like-dislike__icon {
  fill: #35373f;
}
.like-dislike--light .like-dislike__rating-box:first-of-type,
.like-dislike--light .like-dislike__rating-box:last-of-type {
  border: none;
}
.like-dislike--light .like-dislike__icon {
  width: 14px;
  height: 14px;
}
.list {
  padding: 0;
  column-count: 1;
}
@media (min-width: 768px) {
  .list {
    column-count: 2;
  }
}
@media (min-width: 1024px) {
  .list {
    column-count: 3;
  }
}
.list__item {
  list-style: none;
}
.list__link {
  color: #2152d9;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
.list__link:hover,
.list__link:focus {
  color: #2098ec;
  text-decoration: none;
}
/**
 * Symbol ověření
 */
.mark {
  display: none;
  width: 16px;
  height: 16px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .mark {
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.mark--approved {
  color: #63c637;
}
.mark--unknown {
  color: #2098ec;
}
.mark--disapproved {
  color: #ed3f32;
}
.mark--mobile {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 168px;
}
@media (min-width: 768px) {
  .mark--mobile {
    display: none;
  }
}
.material-detail-ai-action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;
  padding: 16px 20px;
  background: #e9eef4;
  border-radius: 0.5rem;
}
.material-detail-ai-action__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}
.material-detail-ai-action__left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.material-detail-ai-action__badge {
  margin-bottom: 2px;
}
.material-detail-ai-action__title {
  font-weight: 700;
}
.material-detail-ai-action__desc {
  margin: 0;
}
.material-detail-ai-action__btn {
  padding: 12px 20px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .material-detail-ai-action {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
  .material-detail-ai-action__btn {
    max-width: 250px;
    text-align: center;
  }
}
.menu-button {
  font-size: 16px;
}
.nice-checkbox-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding: 8px;
  transition: background-color 300ms;
  cursor: pointer;
}
.nice-checkbox-row div:first-child {
  margin-right: 8px;
}
@media (min-width: 425px) {
  .nice-checkbox-row {
    padding: 16px;
    padding-bottom: 8px;
  }
  .nice-checkbox-row:hover {
    background-color: #e9eef4;
  }
}
.no-more-entries-tile {
  padding-top: 48px;
  padding-bottom: 48px;
  color: #5b5d67;
  cursor: auto;
}
.no-more-entries-tile__icon {
  color: black;
  width: 20%;
  margin: 0 auto;
}
.no-more-entries-tile__heading {
  font-weight: bold;
}
.no-study {
  text-align: center;
}
.no-study__image {
  width: 137px;
}
.no-study__title {
  margin-top: 0;
  margin-bottom: 16px;
}
.no-study__button {
  margin-top: 32px;
}
.offer {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 16px;
  padding: 32px 16px;
  position: relative;
  text-align: center;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.offer:hover,
.offer:active,
.offer:focus {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.offer__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  margin-bottom: 8px;
  text-align: center;
}
.offer__title--crossed h4 {
  font-size: 16px;
  color: #787878;
  text-decoration: line-through;
}
.offer__title--crossed .offer__icon {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-top: 4px;
  color: #787878;
}
.offer__bananas {
  margin: 0;
}
.offer__icon {
  width: 18px;
  height: 18px;
  margin-left: 8px;
}
@media (min-width: 1024px) {
  .offer__icon {
    width: 24px;
    height: 24px;
  }
}
.offer__bonus {
  margin-bottom: 24px;
}
.offer__button {
  margin-bottom: 16px;
}
.offer__separator {
  width: 100%;
  border: none;
  border-top: 1px solid #c0c6cf;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .offer {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-right: inherit;
  }
  .offer:nth-child(2n) {
    margin-right: inherit;
    min-height: 360px;
  }
}
@media (min-width: 1024px) {
  .offer {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-right: inherit;
    min-height: 240px;
    padding: 48px 32px 32px 32px;
  }
  .offer:first-of-type {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .offer:nth-child(2n) {
    margin-right: inherit;
    min-height: 360px;
  }
  .offer:last-of-type {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.offer__header {
  display: none;
}
.offer__unitprice {
  display: none;
}
.offers--version-1 .offer:nth-child(2n) {
  border-color: #2152d9;
  padding-top: 64px;
}
.offers--version-1 .offer:nth-child(2n) .offer__header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  background-color: #2152d9;
  color: #fff;
  font-weight: 700;
  line-height: 2.25;
  border-radius: 0.25rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media (min-width: 1024px) {
  .offer__bottom p.smaller {
    min-height: 60px;
  }
}
@media (min-width: 1024px) {
  .offers--version-1 .offer {
    padding: 48px 32px 20px 32px;
  }
}
.offers--version-2 .offer__unitprice {
  display: block;
  font-weight: 500;
  padding: 4px 0 8px;
  line-height: 32px;
}
@media (min-width: 1024px) {
  .offers--version-2 .offer:nth-child(2n) p.smaller {
    min-height: 80px;
  }
}
.offers--version-2 .offer__unitIcon {
  width: 12px;
  height: 12px;
  transform: rotate(20deg);
  margin-left: 4px;
}
@media (min-width: 1024px) {
  .offers--version-2 .offer__unitIcon {
    width: 16px;
    height: 16px;
  }
}
.offers-promotion {
  text-align: center;
  margin-bottom: 16px;
  padding: 14px;
  background-color: #e9eef4;
}
.offers-promotion p {
  margin-bottom: 0;
  line-height: 24px;
}
.outran-users {
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -ms-flex-align: center;
      align-items: center;
}
.outran-users p {
  margin: 0;
}
.outran-users-icons {
  margin-right: 12px;
  display: -ms-flexbox;
  display: flex;
}
.outran-users-icons img {
  margin-left: -12px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 4px solid white;
  transition: border-color 300ms;
}
.outran-users-icons img:first-child {
  margin-left: 0;
}
.pane__tile-link:hover .outran-users-icons img {
  border-color: #f5f6fa;
}
.pagination-item {
  display: inline-block;
  margin: 0 2px;
}
.pane__box {
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  width: 100%;
}
.pane__row {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #c0c6cf;
}
.pane__row:last-child {
  border-bottom: none;
}
.pane__tile {
  padding: 12px 6px;
  border-right: 1px solid #c0c6cf;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .pane__tile {
    padding: 14px 12px 16px 12px;
  }
}
.pane__tile:last-child {
  border-right: none;
}
.pane__tile-link {
  box-shadow: 0px 2px 5px 0 rgba(53, 55, 63, 0.24);
  transition: all 300ms;
}
.pane__tile-link:hover {
  background-color: #f5f6fa;
}
.pane__tile .nice-tooltip__tip {
  padding-top: 28px;
  text-align: left;
}
.pane-info-tile {
  text-align: center;
}
.pane-info-tile__input-wrap {
  font-size: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 4px;
}
@media (min-width: 768px) {
  .pane-info-tile__input-wrap {
    font-size: 24px;
  }
}
.pane-info-tile__input-wrap--smaller {
  font-size: 18px;
}
.pane-info-tile__input-wrap--smaller .svg,
.pane-info-tile__input-wrap--smaller .karma-level-icon {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.pane-info-tile__icon,
.pane-info-tile__additional-icon,
.pane-info-tile__event-icon,
.pane-info-tile__recom-icon {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
@media (min-width: 768px) {
  .pane-info-tile__icon,
  .pane-info-tile__additional-icon,
  .pane-info-tile__event-icon,
  .pane-info-tile__recom-icon {
    width: 24px;
    height: 24px;
    margin-left: 6px;
  }
}
.pane-info-tile__icon {
  margin-right: 4px;
}
.pane-info-tile__icon--up {
  fill: #63c637;
}
.pane-info-tile__icon--down {
  fill: #ed3f32;
}
@media (min-width: 768px) {
  .pane-info-tile__icon {
    margin-right: 6px;
  }
}
.pane-info-tile__additional-icon {
  fill: #fc0;
}
.pane-info-tile__recom-icon {
  fill: #5b5d67;
}
@media (min-width: 768px) {
  .pane-info-tile__recom-icon {
    width: 20px;
    height: 20px;
    margin-left: 8px;
  }
}
.pane-info-tile__input {
  font-weight: bold;
  /* [1] */
}
.pane-info-tile__input--zero {
  color: #c0c6cf;
}
.product {
  margin: 3% 1%;
  padding: 2% 3%;
  text-align: center;
  border: 1px solid #787878;
  box-sizing: border-box;
  box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.25);
  background-color: white;
  color: #787878;
}
.product .form {
  width: auto;
}
.product--offer {
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  /* [1] */
  color: #44b735;
}
.product--claim {
  margin-bottom: 16px;
  font-size: 7.2px;
}
@media (max-width: 768px) {
  .product {
    width: 48%;
  }
}
.product__bigger {
  padding-top: 24px;
  padding-bottom: 24px;
}
.product__bigger .product--offer {
  margin: 24px 0;
}
.product__bigger .product--claim {
  margin-bottom: 24px;
  font-size: 8px;
}
@media (max-width: 768px) {
  .product__bigger {
    -ms-flex-order: -1;
        order: -1;
    width: 90%;
    margin-bottom: 1%;
  }
}
.profile-badge {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.profile-badge__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding-bottom: 4px;
  margin-left: 16px;
}
.profile-badge__username {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}
.profile-badge__karma {
  font-size: 14px;
  line-height: 20px;
}
.profile-badge:hover .profile-badge__username {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
.progressbar__bounds {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
}
.progressbar__bound {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  font-size: 14px;
  line-height: 20px;
}
.progressbar__bound:last-child {
  text-align: right;
}
.progressbar__bound:last-child .progressbar__boundLink {
  padding-right: 0;
  padding-left: 16px;
}
.progressbar__boundLink {
  padding: 2px 16px 12px 0;
}
.progressbar__boundLinkText {
  position: relative;
}
.progressbar__bar {
  height: 6px;
  border-radius: 0.1rem;
  background-color: #e9eef4;
  margin-bottom: 16px;
}
.progressbar__meter {
  width: 0;
  height: 100%;
  background-color: #63c637;
  transition: width 2s;
  float: left;
}
.progressbar__score {
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  font-size: 14px;
  line-height: 1;
  position: absolute;
  margin-top: 3px;
  background-color: #fff;
  padding: 6px 8px 6px 10px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  transform: translate(0, -50%);
}
.progressbar__score:hover,
.progressbar__score:active,
.progressbar__score:focus {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.progressbar__score--hidden {
  display: none;
}
.progressbar__star {
  width: 14px;
  height: 14px;
  margin-left: 4px;
  fill: #fc0;
}
.progressbar .nice-tooltip__tip {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}
.question-answers {
  margin-bottom: 32px;
}
.question-answers__multiple-checkbox {
  display: inline-block;
  margin-bottom: 16px;
}
.question-answers__add-option {
  display: inline-block;
  color: #2152d9;
  font-weight: bold;
  cursor: pointer;
}
.question-answers__add-option:hover {
  color: #2098ec;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
.question-type__label {
  display: block;
  cursor: pointer;
  margin-bottom: 4px;
  padding-left: 4px;
}
.question-type__label input {
  margin: 4px;
}
.question-difficulty-choices {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 32px;
}
.question-explanation-ai__loadingDescription {
  margin-left: 10px;
}
.question-explanation-ai__explanation {
  margin: 24px 0 32px 0;
}
.question-mode-selector {
  display: none;
}
@media (min-width: 768px) {
  .question-mode-selector {
    display: block;
  }
}
.question-mode-selector--mobile {
  display: block;
}
@media (min-width: 768px) {
  .question-mode-selector--mobile {
    display: none;
  }
}
.question-mode-selector__boxes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-top: 0;
}
.question-mode-selector__mode {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-left: 24px;
  padding-bottom: 16px;
}
.question-mode-selector__mode:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.question-mode-selector__mode:active,
.question-mode-selector__mode:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .question-mode-selector__mode {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .question-mode-selector__mode:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .question-mode-selector__mode {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .question-mode-selector__mode:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .question-mode-selector__mode--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .question-mode-selector__mode--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .question-mode-selector__mode--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .question-mode-selector__mode--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .question-mode-selector__mode--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.question-mode-selector__mode:hover {
  background-color: #e9eef4;
}
.question-mode-selector__mode--active {
  background-color: #e9eef4;
}
.question-mode-selector__icon-circle {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #c0c6cf;
  margin: 0 auto;
  background-color: white;
}
.question-mode-selector__icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
@media (min-width: 768px) {
  .question-mode-selector__icon {
    width: 32px;
    height: 32px;
    margin-right: 0;
  }
}
.question-mode-selector__title {
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  margin-top: 12px;
  text-align: center;
}
.question-mode-selector__description {
  margin-bottom: 32px;
  text-align: left;
  font-weight: normal;
  /**
         * Speciální
         */
}
.question-mode-selector__description ul {
  list-style-type: none;
  padding-left: 16px;
  text-indent: -18px;
}
.question-mode-selector__description ul li:before {
  content: '\2014\a0';
  margin-right: 4px;
}
.question-mode-selector__rounded-label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 8px;
  margin-top: 8px;
  margin-left: 16px;
  font-size: 14px;
  font-weight: normal;
}
@media (min-width: 768px) {
  .question-mode-selector__rounded-label {
    padding: 0 16px;
    margin: 0 auto;
  }
}
.question-mode-selector__check-icon {
  position: relative;
  top: 4px;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  color: #44b735;
}
.question-mode-selector__tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.question-mode-selector__tab {
  width: 50%;
  padding-top: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: rgba(233, 238, 244, 0.5);
}
.question-mode-selector__tab:first-of-type {
  margin-right: 2px;
}
.question-mode-selector__tab--selected {
  background-color: #e9eef4;
  font-weight: bold;
}
.question-mode-selector__tab-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.question-mode-selector__tab-content {
  padding: 16px 40px;
  background-color: #e9eef4;
}
.question-mode-selector__tab-content li {
  margin-bottom: 8px;
}
.question-order-choices {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 32px;
}
.question-tags-whisperer {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: calc(100% + 2 * 2rem);
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 66px;
  margin-left: -16px;
  background-color: #e9eef4;
}
@media (min-width: 1024px) {
  .question-tags-whisperer {
    width: calc(100% + 2 * 6rem);
    padding-left: 48px;
    margin-left: -48px;
  }
}
.question-tags-whisperer__title {
  margin-right: 16px;
  font-weight: bold;
}
.question-tags-whisperer__icon {
  width: 16px;
  height: 24px;
  color: #c0c6cf;
  transition: color 300ms;
}
.question-tags-whisperer__icon--loading {
  animation-name: spin8;
  animation-duration: 750ms;
  animation-timing-function: step-start;
  animation-iteration-count: infinite;
}
@keyframes spin8 {
  0% {
    transform: rotate(0);
  }
  12.5% {
    transform: rotate(45deg);
  }
  25% {
    transform: rotate(90deg);
  }
  37.5% {
    transform: rotate(135deg);
  }
  50% {
    transform: rotate(180deg);
  }
  62.5% {
    transform: rotate(225deg);
  }
  75% {
    transform: rotate(270deg);
  }
  87.5% {
    transform: rotate(315deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ranking-row {
  display: -ms-flexbox;
  display: flex;
  padding: 20px 12px 20px 12px;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #c0c6cf;
}
.ranking-row__medal-icon {
  width: 24px;
  height: 24px;
}
.ranking-row--active {
  background-color: #f3f6f9;
}
.ranking-row__position {
  min-width: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-weight: bold;
}
.ranking-row__position span {
  line-height: 0;
}
.ranking-row__image {
  min-width: 72px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ranking-row__titles-title {
  font-weight: bold;
  word-break: break-all;
}
.ranking-row__titles-subtitle {
  font-size: 14px;
}
.ranking-row__points {
  margin-left: auto;
  padding-right: 8px;
}
.ranking-row .profile-photo__image {
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
}
.ratings {
  display: inline-block;
  line-height: 0;
}
.ratings__star {
  width: 16px;
  height: 16px;
  fill: #e4e4e5;
  stroke: #c0c6cf;
  stroke-width: 100;
}
.ratings__star--filled-in {
  fill: #fc0;
  stroke: #fc0;
}
.ratings--bigger .ratings__star {
  width: 24px;
  height: 24px;
}
.search-widget-input {
  position: relative;
  padding: 0;
  background-color: #f5f6fa;
  /**
     * Reálný input
     *
     * [1] Odstranění křížku v Edge (viz https://stackoverflow.com/questions/29396844/remove-x-input-decoration-in-microsoft-edge-formerly-project-spartan#comment48102973_29715753)
     */
}
@media (min-width: 768px) {
  .search-widget-input {
    padding: 8px;
  }
}
.search-widget-input__wannabe-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 56px;
  border-bottom: 1px solid #c0c6cf;
  padding: 12px;
  background-color: white;
}
@media (min-width: 768px) {
  .search-widget-input__wannabe-input {
    height: auto;
    padding: 8px;
    border: 1px solid #c0c6cf;
    border-radius: 0.5rem;
  }
}
.search-widget-input__input {
  -ms-flex-positive: 1;
      flex-grow: 1;
  border: none;
  margin-left: 8px;
}
.search-widget-input__input::-ms-clear {
  display: none;
  /* [1] */
}
.search-widget-input__input:focus {
  outline: none;
}
.search-widget-input__clear-button {
  display: none;
  width: 24px !important;
  height: 24px !important;
  cursor: pointer;
}
.search-widget-input__clear-button--visible {
  display: -ms-flexbox;
  display: flex;
}
.search-widget-input__clear-button:hover {
  color: #b2b9c4;
}
.search-widget-input__icon {
  width: 20px;
  height: 20px;
  margin-left: 4px;
  color: #c0c6cf;
}
.search-widget-input__icon--search {
  display: none;
}
@media (min-width: 768px) {
  .search-widget-input__icon--search {
    display: block;
  }
}
.search-widget-input__icon--loader {
  animation: rotate 1s steps(8, start) infinite;
}
.search-widget-input__icon--back {
  display: block;
}
@media (min-width: 768px) {
  .search-widget-input__icon--back {
    display: none;
  }
}
.search-widget-input__inputFilter {
  border-left: 1px #c0c6cf solid;
}
.search-widget-input__inputFilter select {
  padding: 2px 16px;
  border: 0;
  color: #8B8B8B;
  width: 140px;
  font-weight: normal;
  line-height: 20px;
  background-color: white;
}
.search-widget-input__inputFilter select:focus {
  border: 0;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
.search-widget-menu-options {
  position: relative;
}
.search-widget-menu-options__options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #f5f6fa;
}
@media (min-width: 768px) {
  .search-widget-menu-options__options {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
.search-widget-menu-options__bar {
  position: absolute;
  background: #34373e;
  height: 2px;
  bottom: 0px;
  transition: all 300ms;
}
.search-widget-menu-option {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 16.66666667%;
  padding: 8px 8px;
  border-bottom: 2px solid transparent;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 768px) {
  .search-widget-menu-option {
    -ms-flex-positive: 0;
        flex-grow: 0;
    width: auto;
    margin-right: 6px;
  }
}
.search-widget-menu-option--category-all {
  padding: 12px 16px;
  font-size: 14px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .search-widget-menu-option--category-all {
    padding: 8px 16px;
  }
}
.search-widget-menu-option--category-all .search-widget-menu-option__icon,
.search-widget-menu-option--category-all .search-widget-menu-option__label {
  display: none;
}
.search-widget-menu-option--category-all .search-widget-menu-option__text {
  display: inline;
}
.search-widget-menu-option__text {
  display: none;
}
@media (min-width: 768px) {
  .search-widget-menu-option__text {
    display: inline;
    font-size: 14px;
  }
}
.search-widget-menu-option__label {
  display: none;
  padding: 4px;
  border-radius: 0.5rem;
  font-size: 12px;
  font-weight: bolder;
  color: white;
  background: #282826;
}
.search-widget-menu-option__label--visible {
  display: inline-block;
}
@media (min-width: 768px) {
  .search-widget-menu-option__label--visible {
    display: none;
  }
}
.search-widget-menu-option__icon {
  display: none;
  width: 16px;
  height: 16px;
  pointer-events: none;
}
@media (min-width: 768px) {
  .search-widget-menu-option__icon {
    display: inline-block;
    margin-right: 4px;
  }
}
.search-widget-menu-option__icon--visible {
  display: inline-block;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .search-widget-menu-option__icon--visible {
    margin-top: 0;
  }
}
.search-widget-results {
  padding: 16px 0 24px;
  margin: 0;
  list-style: none;
}
.search-widget-results li {
  border-bottom: 1px #e9eef4 solid;
}
.subject-heading {
  margin-top: 40px;
  margin-bottom: 24px;
}
.subject-heading__name {
  position: relative;
  display: inline-block;
  margin: 0;
  margin-right: 16px;
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 1;
}
@media (min-width: 1024px) {
  .subject-heading__name {
    font-size: 36px;
  }
}
.subject-heading__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.subject-heading__code {
  display: inline-block;
  margin-bottom: 16px;
  font-size: 20px;
}
@media (min-width: 1024px) {
  .subject-heading__code {
    width: inherit;
    margin-bottom: 0;
    font-size: 24px;
  }
}
.subject-heading__school {
  font-size: 14px;
}
.subject-heading__school:hover {
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .subject-heading__school {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .subject-heading {
    margin-bottom: 24px;
  }
}
/* The switch - the box around the slider */
.switch-toggle {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
.switch-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-toggle .switch-toggle__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #c0c6cf;
  transition: .4s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.switch-toggle .switch-toggle__slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
}
.switch-toggle input:checked + .switch-toggle__slider {
  background-color: #2152d9;
}
.switch-toggle input:focus + .switch-toggle__slider {
  box-shadow: 0 0 1px #2152d9;
}
.switch-toggle input:checked + .switch-toggle__slider:before {
  transform: translateX(26px);
}
.switch-toggle .switch-toggle__slider.round {
  border-radius: 34px;
}
.switch-toggle .switch-toggle__slider.round:before {
  border-radius: 50%;
}
.text-ratings-overview {
  width: 288px;
  border: 1px solid #bfc6ce;
  border-radius: 0.5rem;
}
.text-ratings-overview__rating {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #bfc6ce;
  padding: 24px 16px;
}
.text-ratings-overview__rating:last-of-type {
  border-bottom: none;
}
.text-ratings-overview__column {
  font-weight: bold;
  /* [1] */
}
.text-ratings-overview__column--rating {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.text-ratings-overview__description {
  color: #5b5d67;
  font-weight: normal;
  /* [1] */
}
.tile-number {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 0 1 30%;
      flex: 0 1 30%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 16px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  margin-right: 1%;
  text-align: center;
  cursor: inherit;
}
.tile-number:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.tile-number:active,
.tile-number:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .tile-number {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .tile-number:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .tile-number {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .tile-number:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .tile-number--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .tile-number--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .tile-number--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .tile-number--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .tile-number--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
@media (min-width: 768px) {
  .tile-number {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    padding-top: 24px;
    padding-right: 16px;
    padding-bottom: 24px;
    padding-left: 16px;
    margin-right: 2%;
    text-align: left;
  }
  .tile-number:nth-child(2n) {
    margin-right: 2%;
  }
  .tile-number:nth-child(3n) {
    margin-right: 0;
  }
}
.tile-number:active {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.tile-number__icon {
  display: block;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 0 4px 0 auto;
  margin-bottom: 8px;
  fill: #6c7684;
}
@media (min-width: 768px) {
  .tile-number__icon {
    width: 32px;
    height: 32px;
    margin-right: 12px;
    margin-bottom: 0;
    margin-left: 0;
  }
}
.tile-number__column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.tile-number__column--center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 425px) {
  .tile-number__column--center {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .tile-number__column--center {
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-bottom: 0;
    font-size: 18px;
  }
}
.tile-number__column--important {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #2152d9;
  font-weight: bold;
  font-size: 24px;
}
.tile-statistic {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 16px;
  cursor: inherit;
}
.tile-statistic:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.tile-statistic:active,
.tile-statistic:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .tile-statistic {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .tile-statistic:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .tile-statistic {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .tile-statistic:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .tile-statistic--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .tile-statistic--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .tile-statistic--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .tile-statistic--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .tile-statistic--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.tile-statistic:active {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
@media (min-width: 768px) {
  .tile-statistic {
    -ms-flex-direction: column;
        flex-direction: column;
    padding-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .tile-statistic__column {
    text-align: center;
  }
}
.tile-statistic__icon {
  display: block;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 56px;
  height: 56px;
  margin-right: 16px;
}
@media (min-width: 768px) {
  .tile-statistic__icon {
    width: 80px;
    height: 80px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 16px;
    margin-left: auto;
  }
}
.tile-statistic__important {
  margin-right: 16px;
  color: #2152d9;
  font-weight: bold;
  font-size: 24px;
}
.tile-statistic__strong {
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
}
.tile-statistic__description {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}
/**
 * Topovaný dárek
 *
 * [1]
 */
.top-offer {
  position: relative;
  display: block;
  line-height: 0;
}
.top-offer:hover .top-offer__title {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
.top-offer__image {
  max-width: 100%;
}
.top-offer__overlay {
  width: 100%;
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  color: white;
  background-color: #35373f;
  line-height: 1;
  font-weight: bold;
}
@media (min-width: 768px) {
  .top-offer__overlay {
    position: absolute;
    bottom: 0;
    padding-right: 32px;
    padding-left: 32px;
    background-color: rgba(0, 0, 0, 0.75);
  }
}
.top-offer__title {
  margin-bottom: 12px;
  font-size: 18px;
}
.top-offer__price {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.top-offer__bananas {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  fill: #fc0;
  transform: rotate(-15deg);
}
.under-construction {
  border-bottom: 1px #c0c6cf solid;
  margin-bottom: 40px;
}
.under-construction__title {
  font-size: 32px;
  line-height: 2;
  font-weight: bold;
}
.under-construction__desc {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 15px;
}
.under-construction__image {
  margin-bottom: 20px;
  width: 100%;
}
.under-construction--full-screen {
  padding: 16px;
  max-width: 480px;
  margin: auto;
}
.under-construction--full-screen__title {
  text-align: center;
}
.update-profile-photo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.update-profile-photo:hover,
.update-profile-photo:active,
.update-profile-photo:focus {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.update-profile-photo__photo {
  margin-right: 16px;
}
.update-profile-photo__controls {
  position: relative;
  top: 10px;
}
.url-sharer {
  margin-bottom: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 40px;
  padding-right: 16px;
  padding-bottom: 40px;
  padding-left: 16px;
  background-color: #e9eef4;
}
@media (min-width: 768px) {
  .url-sharer {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: baseline;
        align-items: baseline;
    padding: 40px;
  }
}
.url-sharer__label {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-right: 8px;
}
.url-sharer__input {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 100%;
  height: 44px;
  border: 1px dashed #c0c6cf;
  border-radius: 0.5rem;
  margin-bottom: 16px;
  padding-right: 12px;
  padding-left: 12px;
  color: currentColor;
}
@media (min-width: 768px) {
  .url-sharer__input {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .url-sharer__input {
    width: 400px;
  }
}
@media (min-width: 768px) {
  .url-sharer__button {
    position: relative;
    left: -1px;
  }
}
.user-info {
  display: block;
  -ms-flex-align: center;
      align-items: center;
  margin: 8px 0 16px 0;
}
.user-info__icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #c0c6cf;
  display: block;
  margin: 0 auto 16px auto;
}
@media (min-width: 1024px) {
  .user-info__icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
  }
}
.user-info__username {
  position: relative;
  display: inline-block;
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
  font-weight: bold;
  /* [1] */
}
.user-info__rank {
  margin-bottom: 16px;
}
.user-info__status {
  position: absolute;
  top: 8px;
  right: -16px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #63c637;
}
.user-info__status--online {
  background-color: #63c637;
}
.user-info__status--offline {
  background-color: #eb4e34;
}
.user-progressbar {
  display: -ms-flexbox;
  display: flex;
  margin: 32px 0 28px 0;
}
@media (min-width: 1024px) {
  .user-progressbar {
    padding: 34px 32px 34px 24px;
    margin-bottom: 0;
  }
}
.user-progressbar__info {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-top: 4px;
}
.user-progressbar__icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #c0c6cf;
  margin-right: 16px;
}
@media (min-width: 1024px) {
  .user-progressbar__icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-right: 24px;
  }
}
.user-progressbar__username {
  margin: 0;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  /* [1] */
}
@media (min-width: 1024px) {
  .user-progressbar__username {
    font-size: 18px;
    line-height: 1.25;
  }
}
@media (min-width: 1024px) {
  .user-progressbar--border {
    border: 1px solid #c0c6cf;
    border-radius: 0.5rem;
  }
}
.user-study-tile {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  position: relative;
  padding: 0;
  cursor: auto;
  /**
     * Obrázek školy
     *
     * [1] Odstranění místa pod obrázkem, viz https://stackoverflow.com/a/7774854
     */
}
.user-study-tile:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.user-study-tile:active,
.user-study-tile:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .user-study-tile {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .user-study-tile:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .user-study-tile {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .user-study-tile:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .user-study-tile--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .user-study-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .user-study-tile--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .user-study-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .user-study-tile--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.user-study-tile:hover,
.user-study-tile:active,
.user-study-tile:focus {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.user-study-tile__image {
  display: block;
  /* [1] */
  max-width: 100%;
}
.user-study-tile__text {
  padding: 16px;
}
.user-study-tile__heading {
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
}
.user-study-tile__subheading {
  margin-top: 10.4px;
  font-size: 14px;
  line-height: 1;
  color: #6F7780;
}
.user-study-tile__firstLine {
  margin-top: 4px;
  font-size: 14px;
  line-height: 1;
  color: #6F7780;
}
.user-study-tile__school-icon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  color: rgba(111, 119, 128, 0.5);
}
.user-study-tile__edit-button {
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  position: absolute;
  top: 12px;
  right: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #4F4F4F;
  background: white;
}
.user-study-tile__edit-button:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.user-study-tile__edit-button:active,
.user-study-tile__edit-button:focus {
  box-shadow: none;
}
.user-study-tile__edit-icon {
  width: 24px;
  height: 24px;
}
.wizard {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 464px;
  padding: 0;
  text-transform: uppercase;
  counter-reset: wizard-counter;
  list-style: none;
  /**
     * Krok
     */
  /**
     * Neviditelná klikací plocha přes celý krok :-)
     */
}
.wizard__step {
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-align: center;
      align-items: center;
  font-weight: bold;
  counter-increment: wizard-counter;
  /**
         * Čísla
         */
  /**
         * První číslo
         */
  /**
         * Poslední číslo
         */
  /**
         * Spojnice obecná
         */
  /**
         * Aktivní krok
         */
}
.wizard__step::before {
  content: counter(wizard-counter);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 0.5rem;
  margin-bottom: 8px;
  background-color: #35373f;
  color: white;
}
.wizard__step:first-of-type {
  /**
             * Spojnice prvního a druhého čísla
             */
}
.wizard__step:first-of-type::after {
  left: 25%;
  width: 50%;
}
.wizard__step:last-of-type {
  /**
             * Spojnice předposledního a posledního čísla
             */
}
.wizard__step:last-of-type::after {
  left: -25%;
  width: 50%;
}
.wizard__step::after {
  content: '';
  position: relative;
  top: -48px;
  z-index: -1;
  width: 100%;
  height: 1px;
  background: #5b5d67;
}
.wizard__step--with-link::after {
  position: relative;
  top: -24px;
}
.wizard__step--active {
  /**
             * Číslo aktivního kroku
             */
}
.wizard__step--active::before {
  background-color: #fc0;
  color: #35373f;
}
.wizard__link {
  position: absolute;
  padding-top: 38px;
}
.wizard__link:hover {
  text-decoration: underline;
}
.abuse {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 16px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 16px;
}
.abuse--miniLayout {
  display: block;
  padding: 0;
}
.abuse__icon {
  padding: 6.4px;
  height: 27.2px;
  width: 27.2px;
}
.abuse__text {
  font-size: 16px;
  line-height: 1.25;
  text-align: left;
}
.abuse__button {
  margin-right: 16px;
}
.article-box {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0;
}
.article-box:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.article-box:active,
.article-box:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .article-box {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .article-box:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .article-box {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .article-box:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .article-box--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .article-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .article-box--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .article-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .article-box--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.article-box__image {
  max-width: 100%;
  border-top-right-radius: 3.2px;
  border-top-left-radius: 3.2px;
}
.article-box__text {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 12px 16px 16px 16px;
}
.article-box__title {
  margin-bottom: 0.5em;
  font-size: 18px;
  font-weight: bold;
}
.article-detail__title {
  position: relative;
  display: inline-block;
  /* [1] */
  width: 100%;
  /* [1] */
  margin-bottom: 8px;
  word-wrap: break-word;
  /* [1] */
}
.article-detail__perex {
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 26px;
}
.article-detail__cover-photo {
  width: 100%;
  margin-bottom: 8px;
}
.article-list {
  /**
     * Textový obsah dlaždice s článkem
     *
     * [1] Zarovnání na střed kvůli CTA tlačítku
     */
}
.article-list__article {
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  overflow: hidden;
  display: block;
  width: 100%;
  margin-bottom: 32px;
}
.article-list__article:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.article-list__article:active,
.article-list__article:focus {
  box-shadow: none;
}
.article-list__article:hover .article-list__image {
  transform: scale(1.025);
  filter: grayscale(0%);
}
.article-list__article:last-of-type {
  margin-bottom: 0;
}
.article-list__cover {
  position: relative;
  overflow: hidden;
  border: 0;
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 */
  text-align: center;
  width: 100%;
}
.article-list__image {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  transform: none;
  filter: none;
  transition: all 300ms;
}
@media (min-width: 1024px) {
  .article-list__image {
    transform: scale(1.01);
    filter: grayscale(25%);
  }
}
.article-list__text {
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  text-align: center;
  /* [1] */
}
.article-list__title {
  margin-bottom: 16px;
  text-align: left;
}
.article-list__perex {
  margin-top: 0;
  text-align: left;
}
.board__cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0px 0 20px 0;
}
.board__card {
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  margin: 0 4% 4% 0;
  padding: 24px 8px;
  font-size: 28px;
  width: 48%;
  font-weight: bold;
  text-align: center;
}
.board__card:nth-child(2n) {
  margin-right: 0;
}
.board__card:last-child {
  margin-right: 0;
}
.board__card--with-title {
  padding-top: 4px !important;
}
@media (min-width: 1024px) {
  .board__card {
    margin: 0 20px 20px 0;
    padding: 24px 8px;
    font-size: 28px;
    max-width: 168px;
  }
  .board__card:nth-child(2n) {
    margin-right: 20px;
  }
}
.board__card-icon {
  width: 32px;
  vertical-align: middle;
  margin-left: 4px;
}
.board__card-title {
  width: 100%;
  font-size: 18px;
  position: relative;
  bottom: 16px;
}
.boxes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
}
.buy-box {
  margin-bottom: 16px;
  /**
     * Obrázek banánů
     *
     * [1] Pootočení ikony
     * [2] Odsazení od textu
     */
  /**
     * Tlačítko na stažení materiálu
     *
     * [1] Odstranění odsazení, které má standardní `form`.
     */
}
.buy-box__row {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  padding-bottom: 0;
  border: 1px solid #c0c6cf;
  border-bottom-color: transparent;
  border-radius: 0;
}
.buy-box__row:hover {
  background-color: #e9eef4;
}
.buy-box__row[data-disabled="true"] input,
.buy-box__row[data-disabled="true"] label {
  cursor: not-allowed;
}
.buy-box__row--first {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.buy-box__row--last {
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.buy-box__row--last:hover {
  background-color: transparent;
}
.buy-box__row label {
  width: 100%;
  display: block;
  padding: 16px;
  cursor: pointer;
}
.buy-box__reason-line {
  margin-left: 28px;
  color: #5b5d67;
  font-size: smaller;
}
.buy-box__icon {
  width: 48px;
  height: 48px;
  margin-right: 16px;
  /* [2] */
  fill: #fc0;
  transform: rotate(-25deg);
  /* [1] */
}
.buy-box__middle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: baseline;
      align-items: baseline;
}
.buy-box__link {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
.buy-box__link:hover {
  text-decoration: none;
}
.buy-box__price {
  font-weight: bold;
  /* [1] */
}
@media (min-width: 1024px) {
  .buy-box__price {
    font-size: 18px;
  }
}
.buy-box__button {
  margin: 0;
  /* [1] */
}
.buy-box__button .form-group {
  margin: 0;
  /* [1] */
}
.buy-box__guest {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  padding: 40px;
  padding-top: 16px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  text-align: center;
}
.buy-box__register {
  font-weight: bold;
}
.buy-rating-extended__button-wrap {
  position: relative;
}
.buy-rating-extended__text-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.buy-rating-extended__text-row--text {
  margin: 0;
  margin-bottom: 20px;
}
.buy-rating-extended__text-row--text--ugly {
  color: transparent;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.buy-rating-extended__form {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
.buy-rating-extended__form .form .form-group {
  margin-bottom: 0;
}
.buy-rating-extended__form .button {
  min-width: 220px;
  padding-left: 32px;
  padding-right: 32px;
}
.buy-rating-extended__feedbackHint {
  color: #8491a2;
}
.buy-rating-extended__feedbackRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  z-index: 2;
}
.commerceOld__footer-header {
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 6px;
  padding-left: 0;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: #5b5d67;
}
.commerceOld__footer,
.commerceOld__leader,
.commerceOld__question-rectangle {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 46.875%;
  border: 0;
}
@media (min-width: 1024px) {
  .commerceOld__footer,
  .commerceOld__leader,
  .commerceOld__question-rectangle {
    height: 150px;
    padding-top: 0;
    padding-right: 8px;
    padding-bottom: 0;
    padding-left: 8px;
  }
}
.commerceOld__footer iframe,
.commerceOld__leader iframe,
.commerceOld__question-rectangle iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
@media (min-width: 641px) {
  .commerceOld__leader {
    padding-top: 15.24390244%;
  }
}
@media (min-width: 1024px) {
  .commerceOld__leader {
    padding-top: 0;
    margin-bottom: 8px;
  }
}
@media (min-width: 1024px) {
  .commerceOld__leader iframe {
    width: 984px;
  }
}
@media (min-width: 641px) {
  .commerceOld__footer {
    padding-top: 15%;
  }
}
@media (min-width: 1024px) {
  .commerceOld__footer {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1024px) {
  .commerceOld__footer iframe {
    width: 1000px;
  }
}
@media (min-width: 641px) {
  .commerceOld__question-rectangle {
    padding-top: 16.59292035%;
  }
}
@media (min-width: 1024px) {
  .commerceOld__question-rectangle {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1024px) {
  .commerceOld__question-rectangle iframe {
    width: 904px;
  }
}
.commerceOld__ad-label {
  color: #5b5d67;
  font-size: 12px;
  line-height: 20px;
  text-align: right;
  margin-top: 16px;
}
.cookie-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 500;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 12px;
  border-top: 1px solid #5b5d67;
  color: white;
  background-color: rgba(53, 55, 63, 0.97);
  text-align: center;
}
@media (min-width: 768px) {
  .cookie-bar {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.cookie-bar__headline {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 6px;
}
@media (min-width: 425px) {
  .cookie-bar__headline {
    font-size: 22px;
    margin: 6px 8px 8px;
  }
}
.cookie-bar__message {
  margin: 0 auto 16px;
  max-width: 425px;
}
.cookie-bar__buttons {
  max-width: 425px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0 auto 8px;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 425px) {
  .cookie-bar__buttons {
    margin: 0 auto 16px;
  }
}
.cookie-bar__btn {
  width: 50%;
}
.cookie-bar__btn .button {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 320px) {
  .cookie-bar__btn .button {
    padding-left: 36px;
    padding-right: 36px;
  }
}
@media (min-width: 425px) {
  .cookie-bar__btn .button {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (min-width: 425px) {
  .cookie-bar__btn {
    width: auto;
  }
}
.cookie-bar__btn--deny {
  width: 100%;
  padding-top: 12px;
}
.cookie-bar__btn--deny a {
  text-decoration: underline;
  display: inline-block;
}
.cookie-bar__btn--deny a:hover {
  text-decoration: none;
}
@media (min-width: 425px) {
  .cookie-bar__btn--deny {
    padding: 0;
    width: auto;
  }
}
.cookie-bar__setup {
  max-width: 425px;
}
.cookie-setup {
  padding-top: 4px;
}
.cookie-setup__row {
  margin-bottom: 16px;
  padding-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-bottom: 1px solid #d1d6dc;
}
.cookie-setup__row:first-child {
  border-top: 1px solid #d1d6dc;
  padding-top: 16px;
}
.cookie-setup__row-label {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 2px;
}
.cookie-setup__row-text {
  width: 100%;
  max-width: 416px;
}
.cookie-setup__row-button {
  width: 100px;
  color: #44b735;
  font-weight: bold;
  padding-bottom: 8px;
  padding-right: 12px;
  text-align: right;
}
.cookie-setup__btns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 400px;
  margin: 0 auto;
}
@media (min-width: 425px) {
  .cookie-setup__btns {
    margin: 32px auto 0;
  }
}
.cookie-setup__btns .button {
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 425px) {
  .cookie-setup__btns .button {
    padding-left: 48px;
    padding-right: 48px;
  }
}
/**
 * Přehled nových entit na nástěnce
 *
 * [1] Zajištění, aby byl vidět spodní stín tlačítka
 */
.dashboard-columns {
  overflow: hidden;
  padding-bottom: 8px;
  /* [1] */
}
.dashboard-columns__tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100vw;
  padding-top: 16px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 32px;
  box-shadow: 0 1rem 1rem #c0c6cf;
  list-style: none;
}
@media (min-width: 768px) {
  .dashboard-columns__tabs {
    -ms-flex-pack: start;
        justify-content: flex-start;
    width: 100%;
    padding-top: 12px;
    padding-right: 32px;
    padding-bottom: 0;
    padding-left: 24px;
    margin-bottom: 16px;
    box-shadow: none;
  }
}
@media (min-width: 1024px) {
  .dashboard-columns__tabs {
    padding-right: 64px;
    padding-left: 56px;
  }
}
.dashboard-columns__tab {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 32%;
  padding: 8px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 1;
}
.dashboard-columns__tab:last-of-type {
  margin-right: 0;
}
@media (min-width: 768px) {
  .dashboard-columns__tab {
    -ms-flex-direction: row;
        flex-direction: row;
    width: 32%;
    padding-right: 0;
    padding-bottom: 8px;
    padding-left: 0;
    margin-right: 2%;
    font-size: 20px;
    font-weight: bold;
  }
}
.dashboard-columns__tab--active {
  border-bottom: 2px solid #353741;
  font-weight: bold;
}
@media (min-width: 768px) {
  .dashboard-columns__tab--active {
    border-bottom: none;
  }
}
.dashboard-columns__icon {
  width: 16px;
  height: 16px;
  margin-bottom: 8px;
  color: #6F7780;
}
@media (min-width: 768px) {
  .dashboard-columns__icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-bottom: 0;
  }
}
.dashboard-columns__panes {
  display: -ms-flexbox;
  display: flex;
  padding-right: 16px;
  padding-left: 16px;
}
@media (min-width: 1024px) {
  .dashboard-columns__panes {
    padding-right: 48px;
    padding-left: 48px;
  }
}
.dashboard-columns__pane {
  display: none;
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
}
@media (min-width: 768px) {
  .dashboard-columns__pane {
    display: block;
    width: 33%;
  }
}
.dashboard-columns__pane--active {
  display: block;
}
.dashboard-columns__single-button {
  display: block;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .dashboard-columns__single-button {
    display: none;
  }
}
.dashboard-columns__embracing-button {
  display: none;
}
@media (min-width: 768px) {
  .dashboard-columns__embracing-button {
    display: block;
    margin: 0 auto;
  }
}
.dashboard-columns__base-loader-item {
  margin: auto;
  border: 16px solid #f3f3f3;
  border-top-color: #c6c6c6;
  margin-top: 90px;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (min-width: 768px) {
  .dashboard-columns__base-loader-item {
    margin-top: 55px;
    margin-bottom: 32px;
  }
}
.dashboard-columns .dashboard-report-new {
  margin: 32px 16px 0 16px;
}
@media (min-width: 768px) {
  .dashboard-columns .dashboard-report-new {
    margin-top: 6px;
  }
}
.dashboard-columns .dashboard-report-new .board__cards {
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 0;
}
.dashboard-intro__cols {
  margin-bottom: 12px;
}
@media (min-width: 1024px) {
  .dashboard-intro__cols {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: normal;
        align-items: normal;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 14px;
  }
}
.dashboard-intro .user-info-pane {
  margin: 32px 0 0 0;
}
.dashboard-intro__upper {
  margin-bottom: 8px;
}
.dashboard-intro__col {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
@media (min-width: 1024px) {
  .dashboard-intro__col:nth-of-type(1) {
    -ms-flex-preferred-size: 438px;
        flex-basis: 438px;
  }
  .dashboard-intro__col:nth-of-type(2) {
    -ms-flex-preferred-size: 438px;
        flex-basis: 438px;
  }
}
.dashboard-intro__footer {
  text-align: center;
  color: #5b5d67;
  padding: 2px 0;
  margin-bottom: 48px;
  line-height: 1.75;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  .dashboard-intro__footer {
    text-align: right;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.dashboard-intro__footer--junior .dashboard-intro__col:nth-of-type(1) {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.dashboard-intro__footer--junior .dashboard-intro__col:nth-of-type(2) {
  display: none;
}
.discussion {
  padding-bottom: 40px;
}
.discussion__master-wrap {
  width: 100%;
  border-bottom: 1px solid #e9eef4;
  padding-bottom: 21px;
}
.discussion__entry {
  padding-top: 32px;
}
.discussion__entry--slave {
  padding-top: 0;
  margin-left: 17.6px;
  margin-top: 32px;
  padding-left: 32px;
  padding-bottom: 12px;
  border-left: 1px solid #c0c6cf;
}
.discussion .dislike-explain-prompt {
  margin: 0 0 20px 0;
  background-color: #fff4cc;
  padding: 12px;
}
.download-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px 24px;
  margin-bottom: 16px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  /**
     * Obrázek banánů
     *
     * [1] Pootočení ikony
     * [2] Odsazení od textu
     */
  /**
     * Tlačítko na stažení materiálu
     *
     * [1] Odstranění odsazení, které má standardní `form`.
     * [2] Nativní
     */
}
.download-box:hover,
.download-box:active,
.download-box:focus {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.download-box__icon {
  width: 48px;
  height: 48px;
  margin-right: 16px;
  /* [2] */
  fill: #fc0;
  transform: rotate(-25deg);
  /* [1] */
}
.download-box__middle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
}
@media (min-width: 375px) {
  .download-box__middle {
    margin-right: 24px;
  }
}
@media (min-width: 1024px) {
  .download-box__middle {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.download-box__link {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
.download-box__link:hover {
  text-decoration: none;
}
.download-box__price {
  font-weight: bold;
}
@media (min-width: 1024px) {
  .download-box__price {
    font-size: 18px;
  }
}
.download-box__button.form {
  margin: 0;
  /* [1] */
}
.download-box__button.form .form-group {
  margin: 0;
  /* [1] */
}
.download-box__button.form .button {
  padding-right: 24px;
  padding-left: 24px;
}
@media (min-width: 425px) {
  .download-box__button.form .button {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.material-detail__rate-this {
  margin-top: 24px;
  margin-bottom: 4px;
  font-weight: bold;
}
.ekokom-accordion {
  padding-bottom: 48px;
}
.ekokom-accordion .js-Accordion-content {
  overflow: hidden;
  height: 0;
  padding: 0 32px;
  line-height: 1.5;
  transition: all 300ms linear;
}
.ekokom-accordion__title {
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  border-top: 1px solid #d1d6dc;
  border-right: none;
  border-bottom: none;
  border-left: none;
  margin-top: 16px;
  color: currentColor;
  background-color: transparent;
  text-align: left;
  line-height: 40px;
  cursor: pointer;
}
.ekokom-accordion__title:hover {
  background-color: #e9eef4;
}
.ekokom-accordion__caret {
  margin-right: 8px;
}
.ekokom-accordion__table {
  width: 100%;
}
@media (min-width: 1024px) {
  .ekokom-accordion__table {
    width: 50%;
  }
}
.ekokom-accordion__table tr:nth-child(-n+3) {
  font-weight: bold;
}
.ekokom-competition {
  padding-bottom: 32px;
}
.ekokom-competition__score {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  /* [1] */
  cursor: default;
  margin-top: 8px;
  padding: 20px 28px;
  max-width: 400px;
  background-color: white;
  font-size: 18px;
  line-height: 1.75;
}
.ekokom-competition__score:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.ekokom-competition__score:active,
.ekokom-competition__score:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ekokom-competition__score {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-competition__score:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .ekokom-competition__score {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .ekokom-competition__score:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .ekokom-competition__score--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-competition__score--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .ekokom-competition__score--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .ekokom-competition__score--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .ekokom-competition__score--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.ekokom-competition__button {
  margin: 4px 0 8px 0;
}
.ekokom-options {
  padding-bottom: 32px;
}
.ekokom-options__heading {
  padding-top: 24px;
  margin-bottom: 32px;
  text-align: center;
  font-size: 32px;
}
.ekokom-options__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 16px;
}
.ekokom-options__icon {
  max-width: 40px;
}
@media (min-width: 425px) {
  .ekokom-options__icon {
    max-width: 120px;
  }
}
.ekokom-options__text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  max-width: 400px;
  padding-left: 5%;
}
@media (min-width: 1024px) {
  .ekokom-options__text {
    max-width: 50%;
  }
}
.ekokom-promo-section {
  padding-top: 56px;
  padding-bottom: 16px;
  background-color: #f0ffff;
  color: #494848;
  /**
     * Kontejner obsahu sekce (kvůli zalomení textu)
     *
     * [1] Pouze pro velikosti od „tabletu“ nahoru
     */
}
@media (min-width: 768px) {
  .ekokom-promo-section {
    background-image: url('/images/ekokom/promo-bg.jpg');
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
  }
}
.ekokom-promo-section__container {
  /* [1] */
}
@media (min-width: 768px) {
  .ekokom-promo-section__container {
    width: 45%;
  }
}
.ekokom-promo-section__title {
  margin-top: 0;
  color: #5fa032;
}
.ekokom-promo-section__description {
  margin-bottom: 32px;
}
.ekokom-promo-section__button {
  margin-bottom: 16px;
}
.ekokom-promo-section__games {
  margin-bottom: 0;
}
.faculties-list {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .faculties-list {
    margin-bottom: 48px;
  }
}
.faculties-list__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 16px 0;
  border-bottom: 1px solid #d1d6dc;
  margin: 0;
}
@media (min-width: 768px) {
  .faculties-list__item {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
    padding-top: 12px;
    padding-bottom: 12px;
    list-style-type: disc;
  }
  .faculties-list__item:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .faculties-list__item {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .faculties-list__item:nth-of-type(2n) {
    margin-right: 2%;
  }
  .faculties-list__item:nth-of-type(3n) {
    margin-right: 0;
  }
}
.faculties-list__item:last-of-type {
  border: none;
}
@media (min-width: 768px) {
  .faculties-list__item:last-of-type {
    border-bottom: 1px solid #d1d6dc;
  }
}
.faculties-list__bullet {
  display: none;
}
@media (min-width: 1024px) {
  .faculties-list__bullet {
    display: inline-block;
    margin-right: 8px;
  }
}
.faculties-list__link {
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #35373f;
  width: 100%;
  text-decoration: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (min-width: 1024px) {
  .faculties-list__link {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
.faculties-list__link:hover {
  color: #2098ec;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
.faculties-list__arrow {
  height: 14.4px;
  width: 14.4px;
  margin-right: 8px;
  background-color: #e9eef4;
  padding: 3.2px;
  border-radius: 100%;
  -ms-flex-order: 2;
      order: 2;
}
@media (min-width: 1024px) {
  .faculties-list__arrow {
    -ms-flex-order: -1;
        order: -1;
  }
}
.favourite {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px;
  border-radius: 0.5rem;
  background-color: #e9eef4;
}
.favourite__button {
  margin-right: 16px;
}
.favourite__text {
  font-size: 14px;
  line-height: 1.25;
  text-align: left;
}
.favourite__strong {
  font-size: 16px;
  font-weight: bold;
  /* [1] */
}
@media (min-width: 1024px) {
  .favourite__strong {
    display: inline-block;
  }
}
.feedback__row {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 32px;
}
.filter {
  position: relative;
  padding: 16px;
  border-radius: 0.5rem;
  background-color: #e9eef4;
  color: #2152d9;
  margin-bottom: 24px;
}
.filter__search-cross {
  position: absolute;
  cursor: pointer;
  right: 24px;
  width: 22px;
  top: 53px;
  height: 24px;
  color: #787878;
}
@media (min-width: 768px) {
  .filter__search-cross {
    position: absolute;
    cursor: pointer;
    right: 70%;
    top: 43%;
    height: 24px;
  }
}
.filter__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #35373f;
  margin-top: 4.8px;
  margin-bottom: 4.8px;
}
.filter__content--visible {
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .filter__content {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.filter__label {
  display: block;
  width: 50%;
  font-weight: bold;
}
@media (min-width: 768px) {
  .filter__label {
    display: inline;
  }
}
.filter__column {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-bottom: 16px;
  margin-right: 0;
}
@media (min-width: 768px) {
  .filter__column {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    display: block;
    height: 80px;
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.filter__column:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.filter__button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.filter .button--tick .button__icon {
  width: 40px;
}
.filter__input {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.filter__input .disabled__button {
  cursor: not-allowed;
  pointer-events: none;
}
.filter .filter__input .form-control {
  padding: 0 10px;
  width: calc(95%);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.filter__input-description {
  width: 100%;
}
.filter__loading-overlay--loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: initial;
}
.filter.filter--event {
  margin-bottom: 48px;
}
.flash-messages {
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  position: fixed;
  z-index: 1025;
  top: 0;
  width: 100%;
}
/**
 * Zápatí webu
 */
.footer {
  position: relative;
  background-color: #36363e;
  color: white;
  /**
     * Nadpis sekce odkazů ve sloupci
     */
  /**
     * Seznam odkazů
     */
  /**
     * Logo společnosti v zápatí
     */
  /**
     * Odkaz na profil na sociální síti
     *
     * [1] Odstranění divného přebytečného místa okolo prvku
     */
}
.footer__columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 24px;
  padding-right: 48px;
  padding-bottom: 24px;
  padding-left: 48px;
}
@media (min-width: 1024px) {
  .footer__columns {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.footer__column {
  width: 100%;
}
@media (min-width: 425px) {
  .footer__column {
    width: 50%;
    padding-bottom: 32px;
  }
}
@media (min-width: 1024px) {
  .footer__column {
    width: 25%;
    padding-bottom: 0;
  }
}
.footer__subtitle {
  margin-top: 24px;
  margin-right: 0;
  margin-bottom: 12px;
  margin-left: 0;
  color: #bfbfbf;
}
@media (min-width: 425px) {
  .footer__subtitle {
    margin-top: 0;
  }
}
.footer__links {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer__partner {
  transition: filter 300ms;
}
.footer__partner:hover {
  filter: grayscale(0);
}
.footer__partner:first-of-type {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .footer__partner {
    filter: grayscale(1);
  }
}
.footer__logo {
  width: 120px;
}
@media (min-width: 768px) {
  .footer__socials {
    -ms-flex-order: 2;
        order: 2;
  }
}
.footer__social {
  margin-right: 4px;
  margin-left: 4px;
  font-size: 0;
}
.footer__social-icon {
  width: 24px;
  height: 24px;
}
.footer__social-icon--facebook {
  border-radius: 20%;
  color: #3b579d;
  background-color: white;
}
.footer__social-icon--facebook:hover {
  color: #3b579d;
  background-color: white;
}
.footer__social-icon--instagram {
  border-radius: 7px;
  color: white;
  background: #f09433;
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}
.footer__social-icon--instagram:hover {
  color: white;
  background: #f09433;
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}
@media (min-width: 1024px) {
  .footer__social-icon {
    color: #808080;
    background-color: transparent;
    transition: all 300ms;
    background: none;
  }
}
.footer__end {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 48px;
  color: #808080;
  background-color: #28282e;
}
@media (min-width: 768px) {
  .footer__end {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.footer__sign {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .footer__sign {
    -ms-flex-order: 1;
        order: 1;
    width: 50%;
    margin-top: 0;
  }
}
.footer__text:first-of-type {
  margin-top: 0;
}
.footer__text:last-of-type {
  margin-bottom: 0;
}
.form {
  font-size: 16px;
  text-align: left;
  /**
     * [1] Vypnutí nativního vzhledu `<select>`, bez kterého nefunguje vlastnost `padding` atd.
     */
  /**********************************************************************************************************************/
  /**
     * Seznam všeobecných chyb a oznámení po neúspěšném odeslání formuláře
     */
}
.form--full-width {
  width: 100%;
}
.form .form-control {
  display: block;
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  font-weight: normal;
  line-height: 20px;
  background-color: white;
  color: #35373f;
  box-shadow: inset 0 1px 0 0 #cdd1d9;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form .form-control:focus {
  border-color: #2098ec;
  background-color: #fff;
}
.form__label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.form__link {
  color: #2152d9;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
.form__link:hover,
.form__link:focus {
  color: #2098ec;
  text-decoration: none;
}
.form__validator {
  position: absolute;
  right: 14px;
  top: 36px;
  width: 16px;
}
.form__validator-icon--ok {
  fill: #44b735;
}
.form__validator-icon--waiting {
  animation-name: spin8;
  animation-duration: 750ms;
  animation-timing-function: step-start;
  animation-iteration-count: infinite;
  fill: currentColor;
}
@keyframes spin8 {
  0% {
    transform: rotate(0);
  }
  12.5% {
    transform: rotate(45deg);
  }
  25% {
    transform: rotate(90deg);
  }
  37.5% {
    transform: rotate(135deg);
  }
  50% {
    transform: rotate(180deg);
  }
  62.5% {
    transform: rotate(225deg);
  }
  75% {
    transform: rotate(270deg);
  }
  87.5% {
    transform: rotate(315deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.form__validator-icon--warning {
  fill: #ed3f32;
}
.form__error-message {
  color: #ed3f32;
  font-size: 14px;
  line-height: 32px;
  text-align: right;
}
.form input[type="radio"],
.form input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.form select {
  background-image: url('/images/icons/fa-caret-down.svg');
  background-repeat: no-repeat;
  background-size: 2.5rem;
  background-position: right 8px center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* [1] */
}
.form .form-control:-ms-input-placeholder {
  color: #5b5d67;
}
.form .form-control::placeholder {
  color: #5b5d67;
}
.form .form-control:disabled,
.form .form-control[readonly] {
  background-color: #eceeef;
  opacity: 1;
}
.form .form-control:disabled {
  cursor: not-allowed;
}
.form .form-control-file,
.form .form-control-range {
  display: block;
}
.form .col-form-label {
  padding-top: calc(-1.5rem);
  padding-bottom: calc(-1.5rem);
  margin-bottom: 0;
}
.form .col-form-label-lg {
  padding-top: calc(-1.25rem);
  padding-bottom: calc(-1.25rem);
}
.form .col-form-label-sm {
  padding-top: calc(-1.75rem);
  padding-bottom: calc(-1.75rem);
}
.form .col-form-legend {
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 0;
}
.form .form-control-static {
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 0;
  line-height: 1.25;
  border: solid transparent;
  border-width: 1px 0;
}
.form .form-control-static.form-control-sm,
.form .input-group-sm > .form-control-static.form-control,
.form .input-group-sm > .form-control-static.input-group-addon,
.form .input-group-sm > .input-group-btn > .form-control-static.btn,
.form .form-control-static.form-control-lg,
.form .input-group-lg > .form-control-static.form-control,
.form .input-group-lg > .form-control-static.input-group-addon,
.form .input-group-lg > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}
.form .form-control-sm,
.form .input-group-sm > .form-control,
.form .input-group-sm > .input-group-addon,
.form .input-group-sm > .input-group-btn > .btn {
  padding: 2px 4px;
  border-radius: 0.2rem;
}
.form select.form-control-sm:not([size]):not([multiple]),
.form .input-group-sm > select.form-control:not([size]):not([multiple]),
.form .input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.form .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 14.5px;
}
.form .form-control-lg,
.form .input-group-lg > .form-control,
.form .input-group-lg > .input-group-addon,
.form .input-group-lg > .input-group-btn > .btn {
  padding: 6px 12px;
  border-radius: 0.3rem;
}
.form select.form-control-lg:not([size]):not([multiple]),
.form .input-group-lg > select.form-control:not([size]):not([multiple]),
.form .input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.form .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 25.333px;
}
.form .form-group {
  position: relative;
  margin-bottom: 20px;
}
.form .form-group__description {
  margin-top: 4px;
  margin-bottom: 0;
  padding-right: 40px;
}
@media (min-width: 1024px) {
  .form .form-group__description {
    margin-bottom: 16px;
  }
}
.form .form-group__text {
  width: 100%;
}
@media (min-width: 1024px) {
  .form .form-group__text {
    width: auto;
  }
}
.form .form-group__stars {
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .form .form-group__stars {
    width: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.form .form-group__hint {
  position: relative;
  bottom: 8px;
}
@media (min-width: 1024px) {
  .form .form-group__hint {
    position: absolute;
    width: 100%;
    text-align: center;
  }
}
.form .form-group--ratings {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid #c0c6cf;
}
@media (min-width: 1024px) {
  .form .form-group--ratings {
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.form .form-text {
  display: block;
  margin-top: 2px;
}
.form .form-check {
  position: relative;
  display: block;
  margin-bottom: 4px;
}
.form .form-check.disabled .form-check-label {
  color: #636c72;
  cursor: not-allowed;
}
.form .form-check-label {
  padding-left: 10px;
  margin-bottom: 0;
  cursor: pointer;
}
.form .form-check-input {
  position: absolute;
  margin-top: 2px;
  margin-left: -10px;
}
.form .form-check-input:only-child {
  position: static;
}
.form .form-check-inline {
  display: inline-block;
}
.form .form-check-inline .form-check-label {
  vertical-align: middle;
}
.form .form-check-inline + .form-check-inline {
  margin-left: 6px;
}
.form .form-control-feedback {
  margin-top: 2px;
}
.form .form-control-success,
.form .form-control-warning,
.form .form-control-danger {
  padding-right: 18px;
  background-repeat: no-repeat;
  background-position: center right 4.5px;
  background-size: 1.125rem 1.125rem;
}
.form .has-success .form-control-feedback,
.form .has-success .form-control-label,
.form .has-success .col-form-label,
.form .has-success .form-check-label,
.form .has-success .custom-control {
  color: #44b735;
}
.form .has-success .form-control {
  border-color: #44b735;
}
.form .has-success .input-group-addon {
  color: #44b735;
  border-color: #44b735;
  background-color: #eaf6ea;
}
.form .has-success .form-control-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}
.form .has-warning .form-control-feedback,
.form .has-warning .form-control-label,
.form .has-warning .col-form-label,
.form .has-warning .form-check-label,
.form .has-warning .custom-control {
  color: #f0ad4e;
}
.form .has-warning .form-control {
  border-color: #f0ad4e;
}
.form .has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-color: white;
}
.form .has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}
.form .has-danger .form-control-feedback,
.form .has-danger .form-control-label,
.form .has-danger .col-form-label,
.form .has-danger .form-check-label,
.form .has-danger .custom-control {
  color: #ed3f32;
}
.form .has-danger .form-control {
  border-color: #ed3f32;
}
.form .has-danger .input-group-addon {
  color: #ed3f32;
  border-color: #ed3f32;
  background-color: #fdf7f7;
}
.form .form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: center;
      align-items: center;
}
.form .form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form .form-inline label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 0;
  }
  .form .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 0;
  }
  .form .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form .form-inline .form-control-static {
    display: inline-block;
  }
  .form .form-inline .input-group {
    width: auto;
  }
  .form .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form .form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
  .form .form-inline .form-check-label {
    padding-left: 0;
  }
  .form .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 2px;
    margin-left: 0;
  }
  .form .form-inline .custom-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding-left: 0;
  }
  .form .form-inline .custom-control-indicator {
    position: static;
    display: inline-block;
    margin-right: 2px;
    vertical-align: text-bottom;
  }
  .form .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form .input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.form .input-group .form-control {
  position: relative;
  z-index: 2;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.form .input-group .form-control:focus,
.form .input-group .form-control:active,
.form .input-group .form-control:hover {
  z-index: 3;
}
.form .input-group-addon,
.form .input-group-btn,
.form .input-group .form-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.form .input-group-addon:not(:first-child):not(:last-child),
.form .input-group-btn:not(:first-child):not(:last-child),
.form .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.form .input-group-addon,
.form .input-group-btn {
  white-space: nowrap;
  vertical-align: middle;
}
.form .input-group-addon {
  padding: 4px 6px;
  margin-bottom: 0;
  font-weight: normal;
  line-height: 1.25;
  color: #464a4c;
  text-align: center;
  background-color: #eceeef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.form .input-group-addon.form-control-sm,
.form .input-group-sm > .input-group-addon,
.form .input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 2px 4px;
  border-radius: 0.2rem;
}
.form .input-group-addon.form-control-lg,
.form .input-group-lg > .input-group-addon,
.form .input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 6px 12px;
  border-radius: 0.3rem;
}
.form .input-group-addon input[type="radio"],
.form .input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.form .input-group .form-control:not(:last-child),
.form .input-group-addon:not(:last-child),
.form .input-group-btn:not(:last-child) > .btn,
.form .input-group-btn:not(:last-child) > .btn-group > .btn,
.form .input-group-btn:not(:last-child) > .dropdown-toggle,
.form .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.form .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.form .input-group-addon:not(:last-child) {
  border-right: 0;
}
.form .input-group .form-control:not(:first-child),
.form .input-group-addon:not(:first-child),
.form .input-group-btn:not(:first-child) > .btn,
.form .input-group-btn:not(:first-child) > .btn-group > .btn,
.form .input-group-btn:not(:first-child) > .dropdown-toggle,
.form .input-group-btn:not(:last-child) > .btn:not(:first-child),
.form .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.form .form-control + .input-group-addon:not(:first-child) {
  border-left: 0;
}
.form .input-group-btn {
  position: relative;
  white-space: nowrap;
}
.form .input-group-btn > .btn {
  position: relative;
  -ms-flex: 1 1;
      flex: 1 1;
}
.form .input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.form .input-group-btn > .btn:focus,
.form .input-group-btn > .btn:active,
.form .input-group-btn > .btn:hover {
  z-index: 3;
}
.form .input-group-btn:not(:last-child) > .btn,
.form .input-group-btn:not(:last-child) > .btn-group {
  margin-right: -1px;
}
.form .input-group-btn:not(:first-child) > .btn,
.form .input-group-btn:not(:first-child) > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.form .input-group-btn:not(:first-child) > .btn:focus,
.form .input-group-btn:not(:first-child) > .btn:active,
.form .input-group-btn:not(:first-child) > .btn:hover,
.form .input-group-btn:not(:first-child) > .btn-group:focus,
.form .input-group-btn:not(:first-child) > .btn-group:active,
.form .input-group-btn:not(:first-child) > .btn-group:hover {
  z-index: 3;
}
.form .control-label {
  margin-bottom: 8px;
  text-align: left;
  font-weight: bold;
  color: #35373f;
}
.form__alert {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px 24px;
  border-radius: 0.5rem;
  margin-bottom: 24px;
  color: white;
  background-color: #ed3f32;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  font-size: 16px;
}
.form__alert a {
  color: white;
}
.form__icon {
  width: 24px;
  height: 24px;
  margin-right: 16px;
}
.form__inline-errors {
  padding: 0;
  margin: 8px 0;
  line-height: 1.1;
  list-style: none;
}
.form__error-list {
  padding: 0;
  width: 100%;
  line-height: 1.1;
  list-style: none;
}
.form__error-list p {
  margin-bottom: 0;
}
.form__error-item {
  color: #ed3f32;
  font-size: 14px;
}
.form__has-error input {
  border-color: #ed3f32;
}
.star-cb-group {
  text-align: right;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  direction: rtl;
}
.star-cb-group input[type="radio"] {
  display: inline;
  opacity: 0;
  position: absolute;
  top: 50%;
  right: 40%;
  width: 1px;
  height: 1px;
}
.star-cb-group input[type="radio"] + label {
  /* only enough room for the star */
  display: inline-block;
  overflow: hidden;
  text-indent: 9999px;
  width: 1em;
  white-space: nowrap;
  cursor: pointer;
  margin-right: 8px;
  font-size: 40px;
  text-align: right;
}
.star-cb-group input[type="radio"] + label:before {
  display: inline-block;
  text-indent: -9999px;
  content: '\2606';
  color: #c0c6cf;
}
@media (min-width: 1024px) {
  .star-cb-group input[type="radio"] + label {
    margin-right: 0;
    font-size: 24px;
  }
}
.star-cb-group input[type="radio"]:checked ~ label:before,
.star-cb-group input[type="radio"] + label:hover ~ label:before,
.star-cb-group input[type="radio"] + label:hover:before {
  content: '\2605';
  color: #fc0;
}
.star-cb-group:hover > input + label:before {
  content: '\2606';
  color: #c0c6cf;
  text-shadow: none;
}
.star-cb-group:hover > input + label:hover ~ label:before,
.star-cb-group:hover > input + label:hover:before {
  content: '\2605';
  color: #fc0;
}
.no-svg .form select {
  background-image: url('/images/fallbacks/fa-caret-down.png');
  background-repeat: no-repeat;
  background-size: contain;
}
.autocomplete-form {
  padding-top: 16px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .autocomplete-form {
    max-width: 448px;
  }
}
.autocomplete-form__input {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
}
.autocomplete-form__text-field {
  display: block;
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  font-weight: normal;
  line-height: 20px;
  background-color: white;
  color: #35373f;
  box-shadow: inset 0 1px 0 0 #cdd1d9;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.autocomplete-form__text-field:focus {
  border-color: #2098ec;
  background-color: #fff;
}
.autocomplete-form__button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.guest-overlay {
  position: absolute;
  left: 0;
  width: 100vw;
  height: 33vh;
  background-color: white;
}
@media (min-width: 768px) {
  .guest-overlay {
    position: relative;
    width: auto;
  }
}
.guest-overlay__container {
  position: absolute;
  top: -70%;
  left: 0;
  z-index: 1024;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100vw;
  max-width: 1000px;
  height: calc(33vh + 10rem);
  padding-top: 80px;
  padding-right: 16px;
  padding-left: 16px;
  background: linear-gradient(transparent 0%, white 50%);
  text-align: center;
}
@media (min-width: 768px) {
  .guest-overlay__container {
    width: 100%;
    height: calc(33vh + 5rem);
    padding-top: 40px;
  }
}
.guest-overlay__warning {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: bold;
  /* [1] */
}
.heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 24px 0;
  /**
     * Samotný text nadpisu
     */
}
@media (min-width: 768px) {
  .heading {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.heading__title {
  position: relative;
  margin: 0;
  font-size: 20px;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .heading__title {
    font-size: 28px;
  }
}
.heading__icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.heading__subtitle {
  display: block;
  margin-top: 12px;
  margin-bottom: 0;
  color: #5b5d67;
  font-size: 20px;
  font-weight: normal;
}
@media (min-width: 768px) {
  .heading__subtitle {
    margin-bottom: 0;
  }
}
.heading__subtitle-link:hover {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
.heading__button {
  width: auto;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .heading__button {
    margin-top: 0;
  }
}
.heading__action-wrapper {
  width: 100%;
  margin-top: 24px;
  text-align: center;
}
@media (min-width: 768px) {
  .heading__action-wrapper {
    width: auto;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .heading {
    padding: 40px 0;
  }
  .heading--smaller-margin-bottom {
    padding: 40px 0 20px 0;
  }
}
/**
 * Info box
 *
 * [1] Na homepage je info-box v nadřazené sekci
 */
.info-box {
  position: relative;
  width: 100%;
  padding: 40px 0;
  background: white;
  text-align: center;
  /* [1] */
}
.info-box__tiles {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.info-box__value {
  font-size: 10.4px;
  line-height: 1;
}
.info-box__caption {
  font-size: 6.4px;
}
.info-box--homepage {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8px 0;
  background-color: transparent;
}
.infopane__card {
  margin-bottom: 12px;
  width: 100%;
}
.infopane .button__title {
  height: 24px;
  overflow: hidden;
  max-width: 216px;
}
.item-box {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  /**
     * Popis materiálu
     */
}
.item-box:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.item-box:active,
.item-box:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .item-box {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .item-box:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .item-box {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .item-box:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .item-box--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .item-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .item-box--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .item-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .item-box--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.item-box__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (min-width: 768px) {
  .item-box__content {
    height: 256px;
  }
}
.item-box__content--masonry {
  height: auto;
}
.item-box__note-icon {
  width: 19px;
  height: 15px;
  margin-right: 8px;
}
.item-box__top {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  overflow-wrap: break-word;
}
.item-box__nwm {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: calc(91%);
}
.item-box__title {
  margin-top: 8px;
  margin-bottom: 16px;
}
.item-box__photo {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.item-box__description {
  margin: 0;
  margin-top: 4px;
  margin-bottom: 12px;
}
.item-box__description-additional {
  margin-top: 12px;
  margin-bottom: 4px;
  color: #787878;
}
.item-box__description-additional-lines {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
  color: #787878;
  -ms-flex-align: start;
      align-items: flex-start;
}
.item-box__description-icon-wrap {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3px;
}
.item-box__bottom {
  position: relative;
  padding-top: 16px;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.item-box__note {
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
}
.item-box__note--strong {
  color: #ff7200;
}
.item-box__statistics {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  height: 40px;
  padding-top: 8px;
  border-top: 1px solid #dde0e5;
  color: #35373f;
  font-size: 14px;
}
.item-box__date {
  margin: 12px 0;
  font-size: 14px;
}
.item-box__secret {
  color: #ff7200;
}
.jumbotron {
  position: relative;
  width: 90%;
  max-width: 500px;
  padding-top: 168px;
  padding-bottom: 32px;
}
@media (min-width: 375px) {
  .jumbotron {
    width: 85%;
  }
}
@media (min-width: 425px) {
  .jumbotron {
    width: 60%;
  }
}
@media (min-width: 768px) {
  .jumbotron {
    width: 55%;
  }
}
@media (min-width: 1024px) {
  .jumbotron {
    width: 45%;
    padding: 80px 0 88px;
  }
}
.jumbotron__title {
  margin-bottom: 16px;
  font-size: 28px;
  line-height: 32px;
  font-weight: normal;
  letter-spacing: -0.01em;
}
@media (min-width: 1024px) {
  .jumbotron__title {
    font-size: 48px;
    line-height: 58px;
  }
}
.jumbotron__titleClaim {
  font-weight: bold;
}
.jumbotron__description {
  margin: 0;
  margin-bottom: 32px;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .jumbotron__description {
    font-size: 24px;
    line-height: 32px;
  }
}
.karma-levels-table {
  min-height: 640px;
}
.karmabanana-intro__cols {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 48px;
}
.karmabanana-intro__panes {
  -ms-flex: 4 1;
      flex: 4 1;
}
.karmabanana-intro__competition {
  -ms-flex: 3 1;
      flex: 3 1;
}
.karmabanana-intro__competitionContainer {
  max-width: 265px;
  margin: auto;
}
.karmabanana-intro__competitionContainer p {
  padding-top: 4px;
}
.karmabanana-intro__competitionContainer img {
  float: right;
  margin: 0 0 8px 8px;
  width: 70px;
}
@media (min-width: 768px) {
  .karmabanana-intro__competitionContainer {
    padding-top: 16px;
  }
}
@media (max-width: 768px) {
  .karmabanana-intro__cols {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .karmabanana-intro__panes,
  .karmabanana-intro__competition {
    -ms-flex: 1 1;
        flex: 1 1;
    /* Makes both take full width */
  }
}
.link-box {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 16px;
}
.link-box:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.link-box:active,
.link-box:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .link-box {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .link-box:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .link-box {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .link-box:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .link-box--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .link-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .link-box--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .link-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .link-box--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.link-box--frame {
  padding: 0;
  overflow: hidden;
}
.link-box--frame iframe {
  border: 0;
  width: 101%;
  height: 60px;
}
@media (min-width: 768px) {
  .link-box--frame iframe {
    height: 180px;
  }
}
.link-box__icon {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  fill: #6c7684;
  color: #6c7684;
}
@media (min-width: 768px) {
  .link-box__icon {
    width: 48px;
    height: 48px;
    -ms-flex-order: 2;
        order: 2;
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.link-box__label {
  width: 100%;
  margin: 0;
}
@media (min-width: 768px) {
  .link-box__label {
    width: inherit;
    -ms-flex-order: 3;
        order: 3;
    margin-bottom: 16px;
    text-align: center;
  }
}
.link-box__counter {
  margin: 0 8px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .link-box__counter {
    height: 24px;
    -ms-flex-order: 1;
        order: 1;
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin: 0;
    margin-bottom: 8px;
  }
}
.link-box__arrow {
  width: 16px;
  height: 16px;
}
@media (min-width: 768px) {
  .link-box__arrow {
    display: none;
  }
}
@media (min-width: 768px) {
  .link-box {
    -ms-flex-direction: column;
        flex-direction: column;
    height: inherit;
  }
}
.link-box-small {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px;
}
.link-box-small:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.link-box-small:active,
.link-box-small:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .link-box-small {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .link-box-small:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .link-box-small {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .link-box-small:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .link-box-small--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .link-box-small--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .link-box-small--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .link-box-small--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .link-box-small--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.link-box-small__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
@media (min-width: 768px) {
  .link-box-small__wrap {
    -ms-flex-order: 3;
        order: 3;
    -ms-flex-align: center;
        align-items: center;
    padding: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.link-box-small__icon {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  fill: #6c7684;
}
@media (min-width: 768px) {
  .link-box-small__icon {
    -ms-flex-order: 2;
        order: 2;
    width: 48px;
    height: 48px;
    margin-right: 0;
  }
}
.link-box-small__label {
  margin: 0;
  font-size: 22.4px;
}
@media (min-width: 768px) {
  .link-box-small__label {
    -ms-flex-order: 3;
        order: 3;
    width: inherit;
    padding-left: 8px;
    text-align: center;
  }
}
.link-box-small__counter {
  -ms-flex-order: 3;
      order: 3;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-right: 8px;
  margin: 0 8px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .link-box-small__counter {
    position: absolute;
    display: block;
    -ms-flex-order: 1;
        order: 1;
    margin: 0;
    padding-right: 0;
  }
}
.link-box-small__arrow {
  -ms-flex-order: 4;
      order: 4;
  width: 16px;
  height: 16px;
}
@media (min-width: 768px) {
  .link-box-small__arrow {
    display: none;
  }
}
@media (min-width: 768px) {
  .link-box-small {
    -ms-flex-direction: column;
        flex-direction: column;
    height: inherit;
  }
}
.list-link-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}
.list-link-box .link-box-small {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .list-link-box .link-box-small {
    margin-right: 0;
    margin-bottom: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.list-link-box__list {
  background-color: #e9eef4;
  padding: 16px;
  margin-bottom: 16px;
  width: 100%;
}
@media (min-width: 768px) {
  .list-link-box__list {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}
.list-link-box__list-label {
  font-size: 17.6px;
  margin: 0;
  padding-bottom: 4px;
}
.list-link-box__tags-link {
  margin-right: 20.8px;
  text-decoration: underline;
  color: #5b5d67;
  font-size: 14.4px;
  line-height: 32px;
}
.list-link-box__tags-link:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .list-link-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
        flex-flow: row;
    margin-bottom: 16px;
  }
}
.material-ai-generate-test {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.material-ai-generate-test__loader {
  width: 48px;
  height: 48px;
  position: relative;
}
.material-ai-generate-test__loader .spinner {
  fill: #2152d9;
}
.material-ai-generate-test__message {
  margin-top: 8px;
}
.material-ai-generate-test__text {
  text-align: left;
  width: 100%;
}
.material-detail {
  /**
     * Název materiálu
     */
  /**
     * Odkaz na hodnocení a jejich počet
     *
     * [1] Vertikální zarovnání textu a SVG na střed.
     */
}
.material-detail__title {
  display: block;
}
.material-detail__review {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 16px;
}
.material-detail__ratings {
  margin-right: 16px;
}
.material-detail__discussion {
  margin-bottom: 40px;
}
.material-detail__comments {
  /* [1] */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #2152d9;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
.material-detail__comments:hover {
  text-decoration: underline;
}
.material-detail__link {
  width: 12px;
  height: 12px;
  margin-left: 4px;
}
.material-detail .discussion {
  margin-top: -12px;
}
.my-study__boxes {
  margin-bottom: 0;
}
.my-study__add {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  border: 1px dashed #828282;
  color: #828282;
  background-color: transparent;
  box-shadow: none;
}
.my-study__add:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.my-study__add:active,
.my-study__add:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .my-study__add {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .my-study__add:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .my-study__add {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .my-study__add:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .my-study__add--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .my-study__add--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .my-study__add--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .my-study__add--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .my-study__add--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.my-study__add:hover {
  box-shadow: none;
}
.my-study__add:hover .my-study__add-button {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.my-study__add-button {
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  margin-bottom: 16px;
  background: white;
}
.my-study__add-button:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.my-study__add-button:active,
.my-study__add-button:focus {
  box-shadow: none;
}
.my-study__add-icon {
  width: 24px;
  height: 24px;
}
.navigation {
  position: relative;
  z-index: 333;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  background-color: #35373f;
}
@media (min-width: 1024px) {
  .navigation {
    height: 64px;
    margin: 8px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0.5rem;
  }
}
.navigation__items {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.navigation__items--mobile-menu {
  position: absolute;
  top: 48px;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.navigation__items--mobile-menu,
.navigation__items--mobile-menu .navigation__sides,
.navigation__items--mobile-menu .navigation__side {
  -ms-flex-direction: column;
      flex-direction: column;
}
.navigation__mobile-items {
  display: none;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
}
.navigation__mobile-items--active {
  display: -ms-flexbox;
  display: flex;
}
.navigation__sides {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.navigation__side {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.navigation__side:first-of-type {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.navigation__side:last-of-type {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.navigation__item {
  position: relative;
  display: none;
  -ms-flex-align: center;
      align-items: center;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #636771;
  color: white;
  font-size: 14px;
  cursor: pointer;
  transition: all 300ms;
  /**
         * Item, co nemizí do mobilního menu. NIKDY.
         */
}
@media (min-width: 1024px) {
  .navigation__item {
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}
.navigation__item:hover {
  background-color: #5b5d67;
}
.navigation__item:active {
  background-color: #292b31;
}
.navigation__item__label {
  margin: 14px;
}
.navigation__item--add {
  border-right-color: transparent;
  background-color: #2152d9;
}
.navigation__item--add:hover {
  background-color: #2098ec;
}
.navigation__item--hamburger {
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1024px) {
  .navigation__item--hamburger {
    display: none;
  }
}
.navigation__item--square {
  width: 48px;
}
@media (min-width: 1024px) {
  .navigation__item--square {
    width: 64px;
  }
}
.navigation__item--with-photo {
  border-right: none;
}
.navigation__item--banner {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-right-color: transparent;
  color: #35373f;
  background-color: #fc0;
}
.navigation__item--banner:hover {
  color: white;
}
.navigation__item--banner:active {
  color: #fc0;
}
@media (min-width: 1024px) {
  .navigation__item--counters {
    padding-right: calc(1.75rem);
  }
}
.navigation__item--fixed {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.navigation__item--active {
  background-color: #5b5d67;
}
.navigation__item--open {
  display: -ms-flexbox;
  display: flex;
}
.navigation__nwm {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.navigation__dropdown-list {
  top: 48px;
  z-index: 333;
  visibility: hidden;
  padding: 0;
  margin: 0;
  background-color: #5b5d67;
  box-shadow: 0.5rem 0.5rem 1rem 0 rgba(53, 55, 63, 0.24);
}
@media (min-width: 1024px) {
  .navigation__dropdown-list {
    position: absolute;
    top: 64px;
    left: -1px;
    width: calc(150% + 2px);
  }
}
@media (min-width: 1024px) {
  .navigation__dropdown-list--user {
    width: calc(100% + 8rem + 1px);
  }
}
.navigation__dropdown-list--open {
  position: relative;
  visibility: visible;
}
@media (min-width: 1024px) {
  .navigation__dropdown-list--open {
    position: absolute;
  }
}
.navigation__dropdown-item {
  border-top: 1px solid #292b31;
  margin: 0;
  list-style: none;
}
.navigation__dropdown-link {
  display: -ms-flexbox;
  display: flex;
  padding: 12px 24px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.navigation__dropdown-link:hover {
  background-color: #636771;
}
.navigation__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 16px;
}
.navigation__icon:only-child {
  margin-left: 0;
}
.navigation__icon--bananas {
  transform: rotate(-25deg);
}
@media (min-width: 1024px) {
  .navigation__icon {
    margin-left: 24px;
  }
}
.navigation__label {
  margin-right: 16px;
  margin-left: 16px;
}
.navigation__icon + .navigation__label {
  margin-left: 4px;
}
@media (min-width: 1024px) {
  .navigation__icon + .navigation__label {
    margin-left: 12px;
  }
}
@media (min-width: 1024px) {
  .navigation__label {
    margin-right: 24px;
    margin-left: 24px;
  }
}
@media (min-width: 1024px) {
  .navigation__label--username {
    width: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 8px;
  }
}
.navigation__caret--username {
  margin-right: 24px;
}
.navigation__logo {
  width: 88.787px;
  height: 24px;
  margin-right: 10px;
  margin-left: 10px;
}
@media (min-width: 1024px) {
  .navigation__logo {
    width: 118.382px;
    height: 32px;
    margin-right: 24px;
    margin-left: 24px;
  }
}
.navigation__count {
  position: relative;
  bottom: -10px;
  left: -10px;
}
.navigation__mobile {
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  background-color: #25282e;
  color: white;
  visibility: hidden;
}
.navigation__mobile--open {
  visibility: visible;
}
@media (min-width: 1024px) {
  .navigation__mobile {
    display: none;
  }
}
.navigation__mobile-item {
  display: block;
  padding-top: 8px;
  padding-right: 32px;
  padding-bottom: 8px;
  padding-left: 32px;
  font-weight: bold;
}
.navigation__mobile-item--heading {
  color: #5b5d67;
  font-weight: normal;
  padding-left: 56px;
}
.navigation__mobile-item--separated {
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid #636771;
  border-bottom: 1px solid #636771;
  margin-top: 16px;
  margin-bottom: 16px;
}
.navigation__mobile-item--light {
  font-weight: normal;
  padding-left: 56px;
}
.navigation__mobile-item--last {
  margin-bottom: 16px;
}
.navigation__mobile-icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  fill: #c0c6cf;
  vertical-align: middle;
  margin-bottom: 4px;
}
.navigation__mobile-button {
  display: -ms-flexbox;
  display: flex;
  margin-right: 32px;
  margin-bottom: 16px;
  margin-left: 32px;
}
.navigation__button {
  display: none;
  width: 160px;
  padding-right: 0;
  padding-left: 0;
  margin: 10px;
  margin-left: 0;
}
.navigation__button:first-of-type {
  margin-right: 8px;
}
@media (min-width: 1024px) {
  .navigation__button {
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.news {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  border-top: 1px solid #d1d6dc;
}
@media (min-width: 768px) {
  .news {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.news__most-recent {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  background-color: #f3f6f9;
}
@media (min-width: 768px) {
  .news__most-recent {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
.news__updates {
  margin: 0;
  padding: 16px;
  list-style: none;
}
.news__update {
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0 32px;
}
@media (min-width: 768px) {
  .news__update {
    margin-right: 32px;
    margin-left: 32px;
  }
}
.news__description-column:hover .news__update-name {
  text-decoration: underline;
}
.news__update-name {
  font-weight: bold;
  /* [1] */
}
.news__update-date {
  font-size: 14px;
  color: #787b85;
}
.news__counter-column {
  padding-right: 16px;
}
.news__online-users {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 64px 16px;
  background-color: #e9eef4;
  font-size: 22px;
  text-align: center;
}
@media (min-width: 768px) {
  .news__online-users {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding-right: 64px;
    padding-left: 64px;
    text-align: left;
  }
}
.news__users-thumbs {
  margin-bottom: 16px;
  color: #e9eef4;
}
@media (min-width: 768px) {
  .news__users-thumbs {
    display: block;
  }
}
.news__online-users-label {
  margin-bottom: 16px;
  font-size: 24px;
}
@media (min-width: 1024px) {
  .news__online-users-label {
    font-size: 36px;
  }
}
.no-box {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  padding-bottom: 16px;
}
.no-box:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.no-box:active,
.no-box:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .no-box {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .no-box:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .no-box {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .no-box:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .no-box--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .no-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .no-box--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .no-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .no-box--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.offers {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}
@media (min-width: 768px) {
  .offers {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
/**
 * Reklama
 */
.outer {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 100vh;
}
/**
 * Komponenta pro stránkování
 */
.pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 24px;
  margin: auto;
}
.partner-offer-box {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0;
}
.partner-offer-box:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.partner-offer-box:active,
.partner-offer-box:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .partner-offer-box {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .partner-offer-box:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .partner-offer-box {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .partner-offer-box:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .partner-offer-box--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .partner-offer-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .partner-offer-box--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .partner-offer-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .partner-offer-box--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.partner-offer-box__image {
  max-width: 100%;
  border-top-right-radius: 3.2px;
  border-top-left-radius: 3.2px;
}
.partner-offer-box__text {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 12px 16px 16px 16px;
}
.partner-offer-box__title {
  margin-bottom: 0.5em;
  font-size: 18px;
  font-weight: bold;
}
.partner-offer-box__price {
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  border-top: 1px solid #c0c6cf;
  font-size: 14px;
  font-weight: bold;
}
.partner-offer-box__bananas {
  position: relative;
  top: 2px;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  fill: #fc0;
  transform: rotate(-15deg);
}
.products {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.question-set-result {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ranking__divider {
  display: -ms-flexbox;
  display: flex;
  padding-top: 48px;
  padding-bottom: 32px;
  -ms-flex-pack: center;
      justify-content: center;
}
.rating-extended-form {
  margin-top: 16px;
}
.rating-extended-form__text {
  max-width: 600px;
}
.rating-extended-form__text textarea {
  margin: 12px 0 0 0;
  height: 80px;
  width: 100%;
}
.rating-extended-form__text button {
  float: right;
}
.rating-extended-form__textarea-err {
  margin-bottom: 16px;
}
.rating-extended-form .err-green {
  color: #44b735;
}
.rating-extended-form .err-red {
  color: #ed3f32;
}
.related-entities {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .related-entities {
    margin-bottom: 40px;
  }
}
.related-entities__boxes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 100%;
  margin-bottom: 8px;
}
.related-entities__title {
  color: #787878;
  width: 100%;
  text-align: center;
  border-bottom: 1.6px dashed #cdcdcd;
  line-height: 0.1em;
  margin: 24px 0 32px 0;
}
.related-entities__title span {
  background: #fff;
  padding: 0 10px;
}
.related-entities__button-wrap {
  text-align: center;
  padding-bottom: 16px;
}
@media (min-width: 768px) {
  .related-entities__button-wrap {
    padding-bottom: 8px;
  }
}
.related-materials__heading {
  margin-top: 40px;
}
.search-widget {
  display: none;
}
@media (min-width: 768px) {
  .search-widget {
    position: fixed;
    z-index: 1024;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
  }
}
.search-widget__modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 334;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100vw;
  height: 100vh;
}
@media (min-width: 768px) {
  .search-widget__modal {
    box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
    margin: 40px auto;
    width: 640px;
    height: auto;
    min-height: 560px;
    position: initial;
  }
}
.search-widget__results {
  overflow-y: auto;
  -ms-flex-positive: 1;
      flex-grow: 1;
  background: white;
  color: #494b53;
}
@media (min-width: 768px) {
  .search-widget__results {
    overflow-y: initial;
    padding: 0 74px;
  }
}
.search-widget__message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 56px;
  padding-bottom: 56px;
  text-align: center;
}
.search-widget__hint {
  padding: 24px 16px 0px 16px;
}
.search-widget__hint p {
  margin-bottom: 0;
}
.search-widget__icon {
  width: 56px;
  height: 56px;
  margin-bottom: 12px;
}
.search-widget__icon--search {
  color: #f5f6fa;
}
@media (min-width: 768px) {
  .search-widget__header {
    padding: 50px 74px 0;
    background-color: #f5f6fa;
    border-bottom: 1px #c2c5cc solid;
    position: relative;
  }
}
.search-widget__header .modal__close {
  display: none;
}
@media (min-width: 768px) {
  .search-widget__header .modal__close {
    display: block;
    background: none;
  }
}
@media (min-width: 768px) {
  .hide-body-content--search-widget {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 666;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.85);
    opacity: 0;
    visibility: hidden;
  }
}
.settings-box {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 16px;
  padding-top: 24px;
}
.settings-box:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.settings-box:active,
.settings-box:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .settings-box {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .settings-box:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .settings-box {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .settings-box:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .settings-box--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .settings-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .settings-box--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .settings-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .settings-box--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.settings-box__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 8px;
}
.settings-box__icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  color: #5b5d67;
}
.settings-box__label {
  margin: 0;
}
.settings-box__content {
  padding-left: 0;
}
.settings-box__item {
  list-style: none;
}
.settings-box__item::before {
  content: '—';
  display: inline-block;
  width: 32px;
  text-align: center;
}
.sharer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 16px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 16px;
}
.sharer__icon {
  padding: 6.4px;
  height: 27.2px;
  width: 27.2px;
}
.sharer__text {
  font-size: 16px;
  line-height: 1.25;
  text-align: left;
}
.sharer__button {
  margin-right: 16px;
}
.statistics {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  margin-bottom: 48px;
  background-color: white;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.statistics:hover,
.statistics:active,
.statistics:focus {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
@media (min-width: 768px) {
  .statistics {
    padding: 48px 0;
  }
}
.statistics__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding: 24px;
  border-bottom: 1px solid #d1d6dc;
  text-align: center;
  list-style: none;
}
.statistics__item:last-of-type {
  border: none;
}
@media (min-width: 768px) {
  .statistics__item {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 0 40px;
    border-right: 1px solid #d1d6dc;
    border-bottom: none;
  }
}
.statistics__icon {
  display: block;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 56px;
  height: 56px;
  margin-right: 24px;
}
@media (min-width: 768px) {
  .statistics__icon {
    width: 80px;
    height: 80px;
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.statistics__strong {
  padding-right: 8px;
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .statistics__strong {
    padding-right: 0;
    padding-bottom: 8px;
  }
}
.statistics__label {
  text-align: left;
}
@media (min-width: 768px) {
  .statistics__label {
    text-align: center;
  }
}
.statistics__label > p {
  margin-bottom: 0;
}
.subject-box {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  padding: 24px;
}
.subject-box:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.subject-box:active,
.subject-box:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .subject-box {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .subject-box:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .subject-box {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .subject-box:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .subject-box--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .subject-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .subject-box--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .subject-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .subject-box--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
@media (min-width: 425px) {
  .subject-box {
    height: 224px;
  }
}
.subject-box__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 100%;
}
.subject-box__title {
  margin-top: 16px;
  margin-bottom: 16px;
}
.subject-box__note {
  margin: 0;
  color: #787b85;
}
.subject-box__description {
  margin-bottom: 8px;
}
.subject-box__description2 {
  color: #787878;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3px;
}
.subject-box__bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.table {
  width: 100%;
  display: table;
  border: 1px solid #d1d6dc;
  border-spacing: 1px;
  overflow-x: auto;
  position: relative;
}
.table th,
.table__head {
  background-color: #e9eef4;
  color: #5b5d67;
}
.table tr,
.table__row {
  border: 1px solid #d1d6dc;
}
.table tr:last-of-type td,
.table__row:last-of-type td {
  border-bottom: none;
}
.table td,
.table th,
.table__head,
.table__cell {
  padding-right: 16px;
  padding-left: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e9eef4;
}
.table__scroller {
  overflow-x: auto;
}
.tabs {
  margin-right: auto;
  margin-left: auto;
  /**
     * Styl tabů, které vizuálně zasahují do landing-page sekce
     *
     * [1] Barva při najetí kurzorem jen v případě, že záložka není aktivní.
     * [2] Panel s taby je nutné posunout o svou výšku nahoru.
     * [3] Na mobilní zobrazení je namísto tabů odrážkový seznam, které nechceme posouvat do sekce výše.
     */
}
@media (min-width: 768px) {
  .tabs {
    width: 750px;
  }
}
@media (min-width: 1024px) {
  .tabs {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .tabs {
    width: 1170px;
  }
}
.tabs__tablist {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  list-style: none;
  height: 22.8px;
  padding: 0;
  margin: 0;
  text-align: left;
}
@media (max-width: 768px) {
  .tabs__tablist {
    list-style: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-left: 0;
  }
}
.tabs__tab {
  display: inline-block;
  height: 22.8px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 6.4px 0;
  color: #333;
  font-size: 9.6px;
  line-height: 10px;
  font-weight: bold;
  /* [1] */
  text-decoration: none;
  cursor: pointer;
  transition: all 300ms;
  text-align: center;
}
@media (max-width: 768px) {
  .tabs__tab {
    box-sizing: border-box;
    height: auto;
    background-color: silver;
    border: 2px solid white;
  }
}
@media (max-width: 320px) {
  .tabs__tab--active {
    text-decoration: underline;
  }
}
.tabs__panel {
  display: none;
  padding: 1.25em;
}
.tabs__panel--active {
  display: block;
}
.tabs--section {
  position: relative;
  top: -22.8px;
}
.tabs--section .tabs__tab:hover:not(.tabs__tab--active) {
  background-color: rgba(255, 255, 255, 0.5);
}
.tabs--section .tabs__tab--active {
  background-color: white;
}
@media (max-width: 768px) {
  .tabs--section {
    top: 0;
  }
}
.task-box {
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 60vw;
  padding-top: 40px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  margin-right: 8px;
  margin-bottom: 0;
  text-align: center;
}
.task-box:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.task-box:active,
.task-box:focus {
  box-shadow: none;
}
.task-box:hover .task-box__icon {
  transform: scale(1.05);
}
.task-box__icon {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 24px;
  margin-left: auto;
  background-color: #f5f6fa;
  transition: transform 300ms;
}
.task-box__icon > .image__img {
  border-radius: inherit;
}
.task-box__icon .half-icon svg {
  width: 32px;
  height: 32px;
  margin-top: 16px;
  fill: #5b5d67;
}
.task-box__title {
  display: block;
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
}
.task-box__description {
  overflow: hidden;
  display: block;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.25;
  white-space: normal;
}
.task-box__prize {
  margin-top: 24px;
  padding: 0 12px;
  font-size: 14px;
}
.task-box__star {
  width: 16px;
  height: 32px;
  margin-right: 8px;
  fill: #fc0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .task-box {
    width: 35vw;
    margin-right: 16px;
  }
}
@media (min-width: 1024px) {
  .task-box {
    width: 224px;
    margin-right: 16px;
  }
}
.tasks {
  padding-bottom: 32px;
}
.teacher-box {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  padding: 32px;
  text-align: center;
}
.teacher-box:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.teacher-box:active,
.teacher-box:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .teacher-box {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .teacher-box:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .teacher-box {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .teacher-box:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .teacher-box--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .teacher-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .teacher-box--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .teacher-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .teacher-box--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.teacher-box__title {
  font-weight: normal;
}
.teacher-box__photo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid #c0c6cf;
}
.teacher-box__bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.teacher-box__ratings-hint {
  margin: 0;
  color: #5b5d67;
}
.teacher-in-subject {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
@media (min-width: 768px) {
  .teacher-in-subject {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.teacher-in-subject__overview {
  margin-right: auto;
  margin-bottom: 48px;
  margin-left: auto;
}
@media (min-width: 768px) {
  .teacher-in-subject__overview {
    margin-right: 64px;
  }
}
.teacher-in-subject__ratings {
  width: 100%;
}
.teacher-in-subject__profile-badge {
  margin-bottom: 16px;
}
.teacher-in-subject__show-all-counter {
  margin-top: 12px;
}
.teacher-in-subject__show-all {
  margin-top: 24px;
}
.test-box {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  padding: 32px;
  text-align: center;
}
.test-box:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.test-box:active,
.test-box:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .test-box {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .test-box:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .test-box {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .test-box:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .test-box--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .test-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .test-box--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .test-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .test-box--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.test-box__title {
  font-weight: normal;
}
.test-box__photo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid #c0c6cf;
}
.test-box__bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.test-box__ratings-hint {
  margin: 0;
  color: #5b5d67;
}
.test-detail__name {
  margin-top: 8px;
}
.test-detail__type {
  font-size: smaller;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 12px;
  color: #787878;
}
.test-detail__description {
  margin-bottom: 24px;
}
.test-detail__button {
  padding-right: 24px;
  padding-left: 24px;
}
.test-detail__bananas {
  width: 32px;
  height: 32px;
}
.test-detail__examples {
  margin-bottom: 52px;
}
.test-detail__examples h2 {
  font-size: 18px;
}
@media (min-width: 768px) {
  .test-detail__examples h2 {
    font-size: 24px;
  }
}
.test-detail__examples-list {
  padding-left: 0;
}
.test-detail__example {
  margin-bottom: 8px;
  margin-right: 8px;
  margin-left: 27.2px;
}
.test-detail__example .blur-ugly,
.test-detail__example .blur-ugly:hover,
.test-detail__example .blur-ugly:focus {
  color: transparent;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.test-detail__example-tip {
  margin: 16px 0;
  font-style: italic;
}
.test-detail__more {
  margin-top: 18px;
}
.test-detail__more .link {
  color: #35373f;
  cursor: pointer;
}
.test-detail__reactions-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 16px;
}
.test-detail__like-dislike {
  margin-right: 16px;
  margin-bottom: 16px;
}
.test-detail .discussion {
  margin-top: -12px;
}
.test-filter {
  position: relative;
  padding: 16px;
  border-radius: 0.5rem;
  background-color: #e9eef4;
  color: #2152d9;
}
.test-filter__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-top: 8px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
}
.test-filter__title-reset {
  display: -ms-flexbox;
  display: flex;
}
.test-filter__title-reset a {
  display: -ms-flexbox;
  display: flex;
}
.test-filter__title-reset svg {
  width: 17px;
  height: 17px;
  margin-top: -1.7px;
}
.test-filter__content {
  font-weight: bold;
  color: #35373f;
}
.test-filter__label {
  display: block;
  width: 15%;
  font-weight: bold;
}
@media (min-width: 768px) {
  .test-filter__label {
    display: inline;
  }
}
.test-filter__form {
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-flow: column;
      flex-flow: column;
  margin-top: 0;
}
@media (min-width: 768px) {
  .test-filter__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
        flex-flow: row;
  }
}
.test-filter__input-group {
  display: block;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  height: 80px;
}
.test-filter__text-field {
  display: block;
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  font-weight: normal;
  line-height: 20px;
  background-color: white;
  color: #35373f;
  box-shadow: inset 0 1px 0 0 #cdd1d9;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.test-filter__text-field:focus {
  border-color: #2098ec;
  background-color: #fff;
}
.test-filter__text-field.form-control {
  width: calc(100% - 5rem);
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.test-filter__select-field {
  display: block;
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  font-weight: normal;
  line-height: 20px;
  background-color: white;
  color: #35373f;
  box-shadow: inset 0 1px 0 0 #cdd1d9;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.test-filter__select-field:focus {
  border-color: #2098ec;
  background-color: #fff;
}
.test-filter__input {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
@media (min-width: 768px) {
  .test-filter__input {
    margin-right: 20px;
  }
}
.test-filter__input .disabled__button {
  cursor: not-allowed;
  pointer-events: none;
}
.test-filter__button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.test-filter__loading-overlay--loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: initial;
}
.text-rating {
  width: 100%;
  padding-top: 40px;
  padding-right: 16px;
  padding-bottom: 24px;
  padding-left: 16px;
  border-top: 1px solid #e0e3e7;
  word-break: break-word;
}
.text-rating__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 22px;
}
.text-rating__author {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.text-rating__author:hover {
  text-decoration: underline;
}
.text-rating__profile-photo {
  display: inline-block;
  margin-right: 10px;
}
.text-rating__nickname {
  display: inline-block;
  font-weight: bold;
  /* [1] */
}
.text-rating__date {
  color: #5b5d67;
}
.text-rating__interaction {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.text-rating__edit--svg {
  width: 16px;
  height: 16px;
  margin-right: 3.2px;
}
.user-box {
  display: inline-block;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  background-color: white;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  min-width: 1px;
  /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
  text-align: center;
}
.user-box:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.user-box:active,
.user-box:focus {
  box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .user-box {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .user-box:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .user-box {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .user-box:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .user-box--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .user-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .user-box--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .user-box--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .user-box--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.user-info-pane__show-benefits {
  text-align: left;
  padding: 16px;
}
.user-info-pane__show-benefits svg {
  margin-left: 4px;
  width: 12px;
  height: 12px;
}
.user-info-pane__show-benefits-get-more {
  color: #2152d9;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  -ms-flex-align: center;
      align-items: center;
}
.user-info-pane__show-benefits-list ul {
  list-style-type: none;
  padding-left: 0;
}
.user-info-pane__button-box {
  padding: 16px 16px;
}
.user-info-pane__button-box p {
  line-height: 1.75;
}
.user-info-pane__button-box .button {
  margin: 8px 0;
}
.abuse-modal textarea {
  height: 88px;
  margin-top: 8px;
}
.abuse-modal .abuse__thanks-content {
  text-align: center;
}
.abuse-modal .abuse__thanks-content--button {
  margin-top: 24px;
}
.abuse-modal .abuse__thanks-content--heading {
  -ms-flex-pack: center;
      justify-content: center;
}
.abuse-modal .abuse__thanks-content--icon {
  width: 64px;
  height: 64px;
}
.abuse-modal .abuse__form-content--heading {
  line-height: 104px;
  display: block;
  padding-bottom: 20px;
  padding-top: 20px;
}
.approvement__instructions-text {
  display: -ms-flexbox;
  display: flex;
  padding-left: 16px;
}
.approvement__instructions-text p {
  margin-bottom: 0;
}
.approvement__instructions-text ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.approvement__instructions-text li {
  padding-bottom: 4px;
}
.approvement-box {
  width: 288px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  margin: 16px 0;
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  /**
     * [1] Zvýraznění na buňkách, které jsou zároveň odkazem.
     */
}
.approvement-box__section {
  display: block;
  padding: 24px;
  border-bottom: 1px solid #c0c6cf;
  /* [1] */
}
.approvement-box__section-verdict {
  padding-bottom: 11px;
  font-size: 16px;
  font-weight: bold;
}
.approvement-box__section--last {
  border-bottom: none;
}
.approvement-box__section:not(div):hover {
  background-color: #f2f2f2;
}
.approvement-box__price-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  fill: #fc0;
  padding-top: 4px;
  transform: rotate(-15deg);
}
.approvement-box__section-key {
  font-weight: bold;
}
.approvement-box__section-key--block {
  margin-bottom: 16px;
}
@media (min-width: 425px) {
  .approvement-box {
    width: 368px;
  }
}
@media (min-width: 1024px) {
  .content-layout {
    display: -ms-flexbox;
    display: flex;
  }
}
.content-layout__main {
  padding-top: 24px;
}
@media (min-width: 1024px) {
  .content-layout__main {
    width: 65%;
    padding-top: 40px;
    padding-right: 80px;
  }
}
.content-layout__profile-badge {
  margin-bottom: 24px;
}
.content-layout__info {
  padding: 24px;
  background-color: #e9eef4;
}
@media (min-width: 1024px) {
  .content-layout__info {
    width: 35%;
  }
}
.content-layout__actions-wrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}
.dashboard__dashboard-columns {
  padding-right: 0;
  padding-bottom: 80px;
  padding-left: 0;
}
@media (min-width: 768px) {
  .dashboard__dashboard-columns {
    padding-top: 32px;
  }
}
.dashboard__my-study {
  padding-top: 32px;
  padding-bottom: 80px;
}
.ekokom-duels {
  /**
     * Dlaždice s grafikou panáčka EKO
     *
     * [1]
     */
}
.ekokom-duels__battle-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 32px;
}
@media (min-width: 768px) {
  .ekokom-duels__fake-tile {
    display: inline-block;
    -ms-flex-positive: 0;
        flex-grow: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 16px;
    padding-bottom: 8px;
    margin-bottom: 16px;
    width: 100%;
    border: 1px solid #c0c6cf;
    border-radius: 0.5rem;
    box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
    transition: box-shadow 300ms;
    background-color: white;
    text-align: left;
    text-decoration: none;
    min-width: 1px;
    /**
     * Naprosto ošklivý modifikátor na zalamování dlaždic po dvou kusech ;-(
     */
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: start;
        align-items: flex-start;
    border: none;
    background-color: transparent;
    box-shadow: none;
    cursor: pointer;
  }
  .ekokom-duels__fake-tile:hover {
    box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  }
  .ekokom-duels__fake-tile:active,
  .ekokom-duels__fake-tile:focus {
    box-shadow: none;
  }
  .ekokom-duels__fake-tile:hover,
  .ekokom-duels__fake-tile:active {
    box-shadow: none;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
  .ekokom-duels__fake-tile {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-duels__fake-tile:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .ekokom-duels__fake-tile {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin-right: 2%;
  }
  .ekokom-duels__fake-tile:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .ekokom-duels__fake-tile--uh-oh {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-right: 2%;
  }
  .ekokom-duels__fake-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .ekokom-duels__fake-tile--uh-oh {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    margin-right: 2%;
  }
  .ekokom-duels__fake-tile--uh-oh:nth-child(2n) {
    margin-right: 0;
  }
  .ekokom-duels__fake-tile--uh-oh:nth-child(3n) {
    margin-right: 2% !important;
  }
}
.ekokom-duels__bubble,
.ekokom-duels__character {
  display: none;
}
@media (min-width: 768px) {
  .ekokom-duels__bubble,
  .ekokom-duels__character {
    display: block;
    max-width: 50%;
  }
}
.ekokom-duels__history {
  width: 100%;
  margin-top: 48px;
  background-color: white;
}
.ekokom-duels__showAll {
  text-align: center;
  margin-top: 16px;
}
.ekokom-index .heading__title {
  line-height: 1.75;
}
.ekokom-index__section {
  padding-bottom: 32px;
}
.ekokom-index__section--intro {
  padding-bottom: 64px;
}
.ekokom-index__intro-columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .ekokom-index__intro-columns {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.ekokom-index__text-column {
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .ekokom-index__text-column {
    width: 66%;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .ekokom-index__prizes-column {
    width: 33%;
    padding-top: 40px;
  }
}
.ekokom-index__tiles {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.ekokom-news__intro {
  padding-bottom: 32px;
}
.ekokom-news__hint:hover .ekokom-news__bubble-wrapper {
  top: -6px;
  right: 6px;
  transform: none;
}
.ekokom-news__hint:hover .ekokom-news__character-wrapper {
  transform: rotate(32deg) translate(8rem, -2rem) scale(1.1);
}
.ekokom-news__bubble-wrapper {
  position: absolute;
  top: -12px;
  right: 12px;
  width: 120px;
  opacity: 0;
  transition: opacity 1.8s, top 300ms, right 300ms;
}
.ekokom-news__bubble-wrapper--initialized {
  opacity: 1;
}
.ekokom-news__character-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 80px;
  z-index: -1;
  transition: transform 1.8s;
}
.ekokom-news__character-wrapper--initialized {
  transform: rotate(32deg) translate(8rem, -2rem);
}
@media (min-width: 1024px) {
  .ekokom-news__character-wrapper {
    display: block;
  }
}
.ekokom-news img {
  max-width: 100%;
}
.ekokom-news__months {
  padding-top: 8px;
}
.ekokom-news__subtitle {
  padding-top: 0;
  margin-bottom: 0;
  font-size: 24px;
}
.ekokom-news__showAll {
  text-align: center;
}
.ekokom-question {
  /**
     * Progressbar postupu u super otázky
     *
     * [1] Hodnotu dodá JavaScript, viz `script.js`. :)
     */
  /**
     * Zápatí modálního okna s odkazem na Samosebou.cz
     *
     * [1] Přebití selektoru `.section:last-of-type`.
     */
}
.ekokom-question__question {
  padding-bottom: 16px;
  text-align: center;
}
.ekokom-question__question-text {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: bold;
}
.ekokom-question__choices .button {
  width: 100%;
  margin-bottom: 16px;
}
.ekokom-question__progressbar {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 4px;
  border-radius: 0.1rem;
  margin: 0 auto;
  background-color: #d1d6dc;
}
.ekokom-question__progressbar--tiny {
  width: 80px;
}
.ekokom-question__progress {
  position: absolute;
  left: 0;
  width: 0;
  /* [1] */
  height: 100%;
  background-color: #fc0;
  transition: width 2s;
}
.ekokom-question__dont-know {
  padding-top: 24px;
  padding-right: 48px;
  padding-left: 48px;
  background-image: url('/images/ekokom/question-bg.jpg');
  font-size: 14px;
  text-align: center;
  /* [1] */
}
.ekokom-question__dont-know:last-of-type {
  padding-bottom: 8px;
}
.ekokom-question__dont-know-text > p:first-child {
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 1;
}
.ekokom-question__label {
  cursor: pointer;
}
.ekokom-question__timer {
  padding-bottom: 32px;
  font-family: monospace;
  text-align: center;
}
@media (min-width: 768px) {
  .ekokom-rankings__intro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.ekokom-rankings__description {
  width: 100%;
}
@media (min-width: 768px) {
  .ekokom-rankings__description {
    width: 50%;
  }
}
.ekokom-rankings__prizes {
  width: 100%;
}
@media (min-width: 768px) {
  .ekokom-rankings__prizes {
    width: 40%;
  }
}
.ekokom-rankings__photo {
  max-width: 100%;
}
.ekokom-support__donation {
  text-align: center;
}
@media (min-width: 768px) {
  .ekokom-support__donation {
    padding-right: 20%;
    padding-left: 20%;
  }
}
.ekokom-support__description {
  margin-bottom: 24px;
}
.ekokom-support__contributors {
  margin-bottom: 32px;
}
.ekokom-support__form {
  display: inline-block;
}
.ekokom-support__form label,
.ekokom-support__form button {
  display: none;
}
.get-karma-modal {
  text-align: center;
}
.get-karma-modal__title {
  font-size: 28px;
  font-weight: bold;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
}
.get-karma-modal__icon {
  margin-left: 8px;
  height: 26px;
  width: 26px;
  fill: #fc0;
}
.get-karma-modal__list {
  padding-top: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.get-karma-modal ul {
  text-align: left;
}
.get-karma-modal__button-wrap {
  margin-top: 16px;
}
.get-karma-modal__button {
  margin-top: 16px;
  margin-bottom: 20px;
}
.info-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  max-width: 768px;
  margin-top: 80px;
  margin-right: auto;
  margin-left: auto;
}
.info-message__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 64px;
  margin: 0;
}
.info-message__icon {
  width: 64px;
  height: 64px;
  margin-right: 16px;
}
@media (min-width: 1024px) {
  .institution {
    padding-top: 40px;
  }
}
.institution__intro {
  display: block;
}
@media (min-width: 1024px) {
  .institution__intro {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
  }
}
.institution__photo-container {
  margin-right: -16px;
  margin-left: -16px;
}
@media (min-width: 1024px) {
  .institution__photo-container {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    margin: 0;
  }
}
.institution__photo {
  width: 100%;
}
.institution__board {
  margin-bottom: 48px;
}
@media (min-width: 1024px) {
  .institution__board {
    -ms-flex-preferred-size: 68%;
        flex-basis: 68%;
    padding-left: 40px;
    margin-bottom: 0;
  }
}
.institution__logo {
  height: 64px;
}
.institution__name {
  position: relative;
}
@media (min-width: 1024px) {
  .institution__name {
    margin-bottom: 24px;
  }
}
.institution__mark {
  position: relative;
  bottom: 4px;
  margin-left: 8px;
}
.institution__stars {
  display: block;
  margin-bottom: 12px;
}
.institution__counter {
  margin-bottom: 16px;
}
.institution__faculties-title {
  margin-top: 12px;
  margin-bottom: 0;
}
.institution__faculties {
  margin-bottom: 48px;
}
.institution__boxes {
  margin-top: 0;
  margin-bottom: 24px;
}
.institution__info {
  padding-top: 48px;
}
@media (min-width: 768px) {
  .institution__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
.institution__description {
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .institution__description {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-bottom: 0;
  }
}
.institution__description-heading {
  margin-top: 0;
}
.institution__contacts {
  padding: 24px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  background-color: white;
}
@media (min-width: 768px) {
  .institution__contacts {
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
  }
}
.institution__address {
  margin-bottom: 24px;
  font-style: normal;
}
.karma-banana-competition__introText {
  margin-bottom: 16px;
  max-width: 640px;
}
.karma-banana-competition__introText h3 {
  margin: 32px 0 8px 0;
}
.karma-banana-competition__results .ranking {
  max-width: 440px;
}
.karma-crossing__benefits-list ul {
  list-style-type: none;
  padding-left: 16px;
  margin-bottom: 24px;
}
.karma-crossing .boxes {
  margin-top: 0;
}
.karma-overview__layout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.karma-overview__layout-wrap {
  width: 100%;
}
@media (min-width: 1024px) {
  .karma-overview__layout-wrap {
    width: 50%;
  }
}
.karma-overview__layout-wrap:first-of-type {
  width: 100%;
}
@media (min-width: 1024px) {
  .karma-overview__layout-wrap:first-of-type {
    width: 40%;
  }
}
.karma-overview__layout-wrap:nth-of-type(2) {
  width: 100%;
}
@media (min-width: 1024px) {
  .karma-overview__layout-wrap:nth-of-type(2) {
    width: 60%;
  }
}
.karma-overview__info-pane {
  width: 100%;
}
@media (min-width: 1024px) {
  .karma-overview__info-pane {
    width: 95%;
    margin-right: auto;
  }
}
.karma-overview__table {
  width: 100%;
  margin-top: 32px;
  padding-bottom: 8px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
}
@media (min-width: 1024px) {
  .karma-overview__table {
    margin-top: 0;
    width: 95%;
    margin-left: auto;
  }
}
.karma-overview__table table {
  width: 100%;
}
.karma-overview__table table th:first-of-type,
.karma-overview__table table td:first-of-type {
  width: 80%;
  text-align: left;
  padding-left: 16px;
}
@media (min-width: 1024px) {
  .karma-overview__table table th:first-of-type,
  .karma-overview__table table td:first-of-type {
    padding-left: 29.6px;
  }
}
.karma-overview__table table th:last-of-type,
.karma-overview__table table td:last-of-type {
  width: 20%;
  text-align: center;
}
.karma-overview__table table thead {
  background-color: #f3f6f9;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.karma-overview__table table thead th {
  padding: 9.6px;
}
.karma-overview__table table tbody tr:last-of-type td {
  border-bottom: 0;
  padding-bottom: 12px;
}
.karma-overview__table table tbody tr td {
  border-bottom: 1px solid #f3f3f3;
  padding: 6.4px;
}
.karma-overview__table-show-all {
  padding: 12px 24px 8px 8px;
  text-align: right;
}
.karma-ranking__layout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.karma-ranking__layout-wrap {
  width: 100%;
}
@media (min-width: 1024px) {
  .karma-ranking__layout-wrap {
    width: 50%;
  }
}
.karma-ranking__info-pane {
  width: 100%;
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .karma-ranking__info-pane {
    width: 70%;
    margin-left: auto;
  }
}
.karma-ranking__since-last-time {
  padding-top: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #5b5d67;
  margin-bottom: 16px;
}
.karma-ranking__since-last-time--right {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.karma-ranking__since-last-time--center {
  -ms-flex-pack: center;
      justify-content: center;
}
.karma-ranking__motivation-message p {
  margin-bottom: 8px;
}
.karma-ranking__get-more-karma {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .karma-ranking__get-more-karma {
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .layout-infopane {
    display: -ms-flexbox;
    display: flex;
    min-height: 600px;
  }
}
.layout-infopane__main {
  padding-top: 16px;
  min-height: 360px;
}
@media (min-width: 1024px) {
  .layout-infopane__main {
    width: 65%;
    padding-right: 80px;
  }
}
.layout-infopane__col {
  padding: 20px 16px;
  margin-top: 56px;
  background-color: #fefbff;
}
@media (min-width: 1024px) {
  .layout-infopane__col {
    margin-top: 0;
    width: 35%;
  }
}
@media (min-width: 1024px) {
  .layout-module-question {
    display: -ms-flexbox;
    display: flex;
    min-height: 600px;
  }
}
.layout-module-question__main {
  padding-top: 16px;
  min-height: 360px;
}
@media (min-width: 1024px) {
  .layout-module-question__main {
    width: 65%;
    padding-right: 80px;
  }
}
.layout-module-question__col {
  padding: 20px 16px;
  margin-top: 56px;
  background-color: #fefbff;
}
@media (min-width: 1024px) {
  .layout-module-question__col {
    margin-top: 0;
    width: 35%;
  }
}
.layout-module-question-admin {
  min-height: 90vh;
}
.entity-list__count-message {
  text-align: center;
}
.modal-frame {
  margin-right: 24px;
  margin-bottom: 64px;
  margin-left: 24px;
}
@media (min-width: 375px) {
  .modal-frame {
    margin-right: 40px;
    margin-left: 40px;
  }
}
@media (min-width: 425px) {
  .modal-frame {
    margin-right: 104px;
    margin-left: 104px;
  }
}
.modal-frame__additional {
  text-align: center;
}
.modal-frame__link {
  color: #2152d9;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
  font-size: 14px;
  line-height: 20px;
}
.modal-frame__link:hover,
.modal-frame__link:focus {
  color: #2098ec;
  text-decoration: none;
}
.not-enough-credits-modal {
  text-align: center;
}
.not-enough-credits-modal ul {
  text-align: left;
}
.not-enough-credits-modal ul li:first-child {
  padding-bottom: 16px;
}
.not-enough-credits-modal__banana {
  width: 24px;
  height: 24px;
  color: #fc0;
}
.not-enough-credits-modal__button {
  margin-bottom: 20px;
}
.partner-offer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.partner-offer__intro {
  width: 100%;
  -ms-flex-order: 1;
      order: 1;
}
@media (min-width: 768px) {
  .partner-offer__intro {
    -ms-flex-order: 1;
        order: 1;
    width: 50%;
  }
}
.partner-offer__gallery {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.partner-offer__gallery-item {
  max-width: 32%;
}
.partner-offer__image {
  max-width: 100%;
}
.partner-offer__description {
  margin-top: 32px;
}
.partner-offer__info {
  width: 100%;
  -ms-flex-order: 2;
      order: 2;
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .partner-offer__info {
    -ms-flex-order: 2;
        order: 2;
    width: 50%;
    padding-left: 40px;
  }
}
.partner-offer__logo {
  max-height: 32px;
}
.partner-offer__title {
  margin-top: 32px;
  margin-bottom: 32px;
}
.partner-offer__button {
  width: 200px;
  padding: 0;
}
.partner-offer__notes {
  padding-left: 32px;
  border-left: 1px solid #c0c6cf;
  margin-top: 40px;
}
.partner-offers-list__intro {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
}
@media (min-width: 768px) {
  .partner-offers-list__intro {
    margin-bottom: 48px;
  }
}
.partner-offers-list__top {
  width: 100%;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .partner-offers-list__top {
    width: 60%;
    padding-right: 32px;
    margin-bottom: 0;
  }
}
.partner-offers-list__last-buyers {
  width: 100%;
}
@media (min-width: 768px) {
  .partner-offers-list__last-buyers {
    box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
    width: 40%;
    padding: 16px;
    border: 1px solid #c0c6cf;
    border-radius: 0.5rem;
  }
}
.partner-offers-list__last-buyer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 16px;
}
.partner-offers-list__last-buyer:last-of-type {
  margin-bottom: 0;
}
.partner-offers-list__profile-photo {
  margin-right: 12px;
}
.partner-offers-list__event {
  font-size: 14px;
}
.partner-offers-list__event a {
  color: #2152d9;
  font-weight: bold;
  text-decoration: none;
}
.partner-offers-list__event a:hover {
  text-decoration: underline;
}
.partner-offers-list__date {
  color: #5b5d67;
  font-size: smaller;
}
.person {
  width: 288px;
  border: 1px solid #c0c6cf;
  border-radius: 0.5rem;
  margin: 16px auto;
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
  /**
     * [1] Zvýraznění na buňkách, které jsou zároveň odkazem.
     */
}
.person__section {
  display: block;
  padding: 24px;
  border-bottom: 1px solid #c0c6cf;
  /* [1] */
}
.person__section--first {
  text-align: center;
}
.person__section--last {
  border-bottom: none;
}
.person__section--subject {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.person__section:not(div):hover {
  background-color: #f2f2f2;
}
.person__photo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  border: 1px solid #c0c6cf;
  margin-top: 8px;
  margin-right: auto;
  margin-bottom: 24px;
  margin-left: auto;
}
.person__name {
  position: relative;
  display: inline-block;
  margin: 0;
  font-size: 22px;
  line-height: 1;
}
.person__mark {
  display: block;
  margin: 0 auto;
}
@media (min-width: 375px) {
  .person__mark {
    margin-left: 8px;
  }
}
.person__subtitle {
  margin-top: 8px;
}
.person__school {
  color: #35373f;
  font-weight: normal;
}
.person__school:hover,
.person__school:focus {
  color: #35373f;
  text-decoration: underline;
}
.person__ratings {
  margin-right: 8px;
}
.person__ratings-counter {
  margin-bottom: 28px;
}
.person__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.person__subject-name {
  font-weight: bold;
}
.person__key-value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.person__count {
  margin-right: 8px;
}
.person__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.person__arrow {
  width: 12px;
  height: 12px;
}
.person__section-key {
  font-weight: bold;
}
.person__section-key--block {
  margin-bottom: 16px;
}
@media (min-width: 425px) {
  .person {
    width: 368px;
  }
}
.teacher__abuse .abuse {
  margin: auto;
}
.person-control-panel {
  margin: auto;
  max-width: 64px;
}
.person-control-panel .control-panel__btn {
  margin-top: 16px;
}
.person-control-panel .profile-badge {
  display: none;
}
.question-admin-finish {
  padding-top: 32px;
  margin: auto;
  text-align: left;
  max-width: 768px;
}
@media (min-width: 768px) {
  .question-admin-finish {
    text-align: center;
  }
}
.question-admin-finish__wizard {
  margin: 0 auto 16px;
}
.question-admin-finish__content {
  max-width: 520px;
  margin: 32px auto 32px auto;
  text-align: left;
}
.question-admin-finish__text .top-label {
  float: left;
}
.question-admin-finish__form {
  margin: 16px 0;
}
.question-admin-finish__visibility {
  line-height: 2;
  margin: 8px 0 16px 0;
}
.question-admin-finish__return-link {
  margin-top: 16px;
  text-align: center;
}
.question-admin-finish__return-link .link,
.question-admin-finish__return-link .link:hover,
.question-admin-finish__return-link .link:focus {
  color: #5b5d67;
}
.question-admin-finish__authorship {
  margin-bottom: 16px;
}
.question-upsert {
  padding-top: 32px;
}
.question-upsert__columns {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
}
.question-upsert__column {
  margin-right: 32px;
}
.question-upsert__text {
  margin-bottom: 32px;
}
.question-upsert__image-upload-label {
  padding-top: 11.2px;
  margin-bottom: 32px;
}
.question-upsert__whisperer {
  margin-bottom: 32px;
}
.question-upsert__image-thumbnail {
  position: relative;
  display: inline-block;
  width: 200px;
  margin-bottom: 32px;
}
.question-upsert__remove-image-button {
  border: 1px solid #c0c6cf;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  position: absolute;
  top: 8px;
  right: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  border-radius: 0.5rem;
  background-color: #35373f;
  color: white;
  cursor: pointer;
  transition: background-color 300ms;
}
.question-upsert__remove-image-button:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.question-upsert__remove-image-button:active,
.question-upsert__remove-image-button:focus {
  box-shadow: none;
}
.question-upsert__remove-image-button:hover {
  background-color: #ed3f32;
}
.question-upsert__image {
  width: 100%;
}
.question-upsert__submit-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.question-upsert__return-link {
  margin-top: 16px;
}
.question-upsert__return-link .link,
.question-upsert__return-link .link:hover,
.question-upsert__return-link .link:focus {
  color: #5b5d67;
}
.question-admin-question-list {
  padding-top: 32px;
  text-align: center;
}
.question-admin-question-list__wizard {
  margin: 0 auto 16px;
}
.question-admin-question-list__button {
  margin-top: 8px;
  margin-bottom: 24px;
}
.question-admin-question-list__table {
  margin-bottom: 32px;
  text-align: left;
}
.question-admin-question-list__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
}
.question-admin-question-list__tick-button {
  margin-left: 8px;
}
@media (min-width: 375px) {
  .question-admin-question-list__tick-button {
    margin-left: 16px;
  }
}
.question-admin-question-list__top-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-width: 1023px) {
  .question-admin-question-list__col--2 {
    min-width: 220px;
  }
}
.question-admin-question-list__explanationIcon {
  width: 16px;
  color: #44b735;
}
.question-admin-question-list__explanationIcon--cross {
  color: #ed3f32;
}
.question-admin-test {
  padding-top: 32px;
}
.question-admin-test__wizard {
  margin: 0 auto;
}
.question-admin-test__hint {
  max-width: 420px;
  text-align: left;
  line-height: 24px;
  margin: 40px auto 24px auto;
}
.question-admin-test__hint li {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .question-admin-test__hint {
    padding-left: 32px;
  }
}
.question-admin-test__form-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  padding-top: 24px;
}
.question-admin-test__form-wrap form {
  width: 100%;
}
@media (min-width: 768px) {
  .question-admin-test__form-wrap form {
    max-width: 320px;
  }
}
.question-admin-test #test_upsert_language {
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}
.question-admin-test #test_upsert_language .radio {
  padding-right: 16px;
}
.question-dashboard {
  /**
     * Sekce se uživatelovými statistikami
     *
     * [1] Oddělení od následujících dlaždic s odkazy (= zrušení mezery)
     */
  /**
     * Sekce s odkazy na seznamy testů
     *
     * [1] Oddělení od předchozích dlaždic se statistikami (= zrušení mezery)
     */
}
@media (min-width: 768px) {
  .question-dashboard__fancy {
    padding-top: 40px;
    background-image: url('/images/question-girl.jpg');
    background-size: 57rem;
    background-repeat: no-repeat;
    background-position-x: right;
  }
}
@media (min-width: 1024px) {
  .question-dashboard__fancy {
    background-size: 58rem;
  }
}
.question-dashboard__heading {
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .question-dashboard__heading {
    margin-bottom: 32px;
    font-size: 40px;
  }
}
.question-dashboard__items {
  margin-top: 0;
  margin-bottom: 48px;
  padding: 0;
}
@media (min-width: 768px) {
  .question-dashboard__items {
    margin-top: 24px;
  }
}
.question-dashboard__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 16px;
  list-style: none;
}
@media (min-width: 768px) {
  .question-dashboard__item {
    margin-bottom: 8px;
    padding-left: 8px;
    font-size: 18px;
  }
}
.question-dashboard__bullet {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  color: #44b735;
}
@media (min-width: 768px) {
  .question-dashboard__bullet {
    width: 24px;
  }
}
.question-dashboard__numbers {
  margin-bottom: 0;
  /* [1] */
}
.question-dashboard__links {
  margin-top: 0;
  /* [1] */
}
.question-start {
  padding-top: 16px;
}
.question-start__title {
  font-size: 24px;
  font-weight: bold;
}
.question-start__title a,
.question-start__title a:hover,
.question-start__title a:focus {
  color: #333;
}
.question-start__separator {
  border: 0;
  border-top: 1px solid #c0c6cf;
  margin-bottom: 32px;
}
.question-start__final-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
@media (min-width: 1024px) {
  .question-start__final-row {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.question-start__action {
  margin-bottom: 32px;
}
@media (min-width: 1024px) {
  .question-start__action {
    margin-right: 24px;
    margin-bottom: 0;
  }
}
.question-start__count {
  font-weight: bold;
}
.question-start__count-loader {
  width: 16px;
  height: 16px;
  color: #5b5d67;
}
.question-set-testing__question-set-result {
  margin-top: 24px;
}
.question-set-testing__question-text {
  margin-top: 12px;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
}
.question-set-testing__question-image {
  max-width: 500px;
  width: 100%;
  padding-bottom: 32px;
}
.question-set-testing__questions {
  margin-bottom: 32px;
}
.question-set-testing__option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  padding: 0;
  border-radius: 0.5rem;
  margin-bottom: 16px;
}
.question-set-testing__option::before {
  content: ' ';
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  background-size: cover;
}
.question-set-testing__option--correct {
  font-weight: bold;
}
.question-set-testing .question-set-testing__option--correct.question-set-testing__option--selected::before {
  background-image: url('/images/icons/fa-check--green.svg');
}
.question-set-testing .question-set-testing__option--wrong.question-set-testing__option--selected {
  text-decoration: line-through;
  color: #929292;
}
.question-set-testing .question-set-testing__option--wrong.question-set-testing__option--selected::before {
  background-image: url('/images/icons/fa-times--red.svg');
}
.question-set-testing .question-set-testing__option--correct.question-set-testing__option--unselected::before {
  background-image: url('/images/icons/fa-times--red.svg');
}
.question-set-testing__option-input {
  margin-right: 8px;
}
.question-set-testing__feedback {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 24px;
  margin-bottom: 24px;
}
.question-set-testing__feedback--reaction-wrap {
  display: -ms-flexbox;
  display: flex;
}
.question-set-testing__feedback .discussion-getter-button {
  margin-left: 8px;
}
.question-set-testing__test-discussion {
  padding-bottom: 40px;
}
@media (min-width: 1024px) {
  .question-set-testing__test-discussion {
    width: 65%;
    margin: auto;
  }
}
.question-set-testing__question-multiple-info {
  color: #787878;
  padding-bottom: 24px;
  margin-top: -16px;
}
.question-set-testing__feedback-title {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: bold;
}
.question-set-testing__question-feedback {
  display: -ms-flexbox;
  display: flex;
}
.question-set-testing__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding-bottom: 24px;
  padding-top: 24px;
  border-top: 1px solid #c0c6cf;
}
@media (min-width: 1024px) {
  .question-set-testing__buttons {
    width: 508px;
  }
}
.question-tests-my__table {
  text-align: left;
}
.question-tests-my__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
}
.question-tests-my__tick-button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 16px;
}
@media (max-width: 1023px) {
  .question-tests-my__col--1 {
    min-width: 220px;
  }
  .question-tests-my__col--2 {
    min-width: 220px;
  }
  .question-tests-my__col--7 {
    padding: 0;
  }
}
.question-tests-my__secret-icon {
  width: 16px;
  height: 16px;
  color: #35373f;
}
.question-tests-my__secret-wrap {
  margin-top: 6px;
}
.question-tests-run__button {
  margin-top: 8px;
  margin-bottom: 24px;
}
.question-tests-run__table {
  width: 100%;
  text-align: left;
}
.question-tests-run__table .button {
  width: 100%;
}
.question-tests-run__tick-button {
  margin-left: 16px;
}
.question-tests-run__col--3 {
  min-width: 144px;
}
@media (max-width: 1023px) {
  .question-tests-run__col--1 {
    min-width: 200px;
  }
  .question-tests-run__col--2 {
    min-width: 220px;
  }
  .question-tests-run__col--5 {
    min-width: 120px;
  }
}
.quiz-index {
  padding-top: 32px;
}
.quiz-index__columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.quiz-index__column:first-of-type {
  -ms-flex-order: 2;
      order: 2;
  width: 100%;
}
@media (min-width: 768px) {
  .quiz-index__column:first-of-type {
    -ms-flex-order: 1;
        order: 1;
    width: 50%;
  }
}
.quiz-index__column:last-of-type {
  -ms-flex-order: 1;
      order: 1;
  width: 100%;
  display: none;
}
@media (min-width: 768px) {
  .quiz-index__column:last-of-type {
    -ms-flex-order: 2;
        order: 2;
    width: 40%;
  }
}
@media (min-width: 768px) {
  .quiz-index__column:last-of-type {
    display: block;
  }
}
.quiz-index__box {
  box-shadow: none;
  cursor: auto;
}
.quiz-index__box:active,
.quiz-index__box:focus,
.quiz-index__box:hover {
  box-shadow: none;
}
.quiz-index h2 {
  max-width: 600px;
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .quiz-index h2 {
    font-size: 24px;
  }
}
.quiz-question {
  padding-top: 16px;
}
@media (min-width: 768px) {
  .quiz-question {
    width: 80%;
    padding-top: 32px;
  }
}
.quiz-question__logo {
  margin-bottom: 8px;
}
@media (min-width: 425px) {
  .quiz-question__logo {
    margin-bottom: 16px;
  }
}
.quiz-question__heading {
  display: none;
}
@media (min-width: 425px) {
  .quiz-question__heading {
    display: block;
  }
}
.quiz-question__logo {
  width: 80px;
}
@media (min-width: 425px) {
  .quiz-question__logo {
    width: 144px;
  }
}
@media (min-width: 425px) {
  .quiz-question__description {
    margin-bottom: 32px;
  }
}
@media (min-width: 425px) {
  .quiz-question__question {
    margin: 0 auto;
  }
}
.quiz-question__question-text {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
}
@media (min-width: 425px) {
  .quiz-question__input {
    margin-right: 4px;
  }
}
.quiz-question__option {
  border: 1px solid #c0c6cf;
  box-shadow: 0 2px 6px 0 rgba(53, 55, 63, 0.24);
  transition: box-shadow 300ms;
  display: block;
  padding: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: #c0c6cf;
  border-radius: 0.5rem;
  margin-bottom: 8px;
  cursor: pointer;
}
.quiz-question__option:hover {
  box-shadow: 0 1px 2px 0 rgba(53, 55, 63, 0.24);
}
.quiz-question__option:active,
.quiz-question__option:focus {
  box-shadow: none;
}
.quiz-question__option--selected-wrong {
  border-color: #ed3f32;
  color: #ed3f32;
}
.quiz-question__option--correct {
  border-color: #44b735;
  color: #44b735;
}
.quiz-question__option:focus-within {
  border-color: #5b5d67;
  box-shadow: none;
}
@media (min-width: 425px) {
  .quiz-question__option {
    padding: 0;
    border: none;
    box-shadow: none;
  }
  .quiz-question__option:active,
  .quiz-question__option:hover,
  .quiz-question__option:focus {
    box-shadow: none;
  }
}
.quiz-question__hint {
  margin-bottom: 32px;
  padding-top: 32px;
}
.quiz-question__hint p {
  font-size: 18px;
  font-weight: bold;
}
.quiz-question__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 425px) {
  .quiz-question__statistics {
    width: 80%;
  }
}
.quiz-question__numbers {
  font-size: 24px;
}
.quiz-question__reward {
  padding-bottom: 24px;
  padding-left: 8px;
  color: #2152d9;
}
.quiz-question__credits {
  width: 16px;
  height: 16px;
  color: #fc0;
  transform: translateX(-1rem) translateY(0.25rem) rotate(-25deg);
}
.quiz-question__evaluation {
  margin-top: 32px;
}
.quiz-question__evaluation .head {
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 8px;
}
.quiz-question__box {
  cursor: auto;
}
.referral-invite {
  text-align: center;
  /**
     * Tabulka se seznamem (zaregistrovaných) pozvaných uživatelů
     */
  /**
     * Zpráva s popisem stavu, ve kterém se nachází připsání banánů za přivedení nového uživatele
     *
     * [1] Kvůli odkazu musí být text zprávy zapsán v syntaxi Markdown, díky čemuž je automaticky přidán tag `<p>`,
     *     který má ve stylech vlastnost `margin-bottom`. Tato hodnota je zde vyresetována.
     */
}
.referral-invite__intro {
  padding-top: 48px;
  padding-bottom: 8px;
}
.referral-invite__title {
  font-size: 22px;
  line-height: 28px;
}
@media (min-width: 768px) {
  .referral-invite__title {
    font-size: 32px;
    line-height: 38px;
  }
}
.referral-invite__invited-users {
  width: 100%;
}
.referral-invite__status p {
  margin-bottom: 0;
  /* [1] */
}
.referral-landing {
  text-align: center;
}
.referral-landing__intro {
  padding-top: 48px;
  padding-bottom: 32px;
}
.settings-vsestudent__columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (min-width: 768px) {
  .settings-vsestudent__columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.settings-vsestudent__column--text {
  min-width: 120px;
}
@media (min-width: 768px) {
  .settings-vsestudent__column--text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
    max-width: 50%;
  }
}
.settings-vsestudent__column--image {
  display: none;
}
@media (min-width: 768px) {
  .settings-vsestudent__column--image {
    display: block;
    max-width: 33%;
  }
}
.sharer-modal {
  max-width: 600px;
}
.sharer-modal__btns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  padding: 10px;
}
.sharer-modal__btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-decoration: none;
}
.sharer-modal__icon {
  width: 42px;
  height: 42px;
  fill: #5b5d67;
  transition: all 300ms;
}
.sharer-modal__icon--fb {
  fill: #3b579d;
}
.sharer-modal__icon--messenger {
  fill: #006AFF;
}
.sharer-modal__icon--whatsapp {
  fill: #25d366;
}
.sharer-modal__icon:hover {
  fill: #333;
}
.page-contacts .heading {
  padding-bottom: 16px;
}
.page-contacts h2 {
  margin-top: 32px;
}
.subject__abuse {
  padding-top: 16px;
}
.system-message {
  max-width: 320px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  text-align: center;
}
.system-message__title {
  margin-bottom: 16px;
}
.system-message__icon {
  width: 64px;
  height: 64px;
  margin-top: 40px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
.system-message__message {
  margin-bottom: 32px;
  color: #5b5d67;
}
.system-message__note {
  margin-top: 32px;
}
.test-list__count-message {
  padding-top: 20px;
  text-align: center;
}
.top-tests-how-modal {
  text-align: center;
}
.top-tests-how-modal ul {
  text-align: left;
}
.top-tests-how-modal ul li:first-child {
  padding-bottom: 16px;
}
.top-tests-how-modal__banana {
  width: 24px;
  height: 24px;
  color: #fc0;
}
.top-tests-how-modal__button {
  margin-bottom: 20px;
}
/**
 * Tento dokument slouží pro rychlé bug-fixy a ostatní nezařaditelné věci. Je to ovšem pouze dočasné úložiště –
 * deklarace zde zapsané je nutné při první vhodné příležitosti korektně integrovat do nějaké komponenty. Jedná se tedy
 * o živý to-do list.
 *
 * Je ostuda sem něco psát! Tento soubor musí být v ideálním případě prázdný!
 *
 * Pro více informací o tomto konceptu viz http://csswizardry.com/2013/04/shame-css/
 *
 * https://youtu.be/VTjtXswrKso?t=58s Shame! Shame!
 */
/**
 * Třída použitá při vykreslení modálního okna
 *
 * Používat na element <body>!
 */
.disable-scroll {
  overflow: hidden;
}
.hide-body-content {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 666;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.85);
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1024px) {
  .hide-body-content__disable-on-desktop {
    background: rgba(255, 255, 0, 0);
  }
}
/**
 * Při načtení modálu není žádnej content a navigace vypadá blbě, protože nemá spodní border.
 */
.main-content {
  min-height: 8px;
}
.main-content > *[data-target="modal"] {
  display: none;
}
/**
 * Odstranění odsazení první sekce (používané kvůli kolizi první sekce a navigace) v modálu. Proč jsou vlastně v modálu
 * sekce?
 */
.modal .section:first-of-type {
  margin-top: 0;
}
.no-user-select {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.no-user-select:focus {
  outline: none !important;
}