@charset "utf-8";

.szn-suggest-list--dark { --color-box-background: #333; --color-box-border: #555; --color-element-background: #555; --color-text: #f0f0f0; --color-text-metadata: #999; --color-bakground-metadata: #fff; --color-button: #f0f0f0; --color-miniapp-label: #999; --color-label: #999; }

.szn-suggest-list--light, .szn-suggest-list--system { --color-box-background: #fff; --color-box-border: #eee; --color-element-background: #eee; --color-text: #111; --color-text-metadata: #999; --color-bakground-metadata: #fff; --color-button: #111; --color-miniapp-label: #999; --color-label: #999; }

@media (prefers-color-scheme: dark) {
  .szn-suggest-list--system { --color-box-background: #333; --color-box-border: #555; --color-element-background: #555; --color-text: #f0f0f0; --color-text-metadata: #999; --color-bakground-metadata: #fff; --color-button: #f0f0f0; --color-miniapp-label: #999; --color-label: #999; }
}

.szn-suggest-list { position: relative; z-index: 401; font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; }

.szn-suggest-list--overlay-off { position: relative; z-index: 401; }

.szn-suggest-list__overlay { position: absolute; inset: 0px; z-index: 400; min-width: 100%; min-height: 100%; background-color: transparent; opacity: 0; }

.szn-suggest-list__overlay__cover { position: relative; inset: 0px; z-index: 400; min-width: 100%; min-height: 100%; background-color: rgb(0, 0, 0); }

@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.szn-suggest-list__list { margin: 0px; padding: 0px; list-style: none; }

.szn-suggest-list__list--boxed { border: 1px solid rgb(238, 238, 238); border-radius: 4px; overflow: hidden; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; }

.szn-suggest-list__item { margin: 0px; padding: 10px 12px; }

.szn-suggest-list__item--indented { padding-left: 56px; }

.szn-suggest-list__item--text { padding-top: 4px; padding-bottom: 4px; cursor: pointer; }

.szn-suggest-list__item--text:first-child { margin-top: 8px; }

.szn-suggest-list__item--text:last-child { margin-bottom: 8px; }

.szn-suggest-list__item--text.szn-suggest-list__item--selected { background-color: rgb(238, 238, 238); }

.szn-suggest-list__text { display: flex; flex-flow: row; justify-content: flex-start; }

@supports (display: -webkit-box) {
  .szn-suggest-list__text { min-height: 36px; overflow: hidden; align-items: center; }
}

.szn-suggest-list__text-value { display: inline-block; margin: 4px 0px; max-width: calc(100% - 50px); flex-shrink: 0; overflow: hidden; font-size: 16px; font-weight: 700; line-height: 36px; color: rgb(17, 17, 17); white-space: nowrap; }

.szn-suggest-list__text-value--short { max-width: calc(100% - 82px); text-overflow: ellipsis; }

@supports (display: -webkit-box) {
  .szn-suggest-list__text-value { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; white-space: normal; text-overflow: ellipsis; }
}

.szn-suggest-list__text-value--emphasized { font-weight: 400; }

.szn-suggest-list__text-metadata--text { display: inline-block; overflow: hidden; font-size: 14px; line-height: 36px; color: rgb(153, 153, 153); white-space: nowrap; text-overflow: ellipsis; }

.szn-suggest-list__text-metadata--image { display: inline-block; border-radius: 8px; width: 32px; height: 32px; flex-shrink: 0; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.szn-suggest-list__text-metadata--image--dark { opacity: 0.9; }

.szn-suggest-list__text-metadata--image--rounded { border-radius: 50%; }

.szn-suggest-list__text-metadata--leading { display: inline-block; margin-right: 12px; width: 32px; height: 32px; flex-shrink: 0; overflow: hidden; }

.szn-suggest-list__text-metadata-container { display: flex; height: 36px; flex-grow: 1; overflow: hidden; flex-wrap: wrap; justify-content: space-between; white-space: nowrap; }

.szn-suggest-list__text-bottom-metadata-container { display: flex; margin-top: 2px; height: 16px; flex-grow: 1; overflow: hidden; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }

.szn-suggest-list__text-metadata--bottom { padding: 2px 0px; height: 16px; font-weight: 400; line-height: 12px; }

.szn-suggest-list__text-bottom-metadata-container .szn-suggest-list__text-metadata--bottom { font-size: 12px; }

.szn-suggest-list__text-metadata-container--prioritize-aside-meta-data { flex-direction: row-reverse; }

.szn-suggest-list__text-metadata--trailing { margin-left: 8px; max-width: calc(100% - 8px); flex: 0 0 auto; }

.szn-suggest-list__text-button + .szn-suggest-list__text-metadata--trailing { max-width: calc(100% - 40px); }

.szn-suggest-list__text-metadata--text.szn-suggest-list__text-metadata--trailing::before { content: "– "; }

.szn-suggest-list__text-metadata--aside { margin-left: 8px; flex: 0 0 auto; text-align: right; }

.szn-suggest-list__text-button { display: flex; margin: auto 4px; border: none; border-radius: 50%; min-width: 32px; min-height: 32px; justify-content: center; align-items: center; background: none; cursor: pointer; opacity: 0.4; }

.szn-suggest-list__text-button svg { fill: rgb(17, 17, 17); }

.szn-suggest-list__text-button:hover { opacity: 1; }

.szn-suggest-list__text-button-icon { width: 13px; height: 13px; }

.szn-suggest-list__miniapp-label { display: block; margin: 0px 0px 8px; font-size: 14px; line-height: 20px; color: rgb(153, 153, 153); }

.szn-suggest-list__miniapp-value { display: block; margin: 0px; font-size: 16px; font-weight: 700; line-height: 20px; color: rgb(17, 17, 17); }

.szn-suggest-list__item--miniapp { border-top: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); }

.szn-suggest-list__item--miniapp:first-child { border-top: none; }

.szn-suggest-list__item--miniapp:last-child { border-bottom: none; }

.szn-suggest-list__item--miniapp + .szn-suggest-list__item--miniapp { border-top: none; }

.szn-suggest-list__item--label { padding-top: 4px; padding-bottom: 4px; }

.szn-suggest-list__item--label:first-child { margin-top: 8px; }

.szn-suggest-list__item--label:last-child { margin-bottom: 8px; }

.szn-suggest-list__label-value { display: block; margin: 0px; font-size: 14px; line-height: 20px; color: rgb(153, 153, 153); white-space: nowrap; }

.szn-suggest-list__tiled-list { margin-bottom: 8px; overflow-x: auto; }

.szn-suggest-list__tiled-list ul { display: inline-flex; margin: 0px 6px 0px 8px; padding: 0px; overflow-x: auto; list-style: none; }

.szn-suggest-list__tiled-item { display: inline-block; position: relative; box-sizing: border-box; padding: 8px; width: 120px; cursor: pointer; }

.szn-suggest-list__tiled-text-value { display: inline-block; margin-top: 8px; max-width: 100%; flex-shrink: 0; overflow: hidden; font-size: 14px; font-weight: 700; line-height: 36px; text-align: left; color: rgb(17, 17, 17); white-space: nowrap; }

.szn-suggest-list__tiled-text-value--emphasized { font-weight: 400; }

@supports (display: -webkit-box) {
  .szn-suggest-list__tiled-text-value { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; white-space: normal; text-overflow: ellipsis; }
}

.szn-suggest-list__tiled-item.szn-suggest-list__item--selected { border-radius: 4px; background-color: rgb(238, 238, 238); }

.szn-suggest-list__tiled-text-metadata { margin: 0px; border-radius: 8px; width: 104px; height: 104px; flex-shrink: 0; overflow: hidden; background-color: rgb(255, 255, 255); opacity: 0.9; }

.szn-suggest-list__tiled-text-metadata--image { display: block; width: 104px; height: 104px; background-position: center center; background-size: contain; background-repeat: no-repeat; mix-blend-mode: multiply; }

@supports (display: var(--prop)) {
  .szn-suggest-list__list--boxed { border: 1px solid var(--color-box-border); background-color: var(--color-box-background); }
  .szn-suggest-list__item--text.szn-suggest-list__item--selected { background-color: var(--color-element-background); }
  .szn-suggest-list__text-value { color: var(--color-text); }
  .szn-suggest-list__text-metadata--text { color: var(--color-text-metadata); }
  .szn-suggest-list__text-button svg { fill: var(--color-button); }
  .szn-suggest-list__miniapp-label { color: var(--color-miniapp-label); }
  .szn-suggest-list__miniapp-value { color: var(--color-text); }
  .szn-suggest-list__item--miniapp { border-top: 1px solid var(--color-box-border); border-bottom: 1px solid var(--color-box-border); }
  .szn-suggest-list__label-value { color: var(--color-label); }
  .szn-suggest-list__tiled-text-value { color: var(--color-text); }
  .szn-suggest-list__tiled-item.szn-suggest-list__item--selected { background-color: var(--color-element-background); }
  .szn-suggest-list__tiled-text-metadata { background-color: var(--color-bakground-metadata); }
}

.szn-suggest-list__item--buttons { display: flex; margin-top: auto; padding-bottom: 24px; justify-content: center; gap: 16px; }

.szn-suggest-list__button { border: 0px; border-radius: 100px; padding: 8px 16px; justify-content: center; font-weight: 700; background: rgb(244, 244, 244); }

.szn-suggest-list__button:hover { color: var(--color-text); }

.szn-mobile-input-with-suggest-list--dark { --color-input-background: #333; --color-input-shadow: #111; --color-text: #f0f0f0; --color-text-placeholder: #999; --color-box-background: #333; --color-button-primary: #c00; --color-button-search: #f0f0f0; --color-button-roundedBackground: #eee; --color-button-close: #000; --color-button-clear: #999; --color-button-back: #f0f0f0; --color-button-disabled: #999; }

.szn-mobile-input-with-suggest-list--light, .szn-mobile-input-with-suggest-list--system { --color-input-background: #fff; --color-input-shadow: #ccc; --color-text: #111; --color-text-placeholder: #999; --color-box-background: #fff; --color-button-primary: #c00; --color-button-search: #f0f0f0; --color-button-roundedBackground: #eee; --color-button-close: #000; --color-button-clear: #999; --color-button-back: #111; --color-button-disabled: #999; }

@media (prefers-color-scheme: dark) {
  .szn-mobile-input-with-suggest-list--system { --color-input-background: #333; --color-input-shadow: #111; --color-text: #f0f0f0; --color-text-placeholder: #999; --color-box-background: #333; --color-button-primary: #c00; --color-button-search: #f0f0f0; --color-button-keyboardBackground: #f0f0f0; --color-button-keyboard: #404040; --color-button-roundedBackground: #eee; --color-button-close: #000; --color-button-clear: #999; --color-button-back: #f0f0f0; --color-button-disabled: #999; }
}

.szn-mobile-input-with-suggest-list--dark, .szn-mobile-input-with-suggest-list--light, .szn-mobile-input-with-suggest-list--system { height: 100%; }

.szn-mobile-input-with-suggest-list__controlPanel { display: flex; position: fixed; left: 0px; top: 0px; z-index: 10000; box-sizing: border-box; border: none; padding: 8px; width: 100%; height: 56px; align-items: center; background-color: var(--color-input-background); box-shadow: 0 0 8px var(--color-input-shadow); }

.szn-mobile-input-with-suggest-list__controlPanel__input-2, .szn-mobile-input-with-suggest-list__controlPanel__input-3 { box-sizing: border-box; margin: 0px; outline: none; border: none; height: 40px; overflow: hidden; color: var(--color-text); background-color: var(--color-input-background); }

.szn-mobile-input-with-suggest-list__controlPanel__input-2::placeholder, .szn-mobile-input-with-suggest-list__controlPanel__input-3::placeholder { color: var(--color-text-placeholder); }

.szn-mobile-input-with-suggest-list__controlPanel__input-2 { width: calc(-112px + 100vw); }

.szn-mobile-input-with-suggest-list__controlPanel__input-3 { width: calc(-160px + 100vw); }

.szn-mobile-input-with-suggest-list__suggestList { position: fixed; left: 0px; top: 56px; z-index: 9999; width: 100vw; height: calc(100% - 56px); overflow-y: scroll; background-color: var(--color-box-background); }

@keyframes speakingLeft { 
  0% { transform: translate(0px); }
  20% { transform: translate(-4px); }
  50% { transform: translate(7.5px); }
  80% { transform: translate(-4px); }
  100% { transform: translate(0px); }
}

@keyframes speakingRight { 
  0% { transform: translate(0px); }
  20% { transform: translate(4px); }
  50% { transform: translate(-7.5px); }
  80% { transform: translate(4px); }
  100% { transform: translate(0px); }
}

@keyframes speaking { 
  0% { transform: scale(1); }
  20% { transform: scaleX(1.5); }
  50% { transform: scaleX(0.25); }
  80% { transform: scaleX(1.5); }
  100% { transform: scale(1); }
}

.szn-mobile-input-with-suggest-list__button { display: flex; margin: 0px; outline: none; border: transparent; border-radius: 4px; padding: 0px; width: 48px; height: 40px; justify-content: center; align-items: center; background-color: transparent; background-position: center center; background-repeat: no-repeat; cursor: pointer; }

.szn-mobile-input-with-suggest-list__button--primary { background-color: var(--color-button-primary); }

.szn-mobile-input-with-suggest-list__button--rounded { border-radius: 50%; height: 48px; background-color: var(--color-button-roundedBackground); }

.szn-mobile-input-with-suggest-list__button--icon-search svg path { color: var(--color-button-search); fill: var(--color-button-search); }

.szn-mobile-input-with-suggest-list__button--icon-clear { color: var(--color-button-clear); fill: var(--color-button-clear); }

.szn-mobile-input-with-suggest-list__button--icon-back { color: var(--color-button-back); fill: var(--color-button-back); }

.szn-mobile-input-with-suggest-list__button--icon-close { color: var(--color-button-close); fill: var(--color-button-close); }

.szn-mobile-input-with-suggest-list__button--disabled { background-color: var(--color-button-disabled); cursor: not-allowed; }

.ribbon-badge { display: flex; z-index: 9001; min-width: 50px; height: 42px; flex-shrink: 0; justify-content: flex-end; align-items: center; }

@media (min-width: 600px) {
  .ribbon-badge { min-width: 192px; }
}

.ribbon-badge szn-login-widget { --icon: var(--ribbon-notifications-color, #c0c0c0); --icon-hover: var(--ribbon-notifications-color-hover, #000000); }

.ribbon-button { display: flex; position: relative; flex-shrink: 0; align-items: center; text-decoration: none; }

.ribbon-button__button { display: flex; box-sizing: border-box; margin: 0px; border: 0px; padding: 0px; width: 100%; height: 100%; overflow: visible; justify-content: center; align-items: center; font-family: inherit; font-size: 100%; line-height: 100%; text-align: center; color: inherit; text-transform: none; background: transparent; cursor: pointer; outline: none; }

.ribbon-button__button .ribbon-icon { color: inherit; }

.ribbon-control__icon { margin-right: 16px; width: var(--ribbon-control-icon-width, 14px); }

.ribbon-control__label { margin-right: 16px; flex-shrink: 0; color: var(--ribbon-control-label-color, #cc0000); }

.ribbon-control__icon ~ .ribbon-control__label { display: none; }

@media (min-width: 600px) {
  .ribbon-control__icon { margin-right: 6px; }
  .ribbon-control__icon ~ .ribbon-control__label { display: block; }
}

.ribbon-menu { font-family: "Trivia Seznam", Helvetica, Arial, sans-serif; position: fixed; inset: 56px 0px 0px; z-index: 9000; box-sizing: border-box; width: 100%; height: calc(var(--ribbon-inner-height, 100%) - 56px); overflow: hidden; transition: opacity 0.4s; }

@media (max-width: 599px) {
  .ribbon-search-desktop, .ribbon-search-desktop__submit { display: none !important; }
}

.ribbon-menu--hidden { pointer-events: none; visibility: hidden; opacity: 0; }

.ribbon-menu__button { position: absolute; right: 0px; top: 0px; width: 44px; height: 44px; color: var(--ribbon-submenu-button-color, #a0a0a0); }

.ribbon-menu__button--up { transform: rotate(180deg); }

.ribbon-menu__content { position: absolute; inset: 0px; box-sizing: border-box; padding: 16px 12px; width: 100%; height: 100%; overflow-y: scroll; background: var(--ribbon-menu-background-color, #fafafa); transition: left 0.4s; }

.ribbon-menu__content::before { position: absolute; left: 0px; top: -30px; width: 100%; height: 30px; content: ""; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px, rgba(0, 0, 0, 0.12) 0px 8px 30px -12px; }

.ribbon-menu__content--hidden { left: -100%; }

.ribbon-menu__item { display: block; position: relative; padding: 0px 8px; min-height: 44px; font-size: 16px; font-weight: 400; line-height: 44px; color: var(--ribbon-menu-item-color, #000000); }

.ribbon-menu__link { font-size: inherit; font-weight: inherit; color: inherit; text-decoration: none; }

.ribbon-menu__link:visited { color: inherit; }

.ribbon-menu__primary, .ribbon-menu__secondary { margin: 0px; padding: 0px; list-style: none; }

.ribbon-menu__primary { border-top: none; }

.ribbon-menu__primary > .ribbon-menu__item { border-bottom: 1px solid var(--ribbon-menu-separator-color, #f0f0f0); }

.ribbon-menu__primary > .ribbon-menu__item:first-child { border-top: 1px solid var(--ribbon-menu-separator-color, #f0f0f0); font-weight: 700; }

.ribbon-menu__primary > .ribbon-menu__item:nth-child(n+2) { color: var(--ribbon-menu-primary-color, #cc0000); }

.ribbon-menu__secondary { max-height: 1056px; overflow: hidden; transition: max-height 0.8s; }

.ribbon-menu__secondary--hidden { max-height: 0px; transition-timing-function: cubic-bezier(0, 1, 0, 1); border-top: none; }

@media (min-width: 600px) {
  .ribbon-menu { background: rgba(0, 0, 0, 0.5); }
  .ribbon-menu__button { display: none; }
  .ribbon-menu__content { padding: 18px 30px; width: 436px; scrollbar-width: none; }
  .ribbon-menu__content::-webkit-scrollbar { width: 0px; height: 0px; }
  .ribbon-menu__content--hidden { left: -436px; }
  .ribbon-menu__item { padding: 0px; min-height: 24px; line-height: 24px; }
  .ribbon-menu__link:hover { text-decoration: underline; }
  body a:focus, body a:hover { text-decoration: underline; }
  .ribbon-menu__primary > .ribbon-menu__item { margin-bottom: 24px; border: 0px; font-weight: 700; }
  .ribbon-menu__primary > .ribbon-menu__item:first-child { border: 0px; }
  .ribbon-menu__secondary { margin-top: 8px; margin-bottom: 6px; columns: 180px 2; }
  .ribbon-menu__secondary--hidden { max-height: none; }
  .ribbon-menu__secondary > .ribbon-menu__item { margin-bottom: 4px; font-size: 15px; }
}

.ribbon-menu__button .ribbon-icon { height: 22px; }

.ribbon-search { display: flex; position: fixed; left: 8px; top: 0px; z-index: 9002; padding-top: 8px; width: 100%; max-width: calc(100% - 98px); flex-direction: column; transition: opacity 0.4s ease-in-out, visibility 0.4s; }

.ribbon-search--hidden { visibility: hidden; opacity: 0; }

.ribbon-search__bar { display: flex; height: 40px; }

@media (min-width: 600px) {
  .ribbon-search { position: relative; left: 0px; padding-top: 0px; max-width: 614px; }
}

.ribbon-search-desktop { display: flex; position: relative; max-width: calc(100% - 48px); flex: 1 1 0%; flex-direction: column; }

@media (min-width: 600px) {
  .ribbon-search-desktop { max-width: calc(100% - 64px); }
}

.ribbon-search-desktop__submit { border-radius: 0px 4px 4px 0px; width: 48px; height: 100%; flex-shrink: 0; color: var(--ribbon-search-button-icon-color, #ffffff); background: var(--ribbon-search-button-color, #cc0000); }

@media (min-width: 600px) {
  .ribbon-search-desktop__submit { width: 64px; }
}

.ribbon-search-desktop__submit:hover { background: var(--ribbon-search-button-hover-color, #a00000); }

.ribbon-search-desktop__icon-search { width: 20px; height: 20px; }

.ribbon-search-desktop__clear { display: none; position: absolute; right: 0px; top: 0px; padding-right: 8px; width: 32px; height: 100%; color: var(--ribbon-search-clear-icon-color, #cccccc); }

.ribbon-search-desktop__clear:hover { color: var(--ribbon-search-clear-icon-hover-color, #000000); }

.ribbon-search-desktop__clear--visible { display: block; }

.ribbon-search-desktop__icon-cross { width: 16px; height: 16px; }

.ribbon-search-desktop .szn-input-with-suggest-list { box-sizing: border-box; margin: 0px; border-top-color: ; border-bottom-color: ; border-left-color: ; border-radius: 4px 0px 0px 4px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-width: 1px 0px 1px 1px; border-right-style: initial; border-right-color: initial; padding: 0px 40px 0px 14px; min-height: 100%; flex-grow: 1; font-family: "Trivia Seznam", Helvetica, Arial, sans-serif; font-size: 16px; line-height: normal; color: var(--ribbon-search-font-color, #222222); background: var(--ribbon-search-background-color, #ffffff); appearance: none; outline: none; }

.ribbon-search-desktop .szn-input-with-suggest-list:hover { border-color: var(--ribbon-search-border-hover-color, #666666); }

.ribbon-search-desktop .szn-input-with-suggest-list::placeholder { color: var(--ribbon-search-placeholder-color, #757575); }

.ribbon-search-desktop .szn-suggest-list { font-family: "Trivia Seznam", Helvetica, Arial, sans-serif; }

.szn-mobile-input-with-suggest-list--light { --color-button-primary: var(--ribbon-search-button-color, #cc0000); }

.szn-mobile-input-with-suggest-list__button--icon-back { box-sizing: content-box; padding: 0px 10px; width: 20px; }

.szn-mobile-input-with-suggest-list__button--icon-clear { box-sizing: content-box; padding: 0px 22px; width: 12px; }

.szn-mobile-input-with-suggest-list__button--icon-search { box-sizing: content-box; padding: 0px 12px; width: 20px; }

.szn-mobile-input-with-suggest-list__button--icon-back .ribbon-icon, .szn-mobile-input-with-suggest-list__button--icon-clear .ribbon-icon, .szn-mobile-input-with-suggest-list__button--icon-search .ribbon-icon { width: 100%; height: auto; }

.szn-mobile-input-with-suggest-list__controlPanel__input-2, .szn-mobile-input-with-suggest-list__controlPanel__input-3 { width: auto; flex-grow: 1; font-family: Arial, Helvetica, sans-serif; font-size: 18px; }

.ribbon-mobile-search__input { display: none; }

.ribbon-service { display: flex; height: 32px; flex-shrink: 1; align-items: center; font-size: 14px; color: var(--ribbon-service-color, #000000); text-decoration: none; }

.ribbon-service:hover { text-decoration: none; }

.ribbon-service:hover, .ribbon-service:visited { color: var(--ribbon-service-color, #000000); }

.ribbon-service__icon { display: none; margin-right: 8px; width: 32px; height: 32px; }

.ribbon-service__icon-label { display: none; white-space: nowrap; }

.ribbon-service__logo { width: auto; max-width: 100%; height: 24px; min-height: 24px; max-height: 32px; }

@media (min-width: 600px) {
  .ribbon-service__icon, .ribbon-service__icon-label { display: block; font-size: 16px; }
  .ribbon-service__icon ~ .ribbon-service__logo { display: none; }
}

.ribbon-service--sbr .ribbon-service__icon, .ribbon-service--sbr .ribbon-service__icon-label { display: block; }

.ribbon-service--sbr .ribbon-service__logo { display: none; }

.ribbon-seznam { display: flex; flex-shrink: 0; align-items: center; color: var(--ribbon-seznam-color, #cc0000); }

.ribbon-seznam__link, .ribbon-seznam__link:hover, .ribbon-seznam__link:visited { color: var(--ribbon-seznam-color, #cc0000); text-decoration: none; }

.ribbon { display: flex; position: fixed; left: 0px; top: 0px; z-index: 9000; box-sizing: border-box; padding: 0px 16px; width: 100%; height: 56px; background: var(--ribbon-background-color, #ffffff); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px, rgba(0, 0, 0, 0.12) 0px 8px 30px -12px; }

.ribbon--base { font-family: "Trivia Seznam", Helvetica, Arial, sans-serif; font-size: 14px; }

.ribbon--blind { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

.ribbon--unfixed { position: absolute; }

.ribbon--show-search .ribbon-seznam { visibility: hidden; }

@media (min-width: 600px) {
  .ribbon--show-search .ribbon-seznam { visibility: visible; }
}

.ribbon__menu-button { margin-right: 8px; margin-left: -8px; color: var(--ribbon-menu-button-color, #909090); }

.ribbon__menu-button .ribbon-button__button { box-sizing: content-box; border-radius: 4px; padding: 8px; width: 16px; height: 16px; }

.ribbon__menu-button .ribbon-button__button:focus-visible { outline: black solid 2px; }

.ribbon__start, .ribbon__center, .ribbon__end { display: flex; align-items: center; }

.ribbon__center { min-width: 0px; flex-grow: 1; }

.ribbon__end { margin-left: 16px; flex-shrink: 0; }

.ribbon__end--reversed { display: flex; flex-shrink: 0; }

@media (min-width: 600px) {
  .ribbon:not(.ribbon--unfixed) { padding-right: 31px; width: 100vw; }
  .ribbon__end { margin-left: 0px; }
  .ribbon__end--reversed { flex-direction: row-reverse; }
  .ribbon__center { margin: 0px 16px; }
}

.ribbon__end .ribbon-seznam { margin-right: 16px; }

.ribbon__menu-button .ribbon-icon { height: 12px; }

.ribbon__menu-button .ribbon-button__button { position: relative; }

.ribbon__menu-button .ribbon-button__button .ribbon-icon__menu, .ribbon__menu-button .ribbon-button__button .ribbon-icon__menu-cross { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; }

.ribbon__menu-button .ribbon-button__button .ribbon-icon__menu-cross { height: 12px; width: 12px; visibility: hidden; opacity: 0; display: none !important; }

.ribbon__menu-button--open .ribbon-button__button .ribbon-icon__menu { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0px !important; height: 0px !important; overflow: hidden !important; position: absolute !important; clip: rect(0px, 0px, 0px, 0px) !important; }

.ribbon__menu-button--open .ribbon-button__button .ribbon-icon__menu-cross { display: block !important; visibility: visible !important; opacity: 1 !important; }

@media (min-width: 600px) {
  .ribbon .ribbon-seznam { margin-right: 0px; margin-left: 16px; }
}