.m-welcome {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--Grays-Background-Main, #F9FAFB);
  font-family: "Roboto";
}
@media (max-width: 768px) {
  .m-welcome {
    height: auto;
  }
}
.m-welcome__wrapper {
  display: flex;
  flex-direction: column;
  gap: 96px;
  padding: 32px;
}
.m-welcome__logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-welcome__logo {
  max-height: 79px;
  max-width: 100%;
}
.m-welcome__title {
  color: #1D2739;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.m-welcome__content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
}
.m-welcome__content {
  display: flex;
  flex-direction: column;
  gap: 19px;
  align-items: center;
}
.m-welcome__content-box {
  padding: 24px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 400px;
  background: #ffffff;
}
.m-welcome__content-box-title {
  color: #1D2739;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
.m-welcome__content-box-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
  margin-bottom: 8px;
}

.m-ticket-form {
  width: 100%;
  font-family: "Roboto";
}
.m-ticket-form__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}
@media (max-width: 1024px) {
  .m-ticket-form__wrapper {
    flex-wrap: wrap;
  }
}
.m-ticket-form__aside {
  width: 400px;
  flex: none;
}
@media (max-width: 1600px) {
  .m-ticket-form__aside {
    width: 300px;
  }
}
@media (max-width: 1024px) {
  .m-ticket-form__aside {
    width: 100%;
  }
}
.m-ticket-form__main {
  width: 100%;
}
.m-ticket-form__submit-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  align-items: center;
}
.m-ticket-form__replies-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.m-ticket-form__replies-list-item {
  padding: 24px;
  border-radius: 16px;
  width: calc(100% - 24px);
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}
@media (max-width: 1024px) {
  .m-ticket-form__replies-list-item {
    padding: 16px;
  }
}
.m-ticket-form__replies-list-item--external {
  border: 1px solid #D6D6D6;
  justify-content: flex-start;
  background: #ffffff;
  z-index: 3;
  position: relative;
}
.m-ticket-form__replies-list-item--internal {
  background: #f5f9e5;
  justify-content: flex-end;
  align-self: flex-end;
  position: relative;
}
.m-ticket-form__replies-list-item-date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  color: var(--Grays-Dark-Text, #1D2739);
  font-size: var(--Body-Small-Size, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Body-Small-Line-Height, 16px); /* 133.333% */
  letter-spacing: var(--Body-Small-Tracking, 0.4px);
}
.m-ticket-form__replies-list-item-attachments {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-start;
}
.m-ticket-form__replies-list-item-attachments-title {
  color: var(--Grays-Dark-Text, #1D2739);
  font-size: var(--Body-Small-Size, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Body-Small-Line-Height, 16px); /* 133.333% */
  letter-spacing: var(--Body-Small-Tracking, 0.4px);
}
.m-ticket-form__replies-list-item-attachments-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}
.m-ticket-form__replies-list-item-attachments-element {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.m-ticket-form__replies-list-item-attachments-element-name {
  max-width: 64px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-ticket-form__replies-list-item-attachments-element-image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  width: 64px;
}
.m-ticket-form__replies-list-item-attachments-element-image {
  max-width: 100%;
  max-height: 100%;
}
.m-ticket-form__sd {
  color: var(--Grays-Dark-Text, #1D2739);
  font-size: var(--Body-Small-Size, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Body-Small-Line-Height, 16px); /* 133.333% */
  letter-spacing: var(--Body-Small-Tracking, 0.4px);
}
.m-ticket-form__mobile-section {
  display: none;
}
@media (max-width: 1024px) {
  .m-ticket-form__mobile-section {
    display: block;
  }
}
.m-ticket-form__mobile-section-title {
  display: none;
}
@media (max-width: 1024px) {
  .m-ticket-form__mobile-section-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-start;
  }
}

.m-ticket-list {
  width: 100%;
  font-family: "Roboto";
}
.m-ticket-list__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}
.m-ticket-list__aside {
  width: 400px;
  flex: none;
}
.m-ticket-list__main {
  width: 100%;
}
.m-ticket-list__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.m-ticket-list__list-heading {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media (max-width: 768px) {
  .m-ticket-list__list-heading {
    display: none;
  }
}
.m-ticket-list__list-item {
  display: flex;
  gap: 16px;
  align-items: center;
  border-bottom: 1px solid var(--main-border-color);
}
.m-ticket-list__list-item:last-child {
  border-bottom: none;
}
@media (max-width: 768px) {
  .m-ticket-list__list-item {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
  }
}
.m-ticket-list__list-col {
  padding: 12px;
  color: var(--Grays-Light-Text, #344054);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 768px) {
  .m-ticket-list__list-col {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
}
.m-ticket-list__list-col:first-child, .m-ticket-list__list-col:nth-child(2), .m-ticket-list__list-col:nth-child(3) {
  flex: 1;
}
.m-ticket-list__list-col:nth-child(4) {
  flex: 4;
}
.m-ticket-list__list-col--featured {
  background: #F9FAFB;
}
@media (max-width: 768px) {
  .m-ticket-list__list-col:first-child, .m-ticket-list__list-col:nth-child(2) {
    flex: unset;
    width: calc(50% - 12px);
  }
  .m-ticket-list__list-col:nth-child(3) {
    flex: unset;
    width: calc(40% - 12px);
  }
  .m-ticket-list__list-col:nth-child(4) {
    flex: unset;
    width: calc(60% - 12px);
  }
}
.m-ticket-list__list-col-mobile-title {
  display: none;
}
@media (max-width: 768px) {
  .m-ticket-list__list-col-mobile-title {
    display: block;
    background: #F9FAFB;
    padding: 4px;
  }
}

.m-add-opinion {
  font-family: "Roboto";
}
.m-add-opinion__wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.m-add-opinion__title {
  color: #1D2739;
  font-size: var(--Headline-Medium-Size, 28px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Headline-Medium-Line-Height, 36px); /* 128.571% */
  letter-spacing: var(--Headline-Small-Tracking, 0px);
}
.m-add-opinion__faces {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}
.m-add-opinion__face {
  width: 85px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 50%;
}
.m-add-opinion__face.is-selected {
  border-color: #339CFD;
}
@media (max-width: 480px) {
  .m-add-opinion__face {
    width: 52px;
    height: 52px;
  }
}

/*# sourceMappingURL=style.css.map */