@charset "UTF-8";

/* node_modules/@onclass/ui-dev/elems/index.scss */
@font-face {
  font-family: "LatoWebBold";
  font-display: block;
  src: url(/assets/fonts/Lato-Bold.woff2) format("woff2");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "LatoWebMedium";
  font-display: block;
  src: url(/assets/fonts/Lato-Medium.woff2) format("woff2");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "LatoWeb";
  font-display: block;
  src: url(/assets/fonts/Lato-Regular.woff2) format("woff2");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "LatoWebLight";
  font-display: block;
  src: url(/assets/fonts/Lato-Light.woff2) format("woff2");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
.__cssOnAdd__item {
  animation: fadeIn 1.5s ease-out;
}
.__cssOnRemove__item {
  animation: fadeOut 0.5s ease-out;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translateY(-80px);
  }
}
html,
body {
  font-family: "LatoWeb", sans-serif;
  font-size: 14px;
}
.viewDefHorPadding {
  padding-left: 20px;
  padding-right: 20px;
}
.viewDefHorMargin {
  margin-left: 20px;
  margin-right: 20px;
}
.elemDotsMore {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #5AB3E4;
  position: relative;
  box-shadow: 0 -8px 0 #5AB3E4, 0 8px 0 #5AB3E4;
}
.ctrl__btnClose--light {
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: none;
  background: transparent;
  transition: all 0.3s ease;
}
.ctrl__btnClose--light::before,
.ctrl__btnClose--light::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  background: white;
  transform-origin: center;
  transition: all 0.3s ease;
  border-radius: 2px;
}
@media (max-width: 767px) {
  .ctrl__btnClose--light::before,
  .ctrl__btnClose--light::after {
    transform-origin: left;
    width: 15.3846153846px;
  }
}
.ctrl__btnClose--light::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
@media (max-width: 767px) {
  .ctrl__btnClose--light::before {
    margin-top: -2px;
  }
}
.ctrl__btnClose--light::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ctrl__btnClose--light:hover::before,
.ctrl__btnClose--light:hover::after {
  background: #ffcccc;
}
.ctrl__btnClose--light:focus {
  outline: 2px solid #ffcccc;
  outline-offset: 2px;
}
.ctrl__btnClose--thick {
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: none;
  background: transparent;
  transition: all 0.3s ease;
}
.ctrl__btnClose--thick::before,
.ctrl__btnClose--thick::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 3px;
  background: #333;
  transform-origin: center;
  transition: all 0.3s ease;
  border-radius: 2px;
}
@media (max-width: 767px) {
  .ctrl__btnClose--thick::before,
  .ctrl__btnClose--thick::after {
    transform-origin: left;
    width: 15.3846153846px;
  }
}
.ctrl__btnClose--thick::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
@media (max-width: 767px) {
  .ctrl__btnClose--thick::before {
    margin-top: -2px;
  }
}
.ctrl__btnClose--thick::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ctrl__btnClose--thick:hover::before,
.ctrl__btnClose--thick:hover::after {
  background: #ff0000;
}
.ctrl__btnClose--thick:focus {
  outline: 2px solid #ff0000;
  outline-offset: 2px;
}
.ctrl__btnClose--thin {
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: none;
  background: transparent;
  transition: all 0.3s ease;
}
.ctrl__btnClose--thin::before,
.ctrl__btnClose--thin::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1px;
  background: #333;
  transform-origin: center;
  transition: all 0.3s ease;
  border-radius: 2px;
}
@media (max-width: 767px) {
  .ctrl__btnClose--thin::before,
  .ctrl__btnClose--thin::after {
    transform-origin: left;
    width: 15.3846153846px;
  }
}
.ctrl__btnClose--thin::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
@media (max-width: 767px) {
  .ctrl__btnClose--thin::before {
    margin-top: -2px;
  }
}
.ctrl__btnClose--thin::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ctrl__btnClose--thin:hover::before,
.ctrl__btnClose--thin:hover::after {
  background: #ff0000;
}
.ctrl__btnClose--thin:focus {
  outline: 2px solid #ff0000;
  outline-offset: 2px;
}
.ctrl__btnClose---circle {
  border-radius: 50%;
  background: #f5f5f5;
}
.ctrl__btnClose---circle:hover {
  background: #ccc;
}
.ctrl__btnClose---circle:hover::before,
.ctrl__btnClose---circle:hover::after {
  background: white;
}
.ctrl__btnClose--animated {
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: none;
  background: transparent;
  transition: all 0.3s ease;
}
.ctrl__btnClose--animated::before,
.ctrl__btnClose--animated::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  background: #333;
  transform-origin: center;
  transition: all 0.3s ease;
  border-radius: 2px;
}
@media (max-width: 767px) {
  .ctrl__btnClose--animated::before,
  .ctrl__btnClose--animated::after {
    transform-origin: left;
    width: 15.3846153846px;
  }
}
.ctrl__btnClose--animated::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
@media (max-width: 767px) {
  .ctrl__btnClose--animated::before {
    margin-top: -2px;
  }
}
.ctrl__btnClose--animated::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ctrl__btnClose--animated:hover::before,
.ctrl__btnClose--animated:hover::after {
  background: #ff0000;
}
.ctrl__btnClose--animated:focus {
  outline: 2px solid #ff0000;
  outline-offset: 2px;
}
.ctrl__btnBack {
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: none;
  background: transparent;
  transition: all 0.3s ease;
  position: relative;
}
.ctrl__btnBack::before,
.ctrl__btnBack::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 2px;
  background: #333;
  transform-origin: left center;
  transition: all 0.3s ease;
  border-radius: 2px;
}
.ctrl__btnBack::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ctrl__btnBack::after {
  transform: translate(-50%, calc(-50% - 1px)) rotate(45deg);
}
.ctrl__btnBack:hover::before,
.ctrl__btnBack:hover::after {
  background: #ff0000;
}
.ctrl__btnBack:focus {
  outline: 2px solid #ff0000;
  outline-offset: 2px;
}
.oc_spinner--default {
  width: 40px;
  height: 40px;
  border: 3px solid #5AB3E4;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.oc-formHeader {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  background: #fafafa;
}
.oc-formHeader__title {
  font-size: 2em;
  font-weight: bold;
  color: #1E252B;
}
.oc-listHeader {
  background: #fafafa;
  display: flex;
  position: fixed;
  align-items: center;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 10;
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
  height: 60px;
}
.simpleList {
  text-align: center;
}
.simpleList__items {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
  gap: 0;
  margin: 0;
  line-height: 1.35em;
  font-size: 1.1em;
}
.simpleList__items__item {
  color: #1E252B;
  cursor: pointer;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  gap: 0.8em;
  padding: 12px 20px;
  justify-content: center;
}
.simpleList__items__item:hover,
.simpleList__items__item.active {
  color: #FFFFFF;
  background: #5AB3E4;
}
.simpleSearchList .simpleSearchList__title {
  padding: 0 20px;
}
.simpleSearchList__search {
  padding: 20px;
  position: sticky;
  top: -80px;
  background: rgba(240, 240, 240, 0.5);
  backdrop-filter: blur(5px);
  border-radius: 18px 18px 0 0;
}
@media (max-width: 767px) {
  .simpleSearchList__search {
    top: -10px;
    border-radius: 0;
  }
}
.simpleSearchList__search .simpleSearchList__input {
  color: #1E252B;
  font-family: "LatoWeb", sans-serif;
  font-weight: inherit;
  margin: 0;
  font-size: 1.15em;
  line-height: 1.35em;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  height: 40px;
  width: 100%;
  padding: 0 15px;
  border: 1px solid #EEEEEE;
  display: flex;
  align-items: center;
  outline: none;
  transition: all 200ms ease-in-out;
}
.simpleSearchList__search .simpleSearchList__input:focus {
  border: 1px solid #5AB3E4;
}
.simpleSearchList__items {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
  gap: 0;
  margin-top: 1em;
  line-height: 1.35em;
  font-size: 1.1em;
}
.simpleSearchList__items__item {
  color: #1E252B;
  cursor: pointer;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  gap: 0.8em;
  padding: 12px 20px;
}
.simpleSearchList__items__item .key {
  color: #aaa;
  white-space: nowrap;
}
.simpleSearchList__items__item .rest {
  color: #111;
}
.simpleSearchList__items__item:hover,
.simpleSearchList__items__item.active {
  color: #FFFFFF;
  background: #5AB3E4;
}
.simpleSearchList__items__item:hover .key,
.simpleSearchList__items__item.active .key {
  color: #FFFFFF;
}
.simpleSearchList__items__item:hover .rest,
.simpleSearchList__items__item.active .rest {
  color: #FFFFFF;
}
.oc-badge--language-type {
  font-weight: normal;
  font-size: 0.8em;
  background: #E6F6FF !important;
  color: #41A1D9 !important;
  padding-left: 0.3em;
  padding-right: 0.3em;
  border-radius: 4px;
}
.oc-badge--normal {
  padding: 0.2em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-radius: 18px;
  display: flex;
  align-items: center;
  border: 1px solid #5AB3E4;
  color: #5AB3E4;
  height: 1em;
}
.oc-badge--super {
  background: #5AB3E4;
  color: #FFFFFF;
}
.oc-badge--size--sm {
  font-size: 0.8em;
}
.btn--normal {
  cursor: pointer;
  padding: 0.4em 1.2em 0.4em 1.2em;
  outline: none;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 30px;
  background: transparent;
  border: 1px solid #5AB3E4;
  color: #5AB3E4;
  font-size: 1em;
  line-height: 1.35em;
  transition: all 0.2s;
  text-decoration: none;
  text-wrap: nowrap;
}
.btn--normal:hover {
  transform: scale(0.95);
  text-decoration: none;
}
.btn--normal:active,
.btn--normal:focus {
  transform: scale(0.9);
  text-decoration: none;
}
.btn--normal:disabled {
  cursor: unset;
  opacity: 0.3;
  -webkit-user-select: none;
  user-select: none;
}
.btn--normal--super {
  background: #5AB3E4;
  color: #FFFFFF;
}
.btn--normal--cta--main {
  background: #5AB3E4;
  color: #FFFFFF;
  border: 5px solid #ebfae8;
}
.btn--action {
  cursor: pointer;
  padding: 0.4em 1.2em 0.4em 1.2em;
  outline: none;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 30px;
  background: transparent;
  border: 1px solid #87D37C;
  color: #87D37C;
  font-size: 1em;
  line-height: 1.35em;
  transition: all 0.2s;
  text-decoration: none;
  text-wrap: nowrap;
}
.btn--action:hover {
  transform: scale(0.95);
  text-decoration: none;
}
.btn--action:active,
.btn--action:focus {
  transform: scale(0.9);
  text-decoration: none;
}
.btn--action:disabled {
  cursor: unset;
  opacity: 0.3;
  -webkit-user-select: none;
  user-select: none;
}
.btn--action--super {
  background: #87D37C;
  color: #FFFFFF;
}
.btn--action--cta--main {
  background: #87D37C;
  color: #FFFFFF;
  border: 5px solid #ebfae8;
}
.btn--main {
  cursor: pointer;
  padding: 0.4em 1.2em 0.4em 1.2em;
  outline: none;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 30px;
  background: transparent;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 1em;
  line-height: 1.35em;
  transition: all 0.2s;
  text-decoration: none;
  text-wrap: nowrap;
  background: #5AB3E4;
  border-color: #5AB3E4;
}
.btn--main:hover {
  transform: scale(0.95);
  text-decoration: none;
}
.btn--main:active,
.btn--main:focus {
  transform: scale(0.9);
  text-decoration: none;
}
.btn--main:disabled {
  cursor: unset;
  opacity: 0.3;
  -webkit-user-select: none;
  user-select: none;
}
.btn--main--super {
  background: #FFFFFF;
  color: #FFFFFF;
}
.btn--main--cta--main {
  background: #FFFFFF;
  color: #FFFFFF;
  border: 5px solid #ebfae8;
}
.btn--danger {
  cursor: pointer;
  padding: 0.4em 1.2em 0.4em 1.2em;
  outline: none;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 30px;
  background: transparent;
  border: 1px solid #E86F79;
  color: #E86F79;
  font-size: 1em;
  line-height: 1.35em;
  transition: all 0.2s;
  text-decoration: none;
  text-wrap: nowrap;
}
.btn--danger:hover {
  transform: scale(0.95);
  text-decoration: none;
}
.btn--danger:active,
.btn--danger:focus {
  transform: scale(0.9);
  text-decoration: none;
}
.btn--danger:disabled {
  cursor: unset;
  opacity: 0.3;
  -webkit-user-select: none;
  user-select: none;
}
.btn--danger--super {
  background: #E86F79;
  color: #FFFFFF;
}
.btn--danger--cta--main {
  background: #E86F79;
  color: #FFFFFF;
  border: 5px solid #ebfae8;
}
.btn--warning {
  cursor: pointer;
  padding: 0.4em 1.2em 0.4em 1.2em;
  outline: none;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 30px;
  background: transparent;
  border: 1px solid #FFDD00;
  color: #FFDD00;
  font-size: 1em;
  line-height: 1.35em;
  transition: all 0.2s;
  text-decoration: none;
  text-wrap: nowrap;
}
.btn--warning:hover {
  transform: scale(0.95);
  text-decoration: none;
}
.btn--warning:active,
.btn--warning:focus {
  transform: scale(0.9);
  text-decoration: none;
}
.btn--warning:disabled {
  cursor: unset;
  opacity: 0.3;
  -webkit-user-select: none;
  user-select: none;
}
.btn--warning--super {
  background: #FFDD00;
  color: #FFFFFF;
}
.btn--warning--cta--main {
  background: #FFDD00;
  color: #FFFFFF;
  border: 5px solid #ebfae8;
}
.btn--slave {
  cursor: pointer;
  padding: 0.4em 1.2em 0.4em 1.2em;
  outline: none;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 30px;
  background: transparent;
  border: 1px solid #5AB3E4;
  color: #5AB3E4;
  font-size: 1em;
  line-height: 1.35em;
  transition: all 0.2s;
  text-decoration: none;
  text-wrap: nowrap;
  padding: 0px;
  padding-left: 0.8em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-right: 0.8em;
  border: #E6F6FF;
  background: #E6F6FF;
}
.btn--slave:hover {
  transform: scale(0.95);
  text-decoration: none;
}
.btn--slave:active,
.btn--slave:focus {
  transform: scale(0.9);
  text-decoration: none;
}
.btn--slave:disabled {
  cursor: unset;
  opacity: 0.3;
  -webkit-user-select: none;
  user-select: none;
}
.btn--slave--super {
  background: #5AB3E4;
  color: #FFFFFF;
}
.btn--slave--cta--main {
  background: #5AB3E4;
  color: #FFFFFF;
  border: 5px solid #ebfae8;
}
.btn--disable {
  cursor: pointer;
  padding: 0.4em 1.2em 0.4em 1.2em;
  outline: none;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 30px;
  background: transparent;
  border: 1px solid #A4B0C3;
  color: #A4B0C3;
  font-size: 1em;
  line-height: 1.35em;
  transition: all 0.2s;
  text-decoration: none;
  text-wrap: nowrap;
  border-color: #CCCCCC;
  background: #FFFFFF;
  opacity: 0.6;
  cursor: not-allowed;
}
.btn--disable:hover {
  transform: scale(0.95);
  text-decoration: none;
}
.btn--disable:active,
.btn--disable:focus {
  transform: scale(0.9);
  text-decoration: none;
}
.btn--disable:disabled {
  cursor: unset;
  opacity: 0.3;
  -webkit-user-select: none;
  user-select: none;
}
.btn--disable--super {
  background: #A4B0C3;
  color: #FFFFFF;
}
.btn--disable--cta--main {
  background: #A4B0C3;
  color: #FFFFFF;
  border: 5px solid #ebfae8;
}
.btn--link {
  cursor: pointer;
  padding: 0.4em 1.2em 0.4em 1.2em;
  outline: none;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 30px;
  background: transparent;
  border: 1px solid #5AB3E4;
  color: #5AB3E4;
  font-size: 1em;
  line-height: 1.35em;
  transition: all 0.2s;
  text-decoration: none;
  text-wrap: nowrap;
  border-color: transparent;
  background: transparent;
  text-decoration: underline;
}
.btn--link:hover {
  transform: scale(0.95);
  text-decoration: none;
}
.btn--link:active,
.btn--link:focus {
  transform: scale(0.9);
  text-decoration: none;
}
.btn--link:disabled {
  cursor: unset;
  opacity: 0.3;
  -webkit-user-select: none;
  user-select: none;
}
.btn--link--super {
  background: #5AB3E4;
  color: #FFFFFF;
}
.btn--link--cta--main {
  background: #5AB3E4;
  color: #FFFFFF;
  border: 5px solid #ebfae8;
}
.btn--size--normal {
  font-size: 1em;
}
.btn--size--small {
  font-size: 0.85em;
}
.btn--size--medium {
  font-size: 1.1em;
}
.btn--size--xl {
  font-size: 1.25em;
}
.btn--size--xxl {
  font-size: 1.4em;
}
.oc-icon--password {
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 20px 20px;
  padding-left: 36px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.0833 9.5H17.8333V7.83332C17.8333 4.6168 15.2166 2 12 2C8.78344 2 6.16668 4.6168 6.16668 7.83332V9.5H4.91668C4.68637 9.5 4.5 9.68637 4.5 9.91668V20.3334C4.5 21.2525 5.24746 22 6.16668 22H17.8334C18.7525 22 19.5 21.2525 19.5 20.3333V9.91668C19.5 9.68637 19.3136 9.5 19.0833 9.5ZM13.2476 18.204C13.2606 18.3216 13.2228 18.4396 13.1438 18.5279C13.0649 18.6162 12.9518 18.6667 12.8334 18.6667H11.1667C11.0483 18.6667 10.9352 18.6162 10.8562 18.5279C10.7773 18.4396 10.7394 18.3216 10.7525 18.204L11.0153 15.8404C10.5885 15.5299 10.3334 15.0387 10.3334 14.5C10.3334 13.5808 11.0808 12.8333 12 12.8333C12.9193 12.8333 13.6667 13.5808 13.6667 14.5C13.6667 15.0387 13.4116 15.5299 12.9848 15.8404L13.2476 18.204ZM15.3333 9.5H8.66668V7.83332C8.66668 5.99535 10.162 4.5 12 4.5C13.838 4.5 15.3333 5.99535 15.3333 7.83332V9.5Z' fill='%23A4B0C3'/%3E%3C/svg%3E");
}
.oc-icon--email {
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 20px 20px;
  padding-left: 36px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.214 19.8579C20.6636 19.8579 21.0532 19.7095 21.3843 19.4164L15.718 13.7498C15.5821 13.8472 15.4503 13.9418 15.3258 14.0318C14.9018 14.3443 14.5576 14.5881 14.2933 14.7628C14.0291 14.9378 13.6775 15.1163 13.2387 15.2985C12.7995 15.481 12.3904 15.5719 12.0109 15.5719H11.9998H11.9887C11.6091 15.5719 11.2 15.481 10.7609 15.2985C10.3218 15.1163 9.9702 14.9378 9.70622 14.7628C9.44198 14.5881 9.09801 14.3443 8.67375 14.0318C8.55552 13.9452 8.4244 13.8501 8.28264 13.7483L2.61523 19.4164C2.94636 19.7095 3.33616 19.8579 3.78569 19.8579H20.214Z' fill='%23A4B0C3'/%3E%3Cpath d='M3.12735 10.1781C2.70335 9.89545 2.32735 9.5717 2 9.20703V17.8282L6.99427 12.8339C5.99513 12.1364 4.7078 11.2521 3.12735 10.1781Z' fill='%23A4B0C3'/%3E%3Cpath d='M20.8835 10.1781C19.3634 11.207 18.0713 12.0928 17.0073 12.8359L21.9996 17.8284V9.20703C21.6795 9.56437 21.3075 9.8879 20.8835 10.1781Z' fill='%23A4B0C3'/%3E%3Cpath d='M20.2257 4.13892H3.79738C3.22425 4.13892 2.78361 4.33245 2.47493 4.71913C2.16599 5.10599 2.01178 5.5898 2.01178 6.17002C2.01178 6.63868 2.21643 7.1465 2.62555 7.6936C3.03466 8.24048 3.47 8.67004 3.93133 8.9825C4.18424 9.16118 4.94692 9.6914 6.21937 10.573C6.90627 11.049 7.50362 11.4639 8.01695 11.8219C8.4545 12.1268 8.83185 12.3908 9.1434 12.6099C9.17916 12.635 9.23541 12.6752 9.31007 12.7286C9.39049 12.7863 9.49227 12.8597 9.61784 12.9503C9.85963 13.1252 10.0605 13.2666 10.2205 13.3745C10.3803 13.4826 10.5738 13.6032 10.8009 13.7372C11.0278 13.871 11.2419 13.9716 11.4427 14.0386C11.6436 14.1055 11.8296 14.139 12.0007 14.139H12.0118H12.0229C12.194 14.139 12.38 14.1055 12.581 14.0386C12.7818 13.9716 12.9956 13.8712 13.2227 13.7372C13.4496 13.6032 13.6429 13.4823 13.8032 13.3745C13.9632 13.2666 14.1641 13.1252 14.4059 12.9503C14.5312 12.8597 14.633 12.7863 14.7134 12.7288C14.7881 12.6752 14.8443 12.6352 14.8803 12.6099C15.123 12.441 15.5012 12.1781 16.0097 11.825C16.935 11.1821 18.2977 10.2358 20.1035 8.9825C20.6466 8.60315 21.1004 8.14538 21.465 7.60983C21.8291 7.07427 22.0116 6.5125 22.0116 5.9247C22.0116 5.43359 21.8346 5.01336 21.4815 4.66336C21.128 4.31379 20.7093 4.13892 20.2257 4.13892Z' fill='%23A4B0C3'/%3E%3C/svg%3E");
}
.oc-icon--user,
.oc-icon--account,
.oc-icon--name,
.oc-icon--first_name,
.oc-icon--last_name {
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 20px 20px;
  padding-left: 36px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.0002 11.348C14.3054 11.348 16.1742 9.47926 16.1742 7.17401C16.1742 4.86877 14.3054 3 12.0002 3C9.69494 3 7.82617 4.86877 7.82617 7.17401C7.82617 9.47926 9.69494 11.348 12.0002 11.348Z' fill='%23A4B0C3'/%3E%3Cpath d='M12 13.433C7.82171 13.433 4.43457 16.8201 4.43457 20.9984H19.5654C19.5654 16.8201 16.1782 13.433 12 13.433Z' fill='%23A4B0C3'/%3E%3C/svg%3E");
}
.oc-icon--country,
.oc-icon--country_id {
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 20px 20px;
  padding-left: 36px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 20C8.63333 20 7.34167 19.7373 6.125 19.212C4.90833 18.6867 3.846 17.97 2.938 17.062C2.02933 16.154 1.31267 15.0917 0.788 13.875C0.263333 12.6583 0.000666667 11.3667 0 10C0 8.61667 0.262667 7.321 0.788 6.113C1.31333 4.905 2.03 3.84667 2.938 2.938C3.846 2.02933 4.908 1.31267 6.124 0.788C7.34 0.263333 8.632 0.000666667 10 0C11.3833 0 12.6793 0.262667 13.888 0.788C15.0967 1.31333 16.1547 2.03 17.062 2.938C17.9707 3.846 18.6873 4.90433 19.212 6.113C19.7367 7.32167 19.9993 8.61733 20 10C20 11.3667 19.7373 12.6583 19.212 13.875C18.6867 15.0917 17.97 16.1543 17.062 17.063C16.154 17.971 15.0957 18.6877 13.887 19.213C12.6783 19.7383 11.3827 20.0007 10 20ZM10 17.95C10.4333 17.35 10.8083 16.725 11.125 16.075C11.4417 15.425 11.7 14.7333 11.9 14H8.1C8.3 14.7333 8.55833 15.425 8.875 16.075C9.19167 16.725 9.56667 17.35 10 17.95ZM7.4 17.55C7.1 17 6.83767 16.429 6.613 15.837C6.38833 15.245 6.20067 14.6327 6.05 14H3.1C3.58333 14.8333 4.18767 15.5583 4.913 16.175C5.63833 16.7917 6.46733 17.25 7.4 17.55ZM12.6 17.55C13.5333 17.25 14.3627 16.7917 15.088 16.175C15.8133 15.5583 16.4173 14.8333 16.9 14H13.95C13.8 14.6333 13.6127 15.246 13.388 15.838C13.1633 16.43 12.9007 17.0007 12.6 17.55ZM2.25 12H5.65C5.6 11.6667 5.56267 11.3377 5.538 11.013C5.51333 10.6883 5.50067 10.3507 5.5 10C5.5 9.65 5.51267 9.31267 5.538 8.988C5.56333 8.66333 5.60067 8.334 5.65 8H2.25C2.16667 8.33333 2.10433 8.66267 2.063 8.988C2.02167 9.31333 2.00067 9.65067 2 10C2 10.35 2.021 10.6877 2.063 11.013C2.105 11.3383 2.16733 11.6673 2.25 12ZM7.65 12H12.35C12.4 11.6667 12.4377 11.3377 12.463 11.013C12.4883 10.6883 12.5007 10.3507 12.5 10C12.5 9.65 12.4873 9.31267 12.462 8.988C12.4367 8.66333 12.3993 8.334 12.35 8H7.65C7.6 8.33333 7.56267 8.66267 7.538 8.988C7.51333 9.31333 7.50067 9.65067 7.5 10C7.5 10.35 7.51267 10.6877 7.538 11.013C7.56333 11.3383 7.60067 11.6673 7.65 12ZM14.35 12H17.75C17.8333 11.6667 17.896 11.3377 17.938 11.013C17.98 10.6883 18.0007 10.3507 18 10C18 9.65 17.9793 9.31267 17.938 8.988C17.8967 8.66333 17.834 8.334 17.75 8H14.35C14.4 8.33333 14.4377 8.66267 14.463 8.988C14.4883 9.31333 14.5007 9.65067 14.5 10C14.5 10.35 14.4873 10.6877 14.462 11.013C14.4367 11.3383 14.3993 11.6673 14.35 12ZM13.95 6H16.9C16.4167 5.16667 15.8127 4.44167 15.088 3.825C14.3633 3.20833 13.534 2.75 12.6 2.45C12.9 3 13.1627 3.571 13.388 4.163C13.6133 4.755 13.8007 5.36733 13.95 6ZM8.1 6H11.9C11.7 5.26667 11.4417 4.575 11.125 3.925C10.8083 3.275 10.4333 2.65 10 2.05C9.56667 2.65 9.19167 3.275 8.875 3.925C8.55833 4.575 8.3 5.26667 8.1 6ZM3.1 6H6.05C6.2 5.36667 6.38767 4.754 6.613 4.162C6.83833 3.57 7.10067 2.99933 7.4 2.45C6.46667 2.75 5.63733 3.20833 4.912 3.825C4.18667 4.44167 3.58267 5.16667 3.1 6Z' fill='%23A4B0C3'/%3E%3C/svg%3E");
}
.oc-icon--phone,
.oc-icon--mobile_phone {
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 20px 20px;
  padding-left: 36px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.0022 11H22C22 5.86943 18.1313 2 13 2V4.00022C17.0575 4.00022 20.0022 6.94355 20.0022 11Z' fill='%23A4B0C3'/%3E%3Cpath d='M12.6664 8.13504C14.9095 8.13504 15.8663 9.09172 15.8663 11.3346H17.9995C17.9995 7.89507 16.1062 6.00197 12.6664 6.00197V8.13504ZM16.3164 13.9402C16.1114 13.7539 15.8421 13.6546 15.5653 13.6631C15.2884 13.6717 15.0258 13.7875 14.8327 13.9861L12.2803 16.6108C11.6659 16.4935 10.4308 16.1085 9.1594 14.8403C7.888 13.568 7.50295 12.3297 7.38883 11.7197L10.0116 9.16638C10.2105 8.97347 10.3264 8.71078 10.335 8.43389C10.3435 8.157 10.244 7.88765 10.0575 7.68283L6.11636 3.3495C5.92975 3.14403 5.67038 3.01941 5.39336 3.00208C5.11633 2.98476 4.84346 3.0761 4.6327 3.25671L2.31815 5.24153C2.13375 5.42659 2.02368 5.67289 2.00883 5.93371C1.99283 6.20034 1.68778 12.5164 6.58567 17.416C10.8585 21.6875 16.2108 22 17.6848 22C17.9003 22 18.0325 21.9936 18.0677 21.9915C18.3285 21.9769 18.5747 21.8663 18.7589 21.6811L20.7428 19.3657C20.9236 19.155 21.0151 18.8823 20.998 18.6053C20.9808 18.3283 20.8564 18.0689 20.6511 17.8821L16.3164 13.9402V13.9402Z' fill='%23A4B0C3'/%3E%3C/svg%3E");
}
.oc-icon--link,
.oc-icon--slug {
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 20px 20px;
  padding-left: 36px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.83362 10.583C9.08413 10.9179 9.40374 11.195 9.77077 11.3955C10.1378 11.5961 10.5437 11.7153 10.9608 11.7452C11.378 11.7751 11.7967 11.7149 12.1886 11.5687C12.5804 11.4225 12.9363 11.1938 13.232 10.898L14.982 9.14799C15.5132 8.5979 15.8072 7.86114 15.8006 7.0964C15.7939 6.33166 15.4872 5.60012 14.9464 5.05935C14.4056 4.51858 13.6741 4.21183 12.9094 4.20519C12.1446 4.19854 11.4079 4.49253 10.8578 5.02382L9.85445 6.02132' stroke='%23A4B0C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.1668 9.41672C10.9163 9.08181 10.5967 8.80469 10.2296 8.60417C9.8626 8.40364 9.45674 8.2844 9.03957 8.25452C8.6224 8.22465 8.20369 8.28484 7.81183 8.43101C7.41997 8.57719 7.06413 8.80593 6.76845 9.10172L5.01845 10.8517C4.48716 11.4018 4.19317 12.1386 4.19982 12.9033C4.20646 13.668 4.51321 14.3996 5.05398 14.9404C5.59475 15.4811 6.32629 15.7879 7.09103 15.7945C7.85577 15.8012 8.59253 15.5072 9.14262 14.9759L10.1401 13.9784' stroke='%23A4B0C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .modal__app_stateInit {
    transition: transform 0.2s ease-in-out;
  }
}
@media (max-width: 767px) {
  .modal__app_stateAnimated {
    transition: transform 0.2s ease-in-out;
    transform: translateX(-100%);
  }
}
@media (max-width: 767px) {
  .modal__master_stateInit {
    display: flex !important;
    transition: transform 0.2s ease-in-out;
    transform: translateX(100%);
  }
}
.modal__master_stateAnimated {
  display: flex;
}
@media (max-width: 767px) {
  .modal__master_stateAnimated {
    transition: transform 0.2s ease-in-out;
    transform: translateX(0);
  }
}
@media (max-width: 767px) {
  .modal__slave_stateInit {
    transition: transform 0.2s ease-in-out;
    transform: translateX(0);
  }
}
.modal__slave_stateAnimated {
  display: none !important;
}
@media (max-width: 767px) {
  .modal__slave_stateAnimated {
    display: block !important;
    transition: transform 0.2s ease-in-out;
    transform: translateX(-100%);
  }
}
.defModalHeader__header {
  display: none !important;
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
  height: 54px;
  box-sizing: border-box;
  display: flex;
  gap: 5px;
  flex-direction: row;
  align-content: center;
  justify-content: flex-end;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 100px;
  background: white;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(5px);
  border: 0;
  border-radius: 0px;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 1px 2px 1px rgba(50, 50, 50, 0.05);
  padding: 12px 12px;
  padding-left: 48px;
  font-size: 2em;
  padding-right: 24px;
}
@media (max-width: 767px) {
  .defModalHeader__header {
    display: flex !important;
  }
}
.defModalHeader__header * {
  position: relative;
  inset: unset;
}
.globalModalWrapper__body .viewEmbedApp {
  border-radius: 24px !important;
}
.globalModalWrapper--hidden {
  display: none !important;
}
.globalModalWrapper__body--hidden {
  display: none !important;
}
.globalModalWrapper--default {
  position: fixed;
  z-index: 126;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100dvh;
  min-height: -webkit-fill-available;
  height: 100%;
  height: 100vh;
  height: 100dvh;
  min-height: -webkit-fill-available;
  background: rgba(30, 33, 38, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.25) transparent;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 100px;
  padding-top: 80px;
  display: flex;
  align-items: flex-start;
}
.globalModalWrapper--default::-webkit-scrollbar {
  width: 3px;
  opacity: 0;
}
.globalModalWrapper--default:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.25);
}
.globalModalWrapper--default::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0);
  transition: background 0.2s ease;
}
.globalModalWrapper--default .ctrl__close {
  position: fixed;
  transform: translateX(470px);
  width: 48px;
  height: 48px;
  cursor: pointer;
  border: none;
  background: transparent;
  transition: all 0.3s ease;
}
.globalModalWrapper--default .ctrl__close::before,
.globalModalWrapper--default .ctrl__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 3px;
  background: #FFFFFF;
  transform-origin: center;
  transition: all 0.3s ease;
  border-radius: 2px;
}
@media (max-width: 767px) {
  .globalModalWrapper--default .ctrl__close::before,
  .globalModalWrapper--default .ctrl__close::after {
    transform-origin: left;
    width: 20px;
  }
}
.globalModalWrapper--default .ctrl__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
@media (max-width: 767px) {
  .globalModalWrapper--default .ctrl__close::before {
    margin-top: -2px;
  }
}
.globalModalWrapper--default .ctrl__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.globalModalWrapper--default .ctrl__close:hover::before,
.globalModalWrapper--default .ctrl__close:hover::after {
  background: #5AB3E4;
}
.globalModalWrapper--default .ctrl__close:focus {
  outline: 2px solid #5AB3E4;
  outline-offset: 2px;
}
.globalModalWrapper--default.globalModalWrapper--attached .ctrl__close {
  width: 48px;
  height: 48px;
  cursor: pointer;
  border: none;
  background: transparent;
  transition: all 0.3s ease;
  background: #FFFFFF;
  position: absolute;
  left: unset;
  right: 0px;
  transform: unset;
  border: 2px solid #ddd;
  transform: translateY(-10px) translateX(8px) scale(0.5);
}
.globalModalWrapper--default.globalModalWrapper--attached .ctrl__close::before,
.globalModalWrapper--default.globalModalWrapper--attached .ctrl__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 3px;
  background: #1E252B;
  transform-origin: center;
  transition: all 0.3s ease;
  border-radius: 2px;
}
.globalModalWrapper--default.globalModalWrapper--attached .ctrl__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.globalModalWrapper--default.globalModalWrapper--attached .ctrl__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.globalModalWrapper--default.globalModalWrapper--attached .ctrl__close:hover::before,
.globalModalWrapper--default.globalModalWrapper--attached .ctrl__close:hover::after {
  background: #5AB3E4;
}
.globalModalWrapper--default.globalModalWrapper--attached .ctrl__close:focus {
  outline: 2px solid #5AB3E4;
  outline-offset: 2px;
}
@media (max-width: 767px) {
  .globalModalWrapper--default {
    padding: 0px !important;
    overflow: hidden;
  }
  .globalModalWrapper--default .ctrl__close {
    z-index: 1001;
    position: fixed;
    top: 3px;
    left: 0px;
    transform: scale(0.8);
  }
  .globalModalWrapper--default .ctrl__close::before,
  .globalModalWrapper--default .ctrl__close::after {
    background: #3e657a;
  }
}
.globalModalWrapper__body {
  background: white;
  border-radius: 18px;
  max-width: 900px;
  min-height: 200px;
  box-sizing: border-box;
  padding: 30px;
  display: flex;
  border: 0;
  box-shadow: 0px 0px 10px 1px rgba(50, 55, 60, 0.1);
  margin-bottom: 100px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  height: unset;
  overflow: hidden;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 200px;
  position: relative;
}
@media (max-width: 767px) {
  .globalModalWrapper__body {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border: 0px;
    border-radius: 0;
    margin: 0px !important;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 100px;
    padding-top: 60px !important;
  }
}
.globalModalWrapper--inline {
  position: absolute !important;
  z-index: 50;
  pointer-events: auto;
  width: auto;
  height: auto;
  background: none;
}
.globalModalWrapper--inline .globalModalWrapper__body {
  padding: 0px;
  height: auto;
  width: auto;
  min-width: 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0px 2px 4px 1px rgba(30, 30, 30, 0.05);
}
.globalModalWrapper--noPadding .globalModalWrapper__body {
  padding: 0px;
}
@media (max-width: 767px) {
  .globalModalWrapper--noPadding .globalModalWrapper__body {
    padding: 0px;
  }
}
.globalModalWrapper--minimal {
  position: fixed;
  z-index: 126;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100dvh;
  min-height: -webkit-fill-available;
  height: 100%;
  height: 100vh;
  height: 100dvh;
  min-height: -webkit-fill-available;
  background: rgba(30, 33, 38, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
}
.globalModalWrapper--minimal .globalModalWrapper__body {
  width: 100%;
}
@media (max-width: 767px) {
  .globalModalWrapper--minimal .globalModalWrapper__body {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
  }
}
.globalModalWrapper--super {
  width: auto;
  left: unset;
  top: unset;
  height: unset;
  min-height: unset;
  background: none;
  margin-left: 44px;
  margin-top: 10px;
  padding: 0px;
}
.globalModalWrapper--super .ctrl__close {
  display: none;
}
@media (max-width: 767px) {
  .globalModalWrapper--super {
    position: fixed;
    z-index: 126;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 100vh;
    height: 100dvh;
    min-height: -webkit-fill-available;
    height: 100%;
    height: 100vh;
    height: 100dvh;
    min-height: -webkit-fill-available;
    background: rgba(30, 33, 38, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
  }
  .globalModalWrapper--super .ctrl__close {
    display: inline-block;
  }
  .globalModalWrapper--super .globalModalWrapper__body {
    width: 300px;
    min-height: 200px;
    flex-direction: column;
    justify-content: space-between;
    margin: 0px;
    border-radius: 22px;
    padding-top: 0 !important;
  }
}
.globalModalWrapper--super .globalModalWrapper__body {
  padding: 0px;
  height: auto;
  width: auto;
  display: flex;
  margin: 0px;
  flex-direction: row;
  overflow: hidden;
  justify-content: space-between;
  box-shadow: 0px 2px 4px 1px rgba(30, 30, 30, 0.05);
}
.globalModalWrapper--simple .globalModalWrapper__body {
  width: 380px;
}
@media (max-width: 767px) {
  .globalModalWrapper--simple .globalModalWrapper__body {
    width: 100%;
    padding: 0px;
    display: flex;
    justify-content: center;
  }
}
.globalModalWrapper--simple .ctrl__close {
  transform: translateX(220px);
}
@media (max-width: 767px) {
  .globalModalWrapper--simple .ctrl__close {
    transform: scale(0.8);
  }
}
.globalModalWrapper--details {
  align-items: flex-start;
}
.globalModalWrapper--details .globalModalWrapper__body {
  background: white;
  border-radius: 18px;
  max-width: 900px;
  min-height: 200px;
  box-sizing: border-box;
  padding: 30px;
  display: flex;
  border: 0;
  box-shadow: 0px 0px 10px 1px rgba(50, 55, 60, 0.1);
  margin-bottom: 100px;
  width: auto;
  width: 100%;
  max-width: 890px;
  left: auto;
  right: unset;
  margin: 0px;
  margin: auto;
  position: relative;
  min-height: 300px;
  height: unset;
  margin: 0px;
  margin-bottom: 400px;
}
@media (max-width: 767px) {
  .globalModalWrapper--details .globalModalWrapper__body {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    max-width: unset;
    max-height: unset;
    align-items: flex-start;
    border-radius: 0px;
    border: 0px;
    padding: 12px;
    padding-bottom: 120px;
  }
}
.globalModalWrapper--light .globalModalWrapper__body {
  width: auto;
  padding: 0px;
  margin: 0px;
  width: auto;
  height: auto;
  max-height: unset;
  min-width: 320px;
  max-width: 900px;
  border: 3px solid rgba(0, 0, 0, 0.7);
  background: black;
}
@media (max-width: 575px) {
  .globalModalWrapper--light {
    width: 100%;
    padding: 0px;
  }
}
.globalModalWrapper--context {
  height: auto;
  background: none;
  min-height: auto;
  padding: 0px;
  border-radius: 14px;
  box-shadow: 0px 2px 8px 2px rgba(60, 70, 95, 0.2);
  width: 220px;
}
.globalModalWrapper--context .globalModalWrapper__body {
  padding: 0px;
  border-radius: 12px;
  margin: 0px;
  width: 220px;
}
.globalModalWrapper--context .ctrl__close {
  position: fixed;
  transform: translateX(112px) translateY(-20px) scale(0.6);
  width: 42px;
  height: 42px;
  cursor: pointer;
  border: none;
  transition: all 0.3s ease;
  background: #5AB3E4;
  border-radius: 50%;
}
.globalModalWrapper--context .ctrl__close:hover {
  background: #FFFFFF;
}
.globalModalWrapper--contextContent {
  width: auto;
  height: auto;
  background: none;
  min-height: auto;
  padding: 0px;
  border-radius: 14px;
  box-shadow: 0px 2px 8px 2px rgba(60, 70, 95, 0.2);
  width: 280px;
}
.globalModalWrapper--contextContent .globalModalWrapper__body {
  padding: 12px;
  border-radius: 12px;
  margin: 0px;
  width: 280px;
}
.globalModalWrapper--contextContent .ctrl__close {
  position: fixed;
  transform: translateX(142px) translateY(-20px) scale(0.6);
  width: 42px;
  height: 42px;
  cursor: pointer;
  border: none;
  transition: all 0.3s ease;
  background: #5AB3E4;
  border-radius: 50%;
}
.globalModalWrapper--contextContent .ctrl__close:hover {
  background: #FFFFFF;
}
.modal__app_stateAnimated--modalAttached {
  transform: none !important;
}
.globalModalWrapper--attached.modal__master_stateInit {
  transform: scale(0) !important;
  opacity: 0;
  transition: opacity 0.3s, transform 0.15s;
}
.globalModalWrapper--attached.modal__master_stateAnimated {
  transform: scale(1) !important;
  opacity: 1;
  transition: opacity 0.3s, transform 0.15s;
}
.globalModalWrapper--attached.modal__slave_stateInit {
  transform: scale(0) !important;
  opacity: 0;
  transition: opacity 0.3s, transform 0.15s;
}
.globalModalWrapper--attached.modal__slave_stateAnimated {
  transform: scale(1) !important;
  opacity: 1;
  transition: opacity 0.3s, transform 0.15s;
}
.globalModalWrapper--attached .defModalHeader__header {
  display: none !important;
}
.globalModalWrapper--attached.globalModalWrapper--contextContent .globalModalWrapper__body {
  padding-top: 12px !important;
}
.globalModalWrapper--attached.globalModalWrapper--context .globalModalWrapper__body {
  padding-top: 0px !important;
}
.iconMenu--global {
  --w: 28px;
  --h: 18px;
  --t: 2px;
  --r: 999px;
  width: var(--w);
  height: var(--h);
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: inline-grid;
  place-items: center;
}
.iconMenu--global > span {
  width: 100%;
  height: var(--t);
  border-radius: var(--r);
  background: currentColor;
  display: block;
  position: relative;
}
.iconMenu--global > span::before,
.iconMenu--global > span::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: var(--t);
  border-radius: var(--r);
  background: currentColor;
}
.iconMenu--global > span::before {
  top: calc(-1 * (var(--h) - var(--t)) / 2);
}
.iconMenu--global > span::after {
  top: calc((var(--h) - var(--t)) / 2);
}
@keyframes oc-busy-shimmer {
  to {
    transform: translateX(100%);
  }
}
.oc-control {
  background-color: #f5f8fa;
}
@keyframes oc-busy-shimmer {
  to {
    transform: translateX(100%);
  }
}
.oc-control--disabled {
  opacity: 0.3;
  pointer-events: none;
}
.oc-control--error {
  border: 1px solid #F19AA1;
}
.oc-control--error.checkbox-label,
.oc-control--error.oc-radio {
  color: #E86F79;
  border: none;
}
.oc-control--busy {
  position: relative;
  opacity: 0.7;
  pointer-events: none !important;
  overflow: hidden;
}
.oc-control--busy::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.8;
  background-color:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.55) 30%,
      rgba(90, 179, 228, 0.3137254902) 50%,
      rgba(90, 179, 228, 0.3137254902) 70%,
      transparent 100%);
  transform: translateX(-100%);
  animation: oc-busy-shimmer 1.2s infinite linear;
  pointer-events: none;
}
.oc-customSelect {
  position: relative;
  width: 100%;
  -webkit-user-select: none;
  user-select: none;
}
.oc-customSelect__trigger {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 36px;
  padding: 0 36px 0 16px;
  background-color: #F5F8FA;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%667285ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 1px solid #dfe3e7;
  border-radius: 8px;
  color: #1E252B;
  font-size: 14px;
  font-family: "LatoWeb", sans-serif;
  cursor: pointer;
  outline: none;
  transition: border-color 150ms ease, box-shadow 150ms ease;
  gap: 0.4em;
}
.oc-customSelect__trigger:hover {
  border-color: #c5cdd8;
}
.oc-customSelect--open .oc-customSelect__trigger {
  border-color: #5AB3E4;
  box-shadow: 0 0 0 3px rgba(90, 179, 228, 0.15);
}
.oc-customSelect__dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 100;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #F5F8FA;
  border: 1px solid #dfe3e7;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.oc-customSelect--open .oc-customSelect__dropdown {
  display: block;
}
.oc-customSelect__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0.4em 12px;
  height: 36px;
  font-size: 14px;
  color: #1E252B;
  cursor: pointer;
  transition: background 100ms ease;
}
.oc-customSelect__item:hover {
  background-color: #E6F6FF;
}
.oc-customSelect__item--active {
  background-color: #E6F6FF;
  color: #5AB3E4;
}
.oc-customSelect__icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.oc-customSelect__label {
  flex: 1;
}
.oc-customSelect__range {
  font-size: 0.8125em;
  color: #A4B0C3;
  margin-left: 2px;
}
.oc-select {
  box-sizing: border-box;
  height: 36px;
  padding: 0 12px;
  background-color: #F5F8FA;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #1E252B;
  font-size: 14px;
  font-family: "LatoWeb", sans-serif;
  line-height: 36px;
  outline: none;
  transition: border-color 150ms ease, box-shadow 150ms ease;
  appearance: none;
  -webkit-appearance: none;
  padding-right: 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%667285ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  cursor: pointer;
  width: 100%;
}
.oc-select:hover {
  border-color: #c5cdd8;
}
.oc-select:focus {
  border-color: #5AB3E4;
  box-shadow: 0 0 0 3px rgba(90, 179, 228, 0.15);
}
.oc-select:disabled {
  background-color: #F6F6F6;
  color: #A4B0C3;
  cursor: not-allowed;
  border-color: #dfe3e7;
  box-shadow: none;
}
.oc-select:disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%667285ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  cursor: not-allowed;
}
.oc-input {
  box-sizing: border-box;
  height: 36px;
  padding: 0 12px;
  background-color: #F5F8FA;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #1E252B;
  font-size: 14px;
  font-family: "LatoWeb", sans-serif;
  line-height: 36px;
  outline: none;
  transition: border-color 150ms ease, box-shadow 150ms ease;
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
}
.oc-input:hover {
  border-color: #c5cdd8;
}
.oc-input:focus {
  border-color: #5AB3E4;
  box-shadow: 0 0 0 3px rgba(90, 179, 228, 0.15);
}
.oc-input:disabled {
  background-color: #F6F6F6;
  color: #A4B0C3;
  cursor: not-allowed;
  border-color: #dfe3e7;
  box-shadow: none;
}
.oc-input::placeholder {
  color: #A4B0C3;
}
.oc-input[type=number] {
  padding-right: 12px;
}
.oc-textarea {
  box-sizing: border-box;
  height: 36px;
  padding: 0 12px;
  background-color: #F5F8FA;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #1E252B;
  font-size: 14px;
  font-family: "LatoWeb", sans-serif;
  line-height: 36px;
  outline: none;
  transition: border-color 150ms ease, box-shadow 150ms ease;
  appearance: none;
  -webkit-appearance: none;
  height: auto;
  line-height: 1.5;
  padding: 8px 12px;
  resize: vertical;
  width: 100%;
  min-height: 80px;
}
.oc-textarea:hover {
  border-color: #c5cdd8;
}
.oc-textarea:focus {
  border-color: #5AB3E4;
  box-shadow: 0 0 0 3px rgba(90, 179, 228, 0.15);
}
.oc-textarea:disabled {
  background-color: #F6F6F6;
  color: #A4B0C3;
  cursor: not-allowed;
  border-color: #dfe3e7;
  box-shadow: none;
}
.oc-textarea::placeholder {
  color: #A4B0C3;
}
.oc-radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font-size: 14px;
  color: #1E252B;
  font-family: "LatoWeb", sans-serif;
}
.oc-radio input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1.5px solid #dfe3e7;
  border-radius: 50%;
  background-color: #F5F8FA;
  display: grid;
  place-content: center;
  flex-shrink: 0;
  transition: border-color 150ms ease, box-shadow 150ms ease;
  cursor: pointer;
}
.oc-radio input[type=radio]::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #5AB3E4;
  transform: scale(0);
  transition: transform 120ms ease;
}
.oc-radio input[type=radio]:checked {
  border-color: #5AB3E4;
}
.oc-radio input[type=radio]:checked::before {
  transform: scale(1);
}
.oc-radio input[type=radio]:focus-visible {
  box-shadow: 0 0 0 3px rgba(90, 179, 228, 0.15);
}
.oc-radio input[type=radio]:disabled {
  background-color: #F6F6F6;
  border-color: #dfe3e7;
  cursor: not-allowed;
}
.oc-radio input[type=radio]:disabled::before {
  background-color: #A4B0C3;
}
.oc-radio:has(input:disabled) {
  color: #A4B0C3;
  cursor: not-allowed;
}
.oc-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font-size: 14px;
  color: #1E252B;
  font-family: "LatoWeb", sans-serif;
}
.oc-checkbox input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1.5px solid #dfe3e7;
  border-radius: 4px;
  background-color: #F5F8FA;
  display: grid;
  place-content: center;
  flex-shrink: 0;
  transition: border-color 150ms ease, box-shadow 150ms ease;
  cursor: pointer;
}
.oc-checkbox input[type=checkbox]::before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: scale(0);
  transition: transform 120ms ease;
}
.oc-checkbox input[type=checkbox]:checked {
  background-color: #5AB3E4;
  border-color: #5AB3E4;
}
.oc-checkbox input[type=checkbox]:checked::before {
  transform: scale(1);
}
.oc-checkbox input[type=checkbox]:indeterminate {
  background-color: #5AB3E4;
  border-color: #5AB3E4;
}
.oc-checkbox input[type=checkbox]:indeterminate::before {
  content: "";
  width: 8px;
  height: 2px;
  background-color: #FFFFFF;
  border-radius: 1px;
  transform: scale(1);
}
.oc-checkbox input[type=checkbox]:focus-visible {
  box-shadow: 0 0 0 3px rgba(90, 179, 228, 0.15);
}
.oc-checkbox input[type=checkbox]:disabled {
  background-color: #F6F6F6;
  border-color: #dfe3e7;
  cursor: not-allowed;
}
.oc-checkbox input[type=checkbox]:disabled:checked {
  background-color: #A4B0C3;
  border-color: #A4B0C3;
}
.oc-checkbox:has(input:disabled) {
  color: #A4B0C3;
  cursor: not-allowed;
}
.oc-ctrl-arrow-left {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #F5F8FA;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10 4l-4 4 4 4' stroke='%23A4B0C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #dfe3e7;
  border-radius: 50%;
  cursor: pointer;
  transition: border-color 150ms ease, box-shadow 150ms ease;
  flex-shrink: 0;
}
.oc-ctrl-arrow-left:hover {
  border-color: #c5cdd8;
  background-color: #E6F6FF;
}
.oc-ctrl-arrow-left:active {
  background-color: rgb(214.7, 240.492, 255);
}
.oc-ctrl-arrow-left--disabled,
.oc-ctrl-arrow-left:disabled {
  opacity: 0.4;
  pointer-events: none;
}
.oc-ctrl-arrow-right {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #F5F8FA;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 4l4 4-4 4' stroke='%23A4B0C3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #dfe3e7;
  border-radius: 50%;
  cursor: pointer;
  transition: border-color 150ms ease, box-shadow 150ms ease;
  flex-shrink: 0;
}
.oc-ctrl-arrow-right:hover {
  border-color: #c5cdd8;
  background-color: #E6F6FF;
}
.oc-ctrl-arrow-right:active {
  background-color: rgb(214.7, 240.492, 255);
}
.oc-ctrl-arrow-right--disabled,
.oc-ctrl-arrow-right:disabled {
  opacity: 0.4;
  pointer-events: none;
}

/* src/styles.scss */
@font-face {
  font-family: "LatoWebBold";
  font-display: block;
  src: url(/assets/fonts/Lato-Bold.woff2) format("woff2");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "LatoWebMedium";
  font-display: block;
  src: url(/assets/fonts/Lato-Medium.woff2) format("woff2");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "LatoWeb";
  font-display: block;
  src: url(/assets/fonts/Lato-Regular.woff2) format("woff2");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "LatoWebLight";
  font-display: block;
  src: url(/assets/fonts/Lato-Light.woff2) format("woff2");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
.__cssOnAdd__item {
  animation: fadeIn 1.5s ease-out;
}
.__cssOnRemove__item {
  animation: fadeOut 0.5s ease-out;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translateY(-80px);
  }
}
html,
body {
  font-family: "LatoWeb", sans-serif;
  font-size: 14px;
}
html,
body {
  margin: 0px;
  padding: 0px;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-4MBSSIF7.css.map */