@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;400;500;600;700&display=swap");

@font-face {
  font-family: "Poppins";
  src: url("../assets/font/Poppins-Light.woff2") format("woff2"), url("../assets/font/Poppins-Light.woff") format("woff");
  font-weight: 300;
  unicode-range: U+30-39;
}

@font-face {
  font-family: "Poppins";
  src: url("../assets/font/Poppins-Medium.woff2") format("woff2"), url("../assets/font/Poppins-Medium.woff") format("woff");
  font-weight: 500;
  unicode-range: U+30-39;
}

html {
  scroll-behavior: smooth;
}

.img_invert {
  filter: var(--invert);
}

:root {
  --primary: rgba(7, 135, 232, 0.8);
  --bg: url(../assets/img/1\ \(4\).jpg) top / cover fixed;
  --body_light: 240, 240, 240;
  --container_light: 255, 255, 255;
  --text_light: 128, 128, 128;
  --text_light-hover: 0, 0, 0;
  --h1_light: 0, 0, 0;
  --menu_light: 255, 255, 255;
  --border_light: 128, 128, 128;
  --input_light: 240, 240, 240;
  --logo: url(../assets/img/logo.png) center / contain no-repeat;
  --shadow_light: 155, 155, 155;
  --menu_logo-bg_light: 235, 235, 235;
  --invert_light: invert(100%);
  --body_dark: 25, 25, 25;
  --container_dark: 50, 50, 50;
  --text_dark: 128, 128, 128;
  --text_dark-hover: 255, 255, 255;
  --h1_dark: 255, 255, 255;
  --menu_dark: 35, 35, 35;
  --border_dark: 120, 120, 120;
  --input_dark: 25, 25, 25;
  --logo: url(../assets/img/logo.png) center / contain no-repeat;
  --shadow_dark: transparent;
  --menu_logo-bg_dark: 25, 25, 25;
  --invert_dark: invert(0%);
}

[data-theme=dark] {
  --body: var(--body_dark);
  --text: var(--text_dark);
  --text_hover: var(--text_dark-hover);
  --h1: var(--h1_dark);
  --menu: var(--menu_dark);
  --border: var(--border_dark);
  --container: var(--container_dark);
  --input: var(--input_dark);
  --logo: var(--logo);
  --menu_logo-bg: var(--menu_logo-bg_dark);
  --shadow: var(--shadow_dark);
  --invert: var(--invert_dark);
  --color-scheme: dark;
}

[data-theme=light] {
  --body: var(--body_light);
  --text: var(--text_light);
  --text_hover: var(--text_light-hover);
  --h1: var(--h1_light);
  --menu: var(--menu_light);
  --border: var(--border_light);
  --container: var(--container_light);
  --input: var(--input_light);
  --logo: var(--logo);
  --shadow: var(--shadow_light);
  --menu_logo-bg: var(--menu_logo-bg_light);
  --invert: var(--invert_light);
  --color-scheme: light;
}

@media (prefers-color-scheme: light) {
  [data-theme=light] {
    --body: var(--body_light);
    --text: var(--text_light);
    --h1: var(--h1_light);
    --menu: var(--menu_light);
    --border: var(--border_light);
    --container: var(--container_light);
    --input: var(--input_light);
    --logo: var(--logo);
    --shadow: var(--shadow_light);
    --menu_logo-bg: var(--menu_logo-bg_light);
  }
}

@media (prefers-color-scheme: dark) {
  [data-theme=dark] {
    --body: var(--body_dark);
    --text: var(--text_dark);
    --h1: var(--h1_dark);
    --menu: var(--menu_dark);
    --border: var(--border_dark);
    --container: var(--container_dark);
    --input: var(--input_dark);
    --logo: var(--logo);
    --shadow: var(--shadow_dark);
    --menu_logo-bg: var(--menu_logo-bg_dark);
  }
}

body {
  font-family: "Poppins", "Raleway";
  font-weight: 600;
  margin: 0;
  box-sizing: border-box;
}

body::-webkit-scrollbar {
  background-color: rgb(var(--body));
  width: 0.3rem;
}

body::-webkit-scrollbar-thumb {
  border-radius: 2rem;
  background-color: rgb(var(--text), 0.7);
}

body.hidden {
  overflow: hidden;
}

.none {
  display: none;
}

.rf-d_tablePagination ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 2rem !important;
  padding: 1rem 0;
}

.rf-d_tablePagination ul li {
  list-style: none;
}

.rf-d_tablePagination ul li a {
  color: rgb(var(--text));
  text-decoration: none;
  transition: 0.3s;
}

.rf-d_tablePagination ul li a.active {
  color: rgb(var(--text_hover));
}

.rf-d_tablePagination ul li a:hover {
  color: rgb(var(--text_hover));
}

.rf-d_tablePagination ul li button {
  color: rgb(var(--h1));
  background-color: rgb(var(--body));
  border: 0.1rem solid rgb(var(--border), 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 0.2rem;
}

.rf-d_tablePagination ul li button:hover svg {
  fill: rgb(var(--text_hover));
}

.rf-d_tablePagination ul li button svg {
  transition: 0.3s;
  fill: rgb(var(--text));
  width: 0.8rem;
  height: 0.8rem;
}

.edit_btn {
  background-color: var(--primary);
  color: white;
  border: none;
  border-radius: 0.2rem;
  font-weight: 600;
  padding: 0.2rem 1rem;
  margin-right: 1rem;
  transition: 0.3s;
}

.edit_btn:hover {
  filter: brightness(120%);
}

.delete_btn {
  color: red;
  background: transparent;
  border: none;
  font-weight: 600;
  transition: 0.3s;
}

.delete_btn svg {
  fill: red;
  transition: 0.3s;
  width: 1.2rem;
  height: 1.2rem;
  top: 0.3rem;
  position: relative;
}

.delete_btn:hover {
  color: rgb(var(--text_hover));
}

.delete_btn:hover svg {
  fill: rgb(var(--text_hover));
}

.w_m-action {
  display: none;
  position: fixed;
  z-index: 2;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.w_m-action::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  backdrop-filter: blur(0.2rem);
  background-color: rgba(0, 0, 0, 0.2);
}

.w_m-action button {
  position: relative;
  cursor: pointer;
}

.w_m-action_confirm {
  padding: 0.7rem 1.5rem;
  background-color: var(--primary);
  border-radius: 0.2rem;
  color: white;
  font-weight: 600;
  border: none;
  transition: 0.3s;
}

.w_m-action_confirm:hover {
  filter: brightness(130%);
}

.w_m-action_confirm-red {
  padding: 0.7rem 1.5rem;
  background-color: rgb(191, 2, 2);
  border-radius: 0.2rem;
  color: white;
  font-weight: 600;
  border: none;
  transition: 0.3s;
}

.w_m-action_confirm-red:hover {
  filter: brightness(130%);
}

.w_m-action p {
  margin: 0;
  margin-bottom: 1.5rem;
  color: rgb(var(--text_hover));
}

.w_m-action p span {
  font-weight: 800;
}

.w_m-action_cancel {
  padding: 0.7rem 1.5rem;
  border: 0.05rem solid rgb(var(--border), 0.5);
  margin-left: 1rem;
  color: rgb(var(--text));
  border-radius: 0.2rem;
  font-weight: 600;
  background-color: rgb(var(--input), 0.6);
  transition: 0.3s;
}

.w_m-action_cancel:hover {
  color: rgb(var(--text_hover));
  border-color: rgb(var(--border));
}

.w_m-action div {
  padding: 3rem;
  box-sizing: border-box;
  background-color: rgb(var(--container), 0.9);
  border-radius: 0.3rem;
  backdrop-filter: blur(2rem);
  display: flex;
  flex-wrap: wrap;
  width: min(80%, 30rem);
}

.w_m-action div h2 {
  margin: 0;
  margin-bottom: 1.5rem;
  width: 100%;
  color: rgb(var(--h1));
}

.w_m-action div label {
  width: 100%;
  margin-bottom: 0.5rem;
  color: rgb(var(--text));
}

.w_m-action div input {
  width: 100%;
  height: 2.95rem;
  background-color: rgb(var(--input), 0.6);
  border: none;
  color: rgb(var(--text_hover));
  font-weight: 600 !important;
  outline: none;
  border: 0.05rem solid rgb(var(--border), 0.3);
  transition: 0.3s;
  border-radius: 0.3rem;
  font-size: 1rem;
  padding: 0 1rem;
  appearance: none;
  margin-bottom: 1.5rem;
}

.w_m-action div input:focus {
  border-color: var(--primary);
  background-color: rgb(var(--input), 1);
}

.w_m-action div input:focus~svg {
  fill: var(--primary);
  opacity: 1;
}

.w_m-action div select {
  width: 100%;
  height: 2.95rem;
  background-color: rgb(var(--input), 0.6);
  border: none;
  color: rgb(var(--text_hover));
  font-weight: 600 !important;
  outline: none;
  border: 0.05rem solid rgb(var(--border), 0.3);
  transition: 0.3s;
  border-radius: 0.3rem;
  appearance: none;
  font-size: 1rem;
  padding: 0 1rem;
  margin-bottom: 1.5rem;
}

.w_m-action div select:focus {
  border-color: var(--primary);
  background-color: rgb(var(--input), 1);
}

.w_m-action div select:focus~svg {
  fill: var(--primary);
  opacity: 1;
}

.rf_m-u {
  display: flex;
  justify-content: center;
  gap: 1rem;
  align-items: center;
  width: 100%;
}

.rf_m-u svg {
  width: 1.7rem;
  height: 1.7rem;
}

.rf_m-u svg path {
  fill: red;
}

.rf_m-u h2 {
  margin: 0;
  font-weight: 400;
  color: rgb(var(--text));
}

.rf_shopBox {
  display: flex;
  gap: 2.4rem;
}

.rf_shopBox .greenFounder {
  border-color: rgb(7, 147, 37);
}

.rf_shopBox .greenFounder .rf_shopBox-founder_buy button {
  background-color: rgb(2, 151, 19);
}

.rf_shopBox .blueFounder {
  border-color: rgb(11, 92, 179);
}

.rf_shopBox .blueFounder .rf_shopBox-founder_buy button {
  background-color: rgb(2, 112, 190);
}

.rf_shopBox .redFounder {
  border-color: rgb(179, 11, 11);
}

.rf_shopBox .redFounder .rf_shopBox-founder_buy button {
  background-color: rgb(190, 2, 2);
}

.rf_shopBox .recommendedFounder {
  border-color: rgb(120, 11, 179);
  animation: insetShadow 2s infinite linear;
}

.rf_shopBox .recommendedFounder .rf_shopBox-founder_buy button {
  background-color: rgb(146, 2, 190);
}

@keyframes insetShadow {
  0% {
    box-shadow: 0 0 0rem inset rgba(120, 11, 179, 0);
    border-color: rgb(120, 11, 179);
  }

  50% {
    box-shadow: 0 0 10rem inset rgba(120, 11, 179, 0.5);
    border-color: rgb(166, 21, 244);
  }

  100% {
    box-shadow: 0 0 0rem inset rgba(120, 11, 179, 0);
    border-color: rgb(120, 11, 179);
  }
}

.rf_shopBox-founder {
  width: 23%;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: rgb(var(--container), 1);
  border: 0.05rem solid rgb(var(--border), 0.2);
  border-radius: 0.4rem;
}

.rf_shopBox-founder ul {
  margin: 0;
  list-style: none;
}

.rf_shopBox-founder_items {
  padding: 2rem 2rem;
}

.rf_shopBox-founder_items li {
  text-align: left;
}

.rf_shopBox-founder_items-name {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 1rem;
}

.rf_shopBox-founder_items-name div {
  width: 2.5rem;
  height: 2.5rem;
  border: 0.15rem solid rgb(var(--border), 0.4);
  border-radius: 0.3rem;
  padding: 0.1rem;
  box-sizing: border-box;
}

.rf_shopBox-founder_items-name div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.3rem;
}

