@charset "UTF-8";

/* node_modules/intl-tel-input/build/css/intlTelInput.css */
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
[dir=rtl] .iti__arrow {
  margin-right: 6px;
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: white;
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: -1px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__dropdown-content--dropup {
  bottom: 100%;
  margin-bottom: 3px;
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding: 9px 12px;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid #ccc;
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px 8px;
  outline: none;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box,
.iti__country-name {
  margin-right: 8px;
}
[dir=rtl] .iti__flag-box,
[dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: 8px;
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel],
.iti--show-selected-dial-code input.iti__tel-input,
.iti--show-selected-dial-code input.iti__tel-input[type=text],
.iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input,
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: 52px;
  padding-left: 6px;
  margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container,
.iti--show-selected-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container,
[dir=rtl] .iti--show-selected-dial-code .iti__flag-container {
  right: 0;
  left: auto;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover {
  cursor: default;
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover .iti__selected-flag {
  background-color: transparent;
}
.iti--show-selected-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 6px;
}
[dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 6px;
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}
.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.iti--fullscreen-popup.iti--container.iti--country-search {
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}
.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-size: 5762px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}
.iti__flag.iti__bz {
  height: 12px;
  background-position: -812px 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti__flag.iti__cq {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1269px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1357px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1379px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1467px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1511px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1555px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1577px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1599px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1621px 0px;
}
.iti__flag.iti__ez {
  height: 14px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1731px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1775px 0px;
}
.iti__flag.iti__fx {
  height: 14px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1863px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2149px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2171px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2237px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2303px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2325px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2369px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2391px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2413px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2435px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2457px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2479px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2501px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2567px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2589px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2611px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2633px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2655px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2699px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2743px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2809px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2853px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2875px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2897px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2985px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -3051px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3073px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3095px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3117px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3139px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3161px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3183px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3205px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3226px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3270px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3556px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3622px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3666px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3688px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3710px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3732px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3752px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3774px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3818px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3840px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3862px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3899px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3921px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3965px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -4031px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4097px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4163px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4185px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4207px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4229px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4251px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4273px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4361px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4405px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4537px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4647px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4669px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4713px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4735px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4757px 0px;
}
.iti__flag.iti__su {
  height: 10px;
  background-position: -4779px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4801px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4823px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4889px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4911px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4977px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -5021px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5109px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5175px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5197px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5219px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5263px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uk {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5329px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5351px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5373px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5395px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5417px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5439px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5456px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5522px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5566px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5610px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5632px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5654px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5676px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5698px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5720px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5742px 0px;
}
.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("./media/flags.png?1");
  background-repeat: no-repeat;
  background-position: 20px 0;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-image: url("./media/flags@2x.png?1");
  }
}
.iti__globe {
  background-image: url("./media/globe.png");
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}
@media (min-resolution: 2x) {
  .iti__globe {
    background-image: url("./media/globe@2x.png");
  }
}

/* node_modules/ngx-spinner/animations/ball-spin-clockwise.css */
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-spin-clockwise,
.la-ball-spin-clockwise > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-spin-clockwise {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-spin-clockwise.la-dark {
  color: #333;
}
.la-ball-spin-clockwise > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-spin-clockwise {
  width: 32px;
  height: 32px;
}
.la-ball-spin-clockwise > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 100%;
  -webkit-animation: ball-spin-clockwise 1s infinite ease-in-out;
  -moz-animation: ball-spin-clockwise 1s infinite ease-in-out;
  -o-animation: ball-spin-clockwise 1s infinite ease-in-out;
  animation: ball-spin-clockwise 1s infinite ease-in-out;
}
.la-ball-spin-clockwise > div:nth-child(1) {
  top: 5%;
  left: 50%;
  -webkit-animation-delay: -.875s;
  -moz-animation-delay: -.875s;
  -o-animation-delay: -.875s;
  animation-delay: -.875s;
}
.la-ball-spin-clockwise > div:nth-child(2) {
  top: 18.1801948466%;
  left: 81.8198051534%;
  -webkit-animation-delay: -.75s;
  -moz-animation-delay: -.75s;
  -o-animation-delay: -.75s;
  animation-delay: -.75s;
}
.la-ball-spin-clockwise > div:nth-child(3) {
  top: 50%;
  left: 95%;
  -webkit-animation-delay: -.625s;
  -moz-animation-delay: -.625s;
  -o-animation-delay: -.625s;
  animation-delay: -.625s;
}
.la-ball-spin-clockwise > div:nth-child(4) {
  top: 81.8198051534%;
  left: 81.8198051534%;
  -webkit-animation-delay: -.5s;
  -moz-animation-delay: -.5s;
  -o-animation-delay: -.5s;
  animation-delay: -.5s;
}
.la-ball-spin-clockwise > div:nth-child(5) {
  top: 94.9999999966%;
  left: 50.0000000005%;
  -webkit-animation-delay: -.375s;
  -moz-animation-delay: -.375s;
  -o-animation-delay: -.375s;
  animation-delay: -.375s;
}
.la-ball-spin-clockwise > div:nth-child(6) {
  top: 81.8198046966%;
  left: 18.1801949248%;
  -webkit-animation-delay: -.25s;
  -moz-animation-delay: -.25s;
  -o-animation-delay: -.25s;
  animation-delay: -.25s;
}
.la-ball-spin-clockwise > div:nth-child(7) {
  top: 49.9999750815%;
  left: 5.0000051215%;
  -webkit-animation-delay: -.125s;
  -moz-animation-delay: -.125s;
  -o-animation-delay: -.125s;
  animation-delay: -.125s;
}
.la-ball-spin-clockwise > div:nth-child(8) {
  top: 18.179464974%;
  left: 18.1803700518%;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.la-ball-spin-clockwise.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-spin-clockwise.la-sm > div {
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-left: -2px;
}
.la-ball-spin-clockwise.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-spin-clockwise.la-2x > div {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
}
.la-ball-spin-clockwise.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-spin-clockwise.la-3x > div {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}
@-webkit-keyframes ball-spin-clockwise {
  0%, 100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-moz-keyframes ball-spin-clockwise {
  0%, 100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
}
@-o-keyframes ball-spin-clockwise {
  0%, 100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes ball-spin-clockwise {
  0%, 100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}

/* node_modules/ngx-toastr/toastr.css */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/* node_modules/leaflet/dist/leaflet.css */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.leaflet-tile::selection {
  background: transparent;
}
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}
.leaflet-container img.leaflet-tile {
  mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto;
}
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}
.leaflet-container a {
  color: #0078A8;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-container {
  font-family:
    "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}
.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font:
    bold 18px "Lucida Console",
    Monaco,
    monospace;
  text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url("./media/layers.png");
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url("./media/layers-2x.png");
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}
.leaflet-default-icon-path {
  background-image: url("./media/marker-icon.png");
}
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  text-decoration: underline;
}
.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}
.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}
.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font:
    16px/24px Tahoma,
    Verdana,
    sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}
