@charset "UTF-8";

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Regular.woff2) format("woff2"), url(/assets/GoogleSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Medium.woff2) format("woff2"), url(/assets/GoogleSans-Medium.woff2) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Bold.woff2) format("woff2"), url(/assets/GoogleSans-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(/assets/Roboto-Regular.woff2) format("woff2"), url(/assets/Roboto-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Regular.woff2) format("woff2"), url(/assets/SF-Pro-Display-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Medium.woff2) format("woff2"), url(/assets/SF-Pro-Display-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Bold.woff2) format("woff2"), url(/assets/SF-Pro-Display-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.rating[data-v-62e58e31] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start
}

.rating__left-block[data-v-62e58e31] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.rating__number[data-v-62e58e31] {
    font-family: Google Sans;
    font-size: 56px;
    line-height: 62px;
    font-weight: 400;
    color: #202124
}

.rating__quantity[data-v-62e58e31] {
    display: flex;
    gap: 2px;
    margin-top: 8px;
    font-family: Roboto;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5f6368
}

.rating__right-block[data-v-62e58e31] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.rating__scale-row[data-v-62e58e31] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 15px
}

.rating__scale-row span[data-v-62e58e31] {
    font-family: Roboto;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5f6368
}

.rating__scale-row:nth-child(1) div[data-v-62e58e31]:after {
    width: var(--39b94281)
}

.rating__scale-row:nth-child(2) div[data-v-62e58e31]:after {
    width: var(--39b94280)
}

.rating__scale-row:nth-child(3) div[data-v-62e58e31]:after {
    width: var(--39b9427f)
}

.rating__scale-row:nth-child(4) div[data-v-62e58e31]:after {
    width: var(--39b9427e)
}

.rating__scale-row:nth-child(5) div[data-v-62e58e31]:after {
    width: var(--39b9427d)
}

.rating__percentage-line[data-v-62e58e31] {
    position: relative;
    width: 170px;
    height: 10px;
    background: #e8eaed;
    border-radius: 8px
}

.rating__percentage-line[data-v-62e58e31]:after {
    position: absolute;
    content: "";
    display: block;
    background: #01875f;
    border-radius: 8px;
    top: 0;
    height: 10px
}

.rating__percentage-line--ltr[data-v-62e58e31]:after {
    left: 0
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Regular.woff2) format("woff2"), url(/assets/GoogleSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Medium.woff2) format("woff2"), url(/assets/GoogleSans-Medium.woff2) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Bold.woff2) format("woff2"), url(/assets/GoogleSans-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(/assets/Roboto-Regular.woff2) format("woff2"), url(/assets/Roboto-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Regular.woff2) format("woff2"), url(/assets/SF-Pro-Display-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Medium.woff2) format("woff2"), url(/assets/SF-Pro-Display-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Bold.woff2) format("woff2"), url(/assets/SF-Pro-Display-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.comment[data-v-af328f84] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding: 16px 0
}

.comment__header[data-v-af328f84] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px
}

.comment__avatar[data-v-af328f84] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--7364b9fc)
}

.comment__avatar img[data-v-af328f84] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.comment__avatar span[data-v-af328f84] {
    text-transform: uppercase;
    color: #fff;
    cursor: default
}

.comment__name[data-v-af328f84] {
    font-family: Roboto;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #202124
}

.comment__rating[data-v-af328f84] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 7px;
    margin-top: 16px
}

.comment__stars[data-v-af328f84] {
    margin-top: 1.5px
}

.comment__date[data-v-af328f84] {
    font-family: Roboto;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #5f6368
}

.comment__text[data-v-af328f84] {
    margin-top: 8px;
    font-family: Roboto;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #5f6368
}

.comment__likes[data-v-af328f84] {
    position: relative;
    margin-top: 16px;
    padding-left: 20px;
    font-family: Roboto;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #5f6368
}

.comment__likes[data-v-af328f84]: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[data-v-af328f84] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 16px
}

.comment__helpful-text[data-v-af328f84] {
    font-family: Roboto;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5f6368
}

.comment__helpful-buttons[data-v-af328f84] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 10px
}