.rf_shopBox-founder_items-name p {
  margin: 0;
  color: rgb(var(--text_hover));
  width: 70%;
}

.rf_shopBox-founder_items-name p span {
  color: rgb(var(--text));
}

.rf_shopBox-founder_items li:not(:last-child) {
  margin-bottom: 1.5rem;
}

.rf_shopBox-founder_title {
  padding: 2rem 2rem 1rem 2rem;
  border-bottom: 0.05rem solid rgb(var(--border), 0.2);
}

.rf_shopBox-founder_title h2 {
  color: rgb(var(--h1));
  font-size: 1.2rem;
  height: 2.2rem;
}

.rf_shopBox-founder_title h2 span {
  color: rgb(171, 2, 213);
  font-weight: 500;
  height: auto;
  font-size: 1.1rem;
}

.rf_shopBox-founder_title span {
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rf_shopBox-founder_title span img {
  width: 8rem;
}

.rf_shopBox-founder_buy {
  border-radius: 0.4rem;
}

.rf_shopBox-founder_buy p {
  margin: 1.5rem 2rem 1.5rem 2rem;
  color: rgb(var(--text));
}

.rf_shopBox-founder_buy p span {
  text-decoration: line-through;
}

.rf_shopBox-founder_buy p strong {
  color: rgb(var(--text_hover));
  text-decoration: none !important;
  font-size: 1.3rem;
}

.rf_shopBox-founder_buy button {
  width: 100%;
  background-color: var(--primary);
  color: white;
  padding: 1.2rem;
  border: none;
  outline: none;
  backdrop-filter: blur(2rem);
  font-weight: 700;
  font-size: 1.2rem;
  border-radius: 0 0 0.4rem 0.4rem;
}

.rf_shop {
  flex-wrap: wrap;
}

.rf_shop-w {
  width: 71.5%;
}

.rf_shop-s {
  width: 25%;
  border-radius: 0.4rem;
  box-sizing: border-box;
  height: fit-content;
  position: sticky;
  top: 0;
}

.rf_shop-s .pay_checkbox {
  width: 100%;
  margin-top: 1rem;
}

.rf_shop-s label {
  display: flex;
  align-items: start;
  width: 100%;
  gap: 0.8rem;
}

.rf_shop-s label input {
  margin: 0;
  padding: 0;
  appearance: none;
  display: none;
}

.rf_shop-s label input:checked~span {
  border-color: var(--primary);
}

.rf_shop-s label input:checked~span::before {
  opacity: 1;
}

.rf_shop-s label span {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  border: 0.05rem solid rgb(var(--border), 0.7);
  background-color: rgb(var(--container));
  position: relative;
  justify-content: center;
  cursor: pointer;
  align-items: center;
  border-radius: 100%;
  transition: 0.3s;
}

.rf_shop-s label span::before {
  transition: 0.3s;
  opacity: 0;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--primary);
  border-radius: 100%;
  position: absolute;
}

.rf_shop-s label p {
  width: 80%;
}

.rf_shop-s label a {
  color: var(--primary);
  transition: 0.3s;
}

.rf_shop-s label a:hover {
  color: rgb(var(--text_hover));
}

.rf_shop-s p {
  color: gray;
  margin: 0;
  margin-bottom: 1.5rem;
}

.rf_shop-s button {
  width: 100%;
  margin-top: 1rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: var(--primary);
  border-radius: 0.2rem;
  font-size: 1.2rem;
  border: none;
  font-weight: 600;
  outline: none;
}

.rf_shop-s ul {
  padding: 0;
  margin: 0;
  display: flex;
  border: 0.1rem solid rgb(var(--border), 0.2);
  flex-wrap: wrap;
  background-color: rgb(var(--container), 0.3);
  border-radius: 0.4rem;
  gap: 1rem;
  padding: 2rem;
  backdrop-filter: blur(1rem);
}

.rf_shop-s ul #coinResult {
  color: var(--primary);
  filter: brightness(135%);
}

.rf_shop-s ul #bonusResult {
  color: var(--primary);
  filter: brightness(135%);
}

.rf_shop-s ul li {
  width: 45%;
  list-style: none;
  color: rgb(var(--h1));
}

.rf_shop-s ul li p {
  margin: 0;
  margin-bottom: 0.4rem;
  color: rgb(var(--text));
}

.rf_shop-l {
  margin-bottom: 3rem;
}

.rf_shop-l p {
  color: rgb(var(--text));
  margin: 0;
  margin-bottom: 1.5rem;
}

.rf_shop-l #coinPayment div {
  justify-content: center;
  height: 5rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  position: relative;
  overflow: hidden;
}

.rf_shop-l #coinPayment div img {
  position: relative;
  left: 0;
}

.rf_shop-l form {
  display: flex;
  flex-wrap: wrap;
  gap: 1.7rem;
}

.rf_shop-l form label {
  position: relative;
  width: 16.6rem;
  overflow: hidden;
}

.rf_shop-l form label input {
  position: absolute;
  appearance: none;
  width: 100%;
}

.rf_shop-l form label input::before {
  content: "";
  position: absolute;
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--primary);
  left: -2rem;
  top: -2rem;
  transform: rotate(45deg);
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
}

.rf_shop-l form label input::after {
  content: "✓";
  position: absolute;
  transform: rotate(10deg);
  top: 0.1rem;
  left: 0.1rem;
  z-index: 1;
  color: white;
  font-size: 0.8rem;
  opacity: 0;
  transition: 0.3s;
}

.rf_shop-l form label input:checked~div {
  border-color: var(--primary);
}

.rf_shop-l form label input:checked::after {
  opacity: 1;
}

.rf_shop-l form label input:checked::before {
  opacity: 1;
}

.rf_shop-l form label input:checked~div::before {
  left: 0%;
}

.rf_shop-l form label input:checked~div::after {
  display: flex;
  animation: leftToRight 3s infinite linear;
}

.rf_shop-l form label div {
  width: 100%;
  display: flex;
  cursor: pointer;
  justify-content: flex-end;
  background-color: rgb(var(--container), 0.7);
  backdrop-filter: blur(1rem);
  padding: 1.5rem 2rem;
  box-sizing: border-box;
  border-radius: 0.4rem;
  overflow: hidden;
  border: 0.1rem solid rgb(var(--border), 0.4);
  align-items: center;
  position: relative;
  transition: border-color 0.3s;
  color: rgb(var(--h1));
}

.rf_shop-l form label div img {
  position: absolute;
  left: 2rem;
  max-width: 4rem;
}

.rf_shop-l form label div:hover {
  border: 0.1rem solid rgb(var(--border), 0.9);
}

.rf_shop-l form label div::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: -300%;
  background-color: var(--primary);
  filter: blur(8rem);
  opacity: 0.4;
  transition: 0.6s;
  display: none;
}

