/* JetBrains Mono - Regular */
@font-face {
  font-display: swap;
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/jetbrains_mono_medium.woff2") format("woff2");
}
/* JetBrains Mono - Bold */
@font-face {
  font-display: swap;
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/jetbrains_mono_extra_bold.woff2") format("woff2");
}
/* geologica-regular - cyrillic_greek_latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Geologica";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/geologica-v1-cyrillic_greek_latin_vietnamese-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* geologica-700 - cyrillic_greek_latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Geologica";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/geologica-v1-cyrillic_greek_latin_vietnamese-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 400;
  src: url(../icons/material_symbols.woff2) format("woff2");
}
.material_symbols {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.container {
  margin: 0 auto;
  max-width: 1400px;
  padding: 0 40px;
}
.container.small {
  max-width: 1000px;
}
@media (max-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (max-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (max-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (max-width: 576px) {
  .container {
    max-width: 540px;
    padding: 0 30px;
  }
}
.container.container_small {
  max-width: 1200px;
  padding: 0 30px;
}
@media (max-width: 992px) {
  .container.container_small {
    max-width: 860px;
  }
}
@media (max-width: 768px) {
  .container.container_small {
    max-width: 600px;
  }
}
@media (max-width: 576px) {
  .container.container_small {
    max-width: 400px;
  }
}

.grid_container {
  display: grid;
}
.grid_container.grid_cols_1 {
  grid-template-columns: 1fr;
}
.grid_container.grid_cols_1_1 {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
  .grid_container.grid_cols_1_1 {
    grid-template-columns: 1fr;
  }
}
.grid_container.grid_cols_1_1_1 {
  grid-template-columns: 1fr 1fr 1fr;
}
.grid_container.grid_cols_1_1_1_1 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid_container.grid_cols_auto_1 {
  grid-template-columns: auto 1fr;
}
.grid_container.grid_cols_1_auto {
  grid-template-columns: 1fr auto;
}
.grid_container.grid_cols_1_1_auto {
  grid-template-columns: 1fr 1fr auto;
}
.grid_container.grid_cols_1_auto_1 {
  grid-template-columns: 1fr auto 1fr;
}
.grid_container.grid_cols_auto_1_1 {
  grid-template-columns: auto 1fr 1fr;
}
.grid_container.grid_cols_1_2 {
  grid-template-columns: 1fr 2fr;
}
.grid_container.grid_cols_2_1 {
  grid-template-columns: 2fr 1fr;
}
.grid_container.grid_gap_10 {
  grid-gap: 10px;
}
.grid_container.grid_gap_20 {
  grid-gap: 20px;
}
.grid_container.grid_gap_30 {
  grid-gap: 30px;
}
.grid_container.grid_gap_40 {
  grid-gap: 40px;
}

.vertical_flip {
  transform: scaleY(-1);
}

.font_1 {
  font-size: 1rem;
}

.font_1_5 {
  font-size: 1.5rem;
}

.font_2 {
  font-size: 2rem;
}

.font_2_5 {
  font-size: 2.5rem;
}
@media (max-width: 576px) {
  .font_2_5 {
    font-size: 2rem;
  }
}

.font_3 {
  font-size: 3rem;
}

.font_bold {
  font-weight: 700;
}

.medium_text {
  font-size: 1.4rem;
}

.big_text {
  font-size: 1.8rem;
}

.align_center {
  text-align: center;
}

.hdn {
  display: none;
}

.color_red {
  color: var(--red);
}

.color_green {
  color: var(--green);
}

.fade_in_top {
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}
.fade_in_top.visible {
  opacity: 1;
  transform: translateY(0);
}

.fade_in_down {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}
.fade_in_down.visible {
  opacity: 1;
  transform: translateY(0);
}

.fade_in_right {
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}
.fade_in_right.visible {
  opacity: 1;
  transform: translateX(0);
}

.fade_in_left {
  opacity: 0;
  transform: translateX(-20px);
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}
.fade_in_left.visible {
  opacity: 1;
  transform: translateX(0);
}

.fade_in_img_stat {
  opacity: 0;
  transition: opacity 0.4s ease-out;
}
.fade_in_img_stat.visible {
  opacity: 1;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--secondary) transparent;
}

*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background-color: var(--secondary);
}

.notification {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 40px;
  z-index: 1200;
  position: fixed;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  max-width: 600px;
  justify-content: space-between;
  gap: 1rem;
  background-color: var(--bg_alert_success_color);
  background-image: var(--bg_alert_success_gradient);
  border: 2px solid var(--secondary);
}
@media (max-width: 576px) {
  .notification {
    width: 90%;
    max-width: 90%;
  }
}
.notification.notification_position_top_middle {
  left: 50%;
  transform: translateX(-50%);
  right: auto;
}
.notification.notification_position_top_right {
  left: auto;
  right: 2rem;
  transform: translateX(0);
}
.notification.notification_success .notification_icon {
  background-color: var(--green);
  color: var(--primary);
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 80px;
}
.notification.notification_warning {
  background-color: var(--bg_alert_warning_color);
  background-image: var(--bg_alert_warning_gradient);
}
.notification.notification_error {
  background-color: var(--bg_alert_error_color);
  background-image: var(--bg_alert_error_gradient);
}
.notification.notification_error .notification_icon {
  background-color: var(--red);
  color: var(--primary);
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 80px;
}

html,
body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  height: 100%;
  font-family: "Geologica", sans-serif;
}
body.no_scroll {
  overflow: hidden;
  padding-right: 12px;
}

a {
  color: var(--link_color);
  text-decoration: none;
}
a:hover {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 3px;
}
a:focus-visible {
  border-radius: 80px;
  outline: none;
  box-shadow: 0 0 0 4px var(--focus_color);
}

h1 {
  font-size: 2.6rem;
}
@media (max-width: 576px) {
  h1 {
    font-size: 2.4rem;
  }
}

button {
  font-family: "Geologica", sans-serif;
}

section {
  margin: 80px 0;
}

.hdn {
  display: none !important;
}

[data-theme=light] {
  --bg_color: hsl(0, 0%, 100%);
  --bg_image: radial-gradient(at 40% 20%, hsl(0, 100%, 97.55%) 0px, transparent 50%), radial-gradient(at 78% 4%, hsl(202, 97.5%, 93.67%) 0px, transparent 50%), radial-gradient(at 19% 85%, hsla(38, 71.85%, 79.89%, 0.36) 0px, transparent 50%), radial-gradient(at 80% 100%, hsl(237, 71.39%, 91.49%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(93, 100%, 94.53%) 0px, transparent 50%);
  --bg_transluent: rgba(255, 255, 255, 0.7);
  --box_shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  --bg_desc_color: hsl(40, 43%, 91%);
  --bg_desc_gradient: radial-gradient(at 62% 64%, hsl(340, 38.77%, 89.25%) 0px, transparent 50%), radial-gradient(at 67% 96%, hsl(119.76, 31.49%, 94.91%) 0px, transparent 50%), radial-gradient(at 56% 12%, hsl(279, 100%, 95.99%) 0px, transparent 50%);
  --bg_alert_success_color: hsl(155, 74.27%, 93.37%);
  --bg_alert_success_gradient: radial-gradient(at 40% 20%, hsla(111, 68.69%, 89.64%, 0.54) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(89.33, 66.07%, 83%, 0.64) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(103.38, 73.03%, 89.59%) 0px, transparent 50%), radial-gradient(at 80% 50%, hsla(88.1, 61.02%, 76.43%, 0.57) 0px, transparent 50%), radial-gradient(at 80% 100%, hsl(165.76, 64.45%, 80.98%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(98.7, 75%, 84.14%) 0px, transparent 50%);
  --bg_alert_warning_color: hsl(38, 100%, 81%);
  --bg_alert_warning_gradient: radial-gradient(at 40% 20%, hsl(23, 90%, 86%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(60, 86%, 90%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(51, 100%, 75%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(4, 100%, 96%) 0px, transparent 50%);
  --bg_alert_error_color: hsl(341, 80%, 87%);
  --bg_alert_error_gradient: radial-gradient(at 80% 50%, hsl(354, 37.59%, 93.67%) 0px, transparent 50%), radial-gradient(at 80% 100%, hsl(295.99, 29.04%, 80.69%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(0, 37.59%, 83.42%) 0px, transparent 50%);
  --primary: rgb(250, 250, 250);
  --secondary: rgb(35, 35, 35);
  --secondary_transluent: rgba(35, 35, 35, 0.4);
  --secondary_min: rgba(35, 35, 35, 0.16);
  --beige: rgb(242, 235, 216);
  --green: rgb(33, 131, 102);
  --red: rgb(232, 74, 89);
  --blue: rgb(51, 120, 161);
  --orange: rgb(243, 146, 0);
  --lila: rgb(85, 70, 109);
  --link_color: rgb(10, 112, 148);
  --focus_color: rgba(0, 0, 0, 0.25);
  --focus_color_extended: rgba(0, 0, 0, 0.25);
  --primary_lighten: rgb(244, 239, 224);
  --primary_accent: rgb(209, 200, 175);
  --primary_half: rgba(250, 250, 250, 0.5);
  --secondary_accent: rgb(35, 35, 34);
  --btn_secondary_hover: rgb(58, 58, 58);
  --btn_secondary_active: rgb(35, 35, 34);
  --btn_flat_hover: rgba(35, 35, 34, 0.1);
  --btn_flat_active: rgba(35, 35, 34, 0.2);
  --btn_disabled_color: rgb(166, 166, 166);
  --area_background: rgba(35, 35, 35, 0.07);
  --link_background_mobile: rgba(35, 35, 34, 0.1);
  --splitter_light_background: rgba(35, 35, 34, 0.5);
  --input_border_normal: rgba(35, 35, 34, 0.2);
  --input_border_hover: rgba(35, 35, 34, 0.5);
  --input_border_error_normal: rgb(232, 74, 89);
  --input_border_error_focus: rgba(232, 74, 89, 0.3);
  --input_border_valid_normal: rgba(33, 131, 102, 0.2);
  --input_border_valid_hover: rgba(33, 131, 102, 0.5);
  --offcanvas_overlay_background: rgba(0, 0, 0, 0.3);
}

[data-theme=dark] {
  --bg_color: hsl(0, 0%, 8%);
  --bg_image: radial-gradient(at 56% 29%, hsl(268, 10.1%, 10.87%) 0px, transparent 50%), radial-gradient(at 78% 4%, hsl(199, 45.7%, 12.57%) 0px, transparent 50%), radial-gradient(at 21% 84%, hsl(300, 39.45%, 6.31%) 0px, transparent 50%), radial-gradient(at 80% 100%, hsl(220, 40.18%, 10.09%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(111.3, 72.67%, 3.33%) 0px, transparent 50%);
  --bg_transluent: rgba(52, 52, 52, 0.3);
  --box_shadow: rgba(5, 5, 7, 0.58) 0px 2px 5px -1px, rgba(0, 0, 0, 0.6) 0px 1px 3px -1px;
  --bg_desc_color: hsl(29, 41.68%, 12.32%);
  --bg_desc_gradient: radial-gradient(at 62% 64%, hsl(340, 35.92%, 14.45%) 0px, transparent 50%), radial-gradient(at 67% 96%, hsl(78, 31.73%, 12.03%) 0px, transparent 50%), radial-gradient(at 56% 12%, hsl(278, 28.13%, 13.67%) 0px, transparent 50%);
  --bg_alert_success_color: hsl(155, 31%, 18%);
  --bg_alert_success_gradient: radial-gradient(at 40% 20%, hsl(170.01, 89.49%, 14.17%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(189, 83%, 15%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(133, 62%, 12%) 0px, transparent 50%), radial-gradient(at 80% 50%, hsl(126, 96.59%, 7.9%) 0px, transparent 50%), radial-gradient(at 80% 100%, hsl(191, 17%, 23%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(133.89, 100%, 13.49%) 0px, transparent 50%);
  --bg_alert_warning_color: hsl(38, 72%, 27%);
  --bg_alert_warning_gradient: radial-gradient(at 40% 20%, hsl(38, 29%, 31%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(45, 68%, 28%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(46, 76%, 19%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(36, 95%, 24%) 0px, transparent 50%);
  --bg_alert_error_color: hsl(343, 96.81%, 18.27%);
  --bg_alert_error_gradient: radial-gradient(at 80% 50%, hsl(354, 96.61%, 17.52%) 0px, transparent 50%), radial-gradient(at 80% 100%, hsla(261.28, 99.34%, 10%, 0.5) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(305.99, 56.43%, 16.5%) 0px, transparent 50%);
  --primary: rgb(35, 35, 35);
  --primary_background: rgba(54, 54, 54, 0.5);
  --secondary: rgb(250, 250, 250);
  --secondary_transluent: rgba(250, 250, 250, 0.4);
  --secondary_min: rgba(250, 250, 250, 0.2);
  --beige: rgb(242, 235, 216);
  --green: rgb(33, 131, 102);
  --red: rgb(232, 74, 89);
  --blue: rgb(51, 120, 161);
  --orange: rgb(243, 146, 0);
  --lila: rgb(85, 70, 109);
  --link_color: rgb(21, 133, 173);
  --focus_color: rgba(255, 255, 255, 0.35);
  --focus_color_extended: rgba(255, 255, 255, 0.5);
  --primary_lighten: rgb(28, 28, 26);
  --primary_accent: rgb(61, 60, 56);
  --primary_half: rgba(54, 54, 54, 0.5);
  --secondary_accent: rgb(209, 200, 175);
  --btn_secondary_hover: rgb(226, 226, 226);
  --btn_secondary_active: rgb(242, 235, 216);
  --btn_flat_hover: rgba(242, 235, 216, 0.1);
  --btn_flat_active: rgba(242, 235, 216, 0.2);
  --btn_disabled_color: rgb(156, 156, 156);
  --area_background: rgba(250, 250, 250, 0.07);
  --link_background_mobile: rgba(242, 235, 216, 0.1);
  --splitter_light_background: rgba(242, 235, 216, 0.5);
  --input_border_normal: rgba(242, 235, 216, 0.2);
  --input_border_hover: rgba(242, 235, 216, 0.5);
  --input_border_error_normal: rgb(232, 74, 89);
  --input_border_error_focus: rgba(232, 74, 89, 0.4);
  --input_border_valid_normal: rgba(33, 131, 102, 0.2);
  --input_border_valid_hover: rgba(33, 131, 102, 0.5);
  --offcanvas_overlay_background: rgba(21, 21, 21, 0.7);
}

body {
  color: var(--secondary);
  background-color: var(--bg_color);
  background-image: var(--bg_image);
  background-attachment: fixed;
}

.btn {
  padding: 8px 12px;
  display: inline-block;
  font-size: 1rem;
  border-radius: 80px;
  text-decoration: none;
  cursor: pointer;
  border: 2px solid transparent;
}
.btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px var(--focus_color);
}
.btn.btn_inline_grid {
  display: inline-grid;
}
.btn:disabled {
  border-color: var(--area_background) !important;
  background-color: var(--area_background) !important;
  color: var(--btn_disabled_color) !important;
  cursor: not-allowed;
}
.btn:hover {
  text-decoration: none;
}
.btn.btn_secondary {
  color: var(--primary);
  border-color: var(--secondary);
  background-color: var(--secondary);
}
.btn.btn_secondary:hover {
  border-color: var(--btn_secondary_hover);
  background-color: var(--btn_secondary_hover);
}
.btn.btn_secondary:active {
  border-color: var(--btn_secondary_active);
  background-color: var(--btn_secondary_active);
}
.btn.btn_secondary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px var(--focus_color_extended);
}
.btn.btn_secondary_outline {
  color: var(--secondary);
  border-color: var(--secondary);
  background-color: transparent;
}
.btn.btn_secondary_outline:hover {
  color: var(--primary);
  border-color: var(--secondary);
  background-color: var(--secondary);
}
.btn.btn_flat {
  color: var(--secondary);
  background-color: transparent;
}
.btn.btn_flat:hover {
  background-color: var(--btn_flat_hover);
}
.btn.btn_flat:active {
  background-color: var(--btn_flat_active);
}
.btn.btn_green {
  color: var(--primary);
  background-color: var(--green);
}
.btn.btn_green_outline {
  color: var(--green);
  border-color: var(--green);
  background-color: transparent;
}
.btn.btn_green_outline:hover {
  color: var(--primary);
  border-color: var(--green);
  background-color: var(--green);
}
.btn.btn_red_outline {
  color: var(--red);
  border-color: var(--red);
  background-color: transparent;
}
.btn.btn_red_outline:hover {
  color: var(--primary);
  border-color: var(--red);
  background-color: var(--red);
}
.btn.btn_important {
  font-size: 1.2rem;
}
.btn.icon_left {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  align-items: center;
}
.btn.icon_right {
  display: inline-grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  align-items: center;
}
.btn.icon_only {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

input,
select,
textarea {
  padding: 14px;
  border-radius: 80px;
  width: 100%;
  font-size: 1rem;
  color: var(--secondary);
  font-family: "Geologica", sans-serif;
  box-sizing: border-box;
  border: 2px solid var(--input_border_normal);
  background-color: transparent;
}
input.free,
select.free,
textarea.free {
  color: var(--green);
}
input.taken,
select.taken,
textarea.taken {
  color: var(--red);
}
input.has_errors,
select.has_errors,
textarea.has_errors {
  color: var(--red);
}
input:hover,
select:hover,
textarea:hover {
  border: 2px solid var(--input_border_hover);
}
input:focus, input:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible {
  border: 2px solid var(--secondary);
  outline: none;
  box-shadow: 0 0 0 4px var(--focus_color);
}
input:disabled,
select:disabled,
textarea:disabled {
  color: var(--input_border_normal);
  border: 2px dashed var(--input_border_normal);
}
input:disabled:hover,
select:disabled:hover,
textarea:disabled:hover {
  cursor: not-allowed;
  border: 2px dashed var(--input_border_normal);
}

#header {
  padding: 40px 0;
}
#header .header_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
#header .header_inner .section_logo {
  line-height: 0;
}
#header .header_inner .section_logo a {
  display: inline-block;
}
#header .header_inner .section_logo a img {
  height: 44px;
}
@media (max-width: 576px) {
  #header .header_inner .section_logo a img {
    width: 200px;
  }
}
#header .header_inner .section_search {
  flex: 1;
}
#header .header_inner .section_search form .input_wrapper {
  position: relative;
}
#header .header_inner .section_search form .input_wrapper input {
  width: 100%;
  min-width: 340px;
  padding: 12px 14px;
  border-radius: 80px;
}
#header .header_inner .section_search form .input_wrapper button {
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  padding: 6px;
  display: flex;
}
#header .header_inner .section_controls {
  display: flex;
  gap: 10px;
  align-items: center;
}
@media (max-width: 576px) {
  #header .header_inner .section_controls .theme_switch,
  #header .header_inner .section_controls .language_switch {
    background-color: var(--area_background);
  }
}
#header .header_inner .section_controls .control_item.active {
  background-color: var(--btn_flat_hover);
}
#header .header_inner .section_controls #mobile_menu_trigger {
  display: none;
}
@media (max-width: 992px) {
  #header .header_inner .section_controls .control_item {
    display: none;
  }
  #header .header_inner .section_controls #mobile_menu_trigger {
    display: inline-grid;
  }
}
@media (max-width: 1200px) {
  #header .header_inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
  }
  #header .header_inner .section_logo {
    grid-column: 1;
  }
  #header .header_inner .section_search {
    grid-column: 1/-1;
    grid-row: 2;
  }
  #header .header_inner .section_search form {
    display: flex;
    justify-content: center;
  }
  #header .header_inner .section_search form .input_wrapper {
    width: 50%;
  }
  #header .header_inner .section_search form .input_wrapper input {
    width: 100%;
  }
  #header .header_inner .section_controls {
    grid-column: 2;
    justify-content: end;
  }
}
@media (max-width: 992px) {
  #header .header_inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
  }
  #header .header_inner .section_logo {
    grid-column: 1;
  }
  #header .header_inner .section_search {
    grid-column: 1/-1;
    grid-row: 2;
  }
  #header .header_inner .section_search form .input_wrapper {
    width: 100%;
  }
  #header .header_inner .section_search form .input_wrapper input {
    width: 100%;
  }
  #header .header_inner .section_controls {
    grid-column: 2;
    justify-content: end;
  }
}
@media (max-width: 576px) {
  #header .header_inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  #header .header_inner .section_logo {
    text-align: center;
    order: 1;
  }
  #header .header_inner .section_search {
    order: 3;
    width: 100%;
  }
  #header .header_inner .section_search .input_wrapper input {
    min-width: 100% !important;
  }
  #header .header_inner .section_controls {
    justify-content: center;
    order: 2;
  }
}

#offcanvas_menu .mobile_menu {
  margin-top: 40px;
}
#offcanvas_menu .mobile_menu a {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 20px;
}
#offcanvas_menu .mobile_menu a:last-of-type {
  margin-bottom: 0;
}
#offcanvas_menu .mobile_menu a.btn_flat {
  background-color: var(--area_background);
}

.page {
  margin-bottom: 80px;
}
.page .page_title {
  margin-bottom: 40px;
}
.page .page_title.with_date {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page .page_title.with_date h1 {
  margin: 0;
}
.page .page_title.with_date .current_date span {
  font-weight: 700;
}
@media (max-width: 576px) {
  .page .page_title.with_date {
    display: block;
    text-align: center;
  }
  .page .page_title.with_date .current_date {
    margin-top: 20px;
  }
}
.page .page_title.with_actions {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
  align-items: center;
}
.page .page_title.with_actions .actions_wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
}
@media (max-width: 768px) {
  .page .page_title.mobile_center {
    text-align: center;
  }
}
.page .page_splitter hr {
  margin: 40px 0;
  border-top: 2px solid var(--secondary);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.page .page_meta {
  margin-bottom: 40px;
  display: flex;
  gap: 10px;
  align-items: center;
}
@media (max-width: 768px) {
  .page .page_meta.mobile_center {
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .page .page_meta {
    justify-content: center;
  }
}
.page .page_content {
  margin-top: 60px;
}
.page.page_auth .password_reset_steps {
  width: 100%;
  padding: 10px;
  border: 2px solid var(--secondary);
  border-radius: 80px;
  margin-bottom: 40px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 20px;
}
@media (max-width: 992px) {
  .page.page_auth .password_reset_steps {
    display: block;
  }
}
@media (max-width: 576px) {
  .page.page_auth .password_reset_steps {
    border-radius: 40px;
  }
  .page.page_auth .password_reset_steps .step {
    margin-bottom: 10px;
  }
  .page.page_auth .password_reset_steps .step:last-of-type {
    margin-bottom: 0;
  }
}
.page.page_auth .password_reset_steps .step {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  align-items: center;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 80px;
  background-color: var(--area_background);
}
.page.page_auth .password_reset_steps .step .icon {
  line-height: 0;
}
.page.page_auth .password_reset_steps .step.current {
  color: var(--secondary);
  border: 2px dashed var(--green);
}
.page.page_auth .password_reset_steps .step.done {
  color: var(--beige);
  background-color: var(--green);
}
.page.page_auth .auth_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 60px;
  align-items: center;
  margin-bottom: 40px;
  grid-template-columns: 1.4fr 1fr;
}
@media (max-width: 992px) {
  .page.page_auth .auth_container {
    grid-template-columns: 1fr;
    grid-gap: 40px;
  }
  .page.page_auth .auth_container .info_wrapper {
    order: 2;
  }
  .page.page_auth .auth_container .form_wrapper {
    order: 1;
  }
}
.page.page_auth .auth_container .info_wrapper {
  padding: 40px;
  border-radius: 40px;
  background: var(--area_background);
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 40px;
}
.page.page_auth .auth_container .info_wrapper .icon {
  font-size: 3rem;
}
.page.page_auth .auth_container .info_wrapper .text {
  font-size: 1.4rem;
  text-align: center;
}
.page.page_auth .auth_container .info_wrapper .text hr {
  margin: 20px 0;
  border-top: 2px solid var(--primary);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
@media (max-width: 576px) {
  .page.page_auth .auth_container .info_wrapper .text {
    font-size: 1rem;
  }
}
.page.page_auth .auth_container .form_wrapper {
  padding: 40px;
  border: 2px solid var(--secondary);
  border-radius: 40px;
}
@media (max-width: 576px) {
  .page.page_auth .auth_container .form_wrapper {
    padding: 20px;
  }
}
.page.page_auth .auth_container .form_wrapper .form_errors {
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 40px;
  background-color: var(--input_border_error_focus);
}
.page.page_auth .auth_container .form_wrapper .form_errors .error_item {
  color: var(--secondary);
}
.page.page_auth .auth_container .form_wrapper .form_desc {
  text-align: center;
}
.page.page_auth .auth_container .form_wrapper .extended_infos {
  margin-top: 20px;
  width: 100%;
}
.page.page_auth .auth_container .form_wrapper .extended_infos hr {
  margin: 10px 0;
  border-top: 2px solid var(--splitter_light_background);
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
}
.page.page_protocol .page_wrapper {
  padding: 40px;
  box-sizing: border-box;
  border-radius: 40px;
  box-shadow: var(--box_shadow);
  background-color: var(--primary_half);
}
.page.page_protocol .page_wrapper .top_bar {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}
.page.page_protocol .page_wrapper .top_bar .top_bar_left .doc_title {
  font-size: 1.2rem;
}
.page.page_protocol .page_wrapper .top_bar .top_bar_right span {
  padding: 16px;
  border-radius: 20px;
  border: 2px solid var(--input_border_normal);
}
.page.page_protocol .page_wrapper .main_title h1 {
  margin: 0;
  font-size: 2rem;
}
.page.page_protocol .page_wrapper .protocol_splitter hr {
  width: 50%;
  margin: 40px 0;
  border-top: 2px dashed var(--input_border_normal);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.page.page_protocol .page_wrapper .protocol_meta .meta_item {
  display: grid;
  grid-template-columns: minmax(100px, auto) 1fr;
  grid-gap: 10px;
  align-items: center;
}
.page.page_protocol .page_wrapper .protocol_meta .meta_item .title {
  font-weight: 700;
}
.page.page_protocol .page_wrapper .protocol_description .desc_title {
  font-size: 1.2rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 20px;
}

@media (max-width: 576px) {
  .page .page_title {
    text-align: center;
  }
  .page .page_title.with_actions {
    grid-template-columns: 1fr;
  }
  .page .page_title.with_actions .actions_wrapper {
    flex-direction: column;
  }
  .page .page_title.with_actions .actions_wrapper a {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
    background-color: var(--area_background);
  }
  .page .page_title.with_actions .actions_wrapper a.icon_left {
    text-align: right;
  }
  .page .page_title.with_actions .actions_wrapper a.icon_right {
    text-align: left;
  }
}
form .form_section {
  margin-bottom: 20px;
}
form .form_section:last-of-type {
  margin-bottom: 0;
}
form .form_section.double {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
  align-items: start;
}
form .form_section.double .form_item {
  width: 100% !important;
}
form .form_section.triple {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 40px;
  align-items: start;
}
form .form_section.triple.form_item {
  width: 100% !important;
}
form .form_section.ratio_2_1 {
  grid-template-columns: 2fr 1fr;
}
form .form_section.ratio_1_2_2 {
  grid-template-columns: 1fr 2fr 2fr;
}
form .form_section .form_item label {
  display: block;
  margin-bottom: 4px;
  font-size: 0.9rem;
  padding-left: 18px;
  color: var(--secondary);
}
form .form_section .form_item .input_wrapper {
  position: relative;
}
form .form_section .form_item .input_wrapper input {
  padding: 14px 48px 14px 14px;
}
form .form_section .form_item .input_wrapper .actions {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  display: flex;
  gap: 6px;
  align-items: center;
}
form .form_section .form_item .input_wrapper .actions button {
  display: flex;
  padding: 6px 12px;
  gap: 6px;
  align-items: center;
}
form .form_section .form_item .input_wrapper .actions button.icon_only {
  padding: 6px;
}
form .form_section .form_item .input_wrapper .actions button.free {
  background-color: var(--green);
  border: 2px solid var(--green);
}
form .form_section .form_item .input_wrapper .actions button.taken {
  background-color: var(--red);
  border: 2px solid var(--red);
}
form .form_section .form_item .field_errors {
  padding-left: 20px;
  margin-top: 6px;
  font-size: 0.9rem;
  color: var(--red);
}
form .form_section .form_item.confirm_box {
  display: flex;
  gap: 20px;
  padding: 10px;
  align-items: center;
  background-color: var(--area_background);
  border-radius: 80px;
}
form .form_section .form_item.has_errors input,
form .form_section .form_item.has_errors textarea {
  border: 2px solid var(--input_border_error_normal);
}
form .form_section .form_item.has_errors input:focus, form .form_section .form_item.has_errors input:focus-visible,
form .form_section .form_item.has_errors textarea:focus,
form .form_section .form_item.has_errors textarea:focus-visible {
  outline: 4px solid var(--input_border_error_focus);
  border: 2px solid var(--red);
}
form .form_section .form_item.with_actions .element_wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  align-items: center;
}
form .form_actions.flex {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  form .form_actions button {
    width: 100%;
  }
}

#lightbox_overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  transition: opacity 0.05s linear;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background-color: var(--offcanvas_overlay_background);
  display: block;
}

#lightbox {
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  display: none;
}
#lightbox.active {
  display: flex;
}
#lightbox .lightbox_content {
  z-index: 1200;
  margin: auto;
  display: block;
  max-width: 1000px;
  min-width: 600px;
}
#lightbox .lightbox_content .lightbox_header {
  background-color: var(--primary);
  padding: 0 10px;
  border-radius: 80px;
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
#lightbox .lightbox_content .lightbox_img {
  border: 10px solid var(--primary);
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
  border-radius: 80px;
  position: relative;
  background-color: var(--primary);
  scrollbar-width: none;
  line-height: 0;
}
#lightbox .lightbox_content .lightbox_img img {
  width: 100%;
  border-radius: 60px;
}
#lightbox .lightbox_content .lightbox_img #lightbox_loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
#lightbox .lightbox_content .lightbox_img #lightbox_loader .material_symbols {
  font-size: 4rem;
  animation: element_saver_animation 1s linear infinite;
}

@media (max-width: 576px) {
  #lightbox .lightbox_content {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin: 0;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: var(--bg_color);
    background-image: var(--bg_image);
  }
  #lightbox .lightbox_content .lightbox_header {
    width: 100%;
    display: inline-flex;
    box-sizing: border-box;
    background-color: transparent;
  }
  #lightbox .lightbox_content .lightbox_img {
    border-radius: 20px;
    border: none;
  }
  #lightbox .lightbox_content .lightbox_img img {
    border-radius: 20px;
  }
}
@keyframes element_loader_animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#offcanvas_overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  transition: opacity 0.05s linear;
  display: none;
}
#offcanvas_overlay.show {
  opacity: 1;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background-color: var(--offcanvas_overlay_background);
  display: block;
}

.offcanvas {
  position: fixed;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  outline: 0;
  z-index: 1100;
  width: 400px;
  bottom: 0;
  top: 0;
  right: 0;
  box-shadow: 2px 0 16px -2px var(--secondary_transluent);
  background-color: var(--bg_color);
  background-image: var(--bg_image);
  visibility: hidden;
  transition: transform 0.05s ease-in-out;
  transform: translateX(120%);
}
.offcanvas.medium {
  width: 560px;
}
.offcanvas.large {
  width: 700px;
}
.offcanvas.offcanvas_document {
  width: 40%;
}
@media (max-width: 1400px) {
  .offcanvas.offcanvas_document {
    width: 60%;
  }
}
@media (max-width: 992px) {
  .offcanvas.offcanvas_document {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .offcanvas.offcanvas_document {
    width: 80%;
  }
}
@media (max-width: 576px) {
  .offcanvas.offcanvas_document {
    width: 100%;
  }
}
.offcanvas.show {
  transform: none;
  visibility: visible;
}
@media (max-width: 576px) {
  .offcanvas {
    width: 100%;
    margin: 0;
    border: 0;
  }
}
.offcanvas .offcanvas_header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
  align-items: center;
  padding: 20px 20px 10px 20px;
}
.offcanvas .offcanvas_header .offcanvas_title {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--secondary);
}
.offcanvas .offcanvas_header .offcanvas_title.with_icon {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  align-items: center;
}
.offcanvas .offcanvas_header .offcanvas_title.with_actions {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  align-items: center;
  font-size: 1rem;
}
.offcanvas .offcanvas_header .header_actions {
  display: flex;
  gap: 10px;
  align-items: center;
}
.offcanvas .offcanvas_header .offcanvas_close {
  padding: 10px;
  transition: none;
}
.offcanvas .offcanvas_splitter {
  padding: 0 20px;
}
.offcanvas .offcanvas_splitter hr {
  margin: 20px 0;
  border-top: 2px solid var(--secondary);
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}
.offcanvas .offcanvas_body {
  flex-grow: 1;
  overflow-y: auto;
  padding: 0 20px 20px 20px;
}
.offcanvas #offcanvas_inner_overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  transition: opacity 0.05s linear;
  opacity: 1;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background-color: var(--offcanvas_overlay_background);
}
.offcanvas #offcanvas_confirmation {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1100;
  max-width: 80%;
  background-color: var(--primary);
  border-radius: 40px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
}
.offcanvas #offcanvas_confirmation .confirm_text {
  padding: 0 10px 20px;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
}
.offcanvas #offcanvas_confirmation .actions_wrapper {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  align-items: center;
}
.offcanvas .offcanvas_body {
  position: relative;
}
.offcanvas .offcanvas_body #loader_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 80px);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.offcanvas .offcanvas_body #loader_container .material_symbols {
  font-size: 4rem;
  color: var(--secondary);
  animation: element_saver_animation 1s linear infinite;
}

@keyframes element_saver_animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#offcanvas_language .language_list .language {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  align-items: center;
  color: var(--secondary);
  padding: 10px;
  font-size: 1rem;
  border-radius: 80px;
  border: 2px solid transparent;
  background-color: transparent;
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}
#offcanvas_language .language_list .language:last-of-type {
  margin-bottom: 0;
}
#offcanvas_language .language_list .language:hover {
  cursor: pointer;
  text-decoration: none;
  background-color: var(--area_background);
}
#offcanvas_language .language_list .language.active {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 10px;
  align-items: center;
  font-weight: 700;
  background-color: var(--area_background);
}
#offcanvas_language .language_list .language .lang_code span {
  display: inline-flex;
  padding: 10px;
  border-radius: 80px;
}

.icon_text {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 60px;
  align-items: center;
}
@media (max-width: 768px) {
  .icon_text {
    display: block;
  }
}
@media (max-width: 576px) {
  .icon_text {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
  .icon_text .icon_wrapper {
    text-align: center;
  }
  .icon_text .icon_wrapper span {
    display: inline-flex;
  }
}
.icon_text .icon_wrapper span {
  display: inline-flex;
  padding: 20px;
  border-radius: 50%;
  background: var(--area_background);
  font-size: 3rem;
}
@media (max-width: 768px) {
  .icon_text .icon_wrapper {
    border-radius: 40px;
    text-align: center;
  }
}
.icon_text .text_wrapper p, .icon_text .text_wrapper span {
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .icon_text .text_wrapper {
    text-align: center;
  }
}

#modal_overlay,
.modal_overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  transition: opacity 0.05s linear;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background-color: var(--offcanvas_overlay_background);
  display: block;
}

.modal {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.modal.active {
  display: flex;
}
.modal .modal_content {
  z-index: 1200;
  min-width: 500px;
  max-width: 700px;
  background-color: var(--primary);
  padding: 20px;
  border-radius: 30px;
}
.modal .modal_content .modal_header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
  align-items: center;
  margin-bottom: 20px;
}
.modal .modal_content .modal_header h3 {
  margin: 0;
}
.modal .modal_content .modal_body {
  margin-bottom: 20px;
  max-height: 300px;
  overflow-y: scroll;
  box-sizing: border-box;
  padding: 10px;
}
.modal .modal_content .modal_splitter hr {
  margin: 20px 0;
  border-top: 2px solid var(--area_background);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.modal .modal_content .modal_footer.single_action {
  display: flex;
  justify-content: end;
}
.modal .modal_content .modal_footer.single_action.with_error_block {
  gap: 20px;
  align-items: center;
}
.modal .modal_content .modal_footer.single_action.with_error_block #error_block {
  color: var(--red);
  display: none;
}
.modal .modal_content .modal_footer.single_action.with_error_block #error_block.active {
  display: block;
}

@media (max-width: 576px) {
  .modal {
    align-items: center;
  }
  .modal .modal_content {
    max-width: 90%;
    box-sizing: border-box;
    border-radius: 30px;
    min-width: 90%;
  }
}
.custom_checkbox {
  position: relative;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  display: flex !important;
}
.custom_checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.custom_checkbox .checkmark {
  position: relative;
  height: 20px;
  width: 20px;
  border: 2px solid var(--input_border_hover);
  border-radius: 40px;
  display: inline-block;
}
.custom_checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  top: 3px;
  width: 3px;
  height: 9px;
  border: solid var(--primary);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.custom_checkbox:hover .checkmark {
  border: 2px solid var(--secondary);
}
.custom_checkbox input[type=checkbox]:checked ~ .checkmark {
  background-color: var(--secondary);
  outline: 3px solid var(--input_border_normal);
}
.custom_checkbox input[type=checkbox]:checked ~ .checkmark:after {
  display: block;
}
.custom_checkbox input[type=checkbox]:focus-visible ~ .checkmark {
  outline: none;
  box-shadow: 0 0 0 4px var(--focus_color);
}

.custom_checkbox_wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  align-items: center;
  padding: 0 2px;
}

#footer .footer_inner {
  padding: 40px 0;
  border-top: 2px solid var(--secondary);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer .footer_inner .footer_links a.active {
  background-color: var(--link_background_mobile);
}
@media (max-width: 768px) {
  #footer .footer_inner {
    display: block;
  }
  #footer .footer_inner .footer_links {
    display: flex;
    justify-content: space-evenly;
  }
  #footer .footer_inner .footer_links a {
    display: inline-block;
    background-color: var(--link_background_mobile);
  }
  #footer .footer_inner .footer_copyright {
    margin-top: 40px;
    text-align: center;
  }
}
@media (max-width: 576px) {
  #footer .footer_inner {
    display: block;
  }
  #footer .footer_inner .footer_links {
    display: block;
  }
  #footer .footer_inner .footer_links a {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    background-color: var(--link_background_mobile);
  }
  #footer .footer_inner .footer_links a:last-of-type {
    margin-bottom: 0;
  }
  #footer .footer_inner .footer_copyright {
    text-align: center;
    margin-top: 40px;
  }
}

.cookie_hint {
  width: 800px;
  position: fixed;
  bottom: 10px;
  z-index: 100;
  background: #ffffff;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 10px 10px 20px;
  box-sizing: border-box;
  border-radius: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: var(--box_shadow);
  background: var(--bg_color);
  background-image: var(--bg_image);
  border: 2px solid;
}
@media (max-width: 768px) {
  .cookie_hint {
    width: 90%;
  }
}
@media (max-width: 576px) {
  .cookie_hint {
    display: block;
    text-align: center;
    padding: 20px;
    border-radius: 40px;
  }
  .cookie_hint button {
    margin-top: 20px;
  }
}

#intro {
  padding: 40px 0;
}
#intro .intro_wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 130px;
  align-items: center;
}
#intro .intro_wrapper .intro_text {
  text-align: right;
}
#intro .intro_wrapper .intro_text span {
  display: block;
  font-size: 4.2rem;
  font-weight: 700;
}
#intro .intro_wrapper #svg_people {
  width: 360px;
}

.short_info {
  padding: 20px;
  border-radius: 80px;
  background-color: var(--area_background);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 40px;
  align-items: center;
}
.short_info .icon {
  display: flex;
  border-radius: 50%;
  padding: 20px;
  background-color: var(--secondary);
}
.short_info .icon span {
  color: var(--primary);
  font-size: 3rem;
}
.short_info .info {
  font-size: 1.8rem;
  padding-right: 20px;
}

#profile_description {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 130px;
  align-items: center;
}
#profile_description .image svg {
  width: 400px;
}
#profile_description .text .name {
  font-size: 3rem;
  font-weight: 700;
  line-height: 0;
}
#profile_description .text hr {
  margin: 40px 0;
  border-top: 1px solid var(--secondary);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
#profile_description .text .profile_contents .content_item {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 40px;
  align-items: center;
  padding: 14px;
  border-radius: 80px;
  margin-bottom: 14px;
  background-color: var(--primary_half);
  box-shadow: var(--box_shadow);
}
#profile_description .text .profile_contents .content_item:last-of-type {
  margin-bottom: 0;
}
#profile_description .text .profile_contents .content_item .icon {
  font-size: 1.8rem;
}
#profile_description .text .profile_contents .content_item .value {
  font-size: 1.4rem;
}
#profile_description .text .main_message {
  margin-top: 40px;
  padding: 10px 20px;
  background: var(--secondary);
  display: inline-block;
  color: var(--primary);
  border-radius: 80px;
  font-size: 1.4rem;
}

#profile_features {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 130px;
  align-items: center;
}
#profile_features .image svg {
  width: 400px;
}
#profile_features .text span {
  font-size: 2.8rem;
  font-weight: 700;
  text-align: right;
  display: inline-block;
}

#benefits {
  padding: 40px;
  border-radius: 40px;
  background-color: var(--area_background);
}
#benefits .desc {
  margin-bottom: 40px;
}
#benefits .desc span {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 80px;
  color: var(--primary);
  background-color: var(--secondary);
  font-size: 1.4rem;
}
#benefits .benefit_points .benefit_point {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 40px;
  align-items: center;
  padding: 20px;
  background-color: var(--primary_half);
  border-radius: 80px;
  margin-bottom: 20px;
  box-shadow: var(--box_shadow);
}
#benefits .benefit_points .benefit_point:last-of-type {
  margin-bottom: 0;
}
#benefits .benefit_points .benefit_point .icon_wrapper span {
  font-size: 2.4rem;
}
#benefits .benefit_points .benefit_point .info_wrapper span {
  font-size: 1.2rem;
}
#benefits .benefit_points .benefit_point .info_wrapper span strong {
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#new_users {
  padding: 40px;
  position: relative;
  border-radius: 40px;
  background-color: var(--area_background);
}
#new_users .intro {
  position: absolute;
  top: -45px;
  color: var(--primary);
  background-color: var(--secondary);
  padding: 10px 30px;
  transform: translateY(50%) translateX(-50%);
  left: 50%;
  font-size: 1.2rem;
  font-weight: 700;
  border-radius: 80px;
}
#new_users .users_list {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 10px;
}
#new_users .users_list .profile_item {
  display: flex;
}
#new_users .users_list .profile_item a {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: start;
  align-items: center;
  padding: 10px;
  border-radius: 40px;
  background-color: var(--primary_half);
  color: var(--secondary);
  text-decoration: none;
  box-sizing: border-box;
  width: 100%;
  min-height: 140px;
  box-shadow: var(--box_shadow);
}
#new_users .users_list .profile_item a .user_displayname {
  display: inline-grid;
  text-align: center;
}
#new_users .users_list .profile_item a .user_displayname .username {
  font-size: 0.8rem;
}
#new_users .users_list .profile_item a .placeholder {
  font-size: 4rem;
  color: var(--input_border_normal);
}
#new_users .users_list .profile_item a:hover {
  background-color: var(--primary);
}
#new_users .users_list .profile_item img {
  width: 60px;
  height: 60px;
  border-radius: 80px;
  border: 2px solid var(--input_border_normal);
}

#profile_example .profile_example {
  padding: 40px;
  box-sizing: border-box;
  border-radius: 40px;
  border-radius: 40px;
  background-color: var(--bg_transluent);
  box-shadow: var(--box_shadow);
}
#profile_example .profile_example .profile_view_section {
  margin: 40px 0;
}
#profile_example .profile_example .profile_view_section:first-of-type, #profile_example .profile_example .profile_view_section:last-of-type {
  margin: 0;
}
#profile_example .profile_example .profile_view_section .view_section_title {
  margin-bottom: 20px;
}
#profile_example .profile_example .profile_view_section .view_section_title h3 {
  margin: 0;
  font-size: 1.2rem;
  position: relative;
}
#profile_example .profile_example .profile_view_section .view_section_content {
  font-size: 1.2rem;
}
#profile_example .profile_example .profile_view_section .view_section_content.block_items {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 1rem;
}
#profile_example .profile_example .profile_view_section .view_section_content.block_items .block_item {
  padding: 10px 20px;
  border-radius: 80px;
  background-color: var(--area_background);
}
#profile_example .profile_example .profile_view_section .view_section_content .data_items {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
#profile_example .profile_example .profile_view_section .view_section_content .data_items .data_item {
  font-size: 1.2rem;
  padding: 10px 20px;
  border-radius: 80px;
  background-color: var(--area_background);
}
#profile_example .profile_example .profile_view_section .view_section_content .data_items .data_item.with_icon {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 20px;
  align-items: center;
  width: 100%;
}
#profile_example .profile_example .profile_view_section .view_section_content .data_items .data_item.with_icon_left {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  align-items: center;
}
#profile_example .profile_example .profile_view_splitter hr {
  margin: 40px 0;
  border-top: 2.5px dashed var(--input_border_normal);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
#profile_example .profile_example #image_name {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 80px;
  align-items: stretch;
}
#profile_example .profile_example #image_name .profile_image {
  width: 400px;
}
#profile_example .profile_example #image_name .profile_image .photo_wrapper.placeholder {
  display: inline-block;
  padding: 10px;
  border-radius: 40px;
  background-color: var(--area_background);
}
#profile_example .profile_example #image_name .profile_image .photo_wrapper.placeholder svg {
  width: 400px;
  border-radius: 40px;
}
#profile_example .profile_example #image_name .profile_image .photo_wrapper.profile_photo {
  height: 400px;
  width: 400px;
  line-height: 0;
  background-color: var(--area_background);
  border-radius: 40px;
}
#profile_example .profile_example #image_name .profile_image .photo_wrapper.profile_photo img {
  width: 100%;
  border-radius: 40px;
}
#profile_example .profile_example #image_name .profile_name h1 {
  font-size: 3.6rem;
  margin: 0;
}
#profile_example .profile_example #image_name .profile_name .user_title span {
  font-size: 1.6rem;
}
#profile_example .profile_example #image_name .user_meta_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
#profile_example .profile_example #image_name .user_meta_wrapper .country_n_stats {
  display: grid;
  grid-gap: 20px;
}
#profile_example .profile_example #image_name .profile_meta {
  display: flex;
  gap: 20px;
  align-items: center;
}
#profile_example .profile_example #image_name .profile_meta.with_location {
  justify-content: space-between;
}
#profile_example .profile_example #image_name .profile_meta .user_country, #profile_example .profile_example #image_name .profile_meta .user_zip {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 10px 20px;
  border-radius: 80px;
  background-color: var(--area_background);
}
#profile_example .profile_example #image_name .profile_meta .profile_actions {
  display: flex;
  gap: 10px;
}
#profile_example .profile_example .profile_stats {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}
#profile_example .profile_example .profile_stats .stat_item {
  flex: 0 1 200px;
  padding: 18px 28px;
  border-radius: 30px;
  background-color: var(--area_background);
}
#profile_example .profile_example .profile_stats .stat_item.with_actions {
  display: grid;
  grid-template-columns: 1fr auto;
}
#profile_example .profile_example .profile_stats .stat_item.with_actions .stat_content .top .title {
  font-weight: 700;
}
#profile_example .profile_example .profile_stats .stat_item.with_actions .stat_content .top .title span {
  transition: color 0.3s ease;
}
#profile_example .profile_example .profile_stats .stat_item.with_actions .stat_content .bottom .value {
  display: inline-block;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.3s ease, color 0.3s ease;
}
#profile_example .profile_example .profile_stats .stat_item.with_actions .stat_actions {
  display: flex;
  justify-content: end;
  flex-direction: column;
  gap: 6px;
}
#profile_example .profile_example .profile_stats .stat_item.with_actions .stat_actions #loader_element {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
#profile_example .profile_example .profile_stats .stat_item.with_actions .stat_actions #loader_element span {
  font-size: 2.2rem;
  animation: stat_loader_animation 1.4s linear infinite;
}
#profile_example .profile_example .profile_stats .stat_item .top {
  margin-bottom: 10px;
}
#profile_example .profile_example .profile_stats .stat_item .top .title {
  display: block;
  font-size: 1.2rem;
}
#profile_example .profile_example .profile_stats .stat_item .bottom .value {
  font-size: 2.4rem;
  font-weight: 700;
}

#ranks_description {
  padding: 40px;
  border-radius: 40px;
  background-color: var(--area_background);
}
#ranks_description .rank_desc_item .rank_title h3 {
  margin-top: 0;
  font-size: 2rem;
}
#ranks_description .rank_desc_item .rank_content {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 60px;
  align-items: center;
  margin-bottom: 40px;
}
#ranks_description .rank_desc_item .rank_content:last-of-type {
  margin-bottom: 0;
}
#ranks_description .rank_desc_item .rank_content .rank_sample .stat_item_sample {
  flex: 0 1 200px;
  padding: 18px 28px;
  border-radius: 30px;
  background-color: var(--primary_half);
  width: 300px;
  box-shadow: var(--box_shadow);
}
#ranks_description .rank_desc_item .rank_content .rank_sample .stat_item_sample.with_actions {
  display: grid;
  grid-template-columns: 1fr auto;
}
#ranks_description .rank_desc_item .rank_content .rank_sample .stat_item_sample.with_actions .stat_content .top .title {
  font-weight: 700;
}
#ranks_description .rank_desc_item .rank_content .rank_sample .stat_item_sample.with_actions .stat_content .top .title span {
  transition: color 0.3s ease;
}
#ranks_description .rank_desc_item .rank_content .rank_sample .stat_item_sample.with_actions .stat_content .bottom .value {
  display: inline-block;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.3s ease, color 0.3s ease;
}
#ranks_description .rank_desc_item .rank_content .rank_sample .stat_item_sample.with_actions .stat_actions {
  display: flex;
  justify-content: end;
  flex-direction: column;
  gap: 6px;
}
#ranks_description .rank_desc_item .rank_content .rank_sample .stat_item_sample.with_actions .stat_actions #loader_element {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
#ranks_description .rank_desc_item .rank_content .rank_sample .stat_item_sample.with_actions .stat_actions #loader_element span {
  font-size: 2.2rem;
  animation: stat_loader_animation 1.4s linear infinite;
}
#ranks_description .rank_desc_item .rank_content .rank_sample .stat_item_sample .top {
  margin-bottom: 10px;
}
#ranks_description .rank_desc_item .rank_content .rank_sample .stat_item_sample .top .title {
  display: block;
  font-size: 1.2rem;
}
#ranks_description .rank_desc_item .rank_content .rank_sample .stat_item_sample .bottom .value {
  font-size: 2.4rem;
  font-weight: 700;
}
#ranks_description .rank_desc_item .rank_content .rank_desc span {
  font-size: 1.4rem;
}
#ranks_description .rank_desc_splitter hr {
  border-top: 2px dashed var(--input_border_normal);
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  margin: 40px 0;
}

#gdpr_items {
  display: flex;
  justify-content: space-evenly;
  align-items: start;
}
#gdpr_items .gdpr_item {
  text-align: center;
  max-width: 200px;
}
#gdpr_items .gdpr_item .icon svg {
  width: 100px;
}
#gdpr_items .gdpr_item .text {
  margin-top: 10px;
}
#gdpr_items .gdpr_item .text span {
  font-size: 1.2rem;
}

@media (max-width: 992px) {
  .page_home #intro .intro_wrapper {
    grid-template-columns: 1fr;
    grid-gap: 60px;
  }
  .page_home #intro .intro_wrapper .intro_text {
    text-align: center;
  }
  .page_home #intro .intro_wrapper .intro_image {
    text-align: center;
  }
  .page_home #profile_description {
    grid-template-columns: 1fr;
    grid-gap: 60px;
  }
  .page_home #profile_description .image {
    text-align: center;
  }
  .page_home #profile_description .text .name {
    display: block;
    text-align: center;
    line-height: 1;
  }
  .page_home #profile_description .text .profile_contents .content_item {
    padding: 20px;
    margin-bottom: 20px;
  }
  .page_home #profile_description .text .main_message {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
  .page_home #profile_features {
    grid-template-columns: 1fr;
    grid-gap: 60px;
  }
  .page_home #profile_features .text span {
    text-align: center;
  }
  .page_home #profile_features .image {
    text-align: center;
  }
  .page_home #benefits .desc span {
    padding: 20px 30px;
  }
  .page_home #benefits .benefit_points .benefit_point {
    padding: 20px 40px;
  }
  .page_home #new_users .users_list {
    grid-template-columns: repeat(5, 1fr);
  }
  .page_home #profile_example .profile_example #image_name {
    grid-template-columns: 1fr;
    grid-gap: 40px;
  }
  .page_home #profile_example .profile_example #image_name .profile_image {
    margin: 0 auto;
  }
  .page_home #profile_example .profile_example #image_name .user_meta_wrapper {
    gap: 40px;
  }
  .page_home #profile_example .profile_example #image_name .user_meta_wrapper .profile_name h2 {
    font-size: 2.8rem;
    margin: 0;
  }
  .page_home #profile_example .profile_example #image_name .user_meta_wrapper .country_n_stats .profile_stats .stat_item:nth-child(1), .page_home #profile_example .profile_example #image_name .user_meta_wrapper .country_n_stats .profile_stats .stat_item:nth-child(2) {
    flex: 1 1 auto;
  }
  .page_home #profile_example .profile_example #image_name .user_meta_wrapper .country_n_stats .profile_stats .stat_item:nth-child(3) {
    flex: 1 1 100%;
  }
  .page_home #ranks_description .rank_desc_item .rank_content {
    grid-template-columns: 1fr;
    grid-gap: 40px;
  }
}
@media (max-width: 768px) {
  .page_home #new_users {
    padding: 20px;
  }
  .page_home #new_users .intro {
    position: relative;
    border-radius: 20px;
    margin-top: 10px;
    text-align: center;
  }
  .page_home #new_users .users_list {
    margin-top: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .page_home #new_users .users_list .profile_item a {
    border-radius: 20px;
  }
}
@media (max-width: 576px) {
  .page_home #intro {
    padding-bottom: 0;
  }
  .page_home #intro .intro_wrapper {
    grid-template-columns: 1fr;
    grid-gap: 60px;
  }
  .page_home #intro .intro_wrapper .intro_text {
    text-align: center;
  }
  .page_home #intro .intro_wrapper .intro_text span {
    font-size: 3rem;
  }
  .page_home #intro .intro_wrapper .intro_image {
    text-align: center;
  }
  .page_home #intro .intro_wrapper #svg_people {
    width: 100%;
  }
  .page_home .short_info {
    display: block;
    text-align: center;
    border-radius: 40px;
  }
  .page_home .short_info .icon {
    display: inline-flex;
    margin-bottom: 20px;
  }
  .page_home .short_info .info {
    font-size: 1.4rem;
  }
  .page_home .short_info .info a {
    display: block;
    margin-top: 20px;
  }
  .page_home #profile_description {
    grid-template-columns: 1fr;
    grid-gap: 60px;
  }
  .page_home #profile_description .text .name {
    display: block;
    line-height: 1;
    text-align: center;
    font-size: 1.8rem;
  }
  .page_home #profile_description .text .profile_contents .content_item {
    grid-template-columns: 1fr;
    grid-gap: 20px;
    text-align: center;
    padding: 30px 20px;
    border-radius: 40px;
  }
  .page_home #profile_description .text .main_message {
    padding: 20px;
    text-align: center;
    border-radius: 40px;
  }
  .page_home #profile_description .image svg {
    width: 100%;
  }
  .page_home #profile_features {
    grid-template-columns: 1fr;
    grid-gap: 60px;
  }
  .page_home #profile_features .text span {
    text-align: center;
    font-size: 2.4rem;
  }
  .page_home #profile_features .image svg {
    width: 100%;
  }
  .page_home #benefits {
    padding: 20px;
  }
  .page_home #benefits .desc span {
    display: block;
    text-align: center;
    padding: 20px 20px;
    border-radius: 20px;
    font-size: 1.2rem;
  }
  .page_home #benefits .benefit_points .benefit_point {
    grid-template-columns: 1fr;
    grid-gap: 20px;
    text-align: center;
    padding: 20px;
    border-radius: 20px;
  }
  .page_home #benefits .benefit_points .benefit_point strong {
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
  .page_home #benefits .benefit_points .benefit_point .info_wrapper span {
    word-break: break-word;
  }
  .page_home #new_users {
    padding: 20px;
  }
  .page_home #new_users .intro {
    position: relative;
    border-radius: 20px;
    margin-top: 10px;
    text-align: center;
  }
  .page_home #new_users .users_list {
    margin-top: 20px;
    grid-template-columns: 1fr 1fr;
  }
  .page_home #new_users .users_list .profile_item a {
    border-radius: 20px;
  }
  .page_home #profile_example .profile_example {
    padding: 20px;
  }
  .page_home #profile_example .profile_example #image_name {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
  .page_home #profile_example .profile_example #image_name .profile_image {
    width: 100%;
  }
  .page_home #profile_example .profile_example #image_name .profile_image .photo_wrapper {
    width: 100%;
    box-sizing: border-box;
  }
  .page_home #profile_example .profile_example #image_name .profile_image .photo_wrapper svg {
    width: 100%;
  }
  .page_home #profile_example .profile_example .user_meta_wrapper .profile_name h2 {
    font-size: 2.2rem;
    text-align: center;
  }
  .page_home #profile_example .profile_example .user_meta_wrapper .country_n_stats {
    grid-gap: 40px;
  }
  .page_home #profile_example .profile_example .user_meta_wrapper .country_n_stats .profile_meta {
    flex-direction: column;
  }
  .page_home #profile_example .profile_example .user_meta_wrapper .country_n_stats .profile_meta .user_location_info {
    text-align: center;
  }
  .page_home #profile_example .profile_example .user_meta_wrapper .country_n_stats .profile_meta .user_location_info .user_country {
    width: 100%;
    display: inline-flex;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  .page_home #profile_example .profile_example .user_meta_wrapper .country_n_stats .profile_meta .profile_actions {
    display: flex;
    gap: 10px;
    margin: 20px 0;
  }
  .page_home #profile_example .profile_example .user_meta_wrapper .country_n_stats .profile_meta .profile_actions button {
    padding: 16px;
  }
  .page_home #profile_example .profile_example .user_meta_wrapper .country_n_stats .profile_meta .profile_actions button span {
    font-size: 2rem;
  }
  .page_home #profile_example .profile_example .user_meta_wrapper .country_n_stats .profile_stats {
    justify-content: center;
  }
  .page_home #profile_example .profile_example .user_meta_wrapper .country_n_stats .profile_stats .stat_item {
    flex: 1 0 auto;
    width: 100%;
    box-sizing: border-box;
  }
  .page_home #profile_example .profile_example .user_meta_wrapper .country_n_stats .profile_stats .stat_item .stat_content .top .title {
    font-size: 1.6rem;
  }
  .page_home #profile_example .profile_example .user_meta_wrapper .country_n_stats .profile_stats .stat_item .stat_content .bottom .value {
    font-size: 2.6rem;
  }
  .page_home #ranks_description {
    padding: 20px;
  }
  .page_home #ranks_description .rank_desc_item .rank_title h3 {
    font-size: 1.8rem;
  }
  .page_home #ranks_description .rank_desc_item .rank_content {
    grid-template-columns: 1fr;
    grid-gap: 40px;
  }
  .page_home #ranks_description .rank_desc_item .rank_content .rank_sample .stat_item_sample {
    box-sizing: border-box;
    width: 100%;
  }
  .page_home #gdpr_items {
    flex-direction: column;
    align-items: center;
    gap: 60px;
  }
}
.page_register .auth_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 60px;
  align-items: center;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .page_register .auth_container {
    grid-template-columns: 1fr;
  }
  .page_register .auth_container .info_wrapper {
    order: 2;
  }
  .page_register .auth_container .form_wrapper {
    order: 1;
  }
}
.page_register .auth_container .info_wrapper {
  padding: 40px;
  border-radius: 40px;
  background: var(--area_background);
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 40px;
}
.page_register .auth_container .info_wrapper .icon {
  font-size: 3rem;
}
.page_register .auth_container .info_wrapper .text {
  font-size: 1.4rem;
}
.page_register .auth_container .info_wrapper .text hr {
  margin: 20px 0;
  border-top: 2px solid var(--primary);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
@media (max-width: 576px) {
  .page_register .auth_container .info_wrapper .text {
    font-size: 1rem;
  }
}
.page_register .auth_container .form_wrapper {
  padding: 40px;
  border: 2px solid var(--secondary);
  border-radius: 40px;
}
@media (max-width: 576px) {
  .page_register .auth_container .form_wrapper {
    padding: 20px;
  }
}
.page_register .auth_container .form_wrapper .form_desc {
  text-align: center;
}
.page_register .auth_container .form_wrapper .extended_infos {
  margin-top: 20px;
  width: 100%;
}
.page_register .auth_container .form_wrapper .extended_infos hr {
  margin: 10px 0;
  border-top: 2px solid var(--splitter_light_background);
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
}
@media (max-width: 576px) {
  .page_register .auth_container .form_wrapper #user_register_form .form_item.confirm_box {
    flex-direction: column;
    text-align: center;
    border-radius: 40px;
  }
}

.page_register_next .icon_text {
  margin-bottom: 40px;
}
.page_register_next .icon_text:last-of-type {
  margin-bottom: 0;
}

.page_register_no_email .page_content .info {
  margin-bottom: 40px;
}
.page_register_no_email .page_content form {
  width: 40%;
  padding: 20px;
  border-radius: 40px;
  background-color: var(--primary_half);
  box-shadow: var(--box_shadow);
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .page_register_no_email .page_content form {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .page_register_no_email .page_content form {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .page_register_no_email .page_content form {
    width: 100%;
  }
}

.page_register_no_email_done .page_content .icon_text {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .page_register_no_email_done .page_content .icon_text {
    margin-bottom: 80px;
  }
}
.page_register_no_email_done .page_content .icon_text:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .page_register_no_email_done .page_content .icon_text .icon_wrapper {
    margin-bottom: 20px;
  }
}

.page_dashboard .dashboard_meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page_dashboard .dashboard_meta .area {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.page_dashboard .dashboard_meta .area .meta_item {
  padding: 10px 20px;
  border-radius: 80px;
  background-color: var(--area_background);
}
.page_dashboard .dashboard_meta .area_left > .meta_item {
  display: flex;
  align-items: center;
}
.page_dashboard .dashboard_meta .area_left .logged_in_email {
  display: flex;
  gap: 4px;
  align-items: center;
}
.page_dashboard .dashboard_meta .area_left .logged_in_email .meta_item {
  border-radius: 80px 0 0 80px;
  background-color: var(--area_background);
  padding: 12px;
}
.page_dashboard .dashboard_meta .area_left .logged_in_email #change_email {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 80px 80px 0;
}
.page_dashboard .dashboard_meta .profile_visibility {
  display: flex;
  gap: 4px;
  align-items: center;
}
.page_dashboard .dashboard_meta .profile_visibility .info {
  padding: 12px;
  background-color: var(--area_background);
  border-radius: 40px 0 0 40px;
}
.page_dashboard .dashboard_meta .profile_visibility #change_visibility {
  border-radius: 0 40px 40px 0;
}
@media (max-width: 992px) {
  .page_dashboard .dashboard_meta {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
  .page_dashboard .page_content .image_stats_container {
    grid-template-columns: 1fr;
  }
  .page_dashboard .page_content .image_stats_container .profile_infos .account_statistics .stat_item {
    height: 100%;
    box-sizing: border-box;
  }
  .page_dashboard .page_content .image_stats_container .profile_infos .account_statistics .stat_item .title {
    min-height: 64px;
  }
  .page_dashboard .page_content .profile_areas {
    border-radius: 40px;
  }
  .page_dashboard .page_content .profile_areas .profile_areas_inner {
    flex-direction: column;
  }
  .page_dashboard .page_content .profile_areas .profile_areas_inner .left_area {
    justify-content: start;
    width: 100%;
    flex-wrap: wrap;
  }
  .page_dashboard .page_content .profile_areas .profile_areas_inner .left_area .btn {
    flex: auto;
  }
  .page_dashboard .page_content .profile_areas .profile_areas_inner .right_area {
    justify-content: start;
    width: 100%;
  }
  .page_dashboard .page_content .profile_areas .profile_areas_inner .right_area .btn {
    flex: auto;
  }
}
@media (max-width: 576px) {
  .page_dashboard .dashboard_meta {
    flex-direction: column;
  }
  .page_dashboard .dashboard_meta .area {
    justify-content: center;
  }
  .page_dashboard .dashboard_meta .area.area_left {
    gap: 20px;
  }
  .page_dashboard .dashboard_meta .area.area_right {
    margin-top: 40px;
  }
  .page_dashboard .dashboard_meta .profile_visibility {
    flex-direction: column;
    width: 100%;
    padding: 20px;
    border-radius: 40px;
    border: 2px solid var(--secondary);
    width: 100%;
    box-sizing: border-box;
  }
  .page_dashboard .dashboard_meta .profile_visibility .info {
    border-radius: 30px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
  .page_dashboard .dashboard_meta .profile_visibility #change_visibility {
    border-radius: 30px;
    margin-top: 10px;
    width: 100%;
  }
  .page_dashboard .dashboard_meta .right_area_edit_profile {
    margin-top: 40px;
  }
}
.page_dashboard .image_stats_container {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 100px;
  align-items: start;
}
@media (max-width: 576px) {
  .page_dashboard .image_stats_container {
    display: block;
  }
}
.page_dashboard .image_stats_container .profile_photo_wrapper {
  text-align: center;
}
.page_dashboard .image_stats_container .profile_photo_wrapper .photo_wrapper.placeholder {
  width: 300px;
  display: inline-block;
  padding: 20px;
  border-radius: 40px;
  border: 4px dashed var(--secondary);
}
.page_dashboard .image_stats_container .profile_photo_wrapper .photo_wrapper.placeholder svg {
  width: 100%;
  border-radius: 40px;
}
.page_dashboard .image_stats_container .profile_photo_wrapper .photo_wrapper.profile {
  display: inline-block;
}
.page_dashboard .image_stats_container .profile_photo_wrapper .photo_wrapper.profile a {
  width: 400px;
  height: 400px;
  display: inline-block;
  line-height: 0;
  padding: 10px;
  border-radius: 40px;
  border: 3px dashed var(--secondary_transluent);
}
.page_dashboard .image_stats_container .profile_photo_wrapper .photo_wrapper.profile a:hover {
  cursor: pointer;
  border: 3px dashed var(--secondary);
  border-radius: 40px;
}
.page_dashboard .image_stats_container .profile_photo_wrapper .photo_wrapper.profile img {
  width: 100%;
  border-radius: 30px;
}
@media (max-width: 576px) {
  .page_dashboard .image_stats_container .profile_infos {
    margin-top: 40px;
  }
}
.page_dashboard .image_stats_container .profile_infos .profile_name {
  margin-bottom: 40px;
  text-align: left;
}
@media (max-width: 576px) {
  .page_dashboard .image_stats_container .profile_infos .profile_name {
    text-align: center;
  }
}
.page_dashboard .image_stats_container .profile_infos .profile_name .name {
  font-size: 3rem;
  font-weight: 700;
}
.page_dashboard .image_stats_container .profile_infos .welcome_message {
  margin-bottom: 40px;
  text-align: left;
}
@media (max-width: 576px) {
  .page_dashboard .image_stats_container .profile_infos .welcome_message {
    text-align: center;
  }
}
.page_dashboard .image_stats_container .profile_infos .welcome_message span {
  font-size: 1.2rem;
}
.page_dashboard .image_stats_container .profile_infos .account_statistics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  align-items: start;
}
@media (max-width: 576px) {
  .page_dashboard .image_stats_container .profile_infos .account_statistics {
    grid-template-columns: 1fr;
  }
}
.page_dashboard .image_stats_container .profile_infos .account_statistics .stat_item {
  padding: 30px;
  border-radius: 40px;
  background-color: var(--area_background);
  box-shadow: var(--box_shadow);
}
.page_dashboard .image_stats_container .profile_infos .account_statistics .stat_item .title {
  display: block;
  font-size: 1.6rem;
  margin-bottom: 20px;
}
.page_dashboard .image_stats_container .profile_infos .account_statistics .stat_item .value {
  font-weight: 700;
  font-size: 4rem;
}
.page_dashboard .image_stats_container .profile_infos .account_statistics .stat_item .value_with_action {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  align-items: center;
}
@media (max-width: 576px) {
  .page_dashboard .image_stats_container .profile_photo_wrapper .photo_wrapper {
    width: 100%;
    box-sizing: border-box;
  }
  .page_dashboard .image_stats_container .profile_photo_wrapper .photo_wrapper.profile {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
  }
  .page_dashboard .image_stats_container .profile_photo_wrapper .photo_wrapper.profile a {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    box-sizing: border-box;
  }
  .page_dashboard .image_stats_container .profile_infos .profile_name .name {
    word-wrap: break-word;
  }
  .page_dashboard .image_stats_container .profile_infos .account_statistics .stat_item {
    padding: 20px 30px;
  }
  .page_dashboard .image_stats_container .profile_infos .account_statistics .stat_item .title {
    margin-bottom: 10px;
  }
}
.page_dashboard .profile_areas {
  margin-top: 40px;
  padding: 20px;
  border-radius: 80px;
  background-color: var(--area_background);
  box-shadow: var(--box_shadow);
}
.page_dashboard .profile_areas .profile_areas_inner {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
.page_dashboard .profile_areas .profile_areas_inner .area_part {
  display: flex;
  gap: 20px;
  align-items: center;
}
.page_dashboard .profile_areas .profile_areas_inner .area_part .new_msgs {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 10px;
  align-items: center;
}
.page_dashboard .profile_areas .profile_areas_inner .area_part .new_msgs .new_indicator {
  line-height: 0;
  font-size: 2rem;
  color: var(--red);
}
@media (max-width: 576px) {
  .page_dashboard .profile_areas {
    border-radius: 40px;
  }
  .page_dashboard .profile_areas .profile_areas_inner {
    display: block;
  }
  .page_dashboard .profile_areas .profile_areas_inner .area_part {
    flex-direction: column;
  }
  .page_dashboard .profile_areas .profile_areas_inner .area_part a,
  .page_dashboard .profile_areas .profile_areas_inner .area_part button {
    width: 100%;
    box-sizing: border-box;
  }
  .page_dashboard .profile_areas .profile_areas_inner .area_part.right_area {
    margin-top: 20px;
  }
}

#offcanvas_contacts_viewer .contacts_list {
  margin-top: 20px;
}
#offcanvas_contacts_viewer .contacts_list .contact_item.with_action {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  align-items: center;
}
#offcanvas_contacts_viewer .contacts_list .contact_item.with_action .contact_action #loader_element {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
#offcanvas_contacts_viewer .contacts_list .contact_item.with_action .contact_action #loader_element span {
  font-size: 2.2rem;
  animation: stat_loader_animation 1.4s linear infinite;
}
#offcanvas_contacts_viewer .contacts_list .contact_item .contact_info {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  align-items: center;
}
#offcanvas_contacts_viewer .contacts_list .contact_item .contact_info .contact_photo img {
  border-radius: 80px;
  width: 50px;
  height: 50px;
}
#offcanvas_contacts_viewer .contacts_list .contact_item .contact_info .contact_photo .placeholder {
  font-size: 3rem;
  color: var(--input_border_hover);
}
#offcanvas_contacts_viewer .contacts_list .contact_item_splitter hr {
  border-top: 2px solid var(--area_background);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

#offcanvas_gooddeed_profile_viewer .offcanvas_body {
  position: relative;
}
#offcanvas_gooddeed_profile_viewer #loader_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 80px);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
}
#offcanvas_gooddeed_profile_viewer #loader_container .material_symbols {
  font-size: 4rem;
  color: var(--secondary);
  animation: element_saver_animation 1s linear infinite;
}
#offcanvas_gooddeed_profile_viewer .user_gooddeed_items {
  margin-top: 20px;
}
#offcanvas_gooddeed_profile_viewer .user_gooddeed_items .gooddeed_item {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}
#offcanvas_gooddeed_profile_viewer .user_gooddeed_items .gooddeed_item .info {
  padding: 20px;
  border-radius: 40px;
  background-color: var(--area_background);
}
#offcanvas_gooddeed_profile_viewer .user_gooddeed_items .gooddeed_item:last-of-type {
  margin-bottom: 0;
}
#offcanvas_gooddeed_profile_viewer .user_gooddeed_items .gooddeed_item .value {
  font-size: 1rem;
}
#offcanvas_gooddeed_profile_viewer .user_gooddeed_items .gooddeed_item .date {
  margin-top: 10px;
  font-size: 0.8rem;
  font-weight: 700;
}

#offcanvas_profile_visibility_wrapper .description {
  padding: 20px;
  border-radius: 40px;
  background-color: var(--area_background);
  margin-top: 20px;
  margin-bottom: 40px;
}
#offcanvas_profile_visibility_wrapper .description .v_item {
  margin-bottom: 10px;
  font-size: 0.9rem;
}
#offcanvas_profile_visibility_wrapper .description .v_item:last-of-type {
  margin-bottom: 0;
}
#offcanvas_profile_visibility_wrapper .description .v_item .title {
  display: block;
  font-weight: 700;
  text-decoration: underline;
}
#offcanvas_profile_visibility_wrapper .edit_visibility_items {
  margin-top: 20px;
}
#offcanvas_profile_visibility_wrapper .edit_visibility_items .visibility_item {
  padding: 10px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  border-radius: 80px;
  color: var(--secondary);
  border: 2px solid var(--input_border_normal);
  background-color: transparent;
  cursor: pointer;
  margin-bottom: 10px;
}
#offcanvas_profile_visibility_wrapper .edit_visibility_items .visibility_item:last-of-type {
  margin-bottom: 0;
}
#offcanvas_profile_visibility_wrapper .edit_visibility_items .visibility_item.active {
  color: var(--primary);
  border: 2px solid var(--secondary);
  background-color: var(--secondary);
}
#offcanvas_profile_visibility_wrapper .edit_visibility_items .visibility_item:hover {
  color: var(--primary);
  border: 2px solid var(--secondary);
  background-color: var(--secondary);
}
#offcanvas_profile_visibility_wrapper .edit_visibility_items .visibility_item .item_label {
  font-size: 1.1rem;
}
#offcanvas_profile_visibility_wrapper .edit_visibility_items .visibility_item .check_icon {
  line-height: 0;
}
#offcanvas_profile_visibility_wrapper .edit_visibility_items .visibility_item .material_symbols {
  font-size: 22px;
}

#offcanvas_blacklist_content .users_list {
  margin-top: 40px;
}
#offcanvas_blacklist_content .users_list .user_item {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  align-items: center;
}
#offcanvas_blacklist_content .users_list .user_item .user_action #loader_element {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
#offcanvas_blacklist_content .users_list .user_item .user_action #loader_element span {
  font-size: 2.2rem;
  animation: stat_loader_animation 1.4s linear infinite;
}
#offcanvas_blacklist_content .users_list .user_item .user_info {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  align-items: center;
}
#offcanvas_blacklist_content .users_list .user_item .user_info .user_photo img {
  width: 50px;
  height: 50px;
  border-radius: 80px;
}
#offcanvas_blacklist_content .users_list .user_item .user_info .user_photo .placeholder {
  font-size: 3rem;
  color: var(--secondary_transluent);
}
#offcanvas_blacklist_content .users_list .user_item_splitter hr {
  border-top: 2px solid var(--area_background);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

#offcanvas_blacklist #offcanvas_blacklist_content .blocked_user_info {
  font-size: 0.8rem;
  padding: 20px;
  border-radius: 40px;
  background-color: var(--bg_desc_color);
  background-image: var(--bg_desc_gradient);
}
#offcanvas_blacklist #offcanvas_blacklist_content .no_blacklisted_users {
  margin-top: 40px;
}

.page_register_success .icon_text .text_wrapper {
  font-size: 1.4rem;
}
.page_register_success .icon_text .text_wrapper a {
  display: inline-grid;
}

.page_auth.page_password_reset .password_reset_container .form_wrapper .info {
  margin-bottom: 30px;
}

.page_password_reset_confirm.page_auth .auth_container .form_wrapper .info {
  margin-bottom: 30px;
}
.page_password_reset_confirm .password_hints {
  text-align: left;
  font-size: 1rem;
}

.page_email_change .email_change_form_wrapper .form_info {
  font-size: 1.2rem;
  margin-bottom: 40px;
}
.page_email_change .email_change_form_wrapper form {
  width: 40%;
  padding: 20px;
  border-radius: 40px;
  background-color: var(--primary);
  box-shadow: var(--box_shadow);
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .page_email_change .email_change_form_wrapper form {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .page_email_change .email_change_form_wrapper form {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .page_email_change .email_change_form_wrapper form {
    width: 100%;
  }
}

.page_password_change .password_change_form_wrapper .form_info {
  font-size: 1.2rem;
  margin-bottom: 40px;
}
.page_password_change .password_change_form_wrapper form {
  width: 40%;
  padding: 20px;
  border-radius: 40px;
  background-color: var(--primary);
  box-shadow: var(--box_shadow);
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .page_password_change .password_change_form_wrapper form {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .page_password_change .password_change_form_wrapper form {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .page_password_change .password_change_form_wrapper form {
    width: 100%;
  }
}

.page_password_change_done .icon_text .text_wrapper a {
  display: inline-grid;
}

.page_profile_preview .profile,
.page_profile_view .profile {
  padding: 40px;
  box-sizing: border-box;
  border-radius: 40px;
  background-color: var(--bg_transluent);
  box-shadow: var(--box_shadow);
}
.page_profile_preview .profile .profile_view_section,
.page_profile_view .profile .profile_view_section {
  margin: 40px 0;
}
.page_profile_preview .profile .profile_view_section:first-of-type, .page_profile_preview .profile .profile_view_section:last-of-type,
.page_profile_view .profile .profile_view_section:first-of-type,
.page_profile_view .profile .profile_view_section:last-of-type {
  margin: 0;
}
.page_profile_preview .profile .profile_view_section .view_section_title,
.page_profile_view .profile .profile_view_section .view_section_title {
  margin-bottom: 20px;
}
.page_profile_preview .profile .profile_view_section .view_section_title h3,
.page_profile_view .profile .profile_view_section .view_section_title h3 {
  margin: 0;
  font-size: 1.2rem;
  position: relative;
}
.page_profile_preview .profile .profile_view_section .view_section_content,
.page_profile_view .profile .profile_view_section .view_section_content {
  font-size: 1.2rem;
}
.page_profile_preview .profile .profile_view_section .view_section_content.block_items,
.page_profile_view .profile .profile_view_section .view_section_content.block_items {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 1rem;
}
.page_profile_preview .profile .profile_view_section .view_section_content.block_items .block_item,
.page_profile_view .profile .profile_view_section .view_section_content.block_items .block_item {
  padding: 10px 20px;
  border-radius: 80px;
  background-color: var(--area_background);
}
.page_profile_preview .profile .profile_view_section .view_section_content .data_items,
.page_profile_view .profile .profile_view_section .view_section_content .data_items {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.page_profile_preview .profile .profile_view_section .view_section_content .data_items .data_item,
.page_profile_view .profile .profile_view_section .view_section_content .data_items .data_item {
  font-size: 1.2rem;
  padding: 10px 20px;
  border-radius: 80px;
  background-color: var(--area_background);
}
.page_profile_preview .profile .profile_view_section .view_section_content .data_items .data_item.with_icon,
.page_profile_view .profile .profile_view_section .view_section_content .data_items .data_item.with_icon {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 20px;
  align-items: center;
  width: 100%;
}
.page_profile_preview .profile .profile_view_section .view_section_content .data_items .data_item.with_icon_left,
.page_profile_view .profile .profile_view_section .view_section_content .data_items .data_item.with_icon_left {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  align-items: center;
}
.page_profile_preview .profile .profile_view_splitter hr,
.page_profile_view .profile .profile_view_splitter hr {
  margin: 40px 0;
  border-top: 2.5px dashed var(--input_border_normal);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.page_profile_preview .profile #image_name,
.page_profile_view .profile #image_name {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 80px;
  align-items: stretch;
}
.page_profile_preview .profile #image_name .profile_image,
.page_profile_view .profile #image_name .profile_image {
  width: 400px;
}
.page_profile_preview .profile #image_name .profile_image .photo_wrapper.placeholder,
.page_profile_view .profile #image_name .profile_image .photo_wrapper.placeholder {
  display: inline-block;
  padding: 10px;
  border-radius: 40px;
  background-color: var(--area_background);
}
.page_profile_preview .profile #image_name .profile_image .photo_wrapper.placeholder svg,
.page_profile_view .profile #image_name .profile_image .photo_wrapper.placeholder svg {
  width: 400px;
  border-radius: 40px;
}
.page_profile_preview .profile #image_name .profile_image .photo_wrapper.profile_photo,
.page_profile_view .profile #image_name .profile_image .photo_wrapper.profile_photo {
  height: 400px;
  width: 400px;
  line-height: 0;
  background-color: var(--area_background);
  border-radius: 40px;
}
.page_profile_preview .profile #image_name .profile_image .photo_wrapper.profile_photo img,
.page_profile_view .profile #image_name .profile_image .photo_wrapper.profile_photo img {
  width: 100%;
  border-radius: 40px;
}
.page_profile_preview .profile #image_name .profile_name h1,
.page_profile_view .profile #image_name .profile_name h1 {
  font-size: 3.6rem;
  margin: 0;
}
.page_profile_preview .profile #image_name .profile_name .user_title span,
.page_profile_view .profile #image_name .profile_name .user_title span {
  font-size: 1.6rem;
}
.page_profile_preview .profile #image_name .user_meta_wrapper,
.page_profile_view .profile #image_name .user_meta_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats,
.page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats {
  display: grid;
  grid-gap: 20px;
}
.page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats .no_location,
.page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats .no_location {
  display: block;
}
.page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats .no_location .user_location_info,
.page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats .no_location .user_location_info {
  display: none;
}
.page_profile_preview .profile #image_name .profile_meta,
.page_profile_view .profile #image_name .profile_meta {
  display: flex;
  gap: 20px;
  align-items: center;
}
.page_profile_preview .profile #image_name .profile_meta.with_location,
.page_profile_view .profile #image_name .profile_meta.with_location {
  justify-content: space-between;
}
.page_profile_preview .profile #image_name .profile_meta .user_country, .page_profile_preview .profile #image_name .profile_meta .user_zip,
.page_profile_view .profile #image_name .profile_meta .user_country,
.page_profile_view .profile #image_name .profile_meta .user_zip {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 10px 20px;
  border-radius: 80px;
  background-color: var(--area_background);
}
.page_profile_preview .profile #image_name .profile_meta .profile_actions,
.page_profile_view .profile #image_name .profile_meta .profile_actions {
  display: flex;
  gap: 10px;
}
.page_profile_preview .profile .info_items,
.page_profile_view .profile .info_items {
  display: grid;
  grid-gap: 6px;
}
.page_profile_preview .profile .info_items .info_item,
.page_profile_view .profile .info_items .info_item {
  display: grid;
  grid-template-columns: minmax(350px, auto) 1fr;
  grid-gap: 10px;
  align-items: start;
  font-size: 1.2rem;
}
.page_profile_preview .profile .info_items .info_item .title,
.page_profile_view .profile .info_items .info_item .title {
  font-weight: 700;
}
.page_profile_preview .profile .profile_slogan span,
.page_profile_view .profile .profile_slogan span {
  font-size: 1.2rem;
}
.page_profile_preview .profile .profile_stats,
.page_profile_view .profile .profile_stats {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page_profile_preview .profile .profile_stats .stat_item,
.page_profile_view .profile .profile_stats .stat_item {
  flex: auto;
  padding: 18px 28px;
  border-radius: 30px;
  background-color: var(--area_background);
}
.page_profile_preview .profile .profile_stats .stat_item.with_actions,
.page_profile_view .profile .profile_stats .stat_item.with_actions {
  display: grid;
  grid-template-columns: 1fr auto;
}
.page_profile_preview .profile .profile_stats .stat_item.with_actions .stat_actions,
.page_profile_view .profile .profile_stats .stat_item.with_actions .stat_actions {
  display: flex;
  justify-content: end;
  flex-direction: column;
  gap: 6px;
}
.page_profile_preview .profile .profile_stats .stat_item.with_actions .stat_actions #loader_element,
.page_profile_view .profile .profile_stats .stat_item.with_actions .stat_actions #loader_element {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
.page_profile_preview .profile .profile_stats .stat_item.with_actions .stat_actions #loader_element span,
.page_profile_view .profile .profile_stats .stat_item.with_actions .stat_actions #loader_element span {
  font-size: 2.2rem;
  animation: stat_loader_animation 1.4s linear infinite;
}
.page_profile_preview .profile .profile_stats .stat_item .top,
.page_profile_view .profile .profile_stats .stat_item .top {
  margin-bottom: 10px;
}
.page_profile_preview .profile .profile_stats .stat_item .top .title,
.page_profile_view .profile .profile_stats .stat_item .top .title {
  display: block;
  font-size: 1.2rem;
}
.page_profile_preview .profile .profile_stats .stat_item .bottom .value,
.page_profile_view .profile .profile_stats .stat_item .bottom .value {
  font-size: 2.4rem;
  font-weight: 700;
}
.page_profile_preview .profile #profile_user_description,
.page_profile_view .profile #profile_user_description {
  font-size: 1.2rem;
}
.page_profile_preview .profile #profile_user_description .section_title,
.page_profile_view .profile #profile_user_description .section_title {
  font-weight: 700;
  margin-bottom: 20px;
}
.page_profile_preview .profile #profile_user_languages .user_languages,
.page_profile_view .profile #profile_user_languages .user_languages {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.page_profile_preview .profile #profile_user_languages .data_item,
.page_profile_view .profile #profile_user_languages .data_item {
  font-size: 1.2rem;
  padding: 10px 20px;
  border-radius: 80px;
  background-color: var(--area_background);
}
.page_profile_preview .profile #profile_user_educations .education_item,
.page_profile_view .profile #profile_user_educations .education_item {
  border-radius: 40px;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 40px;
  padding: 20px;
  align-items: center;
  background-color: var(--area_background);
}
.page_profile_preview .profile #profile_user_educations .education_item:last-of-type,
.page_profile_view .profile #profile_user_educations .education_item:last-of-type {
  margin-bottom: 0;
}
.page_profile_preview .profile #profile_user_educations .education_item .education_item_dates,
.page_profile_view .profile #profile_user_educations .education_item .education_item_dates {
  padding: 10px 20px;
  border-radius: 28px;
  background-color: var(--primary);
  font-weight: 700;
  font-size: 1rem;
}
.page_profile_preview .profile #profile_user_educations .education_item .education_item_info,
.page_profile_view .profile #profile_user_educations .education_item .education_item_info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0 28px 28px 0;
}
.page_profile_preview .profile #profile_user_educations .education_item .education_item_info .qualification,
.page_profile_view .profile #profile_user_educations .education_item .education_item_info .qualification {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 6px;
}
.page_profile_preview .profile #profile_user_educations .education_item .education_item_info .institution,
.page_profile_view .profile #profile_user_educations .education_item .education_item_info .institution {
  font-size: 1rem;
}
.page_profile_preview .profile #profile_user_vitas .vita_item,
.page_profile_view .profile #profile_user_vitas .vita_item {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 40px;
  align-items: start;
  border-radius: 40px;
  margin-bottom: 20px;
  padding: 20px;
  background-color: var(--area_background);
}
.page_profile_preview .profile #profile_user_vitas .vita_item:last-of-type,
.page_profile_view .profile #profile_user_vitas .vita_item:last-of-type {
  margin-bottom: 0;
}
.page_profile_preview .profile #profile_user_vitas .vita_item .vita_item_dates,
.page_profile_view .profile #profile_user_vitas .vita_item .vita_item_dates {
  padding: 10px 20px;
  border-radius: 40px;
  background-color: var(--primary);
  font-weight: 700;
  font-size: 1rem;
}
.page_profile_preview .profile #profile_user_vitas .vita_item .vita_item_infos .vita_position,
.page_profile_view .profile #profile_user_vitas .vita_item .vita_item_infos .vita_position {
  font-size: 1.2rem;
  font-weight: 700;
}
.page_profile_preview .profile #profile_user_vitas .vita_item .vita_item_infos .vita_company,
.page_profile_view .profile #profile_user_vitas .vita_item .vita_item_infos .vita_company {
  margin-top: 6px;
  font-size: 1rem;
}
.page_profile_preview .profile #profile_user_vitas .vita_item .vita_item_infos .vita_tasks,
.page_profile_view .profile #profile_user_vitas .vita_item .vita_item_infos .vita_tasks {
  margin-top: 20px;
  font-size: 0.9rem;
}
.page_profile_preview .profile #profile_user_vitas .vita_item .vita_item_infos .vita_tasks .tasks_title,
.page_profile_view .profile #profile_user_vitas .vita_item .vita_item_infos .vita_tasks .tasks_title {
  font-weight: 700;
}
.page_profile_preview .profile #profile_user_vitas .vita_item .vita_item_infos .vita_tasks ul,
.page_profile_view .profile #profile_user_vitas .vita_item .vita_item_infos .vita_tasks ul {
  margin-top: 10px;
  margin-bottom: 0;
}
.page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item,
.page_profile_view .profile #profile_user_certificates .user_certificates .cert_item {
  padding: 10px;
  border-radius: 40px;
  background-color: var(--area_background);
  margin-bottom: 20px;
}
.page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper,
.page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper {
  display: grid;
  grid-template-columns: minmax(140px, auto) 1fr;
  grid-gap: 40px;
  align-items: center;
}
.page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_image img,
.page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_image img {
  width: 140px;
  border-radius: 16px;
  padding: 6px;
  box-sizing: border-box;
}
.page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_image img:hover,
.page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_image img:hover {
  cursor: pointer;
}
.page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder,
.page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder {
  padding: 10px;
}
.page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder .cert_placeholder,
.page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder .cert_placeholder {
  text-align: center;
}
.page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder .cert_placeholder > .material_symbols,
.page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder .cert_placeholder > .material_symbols {
  font-size: 5rem;
}
.page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_title,
.page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_title {
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_links,
.page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_links {
  display: flex;
  margin-top: 20px;
  gap: 10px;
  align-items: center;
}
.page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_links .cert_file a,
.page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_links .cert_file a {
  display: inline-flex;
}
.page_profile_preview .profile #profile_user_projects .user_projects .project_item,
.page_profile_view .profile #profile_user_projects .user_projects .project_item {
  padding: 30px;
  border-radius: 40px;
  background-color: var(--area_background);
  margin-bottom: 20px;
}
.page_profile_preview .profile #profile_user_projects .user_projects .project_item:last-of-type,
.page_profile_view .profile #profile_user_projects .user_projects .project_item:last-of-type {
  margin-bottom: 0;
}
.page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper .project_title,
.page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper .project_title {
  margin-bottom: 30px;
}
.page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper .project_title span,
.page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper .project_title span {
  font-size: 1.4rem;
}
.page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper .project_description,
.page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper .project_description {
  font-size: 1.2rem;
}
.page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper,
.page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 40px;
  align-items: start;
}
.page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image,
.page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image {
  display: inline-block;
  line-height: 0;
}
.page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image .lightbox_trigger,
.page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image .lightbox_trigger {
  display: inline-block;
  line-height: 0;
}
.page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image .lightbox_trigger img,
.page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image .lightbox_trigger img {
  border-radius: 30px;
  border: 2px solid var(--input_border_normal);
}
.page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image .lightbox_trigger img:hover,
.page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image .lightbox_trigger img:hover {
  cursor: pointer;
}
.page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_info .project_links,
.page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_info .project_links {
  margin-top: 30px;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.without_image .project_info .project_url,
  .page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.without_image .project_info .project_url {
    text-align: center;
  }
}
.page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.without_image .project_info .project_url a,
.page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.without_image .project_info .project_url a {
  margin-top: 20px;
  box-sizing: border-box;
}
.page_profile_preview .profile #profile_user_mood_wall .user_mood_wall_items,
.page_profile_view .profile #profile_user_mood_wall .user_mood_wall_items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
.page_profile_preview .profile #profile_user_mood_wall .user_mood_wall_items .mood_item,
.page_profile_view .profile #profile_user_mood_wall .user_mood_wall_items .mood_item {
  width: 100%;
  line-height: 0;
  aspect-ratio: 1/1;
}
.page_profile_preview .profile #profile_user_mood_wall .user_mood_wall_items .mood_item img,
.page_profile_view .profile #profile_user_mood_wall .user_mood_wall_items .mood_item img {
  height: auto;
  width: 100%;
  border: none;
  border-radius: 40px;
  background-color: rgba(0, 0, 0, 0.1);
}
.page_profile_preview .profile #profile_user_mood_wall .user_mood_wall_items .mood_item img:hover,
.page_profile_view .profile #profile_user_mood_wall .user_mood_wall_items .mood_item img:hover {
  cursor: pointer;
}
.page_profile_preview .profile #profile_user_visited_countries #country_label,
.page_profile_view .profile #profile_user_visited_countries #country_label {
  min-height: 22px;
  display: block;
}
.page_profile_preview .profile #profile_user_visited_countries .user_countries_map svg path[data-active=true]:hover,
.page_profile_view .profile #profile_user_visited_countries .user_countries_map svg path[data-active=true]:hover {
  fill: var(--secondary) !important;
}

.page_profile_view {
  margin-top: 60px;
}
@media (max-width: 576px) {
  .page_profile_view {
    margin-top: 30px;
  }
}
.page_profile_view .protected_info .info {
  font-size: 1.4rem;
}
.page_profile_view .protected_info .actions {
  margin-top: 20px;
  display: flex;
  gap: 20px;
}

@keyframes stat_loader_animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1200px) {
  .page_profile_preview .profile #image_name .user_meta_wrapper,
  .page_profile_view .profile #image_name .user_meta_wrapper {
    gap: 40px;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats,
  .page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats {
    grid-gap: 40px;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta.with_location,
  .page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta.with_location {
    flex-direction: column;
    align-items: start;
    gap: 40px;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats .profile_stats .stat_item,
  .page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats .profile_stats .stat_item {
    flex: auto;
  }
  #main #mood_modal .modal_content {
    width: 100%;
    max-width: 100%;
    min-width: auto;
    height: 100%;
    border-radius: 0;
    background-color: var(--bg_color);
    background-image: var(--bg_image);
  }
  #main #mood_modal .modal_content .modal_close {
    position: absolute;
    top: 20px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    margin: 0px auto;
    display: flex;
  }
  #main #mood_modal .modal_content #mood_wrapper {
    min-width: auto;
    height: 100%;
    overflow: scroll;
    margin-top: 80px;
    padding: 0 40px 40px 40px;
    box-sizing: border-box;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall .mood_image {
    height: 100%;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall .mood_image img {
    width: 100%;
    height: auto;
    border-radius: 20px;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall .mood_info {
    padding: 20px;
    box-sizing: border-box;
    height: 100%;
    background-color: transparent;
  }
}
@media (max-width: 992px) {
  .page_profile_preview .profile #image_name,
  .page_profile_view .profile #image_name {
    grid-template-columns: 1fr;
    grid-gap: 40px;
  }
  .page_profile_preview .profile #image_name .profile_image,
  .page_profile_view .profile #image_name .profile_image {
    width: 100%;
    text-align: center;
  }
  .page_profile_preview .profile #image_name .profile_image .photo_wrapper,
  .page_profile_view .profile #image_name .profile_image .photo_wrapper {
    margin: 0 auto;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper,
  .page_profile_view .profile #image_name .user_meta_wrapper {
    gap: 40px;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .profile_name h1,
  .page_profile_view .profile #image_name .user_meta_wrapper .profile_name h1 {
    text-align: center;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats,
  .page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats {
    grid-gap: 40px;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta.with_location,
  .page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta.with_location {
    flex-direction: row;
    align-items: center;
    gap: 40px;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta.no_location,
  .page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta.no_location {
    justify-content: center;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats .profile_stats .stat_item,
  .page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats .profile_stats .stat_item {
    flex: auto;
  }
  .page_profile_preview .profile .info_items .info_item,
  .page_profile_view .profile .info_items .info_item {
    grid-template-columns: minmax(260px, auto) 1fr;
  }
  .page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper,
  .page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper {
    grid-template-columns: 1fr;
  }
  .page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image .lightbox_trigger img,
  .page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image .lightbox_trigger img {
    width: auto;
    max-width: 100%;
  }
  .page_profile_preview .profile #profile_user_mood_wall .user_mood_wall_items,
  .page_profile_view .profile #profile_user_mood_wall .user_mood_wall_items {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .page_profile_preview .profile #profile_user_mood_wall .user_mood_wall_items .mood_item,
  .page_profile_view .profile #profile_user_mood_wall .user_mood_wall_items .mood_item {
    width: 100%;
  }
  .page_profile_preview .profile #profile_user_mood_wall .user_mood_wall_items .mood_item img,
  .page_profile_view .profile #profile_user_mood_wall .user_mood_wall_items .mood_item img {
    height: auto;
  }
  #main #mood_modal .modal_content {
    width: auto;
    max-width: 100%;
    min-width: 100%;
    height: 100%;
    border-radius: 0;
    padding-top: 40px;
  }
  #main #mood_modal .modal_content .modal_close {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    transform: none;
    margin: 0px auto 20px auto;
    display: flex;
  }
  #main #mood_modal .modal_content #mood_wrapper {
    min-width: auto;
    height: 100%;
    overflow: scroll;
    margin-top: 0;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall {
    display: block;
    height: auto;
    padding-bottom: 60px;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall .mood_image {
    height: auto;
    margin-bottom: 40px;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall .mood_image img {
    width: 100%;
    height: auto;
    border-radius: 20px;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall .mood_info {
    padding: 20px;
    box-sizing: border-box;
    height: auto;
    display: block;
    background-color: transparent;
  }
}
@media (max-width: 768px) {
  .page_profile_preview .profile #image_name .user_meta_wrapper .profile_name h1,
  .page_profile_view .profile #image_name .user_meta_wrapper .profile_name h1 {
    text-align: center;
    font-size: 2.8rem;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta.no_location,
  .page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta.no_location {
    justify-content: center;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item {
    padding: 20px;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper {
    grid-template-columns: 1fr;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_image,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_image {
    text-align: center;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_image img,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_image img {
    width: 200px;
    border-radius: 20px;
    padding: 20px;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_info .cert_title,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_info .cert_title {
    text-align: center;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_info .cert_description,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_info .cert_description {
    text-align: center;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_info .cert_links,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_info .cert_links {
    justify-content: center;
  }
  .page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image,
  .page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image {
    text-align: center;
  }
  .page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_info,
  .page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_info {
    text-align: center;
  }
  .page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_info .project_links,
  .page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_info .project_links {
    justify-content: center;
  }
  .page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper .project_title,
  .page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper .project_title {
    text-align: center;
  }
  .page_profile_preview .profile #profile_user_mood_wall .user_mood_wall_items,
  .page_profile_view .profile #profile_user_mood_wall .user_mood_wall_items {
    grid-template-columns: 1fr 1fr;
  }
  .page_profile_preview .profile #profile_user_mood_wall .user_mood_wall_items .mood_item,
  .page_profile_view .profile #profile_user_mood_wall .user_mood_wall_items .mood_item {
    width: 100%;
  }
  .page_profile_preview .profile #profile_user_mood_wall .user_mood_wall_items .mood_item img,
  .page_profile_view .profile #profile_user_mood_wall .user_mood_wall_items .mood_item img {
    height: auto;
  }
  #main #mood_modal .modal_content {
    width: auto;
    max-width: 100%;
    min-width: 100%;
    height: 100%;
    border-radius: 0;
    padding-top: 40px;
  }
  #main #mood_modal .modal_content .modal_close {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    transform: none;
    margin: 0px auto 20px auto;
    display: flex;
  }
  #main #mood_modal .modal_content #mood_wrapper {
    min-width: auto;
    height: 100%;
    overflow: scroll;
    margin-top: 0;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall {
    display: block;
    height: auto;
    padding-bottom: 60px;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall .mood_image {
    height: auto;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall .mood_image img {
    width: 100%;
    height: auto;
    border-radius: 20px;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall .mood_info {
    padding: 20px;
    box-sizing: border-box;
    display: block;
    height: auto;
    background-color: transparent;
  }
}
@media (max-width: 576px) {
  .page_profile_preview .profile,
  .page_profile_view .profile {
    padding: 20px;
  }
  .page_profile_preview .profile .profile_view_section .view_section_title h3,
  .page_profile_view .profile .profile_view_section .view_section_title h3 {
    text-align: center;
  }
  .page_profile_preview .profile .profile_view_section .view_section_content .data_items,
  .page_profile_view .profile .profile_view_section .view_section_content .data_items {
    gap: 10px;
  }
  .page_profile_preview .profile .profile_view_section .view_section_content .data_items .data_item,
  .page_profile_view .profile .profile_view_section .view_section_content .data_items .data_item {
    width: 100%;
    border-radius: 20px;
  }
  .page_profile_preview .profile .profile_view_section .view_section_content .data_items .data_item.with_icon,
  .page_profile_view .profile .profile_view_section .view_section_content .data_items .data_item.with_icon {
    grid-template-columns: 1fr;
    border-radius: 20px;
    padding: 30px;
    text-align: left;
  }
  .page_profile_preview .profile .profile_view_section .view_section_content .data_items .data_item.with_icon .material_symbols,
  .page_profile_view .profile .profile_view_section .view_section_content .data_items .data_item.with_icon .material_symbols {
    font-size: 2.4rem;
    color: var(--secondary_transluent);
  }
  .page_profile_preview .profile #image_name,
  .page_profile_view .profile #image_name {
    display: block;
  }
  .page_profile_preview .profile #image_name .profile_image,
  .page_profile_view .profile #image_name .profile_image {
    width: 100%;
  }
  .page_profile_preview .profile #image_name .profile_image .photo_wrapper.placeholder svg,
  .page_profile_view .profile #image_name .profile_image .photo_wrapper.placeholder svg {
    width: 100%;
  }
  .page_profile_preview .profile #image_name .profile_image .photo_wrapper.profile_photo,
  .page_profile_view .profile #image_name .profile_image .photo_wrapper.profile_photo {
    width: 100%;
    height: auto;
  }
  .page_profile_preview .profile #image_name .profile_image .photo_wrapper.profile_photo img,
  .page_profile_view .profile #image_name .profile_image .photo_wrapper.profile_photo img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper,
  .page_profile_view .profile #image_name .user_meta_wrapper {
    margin-top: 40px;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .profile_name h1,
  .page_profile_view .profile #image_name .user_meta_wrapper .profile_name h1 {
    font-size: 2.2rem;
    text-align: center;
    word-break: break-word;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .profile_name .user_title,
  .page_profile_view .profile #image_name .user_meta_wrapper .profile_name .user_title {
    text-align: center;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .profile_name span,
  .page_profile_view .profile #image_name .user_meta_wrapper .profile_name span {
    font-size: 1.3rem;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats,
  .page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats {
    gap: 20px;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta.with_location,
  .page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta.with_location {
    flex-direction: column;
    gap: 20px;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta .user_location_info,
  .page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta .user_location_info {
    text-align: center;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta .user_country,
  .page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta .user_country {
    width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
    justify-content: center;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta .profile_actions,
  .page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta .profile_actions {
    margin: 20px 0;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta .profile_actions button,
  .page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta .profile_actions button {
    padding: 14px;
  }
  .page_profile_preview .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta .profile_actions button span,
  .page_profile_view .profile #image_name .user_meta_wrapper .country_n_stats .profile_meta .profile_actions button span {
    font-size: 1.6rem;
  }
  .page_profile_preview .profile .profile_stats,
  .page_profile_view .profile .profile_stats {
    display: grid;
    grid-template-columns: 1fr;
  }
  .page_profile_preview .profile .profile_stats .stat_item,
  .page_profile_view .profile .profile_stats .stat_item {
    width: 100%;
    box-sizing: border-box;
  }
  .page_profile_preview .profile #profile_job_infos .info_item,
  .page_profile_preview .profile #profile_short_infos .info_item,
  .page_profile_view .profile #profile_job_infos .info_item,
  .page_profile_view .profile #profile_short_infos .info_item {
    grid-template-columns: 1fr;
    text-align: center;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 20px;
    box-sizing: border-box;
    background-color: var(--area_background);
  }
  .page_profile_preview .profile #profile_job_infos .info_item:last-of-type,
  .page_profile_preview .profile #profile_short_infos .info_item:last-of-type,
  .page_profile_view .profile #profile_job_infos .info_item:last-of-type,
  .page_profile_view .profile #profile_short_infos .info_item:last-of-type {
    margin-bottom: 0;
  }
  .page_profile_preview .profile #profile_user_languages .user_languages,
  .page_profile_view .profile #profile_user_languages .user_languages {
    justify-content: center;
  }
  .page_profile_preview .profile #profile_user_contacts,
  .page_profile_view .profile #profile_user_contacts {
    gap: 0;
  }
  .page_profile_preview .profile #profile_user_contacts .contact_item,
  .page_profile_view .profile #profile_user_contacts .contact_item {
    display: block;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 20px;
    background-color: var(--area_background);
    text-align: center;
  }
  .page_profile_preview .profile #profile_user_contacts .contact_item:last-of-type,
  .page_profile_view .profile #profile_user_contacts .contact_item:last-of-type {
    margin-bottom: 0;
  }
  .page_profile_preview .profile #profile_user_contacts .contact_item .title,
  .page_profile_view .profile #profile_user_contacts .contact_item .title {
    display: block;
    margin-bottom: 10px;
  }
  .page_profile_preview .profile #profile_user_social_links,
  .page_profile_view .profile #profile_user_social_links {
    gap: 0;
  }
  .page_profile_preview .profile #profile_user_social_links .social_link,
  .page_profile_view .profile #profile_user_social_links .social_link {
    display: block;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 20px;
    background-color: var(--area_background);
    text-align: center;
    box-sizing: border-box;
  }
  .page_profile_preview .profile #profile_user_social_links .social_link:last-of-type,
  .page_profile_view .profile #profile_user_social_links .social_link:last-of-type {
    margin-bottom: 0;
  }
  .page_profile_preview .profile #profile_user_social_links .social_link .title,
  .page_profile_view .profile #profile_user_social_links .social_link .title {
    display: block;
    margin-bottom: 10px;
  }
  .page_profile_preview .profile #profile_user_social_links .social_link .value a,
  .page_profile_view .profile #profile_user_social_links .social_link .value a {
    word-break: break-all;
  }
  .page_profile_preview .profile #profile_user_educations .education_item,
  .page_profile_view .profile #profile_user_educations .education_item {
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin-bottom: 10px;
    border-radius: 20px;
  }
  .page_profile_preview .profile #profile_user_educations .education_item .education_item_dates,
  .page_profile_view .profile #profile_user_educations .education_item .education_item_dates {
    border-radius: 10px;
  }
  .page_profile_preview .profile #profile_user_educations .education_item .education_item_info,
  .page_profile_view .profile #profile_user_educations .education_item .education_item_info {
    padding: 0 20px;
  }
  .page_profile_preview .profile #profile_user_vitas .vita_item,
  .page_profile_view .profile #profile_user_vitas .vita_item {
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin-bottom: 10px;
    border-radius: 20px;
  }
  .page_profile_preview .profile #profile_user_vitas .vita_item .vita_item_dates,
  .page_profile_view .profile #profile_user_vitas .vita_item .vita_item_dates {
    border-radius: 10px;
  }
  .page_profile_preview .profile #profile_user_vitas .vita_item .vita_item_infos,
  .page_profile_view .profile #profile_user_vitas .vita_item .vita_item_infos {
    padding: 0 20px;
  }
  .page_profile_preview .profile #profile_user_vitas .vita_item .vita_item_infos .vita_tasks ul,
  .page_profile_view .profile #profile_user_vitas .vita_item .vita_item_infos .vita_tasks ul {
    padding-left: 15px;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item {
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 20px;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image, .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder {
    grid-template-columns: 1fr;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_image, .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder .cert_image,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_image,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder .cert_image {
    text-align: center;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_image .lightbox_trigger, .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder .cert_image .lightbox_trigger,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_image .lightbox_trigger,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder .cert_image .lightbox_trigger {
    display: inline-block;
    line-height: 0;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_image .lightbox_trigger img, .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder .cert_image .lightbox_trigger img,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_image .lightbox_trigger img,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder .cert_image .lightbox_trigger img {
    width: auto;
    max-width: 100%;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 20px;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_placeholder .material_symbols, .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder .cert_placeholder .material_symbols,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_image .cert_placeholder .material_symbols,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper.with_placeholder .cert_placeholder .material_symbols {
    font-size: 6.4rem;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_info .cert_title,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_info .cert_title {
    text-align: center;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_info .cert_description,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_info .cert_description {
    text-align: center;
  }
  .page_profile_preview .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_info .cert_links,
  .page_profile_view .profile #profile_user_certificates .user_certificates .cert_item .cert_wrapper .cert_info .cert_links {
    flex-direction: column;
  }
  .page_profile_preview .profile #profile_user_projects .user_projects .project_item,
  .page_profile_view .profile #profile_user_projects .user_projects .project_item {
    border-radius: 20px;
    padding: 20px;
  }
  .page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper .project_title,
  .page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper .project_title {
    text-align: center;
  }
  .page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper,
  .page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper {
    grid-template-columns: 1fr;
  }
  .page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image .lightbox_trigger,
  .page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image .lightbox_trigger {
    width: 100%;
  }
  .page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image .lightbox_trigger img,
  .page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_image .lightbox_trigger img {
    width: 100%;
    border-radius: 20px;
    border: 0;
  }
  .page_profile_preview .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_info .project_links,
  .page_profile_view .profile #profile_user_projects .user_projects .project_item .project_item_wrapper.with_image .grid_wrapper .project_info .project_links {
    flex-direction: column;
  }
  .page_profile_preview .profile #profile_user_offers .user_offers .data_item.with_icon_left,
  .page_profile_view .profile #profile_user_offers .user_offers .data_item.with_icon_left {
    grid-template-columns: 1fr;
    padding: 30px;
    border-radius: 20px;
  }
  .page_profile_preview .profile #profile_user_offers .user_offers .data_item span,
  .page_profile_view .profile #profile_user_offers .user_offers .data_item span {
    display: block;
  }
  .page_profile_preview .profile #profile_user_offers .user_offers .data_item span.material_symbols,
  .page_profile_view .profile #profile_user_offers .user_offers .data_item span.material_symbols {
    display: inline-block;
    font-size: 2.4rem;
    margin-bottom: 10px;
    color: var(--secondary_transluent);
  }
  .page_profile_preview .profile #profile_user_seekings .user_seekings .data_item.with_icon_left,
  .page_profile_view .profile #profile_user_seekings .user_seekings .data_item.with_icon_left {
    grid-template-columns: 1fr;
    padding: 30px;
    border-radius: 20px;
  }
  .page_profile_preview .profile #profile_user_seekings .user_seekings .data_item span,
  .page_profile_view .profile #profile_user_seekings .user_seekings .data_item span {
    display: block;
  }
  .page_profile_preview .profile #profile_user_seekings .user_seekings .data_item span.material_symbols,
  .page_profile_view .profile #profile_user_seekings .user_seekings .data_item span.material_symbols {
    display: inline-block;
    font-size: 2.4rem;
    margin-bottom: 10px;
    color: var(--secondary_transluent);
  }
  .page_profile_preview .profile #profile_user_mood_wall .user_mood_wall_items,
  .page_profile_view .profile #profile_user_mood_wall .user_mood_wall_items {
    grid-template-columns: 1fr;
  }
  .page_profile_preview .profile #profile_user_mood_wall .user_mood_wall_items .mood_item,
  .page_profile_view .profile #profile_user_mood_wall .user_mood_wall_items .mood_item {
    width: 100%;
  }
  .page_profile_preview .profile #profile_user_mood_wall .user_mood_wall_items .mood_item img,
  .page_profile_view .profile #profile_user_mood_wall .user_mood_wall_items .mood_item img {
    height: auto;
    border: none;
    box-sizing: border-box;
    border-radius: 20px;
  }
  #main #mood_modal .modal_content {
    width: auto;
    max-width: 100%;
    min-width: 100%;
    height: inherit;
    border-radius: 0;
    padding-top: 40px;
  }
  #main #mood_modal .modal_content .modal_close {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    transform: none;
    margin: 0px auto 20px auto;
    display: flex;
  }
  #main #mood_modal .modal_content #mood_wrapper {
    min-width: auto;
    height: inherit;
    overflow: scroll;
    margin-top: 0;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall {
    display: block;
    height: auto;
    padding-bottom: 60px;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall .mood_image {
    height: auto;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall .mood_image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    border-radius: 20px;
  }
  #main #mood_modal .modal_content #mood_wrapper #user_mood_wall .mood_info {
    padding: 20px;
    box-sizing: border-box;
    height: 100%;
    min-height: 600px;
    background-color: transparent;
  }
}
.page_profile_edit .profile {
  padding: 40px;
  box-sizing: border-box;
  border-radius: 40px;
  background-color: var(--bg_transluent);
  box-shadow: var(--box_shadow);
}
.page_profile_edit .profile .profile_edit_section {
  margin-bottom: 40px;
}
.page_profile_edit .profile .profile_edit_section:last-of-type {
  margin-bottom: 0;
}
.page_profile_edit .profile .profile_edit_section_splitter hr {
  margin: 40px 0;
  border-top: 2px solid var(--input_border_normal);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.page_profile_edit .profile #image_name {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 100px;
  align-items: start;
}
.page_profile_edit .profile #image_name .profile_image {
  width: 400px;
}
.page_profile_edit .profile #image_name .profile_image .photo_wrapper {
  display: inline-block;
  padding: 10px;
  border-radius: 40px;
  background-color: var(--area_background);
  border: 2px dashed var(--input_border_normal);
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  line-height: 0;
}
.page_profile_edit .profile #image_name .profile_image .photo_wrapper:hover {
  border: 2px dashed var(--orange);
}
.page_profile_edit .profile #image_name .profile_image .photo_wrapper.has_errors {
  border: 2px dashed var(--red);
}
.page_profile_edit .profile #image_name .profile_image .photo_wrapper.placeholder svg.placeholder {
  display: none;
  width: 100%;
  border-radius: 40px;
}
.page_profile_edit .profile #image_name .profile_image .photo_wrapper.placeholder svg.placeholder.show {
  display: block;
}
.page_profile_edit .profile #image_name .profile_image .photo_wrapper.profile_photo {
  width: 400px;
  height: 400px;
}
.page_profile_edit .profile #image_name .profile_image .photo_wrapper.profile_photo img {
  width: 100%;
  border-radius: 30px;
}
.page_profile_edit .profile #image_name .profile_image .photo_wrapper.profile_photo img.hdn {
  display: none;
}
.page_profile_edit .profile #image_name .profile_image .photo_wrapper .profile_photo_preview {
  display: none;
  width: 100%;
  border-radius: 30px;
}
.page_profile_edit .profile #image_name .profile_image .photo_wrapper .profile_photo_preview.show {
  display: block;
}
.page_profile_edit .profile #image_name .profile_image .photo_wrapper #error_wrapper {
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 30px;
  background-color: var(--primary_half);
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.page_profile_edit .profile #image_name .profile_image .photo_wrapper #error_wrapper span {
  width: 80%;
  display: block;
  line-height: 1.5;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--red);
  background-color: var(--primary_half);
  padding: 20px 10px;
  border-radius: 40px;
}
.page_profile_edit .profile #image_name .profile_image .profile_photo_form_wrapper #profile_photo_form {
  padding: 20px;
  margin-top: 20px;
  border: 2px dashed var(--input_border_normal);
  border-radius: 40px;
}
.page_profile_edit .profile #image_name .profile_image .profile_photo_form_wrapper #profile_photo_form .file_input label {
  width: 100%;
  box-sizing: border-box;
}
.page_profile_edit .profile #image_name .profile_image .profile_photo_form_wrapper #profile_photo_form .file_input label.hdn {
  display: none;
}
.page_profile_edit .profile #image_name .profile_image .profile_photo_form_wrapper #profile_photo_form .file_input input {
  border: 0;
  display: none;
}
.page_profile_edit .profile #image_name .profile_image .profile_photo_form_wrapper #profile_photo_form .file_input #selected_photo {
  display: none;
}
.page_profile_edit .profile #image_name .profile_image .profile_photo_form_wrapper #profile_photo_form .file_input #selected_photo.show {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  align-items: center;
}
.page_profile_edit .profile #image_name .profile_image .profile_photo_form_wrapper #profile_photo_form .file_input #selected_photo.show .photo_actions {
  display: flex;
  gap: 10px;
  align-items: center;
}
.page_profile_edit .profile #image_name .profile_image .profile_photo_form_wrapper #profile_photo_form .file_input.hdn {
  display: none;
}
.page_profile_edit .profile #image_name .profile_image .profile_photo_form_wrapper #profile_photo_form #upload_loader {
  display: none;
  margin-top: 10px;
  margin-bottom: 30px;
  position: relative;
  height: 12px;
  width: 100%;
  border: 2px solid var(--secondary);
  border-radius: 10px;
  overflow: hidden;
}
.page_profile_edit .profile #image_name .profile_image .profile_photo_form_wrapper #profile_photo_form #upload_loader::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 100%;
  background-color: var(--orange);
  top: 0;
  left: 0;
  box-sizing: border-box;
  animation: upload_loader_animation 1.4s linear infinite;
}
.page_profile_edit .profile #image_name .profile_image .profile_photo_form_wrapper #profile_photo_form #upload_loader.show {
  display: block;
}
.page_profile_edit .profile #image_name .profile_image .profile_photo_form_wrapper #profile_photo_form .actions {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}
.page_profile_edit .profile #image_name .profile_image .profile_photo_form_wrapper #profile_photo_form .actions button.hdn {
  display: none;
}
.page_profile_edit .profile #element_user_contacts .user_contacts .contact_item {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 200px 1fr;
  align-items: center;
  font-size: 1.2rem;
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_contacts .user_contacts .contact_item {
    display: block;
    margin-bottom: 20px;
  }
  .page_profile_edit .profile #element_user_contacts .user_contacts .contact_item:last-of-type {
    margin-bottom: 0;
  }
}
.page_profile_edit .profile #element_user_contacts .user_contacts .contact_item:last-of-type {
  margin-bottom: 0;
}
.page_profile_edit .profile #element_user_contacts .user_contacts .contact_item .title {
  font-weight: 700;
}
.page_profile_edit .profile #element_user_educations .educations_list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  align-items: center;
}
.page_profile_edit .profile #element_user_educations .educations_list .education_item {
  padding: 20px;
  border-radius: 20px;
  border: 2px dashed var(--input_border_normal);
  background-color: transparent;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 40px;
  align-items: start;
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_educations .educations_list .education_item {
    grid-template-columns: 1fr;
  }
}
.page_profile_edit .profile #element_user_educations .educations_list .education_item:hover {
  cursor: pointer;
  border: 2px dashed var(--secondary);
}
.page_profile_edit .profile #element_user_educations .educations_list .education_item .date_range {
  display: inline-block;
  font-weight: 700;
}
.page_profile_edit .profile #element_user_educations .educations_list .education_item .education_info {
  margin-top: 10px;
}
.page_profile_edit .profile #element_user_educations .educations_list .education_item .education_info .qualification {
  display: block;
  font-size: 1.4rem;
}
.page_profile_edit .profile #element_user_educations .educations_list .education_item .education_actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_educations .educations_list .education_item .education_actions {
    flex-direction: row;
    justify-content: space-between;
  }
}
.page_profile_edit .profile #element_user_vitas .vitas_list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  align-items: center;
}
.page_profile_edit .profile #element_user_vitas .vitas_list .vita_item {
  padding: 20px;
  border-radius: 20px;
  border: 2px dashed var(--input_border_normal);
  background-color: transparent;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 40px;
  align-items: start;
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_vitas .vitas_list .vita_item {
    grid-template-columns: 1fr;
  }
}
.page_profile_edit .profile #element_user_vitas .vitas_list .vita_item:hover {
  cursor: pointer;
  border: 2px dashed var(--secondary);
}
.page_profile_edit .profile #element_user_vitas .vitas_list .vita_item .date_range {
  display: inline-block;
  font-weight: 700;
}
.page_profile_edit .profile #element_user_vitas .vitas_list .vita_item .vita_info {
  margin-top: 10px;
}
.page_profile_edit .profile #element_user_vitas .vitas_list .vita_item .vita_info .vita_position span {
  display: block;
  font-size: 1.4rem;
}
.page_profile_edit .profile #element_user_vitas .vitas_list .vita_item .vita_tasks {
  margin-top: 20px;
}
.page_profile_edit .profile #element_user_vitas .vitas_list .vita_item .vita_tasks .tasks_title {
  font-weight: 700;
}
.page_profile_edit .profile #element_user_vitas .vitas_list .vita_item .vita_actions {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_vitas .vitas_list .vita_item .vita_actions {
    flex-direction: row;
    justify-content: space-between;
  }
}
.page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item {
  padding: 10px;
  border-radius: 20px;
  background-color: var(--area_background);
  margin-bottom: 20px;
  border: 2px dashed var(--input_border_normal);
}
.page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item:hover {
  border: 2px dashed var(--orange);
}
.page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item:last-of-type {
  margin-bottom: 0;
}
.page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper {
  display: grid;
  grid-template-columns: minmax(140px, auto) 1fr auto;
  grid-gap: 20px;
  align-items: center;
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper {
    grid-template-columns: 1fr;
  }
}
.page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_image {
  width: 140px;
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_image {
    width: 100%;
  }
}
.page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_image img {
  width: 140px;
  border-radius: 20px;
  padding: 6px;
  box-sizing: border-box;
  border: 2px solid var(--input_border_normal);
}
.page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_image img:hover {
  cursor: pointer;
  border: 2px solid var(--secondary);
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_image img {
    width: 100%;
    border: 0;
  }
}
.page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_image_placeholder {
  text-align: center;
}
.page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_image_placeholder .material_symbols {
  font-size: 5rem;
}
.page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper.without_files {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
  align-items: start;
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_info {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_info .cert_title {
  font-size: 1.6rem;
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_info .cert_title {
    text-align: center;
  }
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_info .cert_description {
    text-align: center;
  }
}
.page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_info .cert_links {
  display: flex;
  margin-top: 20px;
  gap: 10px;
  align-items: center;
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_info .cert_links {
    flex-direction: column;
  }
}
.page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_info .cert_links .cert_file a {
  display: inline-flex;
}
.page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_actions {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_certificates .certificates_list .certificate_item .cert_wrapper .cert_actions {
    flex-direction: row;
    justify-content: space-between;
  }
}
.page_profile_edit .profile #element_user_projects .project_item {
  padding: 20px;
  border-radius: 20px;
  border: 2px dashed var(--input_border_normal);
  background-color: var(--area_background);
  margin-bottom: 20px;
}
.page_profile_edit .profile #element_user_projects .project_item:last-of-type {
  margin-bottom: 0;
}
.page_profile_edit .profile #element_user_projects .project_item:hover {
  border: 2px dashed var(--orange);
}
.page_profile_edit .profile #element_user_projects .project_item .project_wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 40px;
  align-items: start;
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_projects .project_item .project_wrapper {
    grid-template-columns: 1fr;
  }
}
.page_profile_edit .profile #element_user_projects .project_item .project_wrapper .project_data .project_info .project_title {
  margin-bottom: 10px;
}
.page_profile_edit .profile #element_user_projects .project_item .project_wrapper .project_data .project_info .project_title span {
  font-weight: 700;
  font-size: 1.4rem;
}
.page_profile_edit .profile #element_user_projects .project_item .project_wrapper .project_data .project_info .project_description {
  margin-bottom: 10px;
}
.page_profile_edit .profile #element_user_projects .project_item .project_wrapper .project_data .project_info .project_links {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 20px;
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_projects .project_item .project_wrapper .project_data .project_info .project_links {
    flex-direction: column;
  }
  .page_profile_edit .profile #element_user_projects .project_item .project_wrapper .project_data .project_info .project_links .project_url,
  .page_profile_edit .profile #element_user_projects .project_item .project_wrapper .project_data .project_info .project_links .project_file {
    width: 100%;
  }
  .page_profile_edit .profile #element_user_projects .project_item .project_wrapper .project_data .project_info .project_links .project_url a,
  .page_profile_edit .profile #element_user_projects .project_item .project_wrapper .project_data .project_info .project_links .project_file a {
    width: 100%;
    box-sizing: border-box;
  }
}
.page_profile_edit .profile #element_user_projects .project_item .project_wrapper .project_actions {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_projects .project_item .project_wrapper .project_actions {
    flex-direction: row;
    justify-content: space-between;
  }
}
.page_profile_edit .profile #element_user_projects .project_item .project_image_wrapper {
  display: inline-flex;
  align-items: stretch;
  gap: 10px;
  margin-top: 20px;
}
.page_profile_edit .profile #element_user_projects .project_item .project_image_wrapper .project_image img {
  border-radius: 20px;
  padding: 6px;
  border: 2px solid var(--input_border_normal);
}
.page_profile_edit .profile #element_user_projects .project_item .project_image_wrapper .project_image img:hover {
  border: 2px solid var(--secondary);
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_projects .project_item .project_image_wrapper .project_image img {
    width: 100%;
    box-sizing: border-box;
  }
}
.page_profile_edit .profile #element_user_projects .project_item .project_image_wrapper .project_image_mobile img {
  width: 104px;
  border-radius: 20px;
  padding: 6px;
  border: 2px solid var(--input_border_normal);
}
.page_profile_edit .profile #element_user_projects .project_item .project_image_wrapper .project_image_mobile img:hover {
  border: 2px solid var(--secondary);
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_projects .project_item .project_image_wrapper .project_image_mobile img {
    width: 100%;
    box-sizing: border-box;
  }
}
.page_profile_edit .profile #element_user_mood_wall .mood_wall_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_mood_wall .mood_wall_grid {
    grid-template-columns: 1fr 1fr;
  }
}
.page_profile_edit .profile #element_user_mood_wall .mood_wall_grid .mood_cell {
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
}
.page_profile_edit .profile #element_user_mood_wall .mood_wall_grid .mood_cell.active {
  border: 2px solid var(--input_border_normal);
}
.page_profile_edit .profile #element_user_mood_wall .mood_wall_grid .mood_cell.active:hover {
  cursor: pointer;
  border: 2px solid var(--orange);
}
.page_profile_edit .profile #element_user_mood_wall .mood_wall_grid .mood_cell.active:hover .plus_symbol .material_symbols {
  color: var(--orange);
}
.page_profile_edit .profile #element_user_mood_wall .mood_wall_grid .mood_cell.active .plus_symbol .material_symbols {
  font-size: 4rem;
  color: var(--secondary);
}
.page_profile_edit .profile #element_user_mood_wall .mood_wall_grid .mood_cell.filled .mood_cell_inner {
  position: relative;
  height: 100%;
  width: 100%;
}
.page_profile_edit .profile #element_user_mood_wall .mood_wall_grid .mood_cell.filled .mood_cell_inner img {
  width: 100%;
  border-radius: 40px;
  border: 2px solid var(--input_border_normal);
}
.page_profile_edit .profile #element_user_mood_wall .mood_wall_grid .mood_cell.filled .mood_cell_inner img:hover {
  cursor: pointer;
  filter: brightness(1.2);
}
@media (max-width: 576px) {
  .page_profile_edit .profile #element_user_mood_wall .mood_wall_grid .mood_cell.filled .mood_cell_inner .mood_overlay {
    display: none;
  }
}
.page_profile_edit .profile #element_user_mood_wall .mood_wall_grid .mood_cell.filled .mood_cell_inner .mood_overlay .mood_title {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px;
  width: 70%;
  text-align: center;
  background-color: var(--primary);
  border-radius: 40px;
}
.page_profile_edit .profile #element_user_mood_wall .mood_wall_grid .mood_cell.disabled {
  border: 2px dashed var(--input_border_normal);
}
.page_profile_edit .profile_view_element {
  margin-bottom: 40px;
}
.page_profile_edit .profile_view_element:last-of-type {
  margin-bottom: 0;
}
.page_profile_edit .profile_view_element .element_title_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
}
.page_profile_edit .profile_view_element .element_title_wrapper .element_title {
  margin-bottom: 0;
  padding-left: 0;
}
.page_profile_edit .profile_view_element .element_title_wrapper .element_title .element_sub_title {
  font-weight: 400;
  display: block;
}
.page_profile_edit .profile_view_element .element_title_wrapper .element_title_actions {
  display: flex;
  gap: 10px;
  align-items: center;
}
.page_profile_edit .profile_view_element .element_title {
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
  padding-left: 20px;
  font-size: 1.2rem;
}
.page_profile_edit .profile_view_element .element_title .element_sub_title {
  display: block;
  font-weight: 400;
  font-size: 1rem;
}
.page_profile_edit .profile_view_element .element_content {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
  align-items: center;
}
.page_profile_edit .profile_view_element .element_content.only_data {
  display: block;
  margin-top: 20px;
}
.page_profile_edit .profile_view_element .element_content.only_data .data_wrapper.single_items:hover {
  cursor: unset;
  border: 2px dashed var(--input_border_normal);
}
.page_profile_edit .profile_view_element .element_content.only_data .data_wrapper.single_items .data_item:hover {
  cursor: unset;
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper {
  padding: 20px;
  border-radius: 40px;
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper.no_value {
  border: 2px dashed var(--input_border_normal);
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper.no_value .no_value_hint {
  font-size: 1.2rem;
  color: var(--input_border_normal);
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper.with_value {
  padding: 20px;
  border: 2px dashed var(--input_border_normal);
  border-radius: 40px;
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper.with_value .data_value {
  font-size: 1.2rem;
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper.single_items {
  padding: 0;
  border: 0;
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper.single_items:hover {
  border: 0;
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper.data_items {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper.data_items .data_item {
  font-size: 1.2rem;
  padding: 10px 20px;
  border-radius: 80px;
  background-color: var(--area_background);
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper.data_items .data_item.with_icon {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 20px;
  align-items: center;
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper.data_items .data_item.with_icon_left {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  align-items: center;
}
@media (max-width: 576px) {
  .page_profile_edit .profile_view_element .element_content .element_data .data_wrapper .title_value_items {
    word-break: break-word;
  }
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper .title_value_items .title_value_item {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 200px 1fr;
  align-items: center;
  font-size: 1.2rem;
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .page_profile_edit .profile_view_element .element_content .element_data .data_wrapper .title_value_items .title_value_item {
    display: block;
    margin-bottom: 20px;
  }
  .page_profile_edit .profile_view_element .element_content .element_data .data_wrapper .title_value_items .title_value_item .title {
    display: block;
  }
  .page_profile_edit .profile_view_element .element_content .element_data .data_wrapper .title_value_items .title_value_item .value {
    word-wrap: break-word;
  }
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper .title_value_items .title_value_item:last-of-type {
  margin-bottom: 0;
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper .title_value_items .title_value_item .title {
  font-weight: 700;
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper:hover {
  cursor: pointer;
  border: 2px dashed var(--secondary);
}
.page_profile_edit .profile_view_element .element_content .element_data .data_wrapper:hover .no_value_hint {
  color: var(--secondary);
}
@media (max-width: 992px) {
  .page_profile_edit .profile #image_name {
    grid-template-columns: 1fr;
    grid-gap: 60px;
  }
  .page_profile_edit .profile #image_name .left_section .profile_image {
    margin: 0 auto;
  }
  .page_profile_edit .profile #element_user_mood_wall .mood_wall_grid .mood_cell .mood_cell_inner .mood_title {
    display: none;
  }
}
@media (max-width: 576px) {
  .page_profile_edit .page_title.with_actions {
    grid-template-columns: 1fr;
  }
  .page_profile_edit .page_title.with_actions .actions_wrapper {
    flex-direction: column;
  }
  .page_profile_edit .page_title.with_actions .actions_wrapper a {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--area_background);
    padding: 12px 18px;
    font-size: 1.1rem;
  }
  .page_profile_edit .page_title.with_actions .actions_wrapper a.icon_left {
    text-align: right;
  }
  .page_profile_edit .profile_edit {
    padding: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent;
  }
  .page_profile_edit .profile_edit #image_name {
    display: block;
  }
  .page_profile_edit .profile_edit #image_name .profile_image {
    width: 100%;
    margin-bottom: 40px;
  }
  .page_profile_edit .profile_edit #image_name .profile_image .photo_wrapper.profile_photo {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
  }
  .page_profile_edit .profile_edit #image_name .profile_image .profile_photo_form_wrapper #profile_photo_form {
    border: 0;
    background-color: var(--primary);
    box-shadow: var(--box_shadow);
  }
  .page_profile_edit .profile_edit #image_name .profile_image .profile_photo_form_wrapper #profile_photo_form .actions {
    grid-template-columns: 1fr;
  }
  .page_profile_edit .profile_edit #image_name .left_section {
    margin-bottom: 40px;
  }
  .page_profile_edit .profile_edit #image_name .right_section .profile_view_element {
    padding: 20px;
    border-radius: 40px;
    border: none;
    box-shadow: var(--box_shadow);
    background-color: var(--primary_half);
  }
  .page_profile_edit .profile_edit #image_name .right_section .profile_view_element .element_title {
    padding: 0;
    text-align: center;
  }
  .page_profile_edit .profile_edit #image_name .right_section .profile_view_element .element_content {
    margin-top: 20px;
    grid-template-columns: 1fr;
  }
  .page_profile_edit .profile_edit #image_name .right_section .profile_view_element .element_content .element_data {
    order: 2;
  }
  .page_profile_edit .profile_edit #image_name .right_section .profile_view_element .element_content .element_actions {
    order: 1;
    display: flex;
    justify-content: center;
  }
  .page_profile_edit .profile_edit .profile_edit_section .profile_view_element {
    padding: 20px;
    border-radius: 40px;
    border: none;
    box-shadow: var(--box_shadow);
    background-color: var(--primary_half);
  }
  .page_profile_edit .profile_edit .profile_edit_section .profile_view_element .element_title_wrapper {
    flex-direction: column;
    gap: 20px;
  }
  .page_profile_edit .profile_edit .profile_edit_section .profile_view_element .element_title {
    padding: 0;
    text-align: center;
  }
  .page_profile_edit .profile_edit .profile_edit_section .profile_view_element .element_title .element_sub_title {
    margin-top: 20px;
  }
  .page_profile_edit .profile_edit .profile_edit_section .profile_view_element .element_content {
    margin-top: 20px;
    grid-template-columns: 1fr;
  }
  .page_profile_edit .profile_edit .profile_edit_section .profile_view_element .element_content .element_data {
    order: 2;
  }
  .page_profile_edit .profile_edit .profile_edit_section .profile_view_element .element_content .element_data .data_wrapper.data_items .data_item {
    width: 100%;
    border-radius: 40px;
  }
  .page_profile_edit .profile_edit .profile_edit_section .profile_view_element .element_content .element_actions {
    order: 1;
    display: flex;
    justify-content: center;
  }
}

.element_edit_modal .form_desc {
  padding: 10px 20px;
  margin-bottom: 20px;
  border-radius: 40px;
  background-color: var(--area_background);
}
.element_edit_modal .form_desc span {
  font-size: 0.8rem;
}

#modal_confirmation #modal_confirmation_body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  align-items: center;
}
#modal_confirmation #modal_confirmation_body.hdn {
  display: none;
}
@media (max-width: 576px) {
  #modal_confirmation #modal_confirmation_body {
    grid-template-columns: 1fr;
  }
}
#modal_confirmation #modal_loader {
  display: none;
  margin-top: 30px;
  margin-bottom: 20px;
  position: relative;
  height: 12px;
  width: 100%;
  border: 2px solid var(--secondary);
  border-radius: 10px;
  overflow: hidden;
}
#modal_confirmation #modal_loader::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 100%;
  background-color: var(--orange);
  top: 0;
  left: 0;
  box-sizing: border-box;
  animation: upload_loader_animation 1.4s linear infinite;
}
#modal_confirmation #modal_loader.show {
  display: block;
}

#offcanvas_edit_element .offcanvas_header {
  margin-bottom: 20px;
}
#offcanvas_edit_element #offcanvas_error_block {
  padding: 20px;
  margin-bottom: 30px;
  background-color: var(--area_background);
  color: var(--red);
  display: none;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  align-items: center;
  box-sizing: border-box;
}
#offcanvas_edit_element #offcanvas_error_block.active {
  display: grid;
}
#offcanvas_edit_element #offcanvas_error_block #error_msg {
  word-break: break-word;
}
#offcanvas_edit_element #offcanvas_edit_wrapper {
  position: relative;
}
#offcanvas_edit_element #offcanvas_edit_wrapper.no_scroll {
  overflow: hidden;
}
#offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_desc {
  margin-bottom: 30px;
  font-size: 0.8rem;
  padding: 20px;
  border-radius: 40px;
  background-color: var(--bg_desc_color);
  background-image: var(--bg_desc_gradient);
}
#offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_desc p:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 576px) {
  #offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_delete_wrapper {
    display: flex;
    justify-content: center;
  }
}
#offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .dynamic_input_wrapper .dynamic_input_label {
  display: block;
  margin-bottom: 4px;
  font-size: 0.9rem;
  padding-left: 18px;
  color: var(--secondary);
}
#offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .dynamic_input_wrapper .dynamic_input {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  align-items: center;
}
#offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .dynamic_items {
  margin-top: 40px;
}
#offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .dynamic_items .dynamic_item {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  align-items: center;
}
#offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field {
  margin-bottom: 20px;
}
#offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field:last-of-type {
  margin-bottom: 0;
}
#offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field .field_label {
  display: block;
  margin-bottom: 4px;
  font-size: 0.9rem;
  padding-left: 18px;
  color: var(--secondary);
}
#offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field .field_input_wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  align-items: center;
}
#offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field .custom_wrapper {
  padding: 14px;
  border-radius: 80px;
  border: 2px solid var(--input_border_normal);
}
#offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field.file_selection input[type=file] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
#offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field.file_selection .file_select {
  padding: 10px;
  border-radius: 80px;
  border: 2px solid var(--input_border_normal);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  #offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field.file_selection .file_select {
    border-radius: 40px;
    padding: 20px;
  }
  #offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field.file_selection .file_select #mood_image_name,
  #offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field.file_selection .file_select #cert_image_name,
  #offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field.file_selection .file_select #cert_file_name,
  #offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field.file_selection .file_select #project_image_name,
  #offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field.file_selection .file_select #project_file_name,
  #offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field.file_selection .file_select #project_image_mobile_name {
    margin-bottom: 10px;
    text-align: center;
    display: block;
    width: 100%;
  }
}
#offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field.file_selection .file_select button.hdn {
  display: none;
}
@media (max-width: 576px) {
  #offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field.file_selection .file_select button {
    width: 100%;
    margin-bottom: 10px;
  }
  #offcanvas_edit_element #offcanvas_edit_wrapper .edit_container .element_field.file_selection .file_select button:last-of-type {
    margin-bottom: 0;
  }
}
#offcanvas_edit_element #offcanvas_edit_wrapper #loader_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
}
#offcanvas_edit_element #offcanvas_edit_wrapper #loader_container .material_symbols {
  font-size: 4rem;
  color: var(--secondary);
  animation: element_saver_animation 1s linear infinite;
}
#offcanvas_edit_element #offcanvas_edit_wrapper .data_item_splitter hr {
  border-top: 2px solid var(--area_background);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
#offcanvas_edit_element #offcanvas_edit_wrapper .dynamic_item_splitter hr {
  border-top: 2px solid var(--area_background);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  margin: 20px 0;
}
#offcanvas_edit_element #offcanvas_edit_wrapper #edit_user_description_container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
#offcanvas_edit_element #offcanvas_edit_wrapper #edit_user_description_container .element_field {
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 20px;
}
#offcanvas_edit_element #offcanvas_edit_wrapper #edit_user_description_container .element_field .field_input {
  height: 100%;
}
#offcanvas_edit_element #offcanvas_edit_wrapper #edit_user_description_container textarea {
  resize: vertical;
  min-height: 240px;
  padding: 20px;
  height: 100%;
  border-radius: 40px;
}
#offcanvas_edit_element #offcanvas_edit_wrapper #edit_user_vitas_container .vita_item_section_splitter hr {
  margin: 30px 0;
  border-top: 2px solid var(--secondary);
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}
#offcanvas_edit_element #offcanvas_edit_wrapper #edit_user_projects_container #input_project_description {
  height: 160px;
  max-height: 260px;
  resize: vertical;
  border-radius: 40px;
  padding: 20px;
}
#offcanvas_edit_element #offcanvas_edit_wrapper #edit_user_mood_wall_container #input_mood_description {
  height: 160px;
  max-height: 260px;
  resize: vertical;
  border-radius: 40px;
  padding: 20px;
}

@keyframes upload_loader_animation {
  0% {
    left: 0;
    transform: translateX(-100%);
  }
  100% {
    left: 100%;
    transform: translateX(0%);
  }
}
@keyframes element_saver_animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.page_profile_view .profile_view .profile_meta .profile_actions #loader_element {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
.page_profile_view .profile_view .profile_meta .profile_actions #loader_element span {
  font-size: 2.2rem;
  animation: stat_loader_animation 1.4s linear infinite;
}

#mood_modal {
  align-items: start;
}
#mood_modal .modal_content {
  width: 100%;
  height: 100%;
  max-width: unset;
  min-width: unset;
  transition: all 0.2sease;
  padding: 20px 0 0 0;
  position: relative;
  background-color: var(--bg_color);
  background-image: var(--bg_image);
  border-radius: 0;
}
#mood_modal .modal_content .modal_close {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  transform: none;
  margin: 0px auto 20px auto;
  display: flex;
}
#mood_modal #mood_wrapper {
  min-width: auto;
  height: 90%;
  margin-top: 0;
  padding: 0 40px 40px 40px;
  box-sizing: border-box;
  position: relative;
  overflow-y: scroll;
}
#mood_modal #mood_wrapper #user_mood_wall {
  display: flex;
  gap: 60px;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (max-width: 768px) {
  #mood_modal #mood_wrapper #user_mood_wall {
    padding-bottom: 0;
  }
}
#mood_modal #mood_wrapper #user_mood_wall .mood_image {
  height: 100%;
  flex: 1;
}
#mood_modal #mood_wrapper #user_mood_wall .mood_image img {
  width: auto;
  height: 100%;
  border-radius: 20px;
}
#mood_modal #mood_wrapper #user_mood_wall .mood_info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  height: 100%;
  background-color: transparent;
}
#mood_modal #mood_wrapper .mood_image {
  height: 100%;
  line-height: 0;
  display: inline-block;
}
#mood_modal #mood_wrapper .mood_image img {
  height: 100%;
  border-radius: 30px 0 0 30px;
  width: auto;
}
#mood_modal #mood_wrapper .mood_info {
  padding-right: 20px;
}
#mood_modal #mood_wrapper .mood_title {
  font-size: 2rem;
}
#mood_modal #mood_wrapper .mood_title h2 {
  margin-top: 0;
}
#mood_modal #mood_wrapper .mood_description {
  font-size: 1.5rem;
}
#mood_modal #mood_wrapper.loader_active {
  display: flex;
  overflow-y: hidden;
}
#mood_modal #mood_wrapper #loader_container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--bg_color);
  background-image: var(--bg_image);
  height: 100%;
  border-radius: 30px;
}
#mood_modal #mood_wrapper #loader_container .material_symbols {
  font-size: 4rem;
  color: var(--secondary);
  animation: element_saver_animation 1s linear infinite;
}

#offcanvas_gooddeed_creator #offcanvas_gooddeed_error_block {
  padding: 20px;
  margin-top: 30px;
  background-color: var(--area_background);
  color: var(--red);
  display: none;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  align-items: center;
  box-sizing: border-box;
}
#offcanvas_gooddeed_creator #offcanvas_gooddeed_error_block.active {
  display: grid;
}
#offcanvas_gooddeed_creator #offcanvas_gooddeed_error_block #error_msg {
  word-break: break-word;
}
#offcanvas_gooddeed_creator .offcanvas_body {
  position: relative;
}
#offcanvas_gooddeed_creator .offcanvas_body .info {
  margin-top: 40px;
  padding: 20px;
  border-radius: 40px;
  background-color: var(--area_background);
}
#offcanvas_gooddeed_creator .offcanvas_body .gooddeed_input_wrapper {
  margin-top: 20px;
}
#offcanvas_gooddeed_creator .offcanvas_body .gooddeed_input_wrapper #delete_gooddeed_container {
  margin-bottom: 20px;
  display: flex;
  justify-content: end;
  gap: 10px;
  align-items: center;
}
#offcanvas_gooddeed_creator .offcanvas_body .gooddeed_input_wrapper textarea {
  resize: vertical;
  padding: 20px;
  min-height: 200px;
  border-radius: 40px;
  max-height: calc(100vh - 300px);
}
#offcanvas_gooddeed_creator .offcanvas_body #loader_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
}
#offcanvas_gooddeed_creator .offcanvas_body #loader_container .material_symbols {
  font-size: 4rem;
  color: var(--secondary);
  animation: element_saver_animation 1s linear infinite;
}

#offcanvas_gooddeed_viewer .offcanvas_body {
  position: relative;
}
#offcanvas_gooddeed_viewer #loader_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 80px);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
}
#offcanvas_gooddeed_viewer #loader_container .material_symbols {
  font-size: 4rem;
  color: var(--secondary);
  animation: element_saver_animation 1s linear infinite;
}
#offcanvas_gooddeed_viewer .user_gooddeed_items {
  margin-top: 20px;
}
#offcanvas_gooddeed_viewer .user_gooddeed_items .gooddeed_item {
  padding: 20px;
  border-radius: 40px;
  background-color: var(--area_background);
  margin-bottom: 20px;
}
#offcanvas_gooddeed_viewer .user_gooddeed_items .gooddeed_item:last-of-type {
  margin-bottom: 0;
}
#offcanvas_gooddeed_viewer .user_gooddeed_items .gooddeed_item .value {
  font-size: 1rem;
}
#offcanvas_gooddeed_viewer .user_gooddeed_items .gooddeed_item .date {
  margin-top: 10px;
  font-size: 0.8rem;
  font-weight: 700;
}

#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_header {
  flex: 0 0 auto;
  padding-bottom: 20px;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_header #delete_conversation_confirm {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_header #delete_conversation_confirm button {
  flex: 1;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_wrapper {
  flex: 1;
  overflow-y: auto;
  padding-bottom: 20px;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_wrapper .chat_messages .message_block {
  width: 100%;
  margin-bottom: 20px;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_wrapper .chat_messages .message_block:last-of-type {
  margin-bottom: 0;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_wrapper .chat_messages .message_block.from_me {
  display: flex;
  justify-content: end;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_wrapper .chat_messages .message_block.from_me .message_block_inner .action_content_wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 20px;
  align-items: center;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_wrapper .chat_messages .message_block.from_me .message_block_inner .message_content {
  padding: 10px 20px;
  border-radius: 40px;
  color: var(--primary);
  text-align: right;
  background-color: var(--secondary);
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_wrapper .chat_messages .message_block.from_me .message_block_inner .message_time {
  text-align: right;
  padding-right: 20px;
  margin-top: 6px;
  font-size: 0.8rem;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_wrapper .chat_messages .message_block.from_me.deleted_message .message_content {
  padding: 10px 20px;
  border-radius: 40px;
  color: var(--input_border_hover);
  border: 2px dashed var(--secondary);
  background-color: transparent;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_wrapper .chat_messages .message_block.from_user .message_block_inner .message_content {
  padding: 10px 20px;
  border-radius: 40px;
  background-color: var(--area_background);
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_wrapper .chat_messages .message_block.from_user .message_block_inner .message_time {
  text-align: left;
  padding-left: 20px;
  margin-top: 6px;
  font-size: 0.8rem;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_wrapper .chat_messages .message_block.from_user.deleted_message {
  max-width: 70%;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_wrapper .chat_messages .message_block.from_user.deleted_message .message_content {
  padding: 10px 20px;
  border-radius: 40px;
  color: var(--input_border_hover);
  border: 2px dashed var(--input_border_hover);
  background-color: transparent;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_form_wrapper {
  flex: 0 0 auto;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_form_wrapper #chat_form {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
  align-items: center;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_form_wrapper #chat_form textarea {
  resize: vertical;
  min-height: 65.5px;
  max-height: 106px;
  padding: 20px;
}
#offcanvas_chat #offcanvas_chat_wrapper #offcanvas_chat .chat_form_wrapper #chat_form #msg_send_loader {
  animation: element_saver_animation 1s linear infinite;
}

#modal_confirmation_blacklist .modal_body {
  padding: 0;
}
#modal_confirmation_blacklist .modal_body .modal_info p {
  margin-top: 0;
}
#modal_confirmation_blacklist .modal_body #modal_confirmation_body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  align-items: center;
}
#modal_confirmation_blacklist .modal_body #modal_confirmation_body.hdn {
  display: none;
}
@media (max-width: 576px) {
  #modal_confirmation_blacklist .modal_body #modal_confirmation_body {
    grid-template-columns: 1fr;
  }
}

@keyframes element_saver_animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.page_search .results_wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  align-items: stretch;
}
@media (max-width: 992px) {
  .page_search .results_wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .page_search .results_wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 576px) {
  .page_search .results_wrapper {
    grid-template-columns: 1fr;
  }
}
.page_search .results_wrapper .result_item {
  display: inline-block;
  height: 100%;
}
.page_search .results_wrapper .result_item .result_item_inner {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 20px;
  align-items: center;
  line-height: 0;
  padding: 10px;
  border-radius: 40px;
  background-color: var(--area_background);
  height: 100%;
  box-sizing: border-box;
}
@media (max-width: 576px) {
  .page_search .results_wrapper .result_item .result_item_inner {
    grid-template-columns: auto 1fr;
  }
}
.page_search .results_wrapper .result_item .result_item_inner:hover {
  text-decoration: none;
  background-color: var(--input_border_normal);
}
.page_search .results_wrapper .result_item .result_item_inner:hover.no_link {
  background-color: var(--area_background);
}
@media (max-width: 576px) {
  .page_search .results_wrapper .result_item .user_photo {
    text-align: center;
  }
}
.page_search .results_wrapper .result_item .user_photo img {
  height: 100px;
  width: 100px;
  border-radius: 30px;
  background-color: var(--primary);
}
@media (max-width: 576px) {
  .page_search .results_wrapper .result_item .user_photo img {
    width: 4rem;
    height: 4rem;
  }
}
.page_search .results_wrapper .result_item .user_photo .placeholder {
  font-size: 5rem;
  padding: 10px;
  color: var(--input_border_normal);
}
@media (max-width: 576px) {
  .page_search .results_wrapper .result_item .user_photo .placeholder {
    font-size: 3rem;
  }
}
.page_search .results_wrapper .result_item .user_display_name {
  font-size: 1.4rem;
  line-height: 1;
  color: var(--secondary);
}
.page_search .results_wrapper .result_item .user_display_name .sub_username {
  display: block;
  margin-top: 6px;
  font-size: 1rem;
}
.page_search .results_wrapper .result_item .user_display_name.no_data .username {
  display: inline-block;
  height: 16px;
  width: 200px;
  border-radius: 40px;
  background-color: var(--input_border_normal);
}
.page_search .results_wrapper .result_item .user_display_name.no_data .sub_username {
  display: inline-block;
  height: 12px;
  width: 140px;
  border-radius: 40px;
  background-color: var(--input_border_normal);
}
.page_search #load_more_container {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .page_search #load_more_container {
    text-align: center;
  }
  .page_search #load_more_container button {
    margin: 0 auto;
  }
}

.page_messages_center .messages_center {
  padding: 40px;
  box-sizing: border-box;
  border-radius: 40px;
  min-height: 440px;
  border: 0;
  box-shadow: var(--box_shadow);
  background-color: var(--primary);
}
.page_messages_center .messages_center .messages_center_inner #chats {
  display: flex;
  padding: 20px;
  background: var(--area_background);
  border-radius: 20px;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_list {
  width: 400px;
  padding-right: 20px;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners {
  max-height: calc(100vh - 500px);
  min-height: 246px;
  overflow-y: auto;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners .chat_partner {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
  background-color: var(--area_background);
  border-radius: 20px;
  margin-bottom: 10px;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners .chat_partner.active {
  background-color: var(--primary);
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners .chat_partner.with_indicator {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 10px;
  align-items: center;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners .chat_partner.with_indicator .unread_indicator {
  font-size: 2rem;
  color: var(--red);
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners .chat_partner:last-of-type {
  margin-bottom: 0;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners .chat_partner .partner_image {
  line-height: 0;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners .chat_partner .partner_image img {
  width: 100px;
  height: 100px;
  border-radius: 20px;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners .chat_partner .partner_image .img_placeholder {
  font-size: 3.4rem;
  padding: 20px;
  color: var(--input_border_normal);
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners .chat_partner .partner_info .partner_displayname {
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners .chat_partner:hover {
  cursor: pointer;
  background-color: var(--primary);
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container {
  display: flex;
  width: 100%;
  border-radius: 20px;
  background-color: var(--bg_color);
  background-image: var(--bg_image);
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #chat_select_hint {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #loader_container {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #loader_container .material_symbols {
  font-size: 5rem;
  color: var(--secondary);
  animation: element_saver_animation 1s linear infinite;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_header {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px 20px 0 0;
  background-color: var(--area_background);
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_header #chat_partner_info {
  font-weight: 700;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_header #delete_conversation_confirm {
  display: flex;
  gap: 10px;
  align-items: center;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
  max-height: 400px;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block {
  display: flex;
  margin-bottom: 20px;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block:last-of-type {
  margin-bottom: 0;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block .message_block_inner {
  max-width: 60%;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block.from_me {
  justify-content: end;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block.from_me .message_block_inner {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  align-items: start;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block.from_me .message_block_inner .message_content_wrapper .action_content_wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 20px;
  align-items: center;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block.from_me .message_block_inner .message_content_wrapper .message_content {
  padding: 10px 20px;
  border-radius: 40px;
  color: var(--primary);
  text-align: right;
  background-color: var(--secondary);
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block.from_me .message_block_inner .message_content_wrapper .message_time {
  text-align: right;
  margin-top: 6px;
  font-size: 0.8rem;
  padding-right: 20px;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block.from_me.deleted_message .message_block_inner {
  display: block;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block.from_me.deleted_message .message_content {
  padding: 10px 20px;
  border-radius: 40px;
  color: var(--input_border_hover);
  border: 2px dashed var(--secondary);
  background-color: transparent;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block.from_me.deleted_message .message_time {
  margin-top: 6px;
  text-align: right;
  font-size: 0.8rem;
  padding-right: 20px;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block.from_user .message_block_inner .message_content_wrapper .message_content {
  padding: 10px 20px;
  border-radius: 40px;
  background-color: var(--area_background);
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block.from_user .message_block_inner .message_content_wrapper .message_time {
  text-align: left;
  margin-top: 6px;
  font-size: 0.8rem;
  padding-left: 20px;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block.from_user.deleted_message .message_block_inner {
  display: block;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block.from_user.deleted_message .message_content {
  padding: 10px 20px;
  border-radius: 40px;
  color: var(--input_border_hover);
  border: 2px dashed var(--input_border_hover);
  background-color: transparent;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block.from_user.deleted_message .message_time {
  margin-top: 6px;
  text-align: left;
  font-size: 0.8rem;
  padding-left: 20px;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_form_wrapper {
  padding: 0 20px 20px 20px;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_form_wrapper #chat_form {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
  align-items: center;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_form_wrapper #chat_form textarea {
  resize: vertical;
  min-height: 65.5px;
  max-height: 106px;
  padding: 20px;
}
.page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_form_wrapper #chat_form #msg_send_loader {
  animation: element_saver_animation 1s linear infinite;
}

@media (max-width: 992px) {
  .page_messages_center .messages_center {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
  }
  .page_messages_center .messages_center .messages_center_inner #chats {
    box-shadow: var(--box_shadow);
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_list {
    width: auto;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
    width: 100%;
    min-height: auto;
    margin-bottom: 20px;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners .chat_partner {
    grid-template-columns: 1fr;
    text-align: center;
    margin-bottom: 0;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners .chat_partner .partner_info .partner_displayname {
    font-size: 1.1rem;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_container #chat_select_hint {
    padding: 20px;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area {
    border-radius: 20px;
    box-shadow: var(--box_shadow);
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block {
    width: 100%;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block .message_block_inner {
    max-width: 100%;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block .message_block_inner .message_content_wrapper .action_content_wrapper .message_content {
    padding: 20px;
    border-radius: 20px;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block.from_user .message_block_inner .message_content_wrapper .message_content {
    padding: 20px;
    border-radius: 20px;
  }
}
@media (max-width: 576px) {
  .page_messages_center .messages_center {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
  }
  .page_messages_center .messages_center .messages_center_inner #chats {
    flex-direction: column;
    box-shadow: var(--box_shadow);
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_list {
    width: 100%;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: stretch;
    width: 100%;
    min-height: auto;
    margin-bottom: 20px;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners .chat_partner {
    grid-template-columns: 1fr;
    text-align: center;
    margin-bottom: 0;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_list .chat_partners .chat_partner .partner_info .partner_displayname {
    font-size: 1.1rem;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_container #chat_select_hint {
    padding: 20px;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area {
    border-radius: 20px;
    box-shadow: var(--box_shadow);
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block {
    width: 100%;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block .message_block_inner {
    max-width: 100%;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block .message_block_inner .message_content_wrapper .action_content_wrapper .message_content {
    padding: 20px;
    border-radius: 20px;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_messages .message_block.from_user .message_block_inner .message_content_wrapper .message_content {
    padding: 20px;
    border-radius: 20px;
  }
  .page_messages_center .messages_center .messages_center_inner #chats .chat_container #messages_chat_area .chat_form_wrapper #chat_form {
    grid-template-columns: 1fr;
  }
}
.page_account_delete_confirm .delete_info {
  margin-bottom: 20px;
  padding: 40px;
  border-radius: 40px;
  background-color: var(--area_background);
}
@media (max-width: 576px) {
  .page_account_delete_confirm .delete_info {
    padding: 20px;
  }
}
.page_account_delete_confirm .delete_info p {
  font-size: 1.2rem;
}
.page_account_delete_confirm .delete_info p:first-of-type {
  margin-top: 0;
}
.page_account_delete_confirm .delete_info p:last-of-type {
  margin-bottom: 0;
}
.page_account_delete_confirm .delete_action {
  padding: 40px;
  border-radius: 40px;
  background-color: var(--area_background);
}
@media (max-width: 576px) {
  .page_account_delete_confirm .delete_action {
    padding: 20px;
  }
}
.page_account_delete_confirm .delete_action p {
  display: block;
  font-size: 1.2rem;
}
.page_account_delete_confirm .delete_action p:first-of-type {
  margin-top: 0;
}
.page_account_delete_confirm .delete_action form {
  padding: 20px;
  border-radius: 40px;
  background-color: var(--primary_half);
  display: inline-block;
}
.page_account_delete_confirm .delete_action form .errorlist {
  padding: 0;
  list-style: none;
}
.page_account_delete_confirm .delete_action form .errorlist li {
  padding: 10px 20px;
  box-sizing: border-box;
  background-color: var(--input_border_error_focus);
  color: var(--secondary);
  border-radius: 80px;
}
.page_account_delete_confirm .delete_action form label {
  padding-left: 20px;
  display: inline-block;
  margin-bottom: 6px;
  font-size: 1rem;
}
.page_account_delete_confirm .delete_action form input {
  width: 400px;
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .page_account_delete_confirm .delete_action form label {
    padding-left: 0;
    margin-bottom: 14px;
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .page_account_delete_confirm .delete_action form input {
    width: 100%;
  }
  .page_account_delete_confirm .delete_action form button {
    width: 100%;
  }
}

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