.comment__helpful-button[data-v-af328f84] {
    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[data-v-af328f84]:hover {
    background-color: #f4f2f7
}

.comment__helpful-button[data-v-af328f84]:focus {
    outline: none;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent
}

.comment__helpful-button--active[data-v-af328f84] {
    border: none;
    color: #01875f;
    background-color: #f4f2f7;
    border: 1px solid transparent
}

.comment__answer[data-v-af328f84] {
    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[data-v-af328f84] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%
}

.comment__answer-name[data-v-af328f84] {
    font-family: Roboto;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #202124
}

.comment__answer-date[data-v-af328f84] {
    font-family: Roboto;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5f6368
}

.comment__answer-text[data-v-af328f84] {
    margin-top: 8px;
    font-family: Roboto;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #5f6368
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Regular.woff2) format("woff2"), url(/assets/GoogleSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Medium.woff2) format("woff2"), url(/assets/GoogleSans-Medium.woff2) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Bold.woff2) format("woff2"), url(/assets/GoogleSans-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(/assets/Roboto-Regular.woff2) format("woff2"), url(/assets/Roboto-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Regular.woff2) format("woff2"), url(/assets/SF-Pro-Display-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Medium.woff2) format("woff2"), url(/assets/SF-Pro-Display-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Bold.woff2) format("woff2"), url(/assets/SF-Pro-Display-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.modal[data-v-d35a86ec] {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    transform: translate(-50%)
}

.modal__wrapper[data-v-d35a86ec] {
    position: relative;
    height: 100%
}

.modal__container[data-v-d35a86ec] {
    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[data-v-d35a86ec]::-webkit-scrollbar {
    width: 0
}

.modal__container[data-v-d35a86ec]::-webkit-scrollbar-track {
    background: transparent
}

.modal__container[data-v-d35a86ec]::-webkit-scrollbar-thumb {
    background: transparent
}

.modal__header[data-v-d35a86ec] {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 0 0 24px
}

.modal__header-left[data-v-d35a86ec] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    padding-top: 24px
}

.modal__header-right[data-v-d35a86ec] {
    padding-top: 14px
}

.modal__img[data-v-d35a86ec] {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.modal__title[data-v-d35a86ec] {
    max-width: 150px;
    margin-top: 0;
    font-family: Google Sans;
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
    color: #202124
}

.modal__desc[data-v-d35a86ec] {
    margin-top: 5px;
    font-family: Roboto;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #5f6368
}

.modal__text[data-v-d35a86ec] {
    white-space: pre-line;
    font-family: Roboto;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #5f6368
}

.modal__close[data-v-d35a86ec] {
    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[data-v-d35a86ec]:hover {
    background-color: #e8eaed
}

.modal__footer[data-v-d35a86ec] {
    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[data-v-d35a86ec] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 110px
}

.modal__footer-item span[data-v-d35a86ec]:first-child {
    font-family: Google Sans;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #202124
}

.modal__footer-item span[data-v-d35a86ec]:last-child {
    margin-top: 5px;
    font-family: Roboto;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #5f6368
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Regular.woff2) format("woff2"), url(/assets/GoogleSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Medium.woff2) format("woff2"), url(/assets/GoogleSans-Medium.woff2) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Bold.woff2) format("woff2"), url(/assets/GoogleSans-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(/assets/Roboto-Regular.woff2) format("woff2"), url(/assets/Roboto-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Regular.woff2) format("woff2"), url(/assets/SF-Pro-Display-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Medium.woff2) format("woff2"), url(/assets/SF-Pro-Display-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Bold.woff2) format("woff2"), url(/assets/SF-Pro-Display-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.modal[data-v-efea4614] {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    transform: translate(-50%)
}

.modal__wrapper[data-v-efea4614] {
    position: relative;
    height: 100%
}

.modal__container[data-v-efea4614] {
    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[data-v-efea4614]::-webkit-scrollbar {
    width: 0
}

.modal__container[data-v-efea4614]::-webkit-scrollbar-track {
    background: transparent
}

.modal__container[data-v-efea4614]::-webkit-scrollbar-thumb {
    background: transparent
}

.modal__header[data-v-efea4614] {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 0 0 24px
}

.modal__header-left[data-v-efea4614] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    padding-top: 24px
}

.modal__header-right[data-v-efea4614] {
    padding-top: 14px
}

.modal__img[data-v-efea4614] {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.modal__desc[data-v-efea4614] {
    margin-top: 5px;
    font-family: Roboto;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #5f6368
}

.modal__title[data-v-efea4614] {
    max-width: 150px;
    margin-top: 0;
    font-family: Google Sans;
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
    color: #202124
}

.modal__body[data-v-efea4614] {
    padding: 0 0 30px
}

.modal__close[data-v-efea4614] {
    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[data-v-efea4614]:hover {
    background-color: #e8eaed
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Regular.woff2) format("woff2"), url(/assets/GoogleSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Medium.woff2) format("woff2"), url(/assets/GoogleSans-Medium.woff2) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Bold.woff2) format("woff2"), url(/assets/GoogleSans-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(/assets/Roboto-Regular.woff2) format("woff2"), url(/assets/Roboto-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Regular.woff2) format("woff2"), url(/assets/SF-Pro-Display-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Medium.woff2) format("woff2"), url(/assets/SF-Pro-Display-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Bold.woff2) format("woff2"), url(/assets/SF-Pro-Display-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.modal[data-v-9fd8356e] {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    transform: translate(-50%)
}

.modal__wrapper[data-v-9fd8356e] {
    position: relative;
    height: 100%
}

.modal__container[data-v-9fd8356e] {
    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[data-v-9fd8356e]::-webkit-scrollbar {
    width: 0
}

.modal__container[data-v-9fd8356e]::-webkit-scrollbar-track {
    background: transparent
}

.modal__container[data-v-9fd8356e]::-webkit-scrollbar-thumb {
    background: transparent
}

.header[data-v-9fd8356e] {
    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[data-v-9fd8356e] {
    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[data-v-9fd8356e] {
    position: relative;
    margin: auto 0
}

.gallery-item img[data-v-9fd8356e] {
    margin: 0 auto;
    border-radius: 10px
}

.navigation-button[data-v-9fd8356e] {
    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[data-v-9fd8356e]:hover {
    background-color: #f4f2f7
}

.navigation-button--prev[data-v-9fd8356e] {
    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[data-v-9fd8356e] {
    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
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Regular.woff2) format("woff2"), url(/assets/GoogleSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Medium.woff2) format("woff2"), url(/assets/GoogleSans-Medium.woff2) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Bold.woff2) format("woff2"), url(/assets/GoogleSans-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(/assets/Roboto-Regular.woff2) format("woff2"), url(/assets/Roboto-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Regular.woff2) format("woff2"), url(/assets/SF-Pro-Display-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Medium.woff2) format("woff2"), url(/assets/SF-Pro-Display-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Bold.woff2) format("woff2"), url(/assets/SF-Pro-Display-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.progress-bar[data-v-612e706c] {
    width: 100%
}

.info[data-v-612e706c] {
    font-size: 17px;
    justify-content: space-between;
    display: flex;
    color: #01875f;
    font-family: Google Sans, sans-serif
}

.background-bar[data-v-612e706c] {
    background: #ccc;
    width: 100%;
    height: 5px
}

.tracker-bar[data-v-612e706c] {
    background: #01875f;
    height: 5px;
    width: 0;
    margin-top: -5px
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Regular.woff2) format("woff2"), url(/assets/GoogleSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Medium.woff2) format("woff2"), url(/assets/GoogleSans-Medium.woff2) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Bold.woff2) format("woff2"), url(/assets/GoogleSans-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(/assets/Roboto-Regular.woff2) format("woff2"), url(/assets/Roboto-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Regular.woff2) format("woff2"), url(/assets/SF-Pro-Display-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Medium.woff2) format("woff2"), url(/assets/SF-Pro-Display-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Bold.woff2) format("woff2"), url(/assets/SF-Pro-Display-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.modal[data-v-b22fa027] {
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080
}

.modal__wrapper[data-v-b22fa027] {
    position: relative;
    height: 100%
}

.modal__container[data-v-b22fa027] {
    width: 90%;
    height: auto;
    position: sticky;
    top: 150px;
    left: 0;
    margin: auto;
    padding: 20px 30px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px #00000054;
    overflow-y: auto
}

.modal__container[data-v-b22fa027]::-webkit-scrollbar {
    width: 0
}

.modal__container[data-v-b22fa027]::-webkit-scrollbar-track {
    background: transparent
}

.modal__container[data-v-b22fa027]::-webkit-scrollbar-thumb {
    background: transparent
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Regular.woff2) format("woff2"), url(/assets/GoogleSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Medium.woff2) format("woff2"), url(/assets/GoogleSans-Medium.woff2) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(/assets/GoogleSans-Bold.woff2) format("woff2"), url(/assets/GoogleSans-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(/assets/Roboto-Regular.woff2) format("woff2"), url(/assets/Roboto-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Regular.woff2) format("woff2"), url(/assets/SF-Pro-Display-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Medium.woff2) format("woff2"), url(/assets/SF-Pro-Display-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SF Pro Display;
    src: url(/assets/SF-Pro-Display-Bold.woff2) format("woff2"), url(/assets/SF-Pro-Display-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .7s ease-in-out, transform .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(--0504b74e);
    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(--7e75c369);
    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(--c005f1d8);
    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(--5f0ed22c);
    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__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(--c005f1d8);
    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
}