@keyframes leftToRight {
  0% {
    left: -100%;
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  100% {
    left: 100%;
    opacity: 0;
  }
}

.rf_shop-l form label div span {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.rf_shop-l form label div span span:nth-child(2) {
  flex-direction: row;
  color: var(--primary);
  filter: brightness(130%);
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}

.rf_shop-l form label div span span:nth-child(2) svg {
  fill: var(--primary);
  width: 1.1rem;
  height: 1.1rem;
  position: relative;
  top: -0.05rem;
}

.rf_shop-l form label div span span:nth-child(2) span {
  font-size: 0.8rem;
  padding: 0rem 0.5rem;
  color: white;
  background-color: var(--primary);
  border-radius: 2rem;
  font-weight: 500;
  filter: brightness(70%);
}

.rf_shop.active {
  display: flex !important;
  justify-content: space-between !important;
}

.rf_wrapper {
  display: flex;
  color: white;
}

.rf-d_menu {
  box-sizing: border-box;
  width: 25rem;
  border-right: 0.05rem solid rgb(var(--border), 0.2);
  background-color: rgb(var(--menu), 0.6);
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 100vh;
}

.rf-d_menu-s {
  width: 100%;
  padding: 1.5rem 2rem;
  box-sizing: border-box;
}

.rf-d_menu-s a {
  color: white;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  border-radius: 0.15rem;
  justify-content: center;
  opacity: 0.9;
  text-decoration: none;
  display: flex;
  font-size: 0.9rem;
  width: 100%;
  background-color: var(--primary);
  transition: 0.4s;
}

.rf-d_menu-s a:hover {
  opacity: 1;
}

.rf-d_menu-t {
  height: 5rem;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(var(--menu_logo-bg));
}

.rf-d_menu-t_logo {
  display: flex !important;
  height: 5rem;
  width: 10rem;
  background: var(--logo);
}

.rf-d_menu-t div {
  display: none;
}

.rf-d_menu-t img {
  width: 9rem;
  position: relative;
}

.rf-d_menu ul {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.rf-d_menu ul::-webkit-scrollbar {
  background-color: transparent;
  width: 0.3rem;
}

.rf-d_menu ul::-webkit-scrollbar-thumb {
  border-radius: 2rem;
  background-color: rgba(128, 128, 128, 0.5);
}

.rf-d_menu ul li:not(:last-child) {
  border-bottom: 0.12rem solid rgb(var(--border), 0.1);
}

.rf-d_menu ul li {
  list-style: none;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}

.rf-d_menu ul li.active a {
  color: rgb(var(--text_hover));
}

.rf-d_menu ul li.active a svg:nth-child(2) {
  transform: rotate(180deg);
}

.rf-d_menu ul li.active span {
  margin-right: 1.2rem;
}

.rf-d_menu ul li.active span svg {
  fill: var(--primary);
  opacity: 1;
  filter: brightness(130%);
}

.rf-d_menu ul li.active div {
  padding-bottom: 1.5rem;
  opacity: 1;
}

.rf-d_menu ul li.active div a {
  padding: 1rem 0;
  max-height: 5rem;
}

.rf-d_menu ul li:hover a {
  color: rgb(var(--text_hover));
}

.rf-d_menu ul li:hover span {
  margin-right: 1.2rem;
}

.rf-d_menu ul li:hover span svg {
  fill: var(--primary);
  opacity: 1;
  filter: brightness(130%);
}

.rf-d_menu ul li.active:hover span svg {
  fill: var(--primary);
}

.rf-d_menu ul li a {
  display: flex;
  width: 100%;
  align-items: center;
  text-decoration: none;
  color: rgba(var(--text), 1);
  height: 5rem;
  padding: 0 1rem;
  box-sizing: border-box;
  transition: 0.3s;
  position: relative;
  cursor: pointer;
}

.rf-d_menu ul li a svg:nth-child(2) {
  position: absolute;
  width: 1rem;
  height: 1rem;
  right: 2rem;
  fill: rgba(var(--h1), 1);
  transition: 0.3s;
}

.rf-d_menu ul li div {
  padding-bottom: 0rem;
  transition: 0.3s;
  overflow: hidden;
  opacity: 0;
  width: 100%;
  padding-left: 10.4rem;
}

.rf-d_menu ul li div a {
  padding: 0rem 0;
  max-height: 0;
  height: auto;
  color: rgb(var(--text)) !important;
}

.rf-d_menu ul li div a:hover {
  color: var(--primary) !important;
}

.rf-d_menu ul li span {
  width: 3rem;
  height: 3rem;
  border-radius: 0.4rem;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}

.rf-d_menu ul li span svg {
  width: 1.2rem;
  height: 1.2rem;
  opacity: 0.5;
  transition: 0.3s;
  fill: rgba(var(--h1), 1);
}

.rf-d_c {
  width: 100%;
}

.rf-d_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  width: 100%;
}

#richText {
  width: 100%;
}

textarea {
  width: 100%;
  max-height: 10rem;
  resize: none;
  border-radius: 0.3rem;
  background-color: rgb(var(--input), 0.5);
  color: rgb(var(--text));
  padding: 2rem;
  font-family: "Raleway";
  border: none;
  font-weight: 600;
  font-size: 1rem;
  outline: none;
  border: 0.15rem solid transparent;
  transition: 0.3s;
}

textarea:focus {
  border-color: var(--primary);
}

.rf-d_footer {
  min-height: 3.3rem;
  padding: 0rem 2rem !important;
  position: sticky;
  bottom: 0;
  border-top: 0.05rem solid rgb(var(--border), 0.3);
  background-color: rgb(var(--body));
  z-index: 2;
  display: flex;
  align-items: center !important;
}

.rf-d_footer .rf_copyright p {
  color: rgb(var(--text)) !important;
}

.rf-d_footer .rf_footer-link {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.rf-d_footer .rf_footer-link ul li a {
  color: rgb(var(--text));
}

.rf-d_footer .rf_footer-link ul li a:hover {
  color: rgb(var(--text_hover));
}

.rf-d_footer .selectL {
  box-sizing: border-box;
  margin-left: 1rem;
  border-radius: 0.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rf-d_footer .selectL .select_holder {
  color: rgb(var(--text));
  padding: 0 2rem 0 1.5rem;
  box-sizing: border-box;
  font-size: 0.8rem;
  width: 100%;
  border: 0.15rem solid transparent;
  border-radius: 0.2rem;
  transition: 0.3s;
}

.rf-d_footer .selectL .select_holder:hover {
  color: rgb(var(--text_hover));
}

.rf-d_footer .selectL .select_options.show_options~.select_holder-lang svg:nth-child(3) {
  transform: rotate(180deg);
}

.rf-d_footer .selectL .select_options {
  background-color: rgb(var(--container), 0.8);
  border-radius: 0.2rem;
  transition: 0.3s;
  box-sizing: border-box;
  padding: 0.8rem 0.5rem;
  transition: 0.3s;
  bottom: 100%;
  gap: 0;
  flex-direction: column;
  backdrop-filter: blur(2rem);
  min-width: 10rem;
}

.rf-d_footer .selectL .select_options.show_options {
  bottom: 180%;
}

.rf-d_footer .selectL .select_options li {
  box-sizing: border-box;
}

.rf-d_footer .selectL .select_options li div {
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  color: rgb(var(--text));
  font-size: 0.9rem;
  transition: 0.3s;
}

.rf-d_footer .selectL .select_options li div:hover {
  color: rgb(var(--text_hover));
}

.rf-d_footer .selectL .select_options li div.selected {
  color: var(--primary);
}

.rf-d_footer .selectL .select_holder-lang {
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  position: relative;
}

.rf-d_footer .selectL .select_holder-lang svg {
  opacity: 0.8;
  width: 1rem;
  height: 1rem;
  position: absolute;
  pointer-events: none;
}

.rf-d_footer .selectL .select_holder-lang svg:nth-child(1) {
  left: 0;
  opacity: 0.3;
}

.rf-d_footer .selectL .select_holder-lang svg:nth-child(3) {
  right: 0.8rem;
  fill: rgb(var(--text));
  width: 0.9rem;
  transition: 0.3s;
}

.theme_toggle {
  position: fixed;
  bottom: 5rem;
  right: 1.5rem;
  width: 2rem;
  height: 2rem;
}

.theme_toggle-form {
  bottom: 7rem;
  right: 2rem;
}

.theme_toggle span {
  position: absolute;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  background-color: rgb(var(--body));
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.15rem solid rgb(var(--border), 0.5);
  transition: 0.3s;
}

.theme_toggle span:hover {
  border-color: rgb(var(--border));
}

.theme_toggle span:hover svg {
  fill: rgb(var(--text_hover));
}

.theme_toggle span:hover svg path {
  fill: rgb(var(--text_hover));
}

.theme_toggle span.active {
  display: none;
}

.theme_toggle svg {
  width: 1rem;
  height: 1rem;
  fill: rgb(var(--text));
  transition: 0.3s;
}

.theme_toggle svg path {
  transition: 0.3s;
  fill: rgb(var(--text));
}

.rf-d_user {
  position: sticky;
  top: 0;
  padding: 0rem 2rem;
  display: flex;
  align-items: center;
  height: 5rem;
  border-bottom: 0.05rem solid rgb(var(--border), 0.2);
  justify-content: space-between;
  box-sizing: border-box;
  z-index: 1;
  transition: 0.3s;
  background-color: rgb(var(--menu), 0.6);
}

.rf-d_user.scrolled {
  background-color: rgb(var(--menu), 0.9);
}

.rf-d_user-h {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.rf-d_user-h a {
  color: rgb(var(--text));
  text-decoration: none;
  transition: 0.3s;
  display: flex;
  gap: 0.8rem;
  align-items: center;
}

.rf-d_user-h a:hover {
  color: rgb(var(--text_hover));
}

.rf-d_user-h a svg {
  opacity: 1;
  width: 1.2rem;
  height: 1.2rem;
  pointer-events: none;
  fill: white;
}

.rf-d_user-h a svg path {
  fill: var(--primary);
}

.rf-d_user-h #menuMobileToggle {
  display: none;
  align-items: center;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
}

.rf-d_user-i {
  position: relative;
}

.rf-d_user-i.active::before {
  opacity: 1;
  pointer-events: all;
}

.rf-d_user-i.active .rf-d_user-profile svg {
  transform: rotate(180deg);
}

.rf-d_user-i.active .rf-d_user-profileDrop {
  top: 7rem;
  opacity: 1;
  pointer-events: all;
}

.rf-d_user-i::before {
  content: "";
  position: fixed;
  width: 81.25%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: -1;
  top: 5rem;
  right: 0;
  pointer-events: none;
  transition: 0.3s;
}

.rf-d_user-profileDrop {
  position: fixed;
  right: 2rem;
  top: 4rem;
  z-index: 1;
  background-color: rgb(var(--container), 0.8);
  backdrop-filter: blur(3rem);
  border: 0.05rem solid rgb(var(--border), 0.3);
  width: 25rem;
  border-radius: 0.5rem;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}

.rf-d_user-profileDrop ul {
  padding: 0.5rem 0;
  margin: 0;
}

.rf-d_user-profileDrop ul .rf-d_user-logout {
  color: red;
}

.rf-d_user-profileDrop ul .rf-d_user-logout svg {
  fill: red !important;
}

.rf-d_user-profileDrop ul .rf-d_user-logout svg path {
  fill: red;
}

.rf-d_user-profileDrop ul li {
  list-style-type: none;
  padding: 1rem 1.5rem;
}

.rf-d_user-profileDrop ul li a {
  color: rgb(var(--text));
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: 0.3s;
}

.rf-d_user-profileDrop ul li a:hover {
  color: rgb(var(--text_hover));
}

.rf-d_user-profileDrop ul li a:hover svg {
  fill: rgb(var(--text_hover));
}

.rf-d_user-profileDrop ul li a:hover svg path {
  fill: rgb(var(--text_hover));
}

.rf-d_user-profileDrop ul li a span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
}

.rf-d_user-profileDrop ul li a svg {
  width: 1.2rem;
  height: 1.2rem;
  fill: rgb(var(--text));
  transition: 0.3s;
}

.rf-d_user-profileDrop ul li a svg path {
  transition: 0.3s;
  fill: rgb(var(--text));
}

.rf-d_user-profileDrop div {
  padding: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1.4rem;
  border-bottom: 0.05rem solid rgb(var(--border), 0.2);
}

.rf-d_user-profileDrop div .rf-d_user-photo {
  width: 4rem !important;
  height: 4rem !important;
}

.rf-d_user-profileDrop div div {
  padding: 0;
  flex-direction: column;
  align-items: start;
  gap: 0.4rem;
  width: auto;
  border: none;
}

.rf-d_user-profileDrop div div h2 {
  color: rgb(var(--h1));
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.25rem;
}

.rf-d_user-profileDrop div div p {
  margin: 0;
  color: rgb(var(--text));
}

.rf-d_user-profile {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  cursor: pointer;
  color: rgb(var(--h1));
}

.rf-d_user-profile:hover .rf-d_user-photo {
  border-color: var(--primary);
}

.rf-d_user-profile p {
  pointer-events: none;
}

.rf-d_user-profile svg {
  fill: rgb(var(--text));
  opacity: 0.8;
  width: 1rem;
  pointer-events: none;
  transition: 0.3s;
}

.rf-d_user-profile svg path {
  fill: rgb(var(--text));
}

.rf-d_user-coin {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 500;
  color: rgb(var(--h1));
}

.rf-d_user-coin span {
  display: flex;
  align-items: center;
  font-size: 1rem;
  gap: 0.5rem;
}

.rf-d_user-coin span svg {
  width: 1.4rem;
  height: 1.4rem;
  fill: var(--primary);
}

.rf-d_user-coin span img {
  width: 1.25rem;
  margin-right: 0.2rem;
}

.rf-d_user-coin a {
  color: rgb(var(--text));
  font-size: 3rem;
  font-weight: 200;
  transition: 0.3s;
  text-decoration: none;
  position: relative;
  display: flex;
  justify-content: center;
}

.rf-d_user-coin a div {
  position: absolute;
  top: 100%;
  font-size: 0.85rem;
  background-color: rgb(var(--container));
  backdrop-filter: blur(3rem);
  border-radius: 0.3rem;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  padding: 0.5rem 1rem;
  text-align: center;
  color: rgb(var(--text));
  border: 0.05rem solid rgb(var(--border), 0.4);
  font-weight: 500;
}

.rf-d_user-coin a:hover {
  color: rgb(var(--text_hover));
}

.rf-d_user-coin a:hover div {
  opacity: 1;
}

.rf-d_user-p {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.rf-d_user-photo {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 100%;
  padding: 0.2rem;
  display: flex;
  box-sizing: border-box;
  border: 0.2rem solid rgb(var(--text), 0.3);
  transition: 0.3s;
  pointer-events: none;
}

.rf-d_user-photo img {
  object-fit: cover;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}

.rf-d_message-sucess {
  box-sizing: border-box;
  width: 100%;
  padding: 0.6rem 0.6rem 0.6rem 1.5rem;
  border-radius: 0.3rem;
  border: 0.05rem solid rgba(172, 255, 47, 0.679);
  overflow: hidden;
  background-color: rgba(0, 128, 0, 0.4);
  justify-content: space-between;
  color: greenyellow;
  align-items: center;
  display: none;
  position: relative;
}

.rf-d_message-sucess::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: greenyellow;
  filter: blur(5rem);
  animation: leftToRight 6s infinite linear;
  pointer-events: none;
}

.rf-d_message-sucess.active {
  display: flex;
}

.rf-d_message-sucess div {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
}

.rf-d_message-sucess div:hover {
  color: white;
}

.rf-d_message-sucess div svg {
  width: 1.5rem;
  height: 1.5rem;
  pointer-events: none;
}

.rf-d_message-error {
  box-sizing: border-box;
  width: 100%;
  padding: 0.6rem 0.6rem 0.6rem 1.5rem;
  border-radius: 0.3rem;
  border: 0.05rem solid rgba(255, 47, 47, 0.679);
  overflow: hidden;
  background-color: rgba(128, 0, 0, 0.4);
  justify-content: space-between;
  color: rgb(255, 255, 255);
  align-items: center;
  display: none;
  position: relative;
}

.rf-d_message-error::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: rgb(255, 47, 47);
  filter: blur(5rem);
  animation: leftToRight 6s infinite linear;
  pointer-events: none;
}

.rf-d_message-error.active {
  display: flex;
}

.rf-d_message-error div {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
}

.rf-d_message-error div:hover {
  color: white;
}

.rf-d_message-error div svg {
  width: 1.5rem;
  height: 1.5rem;
  pointer-events: none;
}

.userProfile_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.userProfile_container-photo {
  width: 4rem;
  height: 4rem;
  border: 0.2rem solid rgb(var(--border), 0.25);
  box-sizing: border-box;
  border-radius: 100%;
  padding: 0.2rem;
  display: flex;
}

.userProfile_container-photo img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  object-fit: cover;
}

