/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#ErrorNotify_root__dKLb0 {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.ErrorNotify_layout-container__EKfgt {
  overflow-x: hidden;
}
.ErrorNotify_content__irblf {
  z-index: 1200;
  box-sizing: border-box;
  border-radius: 30px;
  background: var(--background-secondary);
  padding: 31px 36px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 585px;
}
@media (max-width: 768px) {
  .ErrorNotify_content__irblf {
    width: 80%;
    gap: 20px;
  }
}
.ErrorNotify_button__Ac3Sm {
  all: unset;
  cursor: pointer;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.12);
  padding: 14px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  transition: color 1s ease;
  width: 100%;
}
.ErrorNotify_button__Ac3Sm:hover {
  color: rgba(255, 255, 255, 0.4);
}
.ErrorNotify_text__Nf0S2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
}
.ErrorNotify_text__Nf0S2 h2 {
  margin: 0;
  color: var(--color-white);
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  line-height: 120%;
}
.ErrorNotify_text__Nf0S2 span {
  color: var(--color-white);
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#AvatarCard_root__9E9OA {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.AvatarCard_layout-container__sR6p8 {
  overflow-x: hidden;
}
.AvatarCard_container__hr0AJ {
  border-radius: 32px;
  background: var(--background-additional);
  width: clamp(15rem, -1.5rem + 20.625vw, 23.25rem);
  height: clamp(21.75rem, 0.75rem + 26.25vw, 32.25rem);
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
  cursor: pointer;
}
.AvatarCard_container__hr0AJ:hover {
  transform: scale(1.02);
}
@media (min-width: 769px) and (max-width: 1279px) {
  .AvatarCard_container__hr0AJ {
    width: clamp(12.5rem, 7.5rem + 6.25vw, 15rem);
    height: clamp(17.3125rem, 8.4375rem + 11.0938vw, 21.75rem);
  }
}
@media (max-width: 768px) {
  .AvatarCard_container__hr0AJ {
    width: 100%;
    height: auto;
  }
}
.AvatarCard_cardInfo__-VOrr {
  position: absolute;
  right: 26px;
  left: 26px;
  bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  box-sizing: border-box;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .AvatarCard_cardInfo__-VOrr {
    right: 16px;
    left: 16px;
    bottom: 20px;
  }
}
@media (max-width: 768px) {
  .AvatarCard_cardInfo__-VOrr {
    right: 16px;
    left: 16px;
    bottom: 20px;
  }
}
.AvatarCard_cardInfoText__8-y0f {
  max-width: 293px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.AvatarCard_avatarImg__HQbR4 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.AvatarCard_description__0vqEP {
  font-size: 13px;
  font-weight: 400;
  line-height: 123%;
  margin: 0;
}
.AvatarCard_avatarName__YZ7hl {
  font-size: clamp(1.125rem, 0.625rem + 0.625vw, 1.375rem);
  font-weight: 600;
  line-height: 118%;
  margin: 0;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .AvatarCard_avatarName__YZ7hl {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .AvatarCard_avatarName__YZ7hl {
    font-size: 20px;
  }
}
.AvatarCard_cardActions__AMQ2F {
  display: flex;
  gap: 12px;
  justify-content: center;
  width: 316px;
}
@media (max-width: 768px) {
  .AvatarCard_cardActions__AMQ2F {
    width: 100%;
  }
}
.AvatarCard_useAvatarLink__HbpYs {
  all: unset;
  cursor: pointer;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.12);
  padding: 14px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  transition: color 1s ease;
  width: 100%;
}
.AvatarCard_useAvatarLink__HbpYs:hover {
  color: rgba(255, 255, 255, 0.4);
}
.AvatarCard_viewAvatarButton__NrQgP {
  all: unset;
  cursor: pointer;
  width: 48px;
  height: 48px;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AvatarCard_viewAvatarButton__NrQgP:hover img {
  opacity: 0.4;
}
.AvatarCard_viewAvatarButton__NrQgP img {
  width: 24px;
  height: 24px;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#HomeAvatars_root__2cY6h {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.HomeAvatars_layout-container__YSa9R {
  overflow-x: hidden;
}
.HomeAvatars_pageSubtitle__c2wz0 {
  font-size: clamp(1.875rem, 0.625rem + 1.5625vw, 2.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: 118%;
  margin: 0;
}
@media (max-width: 768px) {
  .HomeAvatars_pageSubtitle__c2wz0 {
    font-size: 25px;
  }
}
.HomeAvatars_avatars__60e76 {
  display: flex;
  gap: clamp(1rem, 0.5rem + 0.625vw, 1.25rem);
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .HomeAvatars_avatars__60e76 {
    flex-direction: column;
    gap: 12px;
  }
}
.HomeAvatars_container__plVV- {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 34px;
  margin-bottom: 68px;
  max-width: 100%;
}
.HomeAvatars_textContainer__p0AVf {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.HomeAvatars_textContainer__p0AVf span {
  color: rgba(255, 255, 255, 0.68);
  font-size: clamp(1.125rem, 0.875rem + 0.3125vw, 1.25rem);
  font-weight: 700;
  line-height: 143%;
}
@media (max-width: 768px) {
  .HomeAvatars_textContainer__p0AVf span {
    font-size: 14px;
  }
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#MainVideo_root__XmeD5 {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.MainVideo_layout-container__NOFMM {
  overflow-x: hidden;
}
.MainVideo_container__U77Gb {
  width: 100%;
  height: 906px;
  border-radius: 58px;
  overflow: hidden;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .MainVideo_container__U77Gb {
    height: auto;
    border-radius: 52px;
  }
}
@media (max-width: 768px) {
  .MainVideo_container__U77Gb {
    height: auto;
    border-radius: 32px;
  }
}
.MainVideo_container__U77Gb video {
  width: 100%;
  height: 100%;
  max-width: 100%;
  display: block;
  object-fit: cover;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#Modal_root__Ny2kO {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.Modal_layout-container__BE0ZT {
  overflow-x: hidden;
}
.Modal_modal__DtOb5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.Modal_modal__DtOb5:before {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  backdrop-filter: blur(12px);
  z-index: 0;
}
@keyframes Spinner_rotate__z7pGg {
  100% {
    transform: rotate(360deg);
  }
}
.Spinner_spinner__PmbN8 {
  animation: Spinner_rotate__z7pGg 1s linear infinite;
}
.Spinner_small__4Ugdw {
  width: 17px;
  height: 16px;
}
.Spinner_medium__n1QbQ {
  width: 58px;
  height: 57px;
}
.Spinner_large__pnGsR {
  width: 87px;
  height: 86px;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#Home_root__31PO7 {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.Home_layout-container__JdK4d {
  overflow-x: hidden;
}
.Home_container__XoXco {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: 90vh;
  margin: clamp(1.25rem, 1rem + 0.3125vw, 1.375rem) clamp(4.625rem, 3.875rem + 0.9375vw, 5rem);
  gap: clamp(2.8125rem, 2.1875rem + 0.7813vw, 3.125rem);
}
@media (max-width: 768px) {
  .Home_container__XoXco {
    margin: 20px 24px;
    gap: 28px;
  }
}
.Home_spinnerWrapper__Gb\+52 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 90vh;
}
.Home_heroSection__sJd\+R {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(1.125rem, 0.625rem + 0.625vw, 1.375rem);
  max-width: 1000px;
  margin: 0 auto;
}
.Home_heroSection__sJd\+R p {
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.68);
  text-align: center;
  font-size: clamp(1.0625rem, 0.8125rem + 0.3125vw, 1.1875rem);
  font-weight: 500;
  line-height: 144%;
}
@media (max-width: 768px) {
  .Home_heroSection__sJd\+R p {
    font-size: 14px;
    max-width: 100%;
    font-weight: 400;
  }
}
.Home_title__AL279 {
  text-align: center;
  font-size: clamp(3.25rem, 2.25rem + 1.25vw, 3.75rem);
  font-weight: 700;
  line-height: 106%;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .Home_title__AL279 {
    font-size: 28px;
  }
}
.Home_titleHighlight__KafDt {
  background: var(--gradient, linear-gradient(102deg, #4D74FE -10.56%, #3F81FD 44.75%, #88B0FC 65.01%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Home_primaryButton__0\+g6W {
  all: unset;
  cursor: pointer;
  border-radius: 12px;
  background-color: var(--color-blue);
  padding: 11.5px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  transition: background-color 1s ease;
  padding: clamp(1rem, 0.75rem + 0.3125vw, 1.125rem) clamp(2rem, 1.5rem + 0.625vw, 2.25rem);
  font-size: clamp(1rem, 0.75rem + 0.3125vw, 1.125rem);
}
.Home_primaryButton__0\+g6W:hover {
  background-color: var(--color-blue-hover);
}
@media (max-width: 768px) {
  .Home_primaryButton__0\+g6W {
    font-size: 14px;
    width: 100%;
    padding: clamp(0.875rem, 0.625rem + 0.3125vw, 1rem) 0;
  }
}
.Home_avatarsSection__xI1zS {
  max-width: 100%;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#Header_root__iFlHH {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.Header_layout-container__WgYKO {
  overflow-x: hidden;
}
.Header_headerContainer__qDpiS {
  margin: 0 auto;
  padding: clamp(2.5rem, 1.3125rem + 1.4844vw, 3.0938rem) clamp(3.75rem, 1.25rem + 3.125vw, 5rem) clamp(2.5rem, 1.3125rem + 1.4844vw, 3.0938rem) clamp(3.75rem, 1.25rem + 3.125vw, 5rem);
}
@media (max-width: 768px) {
  .Header_headerContainer__qDpiS {
    padding: clamp(1.25rem, 0rem + 1.5625vw, 1.875rem) clamp(1.25rem, 0rem + 1.5625vw, 1.875rem) clamp(1.25rem, 0rem + 1.5625vw, 1.875rem) clamp(1.25rem, 0rem + 1.5625vw, 1.875rem);
  }
}
.Header_headerContainer__qDpiS a {
  all: unset;
  cursor: pointer;
  display: block;
  width: 259px;
  height: 41px;
}
@media (max-width: 768px) {
  .Header_headerContainer__qDpiS a {
    width: 150px;
    height: 25px;
  }
}
.Header_headerLogo__NReGb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#Footer_root__RzH02 {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.Footer_layout-container__tIewH {
  overflow-x: hidden;
}
.Footer_footerContainer__Prdqx {
  margin: 0 auto;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 27px;
}
@media (max-width: 768px) {
  .Footer_footerContainer__Prdqx {
    gap: 16px;
    padding: 15px 0;
  }
}
.Footer_footerLinks__8IxyH {
  display: flex;
  gap: 27px;
  align-items: center;
}
@media (max-width: 768px) {
  .Footer_footerLinks__8IxyH {
    gap: 16px;
  }
}
.Footer_footerLinks__8IxyH a {
  all: unset;
  cursor: pointer;
  display: block;
  text-decoration: none;
}
.Footer_footerCopyright__FzJsT {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-family: "SB Sans Text";
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  opacity: 0.65;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#root {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.layout-container {
  overflow-x: hidden;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#FeedbackNPS_root__A2lSU {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.FeedbackNPS_layout-container__JEUVI {
  overflow-x: hidden;
}
.FeedbackNPS_content__f5m-I {
  z-index: 1200;
  box-sizing: border-box;
  border-radius: 20px;
  background: var(--background-secondary);
  padding: 24px 34px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 23px;
}
.FeedbackNPS_buttonClose__IamIE {
  outline: none;
  border: none;
  background: transparent;
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 0;
}
.FeedbackNPS_buttonClose__IamIE img {
  width: 14px;
  height: 14px;
}
.FeedbackNPS_text__jwgjz {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
}
.FeedbackNPS_text__jwgjz h2 {
  margin: 0;
  color: rgba(255, 255, 255, 0.84);
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  line-height: 118%;
}
.FeedbackNPS_text__jwgjz span {
  color: rgba(255, 255, 255, 0.24);
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 119%;
}
.FeedbackNPS_buttonSubmit__PvCxK {
  all: unset;
  cursor: pointer;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.12);
  padding: 14px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  transition: color 1s ease;
  width: 100%;
}
.FeedbackNPS_buttonSubmit__PvCxK:hover {
  color: rgba(255, 255, 255, 0.4);
}
.FeedbackNPS_stars__diKng {
  display: flex;
  align-items: center;
  gap: 19.5px;
}
.FeedbackNPS_stars__diKng svg {
  width: 41px;
  height: 39px;
  cursor: pointer;
  transition: fill 0.2s ease-in-out, filter 0.2s ease-in-out;
}
.FeedbackNPS_stars__diKng .FeedbackNPS_glow__6I9vd {
  filter: drop-shadow(0px 0px 8px rgba(250, 200, 24, 0.8));
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#Form_root__yq3Kw {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.Form_layout-container__ii7f7 {
  overflow-x: hidden;
}
.Form_container__2qi9x {
  padding: 26px 24px;
  height: fit-content;
  background-color: var(--background-secondary);
  filter: drop-shadow(0px 7.634px 10.178px rgba(0, 0, 0, 0.16));
  border-radius: 38px;
  width: clamp(26.25rem, 20.875rem + 6.7188vw, 28.9375rem);
  min-width: fit-content;
  box-sizing: border-box;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .Form_container__2qi9x {
    width: 303px;
    padding: 20px 18px;
  }
}
@media (max-width: 768px) {
  .Form_container__2qi9x {
    width: 100%;
    max-width: 330px;
  }
}
.Form_saveButton__UX1UR {
  all: unset;
  cursor: pointer;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.12);
  padding: 14px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  transition: color 1s ease;
  width: 100%;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Form_saveButton__UX1UR:hover {
  color: rgba(255, 255, 255, 0.4);
}
.Form_saveButton__UX1UR:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#Avatar_root__YJ1rU {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.Avatar_layout-container__y9T1z {
  overflow-x: hidden;
}
.Avatar_BehaviorContainer__F1ldK {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 17px;
}
.Avatar_BehaviorContainer__F1ldK h5 {
  margin: 0;
  color: rgba(255, 255, 255, 0.54);
  font-size: clamp(0.875rem, 0.625rem + 0.3125vw, 1rem);
  font-weight: 600;
  line-height: 118%;
}
.Avatar_behavior__QfBnX {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.06);
  box-sizing: border-box;
}
.Avatar_option__4K95B {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.3s ease;
  box-sizing: border-box;
}
.Avatar_option__4K95B input {
  display: none;
}
.Avatar_option__4K95B .Avatar_content__xaRn7 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 13px 14px 13px 14px;
}
.Avatar_option__4K95B strong {
  color: rgba(255, 255, 255, 0.96);
  font-size: 14px;
  font-weight: 600;
  line-height: 128%;
}
.Avatar_option__4K95B span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.56);
  font-weight: 400;
  line-height: 128%;
}
.Avatar_option__4K95B input:checked + .Avatar_content__xaRn7 {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
}
.Avatar_greetingContainer__9rDBG {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 17px;
  margin-bottom: 10px;
}
.Avatar_greetingContainer__9rDBG h5 {
  margin: 0;
  color: rgba(255, 255, 255, 0.54);
  font-size: clamp(0.875rem, 0.625rem + 0.3125vw, 1rem);
  font-weight: 600;
  line-height: 118%;
}
.Avatar_greetingContainer__9rDBG textarea {
  background-color: rgba(255, 255, 255, 0.06);
  width: 100%;
  height: 139px;
  border: none;
  border-radius: 12px;
  resize: none;
  padding: 11px 15px 11px 15px;
  box-sizing: border-box;
  outline: none;
  color: var(--color-text);
  font-family: "SB Sans Text";
  font-size: 14px;
  font-weight: 400;
  line-height: 142%;
  opacity: 1;
}
.Avatar_greetingContainer__9rDBG textarea::placeholder {
  color: rgba(239, 239, 239, 0.4);
  font-family: "SB Sans Text";
  font-size: 14px;
  font-weight: 400;
  line-height: 142%;
  opacity: 1;
}
.Avatar_header__J-7sC {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Avatar_switch__-NuwR {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 28px;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .Avatar_switch__-NuwR {
    margin-left: 10px;
  }
}
.Avatar_switch__-NuwR input {
  opacity: 0;
  width: 0;
  height: 0;
}
.Avatar_slider__uXfrO {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333333;
  border-radius: 50px;
  transition: 0.3s;
}
.Avatar_slider__uXfrO::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  border-radius: 50%;
  transition: 0.3s;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
input:checked + .Avatar_slider__uXfrO {
  background: linear-gradient(90deg, #5596ff, #8ec5fc);
}
input:checked + .Avatar_slider__uXfrO::before {
  transform: translateX(16px);
}
.Avatar_avatarContainer__3z\+ac {
  min-width: clamp(20.25rem, 15.0625rem + 6.4844vw, 22.8438rem);
}
@media (min-width: 769px) and (max-width: 1279px) {
  .Avatar_avatarContainer__3z\+ac {
    min-width: 280px;
  }
}
.Avatar_saveButton__do7xG {
  all: unset;
  cursor: pointer;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.12);
  padding: 14px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  transition: color 1s ease;
  width: 100%;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Avatar_saveButton__do7xG:hover {
  color: rgba(255, 255, 255, 0.4);
}
.Avatar_saveButton__do7xG:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#Bible_root__Cj9sc {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.Bible_layout-container__GvdMa {
  overflow-x: hidden;
}
.Bible_bibleContainer__05Gsw {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 17px;
  gap: 0;
  margin-bottom: 10px;
}
.Bible_bibleContainer__05Gsw textarea {
  background-color: hsla(0, 0%, 100%, 0.06);
  width: 100%;
  border: none;
  border-radius: 12px;
  resize: none;
  padding: 11.5px 15px 16px 15px;
  box-sizing: border-box;
  font-family: "SB Sans Text";
  font-size: clamp(0.8125rem, 0.6875rem + 0.1563vw, 0.875rem);
  font-weight: 400;
  line-height: 142%;
  outline: none;
  overflow-x: auto;
  overflow-y: scroll;
  color: rgba(239, 239, 239, 0.4);
  transition: all 1s ease;
}
.Bible_bibleContainer__05Gsw textarea::placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 142%;
}
.Bible_bibleContainer__05Gsw textarea::-webkit-scrollbar {
  width: 4px;
}
.Bible_bibleContainer__05Gsw textarea::-webkit-scrollbar-track {
  background-color: transparent;
  margin: 4px 0;
}
.Bible_bibleContainer__05Gsw textarea::-webkit-scrollbar-thumb {
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.1);
}
.Bible_bibleContainer__05Gsw .Bible_description__hQE6e {
  color: rgba(255, 255, 255, 0.56);
  font-size: clamp(0.625rem, 0.375rem + 0.3125vw, 0.75rem);
  font-weight: 600;
  line-height: 133%;
  letter-spacing: -0.228px;
  margin-top: 4px;
  transition: color 3s ease;
}
.Bible_bibleContainer__05Gsw .Bible_editing__WJFC8 {
  color: var(--text-white);
}
.Bible_bibleContainer__05Gsw .Bible_overLimit__LVdvM {
  background-color: rgba(255, 46, 67, 0.12);
}
.Bible_bibleContainer__05Gsw .Bible_errorText__egdCW {
  color: #FF4D5E;
}
.Bible_textContainer__N\+2ea {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  margin-bottom: 4px;
}
.Bible_textContainer__N\+2ea h5 {
  margin: 0;
  color: rgba(255, 255, 255, 0.54);
  font-size: clamp(0.875rem, 0.625rem + 0.3125vw, 1rem);
  font-weight: 600;
  line-height: 118%;
}
.Bible_textContainer__N\+2ea span {
  color: rgba(255, 255, 255, 0.4);
  font-size: clamp(0.75rem, 0.625rem + 0.1563vw, 0.8125rem);
  font-weight: 400;
  line-height: 118%;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#NewVoice_root__BM9-H {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.NewVoice_layout-container__ucmVU {
  overflow-x: hidden;
}
.NewVoice_container__WBMcF {
  display: flex;
  gap: 2px;
  width: 100%;
}
.NewVoice_containerVoice__at7yw {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
}
.NewVoice_containerVoice__at7yw h5 {
  margin: 0;
  color: rgba(255, 255, 255, 0.54);
  font-size: clamp(0.875rem, 0.625rem + 0.3125vw, 1rem);
  font-weight: 600;
  line-height: 118%;
}
.NewVoice_containerDrop__ClyCo {
  width: 100%;
}
.NewVoice_voiceItemContainer__4go92 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 64px;
  font-size: 14px;
  font-weight: 600;
  line-height: 128%;
  transition: all 0.3s;
  background: transparent;
  color: var(--color-text);
}
.NewVoice_voiceItemContainer__4go92:hover {
  background-color: rgba(128, 128, 128, 0.3);
  background-color: var(--background-secondary);
  border-radius: 12px;
}
.NewVoice_voiceItemContainer__4go92.NewVoice_active__QOTKW {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  color: var(--color-text);
}
.NewVoice_voiceItemContainer__4go92:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.NewVoice_voiceItemContainer__4go92 div:last-child {
  width: 100%;
  text-align: left;
}
.NewVoice_voiceDescription__\+1GdJ {
  display: flex;
  flex-direction: column;
  max-width: fit-content;
}
.NewVoice_useCase__Hrvtp {
  color: rgba(255, 255, 255, 0.96);
  font-size: 14px;
  font-weight: 400;
  line-height: 128.5%;
}
.NewVoice_temper__5p6\+q {
  color: rgba(255, 255, 255, 0.56);
  font-size: 14px;
  font-weight: 400;
  line-height: 128.5%;
}
.NewVoice_playButton__LFhWu {
  background-image: url(30f1148a311a0196.svg);
  width: 20px;
  height: 20px;
  margin: 0 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: background-image 0.3s ease;
}
.NewVoice_playButton__LFhWu.NewVoice_pause__m8oqs {
  background-image: url(fa2bf6d6549c3209.svg);
}
.NewVoice_container__WBMcF {
  width: 100%;
}
.NewVoice_dropdownList__ea4oi {
  overflow-x: auto;
  overflow-y: scroll;
  margin-top: 9px;
  width: 100%;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  height: 56px;
}
.NewVoice_dropdownList__ea4oi::-webkit-scrollbar {
  width: 4px;
}
.NewVoice_dropdownList__ea4oi::-webkit-scrollbar-track {
  background-color: transparent;
  margin: 4px 0;
}
.NewVoice_dropdownList__ea4oi::-webkit-scrollbar-thumb {
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.1);
}
.NewVoice_item__E8bTd {
  height: 64px;
  font-weight: 600;
  line-height: 128%;
  font-size: 14px;
  text-indent: 10px;
  transition: all 0.3s;
  background: var(--main-gradient);
  color: var(--color-text);
  display: flex;
  align-items: center;
}
.NewVoice_item__E8bTd:hover {
  background-color: rgba(128, 128, 128, 0.3);
  border-radius: 12px;
  background-color: var(--background-secondary);
}
.NewVoice_item__E8bTd.NewVoice_active__QOTKW {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  color: var(--color-text);
}
.NewVoice_item__E8bTd:last-child {
  border-radius: 12px;
}
.NewVoice_selected__8ugi9 {
  font-size: 14px;
  font-weight: 600;
}
.NewVoice_arrow__E6Izy {
  transition: transform 0.7s ease-in-out;
}
.NewVoice_rotate__JOpAc {
  transform: rotate(180deg);
}
.NewVoice_dropdownContainer__ZG4NF {
  position: absolute;
  height: 400px;
  overflow-y: auto;
  width: 100%;
  z-index: 200;
}
.NewVoice_input__5Rsr9 {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  padding: 15px 12px 15px 16px;
  color: rgba(255, 255, 255, 0.96);
  font-size: 14px;
  font-weight: 600;
  line-height: 128%;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.NewVoice_input__5Rsr9 span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .NewVoice_input__5Rsr9 span {
    font-size: 12px;
    max-width: 84px;
  }
}
@media (max-width: 768px) {
  .NewVoice_input__5Rsr9 span {
    font-size: 12px;
  }
}
.NewVoice_firstItem__4JtIe {
  border-radius: 12px 0px 0px 12px;
}
.NewVoice_leftList__b33qF {
  margin-left: -100%;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#BackgroundSelection_root__Ci5yW {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.BackgroundSelection_layout-container__XhPsu {
  overflow-x: hidden;
}
.BackgroundSelection_backgroundContainer__v4XkG {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
.BackgroundSelection_backgroundContainer__v4XkG h5 {
  margin: 0;
  color: rgba(255, 255, 255, 0.54);
  font-size: clamp(0.875rem, 0.625rem + 0.3125vw, 1rem);
  font-weight: 600;
  line-height: 118%;
}
.BackgroundSelection_backgroundContainer__v4XkG .BackgroundSelection_backgrounds__e3D9q {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  max-height: 226px;
  overflow-y: auto;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .BackgroundSelection_backgroundContainer__v4XkG .BackgroundSelection_backgrounds__e3D9q {
    gap: 6px;
  }
}
.BackgroundSelection_backgroundContainer__v4XkG .BackgroundSelection_backgroundOption__tfGqf {
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  overflow: hidden;
  width: 125px;
  height: 70px;
  transition: opacity 0.2s ease;
  opacity: 0.9;
}
.BackgroundSelection_backgroundContainer__v4XkG .BackgroundSelection_backgroundOption__tfGqf:hover {
  opacity: 1;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .BackgroundSelection_backgroundContainer__v4XkG .BackgroundSelection_backgroundOption__tfGqf {
    width: 113px;
  }
}
.BackgroundSelection_backgroundContainer__v4XkG .BackgroundSelection_backgroundOption__tfGqf img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  transition: transform 0.2s;
  object-position: bottom;
  object-fit: contain;
}
.BackgroundSelection_backgroundContainer__v4XkG .BackgroundSelection_hiddenRadio__nQLG2 {
  display: none;
}
.BackgroundSelection_backgroundContainer__v4XkG .BackgroundSelection_selected__lXpyL {
  outline: none;
  border: none;
}
.BackgroundSelection_backgroundContainer__v4XkG .BackgroundSelection_checkmark__gNMt1 {
  position: absolute;
  top: 4px;
  left: 4px;
  background: #5993FF;
  color: var(--color-white);
  font-size: 14px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.BackgroundSelection_backgroundContainer__v4XkG .BackgroundSelection_checkmark__gNMt1 img {
  width: 10px;
  height: 8px;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#NewScene_root__9ASqt {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.NewScene_layout-container__Ua9lP {
  overflow-x: hidden;
}
.NewScene_sceneContainer__aogMT {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
}
.NewScene_sceneContainer__aogMT h5 {
  margin: 0;
  color: rgba(255, 255, 255, 0.54);
  font-size: clamp(0.875rem, 0.625rem + 0.3125vw, 1rem);
  font-weight: 600;
  line-height: 118%;
}
.NewScene_frameSelector__l8JU3 {
  display: flex;
  gap: 11px;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .NewScene_frameSelector__l8JU3 {
    gap: 8px;
  }
}
.NewScene_option__RM\+WA {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.06);
  width: 133px;
  height: 133px;
  border-radius: 23px;
  justify-content: flex-end;
  overflow: hidden;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .NewScene_option__RM\+WA {
    width: 113px;
    height: 113px;
  }
}
.NewScene_option__RM\+WA .NewScene_imageWrapper__PkPQv {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.NewScene_option__RM\+WA .NewScene_imageWrapper__PkPQv img {
  width: 100%;
  height: 100%;
  object-position: bottom;
  object-fit: contain;
  transform: scale(1.05);
}
.NewScene_option__RM\+WA .NewScene_bigSize__mpeYT {
  transform: scale(1.05);
}
.NewScene_option__RM\+WA .NewScene_middleSize__h5VJ- {
  transform: scale(0.8);
}
.NewScene_option__RM\+WA .NewScene_smallSize__ZQZte {
  transform: scale(0.6);
}
.NewScene_option__RM\+WA span {
  font-size: 14px;
  color: #efefef;
}
.NewScene_option__RM\+WA .NewScene_radio__\+fxoj {
  display: none;
}
.NewScene_option__RM\+WA:has(.NewScene_radio__\+fxoj:checked) {
  background-color: rgba(255, 255, 255, 0.2);
}
.NewScene_optionContainer__uNEnW {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  max-width: 133px;
  gap: 14px;
  flex: 1;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .NewScene_optionContainer__uNEnW {
    max-width: 113px;
    gap: 10px;
  }
}
@media (min-width: 769px) and (max-width: 1279px) {
  .NewScene_optionContainer__uNEnW span {
    font-size: 10px;
  }
}
.NewScene_cameraContainer__udWDF {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.NewScene_backgroundContainer__yG0Fc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.NewScene_logoContainer__fbxOu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  margin-bottom: 10px;
}
.NewScene_saveButton__y8fsk {
  all: unset;
  cursor: pointer;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.12);
  padding: 14px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  transition: color 1s ease;
  width: 100%;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.NewScene_saveButton__y8fsk:hover {
  color: rgba(255, 255, 255, 0.4);
}
.NewScene_saveButton__y8fsk:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#Tab_root__VVEyM {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.Tab_layout-container__qlPTj {
  overflow-x: hidden;
}
.Tab_container__tTS8z {
  display: flex;
}
.Tab_tabContainer__g3mGx {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity 0.5s ease;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .Tab_tabContainer__g3mGx {
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .Tab_tabContainer__g3mGx {
    justify-content: flex-start;
  }
}
.Tab_tabContainer__g3mGx span {
  color: rgba(255, 255, 255, 0.56);
  font-size: clamp(0.625rem, 0.375rem + 0.3125vw, 0.75rem);
  font-weight: 600;
  line-height: 133%;
  letter-spacing: -0.228px;
}
.Tab_tabContainer__g3mGx img {
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
.Tab_tabContainer__g3mGx img:hover {
  opacity: 1;
}
.Tab_icon__vUkUv {
  width: 36px;
  height: 36px;
  padding: 5.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.Tab_icon__vUkUv img {
  width: 30.5px;
  height: 30.5px;
  object-fit: cover;
}
.Tab_active__ThuRR {
  color: var(--color-white);
}
.Tab_active__ThuRR img {
  opacity: 1;
}
.Tab_disabled__CtPys {
  cursor: not-allowed;
}
.Tab_disabled__CtPys img {
  opacity: 0.5;
}
.Tab_disabled__CtPys img:hover {
  opacity: 0.5;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#Tabs_root__athWX {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.Tabs_layout-container__BUCSD {
  overflow-x: hidden;
}
.Tabs_container__NM5lB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 17px;
  max-width: clamp(4.625rem, 2.125rem + 3.125vw, 5.875rem);
}
@media (min-width: 769px) and (max-width: 1279px) {
  .Tabs_container__NM5lB {
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .Tabs_container__NM5lB {
    gap: 12px;
  }
}
.Tabs_backLink__faeRM {
  margin-bottom: 18px;
  opacity: 0.3;
  transition: opacity 1s ease;
}
.Tabs_backLink__faeRM:hover {
  opacity: 1;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#Avatar_root__Zho\+4 {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.Avatar_layout-container__A7UF6 {
  overflow-x: hidden;
}
.Avatar_pageContainer__43Toz {
  display: flex;
  align-items: start;
  gap: clamp(1.5rem, 0.625rem + 1.0938vw, 1.9375rem);
  margin: 15px 61px 61px 38px;
  box-sizing: border-box;
  min-height: 60vh;
}
@media (max-width: 768px) {
  .Avatar_pageContainer__43Toz {
    margin: 0 14px;
  }
}
.Avatar_spinnerWrapper__QmrsK {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 90vh;
}
.Avatar_container__EoEv7 {
  display: flex;
  align-items: start;
  gap: clamp(1.5rem, 0.625rem + 1.0938vw, 1.9375rem);
  flex: 1;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .Avatar_container__EoEv7 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .Avatar_container__EoEv7 {
    flex-direction: column;
    width: 100%;
  }
}
.Avatar_formWrapper__hmCHe {
  width: fit-content;
}
@media (max-width: 768px) {
  .Avatar_formWrapper__hmCHe {
    width: 100%;
  }
}
.Avatar_spinnerWrapper__QmrsK {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 90vh;
}
.Viewer_iframe__C2HUN {
  border: none;
  border-radius: 32px;
  background: #171717;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#PreviewAvatarSection_root__yLKqM {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.PreviewAvatarSection_layout-container__Wabpx {
  overflow-x: hidden;
}
.PreviewAvatarSection_deployButton__OrCkX {
  all: unset;
  cursor: pointer;
  border-radius: 12px;
  background-color: var(--color-blue);
  padding: 11.5px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  transition: background-color 1s ease;
  padding: clamp(0.875rem, 0.625rem + 0.3125vw, 1rem) clamp(2.8125rem, 2.1875rem + 0.7813vw, 3.125rem);
}
.PreviewAvatarSection_deployButton__OrCkX:hover {
  background-color: var(--color-blue-hover);
}
.PreviewAvatarSection_avatarPreviewHeader__Wximb {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  margin-bottom: 34px;
}
.PreviewAvatarSection_avatarPreviewContainer__HCIBk {
  flex: 1;
  height: 85vh;
  margin-bottom: 45px;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .PreviewAvatarSection_avatarPreviewContainer__HCIBk {
    margin-bottom: 85px;
  }
}
@media (max-width: 768px) {
  .PreviewAvatarSection_avatarPreviewContainer__HCIBk {
    margin-bottom: 45px;
  }
}
.PreviewAvatarSection_previewDescriptionText__Ir\+Re {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: clamp(0.5rem, 0.25rem + 0.3125vw, 0.625rem);
  color: #FFF;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .PreviewAvatarSection_previewDescriptionText__Ir\+Re {
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .PreviewAvatarSection_previewDescriptionText__Ir\+Re {
    font-size: 14px;
    gap: 8px;
  }
}
.PreviewAvatarSection_previewDescriptionText__Ir\+Re p {
  font-size: clamp(0.75rem, 0.5rem + 0.3125vw, 0.875rem);
  font-weight: 500;
  line-height: 143%;
  margin: 0;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .PreviewAvatarSection_previewDescriptionText__Ir\+Re p {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .PreviewAvatarSection_previewDescriptionText__Ir\+Re p {
    font-size: 12px;
  }
}
.PreviewAvatarSection_previewDescriptionTitle__iaKpa {
  font-size: clamp(1.125rem, 0.625rem + 0.625vw, 1.375rem);
  font-weight: 600;
  line-height: 91%;
  margin: 0;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .PreviewAvatarSection_previewDescriptionTitle__iaKpa {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .PreviewAvatarSection_previewDescriptionTitle__iaKpa {
    font-size: 14px;
  }
}
.PreviewAvatarSection_iframeWrapper__-M8l8 {
  flex: 1;
  height: 85vh;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .PreviewAvatarSection_iframeWrapper__-M8l8 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .PreviewAvatarSection_iframeWrapper__-M8l8 {
    width: 100%;
  }
}
.PreviewAvatarSection_iframeWrapper__-M8l8 img {
  width: 100%;
  object-fit: contain;
}
.PreviewAvatarSection_iframe__-uhZo {
  width: 100%;
  height: 85vh;
  aspect-ratio: "16/9";
  box-sizing: border-box;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#NotifyCopyLink_root__X5G5h {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.NotifyCopyLink_layout-container__19JRN {
  overflow-x: hidden;
}
.NotifyCopyLink_content__qdejk {
  z-index: 1300;
  box-sizing: border-box;
  border-radius: 20px;
  background: var(--background-secondary);
  padding: 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: 705px;
}
@media (max-width: 768px) {
  .NotifyCopyLink_content__qdejk {
    width: 85%;
    gap: 14px;
  }
}
.NotifyCopyLink_content__qdejk h2 {
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 120%;
  text-align: center;
}
@media (max-width: 768px) {
  .NotifyCopyLink_content__qdejk h2 {
    font-size: 24px;
  }
}
.NotifyCopyLink_content__qdejk p {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 132%;
  text-align: center;
}
@media (max-width: 768px) {
  .NotifyCopyLink_content__qdejk p {
    font-size: 14px;
  }
}
.NotifyCopyLink_buttonCopy__9M-r6, .NotifyCopyLink_buttonClose__LaYoD {
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
}
.NotifyCopyLink_buttonClose__LaYoD {
  position: absolute;
  right: 24px;
  top: 24px;
  padding: 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  opacity: 0.12;
  transition: opacity 0.3s ease;
}
.NotifyCopyLink_buttonClose__LaYoD:hover {
  opacity: 1;
}
.NotifyCopyLink_buttonClose__LaYoD img {
  width: 20px;
  height: 20px;
}
.NotifyCopyLink_buttonClose__LaYoD::before,
.NotifyCopyLink_buttonClose__LaYoD::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  transform: translate(-50%, -50%);
  background-color: white;
  transform-origin: center;
}
.NotifyCopyLink_buttonClose__LaYoD::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.NotifyCopyLink_buttonClose__LaYoD::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.NotifyCopyLink_openLink__C366- {
  all: unset;
  cursor: pointer;
  border-radius: 12px;
  background-color: var(--color-blue);
  padding: 11.5px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  transition: background-color 1s ease;
  width: 100%;
  padding: 20px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}
.NotifyCopyLink_openLink__C366-:hover {
  background-color: var(--color-blue-hover);
}
@media (max-width: 768px) {
  .NotifyCopyLink_openLink__C366- {
    font-size: 16px;
  }
}
.NotifyCopyLink_linkContainer__B\+0ds {
  border-radius: 16px;
  background-color: rgba(159, 160, 165, 0.1);
  width: 100%;
  padding: 18px 19px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.NotifyCopyLink_linkContainer__B\+0ds span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 103%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  max-width: 100%;
  flex-shrink: 1;
}
.NotifyCopyLink_linkContainer__B\+0ds img {
  width: 24px;
  height: 30.5px;
  opacity: 0.1;
  transition: opacity 0.3s ease;
}
.NotifyCopyLink_linkContainer__B\+0ds img:hover {
  opacity: 1;
}
.NotifyCopyLink_linkImage__1hB7f {
  width: 112px;
  height: 112px;
  object-fit: cover;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#DeployAvatarConfirm_root__WcNgz {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.DeployAvatarConfirm_layout-container__LPcKI {
  overflow-x: hidden;
}
.DeployAvatarConfirm_content__nezpR {
  z-index: 1400;
  box-sizing: border-box;
  border-radius: 30px;
  background: var(--background-secondary);
  padding: 31px 36px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 657px;
}
@media (max-width: 768px) {
  .DeployAvatarConfirm_content__nezpR {
    width: 90%;
    gap: 14px;
  }
}
.DeployAvatarConfirm_content__nezpR h2 {
  margin: 0;
  font-size: clamp(1.125rem, 0.875rem + 0.3125vw, 1.25rem);
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  text-align: center;
  width: 100%;
}
@media (max-width: 768px) {
  .DeployAvatarConfirm_content__nezpR h2 {
    font-size: 16px;
  }
}
.DeployAvatarConfirm_button__m0Pg- {
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
  all: unset;
  cursor: pointer;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.12);
  padding: 14px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  transition: color 1s ease;
  width: 100%;
  padding: 20px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}
.DeployAvatarConfirm_button__m0Pg-:hover {
  color: rgba(255, 255, 255, 0.4);
}
@media (max-width: 768px) {
  .DeployAvatarConfirm_button__m0Pg- {
    font-size: 16px;
  }
}
.DeployAvatarConfirm_actionsContainer__JesHZ {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --color-white: #FFFFFF;
  --main-background: #080808;
  --background-secondary: #171717;
  --background-additional: #151010;
  --color-blue: #3F81FD;
  --color-blue-hover: #0C5EB6;
  --color-main-grey: #262626;
}
body,
html,
#PreviewAvatarMedia_root__Z6eTH {
  height: 100%;
  margin: 0;
  background-color: var(--main-background);
  padding: 0;
  box-sizing: border-box;
  color: var(--color-white);
  font-family: "SB Sans Text", sans-serif;
}
.PreviewAvatarMedia_layout-container__yufVX {
  overflow-x: hidden;
}
.PreviewAvatarMedia_deployButton__evY1K {
  all: unset;
  cursor: pointer;
  border-radius: 12px;
  background-color: var(--color-blue);
  padding: 11.5px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  transition: background-color 1s ease;
  width: 149px;
  display: block;
  z-index: 100;
  padding: clamp(0.875rem, 0.625rem + 0.3125vw, 1rem) clamp(1.5rem, 0.75rem + 0.9375vw, 1.875rem);
  align-self: flex-end;
}
.PreviewAvatarMedia_deployButton__evY1K:hover {
  background-color: var(--color-blue-hover);
}
.PreviewAvatarMedia_spinnerWrapper__HrPjz {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 90vh;
}
.PreviewAvatarMedia_avatarVideoContainer__KWBiZ {
  flex: 1;
  position: relative;
  height: 90vh;
  overflow: hidden;
  gap: 20px;
  display: flex;
  flex-direction: column;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}
.PreviewAvatarMedia_avatarVideoContainer__KWBiZ video {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: bottom center;
  border-radius: 32px;
}
.PreviewAvatarMedia_avatarVideoContainer__KWBiZ img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 32px;
}
.PreviewAvatarMedia_previewUnavailable__irzYL {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 21px;
  line-height: 120%;
  text-align: center;
}

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