@font-face {
  font-family: 'Google Sans';
  src: url('../fonts/GoogleSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Google Sans';
  src: url('../fonts/GoogleSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-base-bk: #ffffff;
  --color-base: #1f1f1f;
  --color-gray: #444746;
  --color-gray-border: #c4c7c5;
  --color-gray-back: #f2f2f2;
  --color-gray-star: #e3e3e3;
  --color-blue: #0b57d0;
  --color-bk-menu: #f0f4f9;
  --color-green: #01875f;
  --color-btn-blue: #ffffff;
  --color-btn-gray: #aaabab;
  --color-btn-gray-bk: #e8e8e8;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
#loader {
  display: none;
}
#app {
  display: block;
}
#rd {
  display: none;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
input,
button,
textarea,
select {
  font: inherit;
}
ul,
ol {
  list-style: none;
  padding: 0;
}
button,
input,
textarea,
select {
  font: inherit;
  border: none;
  outline: none;
  background: none;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}
p {
  text-wrap: pretty;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}
#root,
#__next {
  isolation: isolate;
}

.bottom-sheet__overlay {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
  animation: fade-in-eed46a9a 0.3s ease-out;
}
@keyframes fade-in-eed46a9a {
  0% {
    background-color: #0000;
  }
  to {
    background-color: #00000080;
  }
}
.bottom-sheet__wrapper {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bottom-sheet__container {
  width: 100%;
  background-color: #fff;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -2px 8px #0003;
  padding: 20px;
  animation: slide-up-eed46a9a 0.3s ease-out;
}
@keyframes slide-up-eed46a9a {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.bottom-sheet__container::-webkit-scrollbar {
  width: 0;
}
.bottom-sheet__container::-webkit-scrollbar-track {
  background: transparent;
}
.bottom-sheet__container::-webkit-scrollbar-thumb {
  background: transparent;
}

@keyframes progressFill-249c2118 {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes shimmer-249c2118 {
  0% {
    background-position: -200% 0;
  }
  to {
    background-position: 200% 0;
  }
}
.market-component,
.skeleton-component {
  margin: 0 auto;
}
.market-component {
  --5fc20039: ltr;
  --211548ee: -29.41796875px;
  --5fc4faf4: rotate(0deg);
  --e2ee3b68: left;
}
.chooser__list {
  display: flex;
  flex-direction: column;
}
.chooser__item {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.chooser__button {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  align-items: center;
}
.chooser__icon {
  width: 30px;
  height: 30px;
}
.chooser__text {
  font-family: Google Sans;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #202124;
}
.loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loader__shimmer {
  width: 150px;
  height: 150px;
  border-radius: 16px;
  background: linear-gradient(to right, #f0f0f0, #e0e0e0 20%, #f0f0f0 40% 100%);
  background-size: 200% 100%;
  animation: shimmer-249c2118 1.5s infinite linear;
}
.loader__img {
  width: 150px;
  height: 150px;
  border-radius: 16px;
}
.loader__text {
  font-family: Google Sans;
  font-size: 19px;
  line-height: 23px;
  font-weight: 500;
  color: #202124;
}
.loader__top-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.loader__progress-container {
  width: 100%;
  height: 6px;
  background-color: #ddd;
  border-radius: 3px;
  overflow: hidden;
  margin-top: 20px;
}
.loader__progress-bar {
  width: 0;
  height: 100%;
  background-color: #4caf50;
  animation: progressFill-249c2118 1s linear forwards;
}
@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ 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);
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  direction: ltr;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  opacity: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  box-sizing: content-box;

  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;

  scroll-snap-align: start;
}
.carousel__item {
  width: 145px;
  margin-right: 10px;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, #00000080, #0000);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

.rating {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.rating__left-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.rating__number {
  font-family: Google Sans;
  font-size: 56px;
  line-height: 62px;
  font-weight: 400;
  color: #202124;
}
.rating__quantity {
  display: flex;
  gap: 2px;
  margin-top: 8px;
  font-family: Roboto;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #5f6368;
}
.rating__right-block {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.rating__scale-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.rating__scale-row span {
  font-family: Roboto;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #5f6368;
}
.rating__scale-row:nth-child(1) div:after {
  width: var(--39b94281);
}
.rating__scale-row:nth-child(2) div:after {
  width: var(--39b94280);
}
.rating__scale-row:nth-child(3) div:after {
  width: var(--39b9427f);
}
.rating__scale-row:nth-child(4) div:after {
  width: var(--39b9427e);
}
.rating__scale-row:nth-child(5) div:after {
  width: var(--39b9427d);
}
.rating__percentage-line {
  position: relative;
  width: 170px;
  height: 10px;
  background: #e8eaed;
  border-radius: 8px;
}
.rating__percentage-line:after {
  position: absolute;
  content: '';
  display: block;
  background: #01875f;
  border-radius: 8px;
  top: 0;
  height: 10px;
}
.rating__percentage-line--ltr:after {
  left: 0;
}
.vue3-star-ratings {
  height: 17px;
  position: relative;
  display: inline-block;
  pointer-events: none;
  line-height: 0;
  --vue3StarRatingsInnerColor: #e8eaed;
  --vue3StarRatingsOuterColor: #01875f;
  --vue3StarRatingOuterWidth: 100%;
  --vue3StarRatingIconSize: 14px;
}
.vue3-star-ratings__outer,
.vue3-star-ratings__inner {
  display: flex;
}
.vue3-star-ratings__outer {
  position: relative;
  left: 0;
  color: var(--vue3StarRatingsInnerColor);
}
.vue3-star-ratings__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--vue3StarRatingOuterWidth);
  max-width: 100%;
  height: 100%;
  overflow: hidden;
  color: var(--vue3StarRatingsOuterColor);
}
.vue3-star-ratings__icon {
  min-width: var(--vue3StarRatingIconSize);
  height: var(--vue3StarRatingIconSize);
  fill: currentColor;
}
.comment {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding: 16px 0;
  --9a077828: #17e30b;
}
.comment__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.comment__avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--9a077828);
}
.comment__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.comment__avatar span {
  text-transform: uppercase;
  color: #fff;
  cursor: default;
}
.comment__name {
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #202124;
}
.comment__rating {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 7px;
  margin-top: 16px;
}
.comment__stars {
  margin-top: 1.5px;
}
.comment__date {
  font-family: Roboto;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #5f6368;
}
.comment__text {
  margin-top: 8px;
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5f6368;
}
.comment__likes {
  position: relative;
  margin-top: 16px;
  padding-left: 20px;
  font-family: Roboto;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #5f6368;
}
.comment__likes:before {
  position: absolute;
  content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='15'%20viewBox='0%20-960%20960%20960'%20width='15'%3e%3cpath%20fill='%235F6368'%20d='m480-120-58-52q-101-91-167-157T150-447.5Q111-500%2095.5-544T80-634q0-94%2063-157t157-63q52%200%2099%2022t81%2062q34-40%2081-62t99-22q94%200%20157%2063t63%20157q0%2046-15.5%2090T810-447.5Q771-395%20705-329T538-172l-58%2052Zm0-108q96-86%20158-147.5t98-107q36-45.5%2050-81t14-70.5q0-60-40-100t-100-40q-47%200-87%2026.5T518-680h-76q-15-41-55-67.5T300-774q-60%200-100%2040t-40%20100q0%2035%2014%2070.5t50%2081q36%2045.5%2098%20107T480-228Zm0-273Z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  top: 1px;
  left: 0;
}
.comment__helpful {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  margin-top: 16px;
}
.comment__helpful-text {
  font-family: Roboto;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #5f6368;
}
.comment__helpful-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.comment__helpful-button {
  width: 55px;
  padding: 6px 0;
  border-radius: 18px;
  border: 1px solid #dcd6e7;
  background: #fff;
  cursor: pointer;
  font-family: Google Sans;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #5f6368;
}
.comment__helpful-button:hover {
  background-color: #f4f2f7;
}
.comment__helpful-button:focus {
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}
.comment__helpful-button--active {
  border: none;
  color: #01875f;
  background-color: #f4f2f7;
  border: 1px solid transparent;
}
.comment__answer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  margin: 24px 24px 0;
  padding: 12px 16px 16px;
  background: #f8f9fa;
}
.comment__answer-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.comment__answer-name {
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #202124;
}
.comment__answer-date {
  font-family: Roboto;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #5f6368;
}
.comment__answer-text {
  margin-top: 8px;
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5f6368;
}

.modal {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  transform: translate(-50%);
}
.modal__wrapper {
  position: relative;
  height: 100%;
}
.modal__container {
  width: 90%;
  height: 600px;
  position: sticky;
  top: 50px;
  left: 0;
  margin: auto;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px #00000054;
  overflow-y: auto;
}
.modal__container::-webkit-scrollbar {
  width: 0;
}
.modal__container::-webkit-scrollbar-track {
  background: transparent;
}
.modal__container::-webkit-scrollbar-thumb {
  background: transparent;
}
.modal__header {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 0 0 24px;
}
.modal__header-left {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  padding-top: 24px;
}
.modal__header-right {
  padding-top: 14px;
}
.modal__img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.modal__title {
  max-width: 150px;
  margin-top: 0;
  font-family: Google Sans;
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  color: #202124;
}
.modal__desc {
  margin-top: 5px;
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5f6368;
}
.modal__text {
  white-space: pre-line;
  font-family: Roboto;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #5f6368;
}
.modal__close {
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20fill='%235F6368'%20d='m256-200-56-56%20224-224-224-224%2056-56%20224%20224%20224-224%2056%2056-224%20224%20224%20224-56%2056-224-224-224%20224Z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}
.modal__close:hover {
  background-color: #e8eaed;
}
.modal__footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
  margin: 20px 0;
  padding: 20px 0;
  border-top: 1px solid #e8eaed;
}
.modal__footer-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 110px;
}
.modal__footer-item span:first-child {
  font-family: Google Sans;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #202124;
}
.modal__footer-item span:last-child {
  margin-top: 5px;
  font-family: Roboto;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #5f6368;
}

