._1HyZJ {
  display: flex;
  flex-direction: column;
  height: 100%;
}

._1HyZJ footer {
  position: fixed;
  bottom: 1em;
  right: 1em;
}

._3SJJi {
  position: absolute;
  bottom: 4px;
  left: calc(50% - 310px);
  opacity: 0.8;
  transform: scale(0.8);
}

._3SJJi._1NxV0 {
  transition: 0.2s ease-out;
  opacity: 1;
  transform: scale(1);
  bottom: 64px;
}

._3SJJi.omQYm {
  transition: 0.2s ease-in;
  opacity: 0;
  transform: scale(0.8);
  bottom: 4px;
}

.SiNs8 {
  position: absolute;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
}

.SiNs8 div {
  height: 80%;
  width: 80%;
  margin: auto;
  top: 10%;
  position: relative;
}

@media (max-width: 767px) {
  ._1HyZJ {
    overflow: auto;
    flex: 1 1 100%;
    width: 100%;
  }
  ._3SJJi {
    padding: 16px;
    width: 100%;
    left: 0;
  }
  
}

._1thbB {
  display: flex;
  align-items: center;
  background-color: #303c45;
  background-color: var(--phoenixDark, #303c45);
  color: white;
  border-radius: 8px;
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  padding: 1px 12px;
  cursor: default;
  box-shadow: 0px 3px 7px rgba(69, 90, 100, 0.4);
}
._1thbB._3v1YU {
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
}
._3dGtI {
  display: flex;
  justify-content: center;
}
._1thbB ._257ik {
  cursor: pointer;
  padding-left: 1rem;
}
._1zI_k {
  position: absolute;
  cursor: pointer;
  top: 96px;
  right: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
._1zI_k span {
  display: block;
  border-radius: 50%;
  background: white;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.jiiy_,
._1PKDy,
._1rSzt,
._2PmPO {
  height: 40px;
  width: 40px;
  padding: 8px;
  margin-bottom: 4px;
}
.jiiy_,
._1rSzt {
  margin-bottom: 32px;
}
._1PKDy {
  height: 56px;
  width: 56px;
  padding: 16px;
}
.jiiy_,
._1rSzt,
._2PmPO {
  margin-left: 8px;
}
._2PmPO {
  padding: 11px;
}
._2_P-e {
  position: absolute;
  left: calc(50% - 80px);
  top: 96px;
  font-family: 'PT Sans', sans-serif;
  font-size: 12px;
  text-align: center;
  color: #303c45;
  color: var(--phoenixDark, #303c45);
  background: white;
  border-radius: 16px;
  line-height: 32px;
  width: 160px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
._2_P-e._3v1YU {
  top: 16px;
}
._1Z33R {
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transition-property: all;
}
._3gcYL {
  font-family: 'PT Sans', sans-serif;
  font-weight: bold;
  font-size: 16px;
  padding: 5px 15px;
  color: #ffffff;
  background: #00a660;
  background: var(--primary, #00a660);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
._2Namb {
  bottom: 0;
  left: 80px;
  background: #f0f0f0;
  position: absolute;
  font-size: 10px;
}

._3kDF9 {
  display: flex;
  flex-direction: column;
  padding-bottom: 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #ffffff;
  position: relative;
}

._3ttoB {
  color: #303c45;
  color: var(--phoenixDark, #303c45);
  font-family: 'Montserrat', sans-serif;
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
  padding: 32px 32px 24px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding-right: 16px;
}

._3ttoB h1 {
  line-height: 24px;
  font-size: 20px;
  margin: 0;
  width: 100%;
  white-space: normal
}

._3ttoB h1 .ic4XX {
  color: #008c52;
  color: var(--primaryDark, #008c52);
}

._1TYEY {
  color: #008c52;
  color: var(--primaryDark, #008c52);
  padding-left: 0 !important;
}

._3kDF9 .header .ddmenu .menuPanel span:first-child {
  padding-left: 0;
}

._3WkUL {
  padding-right: 16px;
  cursor: pointer;
}

._37jtq {
  padding: 0 32px;
  margin-top: 30px;
}

._37jtq button {
  width: 100%;
}

._2d4kO {
  margin-top: 8px;
}

._386Ay {
  font-weight: normal;
  font-size: 16px;
  font-family: 'PT Sans', sans-serif;
}

._2RNX3 {
  flex: 100%;
}

._2Wzad {
  padding-right: 20px;
  display: none;
}

@media (max-width: 1100px) {
  ._3kDF9 .dd-menu-items .dd-items-left {
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media (min-width: 768px) {
  ._3kDF9 {
    position: absolute;
    top: 0;
    width: 400px;
    margin: 96px 32px 32px;
    border-radius: 8px;
    max-height: 760px;
    box-shadow: 0px 20px 40px rgba(2, 2, 2, 0.15), 0px 0px 3px rgba(2, 2, 2, 0.15);
  }

  ._3kDF9.R3oEO {
    margin: 32px;
  }
}

@media (max-width: 767px) {
  ._3kDF9._3oAN7 {
    flex: 0;
    padding-bottom: 0;
  }

  ._3kDF9 {
    flex: 1 1 100%;
    width: 100vw;
    overflow-x: hidden;
    padding-bottom: 0;
  }

  ._3ttoB {
    padding: 32px 16px 24px;
    flex: 0 0 auto;
  }

  ._3ttoB span:last-child {
    flex: 100%;
  }

  ._37jtq {
    padding: 0 16px 16px;
    margin-top: 0;
    flex: 0 0 auto;
  }

  ._2Wzad {
    display: inline;
  }
}

@media (max-width: 359px) {
  ._3ttoB {
    font-size: 16px;
  }

  ._3ttoB h1 {
    font-size: 16px;
  }
}
.Gmtym {
  display: flex;
  margin-top: 24px;
}

.Gmtym ._31AVq {
  width: 100px;
  margin-right: 1em;
}

.Gmtym .gca9b {
  width: 80%;
}

._3odeW {
  position: absolute;
  right: 16px;
  top: 16px;
  font-size: 24px;
  cursor: pointer;
}

._1Ea9J {
  padding: 0 32px 12px;
  margin-top: -17px;
}

.VLse0 {
  display: flex;
  justify-content: flex-end;
  transform-origin: right;
  width: 100%;
}

.BHx9K {
  background: #00a660;
  background: var(--primary, #00a660);
  width: 40px;
  height: 40px;
  border-radius: 20px;
  margin: 0 1px;
  flex: 0 0 auto;
}

.BHx9K svg {
  display: block;
  margin: 8px;
}

._3jJED,
._2BQ4T {
  background-color: white;
}

._1NT8O {
  width: 100%;
  text-align: right;
}

.PXZkk {
  font-weight: 600;
  font-size: 12px;
  color: #00a660;
  color: var(--primary, #00a660);
  margin-top: 8px;
}

.PXZkk span {
  vertical-align: middle;
}

.PXZkk ._12ZMk {
  font-size: 18px;
  padding-right: 4px;
}

.PXZkk ._1wWMD {
  display: inline-block;
  cursor: pointer;
}

.PWFwh {
  height: 64px;
  display: flex;
  border-bottom: 1px solid #E3E7EC;
  border-bottom: 1px solid var(--phoenixOutline, #E3E7EC);
  padding: 0 14px;
  font-family: 'PT Sans', sans-serif;
}

.PWFwh ._3L8Vc {
  font-size: 20px;
}

._1LuyR {
  flex: 100%;
}

@media (min-width: 768px) {
  ._1tfAi {
    height: 534px;
    max-height: 60vh;
    max-height: calc(100vh - 340px);
  }
}

@media (max-width: 767px) {
  ._1tfAi {
    padding-bottom: 16px;
    flex: 1 0 auto;
  }

  ._1Ea9J {
    padding: 0 16px 12px;
    margin-top: 0;
  }
}
._39jKO {
  position: fixed;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  padding: 16px;
  overflow: auto;
}
.d4UZA {
  flex: 0 0 auto;
}
._39jKO,
._2Xa1W {
  display: flex;
  flex-direction: column;
  
}
._2Xa1W,
._2Xa1W ._3Crl- {
  flex: 1 0 auto;
}
._39jKO button {
  margin-top: 8px;
  flex: 0 1 auto;
}

.oVjeb {
  list-style-type: none;
  cursor: pointer;
  margin: 8px 0 0;
}

.oVjeb li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e3e7ec;
  border-bottom: 1px solid var(--phoenixOutline, #e3e7ec);
  height: 64px;
  color: #303c45;
  color: var(--phoenixDark, #303c45);
  margin: 0 -32px;
  padding: 0 32px;
}

.oVjeb li:hover {
  background-color: #f5f8fa;
  background-color: var(--phoenixHighlight, #f5f8fa);
}

.oVjeb li._1jD4B,
.oVjeb li._1jD4B .dmk6- {
  color: #00a660;
  color: var(--primary, #00a660);
  background-color: #dcffe0;
  background-color: var(--primaryBackground, #dcffe0);
}

.oVjeb li._1jD4B ._3nC5v {
  color: #008c52;
  color: var(--primaryDark, #008c52);
  font-weight: bold;
}

.oVjeb li._1jD4B {
  border-bottom-color: #b3eeb9;
  border-bottom-color: var(--primaryBackgroundOutline, #b3eeb9);
}

.oVjeb li._2fkJa ._3nC5v,
.oVjeb li._2fkJa .dmk6- {
  color: #d0d5d9;
  color: var(--phoenixLight, #d0d5d9);
}

._3Gfr_,
._199XW {
  flex: auto;
}

._1vtfo {
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  flex: 100%;
  padding: 0 1em;
  line-height: 18px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.dmk6- {
  font-weight: normal;
  font-size: 12px;
  color: #6f7980;
  color: var(--phoenixMedium, #6f7980);
  padding-top: 5px;
}

.Jq6ts::before {
  font-size: 10px;
  line-height: 12px;
  padding-right: 2px;
  content: '\2715';
}

@media (min-width: 768px) {
  ._3SE6e {
    height: 534px;
    max-height: calc(100vh - 340px);
  }
  .oVjeb {
    padding: 0 32px;
  }
}

@media (max-width: 767px) {
  ._3SE6e {
    flex: 1;
  }
  .oVjeb {
    padding: 0 16px 16px;
  }
  .oVjeb li {
    margin: 0 -16px;
    padding: 0 16px;
  }
}

._9pdO- {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 36px;
  text-align: right;
  color: #303c45;
  color: var(--phoenixDark, #303c45);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
}

._1JLZ3::after {
  content: "\20B4";
  font-size: 22px;
  padding-left: 4px;
}

._3bwQo::after {
  content: "\20AC";
  font-size: 22px;
  padding-left: 4px;
}

._17rGE::before {
  content: "\A3";
  font-size: 22px;
  padding-right: 4px;
}

._1s3Hp::after {
  content: '\20BC';
  font-size: 22px;
  font-family: 'Montserrat', sans-serif;
}

._2TWmQ::after {
  content: 'CZK';
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
}

._1JLZ3.oMAUW::after,
._3bwQo.oMAUW::after,
._17rGE.oMAUW::after,
._1s3Hp.oMAUW::after,
._2TWmQ.oMAUW::after {
  color: #008c52;
  color: var(--primaryDark, #008c52);
}

._2wgk4 {
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
  padding-left: 1rem;
  padding-right: 4px;
}

._20TTZ {
  width: 100%;
  text-align: center;
  padding: 0 16px;
}

._20TTZ ._2wgk4 {
  padding: 20px;
  border-radius: 50%;
}

._2wgk4 span {
  font-size: 20px;
  border-radius: 50%;
}

._2wgk4 span._1Eo8y {
  opacity: 0.3;
}

._2wgk4 span:hover {
  background-color: #e3e7ec;
  background-color: var(--phoenixOutline, #e3e7ec);
}

._2JSqV {
  font-size: 12px;
  position: absolute;
  margin-left: 2px;
  margin-top: -12px;
  text-align: right;
  width: 14px;
  display: none;
  color: rgb(208, 213, 217);
}

._20TTZ ._2T8ga {
  display: inline-block;
  width: calc(100% -120px);
}

._3VZ6X.oMAUW {
  color: #008c52;
  color: var(--primaryDark, #008c52);
}

._2tRIz {
  display: inline-block;
  padding-right: 4px;
}

._2tRIz img {
  display: block;
}

._1dtBy ._2aGat {
  display: flex;
  min-width: 200px;
  line-height: 18px;
}

._1dtBy ._2aGat ._3v1mF {
  flex: 100%;
  border-bottom: 1px dashed white;
  margin: 5px;
}

._1dtBy ._2aGat ._3Aa3b {
  white-space: nowrap;
}

._3Aa3b._1JLZ3::after,
._3Aa3b ._1JLZ3::after,
._3Aa3b._3bwQo::after,
._3Aa3b ._3bwQo::after,
._3Aa3b._2TWmQ::after,
._3Aa3b ._2TWmQ::after,
._3Aa3b._17rGE::before,
._3Aa3b ._17rGE::before,
._3Aa3b._1s3Hp::after,
._3Aa3b ._1s3Hp::after {
  font-size: 12px;
  padding-left: 2px;
}

._2VsRg::before {
  font-size: 9px;
  line-height: 12px;
  padding-right: 2px;
  content: "\2715";
}

._9pdO- ._2T8ga {
  padding-left: 4px;
}
._6EIfA {
  list-style-type: none;
  padding: 0;
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 8px 0 0;
}

._6EIfA li {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #e3e7ec;
  border-bottom: 1px solid var(--phoenixOutline, #e3e7ec);
  height: 64px;
  color: #303c45;
  color: var(--phoenixDark, #303c45);
  margin: 0 -32px;
}

._6EIfA li._21I0L {
  height: auto;
}

._6EIfA li:hover {
  background-color: #f5f8fa;
  background-color: var(--phoenixHighlight, #f5f8fa);
}

._6EIfA li.QujrH ._218Xk,
._6EIfA li.QujrH ._218Xk ._3dFoI {
  color: #00a660;
  color: var(--primary, #00a660);
  background-color: #dcffe0;
  background-color: var(--primaryBackground, #dcffe0);
}

._6EIfA li.QujrH ._1KLlO {
  color: #008c52;
  color: var(--primaryDark, #008c52);
}

._6EIfA li.QujrH {
  border-bottom-color: #b3eeb9;
  border-bottom-color: var(--primaryBackgroundOutline, #b3eeb9);
}

._6EIfA img {
  height: 56px;
  min-width: 56px;
  position: relative;
  left: -16px;
}

._218Xk {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 32px;
  height: 64px;
}

.NoQsl {
  font-family: 'PT Sans', sans-serif;
  font-weight: bold;
  font-size: 16px;
  flex: 100%;
  line-height: 18px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-left: -15px;
}

._3dFoI {
  font-weight: normal;
  font-size: 12px;
  color: #6f7980;
  color: var(--phoenixMedium, #6f7980);
  padding-top: 5px;
}

._43dJE {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 26px;
  text-align: right;
  position: relative;
  color: #303c45;
  color: var(--phoenixDark, #303c45);
  white-space: nowrap;
}

._43dJE._2TyC_ {
  color: #008c52;
  color: var(--primaryDark, #008c52);
}

._22_i4::after {
  content: '\20B4';
  font-size: 18px;
}

._2lkAR::after {
  content: '\20AC';
  font-size: 18px;
}

._1GYdy::before {
  content: "\A3";
  font-size: 22px;
  padding-right: 4px;
}

._24QS3::after {
  content: '\20BC';
  font-size: 22px;
  font-family: 'Montserrat', sans-serif;
}

._10_ky::after {
  content: 'CZK';
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
}

._2pkjH {
  margin-left: 0.5em;
  font-size: 22px;
  color: #303c45;
  color: var(--phoenixDark, #303c45);
}

._2FuUq {
  padding: 8px 32px;
  font-family: 'PT Sans', sans-serif;
  font-size: 12px;
  color: #303c45;
  color: var(--phoenixDark, #303c45);
}

._2FuUq ._1lf3g {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 2px 0;
  font-size: 14px;
  line-height: 18px;
  color: #6f7980;
  color: var(--phoenixMedium, #6f7980)
}

._1lf3g .QZLC8 {
  flex: 1;
  border-bottom: 1px dotted #6f7980;
  border-bottom: 1px dotted var(--phoenixMedium, #6f7980);
  min-width: 10px;
  margin: 0 8px;
}

._1lf3g ._22_i4::after {
  content: '\20B4';
  font-size: 14px;
}

._1lf3g ._2lkAR::after {
  content: '\20AC';
  font-size: 14px;
}

._1lf3g ._10_ky::after {
  content: 'CZK';
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  padding-left: 4px;
}

._1lf3g ._1GYdy::before {
  content: "\A3";
  font-size: 14px;
  padding-right: 4px;
}

._1lf3g ._24QS3::after {
  content: '\20BC';
  font-size: 14px;
}

._1lf3g ._3SEJ7 {
  padding-top: 8px;
}

._1lf3g ._3SEJ7 ._1Gp26 {
  color: #303c45;
  color: var(--phoenixDark, #303c45)
}

._20dbc {
  opacity: 0.5;
}

._2ZxTv {
  color: #303c45;
  color: var(--phoenixDark, #303c45);
  position: absolute;
  top: -6px;
  right: -2px;
  font-size: 10px;
  background-color: #f5f8fa;
  background-color: var(--phoenixHighlight, #f5f8fa);
  padding: 0px 4px;
  border-radius: 5px;
}

@media (min-width: 768px) {
  ._1XsXF {
    height: 534px;
    max-height: calc(100vh - 340px);
  }

  ._6EIfA {
    padding: 0 32px;
  }

  ._6EIfA li {
    margin: 0 -32px;
  }
}

@media (max-width: 767px) {
  ._1XsXF {
    flex: 1;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
  }

  ._1XsXF>div {
    flex: 1 1 100%;
  }

  ._6EIfA {
    padding: 0 16px;
  }

  ._6EIfA li {
    margin: 0 -16px;
  }
}
._1vHlQ {
  font-family: 'PT Sans', sans-serif;
  color: #303c45;
  color: var(--phoenixDark, #303c45);
  margin-top: 8px;
  padding: 0 32px;
  font-size: 12px;
  white-space: nowrap;
}

.Ny_yp {
  display: flex;
}

._2KKEZ {
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}

._3VzVu {
  min-width: 22px;
  position: relative;
}

._3VzVu div {
  position: absolute;
}

._3VzVu ._1eimu {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  border: 2px solid #6f7980;
  border: 2px solid var(--phoenixMedium, #6f7980);
}

._3VzVu .Q-iVm {
  top: 14px;
  bottom: 18px;
  width: 3px;
  border-right: 1px dashed #d0d5d9;
  border-right: 1px dashed var(--phoenixLight, #d0d5d9);
}

._3VzVu div:first-child {
  top: 5px;
}

._3VzVu div:last-child {
  bottom: 7px;
}

.rFkjH {
  width: 100px;
  text-align: right;
}

.rFkjH svg {
  vertical-align: middle;
  margin-right: 8px;
  width: 20px;
}

.rFkjH ._2JVmc {
  font-size: 16px;
  font-weight: 600;
  vertical-align: middle;
  padding-top: 3px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
}

.rFkjH ._2JVmc ._2vv9G {
  font-weight: normal;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.FEYsZ {
  flex: 1;
  max-width: 220px;
}

.FEYsZ div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.FEYsZ div,
.rFkjH div {
  line-height: 16px;
}

.FEYsZ div:first-child {
  padding-bottom: 8px;
}

.XMxtn::after {
  content: '\20B4';
  font-size: 12px;
  padding-left: 2px;
}

.Nylcc::after {
  content: '\20AC';
  font-size: 12px;
  padding-left: 2px;
}

.VvoO4::after {
  content: 'CZK';
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
}

._1cz61::after {
  content: '\20BC';
  font-size: 22px;
  font-family: 'Montserrat', sans-serif;
}

@media (max-width: 767px) {
  ._1vHlQ {
    padding: 0 16px;
    white-space: normal;
  }

  ._3VzVu {
    flex: 0 1 auto;
  }

  .FEYsZ {
    max-width: none;
    flex: 1 1 auto;
  }

  .rFkjH {
    flex: 1 0 auto;
  }
}
._3j1_z {
  margin-top: 28px;
  margin-bottom: -12px;
  border-top: 1px solid #e3e7ec;
  border-top: 1px solid var(--phoenixOutline, #e3e7ec);
  padding: 20px 84px 0;
  display: flex;
  align-items: center;
}

._3AjAc {
  flex: auto;
  border-radius: 50%;
  padding: 4px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: white;
}

._3AjAc:hover {
  background: #f5f8fa;
  background: var(--phoenixHighlight, #f5f8fa);
}

._3AjAc._3sKOa {
  opacity: 0.3;
}

._392E2 {
  flex: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 36px;
  color: #303c45;
  color: var(--phoenixDark, #303c45);
}

._392E2._2Ej_6 {
  color: #008c52;
  color: var(--primaryDark, #008c52);
}

._2JDax::after {
  content: '\20BC';
  font-size: 22px;
  font-family: 'Montserrat', sans-serif;
}

.r53l7::after {
  content: '\20B4';
  font-size: 22px;
  padding-left: 4px;
}

._1KuNa::after {
  content: '\20AC';
  font-size: 22px;
  padding-left: 4px;
}

._2yNCD::after {
  content: 'CZK';
  font-size: 22px;
  font-family: 'Montserrat', sans-serif;
}

.r53l7._2Ej_6::after,
._1KuNa._2Ej_6::after,
._2yNCD._2Ej_6::after {
  color: #008c52;
  color: var(--primaryDark, #008c52);
}

._1CDfH {
  display: flex;
  height: 80px;
  padding: 16px 32px;
  background: #fff9db;
  background: var(--phoenixInfo, #fff9db);
  margin-top: 8px;
  margin-bottom: 20px;
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  color: #6f7980;
  color: var(--phoenixMedium, #6f7980);
}

._1CDfH._3hd7l {
  color: #d82a2a;
  color: var(--phoenixError, #d82a2a);
  background: #ffe7e7;
  background: var(--phoenixErrorBackground, #ffe7e7);
}

._1CDfH .y5FOU {
  padding-right: 18px;
}

._1vvMv {
  display: flex;
}

._1vvMv .deAb5 {
  font-family: 'PT Sans', sans-serif;
  flex: 1 1 100%;
  line-height: 14px;
}

._1vvMv .deAb5 ._3G0av {
  font-size: 20px;
  font-weight: bold;
  display: block;
  margin-bottom: 4px;
}

._1vvMv .deAb5 ._25SWa {
  font-size: 12px;
  line-height: 10px;
  font-weight: normal;
}

._1vvMv button {
  flex: 1 0 auto;
}

@media (max-width: 767px) {
  ._2sriZ {
    flex: 1;
  }

  ._1CDfH {
    height: auto;
    padding: 16px;
  }

  ._3j1_z {
    padding: 20px 32px 32px;
  }
}
._3AU9O {
  font-family: 'PT Sans', sans-serif;
  color: #303c45;
  color: var(--phoenixDark, #303c45);
  padding-top: 8px;
}

._2t6Ji {
  margin-top: 20px;
  margin-bottom: 20px;
}

._33xhq {
  font-family: 'Montserrat', sans-serif;
  position: relative;
  border-bottom: 1px solid #e3e7ec;
  border-bottom: 1px solid var(--phoenixOutline, #e3e7ec);
}

._1FtOW ._38n-r {
  width: 88px;
  height: 88px;
  border-radius: 44px;
  background: #ebeff2;
  background: var(--phoenixBackground, #ebeff2);
  margin: auto;
  text-align: center;
  overflow: hidden;
}

._1FtOW ._38n-r span {
  font-size: 44px;
  line-height: 80px;
  color: #d0d5d9;
  color: var(--phoenixLight, #d0d5d9);
}

._1FtOW ._38n-r img {
  width: 100%;
  height: 100%;
}

._1zFnq {
  padding-top: 16px;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
}

.JCwpK {
  text-align: center;
  padding-top: 16px;
  color: #00a660;
  color: var(--primary, #00a660);
  padding-bottom: 24px;
}

.JCwpK span {
  vertical-align: middle;
}

.JCwpK span:last-child {
  font-weight: 600;
  font-size: 16px;
  padding-left: 8px;
  color: #303c45;
  color: var(--phoenixDark, #303c45);
}

._1ocoD span {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: #00a660;
  background: var(--primary, #00a660);
  color: white;
  text-align: center;
  line-height: 48px;
  border-radius: 50%;
}

._1ocoD {
  position: absolute;
  bottom: -24px;
  right: 32px;
  cursor: pointer;
}

._1detI {
  padding: 24px 32px;
  border-bottom: 1px solid #e3e7ec;
  border-bottom: 1px solid var(--phoenixOutline, #e3e7ec);
}

._1detI ._39tHe ._38n-r,
._35YvN ._1FtOW ._38n-r {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ebeff2;
  background: var(--phoenixBackground, #ebeff2);
  color: #d0d5d9;
  color: var(--phoenixLight, #d0d5d9);
  overflow: hidden;
}

._1detI ._39tHe ._38n-r img {
  width: 100%;
  height: 100%;
}

._1detI ._39tHe {
  padding-right: 16px;
  position: relative;
}

._3YPu2,
._1j6jU {
  cursor: pointer;
}

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

._3DgFT ._3sW4Z {
  font-size: 16px;
  flex: 1;
}

._1detI ._2JJ7w,
._1detI ._1carF {
  border-radius: 8px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  flex: 100%;
  line-height: 32px;
  background: #ffffff;
  border: 2px solid #d0d5d9;
  border: 2px solid var(--phoenixLight, #d0d5d9);
}

._1detI ._2JJ7w {
  margin-right: 8px;
}

._1detI ._1carF {
  margin-left: 8px;
}

._11fdM {
  display: flex;
  padding-top: 24px;
}

.i08g4 {
  width: 12px;
  height: 12px;
  border: 2px solid white;
  border-radius: 50%;
  position: absolute;
  right: 18px;
}

._3Kp-X {
  flex: 1;
  padding: 0 8px 0 16px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  ._1zFnq {
    padding-top: 0;
    text-align: left;
  }
  .JCwpK {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
  }
  ._33xhq {
    display: flex;
    border-bottom: none;
  }
  ._1ocoD {
    position: static;
  }
  ._3AU9O {
    flex: 1;
    padding: 8px 16px 16px;
  }
  ._1detI {
    padding: 24px 0;
  }
}

._2bFku {
  padding: 8px 32px 0;
  font-family: 'PT Sans', sans-serif;
}

.OnOik div {
  display: inline-block;
}

.fVt0y {
  float: right;
  line-height: 40px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}

._3hQdm span {
  font-size: 40px;
  padding-right: 8px;
  vertical-align: middle;
  color: #00a660;
  color: var(--primary, #00a660);
  cursor: pointer;
}

.jcAm6 {
  padding-top: 28px;
  font-weight: bold;
  font-size: 16px;
}

._27rMq {
  padding-top: 24px;
}

._27rMq label {
  padding: 3px 4px 4px;
}

._2LJGO {
  padding-top: 32px;
}

._2LJGO ._2BfZu {
  height: 104px;
}

._2LJGO textarea {
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  color: #303c45;
  color: var(--phoenixDark, #303c45);
}

._22FN9,
._3kOtr {
  color: #d82a2a;
  color: var(--phoenixError, #d82a2a);
}

._2TL6Y {
  color: #e3a220;
  color: var(--accentDark, #e3a220);
}

._2UWgH,
._2G5v6 {
  color: #008c52;
  color: var(--primaryDark, #008c52);
}

@media (max-width: 767px) {
  ._2bFku {
    flex: 1;
    padding: 8px 16px 16px;
  }
}

.B2Y6- {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 2000;
  overflow: auto;
}

._1t_sM {
  width: 420px;
  margin: auto;
  padding: 32px;
  background-color: white;
  border-radius: 8px;
  color: #303c45;
  color: var(--phoenixDark, #303c45);
  box-shadow: 0px 20px 40px rgba(2, 2, 2, 0.15), 0px 0px 3px rgba(2, 2, 2, 0.15);
}

._3JsEB {
  float: right;
  color: #d0d5d9;
  color: var(--phoenixLight, #d0d5d9);
  cursor: pointer;
  padding: 8px;
  margin-top: -32px;
  margin-right: -32px;
}

._3JsEB._1B9Sm {
  display: none;
}

._3UtEl {
  font-weight: bold;
  font-size: 20px;
  margin: 0;
}

._2MPDh,
._3Ry7z,
._1t_sM ul {
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  color: #6f7980;
  color: var(--phoenixMedium, #6f7980);
  line-height: 21px;
}

.ysu5L {
  font-weight: bold;
}

._2kGQc {
  margin: 48px 0 24px;
}

._1GphA {
  width: 100%;
}

._1t_sM ul {
  padding: 0;
  list-style: none;
}

._1t_sM ._1R7vV {
  color: #00a660;
  color: var(--primary, #00a660);
  padding-right: 16px;
}

._1t_sM li span {
  vertical-align: middle;
}

._1t_sM nav {
  text-align: right;
  margin-top: 32px;
}

._1t_sM nav button {
  min-width: 80px;
  margin-left: 16px;
}

._2HzwZ._1t_sM {
  width: 400px;
}

._2HzwZ ._2MPDh,
._2HzwZ .ysu5L {
  text-align: center;
  padding-top: 8px;
}

._2HzwZ .I3DRS {
  width: 200px;
  height: 170px;
  margin: 16px auto;
}

._2HzwZ ._3UtEl {
  margin-bottom: 16px;
}

._1zrY2._1t_sM {
  width: 480px;
}

._1zrY2 ._2MPDh,
._1zrY2 ._3Ry7z {
  padding-top: 32px;
}

._1Fq6I .I3DRS {
  width: 250px;
  height: 160px;
  margin: 32px auto;
}

._1Fq6I ._2MPDh {
  text-align: center;
}

._1Fq6I ._16iiA {
  margin-top: 24px;
}

._2ho7W {
  float: left;
}

.B2Y6- ._3Elvn img {
  position: absolute;
  right: 16px;
  top: 12px;
  width: 32px;
  height: 32px;
}

.B2Y6- ._3Elvn {
  margin-top: 24px;
}

.B2Y6- ._3Elvn input {
  display: inline-block;
  width: 75%;
  padding-left: 4px;
}

.B2Y6- ._3Elvn span,
._3Elvn input,
._2WEPZ {
  font-family: "PT Sans", sans-serif;
  font-size: 16px;
}

.B2Y6- ._3Elvn span {
  padding-left: 1em;
  color: #9fa9b0;
}

._1Fq6I ._2PsoS {
  margin-top: 16px;
}

._1Fq6I ._2PsoS .yCujW {
  float: right;
}

._1Fq6I ._2PsoS button {
  background: #F0F6FA;
  border-color: #E2EAF0;
  color: #2C3840;
}

._1Fq6I ._2PsoS ._3VIA6 {
  background: #F0F6FA;
  border-color: #D0F5D9;
  color: #008C52;
}

._1Fq6I ._3Elvn {
  margin-bottom: 24px;
}
._2NfrP {
  flex: 1;
  position: fixed;
  height: 100%;
  width: 100%;
}
._2NfrP nav {
  position: fixed;
  bottom: 24px;
  width: 100%;
  padding: 0 16px;
}
._2NfrP button {
  width: 100%;
}

._2vdr0 {
  background: #ffda69;
  overflow: auto;
  flex: 1;
}

._1m4_P {
  background-image: url(/assets/images/inner_banner_mobile.svg);
  background-position: center;
  padding-top: 40px;
}

._3eCYd {
  height: 200px;
  width: 200px;
  background-size: cover;
  background-image: url(/assets/images/howto/phone_3.png), url(/assets/images/howto/phone_3_avif.avif);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 30px 30px 0 0;
  margin: auto;
  padding-top: 40px;
}

._2x7fP {
  width: 136px;
  height: 136px;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

._2ceq_ {
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._2ceq_,
._2ceq_ h2 {
  font-weight: bold;
  font-size: 26px;
  text-align: center;
  color: #0e161c;
  color: var(--phoenixBlack, #0e161c);
}

._2ceq_ h2 {
  margin: 0;
  padding: 48px 16px 40px;
}

._2eeXt {
  width: 100%;
  max-width: 320px;
  display: inline-flex;
  flex-direction: column;
}

._2eeXt button:not(:last-child) {
  margin-bottom: 16px;
}

._3BqQF,
._3BqQF:focus {
  color: #ffffff;
  background: #0e161c;
  background: var(--phoenixBlack, #0e161c);
  border-color: #0e161c;
  border-color: var(--phoenixBlack, #0e161c);
}

._1lvok,
._1lvok:focus {
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  color: #0e161c;
  color: var(--phoenixBlack, #0e161c);
  background: #ffda69;
  border-color: #ffda69;
}
._10jL3{background-color:#008c52;overflow:auto;flex:1;height:100%;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;grid-gap:24px;gap:24px;position:relative;overflow-x:hidden}._10jL3 .tGVys{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}._10jL3 ._38wRr{min-width:80%;height:auto}._10jL3 ._30Nws{color:#fff;color:var(--phoenixWhite, #FFFFFF);text-align:center;font-family:Montserrat;font-size:26px;font-style:normal;font-weight:700;line-height:normal;margin:0}._10jL3 ._2UoAI{display:inline-block;width:100%;border-radius:90px;background:#ffca28;padding:16px 40px;color:#0e161c;text-align:center;font-family:Montserrat;font-size:20px;font-style:normal;font-weight:600;line-height:normal;text-decoration:none}._10jL3 .hs2Rb{width:100%;background-color:rgba(0,0,0,0);border:none;padding:16px;text-align:center;color:#fff;color:var(--phoenixWhite, #FFF);font-family:"PT Sans";font-size:16px;font-style:normal;font-weight:400;line-height:normal}._10jL3 ._3JHup{position:absolute;top:21%;right:-100px;left:-100px;width:667.392px;height:137.622px;transform:rotate(-30deg);flex-shrink:0;opacity:.6;background:linear-gradient(90deg, rgba(150, 239, 131, 0.6) 0%, rgba(150, 239, 131, 0) 100%)}._10jL3 ._3haOV{position:absolute;top:23%;width:466.336px;height:209.882px;left:-200px;transform:rotate(-30deg);flex-shrink:0;opacity:.6;background:linear-gradient(90deg, rgba(150, 239, 131, 0.6) 0%, rgba(150, 239, 131, 0) 100%)}
