.submit-btn {
  margin-top: 10px;
  border: 0;
  width: 100%;
}

.button-drop a {
  color: #000;
  text-decoration: none
}

.button-drop a:hover {
  color: #222
}

.button-drop .dropdown {
  display: inline-block;
  position: relative
}

.button-drop .dropdown .text {
  padding-right: 20px
}

.button-drop .dropdown .text:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--white);
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0
}

.button-drop .dropdown .dd-input {
  display: none
}

.button-drop .dropdown .dd-menu {
  background-color: var(--white);
  border: 1px solid var(--grey-100);
  border-radius: 4px;
  box-shadow: 0 3px 14px rgba(25, 27, 27, .1);
  list-style-type: none;
  margin: 2px 0 0 -20px;
  padding: 0;
  position: absolute;
  top: 30px;
  z-index: 10
}

.button-drop .dropdown .dd-input+.dd-menu {
  display: none
}

.button-drop .dropdown .dd-input:checked+.dd-menu {
  display: block
}

.button-drop .dropdown .dd-menu li {
  cursor: pointer;
  padding: 10px 20px;
  white-space: nowrap
}

.button-drop .dropdown .dd-menu li:hover {
  background-color: var(--grey-50)
}

.button-drop .dropdown .dd-menu li a {
  display: block;
  margin: -10px -20px;
  padding: 10px 20px
}

.button-drop .dropdown .dd-menu li.divider {
  border-bottom: 1px solid var(--grey-100);
  padding: 0
}

body .card {
  align-items: flex-start;
  align-self: stretch;
  background: var(--white);
  border-radius: 12px;
  box-shadow: 0 3px 14px rgba(25, 27, 27, .04);
  display: flex;
  flex: none;
  flex-direction: column;
  flex-grow: 0;
  gap: 24px;
  order: 0;
  padding: 24px
}

body .card.scrollable-content {
  padding: 24px 7px 24px 24px
}

body .card.scrollable-content>.content,
body .card.scrollable-content>.title {
  padding-right: 17px
}

body .card>.title {
  align-self: stretch;
  color: var(--primary-teal-500);
  flex: none;
  flex-direction: row;
  flex-grow: 0;
  justify-content: space-between;
  order: 0;
  user-select: none
}

body .card>.title,
body .card>.title>.left-part {
  align-items: center;
  display: flex;
  gap: 12px;
  padding: 0
}

body .card>.title>.left-part {
  flex-direction: row
}

body .card>.title>.left-part>.text {
  color: var(--grey-700);
  color: var(--primary-teal-500);
  flex: none;
  flex-grow: 0;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px
}

body .card>.title>.left-part>.text-input {
  height: 10px
}

body .card>.title>.icon,
body .card>.title>.left-part>.icon {
  color: var(--primary-teal-500);
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  width: 20px
}

body .card>.title>.icon.icon-right,
body .card>.title>.left-part>.icon.icon-right {
  color: var(--grey-400);
  cursor: pointer
}

body .card.card-no-content {
  gap: 0
}

body .card.card-disabled>.title,
body .card.card-disabled>.title>.left-part>.icon,
body .card.card-disabled>.title>.left-part>.text {
  color: var(--primary-teal-200)
}

body .card.card-tiny {
  padding: 8px 16px
}

body .card.card-tiny>.content {
  flex-direction: row
}

body .card.card-fullWidth {
  gap: 0;
  padding: 24px 0
}

body .card.card-fullWidth>.title {
  padding: 0 24px
}

body .card>.content {
  align-items: flex-start;
  flex: none;
  flex-direction: column;
  flex-grow: 0;
  order: 1;
  user-select: none
}

.input-label,
body .card>.content {
  align-self: stretch;
  display: flex;
  gap: 8px;
  padding: 0
}

.input-label {
  flex-direction: column
}

.input-label>.title {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-items: center
}