.leaflet-popup-scrolled {
  overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
@media print {
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* src/styles.scss */
:root {
  --font-family: "DM Sans", sans-serif;
  --color-white: #ffffff;
  --color-brown: #673606;
  --color-orange: #faae63;
  --color-orange-200: #e3bb65;
  --color-purple: #682d51;
  --color-pink: #e19ec7;
  --color-black: #000000;
  --color-white-alpha-05: rgba(255, 255, 255, 0.05);
  --color-white-alpha-10: rgba(255, 255, 255, 0.1);
  --color-white-alpha-20: rgba(255, 255, 255, 0.2);
  --color-white-alpha-40: rgba(255, 255, 255, 0.8);
  --color-white-alpha-50: rgba(255, 255, 255, 0.7);
  --color-white-alpha-70: rgba(255, 255, 255, 0.5);
  --color-gray-alpha-08: rgba(202, 196, 208, 0.08);
  --color-red-100: #fda29b;
  --color-red-200: #f87171;
  --color-red-300: #fa6363;
  --color-red-600: #844649;
  --color-red-800: #843333;
  --color-red-900: #372f2f;
  --color-blue-100: #7bcfd3;
  --color-blue-800: #114c5d;
  --color-blue-900: #0c4e51;
  --color-green-10: #c5ffb8;
  --color-green-100: #46921a;
  --color-green-400: #469575;
  --color-green-600: #447639;
  --color-green-700: #2d624d;
  --color-green-800: #224939;
  --color-green-850: #31372f;
  --color-green-900: #12231c;
  --color-gray-10: #fafafa;
  --color-gray-100: #cdcdcd;
  --color-gray-200: #c3c3c3;
  --color-gray-250: #989898;
  --color-gray-300: #676769;
  --color-gray-400: #4f4f4f;
  --color-gray-500: #3a3936;
  --color-gray-600: #2f2e2d;
  --color-gray-650: #282726;
  --color-gray-700: #222121;
  --color-gray-800: #212121;
  --color-gray-850: #161616;
  --color-gray-900: #0d0d0d;
  --color-card-bg-quaternary: #3a3936;
  --color-card-bg-tertiary: #2f2e2d;
  --color-card-bg-secondary: #222121;
  --color-card-bg-primary: #0d0d0d;
  --card-box-shadow: 0 4px 128px 0 rgba(0, 0, 0, 0.25);
  --color-gradient-silver:
    linear-gradient(
      119deg,
      #fff 0%,
      #999 100%);
  --color-gradient-color1:
    radial-gradient(
      50% 50% at 50% 50%,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0) 100%),
    url(/assets/images/gradient-1.webp) lightgray 50% / cover no-repeat;
  --color-alert-success-bg: #2d624d;
  --color-alert-info-bg: #185b6e;
  --color-alert-warning-bg: #e3bb65;
  --color-alert-error-bg: #843333;
  --spacing-0-5: 2px;
  --spacing-1: 4px;
  --spacing-1-5: 6px;
  --spacing-2: 8px;
  --spacing-2-5: 10px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-6: 24px;
  --spacing-8: 32px;
  --spacing-10: 40px;
  --spacing-12: 48px;
  --spacing-16: 64px;
  --radius-1: 4px;
  --radius-1-5: 6px;
  --radius-2: 8px;
  --radius-3: 12px;
  --radius-4: 16px;
  --radius-6: 24px;
  --radius-8: 32px;
  --radius-full: 999px;
  --nav-width-expanded: 240px;
  --nav-width-collapsed: 96px;
  --container-width: 720px;
  --container-full-width: 1440px;
}
html:root {
  --p-primary-0: var(--color-white);
  --p-primary-50: var(--color-gray-10);
  --p-primary-100: var(--color-gray-100);
  --p-primary-200: var(--color-gray-200);
  --p-primary-300: var(--color-gray-300);
  --p-primary-400: var(--color-gray-400);
  --p-primary-500: var(--color-gray-500);
  --p-primary-600: var(--color-gray-600);
  --p-primary-700: var(--color-gray-700);
  --p-primary-800: var(--color-gray-800);
  --p-primary-900: var(--color-gray-900);
  --p-primary-950: var(--color-gray-900);
  --p-primary-color: var(--color-white);
  --p-surface-0: var(--color-white);
  --p-surface-50: var(--color-gray-10);
  --p-surface-100: var(--color-gray-100);
  --p-surface-200: var(--color-gray-200);
  --p-surface-300: var(--color-gray-300);
  --p-surface-400: var(--color-gray-400);
  --p-surface-500: var(--color-gray-500);
  --p-surface-600: var(--color-gray-600);
  --p-surface-700: var(--color-gray-700);
  --p-surface-800: var(--color-gray-800);
  --p-surface-900: var(--color-gray-900);
  --p-surface-950: var(--color-gray-900);
  --p-border-radius-xs: var(--radius-1);
  --p-border-radius-sm: var(--radius-2);
  --p-border-radius-md: var(--radius-3);
  --p-border-radius-lg: var(--radius-4);
  --p-border-radius-xl: var(--radius-8);
  --p-form-field-background: var(--color-card-bg-secondary);
  --p-form-field-border-color: var(--color-card-bg-secondary);
  --p-form-field-hover-border-color: var(--color-card-bg-secondary);
  --p-form-field-focus-border-color: var(--color-white);
  --p-form-field-icon-color: var(--color-white);
  --p-form-field-border-radius: var(--radius-2);
  --p-form-field-placeholder-color: var(--color-gray-100);
  --p-form-field-padding-x: var(--spacing-2-5);
  --p-form-field-padding-y: var(--spacing-2-5);
  --p-overlay-select-border-radius: var(--radius-3);
  --p-form-field-disabled-background: var(--color-gray-850);
  --p-form-field-disabled-color: var(--color-white);
  --p-overlay-popover-background: var(--color-card-bg-tertiary);
  --p-overlay-popover-border-color: var(--color-card-bg-tertiary);
  --p-password-strength-weak-background: var(--color-red-300);
  --p-password-strength-medium-background: var(--color-orange);
  --p-password-strength-strong-background: var(--color-green-100);
  --p-inputotp-gap: var(--spacing-3);
  --p-select-overlay-background: var(--color-gray-800);
  --p-select-overlay-color: var(--color-white);
  --p-select-overlay-border-color: rgba(255, 255, 255, 0.5);
  --p-select-overlay-border-radius: var(--radius-2);
  --p-multiselect-overlay-background: var(--color-card-bg-secondary);
  --p-multiselect-overlay-border-color: rgba(255, 255, 255, 0.5);
  --p-multiselect-overlay-border-radius: var(--radius-2);
  --p-multiselect-option-focus-background: var(--color-gray-600);
  --p-autocomplete-overlay-background: var(--color-gray-800);
  --p-autocomplete-overlay-color: var(--color-white);
  --p-autocomplete-overlay-border-color: rgba(255, 255, 255, 0.5);
  --p-autocomplete-overlay-border-radius: var(--radius-2);
  --p-autocomplete-list-padding: var(--spacing-2);
  --p-select-list-header-padding: var(--spacing-2);
  --p-select-list-padding: var(--spacing-2);
  --p-list-option-padding: var(--spacing-1-5) var(--spacing-4);
  --p-select-option-selected-background: var(--color-gray-600);
  --p-form-field-invalid-border-color: var(--color-red-100);
  --p-form-field-invalid-placeholder-color: var(--color-gray-100);
  --p-message-error-simple-color: var(--color-red-300);
  --p-checkbox-border-radius: var(--spacing-1);
  --p-checkbox-border-color: var(--color-white);
  --p-checkbox-background: transparent;
  --p-checkbox-width: 16px;
  --p-checkbox-height: 16px;
  --p-checkbox-hover-border-color: var(--color-white);
  --p-checkbox-checked-border-color: var(--color-white);
  --p-checkbox-checked-background: transparent;
  --p-checkbox-icon-checked-color: var(--color-white);
  --p-checkbox-checked-hover-background: transparent;
  --p-checkbox-checked-hover-border-color: var(--color-white);
  --p-checkbox-icon-checked-hover-color: var(--color-white);
  --p-checkbox-icon-size: 10px;
  --p-checkbox-disabled-background: transparent;
  --p-checkbox-checked-disabled-border-color: var(--color-gray-100);
  --p-checkbox-icon-disabled-color: var(--color-gray-100);
  --p-checkbox-invalid-border-color: var(--color-red-100);
  --p-toggleswitch-background: var(--color-gray-300);
  --p-toggleswitch-border-radius: var(--radius-full);
  --p-toggleswitch-width: 40px;
  --p-toggleswitch-height: 20px;
  --p-toggleswitch-handle-background: var(--color-gray-100);
  --p-toggleswitch-handle-color: var(--color-gray-100);
  --p-toggleswitch-handle-size: 15px;
  --p-toggleswitch-handle-border-radius: var(--radius-full);
  --p-toggleswitch-gap: 4px;
  --p-toggleswitch-hover-background: var(--color-gray-300);
  --p-toggleswitch-handle-hover-background: var(--color-gray-100);
  --p-toggleswitch-handle-hover-color: var(--color-gray-100);
  --p-toggleswitch-checked-background: var(--color-green-400);
  --p-toggleswitch-handle-checked-background: var(--color-white);
  --p-toggleswitch-handle-checked-color: var(--color-white);
  --p-toggleswitch-checked-hover-background: var(--color-green-400);
  --p-toggleswitch-handle-checked-hover-background: var(--color-white);
  --p-toggleswitch-handle-checked-hover-color: var(--color-white);
  --p-toggleswitch-disabled-background: var(--color-gray-300);
  --p-toggleswitch-handle-disabled-background: var(--color-gray-200);
  --p-radiobutton-border-color: var(--color-white);
  --p-radiobutton-background: transparent;
  --p-radiobutton-width: 16px;
  --p-radiobutton-height: 16px;
  --p-radiobutton-hover-border-color: var(--color-white);
  --p-radiobutton-checked-border-color: var(--color-white);
  --p-radiobutton-checked-background: transparent;
  --p-radiobutton-icon-checked-color: var(--color-white);
  --p-radiobutton-icon-size: 10px;
  --p-radiobutton-checked-hover-border-color: var(--color-white);
  --p-radiobutton-checked-hover-background: transparent;
  --p-radiobutton-icon-checked-hover-color: var(--color-white);
  --p-datepicker-panel-padding: var(--spacing-2) var(--spacing-3) var(--spacing-3) var(--spacing-3);
  --p-datepicker-panel-background: var(--color-card-bg-secondary);
  --p-datepicker-panel-color: var(--color-white);
  --p-datepicker-panel-border-color: rgba(255, 255, 255, 0.5);
  --p-datepicker-panel-border-radius: var(--spacing-2);
  --p-datepicker-header-background: transparent;
  --p-datepicker-header-color: var(--color-white);
  --p-datepicker-header-border-color: rgba(255, 255, 255, 0.15);
  --p-datepicker-time-picker-border-color: rgba(255, 255, 255, 0.15);
  --p-datepicker-buttonbar-border-color: rgba(255, 255, 255, 0.15);
  --p-datepicker-title-gap: 0;
  --p-datepicker-date-color: var(--color-gray-100);
  --p-datepicker-date-hover-color: var(--color-gray-100);
  --p-datepicker-date-padding: 2px;
  --p-datepicker-date-width: 40px;
  --p-datepicker-date-height: 40px;
  --p-datepicker-time-picker-gap: 10px;
  --p-button-border-radius: var(--radius-8);
  --p-button-primary-focus-ring-color: var(--color-white);
  --p-button-label-font-weight: 400;
  --p-tooltip-border-radius: var(--radius-2);
  --p-tooltip-background: var(--color-gray-300);
  --p-tooltip-color: var(--color-white);
  --p-tooltip-padding: var(--spacing-1) var(--spacing-2);
  --p-tooltip-max-width: 280px;
  --p-overlay-select-background: var(--color-gray-900);
  --p-highlight-focus-background: var(--color-gray-600);
  --p-highlight-background: var(--color-gray-500);
  --p-tabs-tab-color: var(--color-gray-100);
  --p-tabs-tab-border-color: transparent;
  --p-tabs-tab-hover-border-color: transparent;
  --p-tabs-tab-active-border-color: var(--color-white);
  --p-tabs-tab-active-color: var(--color-white);
  --p-tabs-tab-border-width: 0 0 3px 0;
  --p-tabs-tablist-background: transparent;
  --p-tabs-tabpanel-background: transparent;
  --p-tabs-tabpanel-padding: var(--spacing-6) 0;
  --p-tabs-tab-padding: var(--spacing-2) var(--spacing-10);
  --p-overlay-modal-background: var(--color-card-bg-secondary);
  --p-dialog-header-padding: var(--spacing-6) var(--spacing-8) var(--spacing-6) var(--spacing-8);
  --p-dialog-content-padding: 0 var(--spacing-8) 0 var(--spacing-8);
  --p-datatable-row-background: transparent;
  --p-datatable-row-striped-background: transparent;
  --p-datatable-header-cell-background: transparent;
  --p-datatable-header-cell-border-color: rgba(255, 255, 255, 0.1);
  --p-datatable-body-cell-border-color: rgba(255, 255, 255, 0.1);
  --p-datatable-body-cell-padding: var(--spacing-4) var(--spacing-6);
  --p-datatable-header-cell-padding: var(--spacing-4) var(--spacing-6);
  --p-paginator-background: transparent;
  --p-paginator-border-radius: 0;
  --p-paginator-nav-button-width: 24px;
  --p-paginator-nav-button-height: 24px;
  --p-paginator-nav-button-selected-background: var(--color-gray-500);
  --p-editor-toolbar-border-color: var(--color-white);
  --p-editor-toolbar-background: var(--color-card-bg-tertiary);
  --p-editor-toolbar-border-radius: var(--radius-2);
  --p-editor-toolbar-border-radius: var(--radius-2);
  --p-editor-content-border-color: var(--color-white);
  --p-editor-content-background: var(--color-card-bg-tertiary);
  --p-editor-toolbar-item-color: var(--color-gray-200);
  --p-editor-overlay-background: var(--color-gray-900);
  --p-editor-overlay-padding: 10px 5px;
}
@media (max-width: 768px) {
  html:root {
    --p-dialog-header-padding: var(--spacing-4) var(--spacing-6) var(--spacing-4) var(--spacing-6);
    --p-dialog-content-padding: 0 var(--spacing-6) 0 var(--spacing-6);
  }
}
.form-light-gray-bg {
  --p-form-field-background: var(--color-card-bg-tertiary);
  --p-form-field-disabled-background: var(--color-gray-650);
  --p-select-background: var(--color-card-bg-tertiary);
  --p-select-disabled-background: var(--color-gray-650);
  --p-inputtext-background: var(--color-card-bg-tertiary);
  --p-inputtext-disabled-background: var(--color-gray-650);
  --p-textarea-background: var(--color-card-bg-tertiary);
  --p-textarea-disabled-background: var(--color-gray-650);
  --p-multiselect-background: var(--color-card-bg-tertiary);
  --p-multiselect-disabled-background: var(--color-gray-650);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-size: 100%;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  min-height: 100vh;
  min-height: 100dvh;
  text-rendering: optimizeSpeed;
  line-height: 1;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
figure,
blockquote,
dl,
dd {
  padding: 0;
  margin: 0;
}
button {
  border: none;
  background-color: transparent;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
}
ul[role=list],
ol[role=list] {
  list-style: none;
}
li {
  list-style-type: none;
}
html:focus-within {
  scroll-behavior: smooth;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}
img,
picture {
  max-width: 100%;
  display: block;
}
input,
button,
textarea,
select {
  font: inherit;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
@font-face {
  font-family: "DM Sans";
  src: url(/assets/fonts/dm-sans/DMSans-VariableFont_opsz,wght.ttf) format("truetype");
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url(/assets/fonts/dm-sans/DMSans-Italic-VariableFont_opsz,wght.ttf) format("truetype");
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Material Symbols Outlined";
  src: url(/assets/fonts/material-symbols/MaterialSymbolsOutlined-VariableFont_FILL,GRAD,opsz,wght.ttf) format("truetype");
  font-weight: 100 700;
  font-style: normal;
  font-display: block;
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  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;
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 48;
}
.icon-filled {
  font-variation-settings:
    "FILL" 1,
    "wght" 400,
    "GRAD" 0,
    "opsz" 48;
}
h1,
.h1 {
  font-family: var(--font-family);
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -1.2px;
}
@media (max-width: 768px) {
  h1,
  .h1 {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -1.2px;
  }
}
h2,
.h2 {
  font-family: var(--font-family);
  font-size: 32px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  h2,
  .h2 {
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
  }
}
h3,
.h3 {
  font-family: var(--font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  h3,
  .h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
  }
}
h4,
.h4 {
  font-family: var(--font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  h4,
  .h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
  }
}
h5,
.h5 {
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  h5,
  .h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }
}
.text-heading-1 {
  font-family: var(--font-family);
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -1.2px;
}
@media (max-width: 768px) {
  .text-heading-1 {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -1.2px;
  }
}
.text-heading-2 {
  font-family: var(--font-family);
  font-size: 32px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .text-heading-2 {
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
  }
}
.text-heading-3 {
  font-family: var(--font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .text-heading-3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
  }
}
.text-heading-4 {
  font-family: var(--font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .text-heading-4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
  }
}
.text-heading-5 {
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .text-heading-5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }
}
.text-body-l {
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .text-body-l {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }
}
.text-body-m {
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .text-body-m {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
.text-body-s {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .text-body-s {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.text-body-s-bold {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .text-body-s-bold {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
  }
}
.text-body-xs {
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .text-body-xs {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }
}
.text-body-xxs {
  font-family: var(--font-family);
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .text-body-xxs {
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
  }
}
body {
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  body {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-inline: -8px;
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-inline: 8px;
}
.row.no-gutter {
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.row.no-gutter > *[class*=col] {
  padding-inline: 0;
  padding-inline: 0;
}
.row-medium {
  margin-inline: -12px;
}
.row-medium > * {
  padding-inline: 12px;
}
.row-medium.row-gaps {
  row-gap: 24px;
}
.row-medium.row-gaps > div[class*=col] {
  margin: 0;
}
.row-large {
  margin-inline: -16px;
}
.row-large > * {
  padding-inline: 16px;
}
.row-large.row-gaps {
  row-gap: 32px;
}
.row-large.row-gaps > div[class*=col] {
  margin: 0;
}
.row-extra-large {
  margin-inline: -20px;
}
.row-extra-large > * {
  padding-inline: 20px;
}
.row-extra-large.row-gaps {
  row-gap: 40px;
}
.row-extra-large.row-gaps > div[class*=col] {
  margin: 0;
}
.row-small {
  margin-inline: -4px;
}
.row-small > * {
  padding-inline: 4px;
}
.row-small.row-gaps {
  row-gap: 8px;
}
.row-small.row-gaps > div[class*=col] {
  margin: 0;
}
.col {
  flex: 1 0 0%;
  max-width: 100%;
}
@media (min-width: 360px) {
  .col-xxxs-1 {
    width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .col-xxxs-2 {
    width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .col-xxxs-3 {
    width: 25%;
    flex-basis: 25%;
  }
  .col-xxxs-4 {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .col-xxxs-5 {
    width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .col-xxxs-6 {
    width: 50%;
    flex-basis: 50%;
  }
  .col-xxxs-7 {
    width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .col-xxxs-8 {
    width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .col-xxxs-9 {
    width: 75%;
    flex-basis: 75%;
  }
  .col-xxxs-10 {
    width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .col-xxxs-11 {
    width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .col-xxxs-12 {
    width: 100%;
    flex-basis: 100%;
  }
}
.col-1 {
  width: 8.3333333333%;
  flex-basis: 8.3333333333%;
}
.col-2 {
  width: 16.6666666667%;
  flex-basis: 16.6666666667%;
}
.col-3 {
  width: 25%;
  flex-basis: 25%;
}
.col-4 {
  width: 33.3333333333%;
  flex-basis: 33.3333333333%;
}
.col-5 {
  width: 41.6666666667%;
  flex-basis: 41.6666666667%;
}
.col-6 {
  width: 50%;
  flex-basis: 50%;
}
.col-7 {
  width: 58.3333333333%;
  flex-basis: 58.3333333333%;
}
.col-8 {
  width: 66.6666666667%;
  flex-basis: 66.6666666667%;
}
.col-9 {
  width: 75%;
  flex-basis: 75%;
}
.col-10 {
  width: 83.3333333333%;
  flex-basis: 83.3333333333%;
}
.col-11 {
  width: 91.6666666667%;
  flex-basis: 91.6666666667%;
}
.col-12 {
  width: 100%;
  flex-basis: 100%;
}
@media (min-width: 576px) {
  .col-xs-1 {
    width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .col-xs-2 {
    width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .col-xs-3 {
    width: 25%;
    flex-basis: 25%;
  }
  .col-xs-4 {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .col-xs-5 {
    width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .col-xs-6 {
    width: 50%;
    flex-basis: 50%;
  }
  .col-xs-7 {
    width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .col-xs-8 {
    width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .col-xs-9 {
    width: 75%;
    flex-basis: 75%;
  }
  .col-xs-10 {
    width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .col-xs-11 {
    width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .col-xs-12 {
    width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 768px) {
  .col-sm-1 {
    width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
    flex-basis: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
    flex-basis: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
    flex-basis: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1 {
    width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
    flex-basis: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
    flex-basis: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
    flex-basis: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1 {
    width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
    flex-basis: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
    flex-basis: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
    flex-basis: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1440px) {
  .col-xl-1 {
    width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .col-xl-2 {
    width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .col-xl-3 {
    width: 25%;
    flex-basis: 25%;
  }
  .col-xl-4 {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .col-xl-5 {
    width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .col-xl-6 {
    width: 50%;
    flex-basis: 50%;
  }
  .col-xl-7 {
    width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .col-xl-8 {
    width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .col-xl-9 {
    width: 75%;
    flex-basis: 75%;
  }
  .col-xl-10 {
    width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .col-xl-11 {
    width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .col-xl-12 {
    width: 100%;
    flex-basis: 100%;
  }
}
.row-cols-same-height > div[class*=col] > * {
  height: 100%;
}
.row-cols-same-height > div[class*=col] > * .simple-card {
  height: 100%;
}
.row-gaps {
  row-gap: 16px;
}
.row-gaps > div[class*=col] {
  margin: 0;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.separator-0-5 {
  margin-block: var(--spacing-0-5);
}
.separator-1 {
  margin-block: var(--spacing-1);
}
.separator-1-5 {
  margin-block: var(--spacing-1-5);
}
.separator-2 {
  margin-block: var(--spacing-2);
}
.separator-3 {
  margin-block: var(--spacing-3);
}
.separator-4 {
  margin-block: var(--spacing-4);
}
.separator-6 {
  margin-block: var(--spacing-6);
}
.separator-8 {
  margin-block: var(--spacing-8);
}
.separator-10 {
  margin-block: var(--spacing-10);
}
.separator-12 {
  margin-block: var(--spacing-12);
}
.separator-16 {
  margin-block: var(--spacing-16);
}
.no-padding {
  padding: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.relative {
  position: relative;
}
.text-wrap,
.text-wrap-inside {
  word-break: break-word;
}
.text-wrap p,
.text-wrap-inside p {
  word-wrap: break-word;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
}
.text-line-clamp-2 {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.text-line-clamp-2 p {
  word-break: break-word;
}
.remove-bold-inside b,
.remove-bold-inside strong {
  font-weight: 400;
}
body {
  background: var(--color-gray-900);
  color: var(--color-white);
}
.my-app-white body {
  color: var(--color-gray-900);
  background: var(--color-white);
}
.color-white {
  color: var(--color-white);
}
.color-white-bg {
  background-color: var(--color-white);
}
.color-brown {
  color: var(--color-brown);
}
.color-brown-bg {
  background-color: var(--color-brown);
}
.color-orange {
  color: var(--color-orange);
}
.color-orange-bg {
  background-color: var(--color-orange);
}
.color-orange-200 {
  color: var(--color-orange-200);
}
.color-orange-200-bg {
  background-color: var(--color-orange-200);
}
.color-purple {
  color: var(--color-purple);
}
.color-purple-bg {
  background-color: var(--color-purple);
}
.color-pink {
  color: var(--color-pink);
}
.color-pink-bg {
  background-color: var(--color-pink);
}
.color-white-alpha-05 {
  color: var(--color-white-alpha-05);
}
.color-white-alpha-05-bg {
  background-color: var(--color-white-alpha-05);
}
.color-white-alpha-40 {
  color: var(--color-white-alpha-40);
}
.color-white-alpha-40-bg {
  background-color: var(--color-white-alpha-40);
}
.color-white-alpha-50 {
  color: var(--color-white-alpha-50);
}
.color-white-alpha-50-bg {
  background-color: var(--color-white-alpha-50);
}
.color-white-alpha-70 {
  color: var(--color-white-alpha-70);
}
.color-white-alpha-70-bg {
  background-color: var(--color-white-alpha-70);
}
.color-gray-alpha-08 {
  color: var(--color-gray-alpha-08);
}
.color-gray-alpha-08-bg {
  background-color: var(--color-gray-alpha-08);
}
.color-red-100 {
  color: var(--color-red-100);
}
.color-red-100-bg {
  background-color: var(--color-red-100);
}
.color-red-200 {
  color: var(--color-red-200);
}
.color-red-200-bg {
  background-color: var(--color-red-200);
}
.color-red-300 {
  color: var(--color-red-300);
}
.color-red-300-bg {
  background-color: var(--color-red-300);
}
.color-red-800 {
  color: var(--color-red-800);
}
.color-red-800-bg {
  background-color: var(--color-red-800);
}
.color-blue-100 {
  color: var(--color-blue-100);
}
.color-blue-100-bg {
  background-color: var(--color-blue-100);
}
.color-blue-800 {
  color: var(--color-blue-800);
}
.color-blue-800-bg {
  background-color: var(--color-blue-800);
}
.color-blue-900 {
  color: var(--color-blue-900);
}
.color-blue-900-bg {
  background-color: var(--color-blue-900);
}
.color-green-100 {
  color: var(--color-green-100);
}
.color-green-100-bg {
  background-color: var(--color-green-100);
}
.color-green-400 {
  color: var(--color-green-400);
}
.color-green-400-bg {
  background-color: var(--color-green-400);
}
.color-green-700 {
  color: var(--color-green-700);
}
.color-green-700-bg {
  background-color: var(--color-green-700);
}
.color-green-800 {
  color: var(--color-green-800);
}
.color-green-800-bg {
  background-color: var(--color-green-800);
}
.color-green-900 {
  color: var(--color-green-900);
}
.color-green-900-bg {
  background-color: var(--color-green-900);
}
.color-gray-10 {
  color: var(--color-gray-10);
}
.color-gray-10-bg {
  background-color: var(--color-gray-10);
}
.color-gray-100 {
  color: var(--color-gray-100);
}
.color-gray-100-bg {
  background-color: var(--color-gray-100);
}
.color-gray-200 {
  color: var(--color-gray-200);
}
.color-gray-200-bg {
  background-color: var(--color-gray-200);
}
.color-gray-250 {
  color: var(--color-gray-250);
}
.color-gray-250-bg {
  background-color: var(--color-gray-250);
}
.color-gray-300 {
  color: var(--color-gray-300);
}
.color-gray-300-bg {
  background-color: var(--color-gray-300);
}
.color-gray-400 {
  color: var(--color-gray-400);
}
.color-gray-400-bg {
  background-color: var(--color-gray-400);
}
.color-gray-500 {
  color: var(--color-gray-500);
}
.color-gray-500-bg {
  background-color: var(--color-gray-500);
}
.color-gray-600 {
  color: var(--color-gray-600);
}
.color-gray-600-bg {
  background-color: var(--color-gray-600);
}
.color-gray-700 {
  color: var(--color-gray-700);
}
.color-gray-700-bg {
  background-color: var(--color-gray-700);
}
.color-gray-800 {
  color: var(--color-gray-800);
}
.color-gray-800-bg {
  background-color: var(--color-gray-800);
}
.color-gray-850 {
  color: var(--color-gray-850);
}
.color-gray-850-bg {
  background-color: var(--color-gray-850);
}
.color-gray-900 {
  color: var(--color-gray-900);
}
.color-gray-900-bg {
  background-color: var(--color-gray-900);
}
.color-card-bg-quaternary {
  color: var(--color-card-bg-quaternary);
}
.color-card-bg-quaternary-bg {
  background-color: var(--color-card-bg-quaternary);
}
.color-card-bg-tertiary {
  color: var(--color-card-bg-tertiary);
}
.color-card-bg-tertiary-bg {
  background-color: var(--color-card-bg-tertiary);
}
.color-card-bg-secondary {
  color: var(--color-card-bg-secondary);
}
.color-card-bg-secondary-bg {
  background-color: var(--color-card-bg-secondary);
}
.color-card-bg-primary {
  color: var(--color-card-bg-primary);
}
.color-card-bg-primary-bg {
  background-color: var(--color-card-bg-primary);
}
.circle-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full);
  background: hsl(from var(--color-white) h s l/0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle-icon.circle-icon-medium {
  width: 32px;
  height: 32px;
}
.circle-icon.circle-icon-success {
  background: var(--color-green-100);
}
.circle-icon.circle-icon-error {
  background: var(--color-red-800);
}
.p-tablist-tab-list {
  display: flex;
  justify-content: space-around;
}
.p-tablist-active-bar {
  display: none !important;
}
.p-tablist-content {
  border-bottom: 1px solid hsl(from var(--color-white) h s l/0.1);
}
.p-tabs .p-tabpanels {
  padding-top: var(--spacing-16);
}
@media (max-width: 576px) {
  .p-tablist-tab-list .p-tab {
    padding-left: 15px;
    padding-right: 15px;
  }
}
::-webkit-scrollbar {
  cursor: pointer;
  width: 4px;
}
::-webkit-scrollbar-track {
  background-color: var(--color-gray-600);
}
::-webkit-scrollbar-thumb {
  background-color: var(--color-gray-300);
  border-radius: 3px;
  transition: 0.2s background-color ease;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-gray-200);
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-gray-300) var(--color-gray-600);
}
a,
.link {
  color: var(--color-white);
}
a:hover,
.link:hover {
  color: var(--color-gray-100);
}
.link {
  text-decoration: underline;
}
.link-m {
  font-weight: 500;
}
.link-m .button .p-button .p-button-label {
  font-weight: 500;
}
.link-l {
  font-weight: 600;
}
p:not(:last-child) {
  padding-bottom: var(--spacing-2);
}
.title-with-buttons {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-8);
  margin-bottom: var(--spacing-6);
  align-items: center;
}
.title-with-buttons .title,
.title-with-buttons .buttons-wrapper {
  margin: 0;
}
.title-with-buttons-inline {
  justify-content: flex-start;
  gap: var(--spacing-4);
}
.title-with-buttons-lg {
  margin-bottom: var(--spacing-10);
}
.title-with-buttons-sm {
  margin-bottom: var(--spacing-4);
}
.title-with-buttons-xsm {
  margin-bottom: var(--spacing-2);
}
.title-icon {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
}
.back-button-link .p-button .p-button-label {
  text-decoration: none !important;
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .back-button-link .p-button .p-button-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
.tooltip-trigger {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-2);
}
.tooltip-trigger.tooltip-trigger-small .tooltip-trigger-icon {
  font-size: 16px;
}
.tooltip-trigger.tooltip-trigger-small .tooltip-trigger-text {
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .tooltip-trigger.tooltip-trigger-small .tooltip-trigger-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }
}
.tooltip-template {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  line-height: 1.2;
}
.list li,
.list-inside ul li,
.answer-container ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: var(--spacing-2);
}
.list li ul,
.list li ol,
.list-inside ul li ul,
.list-inside ul li ol,
.answer-container ul li ul,
.answer-container ul li ol {
  margin-top: var(--spacing-2);
}
.list li:before,
.list-inside ul li:before,
.answer-container ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: var(--radius-full);
  background-color: var(--color-white);
  position: absolute;
  left: 5px;
  top: 8px;
}
.list > li:last-child,
.list-inside ul > li:last-child,
.answer-container ul > li:last-child {
  margin-bottom: 0;
}
.list.list-ordered,
.list-inside ul.list-ordered,
.answer-container ul.list-ordered {
  padding-left: 20px;
}
.list.list-ordered ul,
.list.list-ordered ol,
.list-inside ul.list-ordered ul,
.list-inside ul.list-ordered ol,
.answer-container ul.list-ordered ul,
.answer-container ul.list-ordered ol {
  padding-left: 20px;
}
.list.list-ordered li,
.list-inside ul.list-ordered li,
.answer-container ul.list-ordered li {
  padding: 0;
  list-style: decimal;
}
.list.list-ordered li:before,
.list-inside ul.list-ordered li:before,
.answer-container ul.list-ordered li:before {
  display: none;
}
.list.list-padding-small li,
.list-inside ul.list-padding-small li,
.answer-container ul.list-padding-small li {
  margin-bottom: var(--spacing-1);
}
.list-inside.list-inside ul {
  margin-bottom: 15px;
}
.list-inside.list-inside ul li {
  margin-bottom: var(--spacing-1);
  word-break: break-word;
}
.answer-container ol,
.list-inside ol {
  padding-left: 20px;
}
.answer-container ol ul,
.answer-container ol ol,
.list-inside ol ul,
.list-inside ol ol {
  padding-left: 20px;
}
.answer-container ol li,
.list-inside ol li {
  padding: 0;
  list-style: decimal;
}
.answer-container ol li:before,
.list-inside ol li:before {
  display: none;
}
.answer-container ul {
  margin-bottom: var(--spacing-2);
}
.list-icons {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.list-icons li {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  font-weight: 500;
  font-size: 14px;
}
.list-icons .list-icon {
  width: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.list-icons .list-icon svg {
  vertical-align: top;
}
.router-hidden {
  display: none;
}
.ngx-spinner-overlay {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: transparent !important;
}
.spinner-button .ngx-spinner-overlay {
  border-radius: var(--radius-8);
}
.spinner-button .la-ball-spin-clockwise {
  width: 25px;
  height: 25px;
}
.spinner-button .la-ball-spin-clockwise {
  color: var(--color-black) !important;
}
.spinner-button.spinner-button-text .la-ball-spin-clockwise,
.spinner-button.spinner-button-outlined .la-ball-spin-clockwise {
  color: var(--color-white) !important;
}
.spinner-section .ngx-spinner-overlay {
  left: -10px !important;
  width: auto !important;
  right: -10px !important;
  top: -10px !important;
  bottom: -10px !important;
  height: auto !important;
}
.spinner-section .la-ball-spin-clockwise.la-sm {
  width: 30px;
  height: 30px;
}
.spinner-inline .ngx-spinner-overlay {
  width: auto !important;
  height: auto !important;
  position: static !important;
  display: inline-block !important;
}
.spinner-inline .la-ball-spin-clockwise {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  right: auto !important;
  transform: none !important;
}
.page-title,
.page-subtitle-lg {
  margin-bottom: var(--spacing-8);
}
@media (max-width: 768px) {
  .page-title,
  .page-subtitle-lg {
    margin-bottom: var(--spacing-6);
  }
}
p[class*=page-title],
p[class*=page-subtitle] {
  padding-bottom: 0;
}
.title-small-icon [class*=material-icons],
.title-small-icon [class*=material-symbols] {
  font-size: 14px;
  vertical-align: top;
  margin-left: var(--spacing-2);
}
.title-small-icon app-badge {
  display: inline-block;
  vertical-align: middle;
  margin-left: var(--spacing-2);
}
.page-subtitle {
  margin-bottom: var(--spacing-6);
  padding-bottom: 0;
}
.page-subtitle.page-subtitle {
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .page-subtitle {
    margin-bottom: var(--spacing-6);
  }
}
.page-title-sm {
  margin-bottom: var(--spacing-6);
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .page-title-sm {
    margin-bottom: var(--spacing-4);
  }
}
.page-subtitle-sm {
  margin-bottom: var(--spacing-4);
}
@media (max-width: 768px) {
  .page-subtitle-sm {
    margin-bottom: var(--spacing-4);
  }
}
.page-subtitle-xsm {
  margin-bottom: var(--spacing-2);
}
@media (max-width: 768px) {
  .page-subtitle-xsm {
    margin-bottom: var(--spacing-2);
  }
}
.page-subtitle-xlg,
.page-title-lg {
  margin-bottom: var(--spacing-10);
}
@media (max-width: 768px) {
  .page-subtitle-xlg,
  .page-title-lg {
    margin-bottom: var(--spacing-6);
  }
}
.info-title {
  margin-bottom: var(--spacing-1);
  display: block;
  font-family: var(--font-family);
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .info-title {
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
  }
}
.p-carousel .p-carousel-item {
  display: flex;
  flex-direction: column;
}
.p-carousel .p-carousel-item .carousel-item-content-wrapper {
  background-color: var(--color-card-bg-tertiary);
  padding: var(--spacing-4);
  border-radius: var(--radius-4);
  margin: var(--spacing-2);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.p-carousel .carousel-icon {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5a5a5a;
  font-size: 16px;
  margin-bottom: var(--spacing-2);
}
.p-carousel .carousel-icon > span {
  font-size: 16px;
}
.p-carousel .carousel-title {
  padding-bottom: var(--spacing-1);
}
.p-carousel .carousel-description {
  color: var(--color-gray-100);
  padding-bottom: var(--spacing-4);
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .p-carousel .carousel-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.p-carousel .carousel-button {
  margin-top: auto;
  margin-left: auto;
}
.p-carousel .p-carousel-prev-button,
.p-carousel .p-carousel-next-button {
  border: 1px solid var(--color-gray-250);
  border-radius: var(--radius-full);
}
.p-carousel .p-carousel-prev-button.p-disabled,
.p-carousel .p-carousel-next-button.p-disabled {
  display: none;
}
.p-carousel .p-carousel-prev-button [class*=material-icons],
.p-carousel .p-carousel-prev-button [class*=material-symbols],
.p-carousel .p-carousel-next-button [class*=material-icons],
.p-carousel .p-carousel-next-button [class*=material-symbols] {
  font-size: 15px;
  line-height: 15px;
  height: 15px;
  vertical-align: middle;
}
.p-carousel .p-carousel-prev-button .p-button,
.p-carousel .p-carousel-next-button .p-button {
  color: var(--color-white) !important;
  width: 32px !important;
  height: 32px !important;
}
.p-carousel .p-carousel-next-button {
  position: absolute;
  right: 0;
  bottom: 0;
}
.p-carousel .p-carousel-prev-button {
  position: absolute;
  right: 50px;
  bottom: 0;
}
.p-carousel .p-carousel-content {
  flex-direction: column;
  gap: 0;
  position: relative;
  padding-bottom: 50px;
}
.grid-boxes-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--spacing-4);
}
.grid-boxes-wrapper .box {
  min-height: 120px;
}
.grid-boxes-wrapper .box .simple-card {
  height: 100%;
}
.grid-boxes-wrapper .box .simple-card app-button {
  width: 100%;
}
.grid-boxes-wrapper .box .simple-card app-button .p-button {
  width: 100%;
}
.grid-boxes-wrapper .team-insights {
  grid-column: 1;
  grid-row: 1;
}
.grid-boxes-wrapper .core-skills {
  grid-column: 2;
  grid-row: 1;
}
.grid-boxes-wrapper .objectives {
  grid-column: 1;
  grid-row: 2;
}
.grid-boxes-wrapper .work-styles {
  grid-column: 2;
  grid-row: 2/span 2;
}
.grid-boxes-wrapper .work-styles .simple-card-wrapper {
  height: 100%;
}
.grid-boxes-wrapper .work-styles .simple-card-content-container {
  height: 100%;
}
.grid-boxes-wrapper .work-styles .simple-card-content-container .simple-card-content {
  flex-grow: 1;
}
.grid-boxes-wrapper .work-styles .workstyle-graph-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.grid-boxes-wrapper .members {
  grid-column: 1;
  grid-row: 3;
}
.grid-boxes-wrapper .members .avatar-bullets-wrapper {
  margin: var(--spacing-4) 0;
}
.grid-boxes-wrapper .members .text-body-s {
  margin-bottom: var(--spacing-2);
}
.grid-boxes-wrapper .members .text-body-s [class*=material-icons],
.grid-boxes-wrapper .members .text-body-s [class*=material-symbols] {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 4px;
}
@media (max-width: 992px) {
  .grid-boxes-wrapper {
    grid-template-columns: 1fr;
  }
  .grid-boxes-wrapper .team-insights,
  .grid-boxes-wrapper .core-skills,
  .grid-boxes-wrapper .objectives,
  .grid-boxes-wrapper .work-styles,
  .grid-boxes-wrapper .members {
    grid-column: auto;
    grid-row: auto;
  }
}
.status-inicator {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-2);
  padding: var(--spacing-1-5) var(--spacing-4);
  background-color: var(--color-gray-300);
  border-radius: var(--radius-full);
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
.status-inicator [class*=material-icons],
.status-inicator [class*=material-symbols] {
  font-size: 16px;
}
.status-inicator.status-inicator-dark {
  background-color: var(--color-card-bg-quaternary);
}
.status-inicator.status-inicator-no-bg {
  background-color: transparent;
  padding: 0;
}
@media (max-width: 768px) {
  .status-inicator {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.p-menu.p-menu.table-actions-menu {
  background-color: var(--color-card-bg-secondary);
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid var(--color-gray-500);
  border-radius: var(--radius-1-5);
}
.p-menu.p-menu.table-actions-menu .p-menu-list {
  min-width: 217px;
  padding: var(--spacing-2) 0;
}
.p-menu.p-menu.table-actions-menu .p-menu-item {
  padding-left: var(--spacing-2);
  padding-right: var(--spacing-2);
}
.p-menu.p-menu.table-actions-menu .p-menu-item-link .nav-icon {
  font-size: 16px !important;
}
.p-menu.p-menu.table-actions-menu .p-menu-item-link .nav-label {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .p-menu.p-menu.table-actions-menu .p-menu-item-link .nav-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.p-chip.domain-chip {
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--radius-1-5);
  color: var(--color-white);
  background: hsl(from var(--color-white) h s l/0.25);
  border: 1px solid;
  border-color: var(--color-white);
}
.p-chip.domain-chip .p-chip-label {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .p-chip.domain-chip .p-chip-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.p-chip.domain-chip .p-chip-remove-icon:before {
  font-family: "Material Symbols Outlined";
  content: "close";
  font-size: 16px;
  line-height: 16px;
}
.p-accordion .p-accordionpanel {
  border: 0;
}
.p-accordion .p-accordionheader {
  padding: 0;
  background: transparent;
  color: var(--color-white);
}
.p-accordion .p-accordionheader:hover {
  background: transparent !important;
  color: var(--color-white) !important;
}
.p-accordion .p-accordionheader .mobile-icon {
  display: none;
}
@media (max-width: 992px) {
  .p-accordion .p-accordionheader .expand-icon-container span {
    display: none;
  }
  .p-accordion .p-accordionheader .expand-icon-container .mobile-icon {
    display: block;
  }
}
.p-accordion .p-accordionpanel-active .p-accordionheader {
  background: transparent !important;
  color: var(--color-white) !important;
}
.p-accordion .p-accordionpanel-active .p-accordionheader:hover {
  background: transparent !important;
  color: var(--color-white) !important;
}
.p-accordion .p-accordioncontent .p-accordioncontent-content {
  background: transparent;
  color: var(--color-white);
  padding: var(--spacing-4) 0 0 0;
}
.p-accordion .p-accordionpanel + .p-accordionpanel {
  margin-top: 40px;
}
.button-icon .p-button.button-icon-default {
  border: 0 !important;
}
.buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-4);
}
.buttons-wrapper.hidden {
  display: none;
}
@media (max-width: 768px) {
  .buttons-wrapper.buttons-wrapper-mobile-small .button .p-button {
    padding-left: var(--spacing-4);
    padding-right: var(--spacing-4);
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .buttons-wrapper.buttons-wrapper-mobile-wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .buttons-wrapper.buttons-wrapper-mobile-full {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .buttons-wrapper.buttons-wrapper-mobile-full .p-button {
    width: 100%;
  }
}
.buttons-wrapper-nowrap {
  white-space: nowrap;
}
.buttons-wrapper-column {
  flex-direction: column;
  gap: var(--spacing-4);
}
.buttons-wrapper-column button,
.buttons-wrapper-column .p-button {
  width: 100%;
}
.buttons-wrapper-full {
  flex-wrap: nowrap;
}
.buttons-wrapper-full > * {
  width: 100%;
}
.buttons-wrapper-full button,
.buttons-wrapper-full .p-button {
  width: 100%;
}
.buttons-wrapper-space-between {
  justify-content: space-between;
}
.buttons-wrapper-full-button-inside .full-button {
  flex-grow: 1;
}
.buttons-wrapper-full-button-inside .full-button .button .p-button {
  width: 100%;
}
@media (max-width: 768px) {
  .buttons-wrapper-full-button-inside app-button,
  .buttons-wrapper-full-button-inside .button .p-button {
    width: 100%;
  }
}
.buttons-wrapper-align-center {
  align-items: center;
}
.buttons-wrapper-align-right {
  align-items: flex-end;
}
.buttons-wrapper-justify-right {
  justify-content: flex-end;
}
.tags-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2);
}
.badges-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2);
}
.cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: var(--spacing-4);
}
.cards-wrapper-sm {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: var(--spacing-2);
}
.cards-wrapper-md {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: var(--spacing-3);
}
.cards-wrapper-lg {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: var(--spacing-6);
}
.cards-wrapper-xlg {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: var(--spacing-8);
}
.section {
  margin-bottom: var(--spacing-4);
}
.section-sm {
  margin-bottom: var(--spacing-2);
}
.section-md {
  margin-bottom: var(--spacing-3);
}
.section-lg {
  margin-bottom: var(--spacing-6);
}
.section-xlg {
  margin-bottom: var(--spacing-8);
}
.section-xl {
  margin-bottom: var(--spacing-10);
}
.section-xxl {
  margin-bottom: var(--spacing-16);
}
.workstyle-quiz-wrapper {
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
}
.workstyle-quiz-wrapper .workstyle-subtitle {
  font-weight: 700 !important;
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .workstyle-quiz-wrapper .workstyle-subtitle {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }
}
.workstyle-quiz-wrapper p {
  color: var(--color-gray-200);
  margin: 0;
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .workstyle-quiz-wrapper p {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }
}
.workstyle-quiz-wrapper > div {
  width: 100%;
}
.workstyle-quiz-wrapper .workstyle-center {
  width: 535px;
  min-width: 535px;
  text-align: center;
}
@media (max-width: 992px) {
  .workstyle-quiz-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .workstyle-quiz-wrapper .workstyle-center {
    order: -1;
    width: 100%;
    min-width: auto;
  }
  .workstyle-quiz-wrapper .workstyle-left {
    order: 1;
  }
  .workstyle-quiz-wrapper .workstyle-right {
    order: 2;
    text-align: right;
  }
  .workstyle-quiz-wrapper .workstyle-left,
  .workstyle-quiz-wrapper .workstyle-right {
    width: calc(50% - 24px);
    max-width: 275px;
  }
}
@media (max-width: 768px) {
  .workstyle-quiz-wrapper {
    gap: var(--spacing-4);
  }
  .workstyle-quiz-wrapper p {
    color: var(--color-gray-200);
    margin: 0;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .workstyle-quiz-wrapper p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
@media (max-width: 768px) {
  .workstyle-quiz-wrapper .workstyle-center {
    order: -1;
  }
  .workstyle-quiz-wrapper .workstyle-left {
    order: 1;
  }
  .workstyle-quiz-wrapper .workstyle-right {
    order: 2;
  }
  .workstyle-quiz-wrapper .workstyle-left,
  .workstyle-quiz-wrapper .workstyle-right {
    width: calc(50% - var(--spacing-4));
    max-width: 205px;
  }
}
.workstyle-result-wrapper {
  margin-top: var(--spacing-10);
}
.workstyle-result-wrapper .workstyle-result-card {
  padding: var(--spacing-6);
  border-radius: var(--radius-6);
  background: var(--color-card-bg-tertiary);
  position: relative;
}
.workstyle-result-wrapper .workstyle-result-card .card-title {
  margin-bottom: var(--spacing-6);
  padding-right: 45px;
}
.workstyle-result-wrapper .workstyle-result-card .card-results {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6);
}
.workstyle-result-wrapper .workstyle-result-card .card-icon {
  position: absolute;
  top: 12px;
  right: 16px;
}
.workstyle-result-wrapper .workstyle-result-details {
  padding: var(--spacing-6) var(--spacing-4) 0 var(--spacing-4);
}
.workstyle-result-wrapper .workstyle-result-details .details-title {
  margin-bottom: var(--spacing-2);
}
.workstyle-result-wrapper .workstyle-result-details p {
  margin-bottom: var(--spacing-6);
  color: var(--color-gray-100);
  padding-bottom: 0;
}
.workstyle-result-wrapper .workstyle-result-details .details-tip-card .simple-card .simple-card-wrapper {
  align-items: flex-start;
}
.workstyle-result-wrapper .workstyle-result-details .details-tip-card .simple-card .simple-card-wrapper .simple-card-icon-container {
  margin-top: 3px;
}
.workstyle-result-wrapper .workstyle-result-details .details-tip-card .simple-card .simple-card-content {
  color: var(--color-gray-100);
}
@media (max-width: 768px) {
  .workstyle-result-wrapper {
    margin-top: var(--spacing-8);
  }
  .workstyle-result-wrapper .workstyle-result-card .card-icon {
    top: 23px;
    right: 24px;
  }
  .workstyle-result-wrapper .workstyle-result-details .row > div[class*=col] + div[class*=col] {
    margin-top: var(--spacing-6);
  }
  .workstyle-result-wrapper .workstyle-result-details .details-tip-card .simple-card .simple-card-wrapper {
    gap: var(--spacing-3);
  }
  .workstyle-result-wrapper .workstyle-result-details .details-tip-card .simple-card .simple-card-content {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .workstyle-result-wrapper .workstyle-result-details .details-tip-card .simple-card .simple-card-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.workstyle-overview-wrapper {
  display: flex;
  gap: var(--spacing-10);
  align-items: center;
}
.workstyle-overview-wrapper .workstyle-explainer {
  flex-grow: 1;
}
@media (max-width: 768px) {
  .workstyle-overview-wrapper {
    flex-direction: column;
    gap: var(--spacing-6);
  }
  .workstyle-overview-wrapper .workstyle-explainer {
    max-width: 400px;
    width: 100%;
  }
}
.traits-wrapper {
  margin-bottom: var(--spacing-8);
}
.traits-wrapper .traits-card {
  margin-bottom: var(--spacing-4);
}
.traits-wrapper .traits-title {
  margin-bottom: var(--spacing-2);
  padding-bottom: 0;
}
.traits-wrapper .traits-description {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .traits-wrapper .traits-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.experience-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
}
.experience-wrapper .title-with-buttons {
  margin-bottom: var(--spacing-4);
}
.experience-wrapper .experience-text {
  color: var(--color-gray-100);
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .experience-wrapper .experience-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }
}
.experience-items {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6);
  padding-top: var(--spacing-2);
}
.experience-items .experience-item > .h5 {
  font-weight: 500;
}
.experience-items .timeline-item {
  display: flex;
  gap: var(--spacing-2);
}
.experience-items .timeline-item .timeline-interval {
  min-width: 120px;
  color: var(--color-gray-100);
  padding-top: 3px;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .experience-items .timeline-item .timeline-interval {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.experience-items .timeline-item .timeline-title {
  margin-bottom: var(--spacing-1);
}
.experience-items .timeline-item p {
  color: var(--color-gray-100);
}
.experience-items .timeline-item p:not(:last-child) {
  padding-bottom: var(--spacing-1);
}
.experience-items .timeline-item.timeline-item-with-buttons .timeline-info-wrapper {
  flex-grow: 1;
}
.experience-items .timeline-item.timeline-item-with-buttons .buttons-wrapper {
  gap: var(--spacing-2);
  flex-wrap: nowrap;
}
.images-row img {
  width: 100%;
  height: auto;
}
.images-row div[class*=col] + div[class*=col] {
  margin-bottom: var(--spacing-4);
}
.avatar-bullet {
  width: 45px;
  height: 45px;
  position: relative;
  border-radius: var(--radius-full);
  overflow: hidden;
  border: 2px solid var(--color-white);
  background-color: var(--color-gray-700);
  display: flex;
  align-items: center;
  justify-content: center;
}
.avatar-bullet img {
  object-fit: cover;
}
.avatar-bullet.avatar-bullet-medium {
  width: 32px;
  height: 32px;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .avatar-bullet.avatar-bullet-medium {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.avatar-bullet.avatar-bullet-small {
  width: 24px;
  height: 24px;
  font-size: 11px;
  font-weight: 500;
}
.avatar-bullet.avatar-bullet-extra-small {
  width: 19px;
  height: 19px;
  font-size: 7px;
  font-weight: 500;
}
.avatar-bullets-wrapper {
  display: flex;
}
.avatar-bullets-wrapper .avatar-bullet {
  margin-right: -13px;
}
.avatar-bullets-wrapper .avatar-bullet-medium {
  margin-right: -8px;
}
.avatar-bullets-wrapper .avatar-bullet-small {
  margin-right: -7px;
}
.avatar-bullets-wrapper .avatar-bullet-extra-small {
  margin-right: -5px;
}
.avatar-bullets-group {
  width: 38px;
  height: 38px;
  border-radius: var(--radius-full) var(--radius-full) var(--radius-full) 0;
  border: 2px solid var(--color-white);
  background: hsl(from var(--color-white) h s l/0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}
.avatar-bullets-group .avatar-bullets-wrapper {
  margin-left: -5px;
}
.avatar-bullets-group .avatar-bullets-wrapper .avatar-bullet.workstyle-bullet-maverick,
.avatar-bullets-group .avatar-bullets-wrapper .avatar-bullet.workstyle-bullet-Maverick {
  background-color: var(--color-brown);
}
.avatar-bullets-group .avatar-bullets-wrapper .avatar-bullet.workstyle-bullet-catalyst,
.avatar-bullets-group .avatar-bullets-wrapper .avatar-bullet.workstyle-bullet-Catalyst {
  background-color: var(--color-purple);
}
.avatar-bullets-group .avatar-bullets-wrapper .avatar-bullet.workstyle-bullet-protector,
.avatar-bullets-group .avatar-bullets-wrapper .avatar-bullet.workstyle-bullet-Protector {
  background-color: var(--color-blue-900);
}
.avatar-bullets-group .avatar-bullets-wrapper .avatar-bullet.workstyle-bullet-stabilizer,
.avatar-bullets-group .avatar-bullets-wrapper .avatar-bullet.workstyle-bullet-Stabilizer {
  background-color: #12231c;
}
.personal-info-image {
  width: 160px;
  height: 160px;
  border-radius: var(--radius-full);
  overflow: hidden;
  position: relative;
}
.personal-info-image:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 50%,
      rgba(0, 0, 0, 0.5) 100%);
}
.personal-info-image.personal-info-image-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-2);
  background:
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.2) 100%),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 50%,
      rgba(0, 0, 0, 0.5) 100%);
}
.personal-info-image.personal-info-image-upload:before {
  display: none;
}
.personal-info-image img {
  object-fit: cover;
}
.personal-info-image.personal-info-image-placeholder {
  width: 100%;
  height: 230px;
  border-radius: var(--radius-4);
  background: rgba(34, 33, 33, 0.4);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.personal-info-image.personal-info-image-placeholder:before {
  display: none;
}
.personal-info-image.personal-info-image-placeholder img {
  object-fit: contain;
}
.personal-info-buttons {
  width: 100%;
  max-width: 300px;
}
.personal-info-buttons .buttons-wrapper {
  flex-wrap: nowrap;
}
.personal-info-buttons .buttons-wrapper .p-button,
.personal-info-buttons .buttons-wrapper app-button {
  width: 100%;
}
.personal-info-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: var(--spacing-6);
  margin-left: auto;
  margin-right: auto;
}
.file-uploader-wrapper {
  width: 100%;
}
.file-uploader {
  width: 100%;
  min-height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-2);
  text-align: center;
  flex-direction: column;
  border-radius: var(--radius-4);
  background: var(--color-card-bg-secondary);
  position: relative;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .file-uploader {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.file-uploader .file-uploader-icon {
  font-size: 48px;
}
.file-uploader .file-uploader-icon span {
  font-size: 48px;
}
.file-uploader .file-uploader-icon .circle-icon {
  font-size: 32px;
}
.file-uploader .file-uploader-icon .circle-icon span {
  font-size: 32px;
}
.file-uploader .close-button {
  position: absolute;
  top: 5px;
  right: 5px;
}
.closable-box-wrapper {
  display: flex;
  gap: var(--spacing-4);
  padding: var(--spacing-4);
  border-radius: var(--radius-3);
  background-color: var(--color-card-bg-tertiary);
}
.closable-box-wrapper .box-title {
  padding-bottom: var(--spacing-2);
}
.closable-box-wrapper .box-text {
  color: var(--color-gray-100);
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .closable-box-wrapper .box-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.closable-box-wrapper .box-alert {
  padding-top: var(--spacing-2);
}
.closable-box-wrapper .box-buttons {
  padding-top: var(--spacing-4);
}
@media (max-width: 768px) {
  .closable-box-wrapper {
    flex-direction: column;
    gap: 0;
    position: relative;
  }
  .closable-box-wrapper .box-title {
    padding-right: 35px;
  }
  .closable-box-wrapper .closable-box-close-button {
    order: -1;
    margin-left: auto;
    position: absolute;
    right: 5px;
    top: 5px;
  }
}
.section-show-button-hover .card-user-box .user-box-buttons {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.section-show-button-hover .card-user-box:hover .user-box-buttons {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 992px) {
  .section-show-button-hover .card-user-box .user-box-buttons {
    visibility: visible;
    opacity: 1;
  }
}
.section-show-button-hover .title-with-buttons .buttons-wrapper {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.section-show-button-hover .title-with-buttons:hover .buttons-wrapper {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 992px) {
  .section-show-button-hover .title-with-buttons .buttons-wrapper {
    visibility: visible;
    opacity: 1;
  }
}
.section-show-button-hover:hover .title-with-buttons .buttons-wrapper {
  visibility: visible;
  opacity: 1;
}
.section-show-button-hover.is-add-mode {
  position: relative;
}
.section-show-button-hover.is-add-mode .title-with-buttons .buttons-wrapper {
  justify-content: center;
  position: absolute;
  bottom: var(--spacing-6);
  left: 0;
  right: 0;
}
.section-show-button-hover.is-add-mode div[class*=separator] {
  display: none;
}
.section-show-button-hover.is-add-mode .experience-items {
  border-radius: var(--radius-6);
  background-color: var(--color-card-bg-tertiary);
  padding: var(--spacing-6);
  padding-bottom: 100px;
  gap: 0;
}
.section-show-button-hover.is-add-mode .experience-items .experience-text {
  text-align: center;
  width: 100%;
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .section-show-button-hover.is-add-mode .experience-items .experience-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }
}
.section-show-button-hover.is-add-mode .title-with-buttons .buttons-wrapper {
  visibility: visible;
  opacity: 1;
}
.finish-profile-setup-wrapper {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--color-card-bg-tertiary);
  border: 1px solid var(--color-white-alpha-05);
  padding: var(--spacing-3) var(--spacing-4);
  border-radius: var(--radius-full);
  display: flex;
  gap: var(--spacing-4);
  align-items: center;
}
.finish-profile-setup-wrapper .profile-setup-avatar {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  overflow: hidden;
  background-color: hsl(from var(--color-white) h s l/0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.finish-profile-setup-wrapper .profile-setup-avatar img {
  object-fit: cover;
}
.finish-profile-setup-wrapper .profile-setup-descripton-container {
  flex-grow: 1;
}
.finish-profile-setup-wrapper .profile-setup-title {
  padding: 0;
  font-weight: 600 !important;
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .finish-profile-setup-wrapper .profile-setup-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }
}
.finish-profile-setup-wrapper .profile-setup-description {
  color: hsl(from var(--color-white) h s l/0.9);
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .finish-profile-setup-wrapper .profile-setup-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
@media (max-width: 768px) {
  .finish-profile-setup-wrapper {
    flex-direction: column;
    align-items: flex-start;
    border-radius: var(--radius-4);
  }
}
.recent-team-wrapper {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
}
.recent-team-wrapper .team-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-2);
  background-color: #d9d9d9;
  overflow: hidden;
  position: relative;
}
.recent-team-wrapper .team-icon img {
  object-fit: cover;
}
.recent-team-wrapper .team-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.recent-team-wrapper .team-details span + span:before {
  content: "\2022";
  margin: 0 var(--spacing-1);
  color: var(--color-gray-200);
}
.admin-top-bar-wrapper {
  background-color: var(--color-orange);
  color: var(--color-gray-900);
  height: 60px;
  padding: 5px var(--spacing-6);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin-top-bar-wrapper p.logged-in-text {
  padding: 0;
}
.admin-top-bar-wrapper .button .p-button {
  color: var(--color-gray-900) !important;
}
.admin-top-bar-wrapper .button .p-button .p-button-label {
  text-decoration: none !important;
}
@media (max-width: 768px) {
  .admin-top-bar-wrapper {
    height: 48px;
    padding: 5px var(--spacing-2);
  }
  .admin-top-bar-wrapper .button .p-button .p-button-label {
    display: none;
  }
  .admin-top-bar-wrapper p.logged-in-text {
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .admin-top-bar-wrapper p.logged-in-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }
}
@media (max-width: 768px) {
  .admin-top-bar-wrapper .tag {
    font-size: 12px !important;
    padding: 0 var(--spacing-3) !important;
  }
}
.admin-details-section-wrapper .simple-card .simple-card-content {
  width: 100%;
}
.admin-details-section-wrapper .simple-card .simple-card-content .row {
  margin: 0;
  gap: 15px;
}
.admin-details-section-wrapper .simple-card .simple-card-content .row p {
  white-space: nowrap;
}
@media (max-width: 576px) {
  .admin-details-section-wrapper .simple-card .simple-card-content .row div[class*=col] {
    min-width: calc(50% - 7.5px);
  }
}
.user-filter-row-wrapper {
  align-items: center;
  row-gap: var(--spacing-6);
}
.user-filter-row-wrapper .buttons-wrapper {
  justify-content: flex-end;
  row-gap: var(--spacing-6);
  align-items: center;
}
.user-filter-row-wrapper .buttons-wrapper p-popover:empty {
  display: none;
}
.user-filter-row-wrapper .buttons-wrapper .filter-input {
  flex-grow: 1;
}
.user-filter-row-wrapper [class*=col] + [class*=col] {
  flex-grow: 1;
  flex-basis: auto;
  width: auto;
}
@media (max-width: 768px) {
  .user-filter-row-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    position: relative;
    padding-bottom: 72px;
  }
  .user-filter-row-wrapper [class*=col] + [class*=col] {
    width: 100%;
    flex-basis: 100%;
  }
  .user-filter-row-wrapper .buttons-wrapper {
    flex-wrap: nowrap;
  }
  .user-filter-row-wrapper .buttons-wrapper > * {
    width: 100%;
  }
  .user-filter-row-wrapper .buttons-wrapper .p-button {
    width: 100%;
  }
  .user-filter-row-wrapper .buttons-wrapper .button-mobile-bottom {
    position: absolute;
    bottom: 0;
    right: 8px;
    left: 8px;
    width: auto;
  }
}
.admin-user-box {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
}
.admin-user-box .admin-user-avatar {
  width: 68px;
  height: 68px;
  min-width: 68px;
  border-radius: var(--radius-full);
  overflow: hidden;
  background-color: var(--color-card-bg-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 23px;
}
.admin-user-box .admin-user-avatar img {
  object-fit: cover;
}
.admin-user-box .admin-user-info p {
  padding-bottom: var(--spacing-0-5);
}
.admin-user-box .admin-user-info .admin-user-progress {
  word-break: break-word;
}
.admin-user-box.admin-user-box-small {
  align-items: flex-start;
}
.admin-user-box.admin-user-box-small .admin-user-avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
  font-size: 17px;
}
.page-not-found-wrapper h1 {
  font-size: 100px !important;
  line-height: 1 !important;
}
.breadcrumb-buttons-wrapper .button .p-button.is-link .p-button-label {
  text-decoration: none;
}
.breadcrumb-buttons-wrapper .button .p-button.is-link:disabled {
  color: var(--color-white);
  opacity: 1;
}
.teams-main-card-wrapper {
  padding: var(--spacing-6);
  border-radius: var(--radius-4);
  background-color: var(--color-card-bg-tertiary);
  border: 1px solid var(--color-white-alpha-10);
}
.teams-main-card-wrapper p {
  word-break: break-word;
}
.teams-main-card-wrapper .wrapper-title {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
}
.teams-main-card-wrapper .teams-card {
  background-color: var(--color-card-bg-quaternary) !important;
}
.teams-main-card-wrapper.teams-main-card-wrapper-dark {
  background-color: var(--color-card-bg-secondary);
}
.teams-main-card-wrapper app-badge {
  display: inline-block;
}
.teams-main-card-wrapper .members-spotlight-row {
  align-items: flex-end;
  margin-bottom: 0;
}
.teams-main-card-wrapper.card-clickable {
  outline: 2px solid transparent;
  transition: outline 0.2s ease, border-color 0.2s ease;
  cursor: pointer;
}
.teams-main-card-wrapper.card-clickable:hover {
  border-color: transparent;
  outline: 2px solid var(--color-white-alpha-50);
}
.teams-main-card-wrapper-with-button-right {
  display: flex;
  gap: var(--spacing-4);
  width: 100%;
}
.teams-main-card-wrapper-with-button-right .buttons-wrapper {
  order: 2;
}
.teams-main-card-wrapper-with-button-right .edit-mode-container,
.teams-main-card-wrapper-with-button-right .card-wrapper-left-container {
  width: 100%;
}
@media (max-width: 768px) {
  .teams-main-card-wrapper-with-button-right {
    flex-direction: column;
  }
  .teams-main-card-wrapper-with-button-right .buttons-wrapper {
    order: -1;
    justify-content: flex-end;
  }
}
.wrapper-fade {
  min-height: 300px;
  background:
    linear-gradient(
      180deg,
      #2f2e2d 0%,
      rgba(47, 46, 45, 0) 100%);
  border: 0;
  position: relative;
}
.wrapper-fade:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.1) 10%,
      rgba(255, 255, 255, 0) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.fact-card {
  padding: var(--spacing-4);
  border-radius: var(--radius-3);
  border: 1px solid var(--color-white-alpha-10);
  background-color: var(--color-green-700);
}
.plan-progress-number {
  font-size: 40px;
  line-height: 1;
}
.team-skill {
  padding: var(--spacing-4);
  border-radius: var(--radius-3);
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .team-skill {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
.team-skill.team-skill-strenght {
  border-left: 1px solid #447639;
  background-color: #3c453a;
  color: #c5ffb8;
}
.team-skill.team-skill-gap {
  border-left: 1px solid #7b5252;
  background-color: #453a3a;
  color: #ffd9d9;
}
.traits-risks-wrapper .traits-card {
  padding: var(--spacing-6);
  border-radius: var(--radius-4);
  height: 100%;
}
.traits-risks-wrapper .traits-card .traits-card-title {
  margin-bottom: var(--spacing-2);
}
.traits-risks-wrapper .traits-card.traits-card-traits {
  border-left: 1px solid #447639;
  background: #31372f;
}
.traits-risks-wrapper .traits-card.traits-card-traits .traits-card-title {
  color: #c5ffb8;
}
.traits-risks-wrapper .traits-card.traits-card-risks {
  border-left: 1px solid #7b5252;
  background: #372f2f;
}
.traits-risks-wrapper .traits-card.traits-card-risks .traits-card-title {
  color: #ffd9d9;
}
.start-end-wrapper {
  display: flex;
  align-items: flex-end;
  gap: var(--spacing-4);
  justify-content: center;
}
.start-end-wrapper.is-change-date-clicked {
  align-items: flex-start;
}
.start-end-wrapper .start-end-box-input {
  min-width: 200px;
}
.start-end-wrapper .start-end-box .form-field-wrapper {
  text-align: left;
  margin-bottom: 0;
  min-width: 280px;
}
.start-end-wrapper .start-end-arrow {
  padding: 8px;
}
.start-end-wrapper .start-end-arrow [class*=material-icons],
.start-end-wrapper .start-end-arrow [class*=material-symbols] {
  font-size: 16px;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .start-end-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-6);
  }
  .start-end-wrapper .start-end-arrow [class*=material-icons],
  .start-end-wrapper .start-end-arrow [class*=material-symbols] {
    transform: rotate(90deg);
  }
}
.card-watch-out {
  padding: var(--spacing-4);
  border-radius: var(--radius-4);
  border-left: 2px solid var(--color-orange);
  background: #4f3d2c;
}
.card-watch-out .card-badges {
  margin-bottom: var(--spacing-3);
  display: flex;
  gap: var(--spacing-2);
}
.nav-deep-dive ul li + li {
  margin-top: var(--spacing-1);
}
.nav-deep-dive ul li.active a {
  background-color: var(--color-gray-200);
  color: var(--color-black);
}
.nav-deep-dive ul li.active:hover a {
  background-color: var(--color-gray-200);
  color: var(--color-black);
}
.nav-deep-dive ul li:hover a {
  background-color: var(--color-gray-250);
  color: var(--color-black);
}
.nav-deep-dive ul li a {
  transition: all 0.2s ease;
  text-decoration: none;
  padding: var(--spacing-4);
  border-radius: var(--radius-4);
  color: var(--color-gray-100);
  display: block;
  cursor: pointer;
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .nav-deep-dive ul li a {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }
}
.nav-deep-dive .deep-dive-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0;
  outline: none;
  text-decoration: none;
  padding: var(--spacing-4);
  padding-right: 50px;
  border-radius: var(--radius-4);
  background-color: var(--color-gray-200);
  color: var(--color-black);
  display: block;
  width: 100%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'><path d='M1.91 0.296875L6.5 4.87687L11.09 0.296875L12.5 1.70687L6.5 7.70687L0.5 1.70687L1.91 0.296875Z' fill='black'/></svg>");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 1rem;
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .nav-deep-dive .deep-dive-select {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }
}
.nav-deep-dive .mobile-version {
  display: none;
}
@media (max-width: 768px) {
  .nav-deep-dive .desktop-version {
    display: none;
  }
  .nav-deep-dive .mobile-version {
    display: block;
  }
}
.inline-table-wrapper {
  overflow: auto;
}
.inline-table-wrapper table {
  width: 100%;
  color: var(--color-white);
  border-radius: var(--radius-2);
  border-collapse: collapse;
  border: 1px solid hsl(from var(--color-white) h s l/0.2);
}
.inline-table-wrapper table th,
.inline-table-wrapper table td {
  padding: var(--spacing-2) var(--spacing-4);
  border: 1px solid hsl(from var(--color-white) h s l/0.2);
}
.inline-table-wrapper table th {
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .inline-table-wrapper table th {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
.inline-table-wrapper table td {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .inline-table-wrapper table td {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.teams-compare-wrapper .avatar-bullets-wrapper {
  min-width: 32px;
}
.teams-compare-wrapper .teams-compare-titles {
  display: flex;
  gap: var(--spacing-2);
  align-items: center;
  justify-content: space-between;
}
.teams-compare-wrapper .avatar-bullet {
  border: 1px solid hsl(from var(--color-white) h s l/0.2);
  background-color: var(--color-card-bg-quaternary);
  font-size: 12px;
}
.teams-compare-wrapper .grid-9 {
  width: auto;
  margin-left: -18px;
  margin-right: -18px;
}
@media (max-width: 768px) {
  .teams-compare-wrapper .avatar-bullet.avatar-bullet {
    width: 22px;
    height: 22px;
    font-size: 9px;
  }
  .teams-compare-wrapper .grid-9 {
    gap: 0;
    margin-top: 16px;
  }
  .teams-compare-wrapper .grid-9 .cell {
    padding: 0px 1px;
  }
}
.teams-compare-wrapper .teams-compare-members-grid.small .avatar-bullet.avatar-bullet {
  width: 22px;
  height: 22px;
  font-size: 9px;
}
.teams-compare-wrapper .teams-compare-members-grid.small .grid-9 {
  gap: 0;
}
.teams-compare-wrapper .teams-compare-members-grid.small .grid-9 .cell {
  padding: 0px 1px;
}
@media (max-width: 768px) {
  .teams-compare-wrapper .teams-compare-members-grid.small .avatar-bullet.avatar-bullet {
    width: 18px;
    height: 18px;
    font-size: 8px;
  }
  .teams-compare-wrapper .teams-compare-members-grid.small .grid-9 {
    gap: 0;
    margin-top: 16px;
  }
  .teams-compare-wrapper .teams-compare-members-grid.small .grid-9 .cell {
    padding: 0;
  }
}
.grid-9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 3px;
  margin-top: 20px;
}
.grid-9 .cell {
  padding: 0 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  white-space: nowrap;
}
.grid-9 .position-1 {
  grid-column-start: 1;
}
.grid-9 .position-2 {
  grid-column-start: 2;
}
.grid-9 .position-3 {
  grid-column-start: 3;
}
.grid-9 .position-4 {
  grid-column-start: 4;
}
.grid-9 .position-5 {
  grid-column-start: 5;
}
.grid-9 .position-6 {
  grid-column-start: 6;
}
.grid-9 .position-7 {
  grid-column-start: 7;
}
.grid-9 .position-8 {
  grid-column-start: 8;
}
.grid-9 .position-9 {
  grid-column-start: 9;
}
.grid-9 .span-1 {
  grid-column-end: span 1;
}
.grid-9 .span-2 {
  grid-column-end: span 2;
}
.grid-9 .span-3 {
  grid-column-end: span 3;
}
.grid-9 .span-4 {
  grid-column-end: span 4;
}
.grid-9 .span-5 {
  grid-column-end: span 5;
}
.grid-9 .span-6 {
  grid-column-end: span 6;
}
.grid-9 .span-7 {
  grid-column-end: span 7;
}
.grid-9 .span-8 {
  grid-column-end: span 8;
}
.grid-9 .span-9 {
  grid-column-end: span 9;
}
.card-icon-flex {
  display: flex;
  gap: var(--spacing-2-5);
}
.card-icon-flex .card-buttons {
  padding-top: var(--spacing-2);
}
.admin-list-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.admin-list-wrapper .admin-list-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
  padding: var(--spacing-2);
  border-radius: var(--radius-2);
  border: 1px solid hsl(from var(--color-white) h s l/0.2);
}
.admin-list-wrapper .admin-list-item p {
  padding: 0;
  flex-grow: 1;
}
.admin-list-wrapper .admin-list-item img {
  width: auto;
  height: auto;
}
.strenghts-gaps-outer-wrapper {
  padding: var(--spacing-4);
  border-radius: var(--radius-3);
}
.strenghts-gaps-outer-wrapper.variant-strenghts {
  background-color: var(--color-green-850);
  border-left: 1px solid var(--color-green-600);
}
.strenghts-gaps-outer-wrapper.variant-gaps {
  background-color: var(--color-red-900);
  border-left: 1px solid var(--color-red-600);
}
.skill-filter-wrapper .skill-fiter-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
  padding: var(--spacing-4) var(--spacing-2);
}
.skill-filter-wrapper .skill-fiter-item .skill-fiter-title {
  flex-grow: 1;
}
.skill-filter-wrapper .skill-fiter-item .skill-fiter-title label {
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .skill-filter-wrapper .skill-fiter-item .skill-fiter-title label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
.skill-filter-wrapper .skill-fiter-item .skill-fiter-title .filter-number {
  color: var(--color-white);
  font-size: 12px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: var(--radius-full);
  background-color: var(--color-gray-400);
  margin-left: 5px;
}
.skill-filter-wrapper .skill-fiter-item .skill-filter-button {
  white-space: nowrap;
}
.skill-filter-wrapper .skill-fiter-item .skill-filter-button.skill-filter-button-with-input-label {
  width: 100%;
}
.skill-filter-wrapper .skill-fiter-item .skill-filter-button.skill-filter-button-with-input-label .inline-label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.skill-filter-wrapper .skill-fiter-item + .skill-fiter-item {
  border-top: 1px solid hsl(from var(--color-white) h s l/0.2);
}
.card-teams-member-deepdive-dialog .simple-card-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
.card-teams-member-deepdive-dialog .simple-card-content .admin-button-wrapper {
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.card-teams-member-deepdive-dialog:hover .simple-card-content .admin-button-wrapper {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 768px) {
  .card-teams-member-deepdive-dialog .simple-card-content {
    flex-direction: column;
    gap: var(--spacing-3);
    align-items: flex-start;
  }
  .card-teams-member-deepdive-dialog .simple-card-content .admin-button-wrapper {
    visibility: visible;
    opacity: 1;
  }
}
.network-inputs-wrapper {
  display: flex;
  gap: var(--spacing-4);
  align-items: center;
}
.network-inputs-wrapper .row {
  flex-grow: 1;
  margin-bottom: 0 !important;
}
.network-inputs-wrapper .row .form-field-wrapper {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .network-inputs-wrapper {
    align-items: flex-start;
  }
}
.edit-profile-empty-state {
  background-color: var(--color-card-bg-secondary);
  border-radius: var(--radius-6);
  justify-items: center;
  padding: var(--spacing-6);
}
.edit-profile-empty-state .buttons-wrapper {
  margin-top: var(--spacing-4);
}
.projects-main-content-wrapper {
  padding: var(--spacing-4);
  border-radius: var(--radius-4);
  background-color: var(--color-card-bg-tertiary);
  height: 100%;
}
.project-details-page-wrapper .projects-main-content-wrapper {
  min-height: calc(100vh - 230px);
}
.project-sidebar-progress {
  padding: var(--spacing-4);
  border-radius: var(--radius-4);
  background-color: var(--color-card-bg-tertiary);
}
.project-sidebar-progress app-button,
.project-sidebar-progress .p-button {
  width: 100%;
}
.project-sidebar-progress p {
  color: var(--color-gray-100);
  padding-bottom: var(--spacing-6);
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .project-sidebar-progress p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.project-setup-layout {
  display: flex;
  width: 100%;
  gap: var(--spacing-6);
}
.project-setup-layout .project-setup-sidebar {
  max-width: 312px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
}
.project-setup-layout .project-setup-content {
  flex-grow: 1;
}
@media (max-width: 1200px) {
  .project-setup-layout {
    flex-direction: column;
  }
  .project-setup-layout .project-setup-sidebar {
    max-width: 100%;
  }
}
.p-menu.p-menu.sidebar-menu .p-menu-item-content .p-menu-item-link {
  min-height: 40px;
  display: flex;
  align-items: center;
}
.p-menu.p-menu.sidebar-menu .p-menu-item:not(.p-disabled) .p-menu-item-content:hover {
  background: hsl(from var(--color-white) h s l/0.1);
}
.p-menu.p-menu.sidebar-menu .p-menu-item:not(.p-disabled).p-focus .p-menu-item-content {
  background: hsl(from var(--color-white) h s l/0.2);
}
.p-menu.p-menu.projects-menu .p-menu-item-content .p-menu-item-link {
  justify-content: space-between;
}
.p-menu.p-menu.projects-menu .p-menu-item-content .p-menu-item-link .p-badge {
  font-size: 12px;
  min-width: 15px;
  height: 15px;
  background-color: var(--color-orange);
}
.p-menu.p-menu.projects-menu .p-menu-item-content .p-menu-item-link .p-badge.dot {
  width: 8px;
  min-width: 8px;
  height: 8px;
  padding: 0;
}
.p-menu.p-menu.projects-menu .p-menu-item-content .p-menu-item-link .p-badge.dot.dot-green {
  background-color: var(--color-green-10);
}
.p-menu.p-menu.projects-menu .p-menu-item-content .p-menu-item-link .p-badge.dot.dot-grey {
  background-color: var(--color-gray-300);
}
.p-menu.p-menu.projects-menu .p-menu-item-content .p-menu-item-link .p-badge.dot.dot-orange {
  background-color: var(--color-orange);
}
@media (max-width: 1200px) {
  .p-menu.p-menu.projects-menu {
    padding: var(--spacing-4);
    border-radius: var(--radius-4);
    background-color: var(--color-card-bg-tertiary);
  }
}
@media (max-width: 768px) {
  .p-menu.p-menu.projects-menu {
    overflow: auto;
    display: flex;
  }
  .p-menu.p-menu.projects-menu .p-menu-list {
    flex-direction: row;
    gap: var(--spacing-2);
  }
  .p-menu.p-menu.projects-menu .p-menu-submenu-label {
    display: none;
  }
}
.stories-navigation-wrapper {
  max-width: 260px;
}
.stories-navigation-wrapper .cards-stories-wrapper {
  padding-left: 30px;
  position: relative;
}
.stories-navigation-wrapper .cards-stories-wrapper > .card-story-nav-item-wrapper + .card-story-nav-item-wrapper {
  padding-top: var(--spacing-4);
}
.stories-navigation-wrapper .card-story-nav-item-wrapper {
  position: relative;
}
.stories-navigation-wrapper .card-story-nav-item-wrapper:before {
  content: "";
  border-right: 2px solid var(--color-gray-250);
  position: absolute;
  left: -17px;
  top: 0;
  bottom: 50%;
}
.stories-navigation-wrapper .card-story-nav-item-wrapper:after {
  content: "";
  border-right: 2px solid var(--color-gray-250);
  position: absolute;
  left: -17px;
  bottom: 0;
  top: 50%;
}
.stories-navigation-wrapper .card-story-nav-item-wrapper.border-dotted:before,
.stories-navigation-wrapper .card-story-nav-item-wrapper.border-dotted:after {
  border-right: 2px dotted var(--color-gray-250);
}
.stories-navigation-wrapper .card-story-nav-item-wrapper.border-dotted-top:before {
  border-right: 2px dotted var(--color-gray-250);
}
.stories-navigation-wrapper .card-story-nav-item-wrapper.border-dotted-bottom:after {
  border-right: 2px dotted var(--color-gray-250);
}
.stories-navigation-wrapper .card-story-nav-item-wrapper.fade-border-top:before {
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      transparent 0%,
      var(--color-gray-250) 100%);
  mask-image:
    linear-gradient(
      to bottom,
      transparent 0%,
      var(--color-gray-250) 100%);
}
.stories-navigation-wrapper .card-story-nav-item-wrapper.fade-border-bottom:after {
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      transparent 0%,
      var(--color-gray-250) 100%);
  mask-image:
    linear-gradient(
      to bottom,
      transparent 0%,
      var(--color-gray-250) 100%);
}
.stories-navigation-wrapper div.simple-card.card-story-nav-item {
  position: relative;
}
.stories-navigation-wrapper div.simple-card.card-story-nav-item:not(.card-gradient-yellow):hover {
  background-color: var(--color-card-bg-quaternary);
  outline: 1px solid var(--color-white-alpha-20);
}
.stories-navigation-wrapper div.simple-card.card-story-nav-item:not(.card-gradient-yellow).selected,
.stories-navigation-wrapper div.simple-card.card-story-nav-item:not(.card-gradient-yellow).selected:hover {
  background-color: var(--color-card-bg-tertiary);
  border-color: transparent;
  outline: 2px solid var(--color-white-alpha-50);
}
.stories-navigation-wrapper div.simple-card.card-story-nav-item .simple-card-content-container h4 {
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .stories-navigation-wrapper div.simple-card.card-story-nav-item .simple-card-content-container h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }
}
.stories-navigation-wrapper div.simple-card.card-story-nav-item .simple-card-content-container .simple-card-content {
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .stories-navigation-wrapper div.simple-card.card-story-nav-item .simple-card-content-container .simple-card-content {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }
}
.stories-navigation-wrapper div.simple-card.card-story-nav-item .buttons-wrapper .p-button,
.stories-navigation-wrapper div.simple-card.card-story-nav-item .buttons-wrapper app-button {
  width: 100%;
}
.stories-navigation-wrapper div.simple-card.card-story-nav-item:before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: var(--radius-full);
  background-color: var(--color-gray-250);
  position: absolute;
  left: -22px;
  top: 50%;
  transform: translateY(-50%);
}
.roles-description {
  color: var(--color-gray-200);
  margin-bottom: var(--spacing-6);
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .roles-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
.roles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-4);
  margin-top: var(--spacing-6);
}
@media (max-width: 992px) {
  .roles-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .roles-grid {
    grid-template-columns: 1fr;
  }
}
.role-card {
  background-color: var(--color-card-bg-quaternary);
  border-radius: var(--radius-3);
  padding: var(--spacing-4);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.role-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.role-card-avatar {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-full);
  overflow: hidden;
  border: 2px solid var(--color-white);
  background-color: var(--color-gray-700);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.role-card-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.role-card-avatar span {
  color: var(--color-white);
  font-weight: 600;
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .role-card-avatar span {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }
}
.role-card-actions {
  display: flex;
  gap: var(--spacing-1);
  align-items: center;
}
.role-card-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.role-name {
  margin: 0;
  color: var(--color-white);
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .role-name {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }
}
.role-title {
  margin: 0;
  color: var(--color-gray-200);
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .role-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
.role-responsibilities {
  margin: 0;
  padding-left: var(--spacing-4);
  color: var(--color-gray-200);
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .role-responsibilities {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.role-responsibilities li {
  margin-bottom: var(--spacing-1);
  padding-left: var(--spacing-1);
}
.role-responsibilities li:last-child {
  margin-bottom: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px var(--p-form-field-background) inset !important;
  box-shadow: 0 0 0px 1000px var(--p-form-field-background) inset !important;
  -webkit-text-fill-color: #ffffff !important;
  transition: background-color 5000s ease-in-out 0s;
}
input:-moz-autofill {
  box-shadow: 0 0 0px 1000px var(--p-form-field-background) inset !important;
  -moz-text-fill-color: #ffffff !important;
}
input:-webkit-autofill-and-obscured,
input:-webkit-autofill-and-obscured:hover,
input:-webkit-autofill-and-obscured:focus,
input:-webkit-autofill-and-obscured:active,
input:-webkit-autofill-strong-password,
input:-webkit-autofill-strong-password-viewable,
input:-webkit-autofill-strong-password:hover,
input:-webkit-autofill-strong-password-viewable:hover,
input:-webkit-autofill-strong-password:focus,
input:-webkit-autofill-strong-password-viewable:focus,
input:-webkit-autofill-strong-password:active,
input:-webkit-autofill-strong-password-viewable:active {
  -webkit-text-fill-color: #ffffff !important;
}
label,
.form-label {
  margin-bottom: var(--spacing-1-5);
  display: inline-block;
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  label,
  .form-label {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }
}
p.input-label-text {
  padding-bottom: var(--spacing-4) !important;
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  p.input-label-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }
}
.form-helper-text {
  margin-top: var(--spacing-1-5);
  display: block;
  color: var(--color-gray-100);
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .form-helper-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.text-under-label {
  margin-top: var(--spacing-1-5);
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .text-under-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.form-field-wrapper {
  margin-bottom: var(--spacing-6);
}
.p-iconfield .p-inputicon * {
  line-height: 18px;
}
.p-iconfield .p-inputtext {
  width: 100%;
}
.p-iconfield .p-inputtext.p-inputtext:not(:last-child) {
  padding-inline-end: calc(var(--p-form-field-padding-x) * 2 + 24px);
}
.p-iconfield .p-inputtext.p-inputtext:not(:first-child) {
  padding-inline-start: calc(var(--p-form-field-padding-x) * 2 + 24px);
}
input.p-inputtext:disabled,
textarea.p-textarea:disabled,
.p-select.p-disabled {
  opacity: 0.5;
  border-color: var(--p-form-field-disabled-background);
}
.p-component.p-toggleswitch.p-disabled {
  opacity: 0.5;
}
.p-toggleswitch.p-toggleswitch-checked.p-disabled .p-toggleswitch-slider {
  background: var(--p-toggleswitch-checked-background);
}
.p-toggleswitch.p-toggleswitch-checked.p-disabled .p-toggleswitch-handle {
  background: var(--p-toggleswitch-handle-checked-background);
}
.form-field.disabled .p-inputicon {
  opacity: 0.5;
}
.form-light-gray-bg input.p-inputtext:disabled,
.form-light-gray-bg textarea.p-textarea:disabled,
.form-light-gray-bg .p-select.p-disabled {
  border-color: var(--color-gray-650);
}
.p-inputtext.p-invalid:enabled:focus,
.p-inputtext.p-invalid:enabled:hover,
.p-textarea.p-invalid:enabled:focus,
.p-textarea.p-invalid:enabled:hover,
.p-checkbox:not(.p-disabled).p-invalid:has(.p-checkbox-input:hover) .p-checkbox-box,
.p-select:not(.p-disabled).p-invalid.p-focus,
.p-select:not(.p-disabled).p-invalid:hover,
.p-select:not(.p-disabled).p-invalid.p-select-open,
.p-select:not(.p-disabled).p-invalid.p-select-open:hover {
  border-color: var(--p-form-field-invalid-border-color);
}
.p-select:not(.p-disabled).p-select-open,
.p-select:not(.p-disabled).p-select-open:hover {
  border: 1px solid var(--p-form-field-focus-border-color);
}
app-input-phone.ng-dirty.ng-touched .form-field.invalid input {
  border-color: var(--p-form-field-invalid-border-color);
}
app-input-phone.ng-dirty.ng-untouched .form-field.invalid label {
  color: var(--color-white);
}
app-input-phone.ng-dirty.ng-untouched .form-field.invalid .form-helper-text {
  color: var(--color-gray-100);
}
.form-field.invalid .form-helper-text,
.form-field.invalid label {
  color: var(--color-red-300);
}
.form-field.disabled label {
  color: var(--color-gray-100);
}
.inline-label {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
}
.inline-label > * {
  width: auto !important;
}
.inline-label label {
  margin: 0;
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .inline-label label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
.p-select .p-select-header input {
  background-color: var(--color-gray-600);
}
.form-caption {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .form-caption {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.form-caption.form-caption-gray {
  color: var(--color-gray-200);
}
.form-caption.form-caption-gray a,
.form-caption.form-caption-gray button {
  color: var(--color-gray-200);
  text-decoration: underline;
}
.form-caption.form-caption-gray a:hover,
.form-caption.form-caption-gray button:hover {
  color: var(--color-white);
}
.p-fileupload.file-upload-custom-template {
  border: 0;
  background: transparent;
}
.p-fileupload.file-upload-custom-template .p-fileupload-header {
  display: none;
}
.p-fileupload.file-upload-custom-template .p-fileupload-content {
  padding: 0;
  border: 0;
}
.file-upload-pending-section .p-listbox-list-container {
  max-height: 100% !important;
}
.file-upload-pending-section .pending-list .p-listbox {
  border: 0;
  background: transparent;
  width: 100%;
}
.file-upload-pending-section .pending-list .p-listbox-list {
  gap: var(--spacing-3);
}
.file-upload-pending-section .pending-list .p-listbox-option {
  display: flex;
  align-items: center;
  background-color: transparent;
  border-radius: var(--radius-3);
  padding: var(--spacing-2) 0;
  height: 64px;
  border: 1px solid var(--color-gray-600);
  transition: background-color 0.3s ease;
  vertical-align: top;
}
.file-upload-pending-section .pending-list .p-listbox-option:hover {
  background-color: hsl(from var(--color-white) h s l/0.2);
  border: 1px solid transparent;
}
.file-upload-pending-section .pending-list .p-listbox-option .file-name {
  flex: 1;
  margin-left: var(--spacing-2);
  color: var(--color-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .file-upload-pending-section .pending-list .p-listbox-option .file-name {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.file-upload-pending-section .pending-list .p-listbox-option .file-thumbnail {
  width: 59px;
  height: 40px;
  background-color: #d9d9d9;
  border-radius: var(--radius-1-5);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.file-upload-pending-section .pending-list .p-listbox-option .file-thumbnail img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.file-upload-pending-section .pending-list .p-listbox-option .file-drag-item-button .button-icon .p-button:not(:disabled):hover,
.file-upload-pending-section .pending-list .p-listbox-option .file-drag-item-button .button-icon .p-button:not(:disabled):active,
.file-upload-pending-section .pending-list .p-listbox-option .file-close-button .button-icon .p-button:not(:disabled):hover,
.file-upload-pending-section .pending-list .p-listbox-option .file-close-button .button-icon .p-button:not(:disabled):active {
  background-color: transparent;
}
.p-fileupload.file-upload-inline-style {
  padding: var(--spacing-4);
  background-color: var(--color-card-bg-secondary);
  border-radius: var(--radius-4);
}
.p-fileupload.file-upload-inline-style .p-fileupload-basic-content {
  gap: var(--spacing-4);
  flex-wrap: nowrap;
}
.p-fileupload.file-upload-inline-style .p-fileupload-basic-content span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .p-fileupload.file-upload-inline-style .p-fileupload-basic-content span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.p-fileupload.file-upload-inline-style .p-fileupload-choose-button {
  padding: var(--spacing-2) var(--spacing-4);
}
.p-fileupload.file-upload-inline-style .p-fileupload-choose-button:not(:disabled):hover {
  background-color: var(--color-white-alpha-40);
  border-color: var(--color-white-alpha-40);
  color: var(--color-gray-900);
}
.p-fileupload.file-upload-inline-style .p-fileupload-choose-button .p-button-icon:before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 16 16' fill='none'><path d='M11.9998 9.9974V11.9974H3.99984V9.9974H2.6665V11.9974C2.6665 12.7307 3.2665 13.3307 3.99984 13.3307H11.9998C12.7332 13.3307 13.3332 12.7307 13.3332 11.9974V9.9974H11.9998ZM4.6665 5.9974L5.6065 6.9374L7.33317 5.2174V10.6641H8.6665V5.2174L10.3932 6.9374L11.3332 5.9974L7.99984 2.66406L4.6665 5.9974Z' fill='%230D0D0D'/></svg>");
}
.form-field-wrapper-input-with-button {
  display: flex;
  gap: var(--spacing-4);
}
.form-field-wrapper-input-with-button .form-input {
  flex-grow: 1;
}
.p-autocomplete-list-container {
  max-width: calc(100vw - 20px) !important;
}
.p-autocomplete-list .p-autocomplete-option {
  white-space: break-spaces;
}
.p-autocomplete-list .p-autocomplete-option:not(.p-autocomplete-option-selected):not(.p-disabled).p-focus {
  background-color: var(--color-gray-600);
}
.p-autocomplete-overlay {
  max-width: min-content;
}
.p-popover.popover-filters {
  border: 1px solid hsl(from var(--color-white) h s l/0.2);
  background: var(--color-card-bg-secondary);
  min-width: 320px;
  border-radius: var(--radius-6);
}
.p-popover.popover-filters:after,
.p-popover.popover-filters:before {
  display: none;
}
.p-popover.popover-filters .p-popover-content {
  padding: 0;
}
.p-popover.popover-filters .title-with-buttons {
  margin: 0;
  border-bottom: 1px solid hsl(from var(--color-white) h s l/0.2);
  padding: 16px 10px 16px 24px;
}
.p-popover.popover-filters .title-with-buttons [class*=material-icons],
.p-popover.popover-filters .title-with-buttons [class*=material-symbols] {
  font-size: 16px;
}
.p-popover.popover-filters .popover-filter-content {
  padding: 24px 24px 10px 24px;
  border-bottom: 1px solid hsl(from var(--color-white) h s l/0.2);
}
.p-popover.popover-filters .popover-filter-content p {
  padding-bottom: 16px;
}
.p-popover.popover-filters .popover-filters-buttons {
  padding: 16px 24px;
}
.p-popover.menu-filter {
  min-width: 217px;
  padding: var(--spacing-2);
  background-color: var(--color-card-bg-secondary);
  border: 1px solid var(--color-gray-500);
  border-radius: var(--radius-1-5);
}
.p-popover.menu-filter .buttons-wrapper-column {
  gap: var(--spacing-2);
}
.p-popover.menu-filter .buttons-wrapper-column .button .p-button .p-button-label {
  flex-grow: 1;
  text-align: left;
}
.p-popover.menu-filter .buttons-wrapper-column .button .p-button.p-button-text:not(:disabled):hover,
.p-popover.menu-filter .buttons-wrapper-column .button .p-button.p-button-text:not(:disabled):active {
  background-color: hsl(from var(--color-white) h s l/0.05);
  color: var(--color-white);
}
.p-popover.menu-filter .buttons-wrapper-column .button .p-button.p-button-text:not(:disabled):hover .p-button-label,
.p-popover.menu-filter .buttons-wrapper-column .button .p-button.p-button-text:not(:disabled):active .p-button-label {
  opacity: 1;
}
.p-popover.menu-filter .p-popover-content {
  padding: 0;
}
.p-popover.menu-filter.menu-filter-light {
  background-color: var(--color-card-bg-quaternary);
  border: 1px solid var(--color-gray-500);
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25);
}
.p-popover.menu-filter.menu-filter-light .buttons-wrapper-column .button .p-button.p-button-text:not(:disabled):hover,
.p-popover.menu-filter.menu-filter-light .buttons-wrapper-column .button .p-button.p-button-text:not(:disabled):active {
  background-color: hsl(from var(--color-white) h s l/0.1);
}
.image-cropper-outer-wrapper {
  background: hsl(from #222121 h s l/0.4);
  border-radius: var(--radius-4);
  max-height: 400px;
}
.image-cropper-outer-wrapper .image-cropper-inner-wrapper {
  max-width: 320px;
  margin: 0 auto;
}
image-cropper {
  padding: 0 !important;
}
image-cropper .ngx-ic-source-image {
  vertical-align: top !important;
}
image-cropper > div {
  background-color: var(--color-black);
}
image-cropper > div .ngx-ic-cropper.ngx-ic-round:after {
  box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.9) !important;
}
image-cropper > div img.ngx-ic-source-image {
  max-height: 320px !important;
}
image-cropper .ngx-ic-overlay {
  outline: none !important;
}
.toast-container .ngx-toastr {
  color: var(--color-white);
  background-color: hsl(from var(--color-gray-900) h s l/0.9);
  padding: var(--spacing-4) var(--spacing-4) var(--spacing-4) 55px;
  box-shadow: none;
  border-radius: var(--radius-2);
  border: 1px solid;
  background-size: 30px;
}
.toast-container .ngx-toastr button.toast-close-button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTEuNzI2NyAzLjMzMzMxTDggNy4wNTk5OEw0LjI3MzMzIDMuMzMzMzFMMy4zMzMzMyA0LjI3MzMxTDcuMDYgOC4wMDAwOEwzLjMzMzMzIDExLjcyNjZMNC4yNzMzMyAxMi42NjY2TDggOC45Mzk5OEwxMS43MjY3IDEyLjY2NjZMMTIuNjY2NyAxMS43MjY2TDguOTM5OTkgOC4wMDAwOEwxMi42NjY3IDQuMjczMzFaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  color: var(--color-white);
  opacity: 1;
}
.toast-container .ngx-toastr button.toast-close-button span {
  display: none;
}
.toast-container .ngx-toastr button.toast-close-button:hover,
.toast-container .ngx-toastr button.toast-close-button:focus {
  color: var(--color-white);
  opacity: 1;
}
.toast-container .ngx-toastr:hover {
  box-shadow: none;
}
.toast-container .ngx-toastr.toast-error {
  border-color: hsl(from var(--color-red-800) h s l/0.84);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15.5225 3.5L20.5 8.47754V15.5225L15.5225 20.5H8.47754L3.5 15.5225V8.47754L8.47754 3.5H15.5225ZM12 15.5C12.2761 15.5 12.5 15.7239 12.5 16C12.5 16.2761 12.2761 16.5 12 16.5C11.7239 16.5 11.5 16.2761 11.5 16C11.5 15.7239 11.7239 15.5 12 15.5ZM12.5 7.5V13.5H11.5V7.5H12.5ZM19.5 8.89258L15.1074 4.5H8.89258L4.5 8.89258V15.1074L8.89258 19.5H15.1074L19.5 15.1074V8.89258Z' fill='black' stroke='white'/%3E%3C/svg%3E");
}
.toast-container .ngx-toastr.toast-info {
  border-color: rgba(24, 91, 110, 0.84);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2.5C17.2439 2.5 21.5 6.75614 21.5 12C21.5 17.2439 17.2439 21.5 12 21.5C6.75614 21.5 2.5 17.2439 2.5 12C2.5 6.75614 6.75614 2.5 12 2.5ZM12 3.5C7.31386 3.5 3.5 7.31386 3.5 12C3.5 16.6861 7.31386 20.5 12 20.5C16.6861 20.5 20.5 16.6861 20.5 12C20.5 7.31386 16.6861 3.5 12 3.5ZM12.5 11.5V16.5H11.5V11.5H12.5ZM12.5 7.5V8.5H11.5V7.5H12.5Z' fill='black' stroke='white'/%3E%3C/svg%3E");
}
.toast-container .ngx-toastr.toast-success {
  border-color: hsl(from var(--color-green-400) h s l/0.84);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2.5C13.8086 2.5 15.4941 3.00933 16.9307 3.89062L16.2021 4.62012C14.9625 3.90961 13.5344 3.5 12 3.5C7.30386 3.5 3.5 7.30386 3.5 12C3.5 16.6961 7.30386 20.5 12 20.5C16.6961 20.5 20.5 16.6961 20.5 12C20.5 11.445 20.4355 10.9019 20.333 10.3828L21.1699 9.54688C21.3819 10.3315 21.5 11.153 21.5 12C21.5 17.2439 17.2439 21.5 12 21.5C6.75614 21.5 2.5 17.2439 2.5 12C2.5 6.75614 6.75614 2.5 12 2.5ZM21.291 5.18066L10.5898 15.8926L7.05664 12.3594L7.75977 11.6572L10.5898 14.4873L10.9434 14.1338L20.5908 4.48535L21.291 5.18066Z' fill='black' stroke='white'/%3E%3C/svg%3E");
}
.toast-container .ngx-toastr.toast-warning {
  border-color: hsl(from var(--color-orange) h s l/0.84);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22.1328 21H1.86719L12 3.49805L22.1328 21ZM11.5674 6.23926L4.03711 19.25L3.60254 20H20.3975L19.9629 19.25L12.4326 6.23926L12 5.49219L11.5674 6.23926ZM12.5 17V18H11.5V17H12.5ZM12.5 11V14H11.5V11H12.5Z' fill='black' stroke='white'/%3E%3C/svg%3E");
}

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