.userProfile_container div {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.userProfile_container div a {
  padding: 0.6rem 1.5rem;
  color: white;
  text-decoration: none;
  background-color: var(--primary);
  border-radius: 0.2rem;
}

.userProfile_container div h2 {
  text-align: left !important;
  justify-content: start !important;
  margin: 0 !important;
  margin-bottom: 0.4rem !important;
}

.userProfile_container div span {
  color: rgb(var(--text));
}

.item_red div:nth-child(1) {
  border: 0.05rem solid;
  border-color: red !important;
  box-shadow: 0 0 1rem rgba(255, 0, 0, 0.4);
}

.item_red div {
  color: red !important;
}

.item_orange div:nth-child(1) {
  border: 0.05rem solid;
  border-color: orange !important;
  box-shadow: 0 0 1rem rgba(255, 166, 0, 0.4);
}

.item_orange div {
  color: orange !important;
}

.rf-d_content {
  margin: 0 auto;
  padding: 5rem 0 4rem 0;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  box-sizing: border-box;
}

.rf-d_content-navigation ul {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 1rem;
}

.rf-d_content-navigation ul li:not(:last-child) {
  border-right: 0.1rem solid rgb(var(--border), 0.5);
}

.rf-d_content-navigation ul li {
  list-style: none;
  padding-right: 2rem;
  margin-right: 1.5rem;
}

.rf-d_content-navigation ul li.active a {
  color: rgb(var(--text_hover));
}

.rf-d_content-navigation ul li a {
  color: rgb(var(--text));
  transition: 0.3s;
  text-decoration: none;
  display: flex;
  gap: 1rem;
  align-items: center;
}

.rf-d_content-navigation ul li a svg {
  fill: rgb(var(--text));
  width: 1.1rem;
  height: 1.1rem;
}

.rf-d_content-navigation ul li a svg path {
  fill: rgb(var(--text));
}

.rf-d_content-navigation ul li a:hover {
  color: rgb(var(--text_hover));
}

.rf-d_content .rf-d_perfil-avatar {
  width: 25%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
}

.rf-d_content .rf-d_perfil-avatar .upload_avatar {
  width: 100%;
  height: 3rem;
  background-color: var(--primary);
  border-radius: 0.2rem;
  align-items: center;
  justify-content: center;
  color: white;
  border: none;
  position: relative;
  cursor: pointer;
  font-size: 1rem;
  display: none;
  transition: 0.3s;
}

.rf-d_content .rf-d_perfil-avatar .upload_avatar:hover {
  filter: brightness(120%);
}

.rf-d_content .rf-d_perfil-avatar .send_avatar {
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 0.7rem;
  color: rgb(var(--text));
  border-radius: 0.2rem;
  border: 0.05rem solid rgb(var(--border), 0.3);
  transition: 0.3s;
  font-size: 0.9rem;
  cursor: pointer;
}

.rf-d_content .rf-d_perfil-avatar .send_avatar:hover {
  color: var(--text_hover);
  border-color: rgb(var(--border), 0.8);
}

.rf-d_content .rf-d_perfil-avatar .file_avatar {
  color: rgb(var(--text_hover));
  text-align: center;
  font-size: 0.9rem;
  display: none;
  margin: 0 auto;
}

.rf-d_content .rf-d_perfil-avatar .file_avatar.active {
  display: block;
}

.rf-d_content .rf-d_perfil-avatar div {
  width: 6rem;
  height: 6rem;
  padding: 0.5rem;
  border-radius: 100%;
  border: 0.2rem solid rgb(var(--border), 0.5);
  position: relative;
  margin: 0 auto;
}

.rf-d_content .rf-d_perfil-avatar div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}

.rf-d_content .rf-d_perfil-avatar button {
  width: 80%;
  margin: 0 auto;
}

.rf-d_content .rf-d_perfil-info {
  width: 70%;
  padding: 0 !important;
}

.rf-d_content .rf-d_perfil-info ul {
  padding: 0;
  margin: 0;
}

.rf-d_content .rf-d_perfil-info ul li:not(:last-child) {
  border-bottom: 0.1rem solid rgb(var(--border), 0.2);
}

.rf-d_content .rf-d_perfil-info ul li {
  padding: 1.5rem 2rem;
  list-style: none;
}

.rf-d_content .rf-d_perfil-info ul li p {
  margin: 0;
  color: rgb(var(--text));
  margin-bottom: 0.5rem;
}

.rf-d_content .rf-d_perfil-info ul li div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
}

.rf-d_content .rf-d_perfil-info ul li div h2 {
  margin: 0;
  color: rgb(var(--h1));
  font-size: 1.2rem;
}

.rf-d_content .rf-d_perfil-info ul li div a {
  color: var(--primary);
  transition: 0.3s;
}

.rf-d_content .rf-d_perfil-info ul li div a:hover {
  color: rgb(var(--text_hover));
}

.rf-d_content-row {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}

.rf-d_content-row .rf-d_infoBox {
  width: 48%;
}

.rf-d_content-row .rf-d_infoBox-login {
  padding: 0;
  margin: 1.5rem 0 0 0;
}

.rf-d_content-row .rf-d_infoBox-login li:nth-child(1) {
  background-color: rgb(var(--container), 0.9);
  border-radius: 0.3rem;
  border: none !important;
}

.rf-d_content-row .rf-d_infoBox-login li:not(:last-child) {
  border-bottom: 0.05rem solid rgb(var(--border), 0.1);
}

.rf-d_content-row .rf-d_infoBox-login li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.5rem;
}

.rf-d_content-row .rf-d_infoBox-login li p {
  margin: 0;
  color: rgb(var(--text_hover));
}

.rf-d_content-row .rf-d_infoBox-login li span {
  color: rgb(var(--text));
}

.rf-d_content-row .rf-d_infoBox h2 {
  margin: 0;
  margin-bottom: 1rem;
  color: rgb(var(--text));
  font-size: 1.3rem;
}

