.ds--friends-header .ds-fh--action {
  display: -ms-grid;
  display: grid;
}

.main-body--wrapper .ds--wrapper {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.main-body--wrapper .ds--title {
  display: flex;
  background-color: var(--tellwut--theme-blue--bg);
  padding: 15px;
  border: 1px solid var(--tellwut-border-shade-1);
  min-height: 70px;
}
@media (max-width: 992px) {
  .main-body--wrapper .ds--title {
    min-height: 64px;
  }
}
.main-body--wrapper .ds--title .button-group--ds {
  margin-left: auto;
}
.main-body--wrapper .ds--title--wrapper {
  display: flex;
  align-items: center;
}
.main-body--wrapper .ds--icon {
  margin-right: 12px;
}
.main-body--wrapper .ds--icon svg {
  width: 20px;
  height: 20px;
  fill: var(--white--icon);
}
.main-body--wrapper .ds--heading {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.1rem;
  color: var(--white--text);
}
@media (max-width: 1200px) {
  .main-body--wrapper .ds--heading {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
.main-body--wrapper .ds--desc {
  border: 1px solid var(--tellwut-border-shade-1);
  border-top: 0;
  padding: 15px;
}
.main-body--wrapper .common-info--row h2,
.main-body--wrapper .common-info--row h3,
.main-body--wrapper .common-info--row h4 {
  color: var(--text-color);
  font-weight: 600;
  margin: 20px 0 10px;
  letter-spacing: 0.02rem;
}
@media (max-width: 992px) {
  .main-body--wrapper .common-info--row h2,
  .main-body--wrapper .common-info--row h3,
  .main-body--wrapper .common-info--row h4 {
    font-size: 1.4rem;
    line-height: 2.1rem;
  }
}
.main-body--wrapper .common-info--row p {
  margin-top: 5px;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: var(--text-color);
  font-weight: 400;
  letter-spacing: 0.02rem;
}
.main-body--wrapper .common-info--row p + h3 {
  margin-top: 30px;
}
@media (max-width: 992px) {
  .main-body--wrapper .common-info--row p {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
}
.main-body--wrapper .common-info--row > *:nth-child(1) {
  margin-top: 0;
}
.main-body--wrapper .common-info--row a {
  font-weight: 500;
}
.main-body--wrapper .common-info--row * + h3 {
  margin-top: 20px;
}
.main-body--wrapper .common-info--row h2 {
  font-size: 1.8rem;
  line-height: 2.1rem;
}
@media (max-width: 992px) {
  .main-body--wrapper .common-info--row h2 {
    font-size: 1.4rem;
  }
}
.main-body--wrapper .common-info--row h3 {
  font-size: 1.6rem;
  line-height: 2.1rem;
}
@media (max-width: 992px) {
  .main-body--wrapper .common-info--row h3 {
    font-size: 1.3rem;
  }
}
.main-body--wrapper .common-info--row h4 {
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.main-body--wrapper .common-info--row p + p {
  margin-top: 15px;
}
.main-body--wrapper .common-info--row i {
  font-style: italic;
}
.main-body--wrapper .common-info--row table {
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
}
.main-body--wrapper .common-info--row table thead tr th {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--text-color);
  border: 1px solid var(--tellwut-border-shade-1);
  padding: 10px;
  font-weight: 600;
  background-color: var(--tellwut-bg-gray-01);
}
.main-body--wrapper .common-info--row table tbody tr:nth-child(even) td {
  background-color: var(--tellwut-bg-gray);
}
.main-body--wrapper .common-info--row table tbody tr td {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--text-color);
  border: 1px solid var(--tellwut-border-shade-1);
  padding: 10px;
}
.main-body--wrapper .common-info--row ol {
  counter-reset: li;
  padding: 0;
}
.main-body--wrapper .common-info--row ol li:before {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--text-color);
  font-weight: 500;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 992px) {
  .main-body--wrapper .common-info--row ol li:before {
    font-size: 1.2rem;
    line-height: normal;
    top: 2px;
  }
}
.main-body--wrapper .common-info--row ul {
  display: block;
  list-style: none;
}
.main-body--wrapper .common-info--row ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  background: var(--text-color--icon);
  width: 7px;
  height: 7px;
  border-radius: 50px;
}
.main-body--wrapper .common-info--row ul li > ul > li::before {
  border: 1px solid var(--text-color--icon);
  background-color: var(--white--icon);
  border-radius: 50px;
}
.main-body--wrapper .common-info--row ol,
.main-body--wrapper .common-info--row ul {
  margin-top: 24px;
}
.main-body--wrapper .common-info--row ol + *,
.main-body--wrapper .common-info--row ul + * {
  margin-top: 15px;
}
.main-body--wrapper .common-info--row ol li,
.main-body--wrapper .common-info--row ul li {
  position: relative;
  margin-left: 20px;
  padding: 0 0 0 18px;
  margin-bottom: 10px;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: var(--text-color);
  font-weight: 400;
}
@media (max-width: 992px) {
  .main-body--wrapper .common-info--row ol li,
  .main-body--wrapper .common-info--row ul li {
    font-size: 1.2rem;
    margin-left: 0;
  }
}
.main-body--wrapper .common-info--row ol li > ol,
.main-body--wrapper .common-info--row ol li > ul,
.main-body--wrapper .common-info--row ul li > ol,
.main-body--wrapper .common-info--row ul li > ul {
  margin-top: 10px;
  padding-left: 10px;
}

.content-wrapper--survey-details .information-only-section .common-info--row ul.blog-tags--list {
  display: flex;
  overflow: auto;
  list-style: none;
}
@media (max-width: 767px) {
  .content-wrapper--survey-details .information-only-section .common-info--row ul.blog-tags--list {
    flex-wrap: nowrap;
  }
}
.content-wrapper--survey-details .information-only-section .common-info--row ul.blog-tags--list li {
  padding: 0;
  margin-left: 0;
  white-space: nowrap;
  margin-bottom: 0;
}
.content-wrapper--survey-details .information-only-section .common-info--row ul.blog-tags--list li:before {
  display: none;
}

.page-account .button-group--ds {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 10px;
}
.page-account .button-group--ds .pm-btn {
  padding: 9px 10px;
  min-width: 81px;
}
.page-account .button-group--ds .pm-btn.icon-btn {
  min-width: 40px;
  padding: 6px 9px;
}

.shipping-information--form > div {
  margin-bottom: 20px;
}
.shipping-information--form .input-group textarea {
  max-height: 100px;
  height: 100px;
}

.search-title {
  font-size: 1.6rem;
  line-height: 2.1rem;
  color: var(--text-color);
  margin-bottom: 20px;
  font-weight: 600;
}

.ds--section {
  margin-top: 20px;
}

.search-section {
  background-color: var(--tellwut-bg-gray);
  border: 1px solid var(--tellwut-border-shade-1);
  padding: 20px 14px 13px;
}
.dark-mode .search-section {
  background-color: var(--tellwut--gray--bg);
}

.ds--friends-header {
  border: 1px solid var(--tellwut-border-shade-1);
  padding: 16px 16px 12px;
}
.ds--friends-header-profile {
  border: 1px solid var(--tellwut-border-shade-1);
  padding: 16px;
  border-bottom: 0;
}
@media (max-width: 992px) {
  .ds--friends-header-profile {
    padding: 16px 0 24px;
    border: 0;
    border-bottom: 1px solid var(--tellwut-border-shade-1);
  }
}
.ds--friends-header-profile .ds-fh--title {
  font-size: 1.8rem;
  color: var(--text-color);
  font-weight: 700;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .ds--friends-header-profile .ds-fh--title {
    font-size: 1.4rem;
  }
}
.ds--friends-header-profile .ds-fh--profile {
  display: flex;
}
.ds--friends-header-profile .ds-fh--profile-details__row {
  color: var(--tellwut--text-gray);
  font-size: 1.8rem;
  margin-bottom: 3px;
}
@media (max-width: 992px) {
  .ds--friends-header-profile .ds-fh--profile-details__row {
    font-size: 1.4rem;
    margin-bottom: 0;
  }
}
.ds--friends-header-profile .ds-fh--profile-details__row:last-child {
  margin-bottom: 0;
}
.ds--friends-header-profile .ds-fh--profile-details__row .pd--location {
  font-weight: 600;
  color: var(--text-color);
  word-break: break-word;
}
.ds--friends-header-profile .ds-fh--profile-img {
  width: 89px;
  height: 89px;
  margin-right: 20px;
  flex-shrink: 0;
}
@media (max-width: 992px) {
  .ds--friends-header-profile .ds-fh--profile-img {
    width: 52px;
    height: 52px;
    margin-right: 12px;
  }
}
.ds--friends-header-profile .ds-fh--profile-img img {
  width: 100%;
  border-radius: 16px;
  height: 100%;
  object-fit: cover;
}
.ds--friends-header-profile + .ds--friends-header {
  padding: 20px 16px;
}
@media (max-width: 992px) {
  .ds--friends-header-profile + .ds--friends-header {
    padding: 20px 0 2px;
  }
}
.ds--friends-header-profile + .ds--friends-header .ds-fh--grid-title {
  color: var(--text-color);
  font-weight: 700;
}
.ds--friends-header-profile + .ds--friends-header .ds-fh--grid-title span {
  font-weight: 500;
}
@media (max-width: 992px) {
  .ds--friends-header {
    border: 0;
    padding: 16px 0 2px;
  }
}
.ds--friends-header .ds-fh--title {
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--text-color);
}
@media (max-width: 992px) {
  .ds--friends-header .ds-fh--title {
    font-size: 1.2rem;
    line-height: 2.1rem;
  }
}
.ds--friends-header .ds-fh--action {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
@media (max-width: 992px) {
  .ds--friends-header .ds-fh--action {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
}
.ds--friends-header .ds-fh--grid-title {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: var(--tellwut--text-gray);
}
@media (max-width: 992px) {
  .ds--friends-header .ds-fh--grid-title {
    order: 2;
    font-size: 1.2rem;
  }
}
.ds--friends-header .ds-fh--grid-action {
  display: flex;
  justify-content: flex-end;
  column-gap: 6px;
}
@media (max-width: 992px) {
  .ds--friends-header .ds-fh--grid-action {
    order: 1;
    justify-content: flex-start;
    margin-bottom: 24px;
  }
}
.ds--friends--more {
  padding: 19px 36px;
  text-transform: uppercase;
  border: 1px solid var(--tellwut-border-shade-1);
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 0;
  font-weight: 600;
}
@media (max-width: 992px) {
  .ds--friends--more {
    padding: 28px 10px 22px;
  }
}
.ds--friends--more .view-btn {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.03em;
  font-weight: 600;
}
.ds--friends--more .view-btn:after {
  content: url("data:image/svg+xml,%0A%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 2.35496L7.82831 7.30163C7.71986 7.41098 7.59082 7.49777 7.44865 7.557C7.30648 7.61623 7.15399 7.64673 6.99998 7.64673C6.84597 7.64673 6.69348 7.61623 6.55131 7.557C6.40914 7.49777 6.2801 7.41098 6.17165 7.30163L1.22498 2.35496C1.11563 2.24651 1.02884 2.11747 0.969607 1.9753C0.910377 1.83313 0.879883 1.68064 0.879883 1.52663C0.879883 1.37262 0.910377 1.22013 0.969607 1.07796C1.02884 0.935788 1.11563 0.806754 1.22498 0.698297C1.44357 0.481004 1.73926 0.359039 2.04748 0.359039C2.3557 0.359039 2.65139 0.481004 2.86998 0.698297L6.99998 4.8283L11.13 0.698297C11.3473 0.482762 11.6406 0.361252 11.9466 0.359964C12.1002 0.359076 12.2524 0.388505 12.3945 0.446563C12.5367 0.504622 12.666 0.590169 12.775 0.698297C12.8882 0.802851 12.9796 0.928811 13.0439 1.0689C13.1082 1.20899 13.1441 1.36043 13.1496 1.51447C13.155 1.66851 13.1298 1.8221 13.0755 1.96636C13.0213 2.11062 12.9389 2.2427 12.8333 2.35496Z' fill='%232553C2'/%3E%3C/svg%3E%0A");
}
@media (max-width: 992px) {
  .ds--friends--more .view-btn:after {
    content: url("data:image/svg+xml,%0A%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.96507 1.497L5.21132 5.207C5.12998 5.28901 5.0332 5.3541 4.92658 5.39853C4.81995 5.44295 4.70558 5.46582 4.59007 5.46582C4.47456 5.46582 4.3602 5.44295 4.25357 5.39853C4.14694 5.3541 4.05017 5.28901 3.96882 5.207L0.258823 1.497C0.176811 1.41565 0.111716 1.31888 0.0672933 1.21225C0.0228707 1.10562 0 0.991257 0 0.875746C0 0.760236 0.0228707 0.645869 0.0672933 0.539242C0.111716 0.432615 0.176811 0.335839 0.258823 0.254496C0.422766 0.0915265 0.644536 5.29289e-05 0.875698 5.29289e-05C1.10686 5.29289e-05 1.32863 0.0915265 1.49257 0.254496L4.59007 3.352L7.68757 0.254496C7.85055 0.0928449 8.07053 0.00171279 8.30007 0.00074625C8.41523 8.04686e-05 8.52938 0.0221517 8.63599 0.0656958C8.7426 0.10924 8.83956 0.1734 8.92132 0.254496C9.00626 0.332912 9.07482 0.427382 9.12304 0.532448C9.17126 0.637515 9.19818 0.751094 9.20225 0.866625C9.20632 0.982156 9.18745 1.09735 9.14674 1.20554C9.10603 1.31374 9.04429 1.4128 8.96507 1.497Z' fill='%232553C2'/%3E%3C/svg%3E%0A");
  }
}

.ds--desc.common-info--row.friend-wrapper {
  padding: 0;
  border: 0;
}

.compose-mail {
  height: 100%;
}
.compose-mail .modal--form {
  height: 100%;
}
.compose-mail .modal--form .inbox--popup {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.compose-mail .modal--form .inbox--popup .inbox--message-wrapper {
  height: 100%;
  overflow: auto;
}
@media (max-width: 992px) {
  .compose-mail .modal--form .inbox--popup .inbox--message-wrapper {
    font-size: 1.2rem;
  }
}
.compose-mail .modal--form .inbox--popup .inbox--message-wrapper textarea {
  min-height: 300px;
}
@media (max-width: 992px) {
  .compose-mail .modal--form .inbox--popup .inbox--message-wrapper textarea {
    min-height: 200px;
  }
}
.compose-mail .modal--form .inbox--message-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
  display: flex;
  column-gap: 10px;
  row-gap: 10px;
  margin-top: 30px;
}
@media (max-width: 992px) {
  .compose-mail .modal--form .inbox--message-actions {
    flex-wrap: nowrap;
  }
}
@media (max-width: 992px) {
  .compose-mail .modal--form .inbox--message-actions .btn.btn-primary.pm-btn {
    font-size: 1.8rem;
    max-height: unset;
    width: 100%;
    min-height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 5px;
  }
}
.compose-mail .modal--form .inbox--message-actions .tw {
  width: 12px;
  height: 12px;
}
.compose-mail .modal--form .inbox--message-actions .tw.reply-icon {
  fill: var(--white--icon);
  margin-right: 5px;
}