@charset "UTF-8";
/* Variables */
/* Shorthands and fuctions */
.site-header {
  position: relative;
  z-index: 1000;
  background-color: rgb(206, 129, 78);
  min-height: 80px;
  min-height: 80px;
  display: flex;
  z-index: 20;
}
@media only screen and (max-width: 1085px) {
  .site-header:after {
    z-index: 23;
    content: "";
    pointer-events: none;
    position: absolute;
    background-color: rgb(206, 129, 78);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
.site-header a {
  text-decoration: none;
  color: inherit;
  font-weight: inherit;
}
@media only screen and (min-width: 1086px) {
  .site-header a br {
    display: none;
  }
}
.site-header ul {
  list-style: inside none;
  display: flex;
  gap: 4px;
  margin: 0;
  padding: 0;
}
.site-header li {
  padding-top: 0.4rem;
  padding-bottom: 0.5rem;
  position: relative;
  color: #fff;
}
.site-header li:after {
  content: "";
  width: 0;
  left: 50%;
  top: calc(100% - 5px);
  transform: translateX(-50%);
  height: 1px;
  background-color: #fff;
  position: absolute;
  display: flex;
  transition: all 0.3s ease-in-out;
}
.site-header li:hover:after {
  width: calc(80% + 0.5rem);
}
.user-unchecked .site-header li.paid-user-only {
  visibility: hidden;
}
.user-unregistered .site-header li.paid-user-only {
  display: none;
  visibility: hidden;
}
.site-header input[type=checkbox],
.site-header input[type=radio] {
  display: none;
}
.site-header .brand-header svg {
  max-height: 80px;
  position: relative;
  transform-origin: 50% 50%;
}
.site-header .main-header {
  display: grid;
  gap: 2rem;
  grid-template: " burger . nav logout" 1fr/auto 1fr auto 140px;
  align-items: center;
  position: relative;
  width: 100%;
  padding-left: min((100% - 1600px) / 2, 80px);
  padding-right: min((100% - 1600px) / 2, 80px);
}
@media only screen and (max-width: 1679px) {
  .site-header .main-header {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 1085px) {
  .site-header .main-header {
    grid-template: " burger . logout" 1fr/auto 1fr 140px;
  }
}
.site-header .main-header > ul {
  flex-direction: column;
  grid-area: logout;
  justify-content: center;
  gap: 1px;
}
.site-header .main-header > ul li {
  padding-top: 0;
  padding-bottom: 0.3rem;
}
.site-header .main-header > ul li.current_page_item {
  font-weight: bold;
}
.site-header .main-header .mascotte-wrapper-header {
  grid-area: logout;
  position: relative;
  height: 1px;
  z-index: 24;
  width: 120px;
  margin-left: 1.5rem;
}
.site-header .main-header .mascotte-wrapper-header .user-initials {
  position: absolute;
  background-color: rgb(0, 165, 124);
  color: #fff;
  border-radius: 50%;
  width: 52px;
  height: 52px;
  top: -15px;
  left: -15px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  cursor: pointer;
  border: 2px solid rgb(206, 129, 78);
  letter-spacing: 1px;
}
.site-header .main-header .mascotte-wrapper-header .mascotte-wrapper {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  max-width: 120px;
  height: 120px;
  z-index: 1;
}
.site-header .main-header .mascotte-wrapper-header .mascotte-wrapper .mascotte {
  pointer-events: none;
}
.site-header .main-header .mascotte-wrapper-header .mascotte-wrapper .mascotte .svg-wrapper {
  top: 45px;
  left: 5px;
  width: 111px;
  height: 97px;
}
.site-header .main-header .mascotte-wrapper-header .menu-after-mascotte {
  position: absolute;
  top: 79.2px;
  right: 7px;
  width: 146px;
  transition: max-height 0.3s ease-in-out, max-width 0.3s ease-in-out;
  max-height: 0;
  max-width: 0;
  background: rgb(0, 165, 124);
  overflow: hidden;
  transform-origin: 75% 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.site-header .main-header .mascotte-wrapper-header .menu-after-mascotte ul {
  padding-top: 49.6px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 1rem;
  flex-direction: column;
  width: 100%;
}
.site-header .main-header .mascotte-wrapper-header .menu-after-mascotte li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-header .main-header .mascotte-wrapper-header .menu-after-mascotte a {
  color: #fff;
}
.site-header .main-header .mascotte-wrapper-header input {
  display: none;
}
.site-header .main-header .mascotte-wrapper-header input:checked ~ .menu-after-mascotte {
  max-height: 249.6px;
  max-width: 230px;
}
.site-header .main-header .brand-header {
  min-width: 140px;
}
.site-header .main-header .brand-header .svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.site-header .main-header .brand-header .svg-wrapper svg {
  width: 100%;
  height: auto;
}
.site-header nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  grid-area: nav;
  transition: all 0.3s ease-in-out;
}
.site-header nav.main-nav > ul {
  gap: 1rem;
}
@media only screen and (max-width: 1085px) {
  .site-header nav.main-nav {
    position: absolute;
    width: auto;
    left: 1rem;
    top: 100%;
    transform: translateY(calc(-100% - 90px));
    z-index: 22;
    background-color: rgb(206, 129, 78);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .site-header nav.main-nav > ul {
    flex-direction: column;
    background-color: rgb(206, 129, 78);
    max-height: calc(100vh - 90px);
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 411px) {
  .site-header nav.main-nav {
    left: 0;
    border-bottom-left-radius: 0;
  }
}
.site-header nav li.current_page_item {
  font-weight: bold;
}
.site-header nav li ul {
  position: absolute;
  flex-direction: column;
  overflow: hidden;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  top: 100%;
  left: -0.5rem;
  width: 200px;
  max-height: 0;
  height: auto;
  transition: max-height 0.3s ease-in-out;
  background-color: #fff;
  border: 1px solid rgb(206, 129, 78);
}
.site-header nav li ul li {
  color: rgb(206, 129, 78);
}
.site-header nav li ul li:after {
  background-color: rgb(206, 129, 78);
}
.site-header nav li ul > li:first-child {
  margin-top: 0.5rem;
}
.site-header nav li ul > li:last-child {
  margin-bottom: 0.5rem;
}
.site-header nav li:hover ul {
  max-height: 50vh;
}
.site-header .burger {
  grid-area: burger;
  position: relative;
  width: 43px;
  height: 43px;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 5px;
  display: none;
}
@media only screen and (max-width: 1085px) {
  .site-header .burger {
    display: block;
    z-index: 24;
  }
}
.site-header .burger:after, .site-header .burger:before {
  content: "";
}
.site-header .burger span, .site-header .burger:after, .site-header .burger:before {
  position: absolute;
  background-color: #fff;
  width: 23px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
.site-header .burger span {
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%);
}
.site-header .burger:after {
  top: calc(50% + 9px);
}
.site-header .burger:before {
  top: calc(50% - 9px);
}
.site-header #menu-toggle:checked ~ .main-header .burger span {
  width: 0;
}
.site-header #menu-toggle:checked ~ .main-header .burger:after {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.site-header #menu-toggle:checked ~ .main-header .burger:before {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.site-header #menu-toggle:checked ~ .main-header .main-nav {
  transform: translateY(0);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

@keyframes bounce-in-top-rotate {
  0% {
    transform: translateY(-500px) rotate(3turns);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: translateY(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: translateY(-65px) rotate(-1turn);
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateY(-28px) rotate(0.5turn);
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateY(-8px) rotate(-0.25turn);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top-rotate-invert {
  0% {
    transform: translateY(-500px) rotate(-3turns);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: translateY(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: translateY(-65px) rotate(1turn);
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateY(-28px) rotate(-0.5turn);
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateY(-8px) rotate(0.25turn);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}
.drop-coin {
  opacity: 1;
  animation: bounce-in-top-rotate 0.5s linear;
  animation-fill-mode: forwards;
  transform: translateY(-500px);
}
.drop-coin-1 {
  transform-origin: 223px 779px;
  animation-delay: 0.6s;
  animation-name: bounce-in-top-rotate-invert;
}
.drop-coin-2 {
  transform-origin: 277px 790px;
  animation-delay: 1.34s;
}
.drop-coin-3 {
  transform-origin: 247px 829px;
  animation-delay: 0.15s;
}
.drop-coin-4 {
  transform-origin: 117px 790px;
  animation-delay: 0.4s;
}
.drop-coin-5 {
  transform-origin: 127px 805px;
  animation-name: bounce-in-top-rotate-invert;
}
.drop-coin-6 {
  transform-origin: 150px 801px;
  animation-delay: 0.7s;
  animation-name: bounce-in-top-rotate-invert;
}
.drop-coin-7 {
  transform-origin: 206px 811px;
  animation-delay: 1.2s;
}

.mobile-device .pwaforwp-footer-prompt {
  display: block !important;
}

.site-footer {
  min-height: 200px;
  position: relative;
  display: grid;
  grid-area: footer;
  background-color: rgb(206, 129, 78);
  max-width: calc(100vw - 0.5rem);
  color: #fff;
}
.site-footer a {
  text-decoration: none;
  color: inherit;
}
.site-footer .main-footer {
  display: grid;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  grid-template: "one two three" 1fr/1fr 1fr 1fr;
}
@media only screen and (max-width: 863px) {
  .site-footer .main-footer {
    grid-template: "one one" 1fr "two three" auto/1fr 1fr;
  }
}
@media only screen and (max-width: 663px) {
  .site-footer .main-footer {
    grid-template: "one" auto "two" auto "three" auto/1fr;
  }
}
.site-footer .footer-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 20px;
  flex: 1;
}
.site-footer .footer-item > div {
  width: 100%;
}
.site-footer .footer-item ul {
  width: 100%;
}
.site-footer .footer-1 {
  grid-area: one;
}
.site-footer .footer-2 {
  grid-area: two;
}
.site-footer .footer-3 {
  grid-area: three;
}
.site-footer .copyright {
  background-color: #908A91;
  color: #fff;
  padding: 0.8rem 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1rem;
}
@media only screen and (max-width: 449px) {
  .site-footer .copyright {
    font-size: 0.8rem;
  }
}

form {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}
form.themi-form {
  max-height: calc(90vh - 25px - 37px);
  overflow-y: auto;
  margin-right: -7px;
  padding-right: 7px;
  padding-bottom: 1rem;
}
form .input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  position: relative;
}
form .input-wrapper p {
  width: 100%;
  position: relative;
  max-width: calc(100vw - 0.5rem - 40px);
}
form .input-wrapper p input[type=text],
form .input-wrapper p input[type=email],
form .input-wrapper p input[type=number],
form .input-wrapper p input[type=password],
form .input-wrapper p input[type=date],
form .input-wrapper p select,
form .input-wrapper p textarea {
  max-width: calc(100vw - 0.5rem - 40px);
  width: 100%;
}
form .input-wrapper p label {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.2rem;
}
form .input-wrapper p .wpcf7-form-control-wrap {
  display: flex;
  width: 100%;
  min-width: 100%;
}
form .input-wrapper p .wpcf7-form-control-wrap .wpcf7-list-item {
  display: flex;
  width: 100%;
  min-width: 100%;
  gap: 0.2rem;
}
form .input-wrapper p .wpcf7-form-control-wrap .wpcf7-list-item label {
  display: grid;
  grid-template: "input label" auto ". label" 1fr/auto 1fr;
}
form .input-wrapper p .wpcf7-form-control-wrap .wpcf7-list-item label input {
  grid-area: input;
  margin-top: 1ch;
}
form .input-wrapper p .wpcf7-form-control-wrap .wpcf7-list-item label .wpcf7-list-item-label {
  grid-area: label;
}
form .input-wrapper input[type=text],
form .input-wrapper input[type=email],
form .input-wrapper input[type=number],
form .input-wrapper input[type=password],
form .input-wrapper input[type=date],
form .input-wrapper select,
form .input-wrapper textarea {
  border: 1px solid gray;
  min-height: 43px;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
form .input-wrapper input[type=text],
form .input-wrapper input[type=number],
form .input-wrapper input[type=email],
form .input-wrapper input[type=password],
form .input-wrapper input[type=date],
form .input-wrapper select {
  height: 43px;
  padding-right: 1.5em;
}
form .input-wrapper select[name=line-day-recurrence] {
  display: none;
}
form .input-wrapper .input-sign {
  position: absolute;
  height: 43px;
  width: 43px;
  bottom: 10px;
  left: -43px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
}
form .input-wrapper .wpcf7-submit {
  border: 1px solid rgb(0, 165, 124);
  background: rgb(0, 165, 124);
  overflow: hidden;
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 4px;
  min-height: 43px;
  min-width: 200px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1ch;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
}
form .input-wrapper .wpcf7-submit .plus, form .input-wrapper .wpcf7-submit .minus {
  position: relative;
  width: 23px;
  height: 23px;
}
form .input-wrapper .wpcf7-submit .plus:before, form .input-wrapper .wpcf7-submit .plus:after, form .input-wrapper .wpcf7-submit .minus:before, form .input-wrapper .wpcf7-submit .minus:after {
  content: "";
  width: 23px;
  height: 3px;
  border-radius: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  transform-origin: 50% 50%;
  transition: all 0.3s ease-in-out;
}
form .input-wrapper .wpcf7-submit .plus:after, form .input-wrapper .wpcf7-submit .minus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
form .input-wrapper .wpcf7-submit .minus:after {
  display: none;
}
form .input-wrapper .wpcf7-submit-invert, form .input-wrapper .wpcf7-submit-selected, form .input-wrapper .wpcf7-submit.invert, form .input-wrapper .wpcf7-submit.selected {
  border-color: rgb(0, 165, 124);
  background: #fff;
  color: rgb(0, 165, 124);
}
form .input-wrapper .wpcf7-submit-invert .plus:before, form .input-wrapper .wpcf7-submit-invert .plus:after, form .input-wrapper .wpcf7-submit-invert .minus:before, form .input-wrapper .wpcf7-submit-invert .minus:after, form .input-wrapper .wpcf7-submit-selected .plus:before, form .input-wrapper .wpcf7-submit-selected .plus:after, form .input-wrapper .wpcf7-submit-selected .minus:before, form .input-wrapper .wpcf7-submit-selected .minus:after, form .input-wrapper .wpcf7-submit.invert .plus:before, form .input-wrapper .wpcf7-submit.invert .plus:after, form .input-wrapper .wpcf7-submit.invert .minus:before, form .input-wrapper .wpcf7-submit.invert .minus:after, form .input-wrapper .wpcf7-submit.selected .plus:before, form .input-wrapper .wpcf7-submit.selected .plus:after, form .input-wrapper .wpcf7-submit.selected .minus:before, form .input-wrapper .wpcf7-submit.selected .minus:after {
  background-color: rgb(0, 165, 124);
}
form .input-wrapper .wpcf7-submit:hover, form .input-wrapper .wpcf7-submit:active, form .input-wrapper .wpcf7-submit:focus {
  background-color: transparent;
  color: rgb(0, 165, 124);
  gap: 2ch;
}
form .input-wrapper .wpcf7-submit:hover-white-over, form .input-wrapper .wpcf7-submit:active-white-over, form .input-wrapper .wpcf7-submit:focus-white-over {
  background-color: #fff;
}
form .input-wrapper .wpcf7-submit:hover .plus:before, form .input-wrapper .wpcf7-submit:hover .plus:after, form .input-wrapper .wpcf7-submit:hover .minus:before, form .input-wrapper .wpcf7-submit:hover .minus:after, form .input-wrapper .wpcf7-submit:active .plus:before, form .input-wrapper .wpcf7-submit:active .plus:after, form .input-wrapper .wpcf7-submit:active .minus:before, form .input-wrapper .wpcf7-submit:active .minus:after, form .input-wrapper .wpcf7-submit:focus .plus:before, form .input-wrapper .wpcf7-submit:focus .plus:after, form .input-wrapper .wpcf7-submit:focus .minus:before, form .input-wrapper .wpcf7-submit:focus .minus:after {
  width: 18px;
  background-color: rgb(0, 165, 124);
}
form .input-wrapper .wpcf7-submit:hover-invert, form .input-wrapper .wpcf7-submit:hover.invert, form .input-wrapper .wpcf7-submit:active-invert, form .input-wrapper .wpcf7-submit:active.invert, form .input-wrapper .wpcf7-submit:focus-invert, form .input-wrapper .wpcf7-submit:focus.invert {
  border-color: #fff;
  color: #fff;
}
form .input-wrapper .wpcf7-submit:hover-invert .plus:before, form .input-wrapper .wpcf7-submit:hover-invert .plus:after, form .input-wrapper .wpcf7-submit:hover-invert .minus:before, form .input-wrapper .wpcf7-submit:hover-invert .minus:after, form .input-wrapper .wpcf7-submit:hover.invert .plus:before, form .input-wrapper .wpcf7-submit:hover.invert .plus:after, form .input-wrapper .wpcf7-submit:hover.invert .minus:before, form .input-wrapper .wpcf7-submit:hover.invert .minus:after, form .input-wrapper .wpcf7-submit:active-invert .plus:before, form .input-wrapper .wpcf7-submit:active-invert .plus:after, form .input-wrapper .wpcf7-submit:active-invert .minus:before, form .input-wrapper .wpcf7-submit:active-invert .minus:after, form .input-wrapper .wpcf7-submit:active.invert .plus:before, form .input-wrapper .wpcf7-submit:active.invert .plus:after, form .input-wrapper .wpcf7-submit:active.invert .minus:before, form .input-wrapper .wpcf7-submit:active.invert .minus:after, form .input-wrapper .wpcf7-submit:focus-invert .plus:before, form .input-wrapper .wpcf7-submit:focus-invert .plus:after, form .input-wrapper .wpcf7-submit:focus-invert .minus:before, form .input-wrapper .wpcf7-submit:focus-invert .minus:after, form .input-wrapper .wpcf7-submit:focus.invert .plus:before, form .input-wrapper .wpcf7-submit:focus.invert .plus:after, form .input-wrapper .wpcf7-submit:focus.invert .minus:before, form .input-wrapper .wpcf7-submit:focus.invert .minus:after {
  background-color: #fff;
}
form .input-wrapper .wpcf7-submit-small, form .input-wrapper .wpcf7-submit.button-small, form .input-wrapper .wpcf7-submit.btn-small {
  min-width: 43px;
}
form .input-wrapper .wpcf7-submit[disabled] {
  filter: grayscale(1);
  cursor: not-allowed;
}
form .input-wrapper .wpcf7-submit[disabled] .plus, form .input-wrapper .wpcf7-submit[disabled] .minus {
  position: relative;
  width: auto;
  height: auto;
  display: inline-block;
  font-family: "Font Awesome 7 Free";
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: 1.25em;
}
form .input-wrapper .wpcf7-submit[disabled] .plus:before, form .input-wrapper .wpcf7-submit[disabled] .plus:after, form .input-wrapper .wpcf7-submit[disabled] .minus:before, form .input-wrapper .wpcf7-submit[disabled] .minus:after {
  background-color: transparent;
  width: auto;
  height: auto;
  border-radius: auto;
  position: initial;
  transform: translate(0, 0);
  transition: all 0.3s ease-in-out;
}
form .input-wrapper .wpcf7-submit[disabled] .plus:before, form .input-wrapper .wpcf7-submit[disabled] .minus:before {
  content: "\f023";
}
form .input-wrapper .wpcf7-submit[disabled] .plus:after, form .input-wrapper .wpcf7-submit[disabled] .minus:after {
  display: none;
}
form .input-wrapper .wpcf7-list-item {
  margin-left: 0;
}
form .input-wrapper .themi-input-description {
  font-size: 0.8rem;
}
form .input-wrapper .themi-input-description .day-selector {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
form .input-wrapper .themi-input-description .day-selector .btn {
  min-width: 43px;
  max-width: 43px;
  width: 43px;
  min-height: 43px;
  max-height: 43px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  transition: all 0.3s ease-in-out;
}
form .input-wrapper .themi-input-description .day-selector:not(.minussed) .btn.plussable {
  min-width: 0;
  max-width: 0;
  width: 0;
  padding: 0;
  border: none;
}
form .input-wrapper .themi-input-description .day-selector.minussed {
  justify-content: space-between;
}
form .input-wrapper .themi-input-description .day-selector.minussed .btn.minussable {
  min-width: 0;
  max-width: 0;
  width: 0;
  order: 40;
  padding: 0;
  border: none;
}
form .input-wrapper .themi-input-description .day-selector.minussed .btn[data-day="1"] {
  order: 0;
}
form .input-wrapper .themi-input-description .day-selector.minussed .btn[data-day="5"] {
  order: 1;
}
form .input-wrapper .themi-input-description .day-selector.minussed .btn[data-day="10"] {
  order: 2;
}
form .input-wrapper .themi-input-description .day-selector.minussed .btn[data-day="15"] {
  order: 3;
}
form .input-wrapper .themi-input-description .day-selector.minussed .btn[data-day="20"] {
  order: 4;
}
form .input-wrapper .themi-input-description .day-selector.minussed .btn[data-day="25"] {
  order: 5;
}
form .input-wrapper .themi-input-description .day-selector.minussed .btn[data-day="28"] {
  order: 6;
}
form .input-wrapper .themi-input-description .day-selector.minussed .btn.plussable {
  order: 999;
}
form .field-repeater {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.5rem;
}
form .field-repeater .repeater-0 {
  display: none;
}
form .field-repeater.themi-variable-expense-recurrences {
  display: grid;
  grid-template: "receiver button" 1fr/1fr auto;
  gap: 1rem;
}
form .field-repeater.themi-variable-expense-recurrences .receiver-group:after {
  background-color: rgb(0, 165, 124);
}
.um-account form {
  display: grid;
  grid-template: "menu inner" auto ". inner " 1fr/300px 1fr;
}
@media only screen and (max-width: 849px) {
  .um-account form {
    grid-template: "menu inner" auto ". inner " 1fr/60px 1fr;
  }
}
@media only screen and (max-width: 549px) {
  .um-account form {
    grid-template: "menu" auto "inner" 1fr/1fr;
  }
}
.um-account form .um-account-side {
  grid-area: menu;
  width: 100% !important;
  color: rgb(0, 165, 124);
}
.um-account form .um-account-side .um-account-name a {
  color: rgb(0, 165, 124);
}
.um-account form .um-account-side .um-account-name .um-account-profile-link a {
  display: none;
}
.um-account form .um-account-side li a.current span.um-account-icon {
  color: rgb(0, 165, 124);
}
.um-account form .um-account-main {
  grid-area: inner;
}
.um-account form .um-account-main .um-account-heading {
  color: rgb(0, 165, 124);
}
.um-account form .um-account-main .um-tip:hover {
  color: rgb(0, 165, 124);
}
.um-account form .um-account-main input[type=submit].um-button {
  background-color: rgb(206, 129, 78);
  border: 1px solid rgb(206, 129, 78);
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
}
.um-account form .um-account-main input[type=submit].um-button:hover {
  background-color: transparent;
  color: rgb(206, 129, 78);
}
.um-account form .um-account-main .um-request-button {
  background-color: rgb(0, 165, 124);
  border: 1px solid rgb(0, 165, 124);
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
}
.um-account form .um-account-main .um-request-button:hover {
  background-color: transparent;
  color: rgb(0, 165, 124);
}
form.themi-form-variable-lines .themi-variable-expense-checkbox-item label small {
  display: block;
}

.custom-um-form {
  flex-direction: column;
}
.custom-um-form .um-field {
  position: relative;
}
.custom-um-form a {
  color: #fff;
}
.custom-um-form label {
  grid-area: label;
  color: #fff;
  position: relative;
  font-size: 1rem;
}
.custom-um-form label span {
  display: inline-flex;
  gap: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.custom-um-form .um-field {
  display: grid;
  grid-template: "label" auto "input" auto/1fr;
  gap: 0.4rem;
}
.custom-um-form .um-form-field {
  grid-area: input;
  background: transparent;
  color: #fff;
  border: none;
  border-bottom: 2px solid #fff;
  min-height: 43px;
  display: inline-block;
}
.custom-um-form .um-form-field + label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.custom-um-form .um-form-field:-webkit-autofill {
  background: transparent;
  background-color: transparent !important;
}
.custom-um-form .um-form-field:not(.has-value):not(:-webkit-autofill):not(.is-focused) + label > span {
  transform: translate(11px, 42px);
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}
.custom-um-form .um-form-field:focus + label > span {
  transform: translate(0, 0);
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Medium.eot");
  src: url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype"), url("../fonts/Roboto-Medium.svg#Roboto-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-BlackItalic.eot");
  src: url("../fonts/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-BlackItalic.woff2") format("woff2"), url("../fonts/Roboto-BlackItalic.woff") format("woff"), url("../fonts/Roboto-BlackItalic.ttf") format("truetype"), url("../fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-BoldItalic.eot");
  src: url("../fonts/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-BoldItalic.woff2") format("woff2"), url("../fonts/Roboto-BoldItalic.woff") format("woff"), url("../fonts/Roboto-BoldItalic.ttf") format("truetype"), url("../fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Light.eot");
  src: url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype"), url("../fonts/Roboto-Light.svg#Roboto-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-MediumItalic.eot");
  src: url("../fonts/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-MediumItalic.woff2") format("woff2"), url("../fonts/Roboto-MediumItalic.woff") format("woff"), url("../fonts/Roboto-MediumItalic.ttf") format("truetype"), url("../fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-LightItalic.eot");
  src: url("../fonts/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-LightItalic.woff2") format("woff2"), url("../fonts/Roboto-LightItalic.woff") format("woff"), url("../fonts/Roboto-LightItalic.ttf") format("truetype"), url("../fonts/Roboto-LightItalic.svg#Roboto-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Italic.eot");
  src: url("../fonts/Roboto-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Italic.woff2") format("woff2"), url("../fonts/Roboto-Italic.woff") format("woff"), url("../fonts/Roboto-Italic.ttf") format("truetype"), url("../fonts/Roboto-Italic.svg#Roboto-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Black.eot");
  src: url("../fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Black.woff2") format("woff2"), url("../fonts/Roboto-Black.woff") format("woff"), url("../fonts/Roboto-Black.ttf") format("truetype"), url("../fonts/Roboto-Black.svg#Roboto-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Bold.eot");
  src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto-Bold.svg#Roboto-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.eot");
  src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Thin.eot");
  src: url("../fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Thin.woff2") format("woff2"), url("../fonts/Roboto-Thin.woff") format("woff"), url("../fonts/Roboto-Thin.ttf") format("truetype"), url("../fonts/Roboto-Thin.svg#Roboto-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-ThinItalic.eot");
  src: url("../fonts/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-ThinItalic.woff2") format("woff2"), url("../fonts/Roboto-ThinItalic.woff") format("woff"), url("../fonts/Roboto-ThinItalic.ttf") format("truetype"), url("../fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.eot");
  src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Black.eot");
  src: url("../fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat-Black.woff") format("woff"), url("../fonts/Montserrat-Black.ttf") format("truetype"), url("../fonts/Montserrat-Black.svg#Montserrat-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-BlackItalic.eot");
  src: url("../fonts/Montserrat-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-BlackItalic.woff2") format("woff2"), url("../fonts/Montserrat-BlackItalic.woff") format("woff"), url("../fonts/Montserrat-BlackItalic.ttf") format("truetype"), url("../fonts/Montserrat-BlackItalic.svg#Montserrat-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.eot");
  src: url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-MediumItalic.eot");
  src: url("../fonts/Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-MediumItalic.woff2") format("woff2"), url("../fonts/Montserrat-MediumItalic.woff") format("woff"), url("../fonts/Montserrat-MediumItalic.ttf") format("truetype"), url("../fonts/Montserrat-MediumItalic.svg#Montserrat-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraLight.eot");
  src: url("../fonts/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraLight.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLight.woff") format("woff"), url("../fonts/Montserrat-ExtraLight.ttf") format("truetype"), url("../fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraBoldItalic.eot");
  src: url("../fonts/Montserrat-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBoldItalic.woff") format("woff"), url("../fonts/Montserrat-ExtraBoldItalic.ttf") format("truetype"), url("../fonts/Montserrat-ExtraBoldItalic.svg#Montserrat-ExtraBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Light.eot");
  src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat-Light.svg#Montserrat-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBoldItalic.eot");
  src: url("../fonts/Montserrat-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-SemiBoldItalic.woff") format("woff"), url("../fonts/Montserrat-SemiBoldItalic.ttf") format("truetype"), url("../fonts/Montserrat-SemiBoldItalic.svg#Montserrat-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Italic.eot");
  src: url("../fonts/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Italic.woff2") format("woff2"), url("../fonts/Montserrat-Italic.woff") format("woff"), url("../fonts/Montserrat-Italic.ttf") format("truetype"), url("../fonts/Montserrat-Italic.svg#Montserrat-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-LightItalic.eot");
  src: url("../fonts/Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-LightItalic.woff2") format("woff2"), url("../fonts/Montserrat-LightItalic.woff") format("woff"), url("../fonts/Montserrat-LightItalic.ttf") format("truetype"), url("../fonts/Montserrat-LightItalic.svg#Montserrat-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.eot");
  src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.eot");
  src: url("../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat-SemiBold.ttf") format("truetype"), url("../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraLightItalic.eot");
  src: url("../fonts/Montserrat-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLightItalic.woff") format("woff"), url("../fonts/Montserrat-ExtraLightItalic.ttf") format("truetype"), url("../fonts/Montserrat-ExtraLightItalic.svg#Montserrat-ExtraLightItalic") format("svg");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ThinItalic.eot");
  src: url("../fonts/Montserrat-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ThinItalic.woff2") format("woff2"), url("../fonts/Montserrat-ThinItalic.woff") format("woff"), url("../fonts/Montserrat-ThinItalic.ttf") format("truetype"), url("../fonts/Montserrat-ThinItalic.svg#Montserrat-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Thin.eot");
  src: url("../fonts/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Thin.woff2") format("woff2"), url("../fonts/Montserrat-Thin.woff") format("woff"), url("../fonts/Montserrat-Thin.ttf") format("truetype"), url("../fonts/Montserrat-Thin.svg#Montserrat-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraBold.eot");
  src: url("../fonts/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBold.woff") format("woff"), url("../fonts/Montserrat-ExtraBold.ttf") format("truetype"), url("../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-BoldItalic.eot");
  src: url("../fonts/Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-BoldItalic.woff") format("woff"), url("../fonts/Montserrat-BoldItalic.ttf") format("truetype"), url("../fonts/Montserrat-BoldItalic.svg#Montserrat-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes heightchange1 {
  0%, 100% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(1.5);
  }
}
@keyframes heightchange2 {
  0%, 100% {
    transform: scaleY(1);
  }
  45% {
    transform: scaleY(1.1);
  }
  70% {
    transform: scaleY(0.8);
  }
}
@keyframes heightchange3 {
  0%, 100% {
    transform: scaleY(1);
  }
  25% {
    transform: scaleY(0.2);
  }
  50% {
    transform: scaleY(0.8);
  }
  75% {
    transform: scaleY(0.3);
  }
}
@keyframes heightchange4 {
  0%, 100% {
    transform: scaleY(1);
  }
  12.5% {
    transform: scaleY(1.2);
  }
  25% {
    transform: scaleY(0.8);
  }
  37.5% {
    transform: scaleY(1.25);
  }
  50% {
    transform: scaleY(0.6);
  }
  62.5% {
    transform: scaleY(1.1);
  }
  75% {
    transform: scaleY(0.7);
  }
  87.5% {
    transform: scaleY(1.3);
  }
}
@keyframes growing-4-times-then-deflate {
  0%, 16%, 100% {
    transform: scale(1);
  }
  17%, 34% {
    transform: scale(1.05);
  }
  40%, 59% {
    transform: scale(1.1);
  }
  60%, 79% {
    transform: scale(1.15);
  }
  80%, 90% {
    transform: scale(1.2);
  }
}
@keyframes drop-coin-into-pig1 {
  0%, 7% {
    transform: translateY(0);
  }
  15%, 100% {
    transform: translateY(40%);
  }
}
@keyframes drop-coin-into-pig2 {
  0%, 27% {
    transform: translate(1%, -40%);
  }
  35%, 100% {
    transform: translate(1%, 0);
  }
}
@keyframes drop-coin-into-pig3 {
  0%, 47% {
    transform: translate(2%, -40%);
  }
  55%, 100% {
    transform: translate(2%, 0);
  }
}
@keyframes drop-coin-into-pig4 {
  0%, 67% {
    transform: translate(3%, -40%);
  }
  75%, 100% {
    transform: translate(3%, 0);
  }
}
.mascotte .mouth-opened,
.mascotte .mouth-o,
.mascotte .mouth-neutral,
.mascotte .mouth-frown,
.mascotte .eyes-crossed,
.mascotte .eye-closed {
  opacity: 0;
}
.mascotte.blinking .eyes-closed,
.mascotte.blinking .eyes-closed .eye-closed {
  opacity: 1;
}
.mascotte.blinking .eyes-opened,
.mascotte.blinking .eyes-opened .eye-opened {
  opacity: 0;
}
.mascotte.dizzy .eyes-opened, .mascotte.dizzy .eye-closed,
.mascotte.dizzy .eyes-opened .eye-opened, .mascotte.dizzy.blinking .eyes-opened, .mascotte.dizzy.blinking .eye-closed,
.mascotte.dizzy.blinking .eyes-opened .eye-opened {
  opacity: 0;
}
.mascotte.dizzy .eyes-crossed, .mascotte.dizzy.blinking .eyes-crossed {
  opacity: 1;
}
.mascotte.dizzy .mouth-smile, .mascotte.dizzy.blinking .mouth-smile {
  opacity: 0;
}
.mascotte.dizzy .mouth-o, .mascotte.dizzy.blinking .mouth-o {
  opacity: 1;
}
.mascotte.frown .mouth-smile {
  opacity: 0;
}
.mascotte.frown .mouth-frown {
  opacity: 1;
}
.mascotte.winky.blinking-left .eye-left.eye-closed {
  opacity: 1;
}
.mascotte.winky.blinking-left .eye-left.eye-open {
  opacity: 0;
}
.mascotte.winky.blinking-left:not(.blinking) .mouth-opened {
  opacity: 1;
}
.mascotte.winky.blinking-left:not(.blinking) .mouth-smile {
  opacity: 0;
}
.mascotte.talking.mouth-a .mouth-smile {
  opacity: 0;
}
.mascotte.talking.mouth-a .mouth-opened {
  opacity: 1;
}
.mascotte.talking.mouth-m .mouth-smile {
  opacity: 0;
}
.mascotte.talking.mouth-m .mouth-neutral {
  opacity: 1;
}
.mascotte.talking.mouth-o .mouth-smile {
  opacity: 0;
}
.mascotte.talking.mouth-o .mouth-o {
  opacity: 1;
}
.mascotte.idle .mouth-opened {
  opacity: 0;
}
.mascotte.idle .mouth-frown {
  opacity: 0;
}
.mascotte.idle .eyes-closed {
  opacity: 0;
}
.mascotte.idle.blinking .eyes-closed {
  opacity: 1;
}
.mascotte.idle.blinking .eyes-opened {
  opacity: 0;
}
#user-menu-toggle:checked ~ .mascotte-wrapper .mascotte.idle .eyes-closed {
  opacity: initial;
}
#user-menu-toggle:checked ~ .mascotte-wrapper .mascotte.idle .eye-left.eye-closed {
  opacity: 1;
}
#user-menu-toggle:checked ~ .mascotte-wrapper .mascotte.idle .eye-left.eye-open {
  opacity: 0;
}
#user-menu-toggle:checked ~ .mascotte-wrapper .mascotte.idle .eye-right.eye-closed {
  opacity: 0;
}
#user-menu-toggle:checked ~ .mascotte-wrapper .mascotte.idle .eye-right.eye-open {
  opacity: 1;
}
#user-menu-toggle:checked ~ .mascotte-wrapper .mascotte.idle .mouth-opened {
  opacity: 1;
}
#user-menu-toggle:checked ~ .mascotte-wrapper .mascotte.idle .mouth-smile {
  opacity: 0;
}
#user-menu-toggle:checked ~ .mascotte-wrapper .mascotte.idle.blinking .eye-right.eye-closed {
  opacity: 1;
}
#user-menu-toggle:checked ~ .mascotte-wrapper .mascotte.idle.blinking .eye-right.eye-open {
  opacity: 0;
}

html {
  padding: 0;
  font-size: 20px;
  box-sizing: border-box;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: rgb(206, 129, 78) rgba(80, 40, 45, 0.03);
  scrollbar-width: thin;
  scroll-behavior: smooth;
  border-radius: 0;
  color: #16161D;
}
html * {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  border-radius: 0;
  display: grid;
  grid-template: "header" auto "main" 1fr "footer" auto/1fr;
  width: 100%;
  max-width: 100vw;
  min-height: 100vh;
  position: relative;
  font-family: "Roboto", sans-serif;
}
body > * {
  width: 100%;
  max-width: 100vw;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .title,
body .montserrat .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6 {
  font-family: "Montserrat", sans-serif;
}
body h1 {
  color: rgb(206, 129, 78);
}
body .themi-modal-title {
  color: rgb(0, 165, 124);
  margin-top: 0;
}

main {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  background-color: #FDF9F6;
  position: relative;
  z-index: 1;
}
main.unlogged-page {
  background-color: #e2f0d9;
  padding-left: 20px;
  padding-right: 20px;
}
main > *:not(.full-width) {
  width: 100%;
  padding-left: min((100% - 1200px) / 2, 40px);
  padding-right: min((100% - 1200px) / 2, 40px);
}
@media only screen and (max-width: 1239px) {
  main > *:not(.full-width) {
    padding-left: 20px;
    padding-right: 20px;
  }
}
main > *:not(.full-width).page-title {
  max-width: calc(100% - 184px);
}
@media only screen and (max-width: 554px) {
  main > *:not(.full-width).page-title {
    max-width: 100%;
    margin-top: 81px;
  }
}
.page-id-261 main {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.page-id-261 main .page-title,
.page-id-261 main .wp-block-contact-form-7-contact-form-selector {
  max-width: 800px;
  margin: 0 auto;
}
.page-id-261 main .page-title {
  padding-right: 184px;
}
@media only screen and (max-width: 949px) {
  .home main .left-right .is-vertical > .wp-block-group {
    flex-direction: column-reverse;
  }
  .home main .left-right .is-vertical > .wp-block-group:has(figure:first-child) {
    flex-direction: column;
  }
}

a {
  color: rgb(0, 165, 124);
}

.button,
.btn,
a.button,
a.btn,
body .um a.um-button {
  border: 1px solid rgb(0, 165, 124);
  background: rgb(0, 165, 124);
  overflow: hidden;
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 4px;
  min-height: 43px;
  min-width: 200px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1ch;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
}
.button .plus, .button .minus,
.btn .plus,
.btn .minus,
a.button .plus,
a.button .minus,
a.btn .plus,
a.btn .minus,
body .um a.um-button .plus,
body .um a.um-button .minus {
  position: relative;
  width: 23px;
  height: 23px;
}
.button .plus:before, .button .plus:after, .button .minus:before, .button .minus:after,
.btn .plus:before,
.btn .plus:after,
.btn .minus:before,
.btn .minus:after,
a.button .plus:before,
a.button .plus:after,
a.button .minus:before,
a.button .minus:after,
a.btn .plus:before,
a.btn .plus:after,
a.btn .minus:before,
a.btn .minus:after,
body .um a.um-button .plus:before,
body .um a.um-button .plus:after,
body .um a.um-button .minus:before,
body .um a.um-button .minus:after {
  content: "";
  width: 23px;
  height: 3px;
  border-radius: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  transform-origin: 50% 50%;
  transition: all 0.3s ease-in-out;
}
.button .plus:after, .button .minus:after,
.btn .plus:after,
.btn .minus:after,
a.button .plus:after,
a.button .minus:after,
a.btn .plus:after,
a.btn .minus:after,
body .um a.um-button .plus:after,
body .um a.um-button .minus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.button .minus:after,
.btn .minus:after,
a.button .minus:after,
a.btn .minus:after,
body .um a.um-button .minus:after {
  display: none;
}
.button-invert, .button-selected, .button.invert, .button.selected,
.btn-invert,
.btn-selected,
.btn.invert,
.btn.selected,
a.button-invert,
a.button-selected,
a.button.invert,
a.button.selected,
a.btn-invert,
a.btn-selected,
a.btn.invert,
a.btn.selected,
body .um a.um-button-invert,
body .um a.um-button-selected,
body .um a.um-button.invert,
body .um a.um-button.selected {
  border-color: rgb(0, 165, 124);
  background: #fff;
  color: rgb(0, 165, 124);
}
.button-invert .plus:before, .button-invert .plus:after, .button-invert .minus:before, .button-invert .minus:after, .button-selected .plus:before, .button-selected .plus:after, .button-selected .minus:before, .button-selected .minus:after, .button.invert .plus:before, .button.invert .plus:after, .button.invert .minus:before, .button.invert .minus:after, .button.selected .plus:before, .button.selected .plus:after, .button.selected .minus:before, .button.selected .minus:after,
.btn-invert .plus:before,
.btn-invert .plus:after,
.btn-invert .minus:before,
.btn-invert .minus:after,
.btn-selected .plus:before,
.btn-selected .plus:after,
.btn-selected .minus:before,
.btn-selected .minus:after,
.btn.invert .plus:before,
.btn.invert .plus:after,
.btn.invert .minus:before,
.btn.invert .minus:after,
.btn.selected .plus:before,
.btn.selected .plus:after,
.btn.selected .minus:before,
.btn.selected .minus:after,
a.button-invert .plus:before,
a.button-invert .plus:after,
a.button-invert .minus:before,
a.button-invert .minus:after,
a.button-selected .plus:before,
a.button-selected .plus:after,
a.button-selected .minus:before,
a.button-selected .minus:after,
a.button.invert .plus:before,
a.button.invert .plus:after,
a.button.invert .minus:before,
a.button.invert .minus:after,
a.button.selected .plus:before,
a.button.selected .plus:after,
a.button.selected .minus:before,
a.button.selected .minus:after,
a.btn-invert .plus:before,
a.btn-invert .plus:after,
a.btn-invert .minus:before,
a.btn-invert .minus:after,
a.btn-selected .plus:before,
a.btn-selected .plus:after,
a.btn-selected .minus:before,
a.btn-selected .minus:after,
a.btn.invert .plus:before,
a.btn.invert .plus:after,
a.btn.invert .minus:before,
a.btn.invert .minus:after,
a.btn.selected .plus:before,
a.btn.selected .plus:after,
a.btn.selected .minus:before,
a.btn.selected .minus:after,
body .um a.um-button-invert .plus:before,
body .um a.um-button-invert .plus:after,
body .um a.um-button-invert .minus:before,
body .um a.um-button-invert .minus:after,
body .um a.um-button-selected .plus:before,
body .um a.um-button-selected .plus:after,
body .um a.um-button-selected .minus:before,
body .um a.um-button-selected .minus:after,
body .um a.um-button.invert .plus:before,
body .um a.um-button.invert .plus:after,
body .um a.um-button.invert .minus:before,
body .um a.um-button.invert .minus:after,
body .um a.um-button.selected .plus:before,
body .um a.um-button.selected .plus:after,
body .um a.um-button.selected .minus:before,
body .um a.um-button.selected .minus:after {
  background-color: rgb(0, 165, 124);
}
.button:hover, .button:active, .button:focus,
.btn:hover,
.btn:active,
.btn:focus,
a.button:hover,
a.button:active,
a.button:focus,
a.btn:hover,
a.btn:active,
a.btn:focus,
body .um a.um-button:hover,
body .um a.um-button:active,
body .um a.um-button:focus {
  background-color: transparent;
  color: rgb(0, 165, 124);
  gap: 2ch;
}
.button:hover-white-over, .button:active-white-over, .button:focus-white-over,
.btn:hover-white-over,
.btn:active-white-over,
.btn:focus-white-over,
a.button:hover-white-over,
a.button:active-white-over,
a.button:focus-white-over,
a.btn:hover-white-over,
a.btn:active-white-over,
a.btn:focus-white-over,
body .um a.um-button:hover-white-over,
body .um a.um-button:active-white-over,
body .um a.um-button:focus-white-over {
  background-color: #fff;
}
.button:hover .plus:before, .button:hover .plus:after, .button:hover .minus:before, .button:hover .minus:after, .button:active .plus:before, .button:active .plus:after, .button:active .minus:before, .button:active .minus:after, .button:focus .plus:before, .button:focus .plus:after, .button:focus .minus:before, .button:focus .minus:after,
.btn:hover .plus:before,
.btn:hover .plus:after,
.btn:hover .minus:before,
.btn:hover .minus:after,
.btn:active .plus:before,
.btn:active .plus:after,
.btn:active .minus:before,
.btn:active .minus:after,
.btn:focus .plus:before,
.btn:focus .plus:after,
.btn:focus .minus:before,
.btn:focus .minus:after,
a.button:hover .plus:before,
a.button:hover .plus:after,
a.button:hover .minus:before,
a.button:hover .minus:after,
a.button:active .plus:before,
a.button:active .plus:after,
a.button:active .minus:before,
a.button:active .minus:after,
a.button:focus .plus:before,
a.button:focus .plus:after,
a.button:focus .minus:before,
a.button:focus .minus:after,
a.btn:hover .plus:before,
a.btn:hover .plus:after,
a.btn:hover .minus:before,
a.btn:hover .minus:after,
a.btn:active .plus:before,
a.btn:active .plus:after,
a.btn:active .minus:before,
a.btn:active .minus:after,
a.btn:focus .plus:before,
a.btn:focus .plus:after,
a.btn:focus .minus:before,
a.btn:focus .minus:after,
body .um a.um-button:hover .plus:before,
body .um a.um-button:hover .plus:after,
body .um a.um-button:hover .minus:before,
body .um a.um-button:hover .minus:after,
body .um a.um-button:active .plus:before,
body .um a.um-button:active .plus:after,
body .um a.um-button:active .minus:before,
body .um a.um-button:active .minus:after,
body .um a.um-button:focus .plus:before,
body .um a.um-button:focus .plus:after,
body .um a.um-button:focus .minus:before,
body .um a.um-button:focus .minus:after {
  width: 18px;
  background-color: rgb(0, 165, 124);
}
.button:hover-invert, .button:hover.invert, .button:active-invert, .button:active.invert, .button:focus-invert, .button:focus.invert,
.btn:hover-invert,
.btn:hover.invert,
.btn:active-invert,
.btn:active.invert,
.btn:focus-invert,
.btn:focus.invert,
a.button:hover-invert,
a.button:hover.invert,
a.button:active-invert,
a.button:active.invert,
a.button:focus-invert,
a.button:focus.invert,
a.btn:hover-invert,
a.btn:hover.invert,
a.btn:active-invert,
a.btn:active.invert,
a.btn:focus-invert,
a.btn:focus.invert,
body .um a.um-button:hover-invert,
body .um a.um-button:hover.invert,
body .um a.um-button:active-invert,
body .um a.um-button:active.invert,
body .um a.um-button:focus-invert,
body .um a.um-button:focus.invert {
  border-color: #fff;
  color: #fff;
}
.button:hover-invert .plus:before, .button:hover-invert .plus:after, .button:hover-invert .minus:before, .button:hover-invert .minus:after, .button:hover.invert .plus:before, .button:hover.invert .plus:after, .button:hover.invert .minus:before, .button:hover.invert .minus:after, .button:active-invert .plus:before, .button:active-invert .plus:after, .button:active-invert .minus:before, .button:active-invert .minus:after, .button:active.invert .plus:before, .button:active.invert .plus:after, .button:active.invert .minus:before, .button:active.invert .minus:after, .button:focus-invert .plus:before, .button:focus-invert .plus:after, .button:focus-invert .minus:before, .button:focus-invert .minus:after, .button:focus.invert .plus:before, .button:focus.invert .plus:after, .button:focus.invert .minus:before, .button:focus.invert .minus:after,
.btn:hover-invert .plus:before,
.btn:hover-invert .plus:after,
.btn:hover-invert .minus:before,
.btn:hover-invert .minus:after,
.btn:hover.invert .plus:before,
.btn:hover.invert .plus:after,
.btn:hover.invert .minus:before,
.btn:hover.invert .minus:after,
.btn:active-invert .plus:before,
.btn:active-invert .plus:after,
.btn:active-invert .minus:before,
.btn:active-invert .minus:after,
.btn:active.invert .plus:before,
.btn:active.invert .plus:after,
.btn:active.invert .minus:before,
.btn:active.invert .minus:after,
.btn:focus-invert .plus:before,
.btn:focus-invert .plus:after,
.btn:focus-invert .minus:before,
.btn:focus-invert .minus:after,
.btn:focus.invert .plus:before,
.btn:focus.invert .plus:after,
.btn:focus.invert .minus:before,
.btn:focus.invert .minus:after,
a.button:hover-invert .plus:before,
a.button:hover-invert .plus:after,
a.button:hover-invert .minus:before,
a.button:hover-invert .minus:after,
a.button:hover.invert .plus:before,
a.button:hover.invert .plus:after,
a.button:hover.invert .minus:before,
a.button:hover.invert .minus:after,
a.button:active-invert .plus:before,
a.button:active-invert .plus:after,
a.button:active-invert .minus:before,
a.button:active-invert .minus:after,
a.button:active.invert .plus:before,
a.button:active.invert .plus:after,
a.button:active.invert .minus:before,
a.button:active.invert .minus:after,
a.button:focus-invert .plus:before,
a.button:focus-invert .plus:after,
a.button:focus-invert .minus:before,
a.button:focus-invert .minus:after,
a.button:focus.invert .plus:before,
a.button:focus.invert .plus:after,
a.button:focus.invert .minus:before,
a.button:focus.invert .minus:after,
a.btn:hover-invert .plus:before,
a.btn:hover-invert .plus:after,
a.btn:hover-invert .minus:before,
a.btn:hover-invert .minus:after,
a.btn:hover.invert .plus:before,
a.btn:hover.invert .plus:after,
a.btn:hover.invert .minus:before,
a.btn:hover.invert .minus:after,
a.btn:active-invert .plus:before,
a.btn:active-invert .plus:after,
a.btn:active-invert .minus:before,
a.btn:active-invert .minus:after,
a.btn:active.invert .plus:before,
a.btn:active.invert .plus:after,
a.btn:active.invert .minus:before,
a.btn:active.invert .minus:after,
a.btn:focus-invert .plus:before,
a.btn:focus-invert .plus:after,
a.btn:focus-invert .minus:before,
a.btn:focus-invert .minus:after,
a.btn:focus.invert .plus:before,
a.btn:focus.invert .plus:after,
a.btn:focus.invert .minus:before,
a.btn:focus.invert .minus:after,
body .um a.um-button:hover-invert .plus:before,
body .um a.um-button:hover-invert .plus:after,
body .um a.um-button:hover-invert .minus:before,
body .um a.um-button:hover-invert .minus:after,
body .um a.um-button:hover.invert .plus:before,
body .um a.um-button:hover.invert .plus:after,
body .um a.um-button:hover.invert .minus:before,
body .um a.um-button:hover.invert .minus:after,
body .um a.um-button:active-invert .plus:before,
body .um a.um-button:active-invert .plus:after,
body .um a.um-button:active-invert .minus:before,
body .um a.um-button:active-invert .minus:after,
body .um a.um-button:active.invert .plus:before,
body .um a.um-button:active.invert .plus:after,
body .um a.um-button:active.invert .minus:before,
body .um a.um-button:active.invert .minus:after,
body .um a.um-button:focus-invert .plus:before,
body .um a.um-button:focus-invert .plus:after,
body .um a.um-button:focus-invert .minus:before,
body .um a.um-button:focus-invert .minus:after,
body .um a.um-button:focus.invert .plus:before,
body .um a.um-button:focus.invert .plus:after,
body .um a.um-button:focus.invert .minus:before,
body .um a.um-button:focus.invert .minus:after {
  background-color: #fff;
}
.button-small, .button.button-small, .button.btn-small,
.btn-small,
.btn.button-small,
.btn.btn-small,
a.button-small,
a.button.button-small,
a.button.btn-small,
a.btn-small,
a.btn.button-small,
a.btn.btn-small,
body .um a.um-button-small,
body .um a.um-button.button-small,
body .um a.um-button.btn-small {
  min-width: 43px;
}
.button[disabled],
.btn[disabled],
a.button[disabled],
a.btn[disabled],
body .um a.um-button[disabled] {
  filter: grayscale(1);
  cursor: not-allowed;
}
.button[disabled] .plus, .button[disabled] .minus,
.btn[disabled] .plus,
.btn[disabled] .minus,
a.button[disabled] .plus,
a.button[disabled] .minus,
a.btn[disabled] .plus,
a.btn[disabled] .minus,
body .um a.um-button[disabled] .plus,
body .um a.um-button[disabled] .minus {
  position: relative;
  width: auto;
  height: auto;
  display: inline-block;
  font-family: "Font Awesome 7 Free";
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: 1.25em;
}
.button[disabled] .plus:before, .button[disabled] .plus:after, .button[disabled] .minus:before, .button[disabled] .minus:after,
.btn[disabled] .plus:before,
.btn[disabled] .plus:after,
.btn[disabled] .minus:before,
.btn[disabled] .minus:after,
a.button[disabled] .plus:before,
a.button[disabled] .plus:after,
a.button[disabled] .minus:before,
a.button[disabled] .minus:after,
a.btn[disabled] .plus:before,
a.btn[disabled] .plus:after,
a.btn[disabled] .minus:before,
a.btn[disabled] .minus:after,
body .um a.um-button[disabled] .plus:before,
body .um a.um-button[disabled] .plus:after,
body .um a.um-button[disabled] .minus:before,
body .um a.um-button[disabled] .minus:after {
  background-color: transparent;
  width: auto;
  height: auto;
  border-radius: auto;
  position: initial;
  transform: translate(0, 0);
  transition: all 0.3s ease-in-out;
}
.button[disabled] .plus:before, .button[disabled] .minus:before,
.btn[disabled] .plus:before,
.btn[disabled] .minus:before,
a.button[disabled] .plus:before,
a.button[disabled] .minus:before,
a.btn[disabled] .plus:before,
a.btn[disabled] .minus:before,
body .um a.um-button[disabled] .plus:before,
body .um a.um-button[disabled] .minus:before {
  content: "\f023";
}
.button[disabled] .plus:after, .button[disabled] .minus:after,
.btn[disabled] .plus:after,
.btn[disabled] .minus:after,
a.button[disabled] .plus:after,
a.button[disabled] .minus:after,
a.btn[disabled] .plus:after,
a.btn[disabled] .minus:after,
body .um a.um-button[disabled] .plus:after,
body .um a.um-button[disabled] .minus:after {
  display: none;
}
.button-secondary,
.btn-secondary,
a.button-secondary,
a.btn-secondary,
body .um a.um-button-secondary {
  border: 1px solid rgb(206, 129, 78);
  background: rgb(206, 129, 78);
  overflow: hidden;
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 4px;
  min-height: 43px;
  min-width: 200px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1ch;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
}
.button-secondary .plus, .button-secondary .minus,
.btn-secondary .plus,
.btn-secondary .minus,
a.button-secondary .plus,
a.button-secondary .minus,
a.btn-secondary .plus,
a.btn-secondary .minus,
body .um a.um-button-secondary .plus,
body .um a.um-button-secondary .minus {
  position: relative;
  width: 23px;
  height: 23px;
}
.button-secondary .plus:before, .button-secondary .plus:after, .button-secondary .minus:before, .button-secondary .minus:after,
.btn-secondary .plus:before,
.btn-secondary .plus:after,
.btn-secondary .minus:before,
.btn-secondary .minus:after,
a.button-secondary .plus:before,
a.button-secondary .plus:after,
a.button-secondary .minus:before,
a.button-secondary .minus:after,
a.btn-secondary .plus:before,
a.btn-secondary .plus:after,
a.btn-secondary .minus:before,
a.btn-secondary .minus:after,
body .um a.um-button-secondary .plus:before,
body .um a.um-button-secondary .plus:after,
body .um a.um-button-secondary .minus:before,
body .um a.um-button-secondary .minus:after {
  content: "";
  width: 23px;
  height: 3px;
  border-radius: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  transform-origin: 50% 50%;
  transition: all 0.3s ease-in-out;
}
.button-secondary .plus:after, .button-secondary .minus:after,
.btn-secondary .plus:after,
.btn-secondary .minus:after,
a.button-secondary .plus:after,
a.button-secondary .minus:after,
a.btn-secondary .plus:after,
a.btn-secondary .minus:after,
body .um a.um-button-secondary .plus:after,
body .um a.um-button-secondary .minus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.button-secondary .minus:after,
.btn-secondary .minus:after,
a.button-secondary .minus:after,
a.btn-secondary .minus:after,
body .um a.um-button-secondary .minus:after {
  display: none;
}
.button-secondary-invert, .button-secondary-selected, .button-secondary.invert, .button-secondary.selected,
.btn-secondary-invert,
.btn-secondary-selected,
.btn-secondary.invert,
.btn-secondary.selected,
a.button-secondary-invert,
a.button-secondary-selected,
a.button-secondary.invert,
a.button-secondary.selected,
a.btn-secondary-invert,
a.btn-secondary-selected,
a.btn-secondary.invert,
a.btn-secondary.selected,
body .um a.um-button-secondary-invert,
body .um a.um-button-secondary-selected,
body .um a.um-button-secondary.invert,
body .um a.um-button-secondary.selected {
  border-color: rgb(206, 129, 78);
  background: #fff;
  color: rgb(206, 129, 78);
}
.button-secondary-invert .plus:before, .button-secondary-invert .plus:after, .button-secondary-invert .minus:before, .button-secondary-invert .minus:after, .button-secondary-selected .plus:before, .button-secondary-selected .plus:after, .button-secondary-selected .minus:before, .button-secondary-selected .minus:after, .button-secondary.invert .plus:before, .button-secondary.invert .plus:after, .button-secondary.invert .minus:before, .button-secondary.invert .minus:after, .button-secondary.selected .plus:before, .button-secondary.selected .plus:after, .button-secondary.selected .minus:before, .button-secondary.selected .minus:after,
.btn-secondary-invert .plus:before,
.btn-secondary-invert .plus:after,
.btn-secondary-invert .minus:before,
.btn-secondary-invert .minus:after,
.btn-secondary-selected .plus:before,
.btn-secondary-selected .plus:after,
.btn-secondary-selected .minus:before,
.btn-secondary-selected .minus:after,
.btn-secondary.invert .plus:before,
.btn-secondary.invert .plus:after,
.btn-secondary.invert .minus:before,
.btn-secondary.invert .minus:after,
.btn-secondary.selected .plus:before,
.btn-secondary.selected .plus:after,
.btn-secondary.selected .minus:before,
.btn-secondary.selected .minus:after,
a.button-secondary-invert .plus:before,
a.button-secondary-invert .plus:after,
a.button-secondary-invert .minus:before,
a.button-secondary-invert .minus:after,
a.button-secondary-selected .plus:before,
a.button-secondary-selected .plus:after,
a.button-secondary-selected .minus:before,
a.button-secondary-selected .minus:after,
a.button-secondary.invert .plus:before,
a.button-secondary.invert .plus:after,
a.button-secondary.invert .minus:before,
a.button-secondary.invert .minus:after,
a.button-secondary.selected .plus:before,
a.button-secondary.selected .plus:after,
a.button-secondary.selected .minus:before,
a.button-secondary.selected .minus:after,
a.btn-secondary-invert .plus:before,
a.btn-secondary-invert .plus:after,
a.btn-secondary-invert .minus:before,
a.btn-secondary-invert .minus:after,
a.btn-secondary-selected .plus:before,
a.btn-secondary-selected .plus:after,
a.btn-secondary-selected .minus:before,
a.btn-secondary-selected .minus:after,
a.btn-secondary.invert .plus:before,
a.btn-secondary.invert .plus:after,
a.btn-secondary.invert .minus:before,
a.btn-secondary.invert .minus:after,
a.btn-secondary.selected .plus:before,
a.btn-secondary.selected .plus:after,
a.btn-secondary.selected .minus:before,
a.btn-secondary.selected .minus:after,
body .um a.um-button-secondary-invert .plus:before,
body .um a.um-button-secondary-invert .plus:after,
body .um a.um-button-secondary-invert .minus:before,
body .um a.um-button-secondary-invert .minus:after,
body .um a.um-button-secondary-selected .plus:before,
body .um a.um-button-secondary-selected .plus:after,
body .um a.um-button-secondary-selected .minus:before,
body .um a.um-button-secondary-selected .minus:after,
body .um a.um-button-secondary.invert .plus:before,
body .um a.um-button-secondary.invert .plus:after,
body .um a.um-button-secondary.invert .minus:before,
body .um a.um-button-secondary.invert .minus:after,
body .um a.um-button-secondary.selected .plus:before,
body .um a.um-button-secondary.selected .plus:after,
body .um a.um-button-secondary.selected .minus:before,
body .um a.um-button-secondary.selected .minus:after {
  background-color: rgb(206, 129, 78);
}
.button-secondary:hover, .button-secondary:active, .button-secondary:focus,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
a.button-secondary:hover,
a.button-secondary:active,
a.button-secondary:focus,
a.btn-secondary:hover,
a.btn-secondary:active,
a.btn-secondary:focus,
body .um a.um-button-secondary:hover,
body .um a.um-button-secondary:active,
body .um a.um-button-secondary:focus {
  background-color: transparent;
  color: rgb(206, 129, 78);
  gap: 2ch;
}
.button-secondary:hover-white-over, .button-secondary:active-white-over, .button-secondary:focus-white-over,
.btn-secondary:hover-white-over,
.btn-secondary:active-white-over,
.btn-secondary:focus-white-over,
a.button-secondary:hover-white-over,
a.button-secondary:active-white-over,
a.button-secondary:focus-white-over,
a.btn-secondary:hover-white-over,
a.btn-secondary:active-white-over,
a.btn-secondary:focus-white-over,
body .um a.um-button-secondary:hover-white-over,
body .um a.um-button-secondary:active-white-over,
body .um a.um-button-secondary:focus-white-over {
  background-color: #fff;
}
.button-secondary:hover .plus:before, .button-secondary:hover .plus:after, .button-secondary:hover .minus:before, .button-secondary:hover .minus:after, .button-secondary:active .plus:before, .button-secondary:active .plus:after, .button-secondary:active .minus:before, .button-secondary:active .minus:after, .button-secondary:focus .plus:before, .button-secondary:focus .plus:after, .button-secondary:focus .minus:before, .button-secondary:focus .minus:after,
.btn-secondary:hover .plus:before,
.btn-secondary:hover .plus:after,
.btn-secondary:hover .minus:before,
.btn-secondary:hover .minus:after,
.btn-secondary:active .plus:before,
.btn-secondary:active .plus:after,
.btn-secondary:active .minus:before,
.btn-secondary:active .minus:after,
.btn-secondary:focus .plus:before,
.btn-secondary:focus .plus:after,
.btn-secondary:focus .minus:before,
.btn-secondary:focus .minus:after,
a.button-secondary:hover .plus:before,
a.button-secondary:hover .plus:after,
a.button-secondary:hover .minus:before,
a.button-secondary:hover .minus:after,
a.button-secondary:active .plus:before,
a.button-secondary:active .plus:after,
a.button-secondary:active .minus:before,
a.button-secondary:active .minus:after,
a.button-secondary:focus .plus:before,
a.button-secondary:focus .plus:after,
a.button-secondary:focus .minus:before,
a.button-secondary:focus .minus:after,
a.btn-secondary:hover .plus:before,
a.btn-secondary:hover .plus:after,
a.btn-secondary:hover .minus:before,
a.btn-secondary:hover .minus:after,
a.btn-secondary:active .plus:before,
a.btn-secondary:active .plus:after,
a.btn-secondary:active .minus:before,
a.btn-secondary:active .minus:after,
a.btn-secondary:focus .plus:before,
a.btn-secondary:focus .plus:after,
a.btn-secondary:focus .minus:before,
a.btn-secondary:focus .minus:after,
body .um a.um-button-secondary:hover .plus:before,
body .um a.um-button-secondary:hover .plus:after,
body .um a.um-button-secondary:hover .minus:before,
body .um a.um-button-secondary:hover .minus:after,
body .um a.um-button-secondary:active .plus:before,
body .um a.um-button-secondary:active .plus:after,
body .um a.um-button-secondary:active .minus:before,
body .um a.um-button-secondary:active .minus:after,
body .um a.um-button-secondary:focus .plus:before,
body .um a.um-button-secondary:focus .plus:after,
body .um a.um-button-secondary:focus .minus:before,
body .um a.um-button-secondary:focus .minus:after {
  width: 18px;
  background-color: rgb(206, 129, 78);
}
.button-secondary:hover-invert, .button-secondary:hover.invert, .button-secondary:active-invert, .button-secondary:active.invert, .button-secondary:focus-invert, .button-secondary:focus.invert,
.btn-secondary:hover-invert,
.btn-secondary:hover.invert,
.btn-secondary:active-invert,
.btn-secondary:active.invert,
.btn-secondary:focus-invert,
.btn-secondary:focus.invert,
a.button-secondary:hover-invert,
a.button-secondary:hover.invert,
a.button-secondary:active-invert,
a.button-secondary:active.invert,
a.button-secondary:focus-invert,
a.button-secondary:focus.invert,
a.btn-secondary:hover-invert,
a.btn-secondary:hover.invert,
a.btn-secondary:active-invert,
a.btn-secondary:active.invert,
a.btn-secondary:focus-invert,
a.btn-secondary:focus.invert,
body .um a.um-button-secondary:hover-invert,
body .um a.um-button-secondary:hover.invert,
body .um a.um-button-secondary:active-invert,
body .um a.um-button-secondary:active.invert,
body .um a.um-button-secondary:focus-invert,
body .um a.um-button-secondary:focus.invert {
  border-color: #fff;
  color: #fff;
}
.button-secondary:hover-invert .plus:before, .button-secondary:hover-invert .plus:after, .button-secondary:hover-invert .minus:before, .button-secondary:hover-invert .minus:after, .button-secondary:hover.invert .plus:before, .button-secondary:hover.invert .plus:after, .button-secondary:hover.invert .minus:before, .button-secondary:hover.invert .minus:after, .button-secondary:active-invert .plus:before, .button-secondary:active-invert .plus:after, .button-secondary:active-invert .minus:before, .button-secondary:active-invert .minus:after, .button-secondary:active.invert .plus:before, .button-secondary:active.invert .plus:after, .button-secondary:active.invert .minus:before, .button-secondary:active.invert .minus:after, .button-secondary:focus-invert .plus:before, .button-secondary:focus-invert .plus:after, .button-secondary:focus-invert .minus:before, .button-secondary:focus-invert .minus:after, .button-secondary:focus.invert .plus:before, .button-secondary:focus.invert .plus:after, .button-secondary:focus.invert .minus:before, .button-secondary:focus.invert .minus:after,
.btn-secondary:hover-invert .plus:before,
.btn-secondary:hover-invert .plus:after,
.btn-secondary:hover-invert .minus:before,
.btn-secondary:hover-invert .minus:after,
.btn-secondary:hover.invert .plus:before,
.btn-secondary:hover.invert .plus:after,
.btn-secondary:hover.invert .minus:before,
.btn-secondary:hover.invert .minus:after,
.btn-secondary:active-invert .plus:before,
.btn-secondary:active-invert .plus:after,
.btn-secondary:active-invert .minus:before,
.btn-secondary:active-invert .minus:after,
.btn-secondary:active.invert .plus:before,
.btn-secondary:active.invert .plus:after,
.btn-secondary:active.invert .minus:before,
.btn-secondary:active.invert .minus:after,
.btn-secondary:focus-invert .plus:before,
.btn-secondary:focus-invert .plus:after,
.btn-secondary:focus-invert .minus:before,
.btn-secondary:focus-invert .minus:after,
.btn-secondary:focus.invert .plus:before,
.btn-secondary:focus.invert .plus:after,
.btn-secondary:focus.invert .minus:before,
.btn-secondary:focus.invert .minus:after,
a.button-secondary:hover-invert .plus:before,
a.button-secondary:hover-invert .plus:after,
a.button-secondary:hover-invert .minus:before,
a.button-secondary:hover-invert .minus:after,
a.button-secondary:hover.invert .plus:before,
a.button-secondary:hover.invert .plus:after,
a.button-secondary:hover.invert .minus:before,
a.button-secondary:hover.invert .minus:after,
a.button-secondary:active-invert .plus:before,
a.button-secondary:active-invert .plus:after,
a.button-secondary:active-invert .minus:before,
a.button-secondary:active-invert .minus:after,
a.button-secondary:active.invert .plus:before,
a.button-secondary:active.invert .plus:after,
a.button-secondary:active.invert .minus:before,
a.button-secondary:active.invert .minus:after,
a.button-secondary:focus-invert .plus:before,
a.button-secondary:focus-invert .plus:after,
a.button-secondary:focus-invert .minus:before,
a.button-secondary:focus-invert .minus:after,
a.button-secondary:focus.invert .plus:before,
a.button-secondary:focus.invert .plus:after,
a.button-secondary:focus.invert .minus:before,
a.button-secondary:focus.invert .minus:after,
a.btn-secondary:hover-invert .plus:before,
a.btn-secondary:hover-invert .plus:after,
a.btn-secondary:hover-invert .minus:before,
a.btn-secondary:hover-invert .minus:after,
a.btn-secondary:hover.invert .plus:before,
a.btn-secondary:hover.invert .plus:after,
a.btn-secondary:hover.invert .minus:before,
a.btn-secondary:hover.invert .minus:after,
a.btn-secondary:active-invert .plus:before,
a.btn-secondary:active-invert .plus:after,
a.btn-secondary:active-invert .minus:before,
a.btn-secondary:active-invert .minus:after,
a.btn-secondary:active.invert .plus:before,
a.btn-secondary:active.invert .plus:after,
a.btn-secondary:active.invert .minus:before,
a.btn-secondary:active.invert .minus:after,
a.btn-secondary:focus-invert .plus:before,
a.btn-secondary:focus-invert .plus:after,
a.btn-secondary:focus-invert .minus:before,
a.btn-secondary:focus-invert .minus:after,
a.btn-secondary:focus.invert .plus:before,
a.btn-secondary:focus.invert .plus:after,
a.btn-secondary:focus.invert .minus:before,
a.btn-secondary:focus.invert .minus:after,
body .um a.um-button-secondary:hover-invert .plus:before,
body .um a.um-button-secondary:hover-invert .plus:after,
body .um a.um-button-secondary:hover-invert .minus:before,
body .um a.um-button-secondary:hover-invert .minus:after,
body .um a.um-button-secondary:hover.invert .plus:before,
body .um a.um-button-secondary:hover.invert .plus:after,
body .um a.um-button-secondary:hover.invert .minus:before,
body .um a.um-button-secondary:hover.invert .minus:after,
body .um a.um-button-secondary:active-invert .plus:before,
body .um a.um-button-secondary:active-invert .plus:after,
body .um a.um-button-secondary:active-invert .minus:before,
body .um a.um-button-secondary:active-invert .minus:after,
body .um a.um-button-secondary:active.invert .plus:before,
body .um a.um-button-secondary:active.invert .plus:after,
body .um a.um-button-secondary:active.invert .minus:before,
body .um a.um-button-secondary:active.invert .minus:after,
body .um a.um-button-secondary:focus-invert .plus:before,
body .um a.um-button-secondary:focus-invert .plus:after,
body .um a.um-button-secondary:focus-invert .minus:before,
body .um a.um-button-secondary:focus-invert .minus:after,
body .um a.um-button-secondary:focus.invert .plus:before,
body .um a.um-button-secondary:focus.invert .plus:after,
body .um a.um-button-secondary:focus.invert .minus:before,
body .um a.um-button-secondary:focus.invert .minus:after {
  background-color: #fff;
}
.button-secondary-small, .button-secondary.button-small, .button-secondary.btn-small,
.btn-secondary-small,
.btn-secondary.button-small,
.btn-secondary.btn-small,
a.button-secondary-small,
a.button-secondary.button-small,
a.button-secondary.btn-small,
a.btn-secondary-small,
a.btn-secondary.button-small,
a.btn-secondary.btn-small,
body .um a.um-button-secondary-small,
body .um a.um-button-secondary.button-small,
body .um a.um-button-secondary.btn-small {
  min-width: 43px;
}
.button-secondary[disabled],
.btn-secondary[disabled],
a.button-secondary[disabled],
a.btn-secondary[disabled],
body .um a.um-button-secondary[disabled] {
  filter: grayscale(1);
  cursor: not-allowed;
}
.button-secondary[disabled] .plus, .button-secondary[disabled] .minus,
.btn-secondary[disabled] .plus,
.btn-secondary[disabled] .minus,
a.button-secondary[disabled] .plus,
a.button-secondary[disabled] .minus,
a.btn-secondary[disabled] .plus,
a.btn-secondary[disabled] .minus,
body .um a.um-button-secondary[disabled] .plus,
body .um a.um-button-secondary[disabled] .minus {
  position: relative;
  width: auto;
  height: auto;
  display: inline-block;
  font-family: "Font Awesome 7 Free";
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: 1.25em;
}
.button-secondary[disabled] .plus:before, .button-secondary[disabled] .plus:after, .button-secondary[disabled] .minus:before, .button-secondary[disabled] .minus:after,
.btn-secondary[disabled] .plus:before,
.btn-secondary[disabled] .plus:after,
.btn-secondary[disabled] .minus:before,
.btn-secondary[disabled] .minus:after,
a.button-secondary[disabled] .plus:before,
a.button-secondary[disabled] .plus:after,
a.button-secondary[disabled] .minus:before,
a.button-secondary[disabled] .minus:after,
a.btn-secondary[disabled] .plus:before,
a.btn-secondary[disabled] .plus:after,
a.btn-secondary[disabled] .minus:before,
a.btn-secondary[disabled] .minus:after,
body .um a.um-button-secondary[disabled] .plus:before,
body .um a.um-button-secondary[disabled] .plus:after,
body .um a.um-button-secondary[disabled] .minus:before,
body .um a.um-button-secondary[disabled] .minus:after {
  background-color: transparent;
  width: auto;
  height: auto;
  border-radius: auto;
  position: initial;
  transform: translate(0, 0);
  transition: all 0.3s ease-in-out;
}
.button-secondary[disabled] .plus:before, .button-secondary[disabled] .minus:before,
.btn-secondary[disabled] .plus:before,
.btn-secondary[disabled] .minus:before,
a.button-secondary[disabled] .plus:before,
a.button-secondary[disabled] .minus:before,
a.btn-secondary[disabled] .plus:before,
a.btn-secondary[disabled] .minus:before,
body .um a.um-button-secondary[disabled] .plus:before,
body .um a.um-button-secondary[disabled] .minus:before {
  content: "\f023";
}
.button-secondary[disabled] .plus:after, .button-secondary[disabled] .minus:after,
.btn-secondary[disabled] .plus:after,
.btn-secondary[disabled] .minus:after,
a.button-secondary[disabled] .plus:after,
a.button-secondary[disabled] .minus:after,
a.btn-secondary[disabled] .plus:after,
a.btn-secondary[disabled] .minus:after,
body .um a.um-button-secondary[disabled] .plus:after,
body .um a.um-button-secondary[disabled] .minus:after {
  display: none;
}
.button-tertiary,
.btn-tertiary,
a.button-tertiary,
a.btn-tertiary,
body .um a.um-button-tertiary {
  border: 1px solid #ffde59;
  background: #ffde59;
  overflow: hidden;
  color: rgb(206, 129, 78);
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 4px;
  min-height: 43px;
  min-width: 200px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1ch;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
}
.button-tertiary .plus, .button-tertiary .minus,
.btn-tertiary .plus,
.btn-tertiary .minus,
a.button-tertiary .plus,
a.button-tertiary .minus,
a.btn-tertiary .plus,
a.btn-tertiary .minus,
body .um a.um-button-tertiary .plus,
body .um a.um-button-tertiary .minus {
  position: relative;
  width: 23px;
  height: 23px;
}
.button-tertiary .plus:before, .button-tertiary .plus:after, .button-tertiary .minus:before, .button-tertiary .minus:after,
.btn-tertiary .plus:before,
.btn-tertiary .plus:after,
.btn-tertiary .minus:before,
.btn-tertiary .minus:after,
a.button-tertiary .plus:before,
a.button-tertiary .plus:after,
a.button-tertiary .minus:before,
a.button-tertiary .minus:after,
a.btn-tertiary .plus:before,
a.btn-tertiary .plus:after,
a.btn-tertiary .minus:before,
a.btn-tertiary .minus:after,
body .um a.um-button-tertiary .plus:before,
body .um a.um-button-tertiary .plus:after,
body .um a.um-button-tertiary .minus:before,
body .um a.um-button-tertiary .minus:after {
  content: "";
  width: 23px;
  height: 3px;
  border-radius: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgb(206, 129, 78);
  transform-origin: 50% 50%;
  transition: all 0.3s ease-in-out;
}
.button-tertiary .plus:after, .button-tertiary .minus:after,
.btn-tertiary .plus:after,
.btn-tertiary .minus:after,
a.button-tertiary .plus:after,
a.button-tertiary .minus:after,
a.btn-tertiary .plus:after,
a.btn-tertiary .minus:after,
body .um a.um-button-tertiary .plus:after,
body .um a.um-button-tertiary .minus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.button-tertiary .minus:after,
.btn-tertiary .minus:after,
a.button-tertiary .minus:after,
a.btn-tertiary .minus:after,
body .um a.um-button-tertiary .minus:after {
  display: none;
}
.button-tertiary-invert, .button-tertiary-selected, .button-tertiary.invert, .button-tertiary.selected,
.btn-tertiary-invert,
.btn-tertiary-selected,
.btn-tertiary.invert,
.btn-tertiary.selected,
a.button-tertiary-invert,
a.button-tertiary-selected,
a.button-tertiary.invert,
a.button-tertiary.selected,
a.btn-tertiary-invert,
a.btn-tertiary-selected,
a.btn-tertiary.invert,
a.btn-tertiary.selected,
body .um a.um-button-tertiary-invert,
body .um a.um-button-tertiary-selected,
body .um a.um-button-tertiary.invert,
body .um a.um-button-tertiary.selected {
  border-color: #ffde59;
  background: rgb(206, 129, 78);
  color: #ffde59;
}
.button-tertiary-invert .plus:before, .button-tertiary-invert .plus:after, .button-tertiary-invert .minus:before, .button-tertiary-invert .minus:after, .button-tertiary-selected .plus:before, .button-tertiary-selected .plus:after, .button-tertiary-selected .minus:before, .button-tertiary-selected .minus:after, .button-tertiary.invert .plus:before, .button-tertiary.invert .plus:after, .button-tertiary.invert .minus:before, .button-tertiary.invert .minus:after, .button-tertiary.selected .plus:before, .button-tertiary.selected .plus:after, .button-tertiary.selected .minus:before, .button-tertiary.selected .minus:after,
.btn-tertiary-invert .plus:before,
.btn-tertiary-invert .plus:after,
.btn-tertiary-invert .minus:before,
.btn-tertiary-invert .minus:after,
.btn-tertiary-selected .plus:before,
.btn-tertiary-selected .plus:after,
.btn-tertiary-selected .minus:before,
.btn-tertiary-selected .minus:after,
.btn-tertiary.invert .plus:before,
.btn-tertiary.invert .plus:after,
.btn-tertiary.invert .minus:before,
.btn-tertiary.invert .minus:after,
.btn-tertiary.selected .plus:before,
.btn-tertiary.selected .plus:after,
.btn-tertiary.selected .minus:before,
.btn-tertiary.selected .minus:after,
a.button-tertiary-invert .plus:before,
a.button-tertiary-invert .plus:after,
a.button-tertiary-invert .minus:before,
a.button-tertiary-invert .minus:after,
a.button-tertiary-selected .plus:before,
a.button-tertiary-selected .plus:after,
a.button-tertiary-selected .minus:before,
a.button-tertiary-selected .minus:after,
a.button-tertiary.invert .plus:before,
a.button-tertiary.invert .plus:after,
a.button-tertiary.invert .minus:before,
a.button-tertiary.invert .minus:after,
a.button-tertiary.selected .plus:before,
a.button-tertiary.selected .plus:after,
a.button-tertiary.selected .minus:before,
a.button-tertiary.selected .minus:after,
a.btn-tertiary-invert .plus:before,
a.btn-tertiary-invert .plus:after,
a.btn-tertiary-invert .minus:before,
a.btn-tertiary-invert .minus:after,
a.btn-tertiary-selected .plus:before,
a.btn-tertiary-selected .plus:after,
a.btn-tertiary-selected .minus:before,
a.btn-tertiary-selected .minus:after,
a.btn-tertiary.invert .plus:before,
a.btn-tertiary.invert .plus:after,
a.btn-tertiary.invert .minus:before,
a.btn-tertiary.invert .minus:after,
a.btn-tertiary.selected .plus:before,
a.btn-tertiary.selected .plus:after,
a.btn-tertiary.selected .minus:before,
a.btn-tertiary.selected .minus:after,
body .um a.um-button-tertiary-invert .plus:before,
body .um a.um-button-tertiary-invert .plus:after,
body .um a.um-button-tertiary-invert .minus:before,
body .um a.um-button-tertiary-invert .minus:after,
body .um a.um-button-tertiary-selected .plus:before,
body .um a.um-button-tertiary-selected .plus:after,
body .um a.um-button-tertiary-selected .minus:before,
body .um a.um-button-tertiary-selected .minus:after,
body .um a.um-button-tertiary.invert .plus:before,
body .um a.um-button-tertiary.invert .plus:after,
body .um a.um-button-tertiary.invert .minus:before,
body .um a.um-button-tertiary.invert .minus:after,
body .um a.um-button-tertiary.selected .plus:before,
body .um a.um-button-tertiary.selected .plus:after,
body .um a.um-button-tertiary.selected .minus:before,
body .um a.um-button-tertiary.selected .minus:after {
  background-color: #ffde59;
}
.button-tertiary:hover, .button-tertiary:active, .button-tertiary:focus,
.btn-tertiary:hover,
.btn-tertiary:active,
.btn-tertiary:focus,
a.button-tertiary:hover,
a.button-tertiary:active,
a.button-tertiary:focus,
a.btn-tertiary:hover,
a.btn-tertiary:active,
a.btn-tertiary:focus,
body .um a.um-button-tertiary:hover,
body .um a.um-button-tertiary:active,
body .um a.um-button-tertiary:focus {
  background-color: transparent;
  color: rgb(206, 129, 78);
  gap: 2ch;
}
.button-tertiary:hover-white-over, .button-tertiary:active-white-over, .button-tertiary:focus-white-over,
.btn-tertiary:hover-white-over,
.btn-tertiary:active-white-over,
.btn-tertiary:focus-white-over,
a.button-tertiary:hover-white-over,
a.button-tertiary:active-white-over,
a.button-tertiary:focus-white-over,
a.btn-tertiary:hover-white-over,
a.btn-tertiary:active-white-over,
a.btn-tertiary:focus-white-over,
body .um a.um-button-tertiary:hover-white-over,
body .um a.um-button-tertiary:active-white-over,
body .um a.um-button-tertiary:focus-white-over {
  background-color: #fff;
}
.button-tertiary:hover .plus:before, .button-tertiary:hover .plus:after, .button-tertiary:hover .minus:before, .button-tertiary:hover .minus:after, .button-tertiary:active .plus:before, .button-tertiary:active .plus:after, .button-tertiary:active .minus:before, .button-tertiary:active .minus:after, .button-tertiary:focus .plus:before, .button-tertiary:focus .plus:after, .button-tertiary:focus .minus:before, .button-tertiary:focus .minus:after,
.btn-tertiary:hover .plus:before,
.btn-tertiary:hover .plus:after,
.btn-tertiary:hover .minus:before,
.btn-tertiary:hover .minus:after,
.btn-tertiary:active .plus:before,
.btn-tertiary:active .plus:after,
.btn-tertiary:active .minus:before,
.btn-tertiary:active .minus:after,
.btn-tertiary:focus .plus:before,
.btn-tertiary:focus .plus:after,
.btn-tertiary:focus .minus:before,
.btn-tertiary:focus .minus:after,
a.button-tertiary:hover .plus:before,
a.button-tertiary:hover .plus:after,
a.button-tertiary:hover .minus:before,
a.button-tertiary:hover .minus:after,
a.button-tertiary:active .plus:before,
a.button-tertiary:active .plus:after,
a.button-tertiary:active .minus:before,
a.button-tertiary:active .minus:after,
a.button-tertiary:focus .plus:before,
a.button-tertiary:focus .plus:after,
a.button-tertiary:focus .minus:before,
a.button-tertiary:focus .minus:after,
a.btn-tertiary:hover .plus:before,
a.btn-tertiary:hover .plus:after,
a.btn-tertiary:hover .minus:before,
a.btn-tertiary:hover .minus:after,
a.btn-tertiary:active .plus:before,
a.btn-tertiary:active .plus:after,
a.btn-tertiary:active .minus:before,
a.btn-tertiary:active .minus:after,
a.btn-tertiary:focus .plus:before,
a.btn-tertiary:focus .plus:after,
a.btn-tertiary:focus .minus:before,
a.btn-tertiary:focus .minus:after,
body .um a.um-button-tertiary:hover .plus:before,
body .um a.um-button-tertiary:hover .plus:after,
body .um a.um-button-tertiary:hover .minus:before,
body .um a.um-button-tertiary:hover .minus:after,
body .um a.um-button-tertiary:active .plus:before,
body .um a.um-button-tertiary:active .plus:after,
body .um a.um-button-tertiary:active .minus:before,
body .um a.um-button-tertiary:active .minus:after,
body .um a.um-button-tertiary:focus .plus:before,
body .um a.um-button-tertiary:focus .plus:after,
body .um a.um-button-tertiary:focus .minus:before,
body .um a.um-button-tertiary:focus .minus:after {
  width: 18px;
  background-color: rgb(206, 129, 78);
}
.button-tertiary:hover-invert, .button-tertiary:hover.invert, .button-tertiary:active-invert, .button-tertiary:active.invert, .button-tertiary:focus-invert, .button-tertiary:focus.invert,
.btn-tertiary:hover-invert,
.btn-tertiary:hover.invert,
.btn-tertiary:active-invert,
.btn-tertiary:active.invert,
.btn-tertiary:focus-invert,
.btn-tertiary:focus.invert,
a.button-tertiary:hover-invert,
a.button-tertiary:hover.invert,
a.button-tertiary:active-invert,
a.button-tertiary:active.invert,
a.button-tertiary:focus-invert,
a.button-tertiary:focus.invert,
a.btn-tertiary:hover-invert,
a.btn-tertiary:hover.invert,
a.btn-tertiary:active-invert,
a.btn-tertiary:active.invert,
a.btn-tertiary:focus-invert,
a.btn-tertiary:focus.invert,
body .um a.um-button-tertiary:hover-invert,
body .um a.um-button-tertiary:hover.invert,
body .um a.um-button-tertiary:active-invert,
body .um a.um-button-tertiary:active.invert,
body .um a.um-button-tertiary:focus-invert,
body .um a.um-button-tertiary:focus.invert {
  border-color: rgb(206, 129, 78);
  color: rgb(206, 129, 78);
}
.button-tertiary:hover-invert .plus:before, .button-tertiary:hover-invert .plus:after, .button-tertiary:hover-invert .minus:before, .button-tertiary:hover-invert .minus:after, .button-tertiary:hover.invert .plus:before, .button-tertiary:hover.invert .plus:after, .button-tertiary:hover.invert .minus:before, .button-tertiary:hover.invert .minus:after, .button-tertiary:active-invert .plus:before, .button-tertiary:active-invert .plus:after, .button-tertiary:active-invert .minus:before, .button-tertiary:active-invert .minus:after, .button-tertiary:active.invert .plus:before, .button-tertiary:active.invert .plus:after, .button-tertiary:active.invert .minus:before, .button-tertiary:active.invert .minus:after, .button-tertiary:focus-invert .plus:before, .button-tertiary:focus-invert .plus:after, .button-tertiary:focus-invert .minus:before, .button-tertiary:focus-invert .minus:after, .button-tertiary:focus.invert .plus:before, .button-tertiary:focus.invert .plus:after, .button-tertiary:focus.invert .minus:before, .button-tertiary:focus.invert .minus:after,
.btn-tertiary:hover-invert .plus:before,
.btn-tertiary:hover-invert .plus:after,
.btn-tertiary:hover-invert .minus:before,
.btn-tertiary:hover-invert .minus:after,
.btn-tertiary:hover.invert .plus:before,
.btn-tertiary:hover.invert .plus:after,
.btn-tertiary:hover.invert .minus:before,
.btn-tertiary:hover.invert .minus:after,
.btn-tertiary:active-invert .plus:before,
.btn-tertiary:active-invert .plus:after,
.btn-tertiary:active-invert .minus:before,
.btn-tertiary:active-invert .minus:after,
.btn-tertiary:active.invert .plus:before,
.btn-tertiary:active.invert .plus:after,
.btn-tertiary:active.invert .minus:before,
.btn-tertiary:active.invert .minus:after,
.btn-tertiary:focus-invert .plus:before,
.btn-tertiary:focus-invert .plus:after,
.btn-tertiary:focus-invert .minus:before,
.btn-tertiary:focus-invert .minus:after,
.btn-tertiary:focus.invert .plus:before,
.btn-tertiary:focus.invert .plus:after,
.btn-tertiary:focus.invert .minus:before,
.btn-tertiary:focus.invert .minus:after,
a.button-tertiary:hover-invert .plus:before,
a.button-tertiary:hover-invert .plus:after,
a.button-tertiary:hover-invert .minus:before,
a.button-tertiary:hover-invert .minus:after,
a.button-tertiary:hover.invert .plus:before,
a.button-tertiary:hover.invert .plus:after,
a.button-tertiary:hover.invert .minus:before,
a.button-tertiary:hover.invert .minus:after,
a.button-tertiary:active-invert .plus:before,
a.button-tertiary:active-invert .plus:after,
a.button-tertiary:active-invert .minus:before,
a.button-tertiary:active-invert .minus:after,
a.button-tertiary:active.invert .plus:before,
a.button-tertiary:active.invert .plus:after,
a.button-tertiary:active.invert .minus:before,
a.button-tertiary:active.invert .minus:after,
a.button-tertiary:focus-invert .plus:before,
a.button-tertiary:focus-invert .plus:after,
a.button-tertiary:focus-invert .minus:before,
a.button-tertiary:focus-invert .minus:after,
a.button-tertiary:focus.invert .plus:before,
a.button-tertiary:focus.invert .plus:after,
a.button-tertiary:focus.invert .minus:before,
a.button-tertiary:focus.invert .minus:after,
a.btn-tertiary:hover-invert .plus:before,
a.btn-tertiary:hover-invert .plus:after,
a.btn-tertiary:hover-invert .minus:before,
a.btn-tertiary:hover-invert .minus:after,
a.btn-tertiary:hover.invert .plus:before,
a.btn-tertiary:hover.invert .plus:after,
a.btn-tertiary:hover.invert .minus:before,
a.btn-tertiary:hover.invert .minus:after,
a.btn-tertiary:active-invert .plus:before,
a.btn-tertiary:active-invert .plus:after,
a.btn-tertiary:active-invert .minus:before,
a.btn-tertiary:active-invert .minus:after,
a.btn-tertiary:active.invert .plus:before,
a.btn-tertiary:active.invert .plus:after,
a.btn-tertiary:active.invert .minus:before,
a.btn-tertiary:active.invert .minus:after,
a.btn-tertiary:focus-invert .plus:before,
a.btn-tertiary:focus-invert .plus:after,
a.btn-tertiary:focus-invert .minus:before,
a.btn-tertiary:focus-invert .minus:after,
a.btn-tertiary:focus.invert .plus:before,
a.btn-tertiary:focus.invert .plus:after,
a.btn-tertiary:focus.invert .minus:before,
a.btn-tertiary:focus.invert .minus:after,
body .um a.um-button-tertiary:hover-invert .plus:before,
body .um a.um-button-tertiary:hover-invert .plus:after,
body .um a.um-button-tertiary:hover-invert .minus:before,
body .um a.um-button-tertiary:hover-invert .minus:after,
body .um a.um-button-tertiary:hover.invert .plus:before,
body .um a.um-button-tertiary:hover.invert .plus:after,
body .um a.um-button-tertiary:hover.invert .minus:before,
body .um a.um-button-tertiary:hover.invert .minus:after,
body .um a.um-button-tertiary:active-invert .plus:before,
body .um a.um-button-tertiary:active-invert .plus:after,
body .um a.um-button-tertiary:active-invert .minus:before,
body .um a.um-button-tertiary:active-invert .minus:after,
body .um a.um-button-tertiary:active.invert .plus:before,
body .um a.um-button-tertiary:active.invert .plus:after,
body .um a.um-button-tertiary:active.invert .minus:before,
body .um a.um-button-tertiary:active.invert .minus:after,
body .um a.um-button-tertiary:focus-invert .plus:before,
body .um a.um-button-tertiary:focus-invert .plus:after,
body .um a.um-button-tertiary:focus-invert .minus:before,
body .um a.um-button-tertiary:focus-invert .minus:after,
body .um a.um-button-tertiary:focus.invert .plus:before,
body .um a.um-button-tertiary:focus.invert .plus:after,
body .um a.um-button-tertiary:focus.invert .minus:before,
body .um a.um-button-tertiary:focus.invert .minus:after {
  background-color: rgb(206, 129, 78);
}
.button-tertiary-small, .button-tertiary.button-small, .button-tertiary.btn-small,
.btn-tertiary-small,
.btn-tertiary.button-small,
.btn-tertiary.btn-small,
a.button-tertiary-small,
a.button-tertiary.button-small,
a.button-tertiary.btn-small,
a.btn-tertiary-small,
a.btn-tertiary.button-small,
a.btn-tertiary.btn-small,
body .um a.um-button-tertiary-small,
body .um a.um-button-tertiary.button-small,
body .um a.um-button-tertiary.btn-small {
  min-width: 43px;
}
.button-tertiary[disabled],
.btn-tertiary[disabled],
a.button-tertiary[disabled],
a.btn-tertiary[disabled],
body .um a.um-button-tertiary[disabled] {
  filter: grayscale(1);
  cursor: not-allowed;
}
.button-tertiary[disabled] .plus, .button-tertiary[disabled] .minus,
.btn-tertiary[disabled] .plus,
.btn-tertiary[disabled] .minus,
a.button-tertiary[disabled] .plus,
a.button-tertiary[disabled] .minus,
a.btn-tertiary[disabled] .plus,
a.btn-tertiary[disabled] .minus,
body .um a.um-button-tertiary[disabled] .plus,
body .um a.um-button-tertiary[disabled] .minus {
  position: relative;
  width: auto;
  height: auto;
  display: inline-block;
  font-family: "Font Awesome 7 Free";
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: 1.25em;
}
.button-tertiary[disabled] .plus:before, .button-tertiary[disabled] .plus:after, .button-tertiary[disabled] .minus:before, .button-tertiary[disabled] .minus:after,
.btn-tertiary[disabled] .plus:before,
.btn-tertiary[disabled] .plus:after,
.btn-tertiary[disabled] .minus:before,
.btn-tertiary[disabled] .minus:after,
a.button-tertiary[disabled] .plus:before,
a.button-tertiary[disabled] .plus:after,
a.button-tertiary[disabled] .minus:before,
a.button-tertiary[disabled] .minus:after,
a.btn-tertiary[disabled] .plus:before,
a.btn-tertiary[disabled] .plus:after,
a.btn-tertiary[disabled] .minus:before,
a.btn-tertiary[disabled] .minus:after,
body .um a.um-button-tertiary[disabled] .plus:before,
body .um a.um-button-tertiary[disabled] .plus:after,
body .um a.um-button-tertiary[disabled] .minus:before,
body .um a.um-button-tertiary[disabled] .minus:after {
  background-color: transparent;
  width: auto;
  height: auto;
  border-radius: auto;
  position: initial;
  transform: translate(0, 0);
  transition: all 0.3s ease-in-out;
}
.button-tertiary[disabled] .plus:before, .button-tertiary[disabled] .minus:before,
.btn-tertiary[disabled] .plus:before,
.btn-tertiary[disabled] .minus:before,
a.button-tertiary[disabled] .plus:before,
a.button-tertiary[disabled] .minus:before,
a.btn-tertiary[disabled] .plus:before,
a.btn-tertiary[disabled] .minus:before,
body .um a.um-button-tertiary[disabled] .plus:before,
body .um a.um-button-tertiary[disabled] .minus:before {
  content: "\f023";
}
.button-tertiary[disabled] .plus:after, .button-tertiary[disabled] .minus:after,
.btn-tertiary[disabled] .plus:after,
.btn-tertiary[disabled] .minus:after,
a.button-tertiary[disabled] .plus:after,
a.button-tertiary[disabled] .minus:after,
a.btn-tertiary[disabled] .plus:after,
a.btn-tertiary[disabled] .minus:after,
body .um a.um-button-tertiary[disabled] .plus:after,
body .um a.um-button-tertiary[disabled] .minus:after {
  display: none;
}
.button-danger,
.btn-danger,
a.button-danger,
a.btn-danger,
body .um a.um-button-danger {
  border: 1px solid #c61c42;
  background: #c61c42;
  overflow: hidden;
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 4px;
  min-height: 43px;
  min-width: 200px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1ch;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
}
.button-danger .plus, .button-danger .minus,
.btn-danger .plus,
.btn-danger .minus,
a.button-danger .plus,
a.button-danger .minus,
a.btn-danger .plus,
a.btn-danger .minus,
body .um a.um-button-danger .plus,
body .um a.um-button-danger .minus {
  position: relative;
  width: 23px;
  height: 23px;
}
.button-danger .plus:before, .button-danger .plus:after, .button-danger .minus:before, .button-danger .minus:after,
.btn-danger .plus:before,
.btn-danger .plus:after,
.btn-danger .minus:before,
.btn-danger .minus:after,
a.button-danger .plus:before,
a.button-danger .plus:after,
a.button-danger .minus:before,
a.button-danger .minus:after,
a.btn-danger .plus:before,
a.btn-danger .plus:after,
a.btn-danger .minus:before,
a.btn-danger .minus:after,
body .um a.um-button-danger .plus:before,
body .um a.um-button-danger .plus:after,
body .um a.um-button-danger .minus:before,
body .um a.um-button-danger .minus:after {
  content: "";
  width: 23px;
  height: 3px;
  border-radius: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  transform-origin: 50% 50%;
  transition: all 0.3s ease-in-out;
}
.button-danger .plus:after, .button-danger .minus:after,
.btn-danger .plus:after,
.btn-danger .minus:after,
a.button-danger .plus:after,
a.button-danger .minus:after,
a.btn-danger .plus:after,
a.btn-danger .minus:after,
body .um a.um-button-danger .plus:after,
body .um a.um-button-danger .minus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.button-danger .minus:after,
.btn-danger .minus:after,
a.button-danger .minus:after,
a.btn-danger .minus:after,
body .um a.um-button-danger .minus:after {
  display: none;
}
.button-danger-invert, .button-danger-selected, .button-danger.invert, .button-danger.selected,
.btn-danger-invert,
.btn-danger-selected,
.btn-danger.invert,
.btn-danger.selected,
a.button-danger-invert,
a.button-danger-selected,
a.button-danger.invert,
a.button-danger.selected,
a.btn-danger-invert,
a.btn-danger-selected,
a.btn-danger.invert,
a.btn-danger.selected,
body .um a.um-button-danger-invert,
body .um a.um-button-danger-selected,
body .um a.um-button-danger.invert,
body .um a.um-button-danger.selected {
  border-color: #c61c42;
  background: #fff;
  color: #c61c42;
}
.button-danger-invert .plus:before, .button-danger-invert .plus:after, .button-danger-invert .minus:before, .button-danger-invert .minus:after, .button-danger-selected .plus:before, .button-danger-selected .plus:after, .button-danger-selected .minus:before, .button-danger-selected .minus:after, .button-danger.invert .plus:before, .button-danger.invert .plus:after, .button-danger.invert .minus:before, .button-danger.invert .minus:after, .button-danger.selected .plus:before, .button-danger.selected .plus:after, .button-danger.selected .minus:before, .button-danger.selected .minus:after,
.btn-danger-invert .plus:before,
.btn-danger-invert .plus:after,
.btn-danger-invert .minus:before,
.btn-danger-invert .minus:after,
.btn-danger-selected .plus:before,
.btn-danger-selected .plus:after,
.btn-danger-selected .minus:before,
.btn-danger-selected .minus:after,
.btn-danger.invert .plus:before,
.btn-danger.invert .plus:after,
.btn-danger.invert .minus:before,
.btn-danger.invert .minus:after,
.btn-danger.selected .plus:before,
.btn-danger.selected .plus:after,
.btn-danger.selected .minus:before,
.btn-danger.selected .minus:after,
a.button-danger-invert .plus:before,
a.button-danger-invert .plus:after,
a.button-danger-invert .minus:before,
a.button-danger-invert .minus:after,
a.button-danger-selected .plus:before,
a.button-danger-selected .plus:after,
a.button-danger-selected .minus:before,
a.button-danger-selected .minus:after,
a.button-danger.invert .plus:before,
a.button-danger.invert .plus:after,
a.button-danger.invert .minus:before,
a.button-danger.invert .minus:after,
a.button-danger.selected .plus:before,
a.button-danger.selected .plus:after,
a.button-danger.selected .minus:before,
a.button-danger.selected .minus:after,
a.btn-danger-invert .plus:before,
a.btn-danger-invert .plus:after,
a.btn-danger-invert .minus:before,
a.btn-danger-invert .minus:after,
a.btn-danger-selected .plus:before,
a.btn-danger-selected .plus:after,
a.btn-danger-selected .minus:before,
a.btn-danger-selected .minus:after,
a.btn-danger.invert .plus:before,
a.btn-danger.invert .plus:after,
a.btn-danger.invert .minus:before,
a.btn-danger.invert .minus:after,
a.btn-danger.selected .plus:before,
a.btn-danger.selected .plus:after,
a.btn-danger.selected .minus:before,
a.btn-danger.selected .minus:after,
body .um a.um-button-danger-invert .plus:before,
body .um a.um-button-danger-invert .plus:after,
body .um a.um-button-danger-invert .minus:before,
body .um a.um-button-danger-invert .minus:after,
body .um a.um-button-danger-selected .plus:before,
body .um a.um-button-danger-selected .plus:after,
body .um a.um-button-danger-selected .minus:before,
body .um a.um-button-danger-selected .minus:after,
body .um a.um-button-danger.invert .plus:before,
body .um a.um-button-danger.invert .plus:after,
body .um a.um-button-danger.invert .minus:before,
body .um a.um-button-danger.invert .minus:after,
body .um a.um-button-danger.selected .plus:before,
body .um a.um-button-danger.selected .plus:after,
body .um a.um-button-danger.selected .minus:before,
body .um a.um-button-danger.selected .minus:after {
  background-color: #c61c42;
}
.button-danger:hover, .button-danger:active, .button-danger:focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus,
a.button-danger:hover,
a.button-danger:active,
a.button-danger:focus,
a.btn-danger:hover,
a.btn-danger:active,
a.btn-danger:focus,
body .um a.um-button-danger:hover,
body .um a.um-button-danger:active,
body .um a.um-button-danger:focus {
  background-color: transparent;
  color: #c61c42;
  gap: 2ch;
}
.button-danger:hover-white-over, .button-danger:active-white-over, .button-danger:focus-white-over,
.btn-danger:hover-white-over,
.btn-danger:active-white-over,
.btn-danger:focus-white-over,
a.button-danger:hover-white-over,
a.button-danger:active-white-over,
a.button-danger:focus-white-over,
a.btn-danger:hover-white-over,
a.btn-danger:active-white-over,
a.btn-danger:focus-white-over,
body .um a.um-button-danger:hover-white-over,
body .um a.um-button-danger:active-white-over,
body .um a.um-button-danger:focus-white-over {
  background-color: #fff;
}
.button-danger:hover .plus:before, .button-danger:hover .plus:after, .button-danger:hover .minus:before, .button-danger:hover .minus:after, .button-danger:active .plus:before, .button-danger:active .plus:after, .button-danger:active .minus:before, .button-danger:active .minus:after, .button-danger:focus .plus:before, .button-danger:focus .plus:after, .button-danger:focus .minus:before, .button-danger:focus .minus:after,
.btn-danger:hover .plus:before,
.btn-danger:hover .plus:after,
.btn-danger:hover .minus:before,
.btn-danger:hover .minus:after,
.btn-danger:active .plus:before,
.btn-danger:active .plus:after,
.btn-danger:active .minus:before,
.btn-danger:active .minus:after,
.btn-danger:focus .plus:before,
.btn-danger:focus .plus:after,
.btn-danger:focus .minus:before,
.btn-danger:focus .minus:after,
a.button-danger:hover .plus:before,
a.button-danger:hover .plus:after,
a.button-danger:hover .minus:before,
a.button-danger:hover .minus:after,
a.button-danger:active .plus:before,
a.button-danger:active .plus:after,
a.button-danger:active .minus:before,
a.button-danger:active .minus:after,
a.button-danger:focus .plus:before,
a.button-danger:focus .plus:after,
a.button-danger:focus .minus:before,
a.button-danger:focus .minus:after,
a.btn-danger:hover .plus:before,
a.btn-danger:hover .plus:after,
a.btn-danger:hover .minus:before,
a.btn-danger:hover .minus:after,
a.btn-danger:active .plus:before,
a.btn-danger:active .plus:after,
a.btn-danger:active .minus:before,
a.btn-danger:active .minus:after,
a.btn-danger:focus .plus:before,
a.btn-danger:focus .plus:after,
a.btn-danger:focus .minus:before,
a.btn-danger:focus .minus:after,
body .um a.um-button-danger:hover .plus:before,
body .um a.um-button-danger:hover .plus:after,
body .um a.um-button-danger:hover .minus:before,
body .um a.um-button-danger:hover .minus:after,
body .um a.um-button-danger:active .plus:before,
body .um a.um-button-danger:active .plus:after,
body .um a.um-button-danger:active .minus:before,
body .um a.um-button-danger:active .minus:after,
body .um a.um-button-danger:focus .plus:before,
body .um a.um-button-danger:focus .plus:after,
body .um a.um-button-danger:focus .minus:before,
body .um a.um-button-danger:focus .minus:after {
  width: 18px;
  background-color: #c61c42;
}
.button-danger:hover-invert, .button-danger:hover.invert, .button-danger:active-invert, .button-danger:active.invert, .button-danger:focus-invert, .button-danger:focus.invert,
.btn-danger:hover-invert,
.btn-danger:hover.invert,
.btn-danger:active-invert,
.btn-danger:active.invert,
.btn-danger:focus-invert,
.btn-danger:focus.invert,
a.button-danger:hover-invert,
a.button-danger:hover.invert,
a.button-danger:active-invert,
a.button-danger:active.invert,
a.button-danger:focus-invert,
a.button-danger:focus.invert,
a.btn-danger:hover-invert,
a.btn-danger:hover.invert,
a.btn-danger:active-invert,
a.btn-danger:active.invert,
a.btn-danger:focus-invert,
a.btn-danger:focus.invert,
body .um a.um-button-danger:hover-invert,
body .um a.um-button-danger:hover.invert,
body .um a.um-button-danger:active-invert,
body .um a.um-button-danger:active.invert,
body .um a.um-button-danger:focus-invert,
body .um a.um-button-danger:focus.invert {
  border-color: #fff;
  color: #fff;
}
.button-danger:hover-invert .plus:before, .button-danger:hover-invert .plus:after, .button-danger:hover-invert .minus:before, .button-danger:hover-invert .minus:after, .button-danger:hover.invert .plus:before, .button-danger:hover.invert .plus:after, .button-danger:hover.invert .minus:before, .button-danger:hover.invert .minus:after, .button-danger:active-invert .plus:before, .button-danger:active-invert .plus:after, .button-danger:active-invert .minus:before, .button-danger:active-invert .minus:after, .button-danger:active.invert .plus:before, .button-danger:active.invert .plus:after, .button-danger:active.invert .minus:before, .button-danger:active.invert .minus:after, .button-danger:focus-invert .plus:before, .button-danger:focus-invert .plus:after, .button-danger:focus-invert .minus:before, .button-danger:focus-invert .minus:after, .button-danger:focus.invert .plus:before, .button-danger:focus.invert .plus:after, .button-danger:focus.invert .minus:before, .button-danger:focus.invert .minus:after,
.btn-danger:hover-invert .plus:before,
.btn-danger:hover-invert .plus:after,
.btn-danger:hover-invert .minus:before,
.btn-danger:hover-invert .minus:after,
.btn-danger:hover.invert .plus:before,
.btn-danger:hover.invert .plus:after,
.btn-danger:hover.invert .minus:before,
.btn-danger:hover.invert .minus:after,
.btn-danger:active-invert .plus:before,
.btn-danger:active-invert .plus:after,
.btn-danger:active-invert .minus:before,
.btn-danger:active-invert .minus:after,
.btn-danger:active.invert .plus:before,
.btn-danger:active.invert .plus:after,
.btn-danger:active.invert .minus:before,
.btn-danger:active.invert .minus:after,
.btn-danger:focus-invert .plus:before,
.btn-danger:focus-invert .plus:after,
.btn-danger:focus-invert .minus:before,
.btn-danger:focus-invert .minus:after,
.btn-danger:focus.invert .plus:before,
.btn-danger:focus.invert .plus:after,
.btn-danger:focus.invert .minus:before,
.btn-danger:focus.invert .minus:after,
a.button-danger:hover-invert .plus:before,
a.button-danger:hover-invert .plus:after,
a.button-danger:hover-invert .minus:before,
a.button-danger:hover-invert .minus:after,
a.button-danger:hover.invert .plus:before,
a.button-danger:hover.invert .plus:after,
a.button-danger:hover.invert .minus:before,
a.button-danger:hover.invert .minus:after,
a.button-danger:active-invert .plus:before,
a.button-danger:active-invert .plus:after,
a.button-danger:active-invert .minus:before,
a.button-danger:active-invert .minus:after,
a.button-danger:active.invert .plus:before,
a.button-danger:active.invert .plus:after,
a.button-danger:active.invert .minus:before,
a.button-danger:active.invert .minus:after,
a.button-danger:focus-invert .plus:before,
a.button-danger:focus-invert .plus:after,
a.button-danger:focus-invert .minus:before,
a.button-danger:focus-invert .minus:after,
a.button-danger:focus.invert .plus:before,
a.button-danger:focus.invert .plus:after,
a.button-danger:focus.invert .minus:before,
a.button-danger:focus.invert .minus:after,
a.btn-danger:hover-invert .plus:before,
a.btn-danger:hover-invert .plus:after,
a.btn-danger:hover-invert .minus:before,
a.btn-danger:hover-invert .minus:after,
a.btn-danger:hover.invert .plus:before,
a.btn-danger:hover.invert .plus:after,
a.btn-danger:hover.invert .minus:before,
a.btn-danger:hover.invert .minus:after,
a.btn-danger:active-invert .plus:before,
a.btn-danger:active-invert .plus:after,
a.btn-danger:active-invert .minus:before,
a.btn-danger:active-invert .minus:after,
a.btn-danger:active.invert .plus:before,
a.btn-danger:active.invert .plus:after,
a.btn-danger:active.invert .minus:before,
a.btn-danger:active.invert .minus:after,
a.btn-danger:focus-invert .plus:before,
a.btn-danger:focus-invert .plus:after,
a.btn-danger:focus-invert .minus:before,
a.btn-danger:focus-invert .minus:after,
a.btn-danger:focus.invert .plus:before,
a.btn-danger:focus.invert .plus:after,
a.btn-danger:focus.invert .minus:before,
a.btn-danger:focus.invert .minus:after,
body .um a.um-button-danger:hover-invert .plus:before,
body .um a.um-button-danger:hover-invert .plus:after,
body .um a.um-button-danger:hover-invert .minus:before,
body .um a.um-button-danger:hover-invert .minus:after,
body .um a.um-button-danger:hover.invert .plus:before,
body .um a.um-button-danger:hover.invert .plus:after,
body .um a.um-button-danger:hover.invert .minus:before,
body .um a.um-button-danger:hover.invert .minus:after,
body .um a.um-button-danger:active-invert .plus:before,
body .um a.um-button-danger:active-invert .plus:after,
body .um a.um-button-danger:active-invert .minus:before,
body .um a.um-button-danger:active-invert .minus:after,
body .um a.um-button-danger:active.invert .plus:before,
body .um a.um-button-danger:active.invert .plus:after,
body .um a.um-button-danger:active.invert .minus:before,
body .um a.um-button-danger:active.invert .minus:after,
body .um a.um-button-danger:focus-invert .plus:before,
body .um a.um-button-danger:focus-invert .plus:after,
body .um a.um-button-danger:focus-invert .minus:before,
body .um a.um-button-danger:focus-invert .minus:after,
body .um a.um-button-danger:focus.invert .plus:before,
body .um a.um-button-danger:focus.invert .plus:after,
body .um a.um-button-danger:focus.invert .minus:before,
body .um a.um-button-danger:focus.invert .minus:after {
  background-color: #fff;
}
.button-danger-small, .button-danger.button-small, .button-danger.btn-small,
.btn-danger-small,
.btn-danger.button-small,
.btn-danger.btn-small,
a.button-danger-small,
a.button-danger.button-small,
a.button-danger.btn-small,
a.btn-danger-small,
a.btn-danger.button-small,
a.btn-danger.btn-small,
body .um a.um-button-danger-small,
body .um a.um-button-danger.button-small,
body .um a.um-button-danger.btn-small {
  min-width: 43px;
}
.button-danger[disabled],
.btn-danger[disabled],
a.button-danger[disabled],
a.btn-danger[disabled],
body .um a.um-button-danger[disabled] {
  filter: grayscale(1);
  cursor: not-allowed;
}
.button-danger[disabled] .plus, .button-danger[disabled] .minus,
.btn-danger[disabled] .plus,
.btn-danger[disabled] .minus,
a.button-danger[disabled] .plus,
a.button-danger[disabled] .minus,
a.btn-danger[disabled] .plus,
a.btn-danger[disabled] .minus,
body .um a.um-button-danger[disabled] .plus,
body .um a.um-button-danger[disabled] .minus {
  position: relative;
  width: auto;
  height: auto;
  display: inline-block;
  font-family: "Font Awesome 7 Free";
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: 1.25em;
}
.button-danger[disabled] .plus:before, .button-danger[disabled] .plus:after, .button-danger[disabled] .minus:before, .button-danger[disabled] .minus:after,
.btn-danger[disabled] .plus:before,
.btn-danger[disabled] .plus:after,
.btn-danger[disabled] .minus:before,
.btn-danger[disabled] .minus:after,
a.button-danger[disabled] .plus:before,
a.button-danger[disabled] .plus:after,
a.button-danger[disabled] .minus:before,
a.button-danger[disabled] .minus:after,
a.btn-danger[disabled] .plus:before,
a.btn-danger[disabled] .plus:after,
a.btn-danger[disabled] .minus:before,
a.btn-danger[disabled] .minus:after,
body .um a.um-button-danger[disabled] .plus:before,
body .um a.um-button-danger[disabled] .plus:after,
body .um a.um-button-danger[disabled] .minus:before,
body .um a.um-button-danger[disabled] .minus:after {
  background-color: transparent;
  width: auto;
  height: auto;
  border-radius: auto;
  position: initial;
  transform: translate(0, 0);
  transition: all 0.3s ease-in-out;
}
.button-danger[disabled] .plus:before, .button-danger[disabled] .minus:before,
.btn-danger[disabled] .plus:before,
.btn-danger[disabled] .minus:before,
a.button-danger[disabled] .plus:before,
a.button-danger[disabled] .minus:before,
a.btn-danger[disabled] .plus:before,
a.btn-danger[disabled] .minus:before,
body .um a.um-button-danger[disabled] .plus:before,
body .um a.um-button-danger[disabled] .minus:before {
  content: "\f023";
}
.button-danger[disabled] .plus:after, .button-danger[disabled] .minus:after,
.btn-danger[disabled] .plus:after,
.btn-danger[disabled] .minus:after,
a.button-danger[disabled] .plus:after,
a.button-danger[disabled] .minus:after,
a.btn-danger[disabled] .plus:after,
a.btn-danger[disabled] .minus:after,
body .um a.um-button-danger[disabled] .plus:after,
body .um a.um-button-danger[disabled] .minus:after {
  display: none;
}
.button-lg,
.btn-lg,
a.button-lg,
a.btn-lg,
body .um a.um-button-lg {
  font-size: 1.3rem;
}
.button-sm,
.btn-sm,
a.button-sm,
a.btn-sm,
body .um a.um-button-sm {
  font-size: 0.8rem;
}
.button-both-sliced,
.btn-both-sliced,
a.button-both-sliced,
a.btn-both-sliced,
body .um a.um-button-both-sliced {
  border-bottom-color: rgb(0, 165, 124);
  border-left-color: rgb(0, 165, 124);
  border-top-color: rgb(206, 129, 78);
  border-right-color: rgb(206, 129, 78);
  background: rgb(0, 165, 124);
  position: relative;
  overflow: hidden;
}
.button-both-sliced span,
.btn-both-sliced span,
a.button-both-sliced span,
a.btn-both-sliced span,
body .um a.um-button-both-sliced span {
  position: relative;
  z-index: 3;
}
.button-both-sliced:after,
.btn-both-sliced:after,
a.button-both-sliced:after,
a.btn-both-sliced:after,
body .um a.um-button-both-sliced:after {
  content: "";
  position: absolute;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgb(206, 129, 78);
  top: 0;
  left: 0;
  transform: skewY(39deg) translateY(-50%);
}
.button-both-sliced:hover, .button-both-sliced:focus,
.btn-both-sliced:hover,
.btn-both-sliced:focus,
a.button-both-sliced:hover,
a.button-both-sliced:focus,
a.btn-both-sliced:hover,
a.btn-both-sliced:focus,
body .um a.um-button-both-sliced:hover,
body .um a.um-button-both-sliced:focus {
  color: #fff;
  background: rgb(0, 165, 124);
  border-left-color: rgb(206, 129, 78);
  border-right-color: rgb(0, 165, 124);
}
.button-both-sliced:hover:after, .button-both-sliced:focus:after,
.btn-both-sliced:hover:after,
.btn-both-sliced:focus:after,
a.button-both-sliced:hover:after,
a.button-both-sliced:focus:after,
a.btn-both-sliced:hover:after,
a.btn-both-sliced:focus:after,
body .um a.um-button-both-sliced:hover:after,
body .um a.um-button-both-sliced:focus:after {
  transform: skewY(-39deg) translateY(-50%);
}
.button.themi-close,
.btn.themi-close,
a.button.themi-close,
a.btn.themi-close,
body .um a.um-button.themi-close {
  min-width: 43px;
}
.button.themi-close:not(.btn-full),
.btn.themi-close:not(.btn-full),
a.button.themi-close:not(.btn-full),
a.btn.themi-close:not(.btn-full),
body .um a.um-button.themi-close:not(.btn-full) {
  max-width: 43px;
  width: 43px;
}
.button.themi-close:not(.btn-full):hover, .button.themi-close:not(.btn-full):focus,
.btn.themi-close:not(.btn-full):hover,
.btn.themi-close:not(.btn-full):focus,
a.button.themi-close:not(.btn-full):hover,
a.button.themi-close:not(.btn-full):focus,
a.btn.themi-close:not(.btn-full):hover,
a.btn.themi-close:not(.btn-full):focus,
body .um a.um-button.themi-close:not(.btn-full):hover,
body .um a.um-button.themi-close:not(.btn-full):focus {
  background-color: rgb(0, 165, 124);
}
.button.themi-close:not(.btn-full):before, .button.themi-close:not(.btn-full):after,
.btn.themi-close:not(.btn-full):before,
.btn.themi-close:not(.btn-full):after,
a.button.themi-close:not(.btn-full):before,
a.button.themi-close:not(.btn-full):after,
a.btn.themi-close:not(.btn-full):before,
a.btn.themi-close:not(.btn-full):after,
body .um a.um-button.themi-close:not(.btn-full):before,
body .um a.um-button.themi-close:not(.btn-full):after {
  background: #fff;
}

.um-field .password-toggle {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  color: rgb(0, 165, 124);
  position: absolute;
  bottom: 2px;
  transform: translateY(-50%);
  right: 0.5rem;
}

body .um a.um-button {
  border: 1px solid rgb(0, 165, 124) !important;
}

.mascotte {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
  width: 100%;
}
.mascotte-wrapper {
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #00a57c;
  width: 90px;
  max-width: 90px;
  height: 90px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.mascotte .svg-wrapper {
  display: flex;
  position: absolute;
  top: 35px;
  left: 5px;
  transform: scaleX(-1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  width: 83px;
  height: 73px;
  align-items: center;
  justify-content: center;
}
.mascotte .svg-wrapper svg {
  width: 100%;
  height: auto;
}

.user-stats p span {
  font-weight: bold;
}
.user-stats p + p {
  margin-top: 0;
}
.tip {
  display: grid;
  grid-template: ". content" auto "mascotte content" 1fr ". content" auto/auto 1fr;
  gap: 1rem;
  align-items: center;
}
@media only screen and (max-width: 691px) {
  .tip {
    grid-template: ". content content content ." 1fr ". . mascotte . ." auto/auto 1fr auto 1fr auto;
    gap: 0.5rem;
  }
}
.tip .tip-content {
  grid-area: content;
  background-color: rgb(206, 129, 78);
  border-radius: 20px;
  position: relative;
  padding-left: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  color: #fff;
  display: flex;
  align-self: center;
  justify-content: flex-start;
}
.tip .tip-content a {
  color: inherit;
}
.tip .tip-content:before {
  position: absolute;
  left: 0;
  top: 52%;
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 16px solid transparent;
  border-right: 34px solid rgb(206, 129, 78);
  border-bottom: 9px solid transparent;
  transform: translate(-100%, -50%);
}
@media only screen and (max-width: 691px) {
  .tip .tip-content:before {
    border-top: 25px solid rgb(206, 129, 78);
    border-right: 25px solid transparent;
    border-left: 9px solid transparent;
    transform: translate(-50%, 0);
    left: 50%;
    top: 100%;
  }
}
.tip .mascotte-wrapper {
  grid-area: mascotte;
  background: transparent;
  width: 110px;
  max-width: 110px;
  height: 110px;
}
.tip .mascotte-wrapper .mascotte {
  transform: scaleX(-1);
}
.tip .mascotte-wrapper .mascotte .svg-wrapper {
  width: 99px;
  top: 49.5px;
}

.themi-budget-date .btn {
  max-width: 43px;
  min-width: 43px;
  width: 43px;
}
.themi-budget-line {
  padding-left: 1ch;
}
.themi-budget-line .amount {
  font-weight: bold;
}
.themi-budget-line.line-negative .amount {
  color: rgb(206, 129, 78);
}
.themi-budget-line.line-positive .amount {
  color: rgb(0, 165, 124);
}
.themi-budget-line:nth-child(odd) {
  background-color: rgba(206, 129, 78, 0.07);
}
.themi-budget-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}
.themi-budget-list > .button-wrapper {
  width: 100%;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.themi-budget-list > .button-wrapper button {
  max-width: 330px;
  width: 100%;
}
.themi-budget-lines + .balance {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.themi-budget-lines + .balance > section {
  max-width: 620px;
  padding-top: 1rem;
  border: 1px solid rgb(0, 165, 124);
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-radius: 15px;
  padding-left: 2rem;
  background: rgb(0, 165, 124);
  color: #fff;
}
.themi-budget-lines + .balance > section.balance-negative {
  background-color: #c61c42;
  border-color: #c61c42;
}
.themi-budget-lines + .balance > section > small {
  padding-right: 1.5rem;
  padding-bottom: 0.8rem;
  display: block;
}
@media only screen and (max-width: 671px) {
  .themi-budget-lines + .balance {
    flex-direction: column-reverse;
  }
  .themi-budget-lines + .balance > section {
    width: 100%;
    max-width: 100%;
  }
}
.themi-budget-lines + .balance .line {
  min-height: 43px;
  align-items: center;
}
.themi-budget-lines + .balance .line span {
  color: inherit;
}
.themi-budget-lines + .balance .line span.title {
  font-weight: bold;
}
@media only screen and (max-width: 1365px) {
  .themi-budget-lines + .balance .line .type {
    display: none;
  }
  .themi-budget-lines + .balance .line .payment {
    display: none;
  }
}
.themi-budget-lines + .balance .line:last-of-type span.amount {
  font-size: 1.2rem;
}
.themi-budget-type-group-title {
  border: 1px solid rgb(0, 165, 124);
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-radius: 15px;
}
.themi-budget-type-group-title > h3 {
  position: relative;
  background-color: rgb(0, 165, 124);
  color: #fff;
  border-radius: 10px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  min-height: 43px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translate(2rem, -50%);
  margin-right: 2.5rem;
}
.themi-budget-type-group-amount {
  min-height: 43px;
  align-items: center;
}
.themi-budget-type-group-amount span.title {
  font-weight: bold;
  color: rgb(206, 129, 78);
}
.themi-budget-type-group-amount span.amount {
  color: rgb(206, 129, 78);
}
.themi-budget-type-group-amount.positive span.amount {
  color: rgb(0, 165, 124);
}
.themi-budget-monthly-lines .themi-budget-monthly-lines-balance > section {
  max-width: initial;
}
.themi-deletable-items-wrapper .themi-item-sliding-aside {
  background: rgb(0, 165, 124);
  color: #fff;
}
.themi-deletable-items-wrapper .themi-item-sliding-aside .fieldsets-wrapper {
  display: grid;
  grid-template: "goal reality" auto/auto 1fr;
}
.themi-deletable-items-wrapper .themi-item-sliding-aside.ended {
  background: rgb(206, 129, 78);
  order: 100;
}
.themi-deletable-items-wrapper .themi-item-sliding-aside.ended .themi-item-sliding-article {
  position: relative;
  grid-template: "title" auto "content" auto/1fr;
}
.themi-deletable-items-wrapper .themi-item-sliding-aside.ended .themi-item-sliding-article h2 {
  grid-area: title;
}
.themi-deletable-items-wrapper .themi-item-sliding-aside.ended .themi-item-sliding-article h2 i {
  position: absolute;
  top: 11px;
  right: 22px;
}
.themi-deletable-items-wrapper .themi-item-sliding-aside.ended .themi-item-sliding-article .btn-delete-item:hover {
  background: rgb(206, 129, 78);
}
.themi-deletable-items-wrapper .themi-item-sliding-aside.ended .themi-item-sliding-article .ended-label {
  grid-area: content;
}

.tip-figure {
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: rgb(0, 165, 124);
  width: 90px;
  height: 90px;
}
.tip-figure img {
  top: 19%;
  width: 80px;
  left: 5px;
}

.wrapper-primary {
  background-color: rgb(0, 165, 124);
  color: #fff;
  max-width: 600px;
  margin: 5rem auto;
  padding-top: 4.5rem;
  padding-bottom: 1.5rem;
  border-radius: 15px;
  width: 100%;
  position: relative;
  color: #fff;
}
.wrapper-primary h1,
.wrapper-primary h2,
.wrapper-primary h3 {
  color: inherit;
}
.wrapper-primary .mascotte-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.5);
}
.wrapper-primary label {
  color: #fff !important;
}
.wrapper-primary label .um-field-checkbox-option {
  color: #fff !important;
  font-size: 0.8rem;
}
.wrapper-primary label.um-field-checkbox .um-field-checkbox-state {
  transition: all 0.3s ease-in-out;
}
.wrapper-primary label.um-field-checkbox .um-field-checkbox-state i {
  color: #fff !important;
}
.wrapper-primary label.um-field-checkbox .um-field-checkbox-state:hover {
  opacity: 0.7;
}
.wrapper-primary label.um-field-checkbox.active .um-field-checkbox-state i {
  color: #fff;
}
.wrapper-primary > h1 {
  text-align: center;
  margin: 0;
}
.wrapper-primary .um-field-c {
  color: #fff;
}
.wrapper-primary .um-forgottom-password {
  color: #fff;
  grid-area: forgotten;
}
.wrapper-primary form .um-field-block {
  color: #fff;
}
.wrapper-primary .custom-um-form {
  display: grid;
}
.wrapper-primary .custom-um-form.login-form {
  grid-template: "name" auto "password" auto "invalid" auto "forgotten" auto "buttons" auto/1fr;
}
.wrapper-primary .custom-um-form.register-form {
  grid-template: "mail" auto "first" auto "name" auto "password" auto "confirm" auto "." 2px "rgpd" auto "buttons" auto/1fr;
}
.wrapper-primary .custom-um-form.register-form:has([data-key=user_login]) {
  grid-template: "login" auto "mail" auto "first" auto "name" auto "password" auto "confirm" auto "." 2px "rgpd" auto "buttons" auto/1fr;
}
.wrapper-primary .custom-um-form.register-form .um-field-type_terms_conditions {
  grid-area: rgpd;
}
.wrapper-primary .custom-um-form.register-form .um-field-type_terms_conditions .um-field-checkbox {
  display: flex;
}
.wrapper-primary .custom-um-form.password-reset-form {
  grid-template: "p" auto "reset" auto "buttons" auto/1fr;
}
.wrapper-primary .custom-um-form.password-reset-form .um-field-block {
  grid-area: p;
}
.wrapper-primary .custom-um-form.password-reset-form .um-buttons {
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wrapper-primary .custom-um-form .invalid {
  background-color: #fff;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  color: #c61c42;
  grid-area: invalid;
  display: flex;
  gap: 0.4rem;
  min-height: 43px;
  align-items: center;
}
.wrapper-primary .custom-um-form .um-field-username_b {
  grid-area: reset;
}
.wrapper-primary .custom-um-form .um-field-first_name {
  grid-area: first;
}
.wrapper-primary .custom-um-form .um-field-last_name,
.wrapper-primary .custom-um-form .um-field-username {
  grid-area: name;
}
.wrapper-primary .custom-um-form .um-field-user_login {
  grid-area: login;
}
.wrapper-primary .custom-um-form .um-field-user_password {
  grid-area: password;
  position: relative;
}
.wrapper-primary .custom-um-form .um-field-user_password .um-form-field {
  padding-right: 2rem;
}
.wrapper-primary .custom-um-form .um-field-user_password .password-toggle {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 43px;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  width: 43px;
  color: #fff;
}
.wrapper-primary .custom-um-form .um-field-user_password .password-toggle .fa-eye {
  fill: #fff;
}
.wrapper-primary .custom-um-form .um-field-user_email {
  grid-area: mail;
}
.wrapper-primary .custom-um-form .um-field-user_password {
  grid-area: password;
}
.wrapper-primary .custom-um-form .um-field-confirm_user_password {
  grid-area: confirm;
}
.wrapper-primary section.um {
  width: 100%;
  left: 0;
  position: relative;
  min-width: 100%;
  float: initial;
}
.wrapper-primary div.um-buttons {
  color: #fff;
  grid-area: buttons;
}
.wrapper-primary div.um-buttons input.button-secondary,
.wrapper-primary div.um-buttons a.button-secondary {
  border: 1px solid rgb(206, 129, 78);
  background: rgb(206, 129, 78);
  overflow: hidden;
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 4px;
  min-height: 43px;
  min-width: 200px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1ch;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
}
.wrapper-primary div.um-buttons input.button-secondary .plus, .wrapper-primary div.um-buttons input.button-secondary .minus,
.wrapper-primary div.um-buttons a.button-secondary .plus,
.wrapper-primary div.um-buttons a.button-secondary .minus {
  position: relative;
  width: 23px;
  height: 23px;
}
.wrapper-primary div.um-buttons input.button-secondary .plus:before, .wrapper-primary div.um-buttons input.button-secondary .plus:after, .wrapper-primary div.um-buttons input.button-secondary .minus:before, .wrapper-primary div.um-buttons input.button-secondary .minus:after,
.wrapper-primary div.um-buttons a.button-secondary .plus:before,
.wrapper-primary div.um-buttons a.button-secondary .plus:after,
.wrapper-primary div.um-buttons a.button-secondary .minus:before,
.wrapper-primary div.um-buttons a.button-secondary .minus:after {
  content: "";
  width: 23px;
  height: 3px;
  border-radius: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  transform-origin: 50% 50%;
  transition: all 0.3s ease-in-out;
}
.wrapper-primary div.um-buttons input.button-secondary .plus:after, .wrapper-primary div.um-buttons input.button-secondary .minus:after,
.wrapper-primary div.um-buttons a.button-secondary .plus:after,
.wrapper-primary div.um-buttons a.button-secondary .minus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.wrapper-primary div.um-buttons input.button-secondary .minus:after,
.wrapper-primary div.um-buttons a.button-secondary .minus:after {
  display: none;
}
.wrapper-primary div.um-buttons input.button-secondary-invert, .wrapper-primary div.um-buttons input.button-secondary-selected, .wrapper-primary div.um-buttons input.button-secondary.invert, .wrapper-primary div.um-buttons input.button-secondary.selected,
.wrapper-primary div.um-buttons a.button-secondary-invert,
.wrapper-primary div.um-buttons a.button-secondary-selected,
.wrapper-primary div.um-buttons a.button-secondary.invert,
.wrapper-primary div.um-buttons a.button-secondary.selected {
  border-color: rgb(206, 129, 78);
  background: #fff;
  color: rgb(206, 129, 78);
}
.wrapper-primary div.um-buttons input.button-secondary-invert .plus:before, .wrapper-primary div.um-buttons input.button-secondary-invert .plus:after, .wrapper-primary div.um-buttons input.button-secondary-invert .minus:before, .wrapper-primary div.um-buttons input.button-secondary-invert .minus:after, .wrapper-primary div.um-buttons input.button-secondary-selected .plus:before, .wrapper-primary div.um-buttons input.button-secondary-selected .plus:after, .wrapper-primary div.um-buttons input.button-secondary-selected .minus:before, .wrapper-primary div.um-buttons input.button-secondary-selected .minus:after, .wrapper-primary div.um-buttons input.button-secondary.invert .plus:before, .wrapper-primary div.um-buttons input.button-secondary.invert .plus:after, .wrapper-primary div.um-buttons input.button-secondary.invert .minus:before, .wrapper-primary div.um-buttons input.button-secondary.invert .minus:after, .wrapper-primary div.um-buttons input.button-secondary.selected .plus:before, .wrapper-primary div.um-buttons input.button-secondary.selected .plus:after, .wrapper-primary div.um-buttons input.button-secondary.selected .minus:before, .wrapper-primary div.um-buttons input.button-secondary.selected .minus:after,
.wrapper-primary div.um-buttons a.button-secondary-invert .plus:before,
.wrapper-primary div.um-buttons a.button-secondary-invert .plus:after,
.wrapper-primary div.um-buttons a.button-secondary-invert .minus:before,
.wrapper-primary div.um-buttons a.button-secondary-invert .minus:after,
.wrapper-primary div.um-buttons a.button-secondary-selected .plus:before,
.wrapper-primary div.um-buttons a.button-secondary-selected .plus:after,
.wrapper-primary div.um-buttons a.button-secondary-selected .minus:before,
.wrapper-primary div.um-buttons a.button-secondary-selected .minus:after,
.wrapper-primary div.um-buttons a.button-secondary.invert .plus:before,
.wrapper-primary div.um-buttons a.button-secondary.invert .plus:after,
.wrapper-primary div.um-buttons a.button-secondary.invert .minus:before,
.wrapper-primary div.um-buttons a.button-secondary.invert .minus:after,
.wrapper-primary div.um-buttons a.button-secondary.selected .plus:before,
.wrapper-primary div.um-buttons a.button-secondary.selected .plus:after,
.wrapper-primary div.um-buttons a.button-secondary.selected .minus:before,
.wrapper-primary div.um-buttons a.button-secondary.selected .minus:after {
  background-color: rgb(206, 129, 78);
}
.wrapper-primary div.um-buttons input.button-secondary:hover, .wrapper-primary div.um-buttons input.button-secondary:active, .wrapper-primary div.um-buttons input.button-secondary:focus,
.wrapper-primary div.um-buttons a.button-secondary:hover,
.wrapper-primary div.um-buttons a.button-secondary:active,
.wrapper-primary div.um-buttons a.button-secondary:focus {
  background-color: rgb(206, 159.6796875, 129);
  color: #fff;
  gap: 2ch;
}
.wrapper-primary div.um-buttons input.button-secondary:hover-white-over, .wrapper-primary div.um-buttons input.button-secondary:active-white-over, .wrapper-primary div.um-buttons input.button-secondary:focus-white-over,
.wrapper-primary div.um-buttons a.button-secondary:hover-white-over,
.wrapper-primary div.um-buttons a.button-secondary:active-white-over,
.wrapper-primary div.um-buttons a.button-secondary:focus-white-over {
  background-color: #fff;
}
.wrapper-primary div.um-buttons input.button-secondary:hover .plus:before, .wrapper-primary div.um-buttons input.button-secondary:hover .plus:after, .wrapper-primary div.um-buttons input.button-secondary:hover .minus:before, .wrapper-primary div.um-buttons input.button-secondary:hover .minus:after, .wrapper-primary div.um-buttons input.button-secondary:active .plus:before, .wrapper-primary div.um-buttons input.button-secondary:active .plus:after, .wrapper-primary div.um-buttons input.button-secondary:active .minus:before, .wrapper-primary div.um-buttons input.button-secondary:active .minus:after, .wrapper-primary div.um-buttons input.button-secondary:focus .plus:before, .wrapper-primary div.um-buttons input.button-secondary:focus .plus:after, .wrapper-primary div.um-buttons input.button-secondary:focus .minus:before, .wrapper-primary div.um-buttons input.button-secondary:focus .minus:after,
.wrapper-primary div.um-buttons a.button-secondary:hover .plus:before,
.wrapper-primary div.um-buttons a.button-secondary:hover .plus:after,
.wrapper-primary div.um-buttons a.button-secondary:hover .minus:before,
.wrapper-primary div.um-buttons a.button-secondary:hover .minus:after,
.wrapper-primary div.um-buttons a.button-secondary:active .plus:before,
.wrapper-primary div.um-buttons a.button-secondary:active .plus:after,
.wrapper-primary div.um-buttons a.button-secondary:active .minus:before,
.wrapper-primary div.um-buttons a.button-secondary:active .minus:after,
.wrapper-primary div.um-buttons a.button-secondary:focus .plus:before,
.wrapper-primary div.um-buttons a.button-secondary:focus .plus:after,
.wrapper-primary div.um-buttons a.button-secondary:focus .minus:before,
.wrapper-primary div.um-buttons a.button-secondary:focus .minus:after {
  width: 18px;
  background-color: #fff;
}
.wrapper-primary div.um-buttons input.button-secondary:hover-invert, .wrapper-primary div.um-buttons input.button-secondary:hover.invert, .wrapper-primary div.um-buttons input.button-secondary:active-invert, .wrapper-primary div.um-buttons input.button-secondary:active.invert, .wrapper-primary div.um-buttons input.button-secondary:focus-invert, .wrapper-primary div.um-buttons input.button-secondary:focus.invert,
.wrapper-primary div.um-buttons a.button-secondary:hover-invert,
.wrapper-primary div.um-buttons a.button-secondary:hover.invert,
.wrapper-primary div.um-buttons a.button-secondary:active-invert,
.wrapper-primary div.um-buttons a.button-secondary:active.invert,
.wrapper-primary div.um-buttons a.button-secondary:focus-invert,
.wrapper-primary div.um-buttons a.button-secondary:focus.invert {
  border-color: #fff;
  color: #fff;
}
.wrapper-primary div.um-buttons input.button-secondary:hover-invert .plus:before, .wrapper-primary div.um-buttons input.button-secondary:hover-invert .plus:after, .wrapper-primary div.um-buttons input.button-secondary:hover-invert .minus:before, .wrapper-primary div.um-buttons input.button-secondary:hover-invert .minus:after, .wrapper-primary div.um-buttons input.button-secondary:hover.invert .plus:before, .wrapper-primary div.um-buttons input.button-secondary:hover.invert .plus:after, .wrapper-primary div.um-buttons input.button-secondary:hover.invert .minus:before, .wrapper-primary div.um-buttons input.button-secondary:hover.invert .minus:after, .wrapper-primary div.um-buttons input.button-secondary:active-invert .plus:before, .wrapper-primary div.um-buttons input.button-secondary:active-invert .plus:after, .wrapper-primary div.um-buttons input.button-secondary:active-invert .minus:before, .wrapper-primary div.um-buttons input.button-secondary:active-invert .minus:after, .wrapper-primary div.um-buttons input.button-secondary:active.invert .plus:before, .wrapper-primary div.um-buttons input.button-secondary:active.invert .plus:after, .wrapper-primary div.um-buttons input.button-secondary:active.invert .minus:before, .wrapper-primary div.um-buttons input.button-secondary:active.invert .minus:after, .wrapper-primary div.um-buttons input.button-secondary:focus-invert .plus:before, .wrapper-primary div.um-buttons input.button-secondary:focus-invert .plus:after, .wrapper-primary div.um-buttons input.button-secondary:focus-invert .minus:before, .wrapper-primary div.um-buttons input.button-secondary:focus-invert .minus:after, .wrapper-primary div.um-buttons input.button-secondary:focus.invert .plus:before, .wrapper-primary div.um-buttons input.button-secondary:focus.invert .plus:after, .wrapper-primary div.um-buttons input.button-secondary:focus.invert .minus:before, .wrapper-primary div.um-buttons input.button-secondary:focus.invert .minus:after,
.wrapper-primary div.um-buttons a.button-secondary:hover-invert .plus:before,
.wrapper-primary div.um-buttons a.button-secondary:hover-invert .plus:after,
.wrapper-primary div.um-buttons a.button-secondary:hover-invert .minus:before,
.wrapper-primary div.um-buttons a.button-secondary:hover-invert .minus:after,
.wrapper-primary div.um-buttons a.button-secondary:hover.invert .plus:before,
.wrapper-primary div.um-buttons a.button-secondary:hover.invert .plus:after,
.wrapper-primary div.um-buttons a.button-secondary:hover.invert .minus:before,
.wrapper-primary div.um-buttons a.button-secondary:hover.invert .minus:after,
.wrapper-primary div.um-buttons a.button-secondary:active-invert .plus:before,
.wrapper-primary div.um-buttons a.button-secondary:active-invert .plus:after,
.wrapper-primary div.um-buttons a.button-secondary:active-invert .minus:before,
.wrapper-primary div.um-buttons a.button-secondary:active-invert .minus:after,
.wrapper-primary div.um-buttons a.button-secondary:active.invert .plus:before,
.wrapper-primary div.um-buttons a.button-secondary:active.invert .plus:after,
.wrapper-primary div.um-buttons a.button-secondary:active.invert .minus:before,
.wrapper-primary div.um-buttons a.button-secondary:active.invert .minus:after,
.wrapper-primary div.um-buttons a.button-secondary:focus-invert .plus:before,
.wrapper-primary div.um-buttons a.button-secondary:focus-invert .plus:after,
.wrapper-primary div.um-buttons a.button-secondary:focus-invert .minus:before,
.wrapper-primary div.um-buttons a.button-secondary:focus-invert .minus:after,
.wrapper-primary div.um-buttons a.button-secondary:focus.invert .plus:before,
.wrapper-primary div.um-buttons a.button-secondary:focus.invert .plus:after,
.wrapper-primary div.um-buttons a.button-secondary:focus.invert .minus:before,
.wrapper-primary div.um-buttons a.button-secondary:focus.invert .minus:after {
  background-color: #fff;
}
.wrapper-primary div.um-buttons input.button-secondary-small, .wrapper-primary div.um-buttons input.button-secondary.button-small, .wrapper-primary div.um-buttons input.button-secondary.btn-small,
.wrapper-primary div.um-buttons a.button-secondary-small,
.wrapper-primary div.um-buttons a.button-secondary.button-small,
.wrapper-primary div.um-buttons a.button-secondary.btn-small {
  min-width: 43px;
}
.wrapper-primary div.um-buttons input.button-secondary[disabled],
.wrapper-primary div.um-buttons a.button-secondary[disabled] {
  filter: grayscale(1);
  cursor: not-allowed;
}
.wrapper-primary div.um-buttons input.button-secondary[disabled] .plus, .wrapper-primary div.um-buttons input.button-secondary[disabled] .minus,
.wrapper-primary div.um-buttons a.button-secondary[disabled] .plus,
.wrapper-primary div.um-buttons a.button-secondary[disabled] .minus {
  position: relative;
  width: auto;
  height: auto;
  display: inline-block;
  font-family: "Font Awesome 7 Free";
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: 1.25em;
}
.wrapper-primary div.um-buttons input.button-secondary[disabled] .plus:before, .wrapper-primary div.um-buttons input.button-secondary[disabled] .plus:after, .wrapper-primary div.um-buttons input.button-secondary[disabled] .minus:before, .wrapper-primary div.um-buttons input.button-secondary[disabled] .minus:after,
.wrapper-primary div.um-buttons a.button-secondary[disabled] .plus:before,
.wrapper-primary div.um-buttons a.button-secondary[disabled] .plus:after,
.wrapper-primary div.um-buttons a.button-secondary[disabled] .minus:before,
.wrapper-primary div.um-buttons a.button-secondary[disabled] .minus:after {
  background-color: transparent;
  width: auto;
  height: auto;
  border-radius: auto;
  position: initial;
  transform: translate(0, 0);
  transition: all 0.3s ease-in-out;
}
.wrapper-primary div.um-buttons input.button-secondary[disabled] .plus:before, .wrapper-primary div.um-buttons input.button-secondary[disabled] .minus:before,
.wrapper-primary div.um-buttons a.button-secondary[disabled] .plus:before,
.wrapper-primary div.um-buttons a.button-secondary[disabled] .minus:before {
  content: "\f023";
}
.wrapper-primary div.um-buttons input.button-secondary[disabled] .plus:after, .wrapper-primary div.um-buttons input.button-secondary[disabled] .minus:after,
.wrapper-primary div.um-buttons a.button-secondary[disabled] .plus:after,
.wrapper-primary div.um-buttons a.button-secondary[disabled] .minus:after {
  display: none;
}
.wrapper-primary div.um-buttons .um-login {
  margin-top: 1.5rem;
}
.wrapper-primary div.um-buttons .um-login,
.wrapper-primary div.um-buttons .um-register {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper-primary div.um-buttons .um-register {
  display: none;
}
.wrapper-primary div.um-buttons p {
  text-align: center;
  font-size: 1.3rem;
  opacity: 1;
}
.wrapper-primary div.um-buttons-b {
  color: #fff;
}

.tile {
  width: 100%;
  border: 2px solid rgb(0, 165, 124);
  border-radius: 5px;
  background-color: rgb(0, 165, 124);
}
.tiles {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(5, 1fr);
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media only screen and (max-width: 1239px) {
  .tiles {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .tiles {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 799px) {
  .tiles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 499px) {
  .tiles {
    gap: 1rem;
  }
}
.tile-link {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tile-icon {
  height: auto;
  margin: 0;
  order: 1;
  padding: 20%;
  aspect-ratio: 1/1;
  width: 100%;
}
.tile-icon svg {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: auto;
}
.tile-icon svg path {
  fill: #fff;
}
.tile-icon {
  /*  &.svg-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      &-tirelire {
          svg {
              .pig {
                  animation-play-state: paused;
                  animation-name: growing-4-times-then-deflate;
                  animation-timing-function: linear;
                  animation-iteration-count: infinite;
                  animation-duration: 4s;
                  transform-origin: 50% 50%;
                  .tile:hover &,
                  .tile:focus &,
                  .tile.touching & {
                      animation-play-state: running;
                  }
              }
              .drop-coin {
                  animation-play-state: paused;
                  animation-name: drop-coin-into-pig1;
                  animation-timing-function: linear;
                  animation-iteration-count: infinite;
                  animation-duration: 4s;
                  transform-origin: 0 50%;
                  .tile:hover &,
                  .tile:focus &,
                  .tile.touching & {
                      animation-play-state: running;
                  }
                  &-2 {
                      animation-name: drop-coin-into-pig2;
                  }
                  &-3 {
                      animation-name: drop-coin-into-pig3;
                  }
                  &-4 {
                      animation-name: drop-coin-into-pig4;
                  }
              }
          }
      }
      &-ampoule {
          svg {
              path.on-off {
                  opacity: 0;
                  transition: all 0.3s ease-in-out;
                  .tile:hover &,
                  .tile:focus &,
                  .tile.touching & {
                      opacity: 1;
                  }
              }
          }
      }
      &-histogramme {
          svg {
              path {
                  animation-play-state: paused;
                  animation-name: heightchange1;
                  animation-timing-function: linear;
                  animation-iteration-count: infinite;
                  animation-duration: 1s;
                  transform-origin: bottom;
                  &:last-of-type {
                      animation: none;
                  }
                  &:nth-of-type(2) {
                      animation-name: heightchange2;
                      animation-duration: 2.1s;
                  }
                  &:nth-of-type(3) {
                      animation-name: heightchange3;
                      animation-duration: 4.3s;
                  }
                  &:nth-of-type(4) {
                      animation-name: heightchange4;
                      animation-duration: 6.33s;
                  }
                  .tile:hover &,
                  .tile:focus &,
                  .tile.touching & {
                      animation-play-state: running;
                  }
              }
          }
      }
      &-roue-crantee {
          svg {
              max-width: 78%;
              .big-gear {
                  animation-duration: 11s;
                  transform-origin: 43% 42%;
              }
              .small-gear {
                  animation-duration: 5.5s;
                  transform-origin: 71% 74%;
                  animation-direction: reverse;
              }
              .gear {
                  animation-play-state: paused;
                  animation-name: rotate;
                  animation-timing-function: linear;
                  animation-iteration-count: infinite;
              }
              .tile:hover &,
              .tile:focus &,
              .tile.touching & {
                  .gear {
                      animation-play-state: running;
                  }
              }
          }
      }
  } */
}
.tile-title {
  min-height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  order: 2;
  margin: 0;
  padding-left: 5px;
  flex: 1;
  padding-right: 5px;
  color: #fff;
}
@media only screen and (max-width: 499px) {
  .tile-title {
    font-size: 0.9rem;
  }
}

.variable-expense-total {
  font-weight: bold;
  transition: all 0.3s ease-in-out;
}
.variable-expense-total.updated {
  color: #ffde59;
}

.calendar .day {
  border: 1px solid rgb(206, 129, 78);
  border-radius: 15px;
  background: rgb(229, 189, 162);
}
.calendar .day.current-day {
  border-width: 2px;
  background: rgba(206, 129, 78, 0.7);
}
.calendar .day.current-day .day-date {
  font-weight: bold;
}
.calendar .day .btn {
  min-width: 43px;
}
.calendar .day .themi-budget-monthly-day-lines {
  border-left: 1px solid rgb(206, 129, 78);
  border-right: 1px solid rgb(206, 129, 78);
  background: rgb(229, 189, 162);
}
.calendar .day input:checked ~ .themi-budget-monthly-day-lines {
  border-bottom: 1px solid rgb(206, 129, 78);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.calendar .days {
  padding-left: 0;
}
.calendar .themi-modal-content {
  background-color: rgb(242, 250, 248);
}
.calendar .themi-modal-content .themi-budget-monthly-day-line + .total .line-amount {
  color: rgb(0, 165, 124);
}
.calendar .themi-modal-content .themi-budget-monthly-day-line + .total:before {
  background-color: rgb(0, 165, 124);
}

.floating {
  width: 100%;
  padding-left: min((100% - 1200px) / 2, 80px);
  padding-right: min((100% - 1200px) / 2, 80px);
}
@media only screen and (max-width: 1279px) {
  .floating {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.flex-img-left, .flex-img-right {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
  row-gap: 2rem;
  color: #fff;
  display: grid;
}
.flex-img-left a, .flex-img-right a {
  color: inherit;
}
.flex-img-left .wp-block-group, .flex-img-right .wp-block-group {
  grid-area: text;
}
.flex-img-left .wp-block-heading, .flex-img-right .wp-block-heading {
  text-align: center;
  width: 100%;
}
.flex-img-left figure, .flex-img-right figure {
  aspect-ratio: 1;
  display: flex;
  margin: 0;
  grid-area: image;
  min-width: 200px;
  opacity: 1;
  position: relative;
  border-radius: 50%;
  background-color: rgb(206, 129, 78);
}
.flex-img-left figure img,
.flex-img-left figure svg, .flex-img-right figure img,
.flex-img-right figure svg {
  width: 85%;
  height: 85%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.flex-img-left figure svg path, .flex-img-right figure svg path {
  fill: #fff;
}
section.wp-block-group:has(.flex-img-left, .flex-img-right) {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 10px;
  padding: 1rem 1.5rem;
  margin-bottom: 30px;
}
section.wp-block-group:has(.flex-img-left, .flex-img-right) .wp-block-heading {
  margin-bottom: 2rem !important;
}
section.wp-block-group:has(.flex-img-left, .flex-img-right) .wp-block-group.has-background {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 2rem;
  border-radius: 20px;
}
.flex-img-left {
  grid-template: "image text" 1fr/calc(50% - 2rem) 1fr;
}
.flex-img-right {
  grid-template: "text image" 1fr/1fr calc(50% - 2rem);
}
.wp-block-heading.udl {
  position: relative;
  opacity: 1;
}
.wp-block-heading.udl:after {
  content: "";
  position: absolute;
  height: 3px;
  width: 0;
  max-width: 200px;
  left: 50%;
  top: 100%;
  transition: all 0.3s ease-in-out 0.1s;
  background-color: rgb(206, 129, 78);
  transform: translateX(-50%);
}
.wp-block-heading.cv-visible.udl:after {
  width: 200px;
}

.themi-budget-monthly-day-line:before {
  background-color: rgb(206, 129, 78);
}
.themi-budget-monthly-day-line[data-type=real-expense]:before {
  background-color: rgb(0, 165, 124);
}
.themi-budget-monthly-day-line[data-type=variable-expense]:before {
  background-color: rgba(0, 165, 124, 0.5);
}

.real-expenses-month h2 span {
  color: rgb(206, 129, 78);
}
.real-expenses-month .themi-real-expense-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  list-style: inside none;
  padding-left: 0;
}
@media only screen and (max-width: 511px) {
  .real-expenses-month .themi-real-expense-list {
    padding: 0;
    list-style: inside none;
  }
}
.real-expenses-month .themi-real-expense-list li {
  background-color: rgba(0, 0, 0, 0.07);
}
.real-expenses-month .themi-real-expense-list li:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 511px) {
  .real-expenses-month .themi-real-expense-list li::marker {
    display: none;
  }
}
.real-expenses-month .themi-real-expense-line {
  display: grid;
  padding: 0.3rem;
  grid-template: "date amount . ventilate reassign update delete" 1fr/180px 120px 1fr 26px 26px 26px 26px;
}
@media only screen and (max-width: 511px) {
  .real-expenses-month .themi-real-expense-line {
    grid-template: "date . ventilate reassign update delete" 1fr "amount . ventilate reassign update delete" 1fr/140px 1fr 26px 26px 26px 26px;
  }
}
.real-expenses-month .themi-real-expense-line .reassign-line,
.real-expenses-month .themi-real-expense-line .ventilate-line,
.real-expenses-month .themi-real-expense-line .edit-line,
.real-expenses-month .themi-real-expense-line .delete-line {
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.real-expenses-month .themi-real-expense-line .reassign-line:hover,
.real-expenses-month .themi-real-expense-line .ventilate-line:hover,
.real-expenses-month .themi-real-expense-line .edit-line:hover,
.real-expenses-month .themi-real-expense-line .delete-line:hover {
  color: rgb(206, 129, 78);
}
.real-expenses-month .themi-real-expense-line .ventilate-line {
  grid-area: ventilate;
}
.real-expenses-month .themi-real-expense-line .reassign-line {
  grid-area: reassign;
}
.real-expenses-month .themi-real-expense-line .edit-line {
  grid-area: update;
}
.real-expenses-month .themi-real-expense-line .delete-line,
.real-expenses-month .themi-real-expense-line .edit-line:last-of-type {
  grid-area: delete;
}
.real-expenses-month .themi-real-expense-date {
  grid-area: date;
}
.real-expenses-month .themi-real-expense-amount {
  grid-area: amount;
  font-weight: bold;
  color: #ffde59;
}

.themi-real-expense-full-display .button-wrapper {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.4rem;
       column-gap: 0.4rem;
  row-gap: 1rem;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.main-page-abonnements .registration-status i {
  color: rgb(206, 129, 78);
}
.main-page-abonnements .asp_product_item {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (max-width: 1279px) {
  .main-page-abonnements .asp_product_item {
    width: calc(100% - 80px);
    margin-left: 40px;
    margin-right: 40px;
  }
}
.main-page-abonnements .asp_product_item .asp_product_buy_button .asp_product_buy_btn {
  background: rgb(0, 165, 124);
  border: 1px solid rgb(0, 165, 124);
  color: #fff;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  text-shadow: none;
  box-shadow: none;
  min-height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.main-page-abonnements .asp_product_item .asp_product_buy_button .asp_product_buy_btn span {
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.main-page-abonnements .asp_product_item .asp_product_buy_button .asp_product_buy_btn:hover {
  color: rgb(0, 165, 124);
  background: transparent;
}
.main-page-abonnements .asp_product_item .asp_product_buy_button .asp_product_buy_btn:hover span {
  color: rgb(0, 165, 124);
}
.main-page-abonnements .asp_product_item .asp_product_buy_button .asp-btn-spinner-container {
  opacity: 0;
  height: 0;
  max-height: 0;
  display: none;
}

.chart-container .themi-graph {
  max-height: 100vh;
}
.chart-container .themi-graph canvas {
  max-height: 85vh;
}

.themi-budget-yearly-view {
  display: grid;
  grid-template: "ja fe ma av mai ju" 1fr "jui aou se oc no de" 1fr/1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 1rem;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1419px) {
  .themi-budget-yearly-view {
    grid-template: "ja fe ma av" 1fr "mai ju jui aou" 1fr "se oc no de" 1fr/1fr 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 1119px) {
  .themi-budget-yearly-view {
    grid-template: "ja fe ma" 1fr "av mai ju" 1fr "jui aou se " 1fr "oc no de" 1fr/1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 799px) {
  .themi-budget-yearly-view {
    grid-template: "ja fe" 1fr "ma av" 1fr "mai ju" 1fr "jui aou" 1fr "se oc" 1fr "no de" 1fr/1fr 1fr;
  }
}
@media only screen and (max-width: 559px) {
  .themi-budget-yearly-view {
    grid-template: "ja" 1fr "fe" 1fr "ma" 1fr "av" 1fr "mai" 1fr "ju" 1fr "jui" 1fr "aou" 1fr "se" 1fr "oc" 1fr "no" 1fr "de" 1fr/1fr;
  }
}
.themi-budget-yearly-view + .year-summary {
  margin-bottom: 80px;
}
.themi-budget-yearly-view + .year-summary .yearly-total {
  font-size: 1.1rem;
}
.themi-budget-yearly-view + .year-summary .yearly-total span {
  font-weight: bold;
  color: rgb(0, 165, 124);
}
.themi-budget-yearly-view + .year-summary .yearly-total.negative {
  color: #c61c42;
}
.themi-budget-yearly-view + .year-summary .yearly-operations span {
  font-weight: bold;
}
.themi-budget-yearly-month {
  display: grid;
  border-radius: 5px;
  color: #fff;
  grid-template: "title" auto "amount" auto "operations" auto "opeplus" auto "opeminus" auto "opevar" auto/1fr;
  gap: 1ch;
  font-size: 0.9rem;
  background-color: #c61c42;
  padding: 0.8rem;
}
.themi-budget-yearly-month h3 {
  font-size: 1.2rem;
  margin-top: 0;
  margin-bottom: 0.5ch;
}
.themi-budget-yearly-month.positive {
  background-color: rgb(0, 165, 124);
}
.themi-budget-yearly-month .amount-for-month {
  font-size: 1.25rem;
}
.themi-budget-yearly-month .amount-for-month span,
.themi-budget-yearly-month .operations-for-month span {
  font-weight: bold;
}
.themi-budget-yearly-month .positive-for-month,
.themi-budget-yearly-month .negative-for-month,
.themi-budget-yearly-month .variable-for-month {
  padding-left: 0.8em;
  position: relative;
}
.themi-budget-yearly-month .positive-for-month:before,
.themi-budget-yearly-month .negative-for-month:before,
.themi-budget-yearly-month .variable-for-month:before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}

.pwa-install-aside {
  display: none;
}
.pwa-install-aside.visible {
  display: flex;
  flex-direction: column;
}
.pwa-install-aside #pwa-install-container {
  display: none;
  flex-direction: column;
}
.pwa-install-aside #pwa-install-container div {
  margin-bottom: 1rem;
}
.pwa-install-aside #pwa-install-container.visible {
  display: flex;
}
.pwa-install-aside #pwa-ios-instructions {
  display: none;
  flex-direction: column;
}
.pwa-install-aside #pwa-ios-instructions.visible {
  display: flex;
}

.um.um-profile .um-cover-add:hover i {
  color: rgb(0, 165, 124);
}
@media only screen and (max-width: 549px) {
  .um .um-main-meta {
    padding-top: 140px;
  }
}

.themi-budget-by-year h1 span {
  display: flex;
  padding-right: 145px;
}
@media only screen and (max-width: 574px) {
  .themi-budget-by-year h1 span {
    padding-right: 0;
    padding-top: 50px;
    font-size: 1.6rem;
  }
}

.themi-variable-expense-full-display {
  display: grid;
  grid-template: "aside" auto "data " 1fr/1fr;
  padding-top: 2rem;
  padding-bottom: 2rem;
  gap: 1rem;
}
.themi-variable-expense-full-display > aside {
  grid-area: aside;
}
.themi-variable-expense-full-display .themi-variable-expense-full-display-outer-wrapper {
  grid-area: data;
  width: 100%;
  display: grid;
  grid-template: "wr" 1fr/1fr;
}

.themi-real-expense-full-display-outer-wrapper {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.themi-variable-expense-full-display-inner-wrapper,
.themi-real-expense-full-display-inner-wrapper {
  color: #fff;
  padding: 1rem;
  background: rgb(0, 165, 124);
  width: 100%;
  grid-area: wr;
  min-height: min(60vw, 75vh);
  border-radius: 15px;
}
.themi-variable-expense-full-display-inner-wrapper h1,
.themi-variable-expense-full-display-inner-wrapper h2,
.themi-variable-expense-full-display-inner-wrapper a,
.themi-real-expense-full-display-inner-wrapper h1,
.themi-real-expense-full-display-inner-wrapper h2,
.themi-real-expense-full-display-inner-wrapper a {
  color: inherit;
}
.themi-variable-expense-full-display-inner-wrapper h1 > span,
.themi-variable-expense-full-display-inner-wrapper h2 > span,
.themi-variable-expense-full-display-inner-wrapper a > span,
.themi-real-expense-full-display-inner-wrapper h1 > span,
.themi-real-expense-full-display-inner-wrapper h2 > span,
.themi-real-expense-full-display-inner-wrapper a > span {
  color: #ffde59;
}
.themi-variable-expense-full-display-inner-wrapper .month-and-day-objective span,
.themi-real-expense-full-display-inner-wrapper .month-and-day-objective span {
  color: #ffde59;
}
.themi-variable-expense-full-display-inner-wrapper a:hover,
.themi-real-expense-full-display-inner-wrapper a:hover {
  color: #ffde59;
}/*# sourceMappingURL=main.css.map */