:root {
  --primary: #912bbc;
  --secondary: #f97300;
  --tertiary: #9fe9c7;
  --tertiary_light: #9fe9c75e;
  --white: #ffffff;
  --surface: #9fe9c75e;
  --gray_1: #333333;
  --gray_2: #4f4f4f;
  --gray_3: #828282;
  --gray_4: #bdbdbd;
  --gray_5: #e0e0e0;
  --gray_6: #f2f2f2;
  --error: #ff334b;
  --error_secondary: #ff737c;
  --bg_color: #fcfeff;
  --plyr-video-background: transparent;
  --plyr-color-main: #f97300;
  --plyr-font-size-time: 24px;
  --plyr-font-size-small: 22px;
  --plyr-font-size-badge: 20px;
  --plyr-font-size-menu: 24px;
  --plyr-control-spacing: 10px;
  --plyr-badge-border-radius: 8px;
  --plyr-badge-background: var(--primary);
  --plyr-control-radius: 50%;
  --success: #28a138;
}
.single__video {
  max-width: 100%;
  object-fit: contain;
  max-height: calc(100dvh - 160px);
}
.plyr:fullscreen video {
  max-height: 100dvh;
}
.single__adVideo {
  position: relative;
}
.single__videoAdLink {
  color: #fff;
  cursor: pointer;
  position: absolute;
  display: flex;
  bottom: 4em;
  font-size: 20px;
  transition: background-color 0.2s ease;
  left: 0;
  border-radius: 0 4px 4px 0;
  padding: 5px 8px 5px 5px;
  background-color: #0000008c;
  align-items: center;
  direction: rtl;
  display: none;
}
.single__videoAdLink:active {
  background-color: #000000a6;
}

.single__skipAd {
  position: absolute;
  bottom: 4em;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 8px 12px;
  border-radius:4px 0 0 4px ;
  font-size: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  direction: rtl;
}
.single__skipButton {
  border: none;
  padding: 6px 12px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
}