.rf-d_content-row .rf-d_infoBox-profile {
  margin: 2rem 0;
  padding: 1.5rem;
  background-color: rgb(var(--container), 0.5);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.4rem;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.rf-d_content-row .rf-d_infoBox-profile a {
  color: white;
  background-color: var(--primary);
  padding: 0.7rem 1.5rem;
  border-radius: 0.2rem;
  text-decoration: none;
  font-size: 0.9rem;
  transition: 0.3s;
  opacity: 0.8;
}

.rf-d_content-row .rf-d_infoBox-profile a:hover {
  filter: brightness(120%);
  opacity: 1;
}

.rf-d_content-row .rf-d_infoBox-profile_info {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

.rf-d_content-row .rf-d_infoBox-profile_info div:nth-child(1) {
  width: 3.7rem;
  height: 3.7rem;
  border-radius: 100%;
  border: 0.15rem solid rgb(var(--border), 0.5);
  padding: 0.2rem;
  box-sizing: border-box;
}

.rf-d_content-row .rf-d_infoBox-profile_info div:nth-child(1) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}

.rf-d_content-row .rf-d_infoBox-profile_info h2 {
  margin: 0;
  margin-bottom: 0.2rem;
  color: rgb(var(--text_hover));
  font-size: 1.1rem;
}

.rf-d_content-row .rf-d_infoBox-profile_info p {
  margin: 0;
  color: rgb(var(--text));
}

.rf-d_content-row .rf-d_infoBox-info {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 9rem;
  margin: 0;
}

.rf-d_content-row .rf-d_infoBox-info li {
  list-style: none;
}

.rf-d_content-row .rf-d_infoBox-info li p {
  color: rgb(var(--text), 0.8);
  margin: 0;
  margin-bottom: 0.3rem;
}

.rf-d_content-row .rf-d_infoBox-info li span {
  color: rgb(var(--text_hover));
}

.rf-d_content-row .rf-d_itemBox-stats {
  margin: 0;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.rf-d_content-row .rf-d_itemBox-stats li {
  list-style: none;
  font-size: 0.85rem;
  color: rgb(var(--text));
}

.rf-d_content-row .rf-d_itemBox-stats li span {
  color: rgb(var(--text_hover));
  opacity: 0.6;
}

.rf-d_content-row .rf-d_itemBox-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  background-color: rgb(var(--container), 0.3);
}

.rf-d_content-row .rf-d_itemBox-info ul:nth-child(1) {
  flex-direction: column;
  gap: 0.3rem;
}

.rf-d_content-row .rf-d_itemBox-info ul:nth-child(2) {
  gap: 1rem;
}

.rf-d_content-row .rf-d_itemBox-info ul:nth-child(2) li {
  width: 3rem;
  height: 3rem;
  background-color: black;
  border-radius: 0.3rem;
  overflow: hidden;
}

.rf-d_content-row .rf-d_itemBox-info ul:nth-child(2) li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rf-d_content-row .rf-d_itemBox-info ul {
  padding: 0;
  margin: 0;
  display: flex;
}

.rf-d_content-row .rf-d_itemBox-info ul li {
  list-style-type: none;
  color: rgb(var(--text));
  font-size: 0.85rem;
}

.rf-d_content-row .rf-d_itemBox-info ul li span {
  opacity: 0.6;
  color: rgb(var(--text_hover));
}

.rf-d_content-row .rf-d_itemBox-talic {
  padding: 0;
  margin: 0;
  border-top: 0.05rem solid rgb(var(--border), 0.2);
  display: flex;
  gap: 1rem;
  align-items: center;
  height: 4rem;
  justify-content: center;
}

.rf-d_content-row .rf-d_itemBox-talic li {
  list-style: none;
  font-size: 0.9rem;
  text-align: center;
  color: rgb(var(--text));
}

.rf-d_content-row .rf-d_itemBox-top {
  padding: 1.2rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.rf-d_content-row .rf-d_itemBox-top div:nth-child(1) {
  width: 4rem;
  height: 4rem;
  border-radius: 0.3rem;
  background-color: black;
  overflow: hidden;
  border: 0.05rem solid rgb(var(--border), 0.5);
}

.rf-d_content-row .rf-d_itemBox-top div:nth-child(1) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rf-d_content-row .rf-d_itemBox-top div:nth-child(2) {
  color: rgb(var(--text_hover));
}

.rf-d_content-row_characters {
  padding-bottom: 12rem;
}

.rf-d_content-row_characters .rf-d_container {
  width: 31%;
  padding: 0;
  backdrop-filter: none !important;
  height: fit-content;
}

.rf-d_content-row_characters .rf-d_characterBox-classes {
  display: flex;
  gap: 2rem;
  opacity: 0.7;
  margin: 0;
  justify-content: center;
  padding: 1.5rem;
  border-bottom: 0.05rem solid rgb(var(--border), 0.15);
  box-sizing: border-box;
}

.rf-d_content-row_characters .rf-d_characterBox-classes li {
  list-style: none;
  font-size: 0.9rem;
  color: rgb(var(--text_hover));
}

.rf-d_content-row_characters .rf-d_characterBox-classes li span {
  opacity: 0.5;
}

.rf-d_content-row_characters .rf-d_characterBox-info {
  display: flex;
  gap: 0.8rem 2rem;
  font-size: 0.9rem;
  justify-content: center;
  box-sizing: border-box;
  flex-wrap: wrap;
  padding: 2rem 1rem;
  background-color: rgb(var(--container), 0.5);
  margin: 0;
}

.rf-d_content-row_characters .rf-d_characterBox-info li {
  color: rgb(var(--text));
  list-style: none;
}

.rf-d_content-row_characters .rf-d_characterBox-info li span {
  color: rgb(var(--text_hover));
  opacity: 0.6;
}

.rf-d_content-row_characters .rf-d_characterBox-btn {
  background-color: var(--primary);
  display: flex;
  padding: 1.2rem 2rem;
  box-sizing: border-box;
  border-radius: 0 0 0.4rem 0.4rem;
  color: white;
  text-decoration: none;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.rf-d_content-row_characters .rf-d_characterBox-btn span:nth-child(1) {
  font-size: 1rem;
}

.rf-d_content-row_characters .rf-d_characterBox-btn span:nth-child(2) {
  font-size: 0.9rem;
  opacity: 0.7;
}

.rf-d_content-row_characters .rf-d_characterBox-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5.5rem;
  padding: 1rem 1.2rem 1rem 2rem;
  background-color: rgb(var(--container), 0.5);
  box-sizing: border-box;
  border-radius: 0.4rem 0.4rem 0 0;
}

.rf-d_content-row_characters .rf-d_characterBox-top div {
  display: flex;
  align-items: center;
}

.rf-d_content-row_characters .rf-d_characterBox-top div img {
  max-width: 2.5rem;
}

.rf-d_content-row_characters .rf-d_characterBox-top div p {
  font-weight: 700;
  font-size: 1.2rem;
  color: rgb(var(--text_hover));
}

.rf-d_content-row_characters .rf-d_characterBox-top div p span {
  margin: 0;
  font-weight: 700;
  font-size: 1.2rem;
}

.rf-d_content-row_characters .rf-d_characterBox-top div span {
  font-size: 0.85rem;
  color: var(--primary);
  margin-left: 0.6rem;
  filter: brightness(140%);
  font-weight: 500;
}

.rf-d_content-row_characters .rf-d_characterBox-items {
  padding: 2rem;
  display: flex;
  gap: 1.03rem;
  flex-wrap: wrap;
  justify-content: center;
}

.rf-d_content-row_characters .rf-d_characterBox-items_place {
  position: relative;
  display: flex;
  justify-content: center;
}

.rf-d_content-row_characters .rf-d_characterBox-items_place-tooltip {
  position: absolute !important;
  width: 21.5rem !important;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  top: 5rem;
  z-index: 1;
  background-color: rgb(var(--body), 0.95);
  backdrop-filter: blur(2rem);
  border-radius: 0.4rem;
  display: none;
  border: 0.05rem solid rgb(var(--border), 0.3);
}

.rf-d_content-row_characters .rf-d_characterBox-items_place-info {
  width: 4rem;
  height: 4rem;
  cursor: pointer;
}

@keyframes item-tooltip {
  0% {
    opacity: 0;
    transform: translateY(-2rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0rem);
  }
}

.rf-d_content-row_characters .rf-d_characterBox-items_place-info:hover+.rf-d_characterBox-items_place-tooltip {
  display: block;
  animation: item-tooltip 0.5s;
}

.rf-d_content-row_characters .rf-d_characterBox-items_place-info div {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.35rem;
  position: relative;
}

.rf-d_content-row_characters .rf-d_characterBox-items_place-info div span {
  position: absolute;
  font-size: 0.7rem;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0.2rem;
  color: rgb(180, 180, 180);
}

.rf-d_content-row_characters .rf-d_characterBox-items_place-info div span:nth-child(2) {
  bottom: 0;
  width: 100%;
  padding: 0.3rem 1rem;
  text-align: center;
}

.rf-d_content-row_characters .rf-d_characterBox-items_place-info div span:nth-child(3) {
  top: 0;
  right: 0;
  padding: 0.3rem 0.5rem;
}

.rf-d_content-row_characters .rf-d_characterBox-items_place-info img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rf-d_content-row_user .rf-d_container {
  width: 48.2%;
}

.rf-d_content-row_user .rf-d_container h2 {
  margin: 0;
  text-align: center;
  margin-bottom: 2rem;
  justify-content: center;
}

.rf-d_content-row_user .rf-d_container ul {
  text-align: left !important;
  padding: 0 !important;
  gap: 3rem !important;
}

.rf-d_content-row_user .rf-d_container ul li {
  text-align: left;
}

.rf-d_content-row_user .rf-d_container ul li h2 {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  gap: 0;
}

.rf-d_content-row_user .rf-d_container ul li h2 img {
  width: 1.2rem;
  margin-right: 0.5rem;
}

.rf-d_content-row_user .rf-d_container ul li h2 a {
  width: 1.6rem;
  height: 1.6rem;
  background-color: rgb(var(--body));
  border-radius: 100%;
  border: 0.05rem solid rgb(var(--border), 0.5);
  display: flex;
  align-items: center;
  color: rgb(var(--text));
  font-weight: 400;
  font-size: 2rem;
  justify-content: center;
  text-decoration: none;
  transition: 0.3s;
  margin-left: 0.8rem;
}

.rf-d_content-row_user .rf-d_container ul li h2 a:hover {
  border-color: rgb(var(--border));
  color: rgb(var(--text_hover));
}

.rf-d_content-row h2 {
  color: rgb(var(--h1));
  display: flex;
  align-items: center;
  gap: 1rem;
}

.rf-d_content-row h2 svg {
  fill: rgb(var(--h1));
  width: 1.6rem;
  opacity: 0.5;
  height: 1.6rem;
}

.rf-d_content-row h2 svg path {
  fill: rgb(var(--h1));
}

.rf-d_content-row .rf-d_content-wrapper {
  width: 48.2%;
}

.rf-d_content-wrapper h1 {
  margin-bottom: 2.5rem !important;
}

.rf-d_content h1 {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0;
  color: rgb(var(--h1));
}

.rf-d_content h1 svg {
  opacity: 0.5;
  fill: rgb(var(--h1));
}

.rf-d_content h1 svg path {
  fill: rgb(var(--h1));
}

.rf-d_40rem {
  width: min(85%, 35rem);
}

.rf-d_50rem {
  width: min(85%, 50rem);
}

.rf-d_60rem {
  width: min(85%, 60rem);
}

.rf-d_70rem {
  width: min(85%, 70rem);
}

.rf-d_80rem {
  width: min(85%, 85rem);
}

.rf-d_msg {
  color: rgb(var(--text));
  width: 80%;
  line-height: 1.8rem;
  margin: 0;
}

.rf-d_msg a {
  color: rgb(var(--h1));
  transition: 0.3s;
}

.rf-d_msg a:hover {
  color: var(--primary);
}

.rf-d_container {
  background-color: rgb(var(--container), 0.4);
  border-radius: 0.4rem;
  box-sizing: border-box;
  border: 0.05rem solid rgba(var(--border), 0.3);
  padding: 2rem;
  box-shadow: 0 1rem 2rem rgb(var(--shadow), 0.05);
  backdrop-filter: blur(1rem);
}

.rf-d_container-listResume {
  display: flex;
  padding: 0;
  margin: 0;
  gap: 2rem 5rem;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.rf-d_container-listResume li {
  list-style: none;
  text-align: center;
}

.rf-d_container-listResume li p {
  color: rgb(var(--text));
  margin: 0;
  margin-bottom: 0.6rem;
}

.rf-d_container-listResume li h2 {
  margin: 0;
  color: rgb(var(--h1));
}

.rf-d_container form {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.rf-d_container form .rf-d_container-button {
  width: 100%;
}

.rf-d_container button {
  width: 14rem;
  background-color: var(--primary);
  border-radius: 0.3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: 600;
  border: none;
  outline: none;
  font-size: 1rem;
}

.rf-d_withSelectColumn form div {
  width: 100%;
}

.rf-d_withSelectColumn form div .selectD_holder svg {
  transform: translateX(0) !important;
}

.rf-d_withSelectColumn form div div {
  width: 100%;
}

.rf-d_withSelectRow form div {
  width: 31.8%;
}

.rf-d_withSelectRow form div .selectD_holder {
  width: 100% !important;
}

.rf-d_withSelectRow form div .selectD_holder svg {
  transform: translateX(0) !important;
}

.rf-d_withSelectRow form div div {
  width: 100%;
}

.rf-d_withInputColumn form div {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}

.rf-d_withInputColumn form div svg {
  fill: rgb(var(--text));
  transform: translateX(1.2rem);
  opacity: 0.5;
  position: absolute;
  transition: 0.3s;
  width: 1.2rem;
  height: 1.2rem;
  pointer-events: none;
}

.rf-d_withInputColumn form input {
  width: 100%;
  height: 2.95rem;
  background-color: rgb(var(--input), 0.6);
  border: none;
  color: rgb(var(--text));
  font-weight: 600 !important;
  outline: none;
  border: 0.05rem solid rgb(var(--border), 0.3);
  transition: 0.3s;
  border-radius: 0.3rem;
  font-size: 1rem;
  padding: 0 1rem 0 3.5rem;
}

.rf-d_withInputColumn form input:focus {
  border-color: var(--primary);
  background-color: rgb(var(--input), 1);
}

.rf-d_withInputColumn form input:focus~svg {
  fill: var(--primary);
  opacity: 1;
}

.input_filterList div {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}

.input_filterList div svg {
  fill: rgb(var(--text));
  transform: translateX(1.2rem);
  opacity: 0.5;
  position: absolute;
  transition: 0.3s;
  width: 1.2rem;
  height: 1.2rem;
  pointer-events: none;
}

.input_filterList input {
  width: 100%;
  height: 2.9rem;
  background-color: rgb(var(--input), 0.6);
  border: none;
  color: rgb(var(--text));
  font-weight: 600 !important;
  outline: none;
  border: 0.05rem solid rgb(var(--border), 0.3);
  transition: 0.3s;
  border-radius: 0.3rem;
  font-size: 1rem;
  padding: 0 1rem 0 3.5rem;
  backdrop-filter: blur(2rem);
}

.input_filterList input:focus {
  border-color: var(--primary);
  background-color: rgb(var(--input), 1);
}

.input_filterList input:focus~svg {
  fill: var(--primary);
  opacity: 1;
}

.rf-d_withInputRow form div {
  position: relative;
  width: 31.8%;
  display: flex;
  align-items: center;
}

.rf-d_withInputRow form div svg {
  fill: rgb(var(--text));
  transform: translateX(1rem);
  opacity: 0.5;
  position: absolute;
  transition: 0.3s;
  width: 1.2rem;
  height: 1.2rem;
  pointer-events: none;
}

.rf-d_withInputRow form input {
  width: 100%;
  height: 2.95rem;
  background-color: rgb(var(--input), 0.6);
  border: none;
  color: rgb(var(--text));
  font-weight: 600 !important;
  outline: none;
  border: 0.05rem solid rgb(var(--border), 0.3);
  transition: 0.3s;
  border-radius: 0.3rem;
  font-size: 1rem;
  padding: 0 1rem 0 3.5rem;
}

.rf-d_withInputRow form input:focus {
  border-color: var(--primary);
}

.rf-d_withInputRow form input:focus~svg {
  fill: var(--primary);
  opacity: 1;
}

.rf_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: rgb(var(--body));
}

.rf_bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--bg);
  opacity: 0.045;
}

.rf_bg-form {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: var(--bg);
  background-color: black;
}

button {
  font-family: "Raleway";
  font-size: 1rem;
  cursor: pointer;
}

.button_withEffect {
  position: relative;
  overflow: hidden;
}

.button_withEffect:hover::before {
  left: 90%;
}

.button_withEffect:hover::after {
  left: 90%;
}

.button_withEffect::before {
  content: "";
  background-color: white;
  filter: blur(6.5rem);
  left: -100%;
  transition: 0.9s;
  width: 100%;
  top: 0;
  height: 100%;
  position: absolute;
}

.button_withEffect::after {
  content: "";
  background-color: white;
  filter: blur(6.5rem) brightness(200%);
  left: -100%;
  transition: 0.9s;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.link_withEffect {
  position: relative;
  overflow: hidden;
}

.link_withEffect:hover::before {
  left: 90%;
}

.link_withEffect:hover::after {
  left: 90%;
}

.link_withEffect::before {
  content: "";
  background-color: white;
  filter: blur(6.5rem);
  left: -100%;
  transition: 0.9s;
  width: 100%;
  height: 100%;
  position: absolute;
}

.link_withEffect::after {
  content: "";
  background-color: white;
  filter: blur(6.5rem);
  left: -100%;
  opacity: 1;
  transition: 0.9s;
  width: 100%;
  height: 100%;
  position: absolute;
}

input {
  font-family: "Poppins", "Raleway";
  font-weight: 500 !important;
}

.rf_footer-form {
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.5rem !important;
  width: 40% !important;
  right: 0 !important;
}

.rf_footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 2rem;
  box-sizing: border-box;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 1rem;
}

.rf_footer .rf_copyright p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8rem;
  margin: 0;
  font-weight: 500;
}

