html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
tt,
var,
b,
u,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a,
button {
  cursor: pointer;
}

a {
  text-decoration: none;
}

html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

strong {
  font-weight: bold;
}

html,
body {
  font-family: "Nunito", sans-serif;
}

a,
p,
button,
*::before,
*::after,
span {
  font-family: "Nunito", sans-serif;
  color: inherit;
}

.nunito {
  font-family: "Nunito", sans-serif;
}

h1 {
  font-family: Nunito;
  font-size: 2rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 24px;
}

h2,
h3 {
  font-family: Nunito;
  font-size: 1.75rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

h4 {
  font-family: Nunito;
  font-size: 1.5rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

h5 {
  font-family: Nunito;
  font-size: 1.25rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

h6 {
  font-family: Nunito;
  font-size: 1.125rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.menuHorizontal {
  font-family: Nunito;
  font-size: 0.9375rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.body-Bold-15 {
  font-family: Nunito;
  font-size: 0.9375rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.link15 {
  font-family: Nunito;
  font-size: 0.9375rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.bodyMedium15 {
  font-family: Nunito;
  font-size: 0.9375rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.bodyRegular15 {
  font-family: Nunito;
  font-size: 0.9375rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.body-Bold-14 {
  font-family: Nunito;
  font-size: 0.875rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.tableHeader {
  font-family: Nunito;
  font-size: 0.875rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.28px;
}

.link14 {
  font-family: Nunito;
  font-size: 0.875rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.bodyMedium14 {
  font-family: Nunito;
  font-size: 0.875rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.bodyRegular14 {
  font-family: Nunito;
  font-size: 0.875rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.body-Bold-12 {
  font-family: Nunito;
  font-size: 0.75rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.bodyMedium12 {
  font-family: Nunito;
  font-size: 0.75rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.bodyRegular12 {
  font-family: Nunito;
  font-size: 0.75rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.medium {
  font-weight: 500;
}

.semi-bold {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

body .desktop-only {
  display: none;
}

body .tablet-only {
  display: none;
}

body .device-only {
  display: block;
}

@media (min-width: 768px) {
  body .tablet-only {
    display: block;
  }

  body .mobile-only {
    display: none;
  }
}
@media (min-width: 1280px) {
  body .desktop-only {
    display: block;
  }

  body .device-only {
    display: none;
  }
}
body {
  background-color: #f2f4f7;
}

.main-container {
  display: flex;
}

.main-container > .container {
  flex-grow: 1;
}

main {
  padding: 30px;
}

.flex {
  display: flex;
}

.flex-align-center {
  align-items: center;
}

.flex-space-between {
  justify-content: space-between;
}

svg.icon {
  margin-right: 16px;
}

.nav-search {
  display: flex;
  align-items: center;
}

.search-form {
  display: flex;
  align-items: center;
}

.search-form_btn {
  background-color: inherit;
  border: none;
  outline: none;
}

.search_input {
  position: relative;
  padding: 2px 12px;
  border: none;
  outline: none;
}

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100vh;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  z-index: 900;
  /* Modal Content/Box */
}
.modal.open {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content {
  background-color: #fff;
  padding: 30px 46px;
  border: 1px solid #888;
  position: relative;
  border-radius: 16px;
}
.modal-close {
  position: absolute;
  color: #1a1926;
  top: 30px;
  right: 46px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  height: 24px;
  width: 24px;
  outline: 0;
  z-index: 5;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.0082 6.40706C19.3988 6.01653 19.3988 5.38337 19.0082 4.99284C18.6177 4.60232 17.9845 4.60232 17.594 4.99284L12.0007 10.5862L6.4073 4.99284C6.01678 4.60232 5.38361 4.60232 4.99309 4.99284C4.60256 5.38337 4.60256 6.01653 4.99309 6.40706L10.5864 12.0004L4.99309 17.5938C4.60256 17.9843 4.60256 18.6175 4.99309 19.008C5.38361 19.3985 6.01678 19.3985 6.4073 19.008L12.0007 13.4146L17.594 19.008C17.9845 19.3985 18.6177 19.3985 19.0082 19.008C19.3988 18.6175 19.3988 17.9843 19.0082 17.5938L13.4149 12.0004L19.0082 6.40706Z' fill='%231A1926' /%3E%3C/svg%3E");
}
.modal-close:hover, .modal-close:focus {
  transform: scale(1.05);
}
.modal-btn-add {
  text-align: center;
  border: none;
  outline: none;
  border-radius: 14px;
  background-color: #2d99ff;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 48px;
  box-shadow: 0 4px 16px 0 rgba(0, 129, 255, 0.18);
}

.btn-background {
  padding: 10px;
  border-radius: 14px;
  background-color: rgba(45, 153, 255, 0.9);
  color: #fff;
  font-weight: 700;
}

.btn-close {
  padding: 10px;
  border-radius: 5px;
  background-color: rgba(233, 77, 63, 0.9);
  color: #fff;
  font-weight: 700;
}

.col-container {
  width: 100%;
  display: flex;
  gap: 20px;
}
.col-container .col-left,
.col-container .col-right {
  flex-grow: 1;
  width: 100%;
}

.main-sidebar {
  min-width: 270px;
  min-height: 100vh;
  padding: 21px 16px;
  border-right: 1px solid #e3e5e8;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  bottom: 0;
  left: 0;
  max-height: 100vh;
}
.main-sidebar > div {
  width: 100%;
}
.main-sidebar .user-panel {
  margin-bottom: 21;
}
.main-sidebar .sidebar-nav-item a {
  padding: 18px 24px;
  display: flex;
  align-items: center;
}
.main-sidebar .sidebar-nav-item a:hover,
.main-sidebar .sidebar-nav-item a:active {
  border-radius: 16px;
  background-color: rgba(26, 142, 255, 0.1);
}
.main-sidebar .sponsors {
  position: absolute;
  bottom: 16px;
  left: 0;
  max-width: 270px;
  padding: 0 31px;
}
.main-sidebar .sponsors > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 17px;
}
.main-sidebar .sponsors > div img {
  margin-bottom: 10px;
}

.main-header {
  height: 80px;
  border-bottom: 1px solid #e3e5e8;
}

.header-nav-container {
  display: flex;
  justify-content: right;
  align-items: center;
  padding: 20px 30px;
}
.header-nav-container .nav-menu-btn {
  margin-right: auto;
  background-color: inherit;
  border: none;
  margin-right: 50px;
}

.notification-counter {
  width: 20px;
  height: 20px;
  color: #fff;
  background-color: #ff6640;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
}

.nav-item details {
  position: relative;
  z-index: 100;
}
.nav-item details > summary {
  list-style: none;
}
.nav-item details > .details-dropdown {
  position: absolute;
  right: 0;
  margin-top: 10px;
  padding: 8px;
  background-color: #fff;
  border-radius: 14px;
  box-shadow: 0 40px 20px -30px rgba(4, 15, 21, 0.1), 0 16px 80px 0 rgba(4, 15, 21, 0.15);
}
.nav-item details .dropdown-header {
  padding: 16px;
}
.nav-item details .dropdown-content ul li {
  padding: 16px;
}
.nav-item_notifications {
  margin: 0 25px;
}
.nav-item_notifications > .details-dropdown {
  width: 380px;
}
.nav-item_profile > summary {
  border-left: 1px solid #e3e5e8;
  padding-left: 24px;
}
.nav-item_profile > .details-dropdown {
  width: 300px;
}
.nav-item_profile .dropdown-header {
  background-color: #634cd4;
  border-radius: 14px;
}
.nav-item_profile .dropdown-header svg {
  margin-right: 16px;
}
.nav-item_profile .dropdown-header h5 {
  color: #fff;
}

.form {
  box-sizing: border-box;
}
.form .input-field {
  display: flex;
  flex-direction: column;
}
.form .input-field:not(:last-of-type) {
  margin-bottom: 35px;
}
.form .input-container .input-field:not(:last-of-type) {
  margin-bottom: 0;
}
.form .input-container .input-field:first-of-type {
  margin-top: 13px;
}
.form label {
  display: block;
  font-size: 16px;
  line-height: 24px;
}
.form input,
.form textarea {
  display: flex;
  font-size: 16px;
  line-height: 24px;
  border-radius: 4px;
  border-color: #dadada;
  border-style: solid;
  border-width: 1px;
  outline: #6200ee;
  padding: 15px 16px;
  color: rgba(0, 0, 0, 0.87);
  position: relative;
  width: 100%;
  cursor: pointer;
}
.form input:hover,
.form textarea:hover {
  border-color: #6200ee;
}
.form input:focus,
.form textarea:focus {
  border-color: #6200ee;
}
.form input + .with-icon-hide,
.form textarea + .with-icon-hide {
  position: relative;
  width: 100%;
}
.form input + .with-icon-hide::before,
.form textarea + .with-icon-hide::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5C7 5 2.73 8.11 1 12.5C2.73 16.89 7 20 12 20C17 20 21.27 16.89 23 12.5C21.27 8.11 17 5 12 5ZM12 17.5C9.24 17.5 7 15.26 7 12.5C7 9.74 9.24 7.5 12 7.5C14.76 7.5 17 9.74 17 12.5C17 15.26 14.76 17.5 12 17.5ZM12 9.5C10.34 9.5 9 10.84 9 12.5C9 14.16 10.34 15.5 12 15.5C13.66 15.5 15 14.16 15 12.5C15 10.84 13.66 9.5 12 9.5Z' fill='black' fill-opacity='0.6'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: -40px;
  right: 16px;
  display: block;
}
.form input + .with-icon-hide.active::before,
.form textarea + .with-icon-hide.active::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5C7 5 2.73 8.11 1 12.5C2.73 16.89 7 20 12 20C17 20 21.27 16.89 23 12.5C21.27 8.11 17 5 12 5ZM12 17.5C9.24 17.5 7 15.26 7 12.5C7 9.74 9.24 7.5 12 7.5C14.76 7.5 17 9.74 17 12.5C17 15.26 14.76 17.5 12 17.5ZM12 9.5C10.34 9.5 9 10.84 9 12.5C9 14.16 10.34 15.5 12 15.5C13.66 15.5 15 14.16 15 12.5C15 10.84 13.66 9.5 12 9.5Z' fill='black' fill-opacity='0.6'/%3E%3C/svg%3E%0A");
}
.form .error {
  color: #b00020;
  padding-left: 16px;
  font-size: 12px;
  line-height: 16px;
  padding-left: 16px;
  margin-bottom: 5px;
}
.form .error.success {
  color: #018786;
}
.form .error:first-of-type {
  margin-top: 5px;
}
.form .input-sub-text {
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.6);
  padding-left: 16px;
}
.form .checkbox {
  display: none;
}
.form .checkbox + .checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.form .checkbox + .checkbox-label .checkbox-span {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_242_7958' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='3' y='3' width='24' height='24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 3H19C20.11 3 21 3.9 21 5V19C21 20.1 20.11 21 19 21H5C3.89 21 3 20.1 3 19V5C3 3.9 3.89 3 5 3ZM5 12L10 17L19 8L17.59 6.58L10 14.17L6.41 10.59L5 12Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_242_7958)'%3E%3Crect width='24' height='24' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  border: 1px solid #dadada;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  margin: 0 10px 0 0;
  position: relative;
}
.form .checkbox + .checkbox-label:hover .checkbox-span::before {
  content: "";
  width: 40px;
  height: 40px;
  background-color: rgba(93, 227, 227, 0.14);
  position: absolute;
  top: -8px;
  left: -8px;
  border-radius: 50%;
}
.form .checkbox:checked + .checkbox-label .checkbox-span {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_242_7958' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='3' y='3' width='24' height='24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 3H19C20.11 3 21 3.9 21 5V19C21 20.1 20.11 21 19 21H5C3.89 21 3 20.1 3 19V5C3 3.9 3.89 3 5 3ZM5 12L10 17L19 8L17.59 6.58L10 14.17L6.41 10.59L5 12Z' fill='blue'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_242_7958)'%3E%3Crect width='24' height='24' fill='blue'/%3E%3C/g%3E%3C/svg%3E");
  border-color: transparent;
}

.button-primary {
  display: flex;
  align-items: center;
  border: 0;
  border-radius: 4px;
  background: #6200ee;
  color: #ffffff;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  padding: 10px 14px;
  margin: 20px 0;
  text-transform: uppercase;
  cursor: pointer;
  outline-color: inherit;
}
.button-primary:hover {
  background-color: #6200ee;
  color: #ffffff;
}
.button-primary:focus {
  background-color: #6200ee;
  color: #ffffff;
}
.button-primary:active {
  background-color: #6200ee;
  color: #ffffff;
  filter: drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.14)) drop-shadow(0px 3px 14px rgba(0, 0, 0, 0.12)) drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2));
}
.button-primary:disabled {
  color: rgba(0, 0, 0, 0.38);
  background-color: transparent;
  pointer-events: none;
}

.button-secondary {
  display: flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background: inherit;
  color: #6200ee;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  padding: 10px 14px;
  margin: 20px 0;
  text-transform: uppercase;
  cursor: pointer;
  outline-color: inherit;
}
.button-secondary:hover {
  background-color: rgba(98, 0, 238, 0.04);
  border-color: rgba(0, 0, 0, 0.12);
  color: #6200ee;
}
.button-secondary:focus {
  background-color: rgba(98, 0, 238, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
  color: #6200ee;
}
.button-secondary:active {
  border-color: transparent;
  color: #6200ee;
  position: relative;
}
.button-secondary:active::before {
  content: "";
  position: absolute;
  left: 44.43%;
  right: 50.88%;
  top: 44.75%;
  bottom: 52.25%;
  background-color: transparent;
}
.button-secondary:disabled {
  border-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.38);
  pointer-events: none;
}

.button-text {
  display: flex;
  align-items: center;
  border: none;
  border-radius: 4px;
  background: inherit;
  color: #6200ee;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  padding: 10px 14px;
  margin: 20px 0;
  text-transform: uppercase;
  cursor: pointer;
  outline-color: inherit;
}
.button-text:hover {
  background-color: rgba(98, 0, 238, 0.04);
  border-color: rgba(0, 0, 0, 0.12);
  color: #6200ee;
}
.button-text:focus {
  background-color: rgba(98, 0, 238, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
  color: #6200ee;
}
.button-text:active {
  border-color: transparent;
  color: #6200ee;
  position: relative;
}
.button-text:active::before {
  content: "";
  position: absolute;
  left: 44.43%;
  right: 50.88%;
  top: 44.75%;
  bottom: 52.25%;
  background-color: transparent;
}
.button-text:disabled {
  border-color: rgba(0, 0, 0, 0.38);
  color: rgba(0, 0, 0, 0.38);
  pointer-events: none;
}

.button-icon {
  display: flex;
  margin: 0 6px 0 0;
}

.loader {
  position: relative;
  color: transparent;
}
.loader::before {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid rgba(0, 0, 0, 0.12);
  /* Blue */
  border-radius: 50%;
  width: 10px;
  height: 10px;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  content: "";
  display: block;
  margin-right: 5px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  position: absolute;
}

form button[type=submit].loader {
  color: transparent;
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.search-with-tags-input.typing + .search-with-tags-datalist {
  display: block;
}

.search-with-tags-datalist {
  display: none;
  background-color: #ffffff;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border-radius: 0 0 4px 4px;
  border: 1px solid #6200ee;
  border-top-color: #000;
  position: relative;
  top: -2px;
  padding: 15px 16px;
  list-style: none;
}
.search-with-tags-datalist li {
  line-height: 24px;
  font-size: in;
}

.search-with-tags-tags-container {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 20px 0;
}
.search-with-tags-tags-container li {
  padding: 0.5rem;
  background-color: #018786;
  border-radius: 4px;
}

label {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 13px;
  display: block;
}

.label-header {
  margin-bottom: 6px;
  font-size: 20px;
}

#authentication {
  display: flex;
  padding: 0;
}
#authentication .left,
#authentication .right {
  display: flex;
  width: 50%;
  height: auto;
  min-height: 100vh;
}

.left {
  flex-direction: column;
  text-align: left;
  background-color: #634cd4;
  color: #fff;
}
.left .left-container {
  position: fixed;
  bottom: 50px;
  left: 0;
  right: 50%;
  padding: 0 50px;
}
.left h1 {
  margin-top: auto;
  font-size: 4.5rem;
  line-height: 4.625rem;
  font-family: "Poppins", "Nunito";
}
.left h1 span {
  font: inherit;
  display: block;
  color: #f09330;
}
.left p {
  font-size: 1.1rem;
  line-height: 1.4rem;
  margin-bottom: 1rem;
}

.right {
  background-color: #fff;
}
.right > div {
  padding: 0 160px 25px;
  width: 100%;
}
.right h2 {
  text-align: center;
  margin-bottom: 30px;
}
.right button[type=submit] {
  width: 100%;
  height: 48px;
  border-radius: 14px;
  color: #fff;
  border: none;
  outline: none;
  background-color: #2d99ff;
  font-size: 0.9375rem;
  font-weight: 600;
  box-shadow: 0 4px 16px 0 rgba(0, 129, 255, 0.18);
}
.right form > div {
  margin-bottom: 30px;
}
.right .new-account {
  margin-top: auto;
  text-align: center;
}
.right a {
  color: #2d99ff;
}
.right .login-container,
.right .register-container,
.right .password-reset-container {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
}
.right .password-field {
  position: relative;
  width: 100%;
}
.right .password-field .show-password {
  position: absolute;
  right: 16px;
  top: 28px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  z-index: 5;
  cursor: pointer;
}
.right .password-field input[type=password] + .show-password {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.29243 7.65553C2.61993 7.40365 3.08925 7.46416 3.34223 7.7903L3.34478 7.7935C3.34816 7.79772 3.35472 7.80581 3.36448 7.81748C3.38399 7.84082 3.41624 7.87837 3.46135 7.92765C3.55162 8.02627 3.69298 8.17141 3.88633 8.34333C4.27335 8.68743 4.86585 9.13627 5.67161 9.53504C6.72929 10.0585 8.16282 10.5 9.99966 10.5C11.8365 10.5 13.27 10.0585 14.3277 9.53504C15.1335 9.13627 15.726 8.68743 16.113 8.34333C16.3063 8.17141 16.4477 8.02627 16.538 7.92765C16.5831 7.87837 16.6153 7.84082 16.6349 7.81748C16.6446 7.80581 16.6512 7.79772 16.6545 7.7935L16.6568 7.79069C16.9098 7.46453 17.3794 7.40365 17.7069 7.65553C18.0352 7.90805 18.0967 8.37893 17.8442 8.70727L17.8429 8.70892L17.8413 8.71097L17.8372 8.71627L17.8251 8.73151C17.8153 8.74369 17.8021 8.75988 17.7855 8.77974C17.7523 8.81945 17.7053 8.8739 17.6444 8.94044C17.5227 9.07345 17.3449 9.2552 17.1097 9.46432C16.758 9.777 16.2764 10.1523 15.6607 10.5172L16.8819 12.909C17.0703 13.2779 16.9239 13.7297 16.555 13.918C16.1861 14.1064 15.7343 13.96 15.546 13.5911L14.317 11.1841C13.3369 11.5842 12.1493 11.8947 10.7497 11.9779V14.25C10.7497 14.6643 10.4139 15 9.99966 15C9.58545 15 9.24966 14.6643 9.24966 14.25V11.9779C7.85001 11.8947 6.66248 11.5842 5.68229 11.1841L4.45335 13.5911C4.265 13.96 3.81324 14.1064 3.44433 13.918C3.07542 13.7297 2.92905 13.2779 3.11741 12.909L4.33861 10.5172C3.72289 10.1523 3.24133 9.777 2.88965 9.46432C2.65445 9.2552 2.47664 9.07345 2.35489 8.94044C2.29398 8.8739 2.24701 8.81945 2.2138 8.77974C2.19719 8.75988 2.18402 8.74369 2.17425 8.73151L2.16216 8.71627L2.15802 8.71097L2.15643 8.70892L2.15575 8.70804C1.90323 8.37971 1.96409 7.90805 2.29243 7.65553Z' fill='%231A1926'/%3E%3C/svg%3E%0A");
}
.right .password-field input[type=text] + .show-password {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.86405 10.4154C3.76062 10.2558 3.6748 10.1152 3.60705 10C3.6748 9.88479 3.76062 9.74415 3.86405 9.5846C4.16578 9.11917 4.61249 8.50046 5.19204 7.88461C6.36482 6.63836 7.99281 5.49434 10 5.49434C12.0072 5.49434 13.6352 6.63836 14.808 7.88461C15.3875 8.50046 15.8342 9.11917 16.136 9.5846C16.2394 9.74415 16.3252 9.88479 16.393 10C16.3252 10.1152 16.2394 10.2558 16.136 10.4154C15.8342 10.8808 15.3875 11.4995 14.808 12.1154C13.6352 13.3616 12.0072 14.5057 10 14.5057C7.99281 14.5057 6.36482 13.3616 5.19204 12.1154C4.61249 11.4995 4.16578 10.8808 3.86405 10.4154ZM17.9206 9.66534C17.9207 9.66561 17.9208 9.66586 17.25 10C17.9208 10.3341 17.9207 10.3344 17.9206 10.3347L17.9202 10.3353L17.9194 10.3369L17.917 10.3416L17.9093 10.3567C17.9029 10.3692 17.8938 10.3865 17.8822 10.4085C17.8589 10.4523 17.8253 10.5143 17.7814 10.592C17.6937 10.7473 17.5649 10.9657 17.396 11.2261C17.0592 11.7456 16.5585 12.4401 15.9023 13.1374C14.6035 14.5176 12.6064 16 10 16C7.39355 16 5.39654 14.5176 4.09773 13.1374C3.44149 12.4401 2.94075 11.7456 2.60399 11.2261C2.43514 10.9657 2.30629 10.7473 2.21861 10.592C2.17474 10.5143 2.1411 10.4523 2.11783 10.4085C2.10619 10.3865 2.09714 10.3692 2.09069 10.3567L2.08298 10.3416L2.08059 10.3369L2.07976 10.3353L2.07944 10.3347C2.0793 10.3344 2.07918 10.3341 2.75 10C2.07918 9.66586 2.0793 9.66561 2.07944 9.66534L2.07976 9.6647L2.08059 9.66306L2.08298 9.65835L2.09069 9.64331C2.09714 9.63082 2.10619 9.61345 2.11783 9.59154C2.1411 9.54773 2.17474 9.48568 2.21861 9.40798C2.30629 9.2527 2.43514 9.03434 2.60399 8.77389C2.94075 8.25441 3.44149 7.55992 4.09773 6.86256C5.39654 5.4824 7.39355 4 10 4C12.6064 4 14.6035 5.4824 15.9023 6.86256C16.5585 7.55992 17.0592 8.25441 17.396 8.77389C17.5649 9.03434 17.6937 9.2527 17.7814 9.40798C17.8253 9.48568 17.8589 9.54773 17.8822 9.59154C17.8938 9.61345 17.9029 9.63082 17.9093 9.64331L17.917 9.65835L17.9194 9.66306L17.9202 9.6647L17.9206 9.66534ZM17.25 10L17.9208 9.66586C18.0264 9.8762 18.0264 10.1238 17.9208 10.3341L17.25 10ZM2.07918 9.66586L2.75 10L2.07918 10.3341C1.97361 10.1238 1.97361 9.8762 2.07918 9.66586ZM8.77272 10C8.77272 9.32476 9.32219 8.77736 9.99999 8.77736C10.6778 8.77736 11.2273 9.32476 11.2273 10C11.2273 10.6752 10.6778 11.2226 9.99999 11.2226C9.32219 11.2226 8.77272 10.6752 8.77272 10ZM9.99999 7.28302C8.49376 7.28302 7.27272 8.49945 7.27272 10C7.27272 11.5005 8.49376 12.717 9.99999 12.717C11.5062 12.717 12.7273 11.5005 12.7273 10C12.7273 8.49945 11.5062 7.28302 9.99999 7.28302Z' fill='%231A1926'/%3E%3C/svg%3E%0A");
}
.right .password-reset-container > img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 50px;
}

.returns-error {
  color: red;
}
.returns-error li {
  margin-bottom: 10px;
}

.right .login-container {
  max-width: 400px;
  margin: 0 auto;
  padding: 60px 0 40px;
}