.modal {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  transform: translate(-50%);
}
.modal__wrapper {
  position: relative;
  height: 100%;
}
.modal__container {
  width: 90%;
  height: 600px;
  box-sizing: border-box;
  position: sticky;
  top: 50px;
  left: 0;
  margin: auto;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px #00000054;
  overflow-y: auto;
}
.modal__container::-webkit-scrollbar {
  width: 0;
}
.modal__container::-webkit-scrollbar-track {
  background: transparent;
}
.modal__container::-webkit-scrollbar-thumb {
  background: transparent;
}
.modal__header {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 0 0 24px;
}
.modal__header-left {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  padding-top: 24px;
}
.modal__header-right {
  padding-top: 14px;
}
.modal__img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.modal__desc {
  margin-top: 5px;
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5f6368;
}
.modal__title {
  max-width: 150px;
  margin-top: 0;
  font-family: Google Sans;
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  color: #202124;
}
.modal__body {
  padding: 0 0 30px;
}
.modal__close {
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20fill='%235F6368'%20d='m256-200-56-56%20224-224-224-224%2056-56%20224%20224%20224-224%2056%2056-224%20224%20224%20224-56%2056-224-224-224%20224Z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}
.modal__close:hover {
  background-color: #e8eaed;
}

.modal {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  transform: translate(-50%);
}
.modal__wrapper {
  position: relative;
  height: 100%;
}
.modal__container {
  width: 90%;
  height: 600px;
  position: sticky;
  top: 100px;
  left: 0;
  margin: auto;
  padding: 0;
  background-color: transparent;
  border-radius: 10px;
  overflow-y: auto;
}
.modal__container::-webkit-scrollbar {
  width: 0;
}
.modal__container::-webkit-scrollbar-track {
  background: transparent;
}
.modal__container::-webkit-scrollbar-thumb {
  background: transparent;
}
.header {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: sticky;
  top: 0;
  left: 0;
  padding: 10px 15px 10px 25px;
  height: 64px;
  background-color: #000;
}
.close {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20fill='%23FFFFFF'%20d='m313-440%20224%20224-57%2056-320-320%20320-320%2057%2056-224%20224h487v80H313Z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}
.gallery {
  position: relative;
  margin: auto 0;
}
.gallery-item img {
  margin: 0 auto;
  border-radius: 10px;
}
.navigation-button {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  border: none;
  background: #fff;
  border-radius: 50%;
  box-shadow:
    0 1px 2px #3c40434d,
    0 2px 6px 2px #3c404326;
  cursor: pointer;
  outline: none;
}
.navigation-button:hover {
  background-color: #f4f2f7;
}
.navigation-button--prev {
  left: 0;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20fill='%235F6368'%20d='M560-240%20320-480l240-240%2056%2056-184%20184%20184%20184-56%2056Z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}
.navigation-button--next {
  right: 0;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20fill='%235F6368'%20d='M504-480%20320-664l56-56%20240%20240-240%20240-56-56%20184-184Z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}

.progress-bar {
  width: 100%;
}
.info-i {
  font-size: 17px;
  justify-content: space-between;
  display: flex;
  color: #01875f;
  font-family:
    Google Sans,
    sans-serif;
}
.background-bar {
  background: #ccc;
  width: 100%;
  height: 5px;
}
.tracker-bar {
  background: #01875f;
  height: 5px;
  width: 0;
  margin-top: -5px;
}

.modal__wrapper {
  position: relative;
  height: 100%;
}
.modal__container {
  top: 50px;
  left: 0;
  margin: auto;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px #00000054;
  overflow-y: auto;
}
.modal__container::-webkit-scrollbar {
  width: 0;
}
.modal__container::-webkit-scrollbar-track {
  background: transparent;
}
.modal__container::-webkit-scrollbar-thumb {
  background: transparent;
}

.fade-enter-active,
.fade-leave-active {
  transition:
    opacity 0.7s ease-in-out,
    transform 0.7s ease-in-out;
  will-change: opacity, transform;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
  transform: translateY(30px);
}
.carousel {
  padding: 0 !important;
}
.carousel__slide {
  padding-right: 10px;
}
section {
  padding: 0 15px;
}
.install-ready-popup {
  position: fixed;
  left: 50%;
  bottom: 15px;
  z-index: 3;
  width: 95%;
  min-height: 67px;
  transform: translate(-50%, -50%);
  display: none;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  box-shadow: 0 2px 4px #0000001a;
}
.install-ready-popup__primary-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.install-ready-popup__img {
  width: 45px;
  height: 45px;
  border-radius: 10px;
  box-shadow: 0 2px 4px #0000001a;
}
.install-ready-popup__text {
  max-width: 150px;
  font-family: Google Sans;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: #202124;
}
.install-ready-popup__button {
  font-family: Google Sans;
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
  color: #fff;
  padding: 10px 15px;
  border: 1px solid #01875f;
  background: #01875f;
  border-radius: 20px;
  cursor: pointer;
}
.component {
  position: relative;
  direction: var(--5fc20039);
  max-width: 450px;
}
.component__inner {
  max-width: 450px;
  overflow-y: auto;
  padding: 18px 0 0;
  margin: 0 auto;
  pointer-events: auto;
  border-radius: 35px;
  background: #fff;
}
.component__inner::-webkit-scrollbar {
  width: 0;
}
.component__inner::-webkit-scrollbar-track {
  background: transparent;
}
.component__inner::-webkit-scrollbar-thumb {
  background: transparent;
}
.component__mockup {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  z-index: 4;
}
.status-bar {
  display: flex;
  justify-content: space-between;
  position: sticky;
  z-index: 3;
  top: 0;
  padding: 0 14px 0 40px;
  width: 100%;
  height: 44px;
  background: #fff;
}
.status-bar__item {
  margin-top: 5px;
}
.status-bar__left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.status-bar__right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2px;
}
.header {
  padding: 10px 15px;
  display: none;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  z-index: 3;
  width: 100%;
  max-width: 450px;
  height: 56px;
  background-color: #fff;
}
.header--scrolled {
  box-shadow:
    0 4px 5px #00000024,
    0 1px 10px #0000001f,
    0 2px 4px -1px #0003;
}
.header__logo-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header__logo {
  width: 40px;
  height: 40px;
  cursor: pointer;
  content: url("data:image/svg+xml,%3csvg%20class='kOqhQd'%20aria-hidden='true'%20viewBox='0%200%2040%2040'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='none'%20d='M0,0h40v40H0V0z'%3e%3c/path%3e%3cg%3e%3cpath%20d='M19.7,19.2L4.3,35.3c0,0,0,0,0,0c0.5,1.7,2.1,3,4,3c0.8,0,1.5-0.2,2.1-0.6l0,0l17.4-9.9L19.7,19.2z'%20fill='%23EA4335'%3e%3c/path%3e%3cpath%20d='M35.3,16.4L35.3,16.4l-7.5-4.3l-8.4,7.4l8.5,8.3l7.5-4.2c1.3-0.7,2.2-2.1,2.2-3.6C37.5,18.5,36.6,17.1,35.3,16.4z'%20fill='%23FBBC04'%3e%3c/path%3e%3cpath%20d='M4.3,4.7C4.2,5,4.2,5.4,4.2,5.8v28.5c0,0.4,0,0.7,0.1,1.1l16-15.7L4.3,4.7z'%20fill='%234285F4'%3e%3c/path%3e%3cpath%20d='M19.8,20l8-7.9L10.5,2.3C9.9,1.9,9.1,1.7,8.3,1.7c-1.9,0-3.6,1.3-4,3c0,0,0,0,0,0L19.8,20z'%20fill='%2334A853'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}
.header__title {
  margin-left: 10px;
  cursor: pointer;
  font-family: Google Sans;
  font-size: 24px;
  line-height: 22px;
  font-weight: 500;
  color: #5f6368;
}
.header__button-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header__button {
  width: 48px;
  height: 48px;
  cursor: default;
  background-size: 24px;
}
.header__button--help {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%235f6368'%3e%3cpath%20d='M478-240q21%200%2035.5-14.5T528-290q0-21-14.5-35.5T478-340q-21%200-35.5%2014.5T428-290q0%2021%2014.5%2035.5T478-240Zm-36-154h74q0-33%207.5-52t42.5-52q26-26%2041-49.5t15-56.5q0-56-41-86t-97-30q-57%200-92.5%2030T342-618l66%2026q5-18%2022.5-39t53.5-21q32%200%2048%2017.5t16%2038.5q0%2020-12%2037.5T506-526q-44%2039-54%2059t-10%2073Zm38%20314q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z'/%3e%3c/svg%3e")
    no-repeat center;
}
.header__button--search {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%235f6368'%3e%3cpath%20d='M784-120%20532-372q-30%2024-69%2038t-83%2014q-109%200-184.5-75.5T120-580q0-109%2075.5-184.5T380-840q109%200%20184.5%2075.5T640-580q0%2044-14%2083t-38%2069l252%20252-56%2056ZM380-400q75%200%20127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75%200-127.5%2052.5T200-580q0%2075%2052.5%20127.5T380-400Z'/%3e%3c/svg%3e")
    no-repeat center;
}
.header__button--avatar {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACTElEQVR4AWIgBTx8+NAGUHy1aCgURdEwGAwGg8F8wHjPn8wH9AHzEWEQBqEPCCHv0Bf0vHF733TVVakbpSiEQQhn9sqdqOncu3cPMywmnXPWfqz9aDKZxAgZgklwPRiENCHquu5b6Jp/8/n8iYjj9PiKoJiY0p3P5XL5cDaxUuqOHooQ1hxSDRYUkQ8xOV169sKqroQMosElf0UIcfHKsOEYx/MFLtwINiKhI7+HsjkP0VnVbrdVtVpVtVpNdTodUTp0JfbFeWA8HivDMFQ2mz2AaZowjGXEH2HOZrMX+mLDuVyv10F4EpZlsavDS8Xe+yQ3hIVCQWtAuVxmpwJ9YkcOS7jeA7lcTmtAqVSSaGH6K753wSV4qTUAopS8tWvb9E9KcqnX650kR2QGg4G0LKMwoC6t5263e6CFYrGoHMeRkgPp0CVdDx4Ph8NLGpMBA9Q/whUbgGYDz6EF27Z36ej3+2o0GskNQCVwez8IofJ8Pq+tAuii0WhIxGjCAMvvEHLslZ4EmBFo28FzAUrUHUBY92qXAzMjaD7EYEBYd6DZbOKhS+A7KbFjohM+0oftqQOtVutiAyBUjQGr/TBCLjSKh/DOJUcE/byPH69hW50RULaQHNHzy/0a27ZHv49CIqgMISqO8BhtOXJqJYMWnKDaRdNBRCqVCsgwB7ANIdzceWBg5ffbiL9v2HqngZsxSuNGRizgoOS3gXNFcjPQc40mEprq4GKDbRsrv4aGHY2M0BAQJ7FtMyhEEQl7s8M6mqJTb7NKYceU/Cr+AeEdkOUjDAEnAAAAAElFTkSuQmCC)
    no-repeat center;
  background-size: 32px;
}
.info {
  margin: 15px 0 0;
}
.info__main {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
}
.info__img {
  width: 72px;
  height: 72px;
  margin-top: 3px;
  border-radius: 10px;
  box-shadow:
    0 1px 2px #3c40434d,
    0 1px 3px 1px #3c404326;
  color-scheme: light !important;
  background-color: transparent !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}
.info__text-block {
  display: flex;
  flex-direction: column;
  cursor: default;
}
.info__name {
  display: inline-block;
}
.info__name span:first-child {
  font-family: Google Sans;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  color: #202124;
}
.info__name span:last-child {
  display: inline-block;
  margin: 0 0 5px 7px;
  vertical-align: middle;
}
.info__verified-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,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)
    no-repeat center;
  background-size: contain;
  visibility: hidden;
}
.info__verified-icon--visible {
  visibility: visible;
}
.info__dev {
  margin-top: 5px;
  font-family: Google Sans;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #01875f;
}
.info__additional {
  margin-top: 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.info__additional span {
  font-family: Roboto;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #5f6368;
}
.info__additional span:nth-child(2) {
  margin-left: 5px;
}
.info__additional span:nth-child(2):before {
  content: '•';
  margin-right: 5px;
}
.info__numbers {
  margin-top: 20px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.info__numbers::-webkit-scrollbar {
  display: none;
}
.info__numbers-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 465px;
}
.info__numbers-list--short {
  width: 355px;
}
.info__numbers-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.info__numbers-item:after {
  background-color: #e8eaed;
  content: '';
  display: block;
  height: 24px;
  position: absolute;
  right: var(--211548ee);
  top: calc(50% - 12px);
  width: 1px;
}
.info__numbers-item span:nth-child(1) {
  font-family: Google Sans;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #202124;
}
.info__numbers-item span:nth-child(2) {
  margin-top: 5px;
  font-family: Roboto;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #5f6368;
}
.info__numbers-item:last-child:after {
  display: none;
}
.info__numbers-item--reviews span:nth-child(1):after {
  content: '★';
  margin-left: 1px;
  color: #202124;
}
.info__numbers-item--rating span:nth-child(1) {
  border: 1px solid #202124;
  font-family: Google Sans;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #202124;
}
.info__numbers-item--rating span:nth-child(2):after {
  content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='12'%20viewBox='0%20-960%20960%20960'%20width='12'%3e%3cpath%20fill='%235F6368'%20d='M440-280h80v-240h-80v240Zm40-320q17%200%2028.5-11.5T520-640q0-17-11.5-28.5T480-680q-17%200-28.5%2011.5T440-640q0%2017%2011.5%2028.5T480-600Zm0%20520q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z'/%3e%3c/svg%3e");
  margin-left: 3px;
  margin-top: 5px;
  color: #5f6368;
}
.info__button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  width: 100%;
  height: 38px;
  border-radius: 10px;
  border: none;
  background: #01875f;
  font-family: Google Sans;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #fff;
}
.info__button:active {
  background: #014330;
}
.info__button:disabled {
  background: #dcd6e7;
  color: #5f6368;
}
.info__progress-bar {
  margin-top: 40px;
  height: 38px;
}
.info__install {
  position: relative;
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Google Sans;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5f6368;
}
.info__gallery {
  position: relative;
  margin-top: 20px;
}
.info__gallery-item {
  width: 145px;
}
.info__gallery-item img {
  border-radius: 10px;
}
.info__navigation-button {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  border: none;
  background: #fff;
  border-radius: 50%;
  box-shadow:
    0 1px 2px #3c40434d,
    0 2px 6px 2px #3c404326;
  cursor: pointer;
  outline: none;
}
.info__navigation-button:hover {
  background-color: #f4f2f7;
}
.info__navigation-button--prev {
  left: -15px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20fill='%235F6368'%20d='M560-240%20320-480l240-240%2056%2056-184%20184%20184%20184-56%2056Z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}
.info__navigation-button--next {
  right: -15px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20fill='%235F6368'%20d='M504-480%20320-664l56-56%20240%20240-240%20240-56-56%20184-184Z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}
.description {
  margin-top: 20px;
}
.description__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.description__title {
  font-family: Google Sans;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #202124;
}
.description__more-button {
  width: 44px;
  height: 44px;
  padding: 15px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20fill='%235F6368'%20d='M647-440H160v-80h487L423-744l57-56%20320%20320-320%20320-57-56%20224-224Z'/%3e%3c/svg%3e");
  transform: var(--5fc4faf4);
  background-repeat: no-repeat;
  background-position: center;
}
.description__more-button:hover {
  background-color: #f4f2f7;
}
.description__text {
  margin-top: 15px;
  white-space: pre-line;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5f6368;
}
.description__updated {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.description__updated span:nth-child(1) {
  text-align: left;
  font-family: Google Sans;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #202124;
}
.description__updated span:nth-child(2) {
  margin-top: 5px;
  text-align: left;
  font-family: Google Sans;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5f6368;
}
.description__categories {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: flex-start;
  align-items: center;
}
.description__categories button {
  margin-right: 10px;
  padding: 8px 12px;
  border-radius: 18px;
  border: 1px solid #dcd6e7;
  background: #fff;
  cursor: default;
  font-family: Google Sans;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #5f6368;
}
.description__categories button:hover {
  background-color: #f4f2f7;
}
.whats-new {
  margin-top: 20px;
}
.whats-new__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.whats-new__title {
  font-family: Google Sans;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #202124;
}
.whats-new__text {
  margin-top: 15px;
  white-space: pre-wrap;
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5f6368;
}
.safety {
  margin-top: 25px;
}
.safety__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.safety__title {
  font-family: Google Sans;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #202124;
}
.safety__text {
  margin-top: 15px;
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5f6368;
}
.safety__list {
  margin-top: 20px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border: 1px solid rgb(218, 220, 224);
  border-radius: 8px;
}
.safety__list-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  margin-top: 20px;
}
.safety__list-item:first-child {
  margin-top: 0;
}
.safety__list-item img {
  width: 20px;
  height: 20px;
}
.safety__list-item span {
  text-align: var(--e2ee3b68);
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5f6368;
}
.reviews {
  margin-top: 20px;
}
.reviews__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reviews__title {
  font-family: Google Sans;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #202124;
}
.reviews__disclaimer {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 25px;
  font-family: Roboto;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #5f6368;
}
.reviews__ratings,
.reviews__comments {
  margin-top: 25px;
}
.reviews__ratings {
  --39b94281: 90%;
  --39b94280: 4%;
  --39b9427f: 3%;
  --39b9427e: 1%;
  --39b9427d: 1%;
}
.reviews__all {
  margin: 25px 0;
  height: 38px;
  padding: 10px 15px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: #fff;
  font-family: Google Sans;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #01875f;
}
.reviews__all:active {
  background: #f4f2f7;
}
.reviews__more-button {
  width: 44px;
  height: 44px;
  padding: 15px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20fill='%235F6368'%20d='M647-440H160v-80h487L423-744l57-56%20320%20320-320%20320-57-56%20224-224Z'/%3e%3c/svg%3e");
  transform: var(--5fc4faf4);
  background-repeat: no-repeat;
  background-position: center;
}
.reviews__more-button:hover {
  background-color: #f4f2f7;
}
.footer {
  margin: 0 15px;
  padding: 0 0 30px;
  border-top: 1px solid #dcd6e7;
  cursor: default;
}
.footer__block-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
}
.footer__h4-title {
  font-family: Google Sans;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #5f6368;
}
.footer__link {
  display: block;
  margin-top: 10px;
  font-family: Google Sans;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5f6368;
}
.footer__link--row {
  margin-top: 0;
  padding: 5px 0;
  font-size: 12px;
  line-height: 16px;
}
.footer__block-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  margin-top: 30px;
}
.modal {
  display: flex;
  flex-direction: column;
}

/* ===========================
   Standalone Preloader
   =========================== */

/* #preloader_standalone {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-base-bk);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.preloader_content {
  text-align: center;
  color: var(--color-base);
}

.preloader_icon {
  margin-bottom: 2rem;
}

.preloader_icon img {
  width: 80px;
  height: 80px;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.preloader_text h2 {
  font-size: 2.4rem;
  font-weight: 500;
  margin: 0 0 0.5rem 0;
  color: var(--color-base);
}

.preloader_text p {
  font-size: 1.6rem;
  margin: 0 0 2rem 0;
  color: var(--color-gray);
}

.preloader_spinner {
  display: flex;
  justify-content: center;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 3px solid var(--color-gray-border);
  border-top: 3px solid var(--color-blue);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} */

/* ===========================
   iOS Add to Home Screen
   =========================== */

:root {
  --ios-color: #000000;
  --ios-back: #fbfbfb;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ios-color: #ffffff;
    --ios-back: #2b2c2b;
  }
}

.iphoneAddScreen_back {
  background-color: rgba(0, 0, 0, 0.7);
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.iphoneAddScreen_wrap {
  bottom: 0;
  color: var(--ios-color);
  display: block;
  font-family:
    'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial',
    sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  left: 0;
  letter-spacing: -0.021em;
  line-height: 1.52947;
  padding: 15px;
  position: fixed;
  width: 100vw;
  z-index: 1000;
}

.iphoneAddScreen_wrapInfo {
  background-color: var(--ios-back);
  border-radius: 8px;
  display: block;
  width: 100%;
}

.iphoneAddScreen_title {
  font-weight: 700;
  margin: 10px;
  padding-top: 10px;
}

.iphoneAddScreen_line {
  background-color: #afafaf;
  height: 1px;
  margin: 10px 0;
  width: 100%;
}

.iphoneAddScreen_info {
  margin: 10px;
  padding-bottom: 10px;
}

.iphoneAddScreen_info ol {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 30px;
}

.iphoneAddScreen_info li {
  margin-top: 12.75px;
}

.iphoneAddScreen_info li img {
  height: 1em !important;
  pointer-events: none;
  position: relative;
  top: -0.1em;
  vertical-align: text-bottom;
  width: auto !important;
}

.iphoneAddScreen_wIcon {
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}

.iphoneAddScreen_wIcon > div {
  background-color: #f3f3f3;
  border-radius: 8px;
  height: 120px;
  margin: 0 auto;
  padding: 10px;
  width: 120px;
}

.iphoneAddScreen_wIcon > div img {
  height: 100px;
  width: 100px;
}

/* Theme-aware images */
img.iphoneAddScreen_light {
  display: inline;
}

img.iphoneAddScreen_dark {
  display: none;
}

@media (prefers-color-scheme: dark) {
  img.iphoneAddScreen_light {
    display: none;
  }

  img.iphoneAddScreen_dark {
    display: inline;
  }
}

:root.iphoneAddScreen_dark img.iphoneAddScreen_light {
  display: none;
}

:root.iphoneAddScreen_dark img.iphoneAddScreen_dark {
  display: inline;
}

/* ===========================
   NoScript Styles
   =========================== */

.noscript-warning {
  background-color: var(--color-base-bk);
  color: var(--color-base);
  padding: 20px;
  text-align: center;
  font-family: 'Google Sans Text', 'Google Sans', 'Roboto', 'Arial', sans-serif;
}

.noscript-warning h2 {
  margin-bottom: 10px;
  color: var(--color-blue);
}

.noscript-warning p {
  margin: 0;
  font-size: 1.6rem;
}

/* ===========================
   Preloader Styles
   =========================== */

/* #preloader_standalone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
} */