/* 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;
  font-display: swap;
}
.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, 3.625rem + 0.1563vw, 3.8125rem) clamp(2.5rem, 1.3125rem + 1.4844vw, 3.0938rem) clamp(3.75rem, 1.25rem + 3.125vw, 5rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@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_logoLink__BdSMX {
  all: unset;
  cursor: pointer;
  display: block;
  width: 259px;
  height: 41px;
}
@media (max-width: 768px) {
  .Header_logoLink__BdSMX {
    width: 150px;
    height: 25px;
  }
}
.Header_headerLogo__NReGb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.Header_button__yFK7o {
  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;
  text-decoration: none;
  display: flex;
  gap: 10px;
  padding: 13px 18px;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  background: rgba(57, 57, 57, 0.3);
  transition: all 0.3s ease;
}
.Header_button__yFK7o:hover {
  color: rgba(255, 255, 255, 0.4);
}
@media (min-width: 769px) and (max-width: 1279px) {
  .Header_button__yFK7o {
    padding: 12px 16px;
  }
}
@media (max-width: 768px) {
  .Header_button__yFK7o {
    padding: 12px 16px;
  }
}
.Header_label__E0EKX {
  display: flex;
  padding: 8px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: linear-gradient(103deg, #0038FF 0%, #3F81FD 94.45%);
  width: fit-content;
  color: #FFF;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-left: -22px;
  margin-top: 2px;
}
.Header_logoContainer__\+jzI8 {
  display: flex;
  align-items: start;
  justify-content: center;
}
.Header_buttonImg__Jrjsr {
  object-fit: contain;
  object-position: center;
  aspect-ratio: 1/1;
  width: 15px;
  height: 15px;
}
.Header_buttonText__55Krl {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
  transition: all 0.3s ease;
  white-space: nowrap;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .Header_buttonText__55Krl {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .Header_buttonText__55Krl {
    font-size: 12px;
  }
}
.Header_headerActions__SwCpv {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 55px;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .Header_headerActions__SwCpv {
    gap: 20px;
  }
}
.Header_contact__z1let {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .Header_contact__z1let {
    gap: 10px;
  }
}
.Header_contactDescription__0htc9 {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 137.5%;
  opacity: 0.8;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .Header_contactDescription__0htc9 {
    font-size: 14px;
    max-width: 120px;
  }
}
.LanguageToggle_toggleWrapper__6C7FO {
  position: relative;
  width: 80px;
  height: 41px;
  background-color: #393939;
  border-radius: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
}
.LanguageToggle_toggleWrapper__6C7FO button {
  all: unset;
}
.LanguageToggle_slider__iwUMB {
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: #ffffff;
  border-radius: 50%;
  top: 4.5px;
  left: 4.5px;
  transition: all 0.3s ease;
  z-index: 1;
}
.LanguageToggle_right__l3t86 {
  transform: translateX(40px);
}
.LanguageToggle_lang__o2oR3 {
  flex: 1;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  z-index: 100;
  cursor: pointer;
  transition: color 0.3s ease;
}
.LanguageToggle_lang__o2oR3.LanguageToggle_active__bAxyG {
  color: #272A2F;
  z-index: 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,
#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;
  font-display: swap;
}
.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,
#CookieNotice_root__9xPri {
  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;
  font-display: swap;
}
.CookieNotice_layout-container__GvDZd {
  overflow-x: hidden;
}
.CookieNotice_cookieContainer__B61RJ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
  gap: 10px;
  background-color: var(--background-secondary);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  width: fit-content;
  margin: 0 auto;
  max-width: 1150px;
  box-sizing: border-box;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
  z-index: 1000;
  white-space: nowrap;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .CookieNotice_cookieContainer__B61RJ {
    gap: clamp(0.25rem, -0.5rem + 0.9375vw, 0.625rem);
    max-width: 95%;
    padding: clamp(0.625rem, -0.375rem + 1.25vw, 1.125rem);
  }
}
@media (max-width: 768px) {
  .CookieNotice_cookieContainer__B61RJ {
    max-width: 95%;
    white-space: wrap;
  }
}
.CookieNotice_description__ieKrX {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 16px;
  line-height: 138%;
  padding: 0;
  margin: 0;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .CookieNotice_description__ieKrX {
    font-size: clamp(0.75rem, 0.25rem + 0.625vw, 1rem);
    line-height: normal;
  }
}
@media (max-width: 768px) {
  .CookieNotice_description__ieKrX {
    font-size: 12px;
    line-height: normal;
  }
}
.CookieNotice_hightLight__sNbfe {
  text-decoration: underline;
}
.CookieNotice_hintText__dHYiy {
  color: #7c7f88;
}
.CookieNotice_actionsContainer__xGXVu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.CookieNotice_primaryButton__sZCjL {
  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;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  padding: 10px 24px;
}
.CookieNotice_primaryButton__sZCjL:hover {
  background-color: var(--color-blue-hover);
}
@media (min-width: 769px) and (max-width: 1279px) {
  .CookieNotice_primaryButton__sZCjL {
    font-size: clamp(0.625rem, 0.125rem + 0.625vw, 0.875rem);
    line-height: normal;
    padding: 10px clamp(1rem, 0rem + 1.25vw, 1.5rem);
  }
}
@media (max-width: 768px) {
  .CookieNotice_primaryButton__sZCjL {
    font-size: 12px;
    padding: 8px 14px;
  }
}
.CookieNotice_button__L7edI {
  all: unset;
  background-color: var(--background-secondary);
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #464647;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  cursor: pointer;
  transition: color 1s ease;
}
.CookieNotice_button__L7edI:hover {
  color: rgba(255, 255, 255, 0.4);
}
@media (min-width: 769px) and (max-width: 1279px) {
  .CookieNotice_button__L7edI {
    font-size: clamp(0.75rem, 0.5rem + 0.3125vw, 0.875rem);
    line-height: normal;
    padding: clamp(0.5rem, 0.25rem + 0.3125vw, 0.625rem) clamp(0.875rem, 0.625rem + 0.3125vw, 1rem);
  }
}
@media (max-width: 768px) {
  .CookieNotice_button__L7edI {
    font-size: 12px;
    line-height: normal;
    padding: 8px 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,
#LayoutMobile_root__tjzFs {
  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;
  font-display: swap;
}
.LayoutMobile_layout-container__Cfahk {
  overflow-x: hidden;
}
.LayoutMobile_containerLayoutMobile__1dePS {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background-color: #171717;
}
.LayoutMobile_video__aPbaY {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
.LayoutMobile_content__TgNKk {
  display: flex;
  padding: 18px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  background-color: #171717;
  color: #FFF;
  text-align: center;
  font-family: "SB Sans Text";
  margin: 0 35.5px;
  z-index: 100;
  max-width: 249px;
}
.LayoutMobile_title__kVvIz {
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
}
.LayoutMobile_desc__4fuWw {
  margin: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133%;
}
.LayoutMobile_laptop__oNk8G {
  width: 63px;
  height: 63px;
}
/* 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;
  font-display: swap;
}
.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;
  position: relative;
}
@media (max-width: 768px) {
  .ErrorNotify_content__irblf {
    width: 80%;
    gap: 20px;
  }
}
.ErrorNotify_subError__wTiZl {
  width: 657px;
}
.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%;
}
.ErrorNotify_buttonClose__7piRa {
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
  position: absolute;
  right: 18px;
  top: 18px;
  padding: 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  opacity: 0.12;
  transition: opacity 0.3s ease;
}
.ErrorNotify_buttonClose__7piRa:hover {
  opacity: 1;
}
.ErrorNotify_buttonClose__7piRa img {
  width: 20px;
  height: 20px;
}
.ErrorNotify_buttonClose__7piRa::before,
.ErrorNotify_buttonClose__7piRa::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  transform: translate(-50%, -50%);
  background-color: white;
  transform-origin: center;
}
.ErrorNotify_buttonClose__7piRa::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.ErrorNotify_buttonClose__7piRa::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
/* 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;
  font-display: swap;
}
.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);
  box-sizing: border-box;
  max-width: clamp(26.25rem, 20.875rem + 6.7188vw, 28.9375rem);
}
@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;
  font-display: swap;
}
.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: 256px;
  }
}
@media (max-width: 768px) {
  .Avatar_avatarContainer__3z\+ac {
    min-width: 256px;
  }
}
.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;
  font-display: swap;
}
.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;
  font-display: swap;
}
.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 {
  box-sizing: border-box;
  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);
  padding-right: 3px;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .NewVoice_voiceItemContainer__4go92 {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .NewVoice_voiceItemContainer__4go92 {
    font-size: 12px;
  }
}
.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%;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .NewVoice_useCase__Hrvtp {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .NewVoice_useCase__Hrvtp {
    font-size: 12px;
  }
}
.NewVoice_temper__5p6\+q {
  color: rgba(255, 255, 255, 0.56);
  font-size: clamp(0.8125rem, 0.6875rem + 0.1563vw, 0.875rem);
  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: fit-content;
  max-height: 194px;
}
.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;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .NewVoice_selected__8ugi9 {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .NewVoice_selected__8ugi9 {
    font-size: 12px;
  }
}
.NewVoice_arrow__E6Izy {
  transition: transform 0.2s 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,
#AvatarSelection_root__RA8t- {
  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;
  font-display: swap;
}
.AvatarSelection_layout-container__CoBiM {
  overflow-x: hidden;
}
.AvatarSelection_avatarsContainer__qYerQ {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
.AvatarSelection_avatarsContainer__qYerQ 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%;
}
.AvatarSelection_avatarsContainer__qYerQ::-webkit-scrollbar {
  width: 4px;
}
.AvatarSelection_avatarsContainer__qYerQ::-webkit-scrollbar-track {
  background-color: transparent;
  margin: 4px 0;
}
.AvatarSelection_avatarsContainer__qYerQ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.2);
}
.AvatarSelection_avatars__-Fs4K {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  max-height: 346px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .AvatarSelection_avatars__-Fs4K {
    gap: 4px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 500px) and (max-width: 1280px) {
  .AvatarSelection_avatars__-Fs4K {
    gap: 6px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.AvatarSelection_avatars__-Fs4K::-webkit-scrollbar {
  width: 4px;
  z-index: 1000;
}
.AvatarSelection_avatars__-Fs4K::-webkit-scrollbar-track {
  background-color: transparent;
  margin: 4px 0;
  z-index: 1000;
}
.AvatarSelection_avatars__-Fs4K::-webkit-scrollbar-thumb {
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 1000;
}
.AvatarSelection_spinnerWrapper__WHemQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.AvatarSelection_overlayFade__I1GnF {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 97px;
  background: linear-gradient(180deg, rgba(23, 23, 23, 0.01) 6.36%, rgba(23, 23, 23, 0.04) 12.71%, rgba(23, 23, 23, 0.08) 19.07%, rgba(23, 23, 23, 0.15) 25.43%, rgba(23, 23, 23, 0.33) 38.14%, rgba(23, 23, 23, 0.69) 70.91%, rgba(23, 23, 23, 0.99) 95.36%);
}
.AvatarSelection_overlayHidden__rqbvL {
  opacity: 0;
  visibility: hidden;
}
.AvatarSelection_avatarsWrapper__L7I6g {
  position: relative;
  height: 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,
#AvatarOption_root__c7s7T {
  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;
  font-display: swap;
}
.AvatarOption_layout-container__oNiGB {
  overflow-x: hidden;
}
.AvatarOption_avatarsOption__HiRwR {
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  overflow: hidden;
  width: clamp(7.1875rem, 4.8125rem + 2.9688vw, 8.375rem);
  height: clamp(9.6875rem, 7.8125rem + 2.3438vw, 10.625rem);
  transition: opacity 0.2s ease;
  opacity: 0.9;
  background-color: #242222;
}
@media screen and (min-width: 500px) and (max-width: 1280px) {
  .AvatarOption_avatarsOption__HiRwR {
    width: 130px;
    height: auto;
  }
}
@media (max-width: 768px) {
  .AvatarOption_avatarsOption__HiRwR {
    width: 134px;
    height: auto;
  }
}
.AvatarOption_avatarsOption__HiRwR:hover {
  opacity: 1;
}
.AvatarOption_avatarsOption__HiRwR img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  transition: transform 0.2s;
  object-position: bottom;
  object-fit: cover;
}
.AvatarOption_hiddenRadio__s1T7S {
  display: none;
}
.AvatarOption_selected__i1baq {
  outline: none;
  border: none;
}
.AvatarOption_checkmark__VZTEI {
  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;
}
.AvatarOption_checkmark__VZTEI img {
  width: 10px;
  height: 8px;
}
.AvatarOption_label__18V88 {
  display: flex;
  padding: 8px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: linear-gradient(103deg, #0038FF 0%, #3F81FD 94.45%);
  width: fit-content;
  color: #FFF;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  position: absolute;
  top: 4px;
  left: 4px;
}
/* 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;
  font-display: swap;
}
.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;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 500px) and (max-width: 1280px) {
  .BackgroundSelection_backgroundContainer__v4XkG .BackgroundSelection_backgrounds__e3D9q {
    grid-template-columns: repeat(2, 1fr);
  }
}
.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;
  background-color: #242222;
}
.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;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1575px) {
  .BackgroundSelection_backgroundContainer__v4XkG .BackgroundSelection_backgroundOption__tfGqf {
    width: auto;
  }
}
.BackgroundSelection_backgroundContainer__v4XkG .BackgroundSelection_backgroundOption__tfGqf img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  transition: transform 0.2s;
  object-position: bottom;
  object-fit: cover;
}
.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;
}
.BackgroundSelection_spinnerWrapper__KqAWp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 125px;
  height: 70px;
}
@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,
#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;
  font-display: swap;
}
.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,
#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;
  font-display: swap;
}
.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;
}
/* 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;
  font-display: swap;
}
.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;
}
.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_iconFirst__7Tvwj {
  width: 44px;
  height: 44px;
}
.Tab_iconFirst__7Tvwj img {
  width: 100%;
  height: 100%;
  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;
  font-display: swap;
}
.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;
  }
}
/* 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,
#PublishButton_root__8aLme {
  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;
  font-display: swap;
}
.PublishButton_layout-container__qUjx5 {
  overflow-x: hidden;
}
.PublishButton_publishButton__2mTUR {
  all: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6.7px;
  border-radius: 16px;
  background: linear-gradient(232deg, #0038FF 7.25%, #3F81FD 77.88%);
  padding: 22px 7px 20px 7px;
  cursor: pointer;
  transition: opacity 0.4s ease;
  min-width: 85px;
}
.PublishButton_publishButton__2mTUR:hover .PublishButton_publishButtonImg__MqNma {
  opacity: 0.6;
}
.PublishButton_publishButton__2mTUR:hover .PublishButton_publishButtonText__\+k5G7 {
  opacity: 0.6;
}
.PublishButton_publishButtonImg__MqNma {
  width: 27.5px;
  height: 27.5px;
  object-position: bottom;
  object-fit: contain;
}
.PublishButton_publishButtonText__\+k5G7 {
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  letter-spacing: -0.228px;
}
.PublishButton_hidden__W4vJu {
  opacity: 0;
  pointer-events: none;
}
.PublishButton_visible__xyks6 {
  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;
  font-display: swap;
}
.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;
}
.Avatar_navContainer__3qzsU {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.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;
  font-display: swap;
}
.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);
}
@media (min-width: 769px) and (max-width: 1279px) {
  .PreviewAvatarSection_deployButton__OrCkX {
    padding: 14px 45px;
    line-height: normal;
  }
}
@media (max-width: 768px) {
  .PreviewAvatarSection_deployButton__OrCkX {
    padding: 14px 45px;
    line-height: normal;
  }
}
.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,
#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;
  font-display: swap;
}
.PreviewAvatarMedia_layout-container__yufVX {
  overflow-x: hidden;
}
.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;
  background-color: #171717;
  background: linear-gradient(-45deg, #171717 0%, #252525 100%);
  background-size: 800% 800%;
  animation: PreviewAvatarMedia_gradient__s\+m2J 5s ease infinite;
}
.PreviewAvatarMedia_avatarVideoContainer__KWBiZ img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 32px;
  background-color: #171717;
  background: linear-gradient(90deg, #171717, #252525, #171717, #252525);
  background-size: 800% 800%;
  animation: PreviewAvatarMedia_gradient__s\+m2J 5s ease infinite;
}
@keyframes PreviewAvatarMedia_gradient__s\+m2J {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.PreviewAvatarMedia_previewUnavailable__irzYL {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 21px;
  line-height: 120%;
  text-align: center;
}
/* 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,
#ReturnButton_root__Z9ivR {
  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;
  font-display: swap;
}
.ReturnButton_layout-container__S0rY- {
  overflow-x: hidden;
}
.ReturnButton_returnButton__JQjgY {
  all: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(0.375rem, 0.125rem + 0.3125vw, 0.5rem);
  border-radius: 10px;
  background: rgba(57, 57, 57, 0.4);
  padding: 8px;
  cursor: pointer;
  transition: all 0.4s ease;
  position: fixed;
  bottom: 41px;
  left: 32px;
  z-index: 1000;
}
.ReturnButton_returnButton__JQjgY:hover {
  background: rgba(57, 57, 57, 0.6);
}
@media screen and (max-width: 1600px) and (min-width: 1279px) {
  .ReturnButton_returnButton__JQjgY {
    bottom: 24px;
    left: 24px;
  }
}
@media (min-width: 769px) and (max-width: 1279px) {
  .ReturnButton_returnButton__JQjgY {
    left: 14px;
    bottom: 14px;
  }
}
@media (max-width: 768px) {
  .ReturnButton_returnButton__JQjgY {
    left: 14px;
    bottom: 14px;
  }
}
.ReturnButton_returnButtonImg__bPpht {
  width: 18px;
  height: 18px;
  object-position: bottom;
  object-fit: contain;
}
.ReturnButton_returnButtonText__ahi4i {
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 133.5%;
  letter-spacing: -0.228px;
  max-width: 91px;
}
@media (max-width: 768px) {
  .ReturnButton_returnButtonText__ahi4i {
    max-width: 71px;
  }
}
/* 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,
#ContactModal_root__MzVqM {
  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;
  font-display: swap;
}
.ContactModal_layout-container__Z6JbU {
  overflow-x: hidden;
}
.ContactModal_content__JuhoN {
  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;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}
.ContactModal_content__JuhoN::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}
@media (max-width: 768px) {
  .ContactModal_content__JuhoN {
    width: 85%;
    gap: 14px;
  }
}
.ContactModal_content__JuhoN h2 {
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 120%;
  text-align: center;
}
@media (max-width: 768px) {
  .ContactModal_content__JuhoN h2 {
    font-size: 24px;
  }
}
.ContactModal_content__JuhoN p {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 132%;
  text-align: center;
}
@media (max-width: 768px) {
  .ContactModal_content__JuhoN p {
    font-size: 14px;
  }
}
.ContactModal_buttonCopy__i2zEZ, .ContactModal_buttonClose__lCaRh {
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
}
.ContactModal_buttonClose__lCaRh {
  position: absolute;
  right: 24px;
  top: 24px;
  padding: 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  opacity: 0.12;
  transition: opacity 0.3s ease;
}
.ContactModal_buttonClose__lCaRh:hover {
  opacity: 1;
}
.ContactModal_buttonClose__lCaRh img {
  width: 20px;
  height: 20px;
}
.ContactModal_buttonClose__lCaRh::before,
.ContactModal_buttonClose__lCaRh::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  transform: translate(-50%, -50%);
  background-color: white;
  transform-origin: center;
}
.ContactModal_buttonClose__lCaRh::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.ContactModal_buttonClose__lCaRh::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ContactModal_linkImage__-00yB {
  width: 125px;
  height: 151px;
  aspect-ratio: 125/151;
  object-fit: cover;
}
.ContactModal_textContainer__4eNZ4 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ContactModal_button__YDXYj {
  all: unset;
  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%;
}
.ContactModal_button__YDXYj:hover {
  background-color: var(--color-blue-hover);
}

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