@font-face {
   font-family: iconset;
   src: url(../fonts/iconset.eot?t=1684060945129);
   src:
      url(../fonts/iconset.eot?t=1684060945129) format("embedded-opentype"),
      url(../fonts/iconset.woff2?t=1684060945129) format("woff2"),
      url(../fonts/iconset.woff?t=1684060945129) format("woff"),
      url(../fonts/iconset.ttf?t=1684060945129) format("truetype"),
      url(../fonts/iconset.svg?t=1684060945129) format("svg");
}
[class*=" iconset-"],
[class^="iconset-"] {
   font-family: iconset !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.iconset-calendar:before {
   content: "\ea01";
}
.iconset-checkmark:before {
   content: "\ea02";
}
.iconset-checkmark2:before {
   content: "\ea03";
}
.iconset-danger:before {
   content: "\ea04";
}
.iconset-delivery-fast:before {
   content: "\ea05";
}
.iconset-delivery:before {
   content: "\ea06";
}
.iconset-dots:before {
   content: "\ea07";
}
.iconset-eye:before {
   content: "\ea08";
}
.iconset-info:before {
   content: "\ea09";
}
.iconset-quotation:before {
   content: "\ea0a";
}
.iconset-star-half:before {
   content: "\ea0b";
}
.iconset-star:before {
   content: "\ea0c";
}
.iconset-success:before {
   content: "\ea0d";
}
.iconset-thumb-up:before {
   content: "\ea0e";
}
.iconset-time:before {
   content: "\ea0f";
}
.iconset-warning:before {
   content: "\ea10";
}
.iconset-world:before {
   content: "\ea11";
}
#coupons.coupons {
   margin-top: 32px;
   margin-bottom: 32px;
}
#coupons .coupons__title {
   margin-bottom: 32px;
   text-align: center;
}
#coupons .coupons__title.coupons__title-animate {
   animation: scaleCoupon 1.5s linear infinite;
}
#coupons .coupons__container {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 32px;
}
@media not all and (min-width: 640px) {
   #coupons .coupons__container {
      flex-direction: column;
   }
}
.coupon {
   --card-w: 100px;
   --card-h: 51.9682px;
   margin: 0;
   height: calc(var(--card-h) * 1.5);
   width: calc(var(--card-w) * 1.5);
   border-style: none;
   padding: 0;
   box-shadow: none;
   backface-visibility: visible;
   background: #0000;
   font-family:
      Inter,
      -apple-system,
      BlinkMacSystemFont,
      Segoe UI,
      Roboto,
      Oxygen,
      Ubuntu,
      Cantarell,
      Open Sans,
      Helvetica Neue,
      sans-serif;
   transform-style: preserve-3d;
   transition: all 0.2s ease-out;
}
.flip,
.unflip {
   position: absolute;
   left: 10px;
   right: 10px;
   bottom: 10px;
   top: 10px;
   display: flex;
   cursor: pointer;
   align-items: center;
   justify-content: center;
   text-align: center;
   font-size: 18px;
   text-transform: uppercase;
   transition: all 0.3s ease-out;
}
.unflip {
   font-size: 38px;
   letter-spacing: -0.05em;
}
.inner-coupon-backface {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   color: #fff;
   background: url(../img/coupon.svg) no-repeat 50%;
   transform: rotateX(0) rotateY(0deg) scale(1) translateZ(-4px);
   transition: all 0.15s ease-out;
   will-change: transform, filter;
}
.inner-coupon-backface-selected {
   background: url(../img/coupon-red.svg) no-repeat 50%;
}
.coupon.flipped {
   transform: rotateY(180deg);
}
.coupon .flip-inner-coupon {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   transform: rotateY(180deg);
}
.coupon .inner-coupon {
   font-size: 2rem;
   color: #fff;
   padding: 1rem 2rem;
   line-height: 3rem;
   will-change: transform, filter;
   float: none;
   background: url(../img/coupon.svg) no-repeat 50%;
   transition: all 0.15s ease-out;
   height: auto;
   border-radius: 14px;
   box-sizing: border-box;
   overflow: hidden;
   display: block;
   margin: 0 auto;
   transform: rotateX(0deg) rotateY(0deg) scale(1);
   top: 0;
   height: 100%;
   filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.3));
   font-weight: 500;
   perspective-origin: 0 0;
   letter-spacing: 0;
}
.coupon .glare {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   transition: all 0.1s ease-out;
   pointer-events: none;
   height: 100%;
   border-radius: 14px;
   z-index: 9999;
   mix-blend-mode: hard-light;
   background: radial-gradient(circle at 50% 50%, #c7c6f3, #0000);
   opacity: 0;
}
.coupon.animated .glare {
   opacity: 0.3;
}
@keyframes scaleCoupon {
   0%,
   to {
      transform: scale(1);
   }
   50% {
      transform: scale(1.1);
   }
}
html {
   scroll-behavior: smooth !important;
}
#order .shadow {
   box-shadow: 0 0 8px 0 #0003;
}
#ribbon path {
   fill: var(--ribbon-color);
}
#ribbon rect {
   fill: var(--ribbon-dark-color);
}
#order .order {
   --background-color: #075985;
   --border-radius: 32px;
   --form-radius: calc(var(--border-radius) / 4);
   --font-size: 18px;
   --ribbon-size: 150px;
   --ribbon-color: #af0000;
   --ribbon-dark-color: #7d0000;
   --grad-from: #909090;
   --grad-to: #075985;
   --grad-direction: to bottom right;
   --form-gap: 18px;
   flex-wrap: wrap;
   justify-content: space-between;
   margin: 40px 0;
   padding: 24px;
   background-color: #fff;
   gap: 32px 32px;
   box-sizing: border-box;
}
#order .order,
#order .order__left {
   display: flex;
   border-radius: var(--border-radius);
}
#order .order__left {
   position: relative;
   flex: 1 1 min(40%, 210px);
   padding: 8px;
   background: linear-gradient(var(--grad-direction), var(--grad-from), var(--grad-to));
   background-color: var(--background-color);
   box-sizing: inherit;
}
#order .order__inner {
   position: absolute;
   left: -17px;
   top: -17px;
   width: var(--ribbon-size);
   height: var(--ribbon-size);
}
#order .order__ribbon {
   width: 100%;
   height: 100%;
}
#order .order__discount {
   position: absolute;
   left: 40%;
   top: 40%;
   margin: 0;
   width: auto;
   font-weight: 700;
   font-size: 30px;
   text-align: center;
   color: #fff;
   transform: translate(-50%, -50%) rotate(-45deg);
}
#order .order__product {
   display: block;
   margin: auto;
   max-width: 100%;
   max-height: 450px;
   -o-object-fit: contain;
   object-fit: contain;
}
#order .order__right {
   flex: 1 1 min(50%, 260px);
   align-self: center;
   min-width: 260px;
   box-sizing: inherit;
}
#order .order__prices {
   margin: 0;
   padding: 0;
}
#order .order__form,
#order .order__prices {
   margin-bottom: var(--form-gap);
   border-bottom: 1px solid #d5d5d5;
   padding-bottom: var(--form-gap);
}
#order .order__form {
   box-sizing: inherit;
}
#order .order__prod-left {
   margin: 0;
   padding: 0;
}
#order .prod-left {
   display: flex;
   align-items: baseline;
   justify-content: center;
   font-size: calc(var(--font-size) - 2px);
   text-align: center;
}
#order .prod-left__text {
   margin-right: 6px;
}
#order .prod-left__pad {
   flex: 0 0 auto;
   border-radius: 5px;
   padding: 8px 8px 6px;
   box-sizing: border-box;
   line-height: 1;
   color: #fff;
   background-color: var(--background-color);
}
#order .prod-left__pad b {
   animation: blink 1s ease-in-out infinite;
}
#order .prod-left__pad--low {
   color: #fff;
   background-color: #b51111;
}
#order .form {
   width: 100%;
   font-family: inherit;
}
#order .form__group {
   position: relative;
   margin-bottom: calc(var(--form-gap) / 2);
   padding: var(--form-gap) 0 0;
   box-sizing: inherit;
   max-width: 320px;
   margin-right: auto;
   margin-left: auto;
}
#order .form__group:last-of-type {
   margin-bottom: calc(var(--form-gap) * 1.5);
}
#order .form__field {
   box-sizing: inherit;
   display: block;
   border: 1px solid var(--background-color);
   border-radius: var(--form-radius);
   padding: 8px 16px;
   width: 100%;
   font-family: inherit;
   font-size: var(--font-size);
   line-height: 1;
   text-align: left;
   outline: none;
}
#order .form__field::-moz-placeholder {
   color: #0000;
}
#order .form__field::placeholder {
   color: #0000;
}
#order .form__field:-moz-placeholder-shown ~ .form__label {
   top: calc(var(--form-gap) * 1.5);
   left: 1rem;
   font-size: var(--font-size);
   color: #00000080;
   cursor: text;
}
#order .form__field:placeholder-shown ~ .form__label {
   top: calc(var(--form-gap) * 1.5);
   left: 1rem;
   font-size: var(--font-size);
   color: #00000080;
   cursor: text;
}
#order .form__field:focus ~ .form__label {
   position: absolute;
   top: 0;
   left: 0.5rem;
   display: block;
   font-size: 0.8rem;
   color: #333;
}
#order .form__field:invalid,
#order .form__field:required {
   box-shadow: none;
}
#order .form__label {
   position: absolute;
   top: 0;
   left: 0.5rem;
   display: block;
   font-family: inherit;
   transition: 0.2s;
   font-weight: 700;
   font-size: 0.8rem;
   color: #333;
}
#order .form__label > span {
   color: var(--grad-to);
}
#order .form__btn {
   box-sizing: inherit;
   display: block;
   margin-right: auto;
   margin-left: auto;
   border-radius: var(--form-radius);
   padding: 10px 16px;
   width: 100%;
   max-width: 320px;
   font-weight: 700;
   font-size: var(--font-size);
   line-height: 1.2;
   text-transform: uppercase;
   color: #fff;
   background-color: var(--background-color);
   border: 1px solid #0000;
   cursor: pointer;
   transition-property: color, background-color, border-color;
   transition-duration: 0.3s;
   transition-timing-function: ease-in-out;
}
#order .form__btn:focus,
#order .form__btn:hover {
   color: var(--background-color);
   background-color: #fff;
   border-color: currentColor;
}
#order .prices {
   box-sizing: inherit;
   display: flex;
   justify-content: center;
   gap: 16px;
}
#order .prices__column {
   box-sizing: inherit;
   display: flex;
   flex-direction: column;
   width: 50%;
}
#order .prices__column.old {
   opacity: 0.7;
}
#order .prices__title {
   margin: 0 0 4px;
   font-weight: 700;
   font-size: 22px;
}
#order .prices__price,
#order .prices__title {
   box-sizing: inherit;
   padding: 0;
   text-align: center;
}
#order .prices__price {
   margin: auto 0 0;
   line-height: 1;
   white-space: nowrap;
}
#order .prices__price--new {
   font-weight: 700;
   font-size: 28px;
   color: #b51111;
   transform: translatey(3px);
}
#order .prices__price--old {
   font-size: 24px;
}
#order .prices__price--old > span {
   text-decoration: line-through;
   text-decoration-color: #b61717;
   text-decoration-thickness: 3px;
}
@media screen and (min-width: 576px) {
   #order .prices__price--new {
      font-size: 34px;
   }
   #order .prices__price--old {
      font-size: 28px;
   }
}
@keyframes blink {
   0% {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}
.comments {
   margin-top: 2rem !important;
}
.comments,
.comments__title {
   margin-bottom: 2rem !important;
}
.comments__title {
   font-size: 2rem;
   font-weight: 700;
}
.comment {
   padding-bottom: 1.5rem;
}
.comment:not(:last-child) {
   margin-bottom: 1.5rem;
   border-bottom-width: 1px;
}
.comment__top {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
}
.comment__avatar {
   margin-right: 15px;
   width: 50px;
   height: 50px;
   border-radius: 50%;
}
.comment__info {
   margin-right: auto;
}
.comment__author {
   font-weight: 700;
   font-size: 18px;
   white-space: nowrap;
   margin-bottom: 8px;
}
.comment__time {
   margin-bottom: auto;
   font-weight: 500;
   font-size: 16px;
   line-height: 1.7;
   white-space: nowrap;
   color: #666;
}
.comment__stars {
   display: flex;
}
.comment__stars > .star {
   margin-right: 7px;
   width: 20px;
   height: 20px;
   flex-shrink: 0;
   fill: #f5c310;
}
.comment__stars > .star--empty {
   fill: #c7c7c7;
}
.comment__rating {
   font-weight: 700;
   font-size: 16px;
   line-height: 1.2;
}
@media (min-width: 640px) {
   .comment__content {
      margin-left: 65px;
   }
}
.comment__content {
   font-size: 17px;
   color: #333;
}
.comment__content > p {
   margin: 0;
}
.comment__content > p:not(:last-child) {
   margin-bottom: 0.75rem;
}
.comment__content > img {
   max-height: 320px;
   border-radius: 1rem;
   --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.comment__content a {
   color: var(--color-primary);
   position: relative;
   font-weight: 700;
   text-decoration: none;
}
.tw-absolute {
   position: absolute;
}
.tw-bottom-\[10px\] {
   bottom: 10px;
}
.tw-left-\[10px\] {
   left: 10px;
}
.tw-right-\[10px\] {
   right: 10px;
}
.tw-top-\[10px\] {
   top: 10px;
}
.tw-m-0 {
   margin: 0;
}
.\!tw-my-\[42px\] {
   margin-top: 42px !important;
   margin-bottom: 42px !important;
}
.tw-mx-auto {
   margin-left: auto;
   margin-right: auto;
}
.tw-my-\[32px\] {
   margin-top: 32px;
   margin-bottom: 32px;
}
.tw-mb-0 {
   margin-bottom: 0;
}
.tw-mb-2 {
   margin-bottom: 0.5rem;
}
.tw-mb-3 {
   margin-bottom: 0.75rem;
}
.tw-mb-6 {
   margin-bottom: 1.5rem;
}
.tw-mb-\[16px\] {
   margin-bottom: 16px;
}
.tw-mb-\[32px\] {
   margin-bottom: 32px;
}
.tw-mr-1 {
   margin-right: 0.25rem;
}
.tw-mt-0 {
   margin-top: 0;
}
.tw-mt-1 {
   margin-top: 0.25rem;
}
.tw-mt-2 {
   margin-top: 0.5rem;
}
.tw-inline-block {
   display: inline-block;
}
.tw-flex {
   display: flex;
}
.tw-h-14 {
   height: 3.5rem;
}
.tw-h-\[calc\(var\(--card-h\)\*1\.5\)\] {
   height: calc(var(--card-h) * 1.5);
}
.tw-h-full {
   height: 100%;
}
.tw-max-h-60 {
   max-height: 15rem;
}
.tw-max-h-\[320px\] {
   max-height: 320px;
}
.tw-max-h-\[400px\] {
   max-height: 400px;
}
.tw-w-14 {
   width: 3.5rem;
}
.tw-w-4 {
   width: 1rem;
}
.tw-w-\[calc\(var\(--card-w\)\*1\.5\)\] {
   width: calc(var(--card-w) * 1.5);
}
.tw-w-full {
   width: 100%;
}
.tw-max-w-\[80\%\] {
   max-width: 80%;
}
.tw-basis-3\/12 {
   flex-basis: 25%;
}
.tw-basis-9\/12 {
   flex-basis: 75%;
}
.tw-cursor-pointer {
   cursor: pointer;
}
.tw-items-center {
   align-items: center;
}
.tw-justify-center {
   justify-content: center;
}
.tw-gap-\[16px\] {
   gap: 16px;
}
.tw-gap-\[32px\] {
   gap: 32px;
}
.tw-overflow-hidden {
   overflow: hidden;
}
.\!tw-rounded-full {
   border-radius: 9999px !important;
}
.tw-rounded-2xl {
   border-radius: 1rem;
}
.tw-rounded-\[8px\] {
   border-radius: 8px;
}
.tw-rounded-full {
   border-radius: 9999px;
}
.tw-rounded-md {
   border-radius: 0.375rem;
}
.tw-rounded-xl {
   border-radius: 0.75rem;
}
.tw-border-\[3px\] {
   border-width: 3px;
}
.tw-border-b {
   border-bottom-width: 1px;
}
.tw-border-solid {
   border-style: solid;
}
.tw-border-primary {
   border-color: var(--color-primary);
}
.tw-bg-primary {
   background-color: var(--color-primary);
}
.tw-bg-slate-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.tw-object-cover {
   -o-object-fit: cover;
   object-fit: cover;
}
.tw-p-0 {
   padding: 0;
}
.tw-p-\[16px\] {
   padding: 16px;
}
.\!tw-px-\[16px\] {
   padding-left: 16px !important;
   padding-right: 16px !important;
}
.\!tw-py-\[8px\] {
   padding-top: 8px !important;
   padding-bottom: 8px !important;
}
.tw-py-\[8px\] {
   padding-top: 8px;
   padding-bottom: 8px;
}
.tw-pb-6 {
   padding-bottom: 1.5rem;
}
.tw-text-center {
   text-align: center;
}
.tw-text-\[18px\] {
   font-size: 18px;
}
.tw-text-\[20px\] {
   font-size: 20px;
}
.tw-text-\[28px\] {
   font-size: 28px;
}
.\!tw-font-semibold {
   font-weight: 600 !important;
}
.tw-font-bold {
   font-weight: 700;
}
.tw-font-extrabold {
   font-weight: 800;
}
.tw-uppercase {
   text-transform: uppercase;
}
.tw-italic {
   font-style: italic;
}
.tw-leading-none {
   line-height: 1;
}
.tw-leading-normal {
   line-height: 1.5;
}
.\!tw-text-white {
   --tw-text-opacity: 1 !important;
   color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.tw-text-primary {
   color: var(--color-primary);
}
.tw-text-slate-800 {
   --tw-text-opacity: 1;
   color: rgb(30 41 59 / var(--tw-text-opacity));
}
.\!tw-no-underline {
   text-decoration-line: none !important;
}
.tw-shadow-md {
   --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
}
.tw-shadow-md,
.tw-shadow-sm {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-sm {
   --tw-shadow: 0 1px 2px 0 #0000000d;
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
.tw-ring-2 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.tw-ring-white {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 0.15s;
}
:root {
   --color-primary: #c00;
   --color-secondary: #f85a1b;
}
*,
:after,
:before {
   box-sizing: border-box;
   border: 0 solid #e5e7eb;
}
:after,
:before {
   --tw-content: "";
}
*,
::backdrop,
:after,
:before {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-pan-x: ;
   --tw-pan-y: ;
   --tw-pinch-zoom: ;
   --tw-scroll-snap-strictness: proximity;
   --tw-gradient-from-position: ;
   --tw-gradient-via-position: ;
   --tw-gradient-to-position: ;
   --tw-ordinal: ;
   --tw-slashed-zero: ;
   --tw-numeric-figure: ;
   --tw-numeric-spacing: ;
   --tw-numeric-fraction: ;
   --tw-ring-inset: ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: #3b82f680;
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-blur: ;
   --tw-brightness: ;
   --tw-contrast: ;
   --tw-grayscale: ;
   --tw-hue-rotate: ;
   --tw-invert: ;
   --tw-saturate: ;
   --tw-sepia: ;
   --tw-drop-shadow: ;
   --tw-backdrop-blur: ;
   --tw-backdrop-brightness: ;
   --tw-backdrop-contrast: ;
   --tw-backdrop-grayscale: ;
   --tw-backdrop-hue-rotate: ;
   --tw-backdrop-invert: ;
   --tw-backdrop-opacity: ;
   --tw-backdrop-saturate: ;
   --tw-backdrop-sepia: ;
}
body {
   min-width: 360px;
}
img {
   display: block;
   max-width: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}
.hl-accent {
   font-weight: 700;
   color: var(--color-primary);
}
.hl-secondary {
   font-weight: 700;
   color: var(--color-secondary);
}
.article-content > p {
   margin-bottom: 1rem;
}
.problems-list {
   margin: 0 0 24px;
   display: flex;
   list-style-type: none;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 16px;
   padding: 0;
}
.problems-list > li {
   border-radius: 9999px;
   border-width: 3px;
   border-color: var(--color-primary);
   padding: 0.5rem 1rem;
   text-align: center;
}
.dialog {
   margin-bottom: 24px;
   min-height: 48px;
   font-size: 18px;
}
.interviewer.dialog {
   display: flex;
   gap: 0.75rem;
}
.doctor.dialog {
   clear: both;
}
.dialog__author {
   flex-shrink: 0;
   align-self: baseline;
}
.dialog__author > span {
   position: relative;
   z-index: 10;
   display: block;
   padding: 0.5rem 0.75rem;
}
.dialog__author > span:before {
   position: absolute;
   inset: 0;
   z-index: -1;
   --tw-skew-x: -6deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   content: var(--tw-content);
   border-radius: 0.5rem;
}
.interviewer .dialog__author > span {
   font-size: 1.125rem;
   line-height: 1.75rem;
   font-weight: 700;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
}
.interviewer .dialog__author > span:before {
   content: var(--tw-content);
   background-color: var(--color-secondary);
}
.doctor .dialog__author {
   float: left;
   margin-right: 0.75rem;
   margin-bottom: 0;
   display: flex;
   align-items: center;
   gap: 0.5rem;
}
.doctor .dialog__author > span {
   font-size: 1.125rem;
   line-height: 1.75rem;
   font-weight: 700;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
}
.doctor .dialog__author > span:before {
   content: var(--tw-content);
   background-color: var(--color-primary);
}
.doctor .dialog__author > img {
   height: 48px;
   width: 48px;
   border-radius: 9999px;
   -o-object-fit: cover;
   object-fit: cover;
   --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dialog__content {
   --tw-translate-y: 0.625rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   align-self: center;
}
.dialog__content h3 {
   margin-top: 0;
   margin-bottom: 0;
}
.diabets {
   margin-top: 32px;
   margin-bottom: 32px;
}
.diabets__title {
   margin-bottom: 32px !important;
   text-align: center;
   font-size: 24px;
   font-weight: 700;
}
.diabets__list {
   margin: 0;
   display: flex;
   list-style-type: none;
   flex-wrap: wrap;
   gap: 16px;
   padding: 0;
}
.diabets__item {
   flex-grow: 1;
   flex-basis: calc(33.33333% - 1rem);
}
.diabets__item-inner {
   margin-left: auto;
   margin-right: auto;
   width: 160px;
}
.diabets__text {
   margin-bottom: 0 !important;
   text-align: center;
}
.composition__title {
   text-align: center;
   font-size: 26px;
   line-height: 1.375;
}
.composition__list {
   margin-top: 32px;
   margin-bottom: 32px;
   display: flex;
   list-style-type: none;
   flex-wrap: wrap;
   justify-content: center;
   gap: 32px;
   padding-left: 0;
}
.composition__item {
   border-radius: 16px;
   background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
   --tw-gradient-from: #737373 var(--tw-gradient-from-position);
   --tw-gradient-to: #73737300 var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
   --tw-gradient-to: #e5e5e5 var(--tw-gradient-to-position);
   --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 768px) {
   .composition__item {
      flex-basis: calc(50% - 1rem);
   }
}
.composition__item-inner {
   display: flex;
   flex-direction: row-reverse;
   align-items: center;
   justify-content: space-between;
   gap: 16px;
   border-top-left-radius: 16px;
   border-top-right-radius: 16px;
   background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
   --tw-gradient-from: #262626 var(--tw-gradient-from-position);
   --tw-gradient-to: #26262600 var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
   --tw-gradient-to: #404040 var(--tw-gradient-to-position);
   padding: 16px;
   --tw-shadow: 0 1px 2px 0 #0000000d;
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
.composition__img,
.composition__item-inner {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.composition__img {
   height: 64px;
   width: 64px;
   flex-shrink: 0;
   overflow: hidden;
   border-radius: 9999px;
   --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   --tw-shadow-color: #ffffffb3;
   --tw-shadow: var(--tw-shadow-colored);
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
@media (min-width: 768px) {
   .composition__img {
      height: 96px;
      width: 96px;
   }
}
.composition__img-inner {
   height: 100% !important;
   width: 100% !important;
   -o-object-fit: cover;
   object-fit: cover;
}
.composition__heading {
   font-size: 24px;
   line-height: 1.375;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
}
.composition__text {
   padding: 16px;
}
mark {
   --color1: #00ff7f;
   --bg-height: 100%;
   all: unset;
   background-image: linear-gradient(var(--color1), var(--color1));
   background-position: 0 100%;
   background-repeat: no-repeat;
   background-size: 0 var(--bg-height);
   animation: highlight 1.5s ease-out 1;
   animation-fill-mode: forwards;
   animation-play-state: paused;
}
@keyframes highlight {
   to {
      background-size: 100% var(--bg-height);
   }
}
.benefits-list {
   list-style-type: none;
   padding-left: 0;
}
.benefits-list > li {
   display: flex;
   gap: 12px;
}
.benefits-list > li:before {
   content: "";
   display: inline-block;
   height: 24px;
   width: 24px;
   flex-shrink: 0;
   background: url(https://reborant.site/redusizer/cz/buy/img/checkmark.png) no-repeat 50% / contain;
}
.breadcrumbs {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.ingred__list {
   margin-bottom: 1rem;
   display: flex;
   list-style-type: none;
   flex-wrap: wrap;
   gap: 1rem;
   counter-reset: ingred;
}
.ingred__item {
   position: relative;
   flex-grow: 1;
   border-radius: 0.375rem;
   background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
   --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
   --tw-gradient-to: #1e293b00 var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
   --tw-gradient-to: #075985 var(--tw-gradient-to-position);
   padding: 1.5rem;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
   .ingred__item {
      flex-basis: calc(50% - 1rem);
   }
}
.ingred__item:before {
   counter-increment: ingred;
   content: counter(ingred);
   position: absolute;
   right: 1.5rem;
   top: 1.5rem;
   font-size: 6rem;
   line-height: 1;
}
.ingred__img {
   margin-bottom: 1rem;
   height: 8rem;
   width: 8rem;
   border-radius: 0.375rem;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.ingred__title {
   font-size: 1.5rem;
   line-height: 2rem;
   font-weight: 700;
}
.ingred__descr {
   color: #fffc;
}
.attention-block {
   position: relative;
   clear: both;
   overflow: hidden;
   padding: 1rem;
}
.attention-block__container {
   margin-left: auto;
   margin-right: auto;
   width: 91.666667%;
}
.attention-block__wrapper {
   position: relative;
}
.attention-block__wrapper:hover .attention-block__rear {
   opacity: 1;
   transition-duration: 0.2s;
}
.attention-block__rear {
   position: absolute;
   inset: -0.25rem;
   border-radius: 0.5rem;
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
   --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
   --tw-gradient-to: #1e293b00 var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
   --tw-gradient-to: var(--color-primary) var(--tw-gradient-to-position);
   opacity: 0.25;
   --tw-blur: blur(8px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
   transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      backdrop-filter,
      -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 1s;
}
.attention-block__content {
   position: relative;
   border-radius: 0.5rem;
   background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
   --tw-gradient-from: #909090 var(--tw-gradient-from-position);
   --tw-gradient-to: #90909000 var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
   --tw-gradient-to: #075985 var(--tw-gradient-to-position);
   padding: 1rem 1.75rem;
   text-align: center;
   line-height: 1;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-color: #1118270d;
}
.attention-block__title {
   margin-top: 0;
   margin-bottom: 0.75rem;
   text-align: center;
   font-size: 28px !important;
   font-weight: 800;
   text-transform: uppercase;
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity));
   text-shadow:
      #fff 0 0 1px,
      #fff 0 0 1px,
      #fff 0 0 1px,
      #fff 0 0 1px;
}
.attention-block__text {
   margin-bottom: 0 !important;
   font-size: 20px;
   line-height: 1.25;
}
.stats-list {
   margin-bottom: 1rem;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 1rem;
}
@media (min-width: 768px) {
   .stats-list {
      justify-content: center;
   }
}
.stats-list > li {
   display: flex;
   align-items: center;
}
.stats-list > li p {
   margin: 0;
   font-weight: 600;
}
.stats-list__wrapper {
   margin-right: 1rem;
   display: flex;
   flex-shrink: 0;
   justify-content: center;
}
@media not all and (min-width: 768px) {
   .stats-list__wrapper {
      width: 9rem;
   }
}
.ingr {
   clear: both;
   margin-bottom: 32px;
}
.ingr__heading {
   margin-bottom: 32px;
   text-align: center;
   font-size: 24px;
   font-weight: 700;
   line-height: 1.25;
}
.ingr__list {
   display: flex;
   flex-wrap: wrap;
   gap: 24px 16px;
   justify-content: center;
}
.ingr__item {
   display: flex;
   flex-shrink: 1;
   flex-grow: 1;
   flex-basis: 300px;
   justify-content: flex-start;
   gap: 12px;
}
.ingr__item:nth-child(2n) .ingr__img,
.ingr__item:nth-child(2n) .ingr__img-wrap {
   animation-delay: 2s;
}
.ingr__img-wrap {
   flex-shrink: 0;
   width: 90px;
   height: 90px;
   overflow: hidden;
   border: 3px solid #ee712a;
   border-radius: 59% 41% 60% 40%/27% 67% 33% 73%;
   box-shadow: 0 0 5px 0 #11111180;
   animation: border 8s linear infinite;
}
.ingr__img {
   display: block;
}
.ingr__title {
   position: relative;
   margin: 0 0 0.5rem;
   font-size: 19px;
   font-weight: 600;
   line-height: 1.2;
   text-transform: uppercase;
}
.ingr__title:before {
   content: "";
   position: absolute;
   left: 0;
   top: calc(100% + 2px);
   width: 80%;
   height: 3px;
   background-color: #5287f6;
}
.ingr__content > p {
   font-size: 18px;
}
@keyframes border {
   0%,
   to {
      border-radius: 59% 41% 60% 40%/27% 67% 33% 73%;
   }
   33% {
      border-radius: 40% 60% 68% 32%/52% 33% 67% 48%;
   }
   66% {
      border-radius: 16% 84% 48% 52%/43% 58% 42% 57%;
   }
}
.hover\:\!tw-bg-white:hover {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.hover\:\!tw-text-primary:hover {
   color: var(--color-primary) !important;
}
.focus\:\!tw-bg-white:focus {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.focus\:\!tw-text-primary:focus {
   color: var(--color-primary) !important;
}
@media (max-width: 975px) {
   .max-\[975px\]\:tw-px-4 {
      padding-left: 1rem;
      padding-right: 1rem;
   }
}
@media not all and (min-width: 640px) {
   .max-sm\:\!tw-hidden {
      display: none !important;
   }
   .max-sm\:\!tw-flex-row {
      flex-direction: row !important;
   }
   .max-sm\:tw-flex-col {
      flex-direction: column;
   }
}
@media (min-width: 640px) {
   .sm\:tw-float-right {
      float: right;
   }
   .sm\:tw-float-left {
      float: left;
   }
   .sm\:tw-ml-\[16px\] {
      margin-left: 16px;
   }
   .sm\:tw-ml-\[65px\] {
      margin-left: 65px;
   }
   .sm\:tw-mr-\[16px\] {
      margin-right: 16px;
   }
   .sm\:tw-w-1\/3 {
      width: 33.333333%;
   }
   .sm\:tw-max-w-\[80\%\] {
      max-width: 80%;
   }
}
.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 {
   font-family: Arial CE, Arial, Helvetica CE, Helvetica, sans-serif;
}

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

.szn-suggest-list__overlay {
   background-color: transparent;
   opacity: 0;
   position: absolute;
}

.szn-suggest-list__overlay,
.szn-suggest-list__overlay__cover {
   bottom: 0;
   left: 0;
   min-height: 100%;
   min-width: 100%;
   right: 0;
   top: 0;
   z-index: 400;
}

.szn-suggest-list__overlay__cover {
   background-color: #000;
   position: relative;
}

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

   to {
      opacity: 0;
   }
}

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

   to {
      opacity: 1;
   }
}

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

.szn-suggest-list__list--boxed {
   background-color: #fff;
   border: 1px solid #eee;
   border-radius: 4px;
   box-shadow: 0 2px 4px #0003;
   overflow: hidden;
}

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

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

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

.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: #eee;
}

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

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

.szn-suggest-list__text-value {
   color: #111;
   display: inline-block;
   flex-shrink: 0;
   font-size: 16px;
   font-weight: 700;
   line-height: 36px;
   margin: 4px 0;
   max-width: calc(100% - 50px);
   overflow: hidden;
   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 {
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      line-height: 18px;
      text-overflow: ellipsis;
      white-space: normal;
   }
}

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

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

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

.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;
   flex-shrink: 0;
   height: 32px;
   margin-right: 12px;
   overflow: hidden;
   width: 32px;
}

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

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

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

.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 {
   flex: 0 0 auto;
   margin-left: 8px;
   text-align: right;
}

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

.szn-suggest-list__text-button svg {
   fill: #111;
}

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

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

.szn-suggest-list__miniapp-label {
   color: #999;
   display: block;
   font-size: 14px;
   line-height: 20px;
   margin: 0 0 8px;
}

.szn-suggest-list__miniapp-value {
   color: #111;
   display: block;
   font-size: 16px;
   font-weight: 700;
   line-height: 20px;
   margin: 0;
}

.szn-suggest-list__item--miniapp {
   border-bottom: 1px solid #eee;
   border-top: 1px solid #eee;
}

.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-bottom: 4px;
   padding-top: 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 {
   color: #999;
   display: block;
   font-size: 14px;
   line-height: 20px;
   margin: 0;
   white-space: nowrap;
}

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

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

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

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

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

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

.szn-suggest-list__tiled-item.szn-suggest-list__item--selected {
   background-color: #eee;
   border-radius: 4px;
}

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

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

@supports (display: var(--prop)) {
   .szn-suggest-list__list--boxed {
      background-color: var(--color-box-background);
      border: 1px solid var(--color-box-border);
   }

   .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-bottom: 1px solid var(--color-box-border);
      border-top: 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-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 {
   align-items: center;
   background-color: var(--color-input-background);
   border: none;
   box-shadow: 0 0 8px var(--color-input-shadow);
   box-sizing: border-box;
   display: flex;
   height: 56px;
   left: 0;
   padding: 8px;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 10000;
}

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

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

.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(100vw - 112px);
}

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

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

@keyframes speakingLeft {
   0% {
      transform: translateX(0);
   }

   20% {
      transform: translateX(-4px);
   }

   50% {
      transform: translateX(7.5px);
   }

   80% {
      transform: translateX(-4px);
   }

   to {
      transform: translateX(0);
   }
}

@keyframes speakingRight {
   0% {
      transform: translateX(0);
   }

   20% {
      transform: translateX(4px);
   }

   50% {
      transform: translateX(-7.5px);
   }

   80% {
      transform: translateX(4px);
   }

   to {
      transform: translateX(0);
   }
}

@keyframes speaking {
   0% {
      transform: scale(1);
   }

   20% {
      transform: scaleX(1.5);
   }

   50% {
      transform: scaleX(0.25);
   }

   80% {
      transform: scaleX(1.5);
   }

   to {
      transform: scale(1);
   }
}

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

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

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

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

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

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

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

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

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

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

.ribbon-badge .szn-login-badge .slb-main {
   color: #c00;
   color: var(--ribbon-login-text-color, #c00);
   text-decoration: none;
}

.ribbon-badge .szn-login-badge .slb-menu a {
   color: #000;
   text-decoration: none;
}

.ribbon-badge .szn-login-badge .sn-button {
   color: silver;
   color: var(--ribbon-notifications-color, silver);
   vertical-align: middle;
}

.ribbon-badge .szn-login-badge .sn-button:hover {
   color: #000;
   color: var(--ribbon-notifications-hover-color, #000);
}

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

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

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

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

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

.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 {
   bottom: 0;
   box-sizing: border-box;
   height: calc(100% - 56px);
   height: calc(var(--ribbon-inner-height, 100%) - 56px);
   left: 0;
   overflow: hidden;
   position: fixed;
   right: 0;
   top: 56px;
   transition: opacity 0.4s ease;
   width: 100%;
   z-index: 9000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 600px) {
   .ribbon-menu {
      background: rgba(0, 0, 0, 0.5);
   }

   .ribbon-menu__button {
      display: none;
   }

   .ribbon-menu__content {
      -ms-overflow-style: none;
      padding: 18px 30px;
      scrollbar-width: none;
      width: 436px;
   }

   .ribbon-menu__content::-webkit-scrollbar {
      height: 0;
      width: 0;
   }

   .ribbon-menu__content--hidden {
      left: -436px;
   }

   .ribbon-menu__item {
      line-height: 24px;
      min-height: 24px;
      padding: 0;
   }

   .ribbon-menu__link:hover {
      text-decoration: underline;
   }

   .ribbon-menu__primary>.ribbon-menu__item {
      border: 0;
      font-weight: 700;
      margin-bottom: 24px;
   }

   .ribbon-menu__primary>.ribbon-menu__item:first-child {
      border: 0;
   }

   .ribbon-menu__secondary {
      -moz-columns: 180px 2;
      columns: 180px 2;
      margin-bottom: 6px;
      margin-top: 8px;
   }

   .ribbon-menu__secondary--hidden {
      max-height: none;
   }

   .ribbon-menu__secondary>.ribbon-menu__item {
      font-size: 15px;
      margin-bottom: 4px;
   }
}

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

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

.ribbon-search--amp {
   left: 0;
   max-width: none;
   position: relative;
   width: 100%;
}

.ribbon-search--hidden {
   opacity: 0;
   /* !AMP */
   visibility: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ribbon-search-desktop .szn-input-with-suggest-list:hover {
   /* !AMP */
   border-color: #666;
   border-color: var(--ribbon-search-border-hover-color, #666);
}

.ribbon-search-desktop .szn-input-with-suggest-list::-ms-clear {
   /* !AMP */
   display: none;
}

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

.ribbon-search-desktop .szn-input-with-suggest-list::placeholder {
   color: #757575;
   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, #c00);
}

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

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

.szn-mobile-input-with-suggest-list__button--icon-search {
   box-sizing: content-box;
   padding: 0 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 {
   height: auto;
   width: 100%;
}

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

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

.ribbon-service {
   align-items: center;
   color: #000;
   color: var(--ribbon-service-color, #000);
   display: flex;
   flex-shrink: 1;
   font-size: 16px;
   height: 32px;
}

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

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

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

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

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

.ribbon-service__logo--amp {
   max-width: 160px;
}

@media (min-width: 600px) {

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

   .ribbon-service__icon~.ribbon-service__logo {
      display: none;
   }
}

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

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

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

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

.ribbon--amp {
   box-shadow: none;
   overflow: hidden;
}

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

.ribbon--blind,
.ribbon--unfixed {
   position: absolute;
}

.ribbon--show-search:not(.ribbon--amp) .ribbon-seznam {
   visibility: hidden;
}

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

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

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

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

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

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

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

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

.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: 0;
   }

   .ribbon__end--reversed {
      flex-direction: row-reverse;
   }

   .ribbon__center {
      margin: 0 16px;
   }
}

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

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

@media (min-width: 600px) {
   .ribbon .ribbon-seznam {
      margin-left: 16px;
      margin-right: 0;
   }
}
.ribbon {
   --ribbon-search-button-color: #b00205;
   --ribbon-search-button-hover-color: #a00000;
   --ribbon-menu-primary-color: #c00;
}