.single__content {
  position: relative;
}
.single__top {
  padding: 16px 24px 12px;
  display: flex;
  direction: rtl;
  justify-content: space-between;
}
.single__title {
  color: var(--gray_1);
  text-align: right;
  font-size: 28px;
  font-variation-settings: "wght" 700, "dots" 4;
  line-height: 28px;
  width: calc(100% - 30px);
}
.single__arrow {
  content: url(/assets/img/mobile/icons/kd_arrow_20_g1.svg);
  width: 20px;
  height: 20px;
}
.single__meta {
  display: flex;
  direction: rtl;
  padding: 0 24px;
}
.single__metaItem {
  color: var(--gray_2);
  text-align: right;
  font-size: 24px;
  font-variation-settings: "wght" 400, "dots" 4;
  line-height: 16px;
  font-feature-settings: "ss02" on;
}
.single__metaDivider {
  background-image: url(/assets/img/mobile/icons/kd_meta_divider_16.svg);
  width: 16px;
  height: 16px;
}
.single__info {
  border-top: 1px solid var(--gray_5);
  border-bottom: 1px solid var(--gray_5);
  margin: 24px 24px 8px;
  padding: 16px 0;
  display: flex;
  direction: rtl;
  position: relative;
  flex-direction: column-reverse;
}
.single__infoDetail {
  margin-right: 12px;
  padding-top: 9px;
  gap: 16px;
  display: flex;
  flex-direction: column;
}
.single__tags {
  display: flex;
  gap: 12px;
  padding: 0 24px 24px;
  direction: rtl;
  flex-wrap: wrap;
}
.single__tag {
  color: var(--primary);
  font-weight: 500;
  font-size: 24px;
}
.single__author {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #e0e0e0;
  margin-top: 16px;
  padding: 16px 0 0;
}
.single__authorLink {
  display: flex;
  color: var(--gray_1);
}
.single__avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid var(--primary);
}
.single__authorName {
  color: var(--gray-1);
  font-size: 28px;
  font-variation-settings: "wght" 600, "dots" 4;
  line-height: 20px;
  -moz-font-feature-settings: "ss02";
  -webkit-font-feature-settings: "ss02";
  font-feature-settings: "ss02";
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}
.single__groupInfo {
  display: flex;
  align-items: center;
  padding-top: 10px;
}
.single__follower {
  color: var(--gray-2);
  font-feature-settings: "ss02" on;
  font-size: 22px;
  font-variation-settings: "wght" 400, "dots" 4;
  line-height: 10px;
}
.single__dofollow_processing {
  opacity: 0.6;
  cursor: not-allowed;
}
.single__btns {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.single__dofollow {
  display: flex;
  height: 28px;
  border: 2px solid transparent;
  border-radius: 20px;
  background: var(--primary);
  align-items: center;
  justify-content: space-between;
  color: var(--white);
  font-size: 24px;
  font-variation-settings: "wght" 400, "dots" 4;
  width: 100px;
  padding: 0 8px;
}
.single__dofollow_active {
  background: var(--white);
  color: var(--primary);
  border: 2px solid var(--primary);
}
.single__dofollowIcon {
  width: 18px;
  height: 18px;
}
.single__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.single__actionsIcon {
  width: 16px;
  height: 16px;
}
.single__share {
  border-radius: 22px;
  background: var(--Gray-6, #f2f2f2);
  color: #292d32;
  font-size: 24px;
  font-variation-settings: "wght" 400, "dots" 4;
  line-height: 16px;
  padding: 6px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.single__share:active {
  background-color: #e2e2e2;
}
.single__share:before {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0699 3.38036C13.0699 3.76036 12.7799 4.08036 12.3999 4.13036C10.1399 4.37036 8.08986 5.59036 6.78986 7.47036C6.54986 7.81036 6.08986 7.89036 5.74986 7.66036C5.40986 7.42036 5.32986 6.95036 5.55986 6.62036C7.10986 4.38036 9.54986 2.94036 12.2399 2.65036C12.6499 2.61036 13.0199 2.90036 13.0699 3.32036C13.0699 3.33036 13.0699 3.36036 13.0699 3.38036Z" fill="%23292D32"/><path d="M13.1198 20.5101C13.1198 20.5401 13.1198 20.5601 13.1198 20.5901C13.0698 21.0001 12.6998 21.3001 12.2898 21.2601C9.59977 20.9901 7.16977 19.5601 5.59977 17.3501C5.35977 17.0101 5.43977 16.5401 5.77977 16.3001C6.11977 16.0601 6.58977 16.1401 6.82977 16.4801C8.13977 18.3401 10.1898 19.5401 12.4498 19.7701C12.8298 19.8001 13.1198 20.1301 13.1198 20.5101Z" fill="%23292D32"/><path d="M22.61 11.94C22.61 13.42 22.27 14.83 21.61 16.15C21.42 16.52 20.97 16.67 20.6 16.48C20.23 16.29 20.08 15.84 20.27 15.47C21.36 13.31 21.38 10.71 20.33 8.53003C20.15 8.16003 20.31 7.71004 20.68 7.53004C21.05 7.35003 21.5 7.51003 21.68 7.88003C22.3 9.16003 22.61 10.52 22.61 11.94Z" fill="%23292D32"/><path d="M8.43988 11.9397C8.43988 13.8897 6.85988 15.4697 4.90988 15.4697C2.95988 15.4697 1.37988 13.8897 1.37988 11.9397C1.37988 9.98973 2.95988 8.40973 4.90988 8.40973C6.85988 8.40973 8.43988 9.99973 8.43988 11.9397ZM2.88988 11.9397C2.88988 13.0597 3.79988 13.9697 4.91988 13.9697C6.03988 13.9697 6.94988 13.0597 6.94988 11.9397C6.94988 10.8197 6.03988 9.90973 4.91988 9.90973C3.79988 9.90973 2.88988 10.8297 2.88988 11.9397Z" fill="%23292D32"/><path d="M20.6699 19.1702C20.6699 21.1202 19.0899 22.7002 17.1399 22.7002C15.1999 22.7002 13.6099 21.1202 13.6099 19.1702C13.6099 17.2202 15.1899 15.6402 17.1399 15.6402C19.0799 15.6402 20.6699 17.2202 20.6699 19.1702ZM15.1099 19.1702C15.1099 20.2902 16.0199 21.2002 17.1399 21.2002C18.2599 21.2002 19.1699 20.2902 19.1699 19.1702C19.1699 18.0502 18.2599 17.1402 17.1399 17.1402C16.0199 17.1402 15.1099 18.0502 15.1099 19.1702Z" fill="%23292D32"/><path d="M20.6699 4.83035C20.6699 6.78035 19.0899 8.36035 17.1399 8.36035C15.1999 8.36035 13.6099 6.78035 13.6099 4.83035C13.6099 2.88035 15.1899 1.30035 17.1399 1.30035C19.0799 1.31035 20.6699 2.89035 20.6699 4.83035ZM15.1099 4.83035C15.1099 5.95035 16.0199 6.86035 17.1399 6.86035C18.2599 6.86035 19.1699 5.95035 19.1699 4.83035C19.1699 3.71035 18.2599 2.80035 17.1399 2.80035C16.0199 2.81035 15.1099 3.71035 15.1099 4.83035Z" fill="%23292D32"/></svg>');
  width: 16px;
  height: 16px;
  background-size: cover;
}
.single__report {
  border-radius: 22px;
  background: var(--Gray-6, #f2f2f2);
  color: #292d32;
  font-size: 24px;
  font-variation-settings: "wght" 400, "dots" 4;
  line-height: 16px;
  padding: 6px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.single__report:active {
  background-color: #e2e2e2;
}
.single__report:before {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.43311 15.1666C3.15977 15.1666 2.93311 14.9399 2.93311 14.6666V1.33325C2.93311 1.05992 3.15977 0.833252 3.43311 0.833252C3.70644 0.833252 3.93311 1.05992 3.93311 1.33325V14.6666C3.93311 14.9399 3.70644 15.1666 3.43311 15.1666Z" fill="%23292D32"/><path d="M10.8998 11.1667H3.43311C3.15977 11.1667 2.93311 10.9401 2.93311 10.6667C2.93311 10.3934 3.15977 10.1667 3.43311 10.1667H10.8998C11.6264 10.1667 11.9664 9.97341 12.0331 9.80675C12.0998 9.64008 11.9998 9.26675 11.4798 8.75341L10.6798 7.95342C10.3531 7.66675 10.1531 7.23341 10.1331 6.75341C10.1131 6.24675 10.3131 5.74675 10.6798 5.38008L11.4798 4.58008C11.9731 4.08675 12.1264 3.68675 12.0531 3.51341C11.9798 3.34008 11.5998 3.16675 10.8998 3.16675H3.43311C3.15311 3.16675 2.93311 2.94008 2.93311 2.66675C2.93311 2.39341 3.15977 2.16675 3.43311 2.16675H10.8998C12.3598 2.16675 12.8264 2.77341 12.9798 3.13341C13.1264 3.49341 13.2264 4.25341 12.1864 5.29341L11.3864 6.09342C11.2198 6.26008 11.1264 6.49341 11.1331 6.72675C11.1398 6.92675 11.2198 7.10675 11.3598 7.23342L12.1864 8.05341C13.2064 9.07341 13.1064 9.83342 12.9598 10.2001C12.8064 10.5534 12.3331 11.1667 10.8998 11.1667Z" fill="%23292D32"/></svg>');
  width: 16px;
  height: 16px;
  background-size: cover;
}
.single__like {
  border-radius: 22px;
  background: var(--Gray-6, #f2f2f2);
  color: #292d32;
  font-size: 24px;
  font-variation-settings: "wght" 400, "dots" 4;
  line-height: 16px;
  padding: 6px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  -moz-font-feature-settings: "ss02";
  -webkit-font-feature-settings: "ss02";
  font-feature-settings: "ss02";
  cursor: pointer;
}
.single__like:before {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 21.6496C11.69 21.6496 11.39 21.6096 11.14 21.5196C7.32 20.2096 1.25 15.5596 1.25 8.68961C1.25 5.18961 4.08 2.34961 7.56 2.34961C9.25 2.34961 10.83 3.00961 12 4.18961C13.17 3.00961 14.75 2.34961 16.44 2.34961C19.92 2.34961 22.75 5.19961 22.75 8.68961C22.75 15.5696 16.68 20.2096 12.86 21.5196C12.61 21.6096 12.31 21.6496 12 21.6496ZM7.56 3.84961C4.91 3.84961 2.75 6.01961 2.75 8.68961C2.75 15.5196 9.32 19.3196 11.63 20.1096C11.81 20.1696 12.2 20.1696 12.38 20.1096C14.68 19.3196 21.26 15.5296 21.26 8.68961C21.26 6.01961 19.1 3.84961 16.45 3.84961C14.93 3.84961 13.52 4.55961 12.61 5.78961C12.33 6.16961 11.69 6.16961 11.41 5.78961C10.48 4.54961 9.08 3.84961 7.56 3.84961Z" fill="%23292D32"/></svg>');
  width: 16px;
  height: 16px;
  background-size: cover;
}
.single__like_active:before {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.44 3.09961C14.63 3.09961 13.01 3.97961 12 5.32961C10.99 3.97961 9.37 3.09961 7.56 3.09961C4.49 3.09961 2 5.59961 2 8.68961C2 9.87961 2.19 10.9796 2.52 11.9996C4.1 16.9996 8.97 19.9896 11.38 20.8096C11.72 20.9296 12.28 20.9296 12.62 20.8096C15.03 19.9896 19.9 16.9996 21.48 11.9996C21.81 10.9796 22 9.87961 22 8.68961C22 5.59961 19.51 3.09961 16.44 3.09961Z" fill="%23FF4D67"/></svg>');
  width: 16px;
  height: 16px;
  background-size: cover;
}
.single__donations {
  border-top: 1px solid var(--gray_5);
  padding: 16px 0 0;
  margin-top: 16px;
  direction: rtl;
  position: relative;
}
.single__donation {
  height: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 24px;
  background-color: var(--secondary);
  border-radius: 40px;
  color: var(--white);
  border: 2px solid var(--secondary);
  width: 100px;
  padding: 0 8px;
}
.single__donation:active {
  background-color: var(--white);
  color: var(--secondary);
}
.single__donationIcon {
  width: 18px;
  height: 18px;
}
.singleDescription {
  width: 100%;
  height: 0;
  background: #fff;
  z-index: 99992419;
  position: fixed;
  bottom: 0;
  transition: all 0.4s ease;
}
.singleDescription_show {
  height: 100dvh;
}
.singleDescription__header {
  height: 84px;
  padding: 34px 34px 0 0;
  position: relative;
  direction: rtl;
}
.singleDescription__title {
  color: var(--gray_1);
  font-size: 40px;
  font-variation-settings: "wght" 500, "dots" 4;
  line-height: 20px;
}
.singleDescription__close {
  content: url(/assets/img/mobile/icons/kd_close.svg);
  width: 24px;
  height: 24px;
  position: absolute;
  left: 34px;
  top: 34px;
}
.singleDescription__divider {
  width: calc(100% - 48px);
  height: 1px;
  background: var(--gray_5);
  margin: 0 auto 24px;
}
.singleDescription__heading {
  color: var(--gray_1);
  text-align: right;
  font-size: 26px;
  font-variation-settings: "wght" 700, "dots" 4;
  line-height: 28px;
  padding: 0 24px;
}
.singleDescription__main {
  height: auto;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  max-height: 50vh;
  padding-bottom: 32px;
}
.singleDescription_text {
  padding: 0 24px;
  direction: rtl;
  font-size: 24px;
  font-style: normal;
  font-variation-settings: "wght" 500, "dots" 4;
  line-height: 24px;
  color: var(--gray_1);
}
.single__formIcon {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 16px;
  top: 12px;
  color: var(--gray_1);
}
.modal {
  display: none;
}
.plyr__menu__container {
  height: 130px;
  overflow: auto;
}
.single__formItem {
  position: relative;
  margin: 8px 24px 24px;
}
.single__input {
  direction: rtl;
  color: var(--gray_1);
  font-size: 28px;
  font-variation-settings: "wght" 500, "dots" 4;
  line-height: normal;
  min-height: 48px;
  width: 100%;
  border: 2px solid var(--primary);
  border-radius: 40px;
  background-color: #fff;
  padding: 10px 24px 10px 64px;
  -moz-font-feature-settings: "ss02";
  -webkit-font-feature-settings: "ss02";
  font-feature-settings: "ss02";
}
.single__toman {
  position: absolute;
  left: 16px;
  top: 14px;
  font-size: 36px;
  line-height: 24px;
  color: var(--gray_1);
}
.single__input:focus-visible::-webkit-input-placeholder {
  color: transparent;
}
.single__textInput_error.single__inputLtr:not(:placeholder-shown) {
  padding: 0 0 0 48px;
}
.single__inputLtr:not(:placeholder-shown) {
  direction: ltr;
  padding: 10px 24px 10px 64px;
  font-size: 30px;
}
.single__inputLtr.mobile:not(:placeholder-shown) {
  padding: 10px 24px 10px 44px;
}
.single__inputLtr.mobile:focus-visible {
  padding: 10px 24px 10px 44px;
}
.single__inputLtr:focus-visible {
  padding: 10px 24px 10px 64px;
}
.single__inputLtr:focus-visible {
  direction: ltr;
}
.single__input:focus-visible {
  outline: none;
  border-color: var(--secondary);
}
.single__textarea:focus-visible {
  outline: none;
  border-color: var(--secondary);
}
.single__mobileInput {
  background-image: url(/assets/img/mobile/icons/kd_mobile_input.svg);
  background-repeat: no-repeat;
  background-position: 24px;
}
.single__mobileInput:not(:placeholder-shown) {
  direction: ltr;
}
.single__mobileInput:focus-visible {
  direction: ltr;
}
.single__floatingLabel {
  pointer-events: none;
  position: absolute;
  right: 22px;
  direction: rtl;
  color: var(--gray_3);
  font-size: 24px;
  font-variation-settings: "wght" 500, "dots" 4;
  line-height: normal;
  top: 16px;
  transition: 0.2s;
  transition-timing-function: ease;
  background-color: #fff;
  padding: 0 4px;
}
.single__floatingLabel_ltrError {
  right: 46px;
}
.single__floatingLabelEn {
  left: 28px;
  right: auto;
  direction: ltr;
}
textarea:focus + span.single__floatingLabel,
textarea:not(:placeholder-shown) + span.single__floatingLabel {
  transform: translateY(-24px) translate(0);
  right: 22px;
  color: var(--gray_1);
}
textarea:focus + span.single__floatingLabel,
textarea:not(:-ms-input-placeholder) + span.single__floatingLabel {
  transform: translateY(-24px) translate(0);
  right: 22px;
  color: var(--gray_1);
}
input:focus + span.single__floatingLabel,
input:not(:placeholder-shown) + span.single__floatingLabel {
  transform: translateY(-24px) translate(0);
  right: 22px;
  color: var(--gray_1);
}
input:focus + span.single__floatingLabel,
input:not(:-ms-input-placeholder) + span.single__floatingLabel {
  transform: translateY(-24px) translate(0);
  right: 22px;
  color: var(--gray_1);
}
select:focus + span.single__floatingLabel,
select:not(:placeholder-shown) + span.single__floatingLabel {
  transform: translateY(-24px) translate(0);
  right: 22px;
}
select:focus + span.single__floatingLabel,
select:not(:-ms-input-placeholder) + span.single__floatingLabel {
  transform: translateY(-24px) translate(0);
  right: 22px;
}
.single__floatingLabel_move {
  transform: translateY(-24px) translate(0);
  right: 22px;
  background-color: #fff;
  padding: 0 4px;
}
.single__select {
  direction: rtl;
  color: var(--gray_1);
  font-size: 28px;
  font-variation-settings: "wght" 500, "dots" 4;
  line-height: normal;
  height: 48px;
  width: 100%;
  border: 2px solid var(--primary);
  border-radius: 40px;
  padding: 10px 24px 10px 48px;
  -moz-font-feature-settings: "ss02";
  -webkit-font-feature-settings: "ss02";
  font-feature-settings: "ss02";
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--white);
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 12px;
}
.single__textarea {
  width: 100%;
  height: 180px;
  border-radius: 25px;
  background: var(--white);
  border: 2px solid var(--primary);
  direction: rtl;
  color: var(--gray_1);
  font-size: 28px;
  font-variation-settings: "wght" 600, "dots" 4;
  padding: 20px 24px 20px 64px;
  -moz-font-feature-settings: "ss02";
  -webkit-font-feature-settings: "ss02";
  font-feature-settings: "ss02";
  outline: none;
}
.single__errorMessage {
  color: var(--error);
  font-size: 24px;
  font-variation-settings: "wght" 600, "dots" 4;
  direction: rtl;
  padding: 0 22px;
  min-height: 28px;
  margin-left: auto;
  -moz-font-feature-settings: "ss02";
  -webkit-font-feature-settings: "ss02";
  font-feature-settings: "ss02";
}
@media screen and (min-width: 1281px) {
  :root {
    --plyr-font-size-time: 14px;
    --plyr-font-size-small: 12px;
    --plyr-font-size-badge: 12px;
    --plyr-font-size-menu: 14px;
    --plyr-control-spacing: 16px;
    --plyr-badge-border-radius: 8px;
  }
  .singleWrapper {
    display: flex;
    direction: rtl;
    justify-content: space-between;
    gap: 36px;
    padding: 36px;
    flex-wrap: wrap;
  }
  .single {
    width: calc(100% - 536px);
  }
  .single__video {
    border-radius: 16px;
    box-shadow: 0 0 4px #00000026;
  }
  .single__videoAdLink {
    bottom: 6em;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
    padding: 12px 12px 12px 8px;
  }
  .single__videoAdLink:hover {
    background-color: #000000a6;
  }

  .single__skipAd {
    bottom: 6em;
    padding: 12px;
    font-size: 12px;
  }
  .plyr {
    border-radius: 20px !important;
  }
  .single__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .single__title {
    font-size: 18px;
    line-height: 36px;
    width: auto;
    font-variation-settings: "wght" 600, "dots" 4;
  }
  .single__arrow {
    display: none;
  }
  .single__top {
    padding: 32px 24px;
  }
  .single__metaItem {
    font-size: 16px;
    font-variation-settings: "wght" 500, "dots" 4;
    line-height: 24px;
    color: var(--gray_2);
  }
  .single__meta {
    gap: 8px;
    align-items: center;
    min-width: 320px;
    justify-content: flex-end;
  }
  .single__authorName {
    font-size: 22px;
    font-variation-settings: "wght" 600, "dots" 4;
    line-height: 20px;
  }
  .single__infoDetail {
    margin-right: 0;
    padding: 14px 0;
    gap: 24px;
  }
  .single__follower {
    font-size: 16px;
    line-height: 16px;
    padding-top: 0;
  }
  .single__actions {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
  }
  .single__info {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    padding: 14px 0;
  }
  .single__donations {
    border-top: none;
    padding: 0;
    margin-top: 0;
  }
  .single__donation {
    background-color: var(--secondary);
    color: var(--white);
    border-radius: 22px;
    font-size: 16px;
    font-variation-settings: "wght" 500, "dots" 4;
    line-height: 24px;
    padding: 6px 16px 6px 20px;
    gap: 8px;
    cursor: pointer;
    height: auto;
    width: 150px;
  }
  .single__donation:hover {
    background-color: var(--white);
    color: var(--secondary);
  }
  .single__donationIcon,
  .single__dofollowIcon {
    width: 24px;
    height: 24px;
  }
  .single__avatar {
    width: 80px;
    height: 80px;
  }
  .single__author {
    width: 50%;
    display: flex;
    align-items: center;
    margin-top: 0;
    padding: 0;
    border-top: 0;
  }
  .single__authorLink {
    display: flex;
    gap: 16px;
    color: var(--gray-1);
  }
  .single__share {
    border-radius: 22px;
    background: var(--Gray-6, #f2f2f2);
    color: #292d32;
    font-size: 16px;
    font-variation-settings: "wght" 500, "dots" 4;
    line-height: 24px;
    padding: 8px 16px 8px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
  }
  .single__share:hover {
    background-color: #e2e2e2;
  }
  .single__share:before {
    width: 24px;
    height: 24px;
  }
  .single__report {
    border-radius: 22px;
    background: var(--Gray-6, #f2f2f2);
    color: #292d32;
    font-size: 16px;
    font-variation-settings: "wght" 500, "dots" 4;
    line-height: 24px;
    padding: 8px 16px 8px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
  }
  .single__report:hover {
    background-color: #e2e2e2;
  }
  .single__report:before {
    width: 24px;
    height: 24px;
  }
  .single__like {
    border-radius: 22px;
    background: var(--Gray-6, #f2f2f2);
    color: #292d32;
    font-size: 16px;
    font-variation-settings: "wght" 500, "dots" 4;
    line-height: 24px;
    padding: 8px 16px 8px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
  }
  .single__like:before {
    width: 24px;
    height: 24px;
  }
  .single__like:hover {
    background-color: #e2e2e2;
  }
  .single__actionsIcon {
    width: 24px;
    height: 24px;
  }
  .single__dofollow {
    font-size: 16px;
    position: static;
    padding: 6px 16px 6px 20px;
    border-radius: 22px;
    font-variation-settings: "wght" 500, "dots" 4;
    line-height: 24px;
    gap: 8px;
    cursor: pointer;
    height: auto;
    border: 2px solid var(--primary);
    width: fit-content;
    height: 40px;
  }
  .single__dofollow:hover {
    background-color: var(--white);
    color: var(--primary);
  }
  .single__dofollow_active:hover {
    background-color: var(--primary);
    color: var(--white);
  }
  .single__tags {
    gap: 16px;
    padding: 16px 24px 24px;
  }
  .single__tag {
    font-size: 16px;
  }
  .singleDescription {
    display: block;
    position: static;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0 24px;
    min-height: auto;
  }
  .singleDescription__header,
  .singleDescription__divider,
  .singleDescription__heading {
    display: none;
  }
  .singleDescription_text {
    padding: 0;
    line-height: 28px;
    color: var(--gray_1);
    font-size: 16px;
  }
  .singleDescription_text p {
    font-variation-settings: "wght" 400, "dots" 4;
    font-size: 16px;
  }
  .singleDescription__main {
    max-height: fit-content;
    padding-bottom: 72px;
  }
  .modal {
    display: none;
    background-color: #fff;
    padding: 20px;
    width: 470px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 20px #0000001f;
    position: fixed;
    z-index: 999999999999999;
  }
  .modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #ced0d0;
    padding-bottom: 16px;
    margin-bottom: 24px;
    color: var(--gray_1);
  }
  .modal__title {
    font-size: 22px;
    font-variation-settings: "wght" 500, "dots" 4;
  }
  .modal__close {
    width: 32px;
    height: 32px;
    margin-right: auto;
    cursor: pointer;
  }
  .modal__close:hover,
  .modal__close:focus {
    color: #000;
  }
  .modal__icon {
    width: 32px;
    height: 32px;
  }
  .modal__text {
    text-align: center;
    font-size: 18px;
    font-variation-settings: "wght" 400, "dots" 4;
    line-height: 24px;
  }
  .modal__copy {
    border-radius: 30px;
    padding: 10px 20px;
    background: var(--primary);
    color: var(--white);
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 40px;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    position: relative;
    font-variation-settings: "wght" 500, "dots" 4;
    transition: all 0.2s;
  }
  .modal__copy:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 8px #0003;
  }
  .modal__copyIcon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 18px;
    top: 12px;
  }
  .modal__item {
    direction: rtl;
    position: relative;
    margin: 0 16px 18px;
  }
  .modal__optionLabel {
    text-align: right;
    font-variation-settings: "wght" 500, "dots" 4;
    font-size: 32px;
    color: var(--gray_1);
    cursor: pointer;
    line-height: 24px;
  }
  .modal__optionBtn {
    opacity: 0;
    cursor: pointer;
  }
  .modal__checkmark {
    position: absolute;
    right: -7px;
    top: 5px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid var(--primary);
  }
  .modal__checkmark:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background: var(--primary);
    display: none;
  }
  .modal__optionBtn:checked + .modal__checkmark:after {
    display: block;
  }
  .modal__btn_primary {
    width: 100%;
    height: 48px;
    border-radius: 40px;
    background: var(--primary);
    display: flex;
    justify-content: center;
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s;
  }
  .modal__btn_primary:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 8px #0003;
  }
  .modal__btn_cancel {
    width: 100%;
    height: 48px;
    border-radius: 40px;
    background: var(--tertiary_light);
    display: flex;
    justify-content: center;
    color: var(--gray_2);
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s;
  }
  .modal__btn_cancel:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 8px #0003;
  }
  .modal__footer {
    display: flex;
    justify-content: space-between;
    gap: 16px;
  }
  .modal__divider {
    width: 100%;
    height: 1px;
    background: var(--gray_5);
    margin: 0 auto 16px;
  }
  .plyr__menu__container {
    height: auto;
  }
  .plyr video {
    max-height: calc(100vh - 210px);
  }
  .single__floatingLabel {
    font-size: 16px;
    line-height: 32px;
  }
  .single__errorMessage {
    font-size: 26px;
    font-variation-settings: "wght" 500, "dots" 4;
  }
  .single__select {
    font-size: 30px;
    font-variation-settings: "wght" 400, "dots" 4;
    height: 52px;
    padding: 5px 24px 5px 48px;
    line-height: 20px;
  }
  .single__select option {
    font-size: 30px;
    font-variation-settings: "wght" 400, "dots" 4;
  }
  .single__input {
    font-size: 22px;
    font-variation-settings: "wght" 400, "dots" 4;
    min-height: 64px;
    padding: 16px 24px 10px 78px;
  }
  .single__inputLtr:not(:placeholder-shown) {
    padding: 16px 24px 10px 78px;
    font-size: 22px;
  }
  .single__inputLtr:focus-visible {
    padding: 16px 24px 10px 78px;
    font-size: 22px;
  }
  .single__inputLtr.mobile:not(:placeholder-shown) {
    padding: 16px 24px 10px 60px;
  }
  .single__inputLtr.mobile:focus-visible {
    padding: 16px 24px 10px 60px;
  }
  .single__formIcon {
    width: 32px;
    height: 32px;
    left: 24px;
    top: 14px;
  }
  .single__textarea {
    font-size: 18px;
    font-variation-settings: "wght" 400, "dots" 4;
  }
  .single__floatingLabel_move {
    transform: translateY(-27px) translate(0);
    background-color: #fff;
    padding: 0 4px;
  }
  input:focus + span.single__floatingLabel,
  input:not(:placeholder-shown) + span.single__floatingLabel {
    transform: translateY(-27px) translate(0);
    background-color: #fff;
    padding: 0 4px;
  }
  input:focus + span.single__floatingLabel,
  input:not(:-ms-input-placeholder) + span.single__floatingLabel {
    transform: translateY(-27px) translate(0);
    background-color: #fff;
    padding: 0 4px;
  }
  textarea:focus + span.single__floatingLabel,
  textarea:not(:placeholder-shown) + span.single__floatingLabel {
    transform: translateY(-27px) translate(0);
    background-color: #fff;
    padding: 0 4px;
  }
  textarea:focus + span.single__floatingLabel,
  textarea:not(:-ms-input-placeholder) + span.single__floatingLabel {
    transform: translateY(-27px) translate(0);
    background-color: #fff;
    padding: 0 4px;
  }
  select:focus + span.single__floatingLabel,
  select:not(:placeholder-shown) + span.single__floatingLabel {
    transform: translateY(-27px) translate(0);
    background-color: #fff;
    padding: 0 4px;
  }
  select:focus + span.single__floatingLabel,
  select:not(:-ms-input-placeholder) + span.single__floatingLabel {
    transform: translateY(-27px) translate(0);
    background-color: #fff;
    padding: 0 4px;
  }
  .single__errorMessage {
    font-size: 14px;
    padding-top: 10px;
    font-variation-settings: "wght" 500, "dots" 4;
  }
  .single__toman {
    font-size: 24px;
    left: 18px;
    top: 24px;
  }
  .bottomSheet__optionLabel {
    font-size: 18px;
  }
}
@media (min-width: 1281px) and (max-width: 1600px) {
  .single__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }
  .single__info {
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    padding: 14px 0;
    gap: 24px;
  }
  .single__author {
    width: 100%;
  }
  .single__actions {
    align-items: center;
    width: 100%;
    justify-content: flex-end;
  }
}