.input-label>.title>span:first-child {
  color: var(--grey-700);
  color: var(--grey-500);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

.input-label>.title>.tooltip-icon {
  color: var(--grey-400);
  height: 18px;
  position: relative;
  width: 18px
}

.input-label>.title>.tooltip-icon:hover .tooltip {
  display: flex
}

.input-label>.title>.icon {
  color: var(--grey-500);
  height: 18px;
  width: 18px
}

.input-label.error>.title>span:first-child {
  color: var(--red-500)
}

.layout-log {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.layout-log .search {
  display: flex;
  gap: 8px
}

.layout-log .search .input-search {
  width: calc(100% - 95px)
}

.layout-log .search .input-search-date {
  width: 25px
}

.layout-log .log-view {
  display: flex;
  flex-direction: row;
  gap: 8px
}

.layout-log .log-view.show .details {
  padding: 24px;
  width: calc(40% - 41.6px)
}

.layout-log .log-view.show .results {
  width: calc(60% - 62.4px)
}

.layout-log .log-view.show .chevron {
  right: calc(40% + 14.4px)
}

.layout-log .log-view .details {
  overflow-x: auto;
  padding: 0;
  transition: all .4s;
  transition-timing-function: ease-in-out;
  width: 0
}

.layout-log .log-view .details>* {
  user-select: text
}

.layout-log .log-view .chevron {
  align-items: center;
  background: var(--white);
  border: 3px solid var(--grey-100);
  border-radius: 12px 0 0 12px;
  border-right: 0;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 12px 4px 12px 8px;
  position: absolute;
  right: 0;
  top: 50%;
  transition: all .4s;
  transition-timing-function: ease-in-out
}

.layout-log .log-view .results {
  height: calc(100vh - 226px);
  overflow-y: auto;
  position: relative;
  transition: all .4s;
  transition-timing-function: ease-in-out;
  width: calc(100% - 48px)
}

.layout-log .log-view .results .content .log {
  align-self: stretch;
  color: var(--grey-700);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  line-height: 20px
}

.layout-log .log-view .results .content .log:hover {
  background-color: var(--primary-teal-200);
  cursor: pointer
}

.layout-log .log-view .results .content .log .time {
  font-style: italic;
  width: 140px
}

.layout-log .log-view .results .content .log .source {
  display: none
}

.layout-log .log-view .results .content .log .message {
  color: var(--grey-700);
  color: var(--blue-500);
  flex-grow: 2;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px
}

.layout-log .log-view .results .content .log .fid {
  background-color: var(--grey-200);
  border-radius: 4px;
  color: var(--white);
  cursor: pointer;
  padding: 2px 4px
}

.layout-log .log-view .results .content .log.error .message,
.layout-log .log-view .results .content .log.error .time {
  color: var(--red-500)
}

.layout-log .log-view .results .content .log.debug .message,
.layout-log .log-view .results .content .log.debug .time {
  color: var(--green-500)
}

html {
  scroll-behavior: smooth
}

body {
  display: flex;
  flex-direction: column;
  gap: 0
}

nav.site-nav {
  flex-direction: row;
  padding: 8px 38px
}

@media screen and (min-width:1024px) {
  nav.site-nav {
    padding: 32px 149px
  }
}

nav.site-nav .logo {
  height: 42px;
  width: 142px
}

nav.site-nav .logo img {
  width: 100%
}

@media screen and (max-width:1024px) {
  nav.site-nav .news {
    display: none
  }

  nav.site-nav .logo {
    padding-top: 8px
  }

  nav.site-nav .logo img {
    width: 80%
  }
}

nav.site-nav .menus {
  align-items: center;
  color: var(--primary-teal-500);
  display: flex;
  flex-direction: row;
  font-weight: 400;
  gap: 8px;
  justify-content: center
}

@media screen and (min-width:1024px) {
  nav.site-nav .menus {
    gap: 32px
  }
}

nav.site-nav .menus .menu a {
  color: var(--primary-teal-500);
  text-decoration: none
}

@media screen and (max-width:1024px) {
  nav.site-nav .menus .menu a {
    font-size: 12px
  }
}

nav.site-nav .menus .menu .btn {
  background-color: var(--primary-teal-50)
}

nav.site-nav .menus .menu .btn .text {
  text-wrap: nowrap
}

@media screen and (max-width:1024px) {
  nav.site-nav .menus .menu .btn .text {
    font-size: 12px
  }
}

.web-section {
  padding: 8px 38px
}

@media screen and (min-width:1024px) {
  .web-section {
    padding: 32px 149px
  }
}

.web-section .portrait-part {
  display: flex;
  flex-direction: row;
  gap: 50px;
  margin-bottom: 20px;
  width: 100%
}

@media screen and (min-width:1024px) {
  .web-section .portrait-part {
    gap: 101px;
    height: 524px;
    margin-bottom: auto
  }
}

@media screen and (max-width:1024px) {
  .web-section .portrait-part .portrait-wrapper {
    display: none
  }
}

.web-section .portrait-part .portrait-wrapper .portrait {
  border-radius: 12px;
  height: 262px;
  object-fit: scale-down;
  width: 219px
}

@media screen and (min-width:1024px) {
  .web-section .portrait-part .portrait-wrapper .portrait {
    height: 524px;
    width: 438px
  }
}

.web-section .portrait-part .director {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: flex-start
}

@media screen and (min-width:1024px) {
  .web-section .portrait-part .director {
    gap: 24px
  }
}

.web-section .portrait-part .director .director-name {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.web-section .portrait-part .director .director-name .name {
  color: var(--primary-teal-500);
  font-size: 48px;
  font-weight: 400
}

.web-section .portrait-part .director .director-name .sector {
  color: var(--primary-teal-500);
  font-size: 24px;
  font-weight: 400
}

.web-section .portrait-part .director .description {
  color: var(--primary-teal-400)
}

.web-section .portrait-part .director .description span {
  font-size: 24px
}

.web-section .portrait-part .director .checks {
  align-items: center;
  color: var(--secondary-beige-500);
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-items: center
}

@media screen and (min-width:1024px) {
  .web-section .portrait-part .director .checks {
    gap: 16px
  }
}

.web-section .portrait-part .director .checks div {
  display: flex;
  flex-direction: row;
  gap: 4px
}

.web-section .portrait-part .director .meeting,
.won-price {
  display: flex
}

.won-price {
  align-items: center;
  background-color: var(--secondary-beige-50);
  flex-direction: row;
  gap: 12px;
  justify-content: center
}

@media screen and (min-width:1024px) {
  .won-price {
    gap: 24px
  }
}

.won-price .iref {
  height: 100px;
  width: 100px
}

.won-price .desc {
  color: var(--primary-teal-500);
  font-size: 16px;
  font-weight: 400;
  line-height: 28px
}

.serenite {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 38px
}

@media screen and (min-width:1024px) {
  .serenite {
    padding: 64px 149px
  }
}

.serenite .content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  width: 100%
}

@media screen and (min-width:1024px) {
  .serenite .content {
    gap: 80px
  }
}

.serenite .content .title {
  color: #bb7f49;
  font-size: 48px
}

.serenite .content .parts {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%
}

@media screen and (min-width:1024px) {
  .serenite .content .parts {
    gap: 32px
  }
}

.serenite .content .parts .part {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px
}

@media screen and (min-width:1024px) {
  .serenite .content .parts .part {
    flex-wrap: nowrap;
    gap: 32px
  }
}

.serenite .content .parts .part .left,
.serenite .content .parts .part .right {
  background-color: var(--primary-teal-100);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px
}

@media screen and (min-width:1024px) {

  .serenite .content .parts .part .left,
  .serenite .content .parts .part .right {
    gap: 32px
  }
}

.serenite .content .parts .part .left .title-section,
.serenite .content .parts .part .right .title-section {
  display: flex;
  flex-direction: column;
  gap: 8px
}

@media screen and (min-width:1024px) {

  .serenite .content .parts .part .left .title-section,
  .serenite .content .parts .part .right .title-section {
    gap: 16px
  }
}

.serenite .content .parts .part .left .title-section>:first-child,
.serenite .content .parts .part .right .title-section>:first-child {
  color: var(--primary-teal-600);
  font-size: 24px;
  font-weight: 400;
  line-height: 36px
}

.serenite .content .parts .part .left .title-section>:nth-child(2),
.serenite .content .parts .part .right .title-section>:nth-child(2) {
  color: var(--grey-700);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px
}

.serenite .content .parts .part .left .image,
.serenite .content .parts .part .right .image {
  flex-grow: 1
}

.serenite .content .parts .part .left .image .img-serenite,
.serenite .content .parts .part .right .image .img-serenite {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.serenite .content .parts .part .left {
  flex-basis: 100%
}

@media screen and (min-width:1024px) {
  .serenite .content .parts .part .left {
    flex-basis: 33%
  }
}

.serenite .content .parts .part .right {
  flex-basis: 100%
}

@media screen and (min-width:1024px) {
  .serenite .content .parts .part .right {
    flex-basis: 67%
  }
}

.serenite .content .parts .part:nth-child(2n) .left {
  flex-basis: 100%
}

@media screen and (min-width:1024px) {
  .serenite .content .parts .part:nth-child(2n) .left {
    flex-basis: 67%
  }
}

.serenite .content .parts .part:nth-child(2n) .right {
  flex-basis: 100%
}

@media screen and (min-width:1024px) {
  .serenite .content .parts .part:nth-child(2n) .right {
    flex-basis: 33%
  }
}

.serenite .content .parts .part:nth-child(3n) .left {
  flex-basis: 100%
}

.serenite .content .parts .part:nth-child(3n) .right {
  display: none
}

.experience {
  align-items: center;
  background-color: var(--primary-teal-500);
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px 38px
}

@media screen and (min-width:1024px) {
  .experience {
    gap: 64px;
    padding: 128px 149px
  }
}

.experience .title {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.experience .title>:first-child {
  font-size: 48px;
  font-weight: 400
}

.experience .parts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px
}

@media screen and (min-width:1024px) {
  .experience .parts {
    flex-wrap: nowrap;
    gap: 32px
  }
}

.experience .parts .part {
  align-items: center;
  background-color: var(--primary-teal-100);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  text-align: center
}

@media screen and (min-width:1024px) {
  .experience .parts .part {
    gap: 24px;
    padding: 32px
  }
}

.experience .parts .part>.icon {
  color: var(--primary-teal-500)
}

.experience .parts .part>.subtitle {
  color: var(--primary-teal-600);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px
}

.experience .parts .part>.sub-description {
  color: var(--grey-700);
  font-size: 18px;
  line-height: 32px
}

.agency {
  align-items: center;
  background-color: #bb7f49;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 16px 38px
}

@media screen and (min-width:1024px) {
  .agency {
    gap: 64px;
    padding: 64px 149px
  }
}

.agency .name {
  color: #fff;
  font-size: 48px;
  font-weight: 400
}

.agency .presentation {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
  justify-items: center
}

@media screen and (min-width:1024px) {
  .agency .presentation {
    gap: 80px
  }
}

@media screen and (max-width:1024px) {
  .agency .presentation .office {
    display: none
  }
}

.agency .presentation .office>img {
  border-radius: 12px;
  height: 290px;
  max-height: 290px;
  max-width: 262px;
  object-fit: cover
}

@media screen and (min-width:1024px) {
  .agency .presentation .office>img {
    height: 581px;
    max-height: 581px;
    max-width: 524px
  }
}

.agency .presentation .infos {
  background-color: #fff;
  border-radius: 12px;
  color: var(--grey-800);
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: 16px;
  line-height: 29px;
  padding: 16px
}

@media screen and (min-width:1024px) {
  .agency .presentation .infos {
    margin-left: -140px
  }
}

.agency .presentation .infos .hours-prices {
  gap: 64px
}

@media screen and (min-width:1024px) {
  .agency .presentation .infos {
    gap: 32px;
    padding: 32px
  }
}

@media screen and (max-width:1024px) {
  .agency .presentation .infos .hours-prices {
    flex-wrap: wrap;
    gap: 12px
  }
}

@media screen and (min-width:1024px) {
  .agency .presentation .infos {
    font-size: 16px
  }
}

.agency .presentation .infos .info {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.agency .presentation .infos .info.hours {
  max-width: max-content;
}

.agency .presentation .infos .info.prices {
  max-width: 250px
}

.agency .presentation .infos .info .title {
  align-items: center;
  color: var(--primary-teal-500);
  display: flex;
  font-size: 18px;
  font-weight: 700;
  gap: 8px;
  line-height: 29px
}

.agency .presentation .infos .info .day,
.agency .presentation .infos .info .price {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.agency .presentation .infos .info.hours .day>div:first-child {
  width: 85px;
}

.team {
  align-items: center;
  background-color: #bb7f49;
  border-top: 1px solid var(--secondary-beige-600);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 38px 32px
}

@media screen and (min-width:1024px) {
  .team {
    gap: 32px;
    padding: 32px 149px 64px
  }
}

.team .title {
  color: #fff;
  font-size: 24px
}

.team .members {
  display: flex;
  flex-direction: column;
  gap: 12px
}

@media screen and (min-width:1024px) {
  .team .members {
    flex-direction: row;
    gap: 24px
  }
}

.team .members .member {
  background-color: var(--secondary-beige-600);
  border-radius: 12px;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px
}

@media screen and (min-width:1024px) {
  .team .members .member {
    gap: 12px
  }
}

.team .members .member .member-image {
  border-radius: 12px;
  height: 201px;
  width: 201px;
  object-fit: cover;
}

.team .members .member .person {
  display: flex;
  flex-direction: column
}

.team .members .member .person>:first-child {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px
}

.team .members .member .person>:nth-child(2) {
  font-size: 16px
}

.team .members .member .icon-info {
  align-items: center;
  display: flex;
  gap: 8px
}

.news {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  padding: 40px 75px;
  text-align: center
}

@media screen and (min-width:1024px) {
  .news {
    gap: 64px;
    padding: 80px 149px
  }
}

.news .title {
  color: var(--primary-teal-500);
  font-size: 40px;
  font-weight: 500;
  line-height: auto;
  margin-bottom: 15px;
}

@media screen and (min-width:1024px) {
  .news .title {
    font-size: 48px;
    margin-bottom: 15px;
  }
}

.news .newslist {
  display: flex;
  flex-direction: column;
  gap: 32px
}

@media screen and (min-width:1024px) {
  .news .newslist {
    flex-direction: row;
  }
}

.news .newslist a {
  text-decoration: none
}

.news .newslist .new {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 261.5px
}

.news .newslist .new .image {
  border-radius: 12px
}

.news .newslist .new .image img {
  border-radius: 12px;
  height: 200px;
  object-fit: cover;
  width: 261.5px
}

.news .newslist .new .post {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.news .newslist .new .post .date {
  color: var(--grey-600);
  font-size: 14px;
  font-weight: 400;
  line-height: 28px
}

.news .newslist .new .post .info {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.news .newslist .new .post .info .title {
  color: var(--primary-teal-500);
  font-size: 18px;
  font-weight: 700;
  line-height: 28px
}

.news .newslist .new .post .info .begin {
  color: var(--grey-600);
  font-size: 14px;
  font-weight: 400;
  line-height: 28px
}

.social {
  align-items: center;
  background-color: var(--primary-teal-500);
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  padding: 16px 38px;
  text-align: center
}

@media screen and (min-width:1024px) {
  .social {
    gap: 32px;
    padding: 64px 149px
  }
}

.social>:first-child {
  font-size: 20px;
  line-height: 32px
}

.social>:nth-child(2) {
  display: flex;
  flex-direction: row;
  gap: 32px
}

@media screen and (min-width:1024px) {
  .social>:nth-child(2) {
    gap: 64px
  }
}

.form {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 16px 38px
}

@media screen and (min-width:1024px) {
  .form {
    gap: 64px;
    padding: 64px 149px
  }
}

.form>.title {
  align-items: center;
  color: #bb7f49;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.form>.title>:first-child {
  font-size: 40px;
  font-weight: 500;
  line-height: auto
}

@media screen and (min-width:1024px) {
  .form>.title>:first-child {
    font-size: 48px
  }
}

.form>.title>:nth-child(2) {
  font-size: 16px;
  line-height: 32px
}

@media screen and (min-width:1024px) {
  .form>.title>:nth-child(2) {
    font-size: 20px
  }
}

.form .fields {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px
}

@media screen and (min-width:1024px) {
  .form .fields {
    gap: 32px
  }
}

.form .fields .two-columns {
  align-self: stretch
}

.trust {
  align-items: center;
  background-color: var(--primary-teal-50);
  display: flex;
  flex-direction: row;
  justify-items: center;
  padding: 20px 75px
}

@media screen and (min-width:1024px) {
  .trust {
    padding: 40px 149px
  }
}

.trust>:first-child {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: auto;
  justify-content: space-between
}

.trust>:first-child .text {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.trust>:first-child .text>:first-child {
  color: var(--primary-teal-500);
  font-size: 18px;
  font-weight: 700;
  line-height: 28px
}

.trust>:first-child .text>:nth-child(2) {
  color: var(--primary-teal-400);
  font-size: 14px;
  line-height: 24px
}

.trust>:first-child .logos {
  display: flex;
  flex-direction: column;
  gap: 16px
}

@media screen and (min-width:1024px) {
  .trust>:first-child .logos {
    flex-direction: row;
    gap: 32px
  }
}

.copyright {
  background-color: var(--primary-teal-700);
  display: flex;
  flex-direction: row;
  gap: auto;
  padding: 20px 75px
}

@media screen and (min-width:1024px) {
  .copyright {
    padding: 40px 149px
  }
}

.copyright>:first-child {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.copyright>:first-child>:first-child {
  color: var(--primary-teal-50);
  font-size: 14px;
  line-height: 20px
}

.copyright>:first-child>:nth-child(2) {
  color: var(--primary-teal-200);
  font-size: 14px;
  line-height: 24px
}

.copyright>:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: 16px
}

@media screen and (min-width:1024px) {
  .copyright>:nth-child(2) {
    flex-direction: row;
    gap: 32px
  }
}

.copyright>:nth-child(2) a {
  color: var(--primary-teal-50);
  font-size: 14px;
  line-height: 20px;
  text-decoration: none
}

body {
  background: var(--white)
}

body nav {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

#__blaze-root,
body,
html {
  margin: 0;
  padding: 0
}

#__blaze-root,
#__blaze-root *,
body,
body *,
html,
html * {
  font-family: Roboto, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0
}

h1 {
  size: 96px;
  letter-spacing: -1.5px;
  line-height: 112px
}

h1,
h2 {
  font-weight: 100
}

h2 {
  size: 60px;
  letter-spacing: -.5px;
  line-height: 72px
}

h3 {
  size: 48px;
  line-height: 56px
}

h3,
h4 {
  font-weight: 400
}

h4 {
  size: 34px;
  line-height: 36px
}

h5 {
  size: 24px;
  font-weight: 400;
  letter-spacing: .18px
}

h5,
h6 {
  line-height: 24px
}

h6 {
  size: 20px;
  font-weight: 500;
  letter-spacing: .15px
}

body .flex-column {
  flex-direction: column
}

body .flex-column,
body .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  padding: 0
}

body .flex-row {
  flex-direction: row
}

body .flex-wrap {
  flex-wrap: wrap
}

body .grid {
  display: grid
}

body .overflow-y {
  overflow-y: scroll
}

body .flex-stretch {
  align-self: stretch
}

body .dual-columns {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 0
}

body .dual-columns:not(.different-size)>* {
  flex: 50%;
  margin-top: auto
}

body .triple-columns {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 0
}

body .triple-columns>* {
  flex: 33%;
  margin-top: auto;
  width: 33px
}

body .quad-columns {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 0
}

body .quad-columns>* {
  flex: 25%;
  margin-top: auto;
  width: 33px
}

body hr {
  border: none;
  border-top: 2px solid var(--grey-50);
  height: 0;
  width: 100%
}

body hr.small-separator {
  border-top: 2px solid var(--grey-200);
  width: 12px
}

body .input-panel-right hr {
  border-top: 2px solid var(--grey-100)
}

body .subtitle {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

body .left-subtitle,
body .subtitle {
  color: var(--grey-700);
  color: var(--grey-800);
  font-family: Roboto
}

body .left-subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px
}

body .hidden {
  display: none
}

body textarea {
  align-items: center;
  background: var(--white);
  border: 1px solid var(--grey-100);
  border-radius: 10px;
  color: var(--grey-700);
  display: flex;
  flex-direction: row;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  gap: 4px;
  line-height: 20px;
  padding: 8px 16px;
  resize: none
}

body textarea::placeholder {
  color: var(--grey-400)
}

body input[type=date],
body input[type=email],
body input[type=month],
body input[type=number],
body input[type=tel],
body input[type=text],
body input[type=time] {
  align-items: center;
  background: var(--white);
  border: 1px solid var(--grey-100);
  border-radius: 10px;
  color: var(--grey-700);
  display: flex;
  flex-direction: row;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  gap: 4px;
  line-height: 20px;
  padding: 8px 16px
}

body input[type=date]::placeholder,
body input[type=email]::placeholder,
body input[type=month]::placeholder,
body input[type=number]::placeholder,
body input[type=tel]::placeholder,
body input[type=text]::placeholder,
body input[type=time]::placeholder {
  color: var(--grey-400)
}

body input[type=date]:focus,
body input[type=email]:focus,
body input[type=month]:focus,
body input[type=number]:focus,
body input[type=tel]:focus,
body input[type=text]:focus,
body input[type=time]:focus {
  border: 1px solid var(--primary-teal-300);
  outline: 1px solid var(--primary-teal-300)
}

body input[type=date].error,
body input[type=email].error,
body input[type=month].error,
body input[type=number].error,
body input[type=tel].error,
body input[type=text].error,
body input[type=time].error {
  border: 1px solid var(--red-500);
  color: var(--red-300)
}

body input[type=date].error:focus,
body input[type=email].error:focus,
body input[type=month].error:focus,
body input[type=number].error:focus,
body input[type=tel].error:focus,
body input[type=text].error:focus,
body input[type=time].error:focus {
  border: 1px solid var(--red-500);
  color: var(--red-500);
  outline: 1px solid var(--red-500)
}

body input[type=date]:hover:not(:disabled):not(:focus):not(.error),
body input[type=email]:hover:not(:disabled):not(:focus):not(.error),
body input[type=month]:hover:not(:disabled):not(:focus):not(.error),
body input[type=number]:hover:not(:disabled):not(:focus):not(.error),
body input[type=tel]:hover:not(:disabled):not(:focus):not(.error),
body input[type=text]:hover:not(:disabled):not(:focus):not(.error),
body input[type=time]:hover:not(:disabled):not(:focus):not(.error) {
  border: 1px solid var(--grey-200)
}

body input[type=date]:disabled,
body input[type=email]:disabled,
body input[type=month]:disabled,
body input[type=number]:disabled,
body input[type=tel]:disabled,
body input[type=text]:disabled,
body input[type=time]:disabled {
  background: var(--grey-50);
  cursor: not-allowed
}

body input[type=date]:disabled:not(.error),
body input[type=email]:disabled:not(.error),
body input[type=month]:disabled:not(.error),
body input[type=number]:disabled:not(.error),
body input[type=tel]:disabled:not(.error),
body input[type=text]:disabled:not(.error),
body input[type=time]:disabled:not(.error) {
  border: 1px solid var(--grey-100);
  color: var(--grey-300)
}

body input[type=date],
body input[type=month] {
  position: relative
}

body input[type=date]::-webkit-calendar-picker-indicator,
body input[type=month]::-webkit-calendar-picker-indicator {
  background: none;
  color: transparent;
  position: absolute;
  right: 17px;
  top: 11px;
  z-index: 1
}

body input[type=date]::-webkit-calendar-picker-indicator:hover,
body input[type=month]::-webkit-calendar-picker-indicator:hover {
  cursor: pointer
}

body input[type=date]:before,
body input[type=month]:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 10H3m13-8v4M8 2v4m-.2 16h8.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 19.72 21 18.88 21 17.2V8.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C18.72 4 17.88 4 16.2 4H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C3 6.28 3 7.12 3 8.8v8.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C5.28 22 6.12 22 7.8 22Z' stroke='%23959EA1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  right: 18px;
  top: 11px;
  width: 16px
}

body input[type=time] {
  position: relative
}

body input[type=time]::-webkit-calendar-picker-indicator {
  background: none;
  color: transparent;
  position: absolute;
  right: 14.5px;
  top: 8.5px;
  z-index: 1
}

body input[type=time]::-webkit-calendar-picker-indicator:hover {
  cursor: pointer
}

body input[type=time]:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6v6l4 2m6-2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z' stroke='%23959EA1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  right: 18px;
  top: 11px;
  width: 16px
}

body input[type=number].input-money,
body input[type=number].input-month,
body input[type=number].input-percentage,
body input[type=number].input-search,
body input[type=number].input-surface,
body input[type=text].input-money,
body input[type=text].input-month,
body input[type=text].input-percentage,
body input[type=text].input-search,
body input[type=text].input-surface {
  background-position: right 18px top 11px;
  background-repeat: no-repeat;
  background-size: 16px 16px
}

body input[type=number].input-search,
body input[type=text].input-search {
  background-position: left 18px top 11px;
  padding-left: 45px
}

body input[type=number].input-month,
body input[type=text].input-month {
  background-position: right 18px top 13px;
  background-size: 26px 12px
}

body input[type=number].input-money,
body input[type=text].input-money {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5.519a8.5 8.5 0 1 0 0 12.962M3 14h10M3 10h10' stroke='%239BA9AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

body input[type=number].input-money.error,
body input[type=text].input-money.error {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5.519a8.5 8.5 0 1 0 0 12.962M3 14h10M3 10h10' stroke='%23D43A34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

body input[type=number].input-percentage,
body input[type=text].input-percentage {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5 5 19M7.5 6.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm11 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' stroke='%239BA9AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

body input[type=number].input-percentage.error,
body input[type=text].input-percentage.error {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5 5 19M7.5 6.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm11 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' stroke='%23D43A34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

body input[type=number].input-surface,
body input[type=text].input-surface {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.966 5.793a.559.559 0 0 1 0 1.118H12a.652.652 0 0 1-.445-1.13l1.73-1.615c.167-.158.302-.307.406-.447.104-.144.18-.272.23-.384a.72.72 0 0 0 .081-.286.591.591 0 0 0-.169-.44c-.108-.112-.27-.168-.487-.168-.249 0-.436.08-.563.238-.203.256-.448.551-.775.551h-.095c-.38 0-.702-.317-.57-.673a1.84 1.84 0 0 1 .845-.975c.307-.177.672-.265 1.097-.265.442 0 .819.07 1.13.21.312.134.549.33.712.586.167.256.25.566.25.929 0 .27-.054.514-.162.733-.109.219-.271.435-.488.65-.217.214-.492.453-.826.719l-.752.65h1.818ZM2.862 7.55v4.519a.931.931 0 1 1-1.862 0V7.036a.909.909 0 0 1 1.814-.074l.048.588Zm-.248 1.515a.273.273 0 0 1-.267.257.249.249 0 0 1-.252-.258c.017-.38.073-.734.168-1.063.12-.407.294-.758.522-1.055.232-.3.517-.533.857-.698C3.982 6.083 4.374 6 4.82 6c.31 0 .593.047.85.14.258.089.48.23.664.425.19.19.335.44.438.75.103.305.155.671.155 1.099v3.658a.928.928 0 0 1-1.856 0V8.617c0-.313-.043-.555-.129-.724a.727.727 0 0 0-.367-.356 1.393 1.393 0 0 0-.56-.101c-.241 0-.452.048-.632.146a1.248 1.248 0 0 0-.438.406c-.116.17-.202.369-.258.597a2.935 2.935 0 0 0-.074.48Zm4.155-.245a.363.363 0 0 1-.306.329.314.314 0 0 1-.36-.33c.023-.308.075-.6.155-.875.116-.386.285-.724.509-1.017a2.34 2.34 0 0 1 .844-.68A2.591 2.591 0 0 1 8.77 6c.335 0 .64.049.915.146.274.093.509.244.702.451.197.203.348.47.45.8.108.33.162.735.162 1.214v3.458a.931.931 0 1 1-1.862 0V8.61c0-.318-.043-.56-.129-.724a.671.671 0 0 0-.36-.35 1.374 1.374 0 0 0-.555-.101c-.223 0-.419.044-.586.133a1.163 1.163 0 0 0-.42.356c-.11.152-.195.33-.25.533a2.215 2.215 0 0 0-.069.362Z' fill='%239BA9AE'/%3E%3C/svg%3E")
}

body input[type=number].input-surface.error,
body input[type=text].input-surface.error {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.966 5.793a.559.559 0 0 1 0 1.118H12a.652.652 0 0 1-.445-1.13l1.73-1.615c.167-.158.302-.307.406-.447.104-.144.18-.272.23-.384a.72.72 0 0 0 .081-.286.591.591 0 0 0-.169-.44c-.108-.112-.27-.168-.487-.168-.249 0-.436.08-.563.238-.203.256-.448.551-.775.551h-.095c-.38 0-.702-.317-.57-.673a1.84 1.84 0 0 1 .845-.975c.307-.177.672-.265 1.097-.265.442 0 .819.07 1.13.21.312.134.549.33.712.586.167.256.25.566.25.929 0 .27-.054.514-.162.733-.109.219-.271.435-.488.65-.217.214-.492.453-.826.719l-.752.65h1.818ZM2.862 7.55v4.519a.931.931 0 1 1-1.862 0V7.036a.909.909 0 0 1 1.814-.074l.048.588Zm-.248 1.515a.273.273 0 0 1-.267.257.249.249 0 0 1-.252-.258c.017-.38.073-.734.168-1.063.12-.407.294-.758.522-1.055.232-.3.517-.533.857-.698C3.982 6.083 4.374 6 4.82 6c.31 0 .593.047.85.14.258.089.48.23.664.425.19.19.335.44.438.75.103.305.155.671.155 1.099v3.658a.928.928 0 0 1-1.856 0V8.617c0-.313-.043-.555-.129-.724a.727.727 0 0 0-.367-.356 1.393 1.393 0 0 0-.56-.101c-.241 0-.452.048-.632.146a1.248 1.248 0 0 0-.438.406c-.116.17-.202.369-.258.597a2.935 2.935 0 0 0-.074.48Zm4.155-.245a.363.363 0 0 1-.306.329.314.314 0 0 1-.36-.33c.023-.308.075-.6.155-.875.116-.386.285-.724.509-1.017a2.34 2.34 0 0 1 .844-.68A2.591 2.591 0 0 1 8.77 6c.335 0 .64.049.915.146.274.093.509.244.702.451.197.203.348.47.45.8.108.33.162.735.162 1.214v3.458a.931.931 0 1 1-1.862 0V8.61c0-.318-.043-.56-.129-.724a.671.671 0 0 0-.36-.35 1.374 1.374 0 0 0-.555-.101c-.223 0-.419.044-.586.133a1.163 1.163 0 0 0-.42.356c-.11.152-.195.33-.25.533a2.215 2.215 0 0 0-.069.362Z' fill='%23D43A34'/%3E%3C/svg%3E")
}

body input[type=number].input-month,
body input[type=text].input-month {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.139 3.95V9H.727V2.66h1.33l.082 1.29ZM1.91 5.595l-.48-.006c0-.438.054-.842.164-1.213.11-.371.27-.693.48-.967.211-.277.473-.49.785-.639a2.497 2.497 0 0 1 1.096-.228c.29 0 .553.043.791.129.242.082.451.213.627.392.18.18.316.41.41.692.098.281.147.621.147 1.02V9H4.518V4.898c0-.308-.047-.55-.141-.726a.78.78 0 0 0-.393-.375 1.422 1.422 0 0 0-.603-.117c-.266 0-.492.05-.68.152a1.28 1.28 0 0 0-.451.416 1.864 1.864 0 0 0-.258.61 3.19 3.19 0 0 0-.082.738Zm3.932-.375-.662.146c0-.383.052-.744.158-1.084.11-.344.267-.644.474-.902.211-.262.471-.467.78-.615a2.418 2.418 0 0 1 1.06-.223c.325 0 .614.045.868.135.257.086.476.222.656.41.18.187.316.432.41.732.094.297.14.657.14 1.078V9H8.31V4.893c0-.32-.047-.569-.141-.745a.729.729 0 0 0-.387-.363 1.559 1.559 0 0 0-.603-.105c-.219 0-.412.04-.58.123a1.15 1.15 0 0 0-.416.334c-.114.14-.2.302-.258.486a2.085 2.085 0 0 0-.082.598Zm5.068.68v-.135c0-.457.067-.881.2-1.272a3.02 3.02 0 0 1 .574-1.025c.254-.293.562-.52.925-.68a3.013 3.013 0 0 1 1.243-.246c.464 0 .878.082 1.242.246.367.16.678.387.931.68.254.289.448.63.58 1.025.133.39.2.815.2 1.272V5.9c0 .457-.067.881-.2 1.272-.132.39-.326.732-.58 1.025-.253.29-.562.516-.925.68-.364.16-.776.24-1.237.24-.465 0-.88-.08-1.248-.24a2.688 2.688 0 0 1-.925-.68 3.04 3.04 0 0 1-.58-1.025c-.133-.39-.2-.815-.2-1.272Zm1.412-.135V5.9c0 .286.03.555.088.809.059.254.15.477.275.668.125.191.286.342.481.451.195.11.428.164.697.164.262 0 .489-.054.68-.164.195-.11.355-.26.48-.451s.217-.414.276-.668c.062-.254.094-.523.094-.809v-.134c0-.282-.032-.547-.094-.797a2.047 2.047 0 0 0-.281-.674 1.345 1.345 0 0 0-1.166-.627c-.266 0-.497.057-.692.17a1.36 1.36 0 0 0-.475.457c-.125.195-.216.42-.275.674-.058.25-.088.515-.088.797ZM19.5 2.66V9h-1.418V2.66H19.5ZM17.988.996c0-.215.07-.392.211-.533.145-.145.344-.217.598-.217.25 0 .447.072.592.217.144.14.216.318.216.533 0 .211-.072.387-.216.527-.145.141-.342.211-.592.211-.254 0-.453-.07-.598-.21a.716.716 0 0 1-.21-.528Zm6.616 6.287a.707.707 0 0 0-.106-.38c-.07-.118-.205-.223-.404-.317-.196-.094-.485-.18-.867-.258a7.473 7.473 0 0 1-.926-.264 2.938 2.938 0 0 1-.715-.38 1.603 1.603 0 0 1-.463-.528 1.461 1.461 0 0 1-.164-.703c0-.258.057-.502.17-.732.113-.23.275-.434.486-.61.211-.175.467-.314.768-.416a3.212 3.212 0 0 1 1.02-.152c.53 0 .986.09 1.365.27.382.175.675.416.878.72.204.301.305.64.305 1.02H24.54a.902.902 0 0 0-.129-.469.899.899 0 0 0-.375-.357 1.286 1.286 0 0 0-.633-.141c-.242 0-.443.039-.603.117a.826.826 0 0 0-.352.293.747.747 0 0 0-.052.686.676.676 0 0 0 .21.228c.098.067.23.13.399.188.172.058.387.115.644.17.485.101.9.232 1.248.392.352.156.622.36.81.61.187.246.28.558.28.937 0 .281-.06.54-.181.773-.117.23-.29.432-.516.604a2.59 2.59 0 0 1-.814.393c-.313.093-.665.14-1.055.14-.574 0-1.06-.101-1.46-.305-.398-.207-.7-.47-.907-.79a1.873 1.873 0 0 1-.305-1.008h1.365c.016.261.088.47.217.627.133.152.297.263.492.334.2.066.405.1.616.1.253 0 .466-.034.638-.1a.919.919 0 0 0 .393-.282.671.671 0 0 0 .134-.41Z' fill='%239BA9AE'/%3E%3C/svg%3E")
}

body input[type=number].input-month.error,
body input[type=text].input-month.error {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.139 3.95V9H.727V2.66h1.33l.082 1.29ZM1.91 5.595l-.48-.006c0-.438.054-.842.164-1.213.11-.371.27-.693.48-.967.211-.277.473-.49.785-.639a2.497 2.497 0 0 1 1.096-.228c.29 0 .553.043.791.129.242.082.451.213.627.392.18.18.316.41.41.692.098.281.147.621.147 1.02V9H4.518V4.898c0-.308-.047-.55-.141-.726a.78.78 0 0 0-.393-.375 1.422 1.422 0 0 0-.603-.117c-.266 0-.492.05-.68.152a1.28 1.28 0 0 0-.451.416 1.864 1.864 0 0 0-.258.61 3.19 3.19 0 0 0-.082.738Zm3.932-.375-.662.146c0-.383.052-.744.158-1.084.11-.344.267-.644.474-.902.211-.262.471-.467.78-.615a2.418 2.418 0 0 1 1.06-.223c.325 0 .614.045.868.135.257.086.476.222.656.41.18.187.316.432.41.732.094.297.14.657.14 1.078V9H8.31V4.893c0-.32-.047-.569-.141-.745a.729.729 0 0 0-.387-.363 1.559 1.559 0 0 0-.603-.105c-.219 0-.412.04-.58.123a1.15 1.15 0 0 0-.416.334c-.114.14-.2.302-.258.486a2.085 2.085 0 0 0-.082.598Zm5.068.68v-.135c0-.457.067-.881.2-1.272a3.02 3.02 0 0 1 .574-1.025c.254-.293.562-.52.925-.68a3.013 3.013 0 0 1 1.243-.246c.464 0 .878.082 1.242.246.367.16.678.387.931.68.254.289.448.63.58 1.025.133.39.2.815.2 1.272V5.9c0 .457-.067.881-.2 1.272-.132.39-.326.732-.58 1.025-.253.29-.562.516-.925.68-.364.16-.776.24-1.237.24-.465 0-.88-.08-1.248-.24a2.688 2.688 0 0 1-.925-.68 3.04 3.04 0 0 1-.58-1.025c-.133-.39-.2-.815-.2-1.272Zm1.412-.135V5.9c0 .286.03.555.088.809.059.254.15.477.275.668.125.191.286.342.481.451.195.11.428.164.697.164.262 0 .489-.054.68-.164.195-.11.355-.26.48-.451s.217-.414.276-.668c.062-.254.094-.523.094-.809v-.134c0-.282-.032-.547-.094-.797a2.047 2.047 0 0 0-.281-.674 1.345 1.345 0 0 0-1.166-.627c-.266 0-.497.057-.692.17a1.36 1.36 0 0 0-.475.457c-.125.195-.216.42-.275.674-.058.25-.088.515-.088.797ZM19.5 2.66V9h-1.418V2.66H19.5ZM17.988.996c0-.215.07-.392.211-.533.145-.145.344-.217.598-.217.25 0 .447.072.592.217.144.14.216.318.216.533 0 .211-.072.387-.216.527-.145.141-.342.211-.592.211-.254 0-.453-.07-.598-.21a.716.716 0 0 1-.21-.528Zm6.616 6.287a.707.707 0 0 0-.106-.38c-.07-.118-.205-.223-.404-.317-.196-.094-.485-.18-.867-.258a7.473 7.473 0 0 1-.926-.264 2.938 2.938 0 0 1-.715-.38 1.603 1.603 0 0 1-.463-.528 1.461 1.461 0 0 1-.164-.703c0-.258.057-.502.17-.732.113-.23.275-.434.486-.61.211-.175.467-.314.768-.416a3.212 3.212 0 0 1 1.02-.152c.53 0 .986.09 1.365.27.382.175.675.416.878.72.204.301.305.64.305 1.02H24.54a.902.902 0 0 0-.129-.469.899.899 0 0 0-.375-.357 1.286 1.286 0 0 0-.633-.141c-.242 0-.443.039-.603.117a.826.826 0 0 0-.352.293.747.747 0 0 0-.052.686.676.676 0 0 0 .21.228c.098.067.23.13.399.188.172.058.387.115.644.17.485.101.9.232 1.248.392.352.156.622.36.81.61.187.246.28.558.28.937 0 .281-.06.54-.181.773-.117.23-.29.432-.516.604a2.59 2.59 0 0 1-.814.393c-.313.093-.665.14-1.055.14-.574 0-1.06-.101-1.46-.305-.398-.207-.7-.47-.907-.79a1.873 1.873 0 0 1-.305-1.008h1.365c.016.261.088.47.217.627.133.152.297.263.492.334.2.066.405.1.616.1.253 0 .466-.034.638-.1a.919.919 0 0 0 .393-.282.671.671 0 0 0 .134-.41Z' fill='%23D43A34'/%3E%3C/svg%3E")
}

body input[type=number].input-search,
body input[type=text].input-search {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z' stroke='%239BA9AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

body input[type=number].input-search.error,
body input[type=text].input-search.error {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z' stroke='%23D43A34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

body input[type=number]::-webkit-inner-spin-button,
body input[type=number]::-webkit-outer-spin-button {
  opacity: 0
}

body label {
  color: var(--grey-700);
  color: var(--grey-600);
  cursor: pointer;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  user-select: none
}

body label:has(input[type=checkbox]:checked) {
  color: var(--primary-teal-500)
}

body input[type=checkbox] {
  cursor: pointer;
  margin-right: 14px;
  position: relative
}

body input[type=checkbox]:before {
  background-color: var(--white);
  border: 1px solid var(--grey-100);
  border-radius: 6px;
  content: "";
  display: block;
  height: 18px;
  left: -2px;
  padding: 1px;
  position: absolute;
  top: -2px;
  width: 18px
}

body input[type=checkbox]:checked:before {
  background-color: var(--primary-teal-500);
  border: 1px solid var(--primary-teal-500)
}

body input[type=checkbox]:checked:after {
  border: solid var(--white);
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  height: 10px;
  left: 5.5px;
  position: absolute;
  top: 1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px
}

body input[type=checkbox]:hover:not(:disabled):before {
  background-color: var(--grey-50);
  border: 1px solid var(--grey-200)
}

body input[type=checkbox]:checked:hover:not(:disabled):after {
  border: solid var(--grey-200);
  border-width: 0 2px 2px 0
}

body input[type=checkbox]:disabled:before {
  background-color: var(--grey-100);
  border: 1px solid var(--grey-200);
  cursor: not-allowed
}

body .input-multiple-checkbox {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0
}

.whatsnew {
  cursor: pointer;
}

body .btn,
body button:not(.ce-inline-tool) {
  align-items: center;
  background: var(--primary-teal-500);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(31, 78, 87, .32);
  color: var(--white);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 8px;
  height: 36px;
  justify-content: center;
  padding: 0 20px;
  transition-timing-function: ease-in-out;
  -webkit-transition: background .2s;
  transition: background .2s
}

body .btn.btn-hover:not(:disabled):not(.disabled),
body .btn:hover:not(:disabled):not(.disabled),
body button:not(.ce-inline-tool).btn-hover:not(:disabled):not(.disabled),
body button:not(.ce-inline-tool):hover:not(:disabled):not(.disabled) {
  background: var(--primary-teal-600);
  box-shadow: 0 4px 10px 2px rgba(31, 78, 87, .2);
  position: relative
}

body .btn.btn-hover:not(:disabled):not(.disabled) .tooltip,
body .btn:hover:not(:disabled):not(.disabled) .tooltip,
body button:not(.ce-inline-tool).btn-hover:not(:disabled):not(.disabled) .tooltip,
body button:not(.ce-inline-tool):hover:not(:disabled):not(.disabled) .tooltip {
  display: block;
  left: 0;
  top: 40px
}

body .btn.btn-hover:not(:disabled):not(.disabled).btn-icon,
body .btn:hover:not(:disabled):not(.disabled).btn-icon,
body button:not(.ce-inline-tool).btn-hover:not(:disabled):not(.disabled).btn-icon,
body button:not(.ce-inline-tool):hover:not(:disabled):not(.disabled).btn-icon {
  background: var(--grey-100);
  background: var(--primary-teal-50);
  box-shadow: none;
  color: var(--grey-700);
  color: var(--primary-teal-500)
}

body .btn.btn-hover:not(:disabled):not(.disabled).btn-icon.btn-alternate,
body .btn:hover:not(:disabled):not(.disabled).btn-icon.btn-alternate,
body button:not(.ce-inline-tool).btn-hover:not(:disabled):not(.disabled).btn-icon.btn-alternate,
body button:not(.ce-inline-tool):hover:not(:disabled):not(.disabled).btn-icon.btn-alternate {
  background: var(--grey-200)
}

body .btn.btn-hover:not(:disabled):not(.disabled).btn-icon .tooltip,
body .btn:hover:not(:disabled):not(.disabled).btn-icon .tooltip,
body button:not(.ce-inline-tool).btn-hover:not(:disabled):not(.disabled).btn-icon .tooltip,
body button:not(.ce-inline-tool):hover:not(:disabled):not(.disabled).btn-icon .tooltip {
  top: 36px
}

body .btn.disabled,
body .btn:disabled,
body button:not(.ce-inline-tool).disabled,
body button:not(.ce-inline-tool):disabled {
  background: var(--grey-300);
  box-shadow: none;
  cursor: not-allowed
}

body .btn.btn-transparent-bg,
body button:not(.ce-inline-tool).btn-transparent-bg {
  background-color: transparent !important
}

body .btn .text,
body button:not(.ce-inline-tool) {
  color: var(--grey-700);
  color: var(--white);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  user-select: none
}

body .btn .text.btn-link,
body button:not(.ce-inline-tool).btn-link {
  color: var(--grey-700);
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px
}

body .btn.btn-medium,
body button:not(.ce-inline-tool).btn-medium {
  background: var(--white);
  box-shadow: 0 2px 6px rgba(31, 78, 87, .16);
  color: var(--primary-teal-600)
}

body .btn.btn-medium>*,
body button:not(.ce-inline-tool).btn-medium>* {
  color: var(--primary-teal-600)
}

body .btn.btn-medium:hover:not(:disabled):not(.disabled),
body button:not(.ce-inline-tool).btn-medium:hover:not(:disabled):not(.disabled) {
  background: var(--primary-teal-50);
  box-shadow: 0 4px 10px 2px rgba(31, 78, 87, .2)
}

body .btn.btn-medium.disabled,
body .btn.btn-medium:disabled,
body button:not(.ce-inline-tool).btn-medium.disabled,
body button:not(.ce-inline-tool).btn-medium:disabled {
  background: var(--white);
  border: 1px solid var(--grey-300);
  box-shadow: none;
  color: var(--grey-300);
  cursor: not-allowed;
  height: 34px
}

body .btn.btn-medium.disabled>*,
body .btn.btn-medium:disabled>*,
body button:not(.ce-inline-tool).btn-medium.disabled>*,
body button:not(.ce-inline-tool).btn-medium:disabled>* {
  color: var(--grey-300)
}

body .btn.btn-low,
body button:not(.ce-inline-tool).btn-low {
  background: transparent;
  border: 1px solid var(--primary-teal-50);
  box-shadow: none;
  color: var(--primary-teal-600);
  height: 34px
}

body .btn.btn-low>*,
body button:not(.ce-inline-tool).btn-low>* {
  color: var(--primary-teal-600)
}

body .btn.btn-low.btn-hover:not(:disabled):not(.disabled),
body .btn.btn-low:hover:not(:disabled):not(.disabled),
body button:not(.ce-inline-tool).btn-low.btn-hover:not(:disabled):not(.disabled),
body button:not(.ce-inline-tool).btn-low:hover:not(:disabled):not(.disabled) {
  background: var(--white);
  box-shadow: 0 4px 10px 2px rgba(31, 78, 87, .2)
}

body .btn.btn-low.disabled,
body .btn.btn-low:disabled,
body button:not(.ce-inline-tool).btn-low.disabled,
body button:not(.ce-inline-tool).btn-low:disabled {
  background: var(--white);
  border: 0;
  color: var(--grey-300);
  cursor: not-allowed;
  height: 36px
}

body .btn.btn-low.disabled>*,
body .btn.btn-low:disabled>*,
body button:not(.ce-inline-tool).btn-low.disabled>*,
body button:not(.ce-inline-tool).btn-low:disabled>* {
  color: var(--grey-300)
}

body .btn.btn-link,
body button:not(.ce-inline-tool).btn-link {
  background: var(--white);
  border-radius: 0;
  box-shadow: none;
  color: var(--primary-teal-500);
  height: 16px;
  padding: 0
}

body .btn.btn-link .text,
body button:not(.ce-inline-tool).btn-link .text {
  height: 16px
}

body .btn.btn-link.btn-hover:not(:disabled):not(.disabled),
body .btn.btn-link:hover:not(:disabled):not(.disabled),
body button:not(.ce-inline-tool).btn-link.btn-hover:not(:disabled):not(.disabled),
body button:not(.ce-inline-tool).btn-link:hover:not(:disabled):not(.disabled) {
  background: var(--white);
  box-shadow: none;
  text-decoration: underline
}

body .btn.btn-link.btn-danger,
body button:not(.ce-inline-tool).btn-link.btn-danger {
  background: transparent;
  color: var(--red-500)
}

body .btn.btn-link.btn-danger.btn-hover:not(:disabled):not(.disabled),
body .btn.btn-link.btn-danger:hover:not(:disabled):not(.disabled),
body button:not(.ce-inline-tool).btn-link.btn-danger.btn-hover:not(:disabled):not(.disabled),
body button:not(.ce-inline-tool).btn-link.btn-danger:hover:not(:disabled):not(.disabled) {
  background: transparent
}

body button:not(.ce-inline-tool) {
  border: 0;
  line-height: 20px;
  padding: 18px
}

body button:not(.ce-inline-tool).btn-low,
body button:not(.ce-inline-tool).btn-medium:disabled {
  padding: 17px 18px
}

body .btn .icon {
  flex: none;
  flex-grow: 0;
  height: 20px;
  line-height: 20px;
  width: 20px
}

body .btn .text {
  height: 20px
}

body .btn.btn-link .text {
  color: var(--grey-700);
  color: var(--primary-teal-500);
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px
}

body .btn.btn-danger>* {
  color: var(--red-500)
}

body .btn.btn-danger .text {
  background: transparent;
  color: var(--red-500)
}

body .btn.btn-icon {
  align-items: center;
  background: var(--white);
  box-shadow: none;
  color: var(--grey-400);
  display: flex;
  flex-direction: row;
  gap: 10px;
  height: 32px;
  justify-content: center;
  padding: 0;
  width: 32px
}

body .btn.btn-icon.disabled {
  background: var(--grey-100);
  color: var(--grey-300)
}

body .section,
body section {
  align-items: center;
  align-self: stretch;
  background: var(--white);
  border: 1px solid var(--grey-50);
  border-radius: 10px;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-grow: 0;
  gap: 12px;
  justify-content: space-between;
  padding: 24px
}

body .section.alternate,
body section.alternate {
  background: transparent;
  border: 1px solid var(--grey-100);
  border-radius: 1000px;
  padding: 10px 16px
}

body .section.small,
body section.small {
  padding: 8px 16px
}

body .breadcrumb {
  align-items: center;
  color: var(--grey-700);
  color: var(--grey-400);
  display: flex;
  flex: none;
  flex-direction: row;
  flex-grow: 0;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  gap: 4px;
  line-height: 16px;
  padding: 0;
  user-select: none
}

body .breadcrumb>.link {
  cursor: pointer
}

body .breadcrumb>.link:hover {
  color: var(--grey-800);
  transition: all .2s
}

:root {
  --white: #fff;
  --black: #000;
  --primary-text: #fff;
  --primary-teal-900: #000e11;
  --primary-teal-800: #001e23;
  --primary-teal-700: #002e35;
  --primary-teal-600: #003e48;
  --primary-teal-500: #004e5a;
  --primary-teal-400: #34727c;
  --primary-teal-300: #68969d;
  --primary-teal-200: #9cbabf;
  --primary-teal-100: #d0dee1;
  --primary-teal-50: #eaf0f1;
  --secondary-beige-900: #251709;
  --secondary-beige-800: #4e3012;
  --secondary-beige-700: #76491c;
  --secondary-beige-600: #9f6325;
  --secondary-beige-500: #bb8047;
  --secondary-beige-400: #d39759;
  --secondary-beige-300: #deb184;
  --secondary-beige-200: #eaccae;
  --secondary-beige-100: #f5e7d9;
  --secondary-beige-50: #faf4ee;
  --grey-900: #181b1c;
  --grey-800: #32393b;
  --grey-700: #4d575b;
  --grey-600: #67757a;
  --grey-500: #829399;
  --grey-400: #9ba9ae;
  --grey-300: #b5bfc3;
  --grey-200: #ced5d7;
  --grey-100: #e8ebec;
  --grey-50: #f5f6f7;
  --grey-25: #f9fafa;
  --blue-900: #0c182a;
  --blue-800: #183359;
  --blue-700: #254e88;
  --blue-600: #3269b6;
  --blue-500: #3f84e5;
  --blue-400: #669dea;
  --blue-300: #8db6f0;
  --blue-200: #b4cff5;
  --blue-100: #dce8fa;
  --blue-50: #eff5fd;
  --purple-900: #1d0d21;
  --purple-800: #3d1a46;
  --purple-700: #5d286b;
  --purple-600: #7d3690;
  --purple-500: #9d44b5;
  --purple-400: #b16ac4;
  --purple-300: #c590d3;
  --purple-200: #d9b6e2;
  --purple-100: #edddf1;
  --purple-50: #f7f0f9;
  --green-900: #001e0f;
  --green-800: #003f1f;
  --green-700: #00612f;
  --green-600: #00823f;
  --green-500: #00a34f;
  --green-400: #34b673;
  --green-300: #68c997;
  --green-200: #9cdbbb;
  --green-100: #d0eedf;
  --green-50: #eaf7f1;
  --red-900: #270b0a;
  --red-800: #521714;
  --red-700: #7e221f;
  --red-600: #a92e29;
  --red-500: #d43a34;
  --red-400: #dd625d;
  --red-300: #e68a87;
  --red-200: #eeb3b0;
  --red-100: #f7dbda;
  --red-50: #fbefee;
  --orange-900: #2a1003;
  --orange-800: #592207;
  --orange-700: #88340b;
  --orange-600: #b6460e;
  --orange-500: #e55812;
  --orange-400: #ea7a42;
  --orange-300: #f09c73;
  --orange-200: #f5bea3;
  --orange-100: #fae0d3;
  --orange-50: #fdf1eb;
  --yellow-900: #2e2104;
  --yellow-800: #614509;
  --yellow-700: #93690d;
  --yellow-600: #c68e12;
  --yellow-500: #f9b216;
  --yellow-400: #fac246;
  --yellow-300: #fbd175;
  --yellow-200: #fde1a5;
  --yellow-100: #fef1d4;
  --yellow-50: #fff9ec
}