.rf_footer ul {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 2rem;
}

.rf_footer ul li {
  list-style: none;
  text-align: center;
}

.rf_footer ul li a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8rem;
  transition: 0.3s;
  text-decoration: underline;
  cursor: pointer;
}

.rf_footer ul li a:hover {
  color: white;
}

.rf_footer img {
  width: 8rem;
  filter: grayscale(100%);
  opacity: 0.5;
}

.rf_form-header {
  display: flex;
  align-items: center;
  padding: 1.8rem 2rem;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box;
}

.rf_form-header_logo img {
  max-width: 11rem;
  filter: grayscale(100%);
}

.rf_form-header_logo img:nth-child(2) {
  display: none;
  max-width: 2.5rem;
}

.rf_form-header_r {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.rf_form-header_r .selectL {
  width: 12rem;
  box-sizing: border-box;
  margin-left: 1rem;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0.2rem;
  border: 0.05rem solid rgba(255, 255, 255, 0.15);
}

.rf_form-header_r .selectL .select_holder {
  color: white;
  padding: 0.6rem;
  padding-left: 2.5rem;
  box-sizing: border-box;
  font-size: 0.9rem;
  width: 100%;
  border: 0.15rem solid transparent;
  border-radius: 0.2rem;
  transition: 0.3s;
}

.rf_form-header_r .selectL .select_holder:hover {
  border-color: rgba(255, 255, 255, 0.1);
}

.rf_form-header_r .selectL .select_options.show_options~.select_holder-lang svg:nth-child(3) {
  transform: rotate(180deg);
}

.rf_form-header_r .selectL .select_options {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0.2rem;
  transition: 0.3s;
  box-sizing: border-box;
  padding: 0.8rem 0.5rem;
  transition: 0.3s;
  top: 1.4rem;
}

.rf_form-header_r .selectL .select_options.show_options {
  top: 1.6rem;
}

.rf_form-header_r .selectL .select_options li {
  box-sizing: border-box;
}

.rf_form-header_r .selectL .select_options li div {
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.9rem;
  transition: 0.3s;
}

.rf_form-header_r .selectL .select_options li div:hover {
  color: white;
}

.rf_form-header_r .selectL .select_options li div.selected {
  color: white;
}

.rf_form-header_r .selectL .select_holder-lang {
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  position: relative;
}

.rf_form-header_r .selectL .select_holder-lang svg {
  filter: invert(100%);
  opacity: 0.5;
  width: 1rem;
  height: 1rem;
  position: absolute;
  pointer-events: none;
}

.rf_form-header_r .selectL .select_holder-lang svg:nth-child(1) {
  left: 0.8rem;
}

.rf_form-header_r .selectL .select_holder-lang svg:nth-child(3) {
  right: 0.8rem;
  width: 0.9rem;
  transition: 0.3s;
}

.rf_footer-form {
  position: fixed;
  bottom: 0;
}

.rf_tab-d {
  width: 100%;
  display: flex;
  border-bottom: 0.05rem solid rgb(var(--text), 0.2);
  position: relative;
}

.rf_tab-d span {
  width: 9rem;
  padding: 0rem 1rem 1rem 1rem;
  box-sizing: border-box;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: rgb(var(--text));
  cursor: pointer;
  transition: 0.3s;
}

.rf_tab-d span:active p {
  background-color: rgba(128, 128, 128, 0.25);
}

.rf_tab-d span:hover {
  color: rgb(var(--text_hover));
}

.rf_tab-d span.active {
  color: rgb(var(--text_hover));
}

.rf_tab-d span:nth-child(1).active+div {
  left: 0;
}

.rf_tab-d span:nth-child(2).active+div {
  left: 9rem;
}

.rf_tab-d span p {
  margin: 0;
  transition: 0.3s;
  padding: 0.5rem 1rem;
  border-radius: 0.2rem;
}

.rf_tab-d div {
  position: absolute;
  bottom: 0;
  width: 9rem;
  height: 0.1rem;
  background-color: var(--primary);
  left: 0;
  transition: 0.3s;
}

.rf_tab-form {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 3rem;
}

.rf_tab-form span {
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  transition: 0.3s;
  font-size: 1.1rem;
  transform-origin: right;
  white-space: nowrap;
  margin-left: 2rem;
}

.rf_tab-form span p {
  margin: 0;
  pointer-events: none;
}

.rf_tab-form span:hover {
  color: white;
}

.rf_tab-form span:hover svg {
  opacity: 1;
}

.rf_tab-form span svg {
  opacity: 0.3;
  width: 1.5rem;
  transition: 0.3s;
  height: 1.5rem;
}

.rf_tab-form span svg path {
  fill: white;
}

.rf_tab-form span.active {
  display: none;
}

.rf_Twrapper-loading {
  position: fixed;
  width: 100%;
  min-height: 100vh;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 11;
  background-color: rgb(var(--body));
  pointer-events: none;
  opacity: 0;
}

.rf_Twrapper-loading::before {
  content: "";
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  border: 0.2rem solid transparent;
  border-right-color: gray;
  animation: loading_Twrapper-spinner 1s infinite linear;
}

@keyframes loading_Twrapper-spinner {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes loading_Twrapper {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

@keyframes loading_lc {
  0% {
    top: 5rem;
    opacity: 0;
  }

  30% {
    top: 5rem;
    opacity: 0;
  }

  100% {
    top: 0rem;
    opacity: 1;
  }
}

.rf_Twrapper.active .rf_lc {
  animation: loading_lc 2s;
}

.rf_Twrapper.active .rf_Twrapper-loading {
  animation: loading_Twrapper 1.2s linear;
}

.rf_lc {
  position: relative;
  width: 100%;
}

::-ms-reveal {
  display: none;
}

.toggle_password {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.toggle_password:hover svg {
  opacity: 0.6;
}

.toggle_password.visible svg:nth-child(1) {
  display: none;
}

.toggle_password.visible svg:nth-child(2) {
  display: block;
}

.toggle_password svg:nth-child(2) {
  display: none;
}

.toggle_password svg {
  height: 1.35rem;
  width: 1.35rem;
  opacity: 0.6;
  transition: 0.3s;
}

.toggle_password svg path {
  fill: rgb(var(--text));
}

.rf_form {
  display: flex;
  justify-content: center;
  min-height: 100vh;
  width: min(87%, 34rem);
  background-color: rgb(var(--body), 0.95);
  backdrop-filter: blur(5rem);
  padding: 0 0 3rem 0;
  box-sizing: border-box;
}

.rf_form input:-webkit-autofill,
.rf_form input:-webkit-autofill:hover,
.rf_form input:-webkit-autofill:focus,
.rf_form input:-webkit-autofill:active {
  color: black !important;
  -webkit-text-fill-color: rgb(var(--text_hover)) !important;
  -webkit-box-shadow: 0 0 0 1000px rgb(var(--container)) inset !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.rf_form p {
  color: rgb(var(--text));
  margin-top: 2rem;
}

.rf_form .selectR {
  width: 100%;
}

.rf_form .selectR .select_options {
  bottom: 100%;
}

.rf_form .selectR .select_options.show_options~.select_holder-select svg {
  transform: rotate(180deg);
}

.rf_form .selectR .select_options {
  background-color: rgb(var(--container));
  backdrop-filter: blur(3rem);
  border-radius: 0.3rem;
  transition: 0.3s;
  box-sizing: border-box;
  transition: 0.3s;
  bottom: 70%;
  max-height: 20rem !important;
}

.rf_form .selectR .select_options.show_options {
  bottom: 80%;
}

.rf_form .selectR .select_options li {
  box-sizing: border-box;
}

.rf_form .selectR .select_options li div {
  padding: 1rem 1.7rem;
  box-sizing: border-box;
  color: rgb(var(--text));
  font-size: 1rem;
  transition: 0.3s;
  font-weight: 500;
}

.rf_form .selectR .select_options li div:hover {
  color: rgb(var(--text_hover));
}

.rf_form .selectR .select_options li div.selected {
  color: rgb(var(--text_hover));
}

.rf_form .selectR .select_holder-select {
  position: relative;
  display: flex;
  align-items: center;
}

.rf_form .selectR .select_holder-select svg {
  position: absolute;
  right: 1rem;
  transform: translateY(0rem);
  width: 1rem;
  fill: rgb(var(--text));
  opacity: 0.8;
  transition: 0.4s;
}

.rf_form .selectR .select_holder {
  background-color: rgb(var(--container), 0.9);
  color: rgb(var(--text));
  height: 3rem;
  padding: 0 1.5rem;
  border: none;
  border-radius: 0.2rem;
  font-weight: 600;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  font-size: 1rem;
  transition: border-color 0.3s;
  border: 0.15rem solid transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s;
  position: relative;
}

.rf_form .selectR .select_holder.selected {
  border-color: rgb(var(--border), 0.5);
  color: rgb(var(--text_hover));
}

.rf_form .selectR .select_holder:hover {
  border-color: rgb(var(--border), 0.6);
  color: rgb(var(--text_hover));
}

.rf_form-select_list {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.rf_form-paragraph {
  padding: 1rem 0 0 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.rf_form-paragraph p {
  color: rgb(var(--text));
  margin: 0;
  line-height: 1.3rem;
  font-size: 0.85rem;
}

.rf_form-paragraph p a {
  transition: 0.3s;
  color: rgb(var(--text_hover));
}

.rf_form-paragraph p a:hover {
  color: var(--primary);
}

.rf_form-recover {
  text-align: center;
  padding: 1rem 0 0 0;
}

.rf_form-recover a {
  color: rgb(var(--text_hover));
  text-decoration: none;
  opacity: 0.5;
  transition: 0.3s;
}

.rf_form-recover a:hover {
  opacity: 1;
}

.rf_form-button button {
  width: 100%;
  height: 2.6rem;
  background-color: var(--primary);
  color: white;
  font-size: 1rem;
  border-radius: 0.2rem;
  border: none;
  font-weight: 600;
}

.rf_form-title {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 0.75rem;
}

.rf_form-title svg {
  opacity: 0.5;
  width: 1.4rem;
}

.rf_form-title svg path {
  fill: rgb(var(--h1));
}

.rf_form-title h1 {
  color: rgb(var(--h1));
  font-size: 1.35rem;
}

.rf_form-wrapper {
  width: min(85%, 23rem);
  margin: 0 auto;
  border-radius: 0.7rem;
  transition: 0.3s;
}

.rf_form-logo {
  margin: 0.5rem auto;
  text-align: center;
  background: var(--logo);
  width: 12rem;
  height: 6.5rem;
  box-sizing: border-box;
}

.rf_form-checkbox {
  display: flex;
  align-items: start;
  margin: 1rem 0;
  width: fit-content;
  gap: 0.8rem;
}

.rf_form-checkbox input {
  display: none;
}

.rf_form-checkbox input:checked~span {
  background-color: var(--primary);
}

.rf_form-checkbox input:checked~span svg {
  display: block;
}

.rf_form-checkbox span {
  display: flex;
  width: 1rem;
  height: 1rem;
  border-radius: 0.2rem;
  background-color: rgb(var(--container), 0.8);
  align-items: center;
  justify-content: center;
  border: 0.15rem solid transparent;
  transition: 0.2s;
  cursor: pointer;
}

.rf_form-checkbox span:hover {
  border-color: rgb(var(--border), 0.4);
}

.rf_form-checkbox span svg {
  fill: white;
  display: none;
  width: 1rem;
  height: 1rem;
}

.rf_form-checkbox label {
  display: flex;
  align-items: start;
  cursor: pointer;
}

.rf_form-checkbox p {
  margin: 0;
  color: rgb(var(--text));
  width: 80%;
  text-align: left;
  font-size: 0.85rem;
  transform: translateY(0.06rem);
  line-height: 1.2rem;
}

.rf_form-checkbox p a {
  color: rgb(var(--text_hover));
  text-decoration: underline;
  transition: 0.3s;
  cursor: pointer;
  opacity: 0.5;
}

.rf_form-checkbox p a:hover {
  opacity: 1;
}

.rf_form-input {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-bottom: 0.75rem;
  position: relative;
}

.rf_form-input label {
  color: rgb(var(--text));
  opacity: 0.4;
  display: none;
}

.rf_form-input input {
  background-color: rgb(var(--container), 0.9);
  color: rgb(var(--text_hover));
  padding: 0 1.25rem;
  height: 2.5rem;
  border: none;
  border-radius: 0.2rem;
  font-weight: 600;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  font-size: 0.9rem;
  transition: border-color 0.3s;
  border: 0.15rem solid transparent;
  color-scheme: var(--color-scheme, dark);
}

.rf_form-input input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s;
}

.rf_form-input input[type="date"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}

.rf_form-input input:focus {
  border-color: rgb(var(--border), 0.8);
}

.rf_form .error-message {
  color: #ef4444;
  font-size: 0.8rem;
  margin-top: 0.25rem;
  display: none;
}

.rf_form input:required:invalid:not(:focus):not(:placeholder-shown) {
  border-color: red;
}

.rf_form input:required:valid:not(:focus):not(:placeholder-shown) {
  border-color: rgb(51, 114, 51);
}

.rf_form input:required:invalid:not(:focus):not(:placeholder-shown)+.error-message {
  display: block;
}

.rf_form input:required:valid:not(:focus):not(:placeholder-shown)+.success-message {
  display: block;
}

.rf_Twrapper {
  display: none;
}

.rf_Twrapper.active {
  display: flex;
  width: 100%;
  height: 100%;
}

.selectR {
  position: relative;
  display: inline-block;
}

.selectR svg {
  pointer-events: none !important;
}

.selectR select {
  display: none;
}

.select_holder {
  display: inline-block;
  cursor: pointer;
  font-size: 1rem;
}

.select_holder::first-letter {
  text-transform: uppercase;
}

.select_holder img {
  max-width: 2rem;
}

.rf_Tcontent {
  height: 100%;
}

.select_options {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  background-color: #fff;
  max-height: 11rem;
  overflow-y: auto;
  padding: 0;
  width: 100%;
}

.select_options img {
  max-width: 1.6rem;
  margin-right: 0.5rem;
}

.select_options::-webkit-scrollbar {
  background-color: transparent;
  width: 0.3rem;
}

.select_options::-webkit-scrollbar-thumb {
  border-radius: 2rem;
  background-color: gray;
}

.select_options li {
  list-style: none;
  width: 100%;
}

.select_options ul {
  padding: 0;
  width: 100%;
  margin: 0;
}

.select_options.show_options {
  opacity: 1;
  pointer-events: all;
}

.select_options div {
  width: 100%;
  transition: 0.3s;
  cursor: pointer;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}

.w_m {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
}

.w_m.active {
  pointer-events: all;
  opacity: 1;
}

.w_m.active .w_m-c {
  animation: scale_modal 0.4s linear;
  transform: scale(1);
  transition: 0;
  opacity: 1;
}

.w_m-c {
  border-radius: 0.3rem;
  background-color: rgb(32, 32, 32);
  width: min(90%, 35rem);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  transform: scale(1.05);
  opacity: 0;
  transition: 0.4s;
}

.w_m-c_t {
  width: 100%;
  padding: 2.5rem 3rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.w_m-c_t h1 {
  margin: 0 auto;
  text-align: center;
  color: white;
  font-size: 1.3rem;
  width: 70%;
}

.w_m-c_t span {
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
  transition: 0.3s;
}

.w_m-c_t span:active {
  transform: scale(0.7);
}

.w_m-c_t span:hover svg {
  fill: white;
}

.w_m-c_t span:hover svg path {
  fill: white;
}

.w_m-c_t span svg {
  transition: 0.3s;
  width: 1.2rem;
  height: 1.2rem;
  fill: gray;
  pointer-events: none;
}

.w_m-c_t span svg path {
  transition: 0.3s;
  fill: gray;
}

.w_m ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem 2rem;
}

.w_m ul li {
  list-style: decimal;
}

.w_m .terms {
  padding: 0rem 3rem 3rem 3rem;
  max-height: 60vh;
  overflow-y: auto;
  text-align: left;
}

.w_m .terms p:last-child {
  margin-bottom: 0;
}

.w_m .terms h2:last-child {
  margin-bottom: 0;
}

.w_m .terms h3:last-child {
  margin-bottom: 0;
}

.w_m .terms::-webkit-scrollbar {
  background-color: transparent;
  width: 0.3rem;
}

.w_m .terms::-webkit-scrollbar-thumb {
  border-radius: 2rem;
  background-color: rgba(128, 128, 128, 0.57);
}

.w_m .terms h2 {
  font-weight: normal;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.2rem;
}

.w_m .terms h3 {
  font-weight: normal;
  color: rgba(255, 255, 255, 0.7);
}

.w_m .terms p {
  color: gray;
  line-height: 1.2rem;
  opacity: 0.8;
  font-size: 0.8rem;
}

.w_m .terms li {
  color: gray;
  line-height: 1.2rem;
  opacity: 0.8;
  font-size: 0.8rem;
  text-align: left;
}

@keyframes scale_modal {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}

.selectD {
  width: 15rem;
  position: relative;
  height: 3.2rem;
}

.selectD .select_options {
  top: 100%;
  z-index: 2;
}

.selectD .select_options.show_options~.selectD_holder svg {
  transform: rotate(180deg) translateX(0) !important;
}

.selectD .select_options {
  background-color: rgb(var(--container), 1);
  backdrop-filter: blur(3rem);
  border-radius: 0.3rem;
  transition: 0.3s;
  box-sizing: border-box;
  top: 70%;
  padding: 1rem 0;
}

.selectD .select_options.show_options {
  top: 80%;
}

.selectD .select_options li {
  box-sizing: border-box;
}

.selectD .select_options li div {
  padding: 0.5rem 1.5rem;
  box-sizing: border-box;
  color: rgb(var(--text), 0.8);
  font-size: 1rem;
  transition: 0.3s;
}

.selectD .select_options li div::first-letter {
  text-transform: uppercase;
}

.selectD .select_options li div:hover {
  color: rgb(var(--text_hover));
}

.selectD .select_options li div.selected {
  color: var(--primary);
}

.selectD .selectD_holder {
  display: flex;
  align-items: center;
  position: relative;
}

.selectD .selectD_holder svg {
  opacity: 0.8;
  width: 1rem;
  height: 1rem;
  position: absolute;
  fill: rgb(var(--text));
  pointer-events: none;
  right: 1rem !important;
  transition: 0.3s;
}

.selectD .select_holder {
  backdrop-filter: blur(1rem);
  background-color: rgb(var(--input), 0.6);
  color: rgb(var(--text));
  height: 3rem;
  padding: 0 1.5rem;
  border: none;
  border-radius: 0.3rem;
  font-weight: 600;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  font-size: 1rem;
  transition: border-color 0.3s;
  border: 0.05rem solid rgb(var(--border), 0.3);
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s;
}

.selectD .select_holder.selected {
  border-color: rgb(var(--border), 0.7);
  color: rgb(var(--text_hover));
}

.selectD .select_holder:hover {
  border-color: rgb(var(--border), 0.7);
  color: var(--primary);
}

.filterList {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
  gap: 1rem;
}

.filterList p {
  color: rgb(var(--text));
  margin: 0;
  margin-bottom: 1rem;
}

.select_filterList {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

.rf-d_withTable {
  gap: 1.5rem;
  display: flex;
  width: 100%;
  flex-direction: column;
}

.rf-d_withTable table {
  width: 100%;
  text-align: left !important;
  border-radius: 0.4rem;
  border-collapse: collapse;
  backdrop-filter: blur(3rem);
  background-color: rgb(var(--container), 0.6);
}

.rf-d_withTable table th {
  padding: 1.5rem 2rem;
}

.rf-d_withTable table tbody {
  padding-top: 2rem;
}

.rf-d_withTable table thead {
  border-bottom: 0.15rem solid rgb(var(--border), 0.25);
}

.rf-d_withTable table th {
  color: rgb(var(--h1));
}

.rf-d_withTable table td {
  padding: 1.5rem 2rem;
  color: rgb(var(--text));
  border-bottom: 0.05rem solid rgb(var(--border), 0.15);
}

.none {
  display: none;
}

.admin_menuTag {
  padding: 1.2rem 1.2rem 0 1.2rem;
  width: 100%;
  border-bottom: none !important;
}

.admin_menuTag span {
  width: 100% !important;
  margin: 0 !important;
  display: flex;
  background-color: rgba(255, 0, 0, 0.1);
  color: red;
  font-size: 0.9rem;
  font-weight: bold;
  border-radius: 0.2rem !important;
}

.rf-d_adminTag {
  background-color: rgb(201, 0, 0) !important;
}

.rf-d_vipTag {
  background-color: rgb(246, 205, 0) !important;
  color: black !important;
}

.rf-d_userTag {
  color: white;
  border-radius: 10rem;
  font-weight: 700 !important;
  text-transform: uppercase;
  background-color: rgb(88, 88, 88);
  display: flex;
  padding: 0.2rem 1rem !important;
  font-size: 0.7rem;
}

@media (max-width: 1024px) {
  .rf_shopBox {
    flex-wrap: wrap;
  }

  .rf_shopBox-founder {
    width: 100%;
  }

  .rf-d_content-row .rf-d_container {
    width: 100%;
  }

  .rf-d_content-row .rf-d_infoBox-profile a {
    width: 100%;
    text-align: center;
  }

  .rf-d_content-row_characters .rf-d_container {
    width: 100%;
  }

  .rf-d_content-row_user .rf-d_container {
    width: 100%;
    flex-wrap: wrap;
    gap: 1.5rem;
  }

  .rf-d_content-row .rf-d_content-wrapper {
    width: 100%;
  }

  .rf-d_content-row .rf-d_perfil-avatar {
    width: 100%;
  }

  .rf-d_content-row .rf-d_perfil-info {
    width: 100%;
  }

  .theme_toggle {
    position: relative;
    bottom: 0 !important;
    right: 0 !important;
  }

  .rf-d_footer {
    padding: 1.5rem 2rem !important;
  }

  .rf_form {
    margin: 0 auto;
    min-height: fit-content;
    border-radius: 0.7rem;
    padding: 0 0 2rem 0;
  }

  .rf-d_withInputColumn form div {
    width: 100%;
  }

  .rf-d_withInputRow form div {
    width: 100%;
  }

  .rf-d_withSelectRow form div {
    width: 100%;
  }

  .rf-d_withSelectColumn form div {
    width: 100%;
  }

  .rf-d_withTable table {
    display: flex;
    flex-direction: column;
    overflow-x: scroll;
  }

  .rf_shop-s {
    width: 100%;
  }

  .rf_shop-w {
    width: 100%;
  }

  .rf_shop-l form label {
    width: 100%;
  }

  .rf-d_user-i::before {
    width: 100%;
  }

  .rf-d_user-p {
    gap: 1rem;
  }

  .rf-d_user-profile p {
    display: none;
  }

  .rf-d_user-profile svg {
    display: none;
  }

  .rf-d_user-h #menuMobileToggle {
    display: flex;
  }

  .rf-d_user-h #menuMobileToggle svg {
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
  }

  .rf-d_user-h #menuMobileToggle svg path {
    fill: rgb(var(--text));
  }

  .rf-d_user-h a {
    display: none;
  }

  .rf-d_user-h a span {
    display: none;
  }

  .rf-d_menu {
    position: fixed;
    left: -25rem;
    top: 0;
    z-index: 3;
    height: 100vh;
    opacity: 0;
    background-color: rgb(var(--menu), 1);
    transition: 0.4s;
  }

  .rf-d_menu-t {
    position: relative;
    z-index: 2;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 2.5rem;
  }

  .rf-d_menu-t div {
    display: flex;
    align-items: center;
  }

  .rf-d_menu-t svg {
    fill: gray;
    width: 1.6rem;
    pointer-events: none;
    height: 1.6rem;
  }

  .rf-d_menu-t svg path {
    fill: gray;
  }

  .rf-d_menu::before {
    content: "";
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: -1;
    height: 100vh;
    pointer-events: none;
  }

  .rf-d_menu.active {
    opacity: 1;
    left: 0;
  }

  .rf-d_menu.active::before {
    pointer-events: all;
  }

  .rf-d_menu.active::after {
    left: 0;
  }

  .rf_Twrapper-loading {
    border-radius: 0.7rem;
  }

  .rf_form-header {
    position: relative;
    justify-content: space-between;
    z-index: 1;
  }

  .rf_form-header_r {
    gap: 0.5rem;
  }

  .rf_form-header_r .selectL {
    width: 10rem;
  }

  .rf_form-header_logo img:nth-child(1) {
    display: none;
  }

  .rf_form-header_logo img:nth-child(2) {
    display: block;
  }

  .rf_tab-form {
    gap: 0rem;
  }

  .rf_tab-form span {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0.3rem;
    background-color: rgba(22, 22, 22, 0.785);
    margin-left: 1rem;
  }

  .rf_tab-form span svg {
    opacity: 0.7;
  }

  .rf_tab-form span p {
    display: none;
  }

  .rf_Twrapper-loading {
    min-height: 100%;
  }

  .rf_form-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
  }

  .rf_footer-form {
    width: 100%;
    align-items: center;
    position: relative;
    width: 100% !important;
    background-color: rgb(26, 26, 26);
    margin-top: 2rem;
  }

  .rf_footer {
    justify-content: center;
  }
}

html {
  font-size: var(--base-font-size);
}

@media (max-width: 480px) {
  :root {
    --base-font-size: 12px;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  :root {
    --base-font-size: 16px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  :root {
    --base-font-size: 16px;
  }
}

@media (min-width: 1025px) and (max-width: 1365px) {
  :root {
    --base-font-size: 16px;
  }
}

@media (min-width: 1366px) and (max-width: 1920px) {
  :root {
    --base-font-size: 0.92vw;
  }
}

@media (min-width: 1921px) {
  :root {
    --base-font-size: 0.92vw;
  }
}

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