/* line 1, assets/style/_reset.scss */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* line 7, assets/style/_reset.scss */
* {
  margin: 0;
  padding: 0; }

/* line 12, assets/style/_reset.scss */
ul[role="list"],
ol[role="list"] {
  list-style: none; }

/* line 17, assets/style/_reset.scss */
html:focus-within {
  scroll-behavior: smooth; }

/* line 21, assets/style/_reset.scss */
a:not([class]) {
  text-decoration-skip-ink: auto; }

/* line 25, assets/style/_reset.scss */
img,
picture,
svg,
video,
canvas {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover; }

/* line 38, assets/style/_reset.scss */
input,
button,
textarea,
select {
  font: inherit; }

@media (prefers-reduced-motion: reduce) {
  /* line 46, assets/style/_reset.scss */
  html:focus-within {
    scroll-behavior: auto; }
  /* line 49, assets/style/_reset.scss */
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    transition: none; } }

/* line 60, assets/style/_reset.scss */
body,
html {
  height: 100%;
  scroll-behavior: smooth; }

@media (max-width: 780px) {
  /* line 85, assets/style/_breakpoints.scss */
  .hide-m {
    display: none; } }

@media (max-width: 640px) {
  /* line 91, assets/style/_breakpoints.scss */
  .hide-s {
    display: none; } }

@media (max-width: 530px) {
  /* line 97, assets/style/_breakpoints.scss */
  .hide-xs {
    display: none; } }

/* line 20, assets/style/_fonts.scss */
html {
  font-size: 16px; }

/* line 26, assets/style/_fonts.scss */
body {
  font-family: "Inter", helvetica, sans-serif; }

/* line 9, assets/style/_tailwind.scss */
.pr-1 {
  padding-right: 1rem; }

/* line 13, assets/style/_tailwind.scss */
.pl-1 {
  padding-left: 1rem; }

/* line 17, assets/style/_tailwind.scss */
.pt-1 {
  padding-top: 1rem; }

/* line 21, assets/style/_tailwind.scss */
.pb-1 {
  padding-bottom: 1rem; }

/* line 25, assets/style/_tailwind.scss */
.py-1 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

/* line 30, assets/style/_tailwind.scss */
.px-1 {
  padding-left: 1rem;
  padding-right: 1rem; }

/* line 35, assets/style/_tailwind.scss */
.p-1 {
  padding: 1rem; }

/* line 39, assets/style/_tailwind.scss */
.pa-1 {
  padding: 1rem; }

/* line 9, assets/style/_tailwind.scss */
.pr-2 {
  padding-right: 2rem; }

/* line 13, assets/style/_tailwind.scss */
.pl-2 {
  padding-left: 2rem; }

/* line 17, assets/style/_tailwind.scss */
.pt-2 {
  padding-top: 2rem; }

/* line 21, assets/style/_tailwind.scss */
.pb-2 {
  padding-bottom: 2rem; }

/* line 25, assets/style/_tailwind.scss */
.py-2 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

/* line 30, assets/style/_tailwind.scss */
.px-2 {
  padding-left: 2rem;
  padding-right: 2rem; }

/* line 35, assets/style/_tailwind.scss */
.p-2 {
  padding: 2rem; }

/* line 39, assets/style/_tailwind.scss */
.pa-2 {
  padding: 2rem; }

/* line 9, assets/style/_tailwind.scss */
.pr-3 {
  padding-right: 3rem; }

/* line 13, assets/style/_tailwind.scss */
.pl-3 {
  padding-left: 3rem; }

/* line 17, assets/style/_tailwind.scss */
.pt-3 {
  padding-top: 3rem; }

/* line 21, assets/style/_tailwind.scss */
.pb-3 {
  padding-bottom: 3rem; }

/* line 25, assets/style/_tailwind.scss */
.py-3 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

/* line 30, assets/style/_tailwind.scss */
.px-3 {
  padding-left: 3rem;
  padding-right: 3rem; }

/* line 35, assets/style/_tailwind.scss */
.p-3 {
  padding: 3rem; }

/* line 39, assets/style/_tailwind.scss */
.pa-3 {
  padding: 3rem; }

/* line 9, assets/style/_tailwind.scss */
.pr-4 {
  padding-right: 4rem; }

/* line 13, assets/style/_tailwind.scss */
.pl-4 {
  padding-left: 4rem; }

/* line 17, assets/style/_tailwind.scss */
.pt-4 {
  padding-top: 4rem; }

/* line 21, assets/style/_tailwind.scss */
.pb-4 {
  padding-bottom: 4rem; }

/* line 25, assets/style/_tailwind.scss */
.py-4 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

/* line 30, assets/style/_tailwind.scss */
.px-4 {
  padding-left: 4rem;
  padding-right: 4rem; }

/* line 35, assets/style/_tailwind.scss */
.p-4 {
  padding: 4rem; }

/* line 39, assets/style/_tailwind.scss */
.pa-4 {
  padding: 4rem; }

/* line 9, assets/style/_tailwind.scss */
.pr-5 {
  padding-right: 5rem; }

/* line 13, assets/style/_tailwind.scss */
.pl-5 {
  padding-left: 5rem; }

/* line 17, assets/style/_tailwind.scss */
.pt-5 {
  padding-top: 5rem; }

/* line 21, assets/style/_tailwind.scss */
.pb-5 {
  padding-bottom: 5rem; }

/* line 25, assets/style/_tailwind.scss */
.py-5 {
  padding-top: 5rem;
  padding-bottom: 5rem; }

/* line 30, assets/style/_tailwind.scss */
.px-5 {
  padding-left: 5rem;
  padding-right: 5rem; }

/* line 35, assets/style/_tailwind.scss */
.p-5 {
  padding: 5rem; }

/* line 39, assets/style/_tailwind.scss */
.pa-5 {
  padding: 5rem; }

/* line 9, assets/style/_tailwind.scss */
.pr-6 {
  padding-right: 6rem; }

/* line 13, assets/style/_tailwind.scss */
.pl-6 {
  padding-left: 6rem; }

/* line 17, assets/style/_tailwind.scss */
.pt-6 {
  padding-top: 6rem; }

/* line 21, assets/style/_tailwind.scss */
.pb-6 {
  padding-bottom: 6rem; }

/* line 25, assets/style/_tailwind.scss */
.py-6 {
  padding-top: 6rem;
  padding-bottom: 6rem; }

/* line 30, assets/style/_tailwind.scss */
.px-6 {
  padding-left: 6rem;
  padding-right: 6rem; }

/* line 35, assets/style/_tailwind.scss */
.p-6 {
  padding: 6rem; }

/* line 39, assets/style/_tailwind.scss */
.pa-6 {
  padding: 6rem; }

/* line 9, assets/style/_tailwind.scss */
.pr-7 {
  padding-right: 7rem; }

/* line 13, assets/style/_tailwind.scss */
.pl-7 {
  padding-left: 7rem; }

/* line 17, assets/style/_tailwind.scss */
.pt-7 {
  padding-top: 7rem; }

/* line 21, assets/style/_tailwind.scss */
.pb-7 {
  padding-bottom: 7rem; }

/* line 25, assets/style/_tailwind.scss */
.py-7 {
  padding-top: 7rem;
  padding-bottom: 7rem; }

/* line 30, assets/style/_tailwind.scss */
.px-7 {
  padding-left: 7rem;
  padding-right: 7rem; }

/* line 35, assets/style/_tailwind.scss */
.p-7 {
  padding: 7rem; }

/* line 39, assets/style/_tailwind.scss */
.pa-7 {
  padding: 7rem; }

/* line 9, assets/style/_tailwind.scss */
.pr-8 {
  padding-right: 8rem; }

/* line 13, assets/style/_tailwind.scss */
.pl-8 {
  padding-left: 8rem; }

/* line 17, assets/style/_tailwind.scss */
.pt-8 {
  padding-top: 8rem; }

/* line 21, assets/style/_tailwind.scss */
.pb-8 {
  padding-bottom: 8rem; }

/* line 25, assets/style/_tailwind.scss */
.py-8 {
  padding-top: 8rem;
  padding-bottom: 8rem; }

/* line 30, assets/style/_tailwind.scss */
.px-8 {
  padding-left: 8rem;
  padding-right: 8rem; }

/* line 35, assets/style/_tailwind.scss */
.p-8 {
  padding: 8rem; }

/* line 39, assets/style/_tailwind.scss */
.pa-8 {
  padding: 8rem; }

/* line 9, assets/style/_tailwind.scss */
.pr-9 {
  padding-right: 9rem; }

/* line 13, assets/style/_tailwind.scss */
.pl-9 {
  padding-left: 9rem; }

/* line 17, assets/style/_tailwind.scss */
.pt-9 {
  padding-top: 9rem; }

/* line 21, assets/style/_tailwind.scss */
.pb-9 {
  padding-bottom: 9rem; }

/* line 25, assets/style/_tailwind.scss */
.py-9 {
  padding-top: 9rem;
  padding-bottom: 9rem; }

/* line 30, assets/style/_tailwind.scss */
.px-9 {
  padding-left: 9rem;
  padding-right: 9rem; }

/* line 35, assets/style/_tailwind.scss */
.p-9 {
  padding: 9rem; }

/* line 39, assets/style/_tailwind.scss */
.pa-9 {
  padding: 9rem; }

/* line 9, assets/style/_tailwind.scss */
.pr-10 {
  padding-right: 10rem; }

/* line 13, assets/style/_tailwind.scss */
.pl-10 {
  padding-left: 10rem; }

/* line 17, assets/style/_tailwind.scss */
.pt-10 {
  padding-top: 10rem; }

/* line 21, assets/style/_tailwind.scss */
.pb-10 {
  padding-bottom: 10rem; }

/* line 25, assets/style/_tailwind.scss */
.py-10 {
  padding-top: 10rem;
  padding-bottom: 10rem; }

/* line 30, assets/style/_tailwind.scss */
.px-10 {
  padding-left: 10rem;
  padding-right: 10rem; }

/* line 35, assets/style/_tailwind.scss */
.p-10 {
  padding: 10rem; }

/* line 39, assets/style/_tailwind.scss */
.pa-10 {
  padding: 10rem; }

/* line 47, assets/style/_tailwind.scss */
.mr-1 {
  margin-right: 1rem; }

/* line 51, assets/style/_tailwind.scss */
.ml-1 {
  margin-left: 1rem; }

/* line 55, assets/style/_tailwind.scss */
.mt-1 {
  margin-top: 1rem; }

/* line 59, assets/style/_tailwind.scss */
.mb-1 {
  margin-bottom: 1rem; }

/* line 63, assets/style/_tailwind.scss */
.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

/* line 68, assets/style/_tailwind.scss */
.mx-1 {
  margin-left: 1rem;
  margin-right: 1rem; }

/* line 73, assets/style/_tailwind.scss */
.ma-1 {
  margin: 1rem; }

/* line 47, assets/style/_tailwind.scss */
.mr-2 {
  margin-right: 2rem; }

/* line 51, assets/style/_tailwind.scss */
.ml-2 {
  margin-left: 2rem; }

/* line 55, assets/style/_tailwind.scss */
.mt-2 {
  margin-top: 2rem; }

/* line 59, assets/style/_tailwind.scss */
.mb-2 {
  margin-bottom: 2rem; }

/* line 63, assets/style/_tailwind.scss */
.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

/* line 68, assets/style/_tailwind.scss */
.mx-2 {
  margin-left: 2rem;
  margin-right: 2rem; }

/* line 73, assets/style/_tailwind.scss */
.ma-2 {
  margin: 2rem; }

/* line 47, assets/style/_tailwind.scss */
.mr-3 {
  margin-right: 3rem; }

/* line 51, assets/style/_tailwind.scss */
.ml-3 {
  margin-left: 3rem; }

/* line 55, assets/style/_tailwind.scss */
.mt-3 {
  margin-top: 3rem; }

/* line 59, assets/style/_tailwind.scss */
.mb-3 {
  margin-bottom: 3rem; }

/* line 63, assets/style/_tailwind.scss */
.my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

/* line 68, assets/style/_tailwind.scss */
.mx-3 {
  margin-left: 3rem;
  margin-right: 3rem; }

/* line 73, assets/style/_tailwind.scss */
.ma-3 {
  margin: 3rem; }

/* line 47, assets/style/_tailwind.scss */
.mr-4 {
  margin-right: 4rem; }

/* line 51, assets/style/_tailwind.scss */
.ml-4 {
  margin-left: 4rem; }

/* line 55, assets/style/_tailwind.scss */
.mt-4 {
  margin-top: 4rem; }

/* line 59, assets/style/_tailwind.scss */
.mb-4 {
  margin-bottom: 4rem; }

/* line 63, assets/style/_tailwind.scss */
.my-4 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

/* line 68, assets/style/_tailwind.scss */
.mx-4 {
  margin-left: 4rem;
  margin-right: 4rem; }

/* line 73, assets/style/_tailwind.scss */
.ma-4 {
  margin: 4rem; }

/* line 47, assets/style/_tailwind.scss */
.mr-5 {
  margin-right: 5rem; }

/* line 51, assets/style/_tailwind.scss */
.ml-5 {
  margin-left: 5rem; }

/* line 55, assets/style/_tailwind.scss */
.mt-5 {
  margin-top: 5rem; }

/* line 59, assets/style/_tailwind.scss */
.mb-5 {
  margin-bottom: 5rem; }

/* line 63, assets/style/_tailwind.scss */
.my-5 {
  margin-top: 5rem;
  margin-bottom: 5rem; }

/* line 68, assets/style/_tailwind.scss */
.mx-5 {
  margin-left: 5rem;
  margin-right: 5rem; }

/* line 73, assets/style/_tailwind.scss */
.ma-5 {
  margin: 5rem; }

/* line 47, assets/style/_tailwind.scss */
.mr-6 {
  margin-right: 6rem; }

/* line 51, assets/style/_tailwind.scss */
.ml-6 {
  margin-left: 6rem; }

/* line 55, assets/style/_tailwind.scss */
.mt-6 {
  margin-top: 6rem; }

/* line 59, assets/style/_tailwind.scss */
.mb-6 {
  margin-bottom: 6rem; }

/* line 63, assets/style/_tailwind.scss */
.my-6 {
  margin-top: 6rem;
  margin-bottom: 6rem; }

/* line 68, assets/style/_tailwind.scss */
.mx-6 {
  margin-left: 6rem;
  margin-right: 6rem; }

/* line 73, assets/style/_tailwind.scss */
.ma-6 {
  margin: 6rem; }

/* line 47, assets/style/_tailwind.scss */
.mr-7 {
  margin-right: 7rem; }

/* line 51, assets/style/_tailwind.scss */
.ml-7 {
  margin-left: 7rem; }

/* line 55, assets/style/_tailwind.scss */
.mt-7 {
  margin-top: 7rem; }

/* line 59, assets/style/_tailwind.scss */
.mb-7 {
  margin-bottom: 7rem; }

/* line 63, assets/style/_tailwind.scss */
.my-7 {
  margin-top: 7rem;
  margin-bottom: 7rem; }

/* line 68, assets/style/_tailwind.scss */
.mx-7 {
  margin-left: 7rem;
  margin-right: 7rem; }

/* line 73, assets/style/_tailwind.scss */
.ma-7 {
  margin: 7rem; }

/* line 47, assets/style/_tailwind.scss */
.mr-8 {
  margin-right: 8rem; }

/* line 51, assets/style/_tailwind.scss */
.ml-8 {
  margin-left: 8rem; }

/* line 55, assets/style/_tailwind.scss */
.mt-8 {
  margin-top: 8rem; }

/* line 59, assets/style/_tailwind.scss */
.mb-8 {
  margin-bottom: 8rem; }

/* line 63, assets/style/_tailwind.scss */
.my-8 {
  margin-top: 8rem;
  margin-bottom: 8rem; }

/* line 68, assets/style/_tailwind.scss */
.mx-8 {
  margin-left: 8rem;
  margin-right: 8rem; }

/* line 73, assets/style/_tailwind.scss */
.ma-8 {
  margin: 8rem; }

/* line 47, assets/style/_tailwind.scss */
.mr-9 {
  margin-right: 9rem; }

/* line 51, assets/style/_tailwind.scss */
.ml-9 {
  margin-left: 9rem; }

/* line 55, assets/style/_tailwind.scss */
.mt-9 {
  margin-top: 9rem; }

/* line 59, assets/style/_tailwind.scss */
.mb-9 {
  margin-bottom: 9rem; }

/* line 63, assets/style/_tailwind.scss */
.my-9 {
  margin-top: 9rem;
  margin-bottom: 9rem; }

/* line 68, assets/style/_tailwind.scss */
.mx-9 {
  margin-left: 9rem;
  margin-right: 9rem; }

/* line 73, assets/style/_tailwind.scss */
.ma-9 {
  margin: 9rem; }

/* line 47, assets/style/_tailwind.scss */
.mr-10 {
  margin-right: 10rem; }

/* line 51, assets/style/_tailwind.scss */
.ml-10 {
  margin-left: 10rem; }

/* line 55, assets/style/_tailwind.scss */
.mt-10 {
  margin-top: 10rem; }

/* line 59, assets/style/_tailwind.scss */
.mb-10 {
  margin-bottom: 10rem; }

/* line 63, assets/style/_tailwind.scss */
.my-10 {
  margin-top: 10rem;
  margin-bottom: 10rem; }

/* line 68, assets/style/_tailwind.scss */
.mx-10 {
  margin-left: 10rem;
  margin-right: 10rem; }

/* line 73, assets/style/_tailwind.scss */
.ma-10 {
  margin: 10rem; }

/* line 47, assets/style/_tailwind.scss */
.mr-auto {
  margin-right: autorem; }

/* line 51, assets/style/_tailwind.scss */
.ml-auto {
  margin-left: autorem; }

/* line 55, assets/style/_tailwind.scss */
.mt-auto {
  margin-top: autorem; }

/* line 59, assets/style/_tailwind.scss */
.mb-auto {
  margin-bottom: autorem; }

/* line 63, assets/style/_tailwind.scss */
.my-auto {
  margin-top: autorem;
  margin-bottom: autorem; }

/* line 68, assets/style/_tailwind.scss */
.mx-auto {
  margin-left: autorem;
  margin-right: autorem; }

/* line 73, assets/style/_tailwind.scss */
.ma-auto {
  margin: autorem; }

/* line 80, assets/style/_tailwind.scss */
.fs-s {
  font-size: 0.9rem; }

/* line 84, assets/style/_tailwind.scss */
.fs-m {
  font-size: 1.1rem; }

/* line 88, assets/style/_tailwind.scss */
.fs-l {
  font-size: 1.2rem; }

/* line 92, assets/style/_tailwind.scss */
.fs-xl {
  font-size: 1.4rem; }

/* line 96, assets/style/_tailwind.scss */
.font-normal {
  font-weight: 400; }

/* line 100, assets/style/_tailwind.scss */
.font-light {
  font-weight: 300; }

/* line 107, assets/style/_tailwind.scss */
.text:not(:last-child):not(.no-margin) {
  margin-bottom: 2rem; }

/* line 111, assets/style/_tailwind.scss */
.text.center {
  text-align: center; }

/* line 115, assets/style/_tailwind.scss */
.text.narrow {
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto; }

/* line 121, assets/style/_tailwind.scss */
.text a {
  text-decoration: underline; }

/* line 125, assets/style/_tailwind.scss */
.text.small {
  font-size: 0.9rem; }

/* line 129, assets/style/_tailwind.scss */
.text.medium {
  font-size: 1.2rem; }

/* line 134, assets/style/_tailwind.scss */
.text ul:not(:last-child) {
  margin-bottom: 2.5rem; }

/* line 138, assets/style/_tailwind.scss */
.text ul:not(:first-child) {
  margin-top: 2.5rem; }

/* line 143, assets/style/_tailwind.scss */
.text li,
.text p {
  line-height: 160%;
  margin: 0; }
  /* line 148, assets/style/_tailwind.scss */
  .text li:not(:last-child):not(.no-margin),
  .text p:not(:last-child):not(.no-margin) {
    margin-bottom: 1.5rem; }
  /* line 152, assets/style/_tailwind.scss */
  .text li strong,
  .text p strong {
    font-weight: 600; }

/* line 157, assets/style/_tailwind.scss */
.text strong {
  font-weight: 500; }

/* line 160, assets/style/_tailwind.scss */
.text.italic {
  font-style: italic; }

/* line 167, assets/style/_tailwind.scss */
.title {
  font-size: 1.4rem;
  font-family: "Inter", helvetica, sans-serif;
  font-weight: 600;
  line-height: 130%; }
  /* line 173, assets/style/_tailwind.scss */
  .title.center {
    text-align: center; }
  /* line 177, assets/style/_tailwind.scss */
  .title.narrow {
    max-width: 30rem;
    margin-left: auto;
    margin-right: auto; }
  /* line 183, assets/style/_tailwind.scss */
  .title.x-small {
    font-size: 1rem;
    line-height: 140%; }
    /* line 187, assets/style/_tailwind.scss */
    .title.x-small:not(:last-child) {
      margin-bottom: 0.5rem; }
  /* line 192, assets/style/_tailwind.scss */
  .title.small {
    font-size: 1.2rem;
    line-height: 140%; }
    /* line 196, assets/style/_tailwind.scss */
    .title.small:not(:last-child) {
      margin-bottom: 1rem; }
  /* line 201, assets/style/_tailwind.scss */
  .title.medium {
    font-size: 1.3rem; }
  /* line 205, assets/style/_tailwind.scss */
  .title.large {
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: -0.05rem; }
  /* line 211, assets/style/_tailwind.scss */
  .title.x-large {
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: -0.05rem; }
  /* line 217, assets/style/_tailwind.scss */
  .title.xx-large {
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: -0.05rem; }
  /* line 223, assets/style/_tailwind.scss */
  .title:not(:last-child) {
    margin-bottom: 2rem; }
    /* line 226, assets/style/_tailwind.scss */
    .title:not(:last-child).extra-margin {
      margin-bottom: 4rem; }
  /* line 231, assets/style/_tailwind.scss */
  .title.no-margin {
    margin-bottom: 0 !important; }

/* line 238, assets/style/_tailwind.scss */
.hidden {
  display: none !important; }

/* line 242, assets/style/_tailwind.scss */
.block {
  display: block; }

/* line 246, assets/style/_tailwind.scss */
.flex {
  display: flex; }

/* line 249, assets/style/_tailwind.scss */
.inline-flex {
  display: inline-flex; }

/* line 255, assets/style/_tailwind.scss */
.flex-1 {
  flex: 1 1 0%; }

/* line 259, assets/style/_tailwind.scss */
.flex-row {
  flex-direction: row; }

/* line 262, assets/style/_tailwind.scss */
.flex-row-reverse {
  flex-direction: row-reverse; }

/* line 265, assets/style/_tailwind.scss */
.flex-col {
  flex-direction: column; }

/* line 268, assets/style/_tailwind.scss */
.flex-col-reverse {
  flex-direction: column-reverse; }

/* line 274, assets/style/_tailwind.scss */
.justify-normal {
  justify-content: normal; }

/* line 277, assets/style/_tailwind.scss */
.justify-start {
  justify-content: flex-start; }

/* line 280, assets/style/_tailwind.scss */
.justify-end {
  justify-content: flex-end; }

/* line 283, assets/style/_tailwind.scss */
.justify-center {
  justify-content: center; }

/* line 286, assets/style/_tailwind.scss */
.justify-between {
  justify-content: space-between; }

/* line 289, assets/style/_tailwind.scss */
.justify-around {
  justify-content: space-around; }

/* line 292, assets/style/_tailwind.scss */
.justify-evenly {
  justify-content: space-evenly; }

/* line 295, assets/style/_tailwind.scss */
.justify-stretch {
  justify-content: stretch; }

/* line 301, assets/style/_tailwind.scss */
.drop-shadow-lg {
  filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); }

/* line 307, assets/style/_tailwind.scss */
.bg-light {
  background: #fff; }

/* line 312, assets/style/_tailwind.scss */
.w-full {
  width: 100%; }

/* line 3, assets/style/_google_maps.scss */
.pac-container {
  border-radius: 0.75rem; }
  /* line 6, assets/style/_google_maps.scss */
  .pac-container .pac-item {
    padding: 0.5rem;
    font-size: 0.9rem; }
    /* line 10, assets/style/_google_maps.scss */
    .pac-container .pac-item .pac-icon {
      display: none; }

/* line 3, assets/style/_sections.scss */
.main-navigation {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 0 2rem;
  height: 5rem;
  position: sticky;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  color: #000;
  border-bottom: 1px solid #ddd; }
  /* line 18, assets/style/_sections.scss */
  .main-navigation nav {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-family: "Inter", helvetica, sans-serif;
    font-weight: 500; }
    /* line 25, assets/style/_sections.scss */
    .main-navigation nav.secondary-links {
      margin-left: auto;
      gap: 1rem; }
    /* line 30, assets/style/_sections.scss */
    .main-navigation nav > a:not(.button) {
      color: inherit;
      text-decoration: none;
      padding: 0 1.2rem;
      height: 2.4rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border-radius: 1.2rem; }
      /* line 42, assets/style/_sections.scss */
      .main-navigation nav > a:not(.button).active, .main-navigation nav > a:not(.button):hover {
        background: #f6f6f4; }
  /* line 49, assets/style/_sections.scss */
  .transparent-context .main-navigation, .dark-context .main-navigation {
    color: #fff;
    background: #000;
    border-bottom: 0; }
    /* line 56, assets/style/_sections.scss */
    .transparent-context .main-navigation nav > a:not(.button).active, .transparent-context .main-navigation nav > a:not(.button):hover, .dark-context .main-navigation nav > a:not(.button).active, .dark-context .main-navigation nav > a:not(.button):hover {
      background: rgba(255, 255, 255, 0.15); }
  /* line 63, assets/style/_sections.scss */
  body.transparent-context .main-navigation {
    background: transparent; }
  @media (max-width: 780px) {
    /* line 68, assets/style/_sections.scss */
    .main-navigation .primary-links {
      display: none; } }
/* line 76, assets/style/_sections.scss */
.site-header {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 0 2rem;
  height: 5rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%; }
  /* line 88, assets/style/_sections.scss */
  .site-header .actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: "Inter", helvetica, sans-serif;
    font-weight: 500;
    margin-left: auto; }

/* line 101, assets/style/_sections.scss */
body.with-hero .main-content {
  padding-top: calc(100vh - 10rem); }

/* line 109, assets/style/_sections.scss */
.main-footer .top {
  display: grid;
  grid-template-columns: Min(40rem, 60%) auto auto;
  gap: 2rem; }
  /* line 114, assets/style/_sections.scss */
  .main-footer .top .brand-info {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
  /* line 120, assets/style/_sections.scss */
  .main-footer .top .footer-nav {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem; }
    /* line 126, assets/style/_sections.scss */
    .main-footer .top .footer-nav a {
      text-decoration: none;
      color: #fff; }
      /* line 130, assets/style/_sections.scss */
      .main-footer .top .footer-nav a:hover {
        text-decoration: underline; }

/* line 137, assets/style/_sections.scss */
.main-footer .bottom {
  padding-top: 2rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 0.9rem;
  display: flex;
  align-items: center; }
  /* line 144, assets/style/_sections.scss */
  .main-footer .bottom .copy {
    color: rgba(255, 255, 255, 0.5); }
  /* line 148, assets/style/_sections.scss */
  .main-footer .bottom .social-nav {
    margin-left: auto;
    display: flex;
    gap: 0.5rem; }
    /* line 153, assets/style/_sections.scss */
    .main-footer .bottom .social-nav a {
      height: 2.4rem;
      width: 2.4rem;
      border-radius: 1.2rem;
      display: block;
      background: #333;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: inherit;
      transition: background 250ms ease-in-out; }
      /* line 166, assets/style/_sections.scss */
      .main-footer .bottom .social-nav a:hover {
        background: #ff6700; }

@media (max-width: 640px) {
  /* line 174, assets/style/_sections.scss */
  .main-footer .top {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "brand brand" "nav-1 nav-2"; }
    /* line 180, assets/style/_sections.scss */
    .main-footer .top .brand-info {
      grid-area: brand; }
    /* line 184, assets/style/_sections.scss */
    .main-footer .top .footer-nav.explore-links {
      grid-area: nav-1;
      margin-left: 0; }
    /* line 189, assets/style/_sections.scss */
    .main-footer .top .footer-nav.support-links {
      grid-area: nav-2;
      margin-left: 0; } }

/* line 199, assets/style/_sections.scss */
.ctas {
  display: flex;
  align-items: center;
  gap: 1rem; }

/* line 3, assets/style/_components.scss */
body {
  background: #000;
  color: #fff; }

/* line 8, assets/style/_components.scss */
hr {
  background: #ddddde;
  border: 0;
  height: 1px; }

/* line 14, assets/style/_components.scss */
.content-wrapper {
  background: #fff;
  color: #000; }

/* line 21, assets/style/_components.scss */
.dark-context {
  background: #000;
  color: #fff; }

/* line 26, assets/style/_components.scss */
.light-context {
  background: #fff;
  color: #000; }

/* line 31, assets/style/_components.scss */
.tint-context {
  background: #f9f9f6;
  color: #000; }

/* line 36, assets/style/_components.scss */
.transparent-context {
  background: transparent;
  color: #fff; }

/* line 43, assets/style/_components.scss */
.logo {
  color: inherit;
  width: 8rem;
  display: block; }
  /* line 48, assets/style/_components.scss */
  .logo svg {
    width: 100%;
    display: block;
    height: auto; }
    /* line 55, assets/style/_components.scss */
    .logo svg path {
      stroke: #fff;
      stroke-width: 1px; }
  /* line 65, assets/style/_components.scss */
  .logo.no-stroke svg path, .dark-context .logo svg path, .transparent-context .logo svg path {
    stroke-width: 0; }

/* line 74, assets/style/_components.scss */
.cover {
  position: relative; }
  /* line 79, assets/style/_components.scss */
  .cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

/* line 91, assets/style/_components.scss */
.property-viewer {
  height: calc(100vh - 5rem);
  display: grid;
  grid-template-columns: 65% 35%; }
  @media (max-width: 1024px) {
    /* line 91, assets/style/_components.scss */
    .property-viewer {
      grid-template-columns: 1fr 1fr; } }
  /* line 100, assets/style/_components.scss */
  .property-viewer .list-container {
    overflow-y: auto;
    padding: 2rem; }
    /* line 104, assets/style/_components.scss */
    .property-viewer .list-container .form {
      flex: 0;
      margin-bottom: 2rem; }
    /* line 109, assets/style/_components.scss */
    .property-viewer .list-container .property-list {
      flex: 1;
      grid-template-columns: repeat(4, 1fr); }
  @media (max-width: 1600px) {
    /* line 117, assets/style/_components.scss */
    .property-viewer .list-container .property-list {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 1400px) {
    /* line 91, assets/style/_components.scss */
    .property-viewer {
      grid-template-columns: 55% 45%; }
      /* line 127, assets/style/_components.scss */
      .property-viewer .list-container .property-list {
        grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 780px) {
    /* line 135, assets/style/_components.scss */
    .property-viewer .list-container .property-list {
      grid-template-columns: repeat(1, 1fr); } }
  @media (max-width: 640px) {
    /* line 91, assets/style/_components.scss */
    .property-viewer {
      grid-template-columns: 1fr; }
      /* line 145, assets/style/_components.scss */
      .property-viewer .list-container .property-list {
        grid-template-columns: repeat(1, 1fr); } }
/* line 154, assets/style/_components.scss */
.property-list {
  display: grid;
  gap: 1rem; }
  /* line 158, assets/style/_components.scss */
  .property-list.wide {
    grid-template-columns: repeat(3, 1fr); }
    @media (max-width: 1024px) {
      /* line 158, assets/style/_components.scss */
      .property-list.wide {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 640px) {
      /* line 158, assets/style/_components.scss */
      .property-list.wide {
        grid-template-columns: repeat(1, 1fr); } }
    /* line 170, assets/style/_components.scss */
    .property-list.wide .property:hover {
      box-shadow: 0 0 0 1px #ddddde; }

/* line 179, assets/style/_components.scss */
.process-steps {
  display: flex;
  flex-direction: column;
  gap: 4rem; }
  /* line 184, assets/style/_components.scss */
  .process-steps .image-wrapper {
    width: 100%;
    padding-top: 80%;
    position: relative; }
    /* line 189, assets/style/_components.scss */
    .process-steps .image-wrapper img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 0.75rem; }
  /* line 200, assets/style/_components.scss */
  .process-steps .step {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center; }
    /* line 206, assets/style/_components.scss */
    .process-steps .step .step-badge {
      display: inline-block;
      padding: 0.25rem 0.4rem;
      background: #ff6700;
      background: rgba(0, 0, 5, 0.07);
      color: #000;
      font-size: 0.9rem;
      font-weight: 500;
      border-radius: 0.3rem; }
  @media (max-width: 640px) {
    /* line 219, assets/style/_components.scss */
    .process-steps .step {
      grid-template-columns: 1fr; } }
/* line 227, assets/style/_components.scss */
.map {
  background: #eeeeee;
  position: relative; }
  /* line 231, assets/style/_components.scss */
  .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* line 240, assets/style/_components.scss */
.cluster {
  width: 45px;
  height: 45px;
  display: flex;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 3px 4px;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  font-weight: 500;
  font-size: 0.9rem;
  background-color: #fff;
  border: 1px solid #888;
  transform: translateY(50%);
  transition: all 100ms ease-out; }
  /* line 255, assets/style/_components.scss */
  .cluster:hover {
    color: #fff;
    background-color: #000;
    padding: 0.6rem 0.8rem;
    width: 55px;
    height: 55px;
    z-index: 99; }
  /* line 263, assets/style/_components.scss */
  .cluster.cluster-hover {
    color: #fff;
    background-color: #000;
    padding: 0.6rem 0.8rem;
    width: 55px;
    height: 55px;
    z-index: 99; }

/* line 273, assets/style/_components.scss */
.grid-map {
  width: 100%;
  height: 100%;
  background-color: #fff; }

/* line 279, assets/style/_components.scss */
.pin-map {
  border: 0;
  width: 100%;
  height: 20rem;
  border-radius: 1rem; }

/* line 286, assets/style/_components.scss */
.photo-map {
  height: 100%;
  position: absolute;
  border-radius: 0;
  pointer-events: none; }

/* line 292, assets/style/_components.scss */
.static-pin-map {
  border: 0;
  width: 100%;
  height: 14rem;
  border-radius: 1rem; }

/* line 299, assets/style/_components.scss */
.floating-marker {
  position: absolute;
  left: calc(50% - 24px);
  transform: translate(0, calc(-8rem - 48px));
  width: 48px;
  height: 48px;
  pointer-events: none; }
  /* line 307, assets/style/_components.scss */
  .floating-marker svg {
    fill: #ff6700;
    width: 100%; }

/* line 313, assets/style/_components.scss */
#property-list-map {
  height: 100%;
  background-color: white; }

/* line 318, assets/style/_components.scss */
.price-tag {
  background-color: #fff;
  border: 1px solid #888;
  color: #000;
  padding: 0.3rem 0.6rem;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 3px 4px;
  border-radius: 0.3rem;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9rem;
  transition: all 100ms ease-out;
  display: flex;
  justify-content: center; }
  /* line 331, assets/style/_components.scss */
  .price-tag:hover .tag-display {
    display: flex; }
  /* line 334, assets/style/_components.scss */
  .price-tag .tag-display {
    position: absolute;
    width: 14rem;
    height: 9rem;
    background: #fff;
    bottom: 110%;
    border-radius: 0.5rem;
    overflow: hidden;
    display: none;
    flex-direction: column; }
    /* line 344, assets/style/_components.scss */
    .price-tag .tag-display .img-container {
      display: flex;
      flex: 1;
      overflow: auto; }
      /* line 348, assets/style/_components.scss */
      .price-tag .tag-display .img-container img {
        object-fit: cover;
        width: 100%; }
    /* line 353, assets/style/_components.scss */
    .price-tag .tag-display .meta-container {
      padding: 0.3rem;
      display: flex;
      flex-direction: column;
      gap: 0.2rem;
      color: #000; }
      /* line 359, assets/style/_components.scss */
      .price-tag .tag-display .meta-container .info {
        font-weight: 400;
        line-height: 0.7rem;
        font-size: 0.8rem; }
      /* line 364, assets/style/_components.scss */
      .price-tag .tag-display .meta-container .availability {
        font-weight: 400;
        font-size: 0.8rem; }

/* line 372, assets/style/_components.scss */
.pin-hover {
  color: #fff;
  background-color: #000;
  padding: 0.6rem 0.8rem;
  z-index: 999; }

/* line 379, assets/style/_components.scss */
.related-pin-hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; }

/* line 385, assets/style/_components.scss */
.box {
  border: 1px solid #ddddde;
  border-radius: 0.75rem;
  padding: 1.5rem; }
  /* line 391, assets/style/_components.scss */
  .box .box-section:not(:last-child) {
    margin-bottom: 1.5rem; }
  /* line 395, assets/style/_components.scss */
  .box .box-section.border {
    border-bottom: 1px solid #ddddde;
    padding-bottom: 1.5rem; }

/* line 403, assets/style/_components.scss */
.price-box .price {
  font-size: 1.2rem;
  font-weight: 600; }

/* line 408, assets/style/_components.scss */
.price-box .price-lite {
  font-weight: 600; }

/* line 412, assets/style/_components.scss */
.price-box .deposit-info .price {
  font-size: 1.1rem; }

/* line 418, assets/style/_components.scss */
.booking-box .from,
.booking-box .to {
  font-weight: 600; }

/* line 426, assets/style/_components.scss */
.property-detail-body {
  display: grid;
  gap: 3rem;
  grid-template-columns: auto 22rem; }
  /* line 431, assets/style/_components.scss */
  .property-detail-body .availability span {
    vertical-align: middle; }
  /* line 436, assets/style/_components.scss */
  .property-detail-body .body .map {
    width: 100%;
    height: 20rem;
    border-radius: 1rem; }
  /* line 442, assets/style/_components.scss */
  .property-detail-body .scroll-aux {
    position: sticky;
    top: 7rem; }
  @media (max-width: 1024px) {
    /* line 426, assets/style/_components.scss */
    .property-detail-body {
      grid-template-columns: 1fr; }
      /* line 449, assets/style/_components.scss */
      .property-detail-body .body {
        order: 1; }
      /* line 453, assets/style/_components.scss */
      .property-detail-body .aux {
        order: 0; }
        /* line 455, assets/style/_components.scss */
        .property-detail-body .aux .scroll-aux {
          position: initial;
          top: 7rem; } }
/* line 465, assets/style/_components.scss */
.section {
  margin-bottom: 2.5rem; }

/* line 470, assets/style/_components.scss */
.link {
  text-decoration: none;
  color: inherit; }

/* line 474, assets/style/_components.scss */
.property {
  text-decoration: none;
  color: inherit;
  border-radius: 1rem;
  padding: 1rem; }
  /* line 479, assets/style/_components.scss */
  .property .cover-wrapper {
    display: block;
    padding-top: 90%;
    position: relative;
    overflow: hidden;
    border-radius: 0.75rem; }
    /* line 486, assets/style/_components.scss */
    .property .cover-wrapper .no-photo {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 0.75rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: #f6f6f4;
      color: #8c8c8c; }
    /* line 502, assets/style/_components.scss */
    .property .cover-wrapper .price-badge {
      display: block;
      padding: 0.1rem 0.3rem;
      background: #fff;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 4px;
      color: #000;
      position: absolute;
      font-size: 0.8rem;
      top: 0.5rem;
      left: 0.5rem;
      border-radius: 0.3rem; }
      /* line 514, assets/style/_components.scss */
      .property .cover-wrapper .price-badge .price {
        font-weight: 600;
        font-size: 0.9rem; }
    /* line 520, assets/style/_components.scss */
    .property .cover-wrapper .state-badge {
      display: block;
      padding: 0.1rem 0.3rem;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 4px;
      color: #000;
      background: #fff;
      position: absolute;
      top: 2rem;
      left: 0.5rem;
      border-radius: 0.3rem; }
      /* line 531, assets/style/_components.scss */
      .property .cover-wrapper .state-badge.ready {
        background: rgba(238, 242, 150, 0.9); }
      /* line 534, assets/style/_components.scss */
      .property .cover-wrapper .state-badge.published {
        background: rgba(154, 222, 123, 0.9); }
      /* line 537, assets/style/_components.scss */
      .property .cover-wrapper .state-badge.draft {
        background: rgba(255, 143, 143, 0.9); }
      /* line 540, assets/style/_components.scss */
      .property .cover-wrapper .state-badge .label {
        font-weight: 600;
        font-size: 0.8rem; }
  /* line 548, assets/style/_components.scss */
  .property .carousel .swiper-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0; }
    /* line 556, assets/style/_components.scss */
    .property .carousel .swiper-wrapper .cover {
      flex: 0 0 100%;
      display: block;
      width: 100%;
      height: 100%; }
      /* line 562, assets/style/_components.scss */
      .property .carousel .swiper-wrapper .cover img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
  /* line 571, assets/style/_components.scss */
  .property .carousel .swiper-pagination-bullet {
    background: #fff; }
  /* line 576, assets/style/_components.scss */
  .property .carousel:hover .swiper-button-prev,
  .property .carousel:hover .swiper-button-next {
    display: flex; }
  /* line 582, assets/style/_components.scss */
  .property .carousel .swiper-pagination {
    display: block; }
  /* line 586, assets/style/_components.scss */
  .property .carousel .swiper-button-prev,
  .property .carousel .swiper-button-next {
    display: none; }
  /* line 591, assets/style/_components.scss */
  .property .carousel .swiper-button-prev,
  .property .carousel .swiper-button-next {
    background: #fff;
    opacity: 0.95;
    content: "";
    width: 2rem;
    height: 2rem;
    color: #000;
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 3px 4px;
    transition: opacity 250ms ease-in-out; }
    /* line 603, assets/style/_components.scss */
    .property .carousel .swiper-button-prev:hover,
    .property .carousel .swiper-button-next:hover {
      opacity: 1; }
    /* line 607, assets/style/_components.scss */
    .property .carousel .swiper-button-prev.swiper-button-disabled,
    .property .carousel .swiper-button-next.swiper-button-disabled {
      opacity: 0; }
    /* line 611, assets/style/_components.scss */
    .property .carousel .swiper-button-prev.swiper-button-prev,
    .property .carousel .swiper-button-next.swiper-button-prev {
      left: 1rem; }
      /* line 614, assets/style/_components.scss */
      .property .carousel .swiper-button-prev.swiper-button-prev svg,
      .property .carousel .swiper-button-next.swiper-button-prev svg {
        margin-right: 2px; }
    /* line 619, assets/style/_components.scss */
    .property .carousel .swiper-button-prev.swiper-button-next,
    .property .carousel .swiper-button-next.swiper-button-next {
      right: 1rem; }
      /* line 622, assets/style/_components.scss */
      .property .carousel .swiper-button-prev.swiper-button-next svg,
      .property .carousel .swiper-button-next.swiper-button-next svg {
        margin-left: 2px; }
    /* line 627, assets/style/_components.scss */
    .property .carousel .swiper-button-prev svg,
    .property .carousel .swiper-button-next svg {
      display: block;
      width: 1.4rem;
      height: auto; }
    /* line 633, assets/style/_components.scss */
    .property .carousel .swiper-button-prev:after,
    .property .carousel .swiper-button-next:after {
      display: none; }
  /* line 639, assets/style/_components.scss */
  .property .meta {
    margin-top: 1rem;
    font-size: 0.9rem; }
    /* line 642, assets/style/_components.scss */
    .property .meta .title {
      font-weight: 500;
      line-height: 140%;
      padding-bottom: 0.2rem; }
    /* line 648, assets/style/_components.scss */
    .property .meta .info {
      opacity: 0.8;
      line-height: 130%; }
    /* line 653, assets/style/_components.scss */
    .property .meta .availability {
      margin-top: 0.5rem; }
  @media (max-width: 780px) {
    /* line 659, assets/style/_components.scss */
    .property .swiper-button-prev,
    .property .swiper-button-next {
      display: none; } }
/* line 667, assets/style/_components.scss */
.entrance-panel button[form="logout-from-stage"] {
  margin-top: 0.5rem; }

/* line 672, assets/style/_components.scss */
.rental-container {
  gap: 1.5rem;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 1fr; }
  @media (min-width: 780px) {
    /* line 672, assets/style/_components.scss */
    .rental-container {
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 1024px) {
    /* line 672, assets/style/_components.scss */
    .rental-container {
      grid-template-columns: 1fr 1fr 1fr; } }
/* line 685, assets/style/_components.scss */
.alert {
  padding: 1rem;
  border-radius: 0.75rem;
  color: black;
  opacity: 1;
  background: #ffe6e6; }

/* line 693, assets/style/_components.scss */
.signature-status {
  color: #4d4d4d;
  font-weight: 300;
  font-style: italic;
  display: flex;
  align-items: center;
  gap: 0.3rem; }
  /* line 700, assets/style/_components.scss */
  .signature-status span {
    width: 1.2rem;
    display: inline-flex;
    color: #54ae2c; }
    /* line 704, assets/style/_components.scss */
    .signature-status span.awaiting {
      color: #eed202; }

/* line 709, assets/style/_components.scss */
.rental {
  text-decoration: auto;
  color: #000; }
  /* line 712, assets/style/_components.scss */
  .rental.with-border {
    padding: 1rem 2rem;
    box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 3px;
    transition: box-shadow 200ms ease;
    border: 1px solid #ddddde;
    border-radius: 1rem; }
    /* line 719, assets/style/_components.scss */
    .rental.with-border:hover {
      box-shadow: rgba(149, 157, 165, 0.3) 0px 5px 7px; }
  /* line 724, assets/style/_components.scss */
  .rental .meta {
    margin-top: 1rem;
    font-size: 0.9rem; }
    /* line 728, assets/style/_components.scss */
    .rental .meta .title {
      font-weight: 500;
      line-height: 140%; }
    /* line 733, assets/style/_components.scss */
    .rental .meta .info {
      opacity: 0.8;
      line-height: 130%; }
    /* line 738, assets/style/_components.scss */
    .rental .meta .availability {
      margin-top: 0.5rem; }

/* line 744, assets/style/_components.scss */
.info-container {
  display: flex;
  align-items: center;
  padding-bottom: 2rem; }
  /* line 748, assets/style/_components.scss */
  .info-container div p {
    line-height: 1.5rem; }
  @media (max-width: 780px) {
    /* line 751, assets/style/_components.scss */
    .info-container .exclamation {
      display: none; } }
  /* line 756, assets/style/_components.scss */
  .info-container span {
    margin-left: -3rem;
    margin-right: -2rem; }
    /* line 760, assets/style/_components.scss */
    .info-container span svg {
      width: 8rem; }

/* line 768, assets/style/_components.scss */
.rental-detail .detail {
  display: grid;
  grid-template-columns: 1fr 1fr; }
  @media (max-width: 780px) {
    /* line 768, assets/style/_components.scss */
    .rental-detail .detail {
      grid-template-columns: 1fr; } }
/* line 777, assets/style/_components.scss */
.rental-detail .progress {
  margin-top: 2rem;
  margin-bottom: 3rem; }
  /* line 780, assets/style/_components.scss */
  .rental-detail .progress .spaced {
    margin-top: 0.3rem; }
  /* line 783, assets/style/_components.scss */
  .rental-detail .progress .head {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    /* line 787, assets/style/_components.scss */
    .rental-detail .progress .head .step {
      color: #999; }
  /* line 791, assets/style/_components.scss */
  .rental-detail .progress .bar {
    background: #eee;
    height: 0.3rem;
    border-radius: 0.25rem;
    position: relative; }
    /* line 797, assets/style/_components.scss */
    .rental-detail .progress .bar .progress-bar {
      border-radius: 0.25rem;
      background: linear-gradient(110deg, #ff6700, #f63e5e, #c4448c);
      top: 0;
      left: 0;
      height: 100%; }
      /* line 808, assets/style/_components.scss */
      .rental-detail .progress .bar .progress-bar.SIGN {
        width: 20%; }
      /* line 811, assets/style/_components.scss */
      .rental-detail .progress .bar .progress-bar.AWAIT_SIGN {
        width: 40%; }
      /* line 814, assets/style/_components.scss */
      .rental-detail .progress .bar .progress-bar.ONBOARD {
        width: 60%; }
      /* line 817, assets/style/_components.scss */
      .rental-detail .progress .bar .progress-bar.PAY {
        width: 80%; }

/* line 826, assets/style/_components.scss */
.content-section {
  padding: 4rem 0; }
  /* line 829, assets/style/_components.scss */
  .content-section.half-padding {
    padding: 1.5rem 0; }
  /* line 833, assets/style/_components.scss */
  .content-section.extra-padding {
    padding: 4rem 0; }
  /* line 837, assets/style/_components.scss */
  .content-section.no-padding {
    padding: 0 0; }
  /* line 841, assets/style/_components.scss */
  .content-section .content {
    max-width: 60rem;
    margin: 0 auto 2rem;
    padding: 0 2rem; }
    /* line 846, assets/style/_components.scss */
    .content-section .content.narrow {
      max-width: 40rem; }
    /* line 850, assets/style/_components.scss */
    .content-section .content.wide {
      max-width: 80rem; }
    /* line 854, assets/style/_components.scss */
    .content-section .content.semi-wide {
      max-width: 70rem; }
    /* line 858, assets/style/_components.scss */
    .content-section .content.full-width {
      max-width: none; }
    /* line 862, assets/style/_components.scss */
    .content-section .content:last-child, .content-section .content.no-margin {
      margin-bottom: 0; }
  @media (max-width: 780px) {
    /* line 826, assets/style/_components.scss */
    .content-section {
      padding: 4rem 0; }
      /* line 870, assets/style/_components.scss */
      .content-section.full-width {
        padding: 0 0 1rem 0; }
      /* line 874, assets/style/_components.scss */
      .content-section .content {
        padding: 0 1.5rem; }
        /* line 876, assets/style/_components.scss */
        .content-section .content.full-width {
          padding: 0 0.5rem; } }
  @media (max-width: 780px) {
    /* line 826, assets/style/_components.scss */
    .content-section {
      padding: 2rem 0; } }
/* line 889, assets/style/_components.scss */
.photo-overview {
  position: relative;
  padding-top: 45%;
  margin-bottom: 2rem; }
  /* line 894, assets/style/_components.scss */
  .photo-overview .photo-container {
    display: grid;
    gap: 0.5rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    /* line 903, assets/style/_components.scss */
    .photo-overview .photo-container .cover {
      height: 100%; }
      /* line 906, assets/style/_components.scss */
      .photo-overview .photo-container .cover .button {
        position: absolute;
        left: 1.5rem;
        bottom: 1.5rem;
        pointer-events: none; }
      /* line 914, assets/style/_components.scss */
      .photo-overview .photo-container .cover img:hover {
        opacity: 0.8; }
    /* line 920, assets/style/_components.scss */
    .photo-overview .photo-container.photos-1 {
      grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      grid-template-areas: none; }
      /* line 925, assets/style/_components.scss */
      .photo-overview .photo-container.photos-1 img {
        border-radius: 0.75rem; }
    /* line 930, assets/style/_components.scss */
    .photo-overview .photo-container.photos-2 {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr;
      grid-template-areas: none; }
      /* line 936, assets/style/_components.scss */
      .photo-overview .photo-container.photos-2 .cover:nth-child(1) img,
      .photo-overview .photo-container.photos-2 .cover:nth-child(1) .map > section > div {
        border-top-left-radius: 0.75rem;
        border-bottom-left-radius: 0.75rem; }
      /* line 944, assets/style/_components.scss */
      .photo-overview .photo-container.photos-2 .cover:nth-child(2) img,
      .photo-overview .photo-container.photos-2 .cover:nth-child(2) .map > section > div {
        border-top-right-radius: 0.75rem;
        border-bottom-right-radius: 0.75rem; }
    /* line 952, assets/style/_components.scss */
    .photo-overview .photo-container.photos-3 {
      grid-template-areas: "first second" "first third";
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr; }
      /* line 959, assets/style/_components.scss */
      .photo-overview .photo-container.photos-3 .cover:nth-child(1) {
        grid-area: first; }
        /* line 962, assets/style/_components.scss */
        .photo-overview .photo-container.photos-3 .cover:nth-child(1) img,
        .photo-overview .photo-container.photos-3 .cover:nth-child(1) .map > section > div {
          border-top-left-radius: 0.75rem;
          border-bottom-left-radius: 0.75rem; }
      /* line 969, assets/style/_components.scss */
      .photo-overview .photo-container.photos-3 .cover:nth-child(2) {
        grid-area: second; }
        /* line 972, assets/style/_components.scss */
        .photo-overview .photo-container.photos-3 .cover:nth-child(2) img,
        .photo-overview .photo-container.photos-3 .cover:nth-child(2) .map > section > div {
          border-top-right-radius: 0.75rem; }
      /* line 978, assets/style/_components.scss */
      .photo-overview .photo-container.photos-3 .cover:nth-child(3) {
        grid-area: third; }
        /* line 981, assets/style/_components.scss */
        .photo-overview .photo-container.photos-3 .cover:nth-child(3) img,
        .photo-overview .photo-container.photos-3 .cover:nth-child(3) .map > section > div {
          border-bottom-right-radius: 0.75rem; }
    /* line 988, assets/style/_components.scss */
    .photo-overview .photo-container.photos-4 {
      grid-template-areas: "first second" "third fourth";
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr; }
      /* line 995, assets/style/_components.scss */
      .photo-overview .photo-container.photos-4 .cover:nth-child(1) {
        grid-area: first; }
        /* line 998, assets/style/_components.scss */
        .photo-overview .photo-container.photos-4 .cover:nth-child(1) img,
        .photo-overview .photo-container.photos-4 .cover:nth-child(1) .map > section > div {
          border-top-left-radius: 0.75rem; }
      /* line 1004, assets/style/_components.scss */
      .photo-overview .photo-container.photos-4 .cover:nth-child(2) {
        grid-area: second; }
        /* line 1007, assets/style/_components.scss */
        .photo-overview .photo-container.photos-4 .cover:nth-child(2) img,
        .photo-overview .photo-container.photos-4 .cover:nth-child(2) .map > section > div {
          border-top-right-radius: 0.75rem; }
      /* line 1013, assets/style/_components.scss */
      .photo-overview .photo-container.photos-4 .cover:nth-child(3) {
        grid-area: third; }
        /* line 1016, assets/style/_components.scss */
        .photo-overview .photo-container.photos-4 .cover:nth-child(3) img,
        .photo-overview .photo-container.photos-4 .cover:nth-child(3) .map > section > div {
          border-bottom-left-radius: 0.75rem; }
      /* line 1022, assets/style/_components.scss */
      .photo-overview .photo-container.photos-4 .cover:nth-child(4) {
        grid-area: fourth; }
        /* line 1025, assets/style/_components.scss */
        .photo-overview .photo-container.photos-4 .cover:nth-child(4) img,
        .photo-overview .photo-container.photos-4 .cover:nth-child(4) .map > section > div {
          border-bottom-right-radius: 0.75rem; }
    /* line 1032, assets/style/_components.scss */
    .photo-overview .photo-container.photos-5, .photo-overview .photo-container.photos-6, .photo-overview .photo-container.photos-7, .photo-overview .photo-container.photos-8, .photo-overview .photo-container.photos-9 {
      grid-template-columns: 1fr 0.5fr 0.5fr;
      grid-template-rows: 1fr 1fr;
      grid-template-areas: "first second fourth" "first third fifth"; }
      /* line 1043, assets/style/_components.scss */
      .photo-overview .photo-container.photos-5 .cover:nth-child(1), .photo-overview .photo-container.photos-6 .cover:nth-child(1), .photo-overview .photo-container.photos-7 .cover:nth-child(1), .photo-overview .photo-container.photos-8 .cover:nth-child(1), .photo-overview .photo-container.photos-9 .cover:nth-child(1) {
        grid-area: first; }
        /* line 1046, assets/style/_components.scss */
        .photo-overview .photo-container.photos-5 .cover:nth-child(1) img,
        .photo-overview .photo-container.photos-5 .cover:nth-child(1) .map > section > div, .photo-overview .photo-container.photos-6 .cover:nth-child(1) img,
        .photo-overview .photo-container.photos-6 .cover:nth-child(1) .map > section > div, .photo-overview .photo-container.photos-7 .cover:nth-child(1) img,
        .photo-overview .photo-container.photos-7 .cover:nth-child(1) .map > section > div, .photo-overview .photo-container.photos-8 .cover:nth-child(1) img,
        .photo-overview .photo-container.photos-8 .cover:nth-child(1) .map > section > div, .photo-overview .photo-container.photos-9 .cover:nth-child(1) img,
        .photo-overview .photo-container.photos-9 .cover:nth-child(1) .map > section > div {
          border-top-left-radius: 0.75rem;
          border-bottom-left-radius: 0.75rem; }
      /* line 1053, assets/style/_components.scss */
      .photo-overview .photo-container.photos-5 .cover:nth-child(2), .photo-overview .photo-container.photos-6 .cover:nth-child(2), .photo-overview .photo-container.photos-7 .cover:nth-child(2), .photo-overview .photo-container.photos-8 .cover:nth-child(2), .photo-overview .photo-container.photos-9 .cover:nth-child(2) {
        grid-area: second; }
      /* line 1057, assets/style/_components.scss */
      .photo-overview .photo-container.photos-5 .cover:nth-child(3), .photo-overview .photo-container.photos-6 .cover:nth-child(3), .photo-overview .photo-container.photos-7 .cover:nth-child(3), .photo-overview .photo-container.photos-8 .cover:nth-child(3), .photo-overview .photo-container.photos-9 .cover:nth-child(3) {
        grid-area: third; }
      /* line 1061, assets/style/_components.scss */
      .photo-overview .photo-container.photos-5 .cover:nth-child(4), .photo-overview .photo-container.photos-6 .cover:nth-child(4), .photo-overview .photo-container.photos-7 .cover:nth-child(4), .photo-overview .photo-container.photos-8 .cover:nth-child(4), .photo-overview .photo-container.photos-9 .cover:nth-child(4) {
        grid-area: fourth; }
        /* line 1064, assets/style/_components.scss */
        .photo-overview .photo-container.photos-5 .cover:nth-child(4) img,
        .photo-overview .photo-container.photos-5 .cover:nth-child(4) .map > section > div, .photo-overview .photo-container.photos-6 .cover:nth-child(4) img,
        .photo-overview .photo-container.photos-6 .cover:nth-child(4) .map > section > div, .photo-overview .photo-container.photos-7 .cover:nth-child(4) img,
        .photo-overview .photo-container.photos-7 .cover:nth-child(4) .map > section > div, .photo-overview .photo-container.photos-8 .cover:nth-child(4) img,
        .photo-overview .photo-container.photos-8 .cover:nth-child(4) .map > section > div, .photo-overview .photo-container.photos-9 .cover:nth-child(4) img,
        .photo-overview .photo-container.photos-9 .cover:nth-child(4) .map > section > div {
          border-top-right-radius: 0.75rem; }
      /* line 1070, assets/style/_components.scss */
      .photo-overview .photo-container.photos-5 .cover:nth-child(5), .photo-overview .photo-container.photos-6 .cover:nth-child(5), .photo-overview .photo-container.photos-7 .cover:nth-child(5), .photo-overview .photo-container.photos-8 .cover:nth-child(5), .photo-overview .photo-container.photos-9 .cover:nth-child(5) {
        grid-area: fifth; }
        /* line 1073, assets/style/_components.scss */
        .photo-overview .photo-container.photos-5 .cover:nth-child(5) img,
        .photo-overview .photo-container.photos-5 .cover:nth-child(5) .map > section > div, .photo-overview .photo-container.photos-6 .cover:nth-child(5) img,
        .photo-overview .photo-container.photos-6 .cover:nth-child(5) .map > section > div, .photo-overview .photo-container.photos-7 .cover:nth-child(5) img,
        .photo-overview .photo-container.photos-7 .cover:nth-child(5) .map > section > div, .photo-overview .photo-container.photos-8 .cover:nth-child(5) img,
        .photo-overview .photo-container.photos-8 .cover:nth-child(5) .map > section > div, .photo-overview .photo-container.photos-9 .cover:nth-child(5) img,
        .photo-overview .photo-container.photos-9 .cover:nth-child(5) .map > section > div {
          border-bottom-right-radius: 0.75rem; }

/* line 1084, assets/style/_components.scss */
.dropdown {
  position: relative;
  display: inline-block; }
  /* line 1088, assets/style/_components.scss */
  .dropdown .dropdown-button {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: inherit; }
    /* line 1097, assets/style/_components.scss */
    .dropdown .dropdown-button .avatar {
      width: 3.2rem;
      height: 3.2rem;
      border-radius: 1.6rem;
      background: #f6f6f4;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-family: "Inter", helvetica, sans-serif;
      font-weight: 500;
      font-size: 1.1rem; }
    /* line 1111, assets/style/_components.scss */
    .dropdown .dropdown-button svg {
      width: 1.8rem;
      height: auto;
      color: inherit; }
    /* line 1117, assets/style/_components.scss */
    .dropdown .dropdown-button .icon-close {
      display: none; }
    /* line 1122, assets/style/_components.scss */
    .dropdown .dropdown-button:hover .avatar {
      background: #efefec; }
    /* line 1129, assets/style/_components.scss */
    .dark-context .dropdown .dropdown-button .avatar, .transparent-context .dropdown .dropdown-button .avatar {
      background: transparent;
      background: rgba(246, 246, 244, 0.2); }
    /* line 1135, assets/style/_components.scss */
    .dark-context .dropdown .dropdown-button:hover .avatar, .transparent-context .dropdown .dropdown-button:hover .avatar {
      background: rgba(246, 246, 244, 0.3); }
  /* line 1142, assets/style/_components.scss */
  .dropdown .items {
    display: none;
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    right: 0;
    background: #fff;
    white-space: nowrap;
    color: #000;
    padding: 0.4rem 0;
    min-width: 14rem;
    border-radius: 0.5rem;
    box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 24px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
    /* line 1157, assets/style/_components.scss */
    .dropdown .items .sep {
      height: 1px;
      background: #ddd;
      margin: 0.2rem 0; }
    /* line 1163, assets/style/_components.scss */
    .dropdown .items .item {
      font-size: 0.9rem;
      display: flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.6rem 1.2rem;
      color: inherit;
      text-decoration: none; }
      /* line 1172, assets/style/_components.scss */
      .dropdown .items .item .message-container {
        display: flex;
        flex: 1;
        justify-content: space-between;
        align-items: center; }
      /* line 1179, assets/style/_components.scss */
      .dropdown .items .item:hover {
        background: #f8f8f8; }
  /* line 1187, assets/style/_components.scss */
  .dropdown.show .dropdown-button .icon-close {
    display: block; }
  /* line 1191, assets/style/_components.scss */
  .dropdown.show .dropdown-button .icon-open {
    display: none; }
  /* line 1196, assets/style/_components.scss */
  .dropdown.show .items {
    display: block; }
  @media (max-width: 1024px) {
    /* line 1202, assets/style/_components.scss */
    .dropdown .dropdown-button .avatar {
      display: none; } }
  /* line 1207, assets/style/_components.scss */
  .dropdown .mobile-only {
    display: none; }
  @media (max-width: 780px) {
    /* line 1212, assets/style/_components.scss */
    .dropdown .mobile-only {
      display: block; } }
/* line 1220, assets/style/_components.scss */
.amenity-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem; }
  /* line 1225, assets/style/_components.scss */
  .amenity-list .amenity {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500; }
  @media (max-width: 640px) {
    /* line 1220, assets/style/_components.scss */
    .amenity-list {
      grid-template-columns: repeat(2, 1fr); } }
/* line 1239, assets/style/_components.scss */
button,
.button {
  font-size: 0.9rem;
  text-decoration: none;
  padding: 0 1.2rem;
  height: 2.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 0;
  justify-content: center;
  border-radius: 1.3rem;
  background: #000;
  font-family: "Inter", helvetica, sans-serif;
  font-weight: 600;
  color: #fff;
  cursor: pointer; }
  /* line 1257, assets/style/_components.scss */
  button.square,
  .button.square {
    border-radius: 0.4rem; }
  /* line 1261, assets/style/_components.scss */
  button.neutral,
  .button.neutral {
    background: #f6f6f4;
    color: #000; }
    /* line 1265, assets/style/_components.scss */
    button.neutral:hover,
    .button.neutral:hover {
      background: #ebebe6; }
  /* line 1270, assets/style/_components.scss */
  button.black,
  .button.black {
    background: #000;
    color: #fff; }
  /* line 1275, assets/style/_components.scss */
  button.fancy,
  .button.fancy {
    background: linear-gradient(110deg, #ff6700, #f63e5e, #c4448c);
    background-size: 200% 100%;
    transition: background-position 500ms ease; }
    /* line 1285, assets/style/_components.scss */
    button.fancy:hover,
    .button.fancy:hover {
      background-position: 50% 0; }
  /* line 1290, assets/style/_components.scss */
  button.outline,
  .button.outline {
    background: transparent;
    color: #000;
    border: 1px solid #ddddde; }
    /* line 1298, assets/style/_components.scss */
    .dark-context button.outline, .transparent-context button.outline, .dark-context .button.outline, .transparent-context .button.outline {
      color: #fff;
      border-color: #fff; }

/* line 1308, assets/style/_components.scss */
.empty-state {
  background: #f2f2f1;
  padding: 4rem 2rem;
  border-radius: 0.75rem;
  text-align: center; }
  /* line 1315, assets/style/_components.scss */
  .empty-state .icon svg {
    width: 2rem;
    height: auto;
    display: block;
    margin: 0 auto; }
  /* line 1323, assets/style/_components.scss */
  .empty-state .text {
    max-width: 12rem;
    margin: 1rem auto 0; }

/* line 1333, assets/style/_components.scss */
.account-content form .field-wrapper,
.regular-form .field-wrapper {
  margin-bottom: 1.5rem; }

/* line 1336, assets/style/_components.scss */
.account-content form .toggle-container,
.regular-form .toggle-container {
  bottom: 2.2rem; }

/* line 1340, assets/style/_components.scss */
.account-content form label,
.regular-form label {
  display: block;
  font-weight: 500;
  margin-bottom: 0.5rem; }

/* line 1346, assets/style/_components.scss */
.account-content form .errors,
.regular-form .errors {
  display: block;
  font-size: 0.9rem;
  margin-top: 0.5rem;
  color: #ff0033; }

/* line 1353, assets/style/_components.scss */
.account-content form .block-error,
.regular-form .block-error {
  padding: 1rem;
  border-radius: 0.75rem;
  color: black;
  opacity: 1;
  background: #ffe6e6; }

/* line 1361, assets/style/_components.scss */
.account-content form .helptext,
.regular-form .helptext {
  display: block;
  opacity: 0.7;
  font-size: 0.9rem;
  margin-top: 0.5rem; }

/* line 1371, assets/style/_components.scss */
.account-content form textarea,
.account-content form input[type="date"],
.account-content form input[type="number"],
.account-content form input[type="text"],
.account-content form input[type="email"],
.account-content form input[type="password"],
.regular-form textarea,
.regular-form input[type="date"],
.regular-form input[type="number"],
.regular-form input[type="text"],
.regular-form input[type="email"],
.regular-form input[type="password"] {
  display: block;
  width: 100%;
  border: 1px solid #ddddde;
  background: #fff;
  border-radius: 0.4rem;
  padding: 0.8rem 1rem; }

/* line 1386, assets/style/_components.scss */
.account-content form #id_street_number,
.regular-form #id_street_number {
  max-width: 50%; }

/* line 1390, assets/style/_components.scss */
.account-content form #id_postal_code,
.regular-form #id_postal_code {
  max-width: 50%; }

/* line 1394, assets/style/_components.scss */
.account-content form .submit,
.regular-form .submit {
  display: flex;
  align-items: center;
  gap: 1rem; }
  /* line 1399, assets/style/_components.scss */
  .account-content form .submit *:last-child,
  .regular-form .submit *:last-child {
    margin-left: auto; }

/* line 1404, assets/style/_components.scss */
.account-content form .image-list,
.regular-form .image-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem; }
  /* line 1409, assets/style/_components.scss */
  .account-content form .image-list .cover,
  .regular-form .image-list .cover {
    position: relative;
    padding-top: 80%; }
    /* line 1413, assets/style/_components.scss */
    .account-content form .image-list .cover img,
    .regular-form .image-list .cover img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }

/* line 1424, assets/style/_components.scss */
.account-content form .image-field,
.regular-form .image-field {
  background: #f6f6f4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  border-radius: 0.5rem; }
  /* line 1433, assets/style/_components.scss */
  .account-content form .image-field input[type="file"],
  .regular-form .image-field input[type="file"] {
    width: 100%; }
  @media (max-width: 640px) {
    /* line 1424, assets/style/_components.scss */
    .account-content form .image-field,
    .regular-form .image-field {
      padding: 0.5rem; }
      /* line 1440, assets/style/_components.scss */
      .account-content form .image-field .button,
      .regular-form .image-field .button {
        width: 100%; } }
/* line 1452, assets/style/_components.scss */
.account-content form .type-choice-field .type-choices,
.account-content form .type-choice-date-field .type-choices,
.regular-form .type-choice-field .type-choices,
.regular-form .type-choice-date-field .type-choices {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem; }
  /* line 1457, assets/style/_components.scss */
  .account-content form .type-choice-field .type-choices .choice,
  .account-content form .type-choice-date-field .type-choices .choice,
  .regular-form .type-choice-field .type-choices .choice,
  .regular-form .type-choice-date-field .type-choices .choice {
    font-family: "Inter", helvetica, sans-serif;
    font-weight: 500;
    border: 1px solid #ddddde;
    padding: 1rem;
    border-radius: 0.4rem;
    cursor: pointer;
    display: flex;
    align-items: center; }
    /* line 1467, assets/style/_components.scss */
    .account-content form .type-choice-field .type-choices .choice .icon,
    .account-content form .type-choice-date-field .type-choices .choice .icon,
    .regular-form .type-choice-field .type-choices .choice .icon,
    .regular-form .type-choice-date-field .type-choices .choice .icon {
      width: 1.4rem;
      height: 1.4rem;
      margin-left: auto;
      background: url(/static/images/icons/circle-dashed.svg?42ed2d8bea82);
      background-size: contain;
      opacity: 0.4;
      pointer-events: none; }
    /* line 1477, assets/style/_components.scss */
    .account-content form .type-choice-field .type-choices .choice:hover,
    .account-content form .type-choice-date-field .type-choices .choice:hover,
    .regular-form .type-choice-field .type-choices .choice:hover,
    .regular-form .type-choice-date-field .type-choices .choice:hover {
      box-shadow: 0 0 0 2px #000; }
      /* line 1480, assets/style/_components.scss */
      .account-content form .type-choice-field .type-choices .choice:hover .icon,
      .account-content form .type-choice-date-field .type-choices .choice:hover .icon,
      .regular-form .type-choice-field .type-choices .choice:hover .icon,
      .regular-form .type-choice-date-field .type-choices .choice:hover .icon {
        opacity: 1; }
    /* line 1485, assets/style/_components.scss */
    .account-content form .type-choice-field .type-choices .choice.selected,
    .account-content form .type-choice-date-field .type-choices .choice.selected,
    .regular-form .type-choice-field .type-choices .choice.selected,
    .regular-form .type-choice-date-field .type-choices .choice.selected {
      box-shadow: 0 0 0 2px #000;
      background: #f6f6f4; }
      /* line 1489, assets/style/_components.scss */
      .account-content form .type-choice-field .type-choices .choice.selected .icon,
      .account-content form .type-choice-date-field .type-choices .choice.selected .icon,
      .regular-form .type-choice-field .type-choices .choice.selected .icon,
      .regular-form .type-choice-date-field .type-choices .choice.selected .icon {
        opacity: 1;
        background-image: url(/static/images/icons/circle-check.svg?42ed2d8bea82); }
  @media (max-width: 640px) {
    /* line 1452, assets/style/_components.scss */
    .account-content form .type-choice-field .type-choices,
    .account-content form .type-choice-date-field .type-choices,
    .regular-form .type-choice-field .type-choices,
    .regular-form .type-choice-date-field .type-choices {
      grid-template-columns: repeat(1, 1fr); } }
/* line 1501, assets/style/_components.scss */
.account-content form .type-choice-field .datepicker-toggle,
.account-content form .type-choice-date-field .datepicker-toggle,
.regular-form .type-choice-field .datepicker-toggle,
.regular-form .type-choice-date-field .datepicker-toggle {
  display: inline-block;
  position: relative; }

/* line 1506, assets/style/_components.scss */
.account-content form .type-choice-field .datepicker-toggle-label,
.account-content form .type-choice-date-field .datepicker-toggle-label,
.regular-form .type-choice-field .datepicker-toggle-label,
.regular-form .type-choice-date-field .datepicker-toggle-label {
  width: 100%;
  display: flex; }

@-moz-document url-prefix() {
  /* line 1510, assets/style/_components.scss */
  .account-content form .type-choice-field .datepicker-toggle-label .date-select-icon,
  .account-content form .type-choice-date-field .datepicker-toggle-label .date-select-icon,
  .regular-form .type-choice-field .datepicker-toggle-label .date-select-icon,
  .regular-form .type-choice-date-field .datepicker-toggle-label .date-select-icon {
    z-index: 2; } }

/* line 1516, assets/style/_components.scss */
.account-content form .type-choice-field .datepicker-input,
.account-content form .type-choice-date-field .datepicker-input,
.regular-form .type-choice-field .datepicker-input,
.regular-form .type-choice-date-field .datepicker-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  box-sizing: border-box; }

/* line 1527, assets/style/_components.scss */
.account-content form .type-choice-field .selected-label,
.account-content form .type-choice-date-field .selected-label,
.regular-form .type-choice-field .selected-label,
.regular-form .type-choice-date-field .selected-label {
  display: none; }

/* line 1531, assets/style/_components.scss */
.account-content form .type-choice-field .selected div .default-label,
.account-content form .type-choice-date-field .selected div .default-label,
.regular-form .type-choice-field .selected div .default-label,
.regular-form .type-choice-date-field .selected div .default-label {
  display: none; }

/* line 1535, assets/style/_components.scss */
.account-content form .type-choice-field .selected div .selected-label,
.account-content form .type-choice-date-field .selected div .selected-label,
.regular-form .type-choice-field .selected div .selected-label,
.regular-form .type-choice-date-field .selected div .selected-label {
  display: block; }

/* line 1540, assets/style/_components.scss */
.account-content form .wrapped-select,
.regular-form .wrapped-select {
  position: relative; }
  /* line 1543, assets/style/_components.scss */
  .account-content form .wrapped-select select,
  .regular-form .wrapped-select select {
    width: 100%;
    min-width: 0px;
    appearance: none;
    padding-left: 1rem;
    padding-right: 40px;
    border: 1px solid #ddddde;
    border-radius: 0.4rem;
    align-items: center;
    height: 48px;
    background: #fff;
    color: #000; }
  /* line 1557, assets/style/_components.scss */
  .account-content form .wrapped-select .handle,
  .regular-form .wrapped-select .handle {
    width: 1.4rem;
    height: 1.4rem;
    margin-left: auto;
    background: url(/static/images/icons/selector.svg?42ed2d8bea82);
    background-size: contain;
    opacity: 0.4;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; }

/* line 1572, assets/style/_components.scss */
.account-content form .amenity-box,
.regular-form .amenity-box {
  font-family: "Inter", helvetica, sans-serif;
  font-weight: 500;
  border: 1px solid #ddddde;
  padding: 1.2rem;
  border-radius: 0.4rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  /* line 1583, assets/style/_components.scss */
  .account-content form .amenity-box:hover,
  .regular-form .amenity-box:hover {
    box-shadow: 0 0 0 2px #000; }
  /* line 1587, assets/style/_components.scss */
  .account-content form .amenity-box.selected,
  .regular-form .amenity-box.selected {
    box-shadow: 0 0 0 2px #000;
    background: #f6f6f4; }

/* line 1593, assets/style/_components.scss */
.account-content form.amenities-form-step .form-fields,
.regular-form.amenities-form-step .form-fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem; }
  /* line 1598, assets/style/_components.scss */
  .account-content form.amenities-form-step .form-fields .field-wrapper,
  .regular-form.amenities-form-step .form-fields .field-wrapper {
    margin: 0; }
    /* line 1601, assets/style/_components.scss */
    .account-content form.amenities-form-step .form-fields .field-wrapper label,
    .regular-form.amenities-form-step .form-fields .field-wrapper label {
      margin: 0; }
  @media (max-width: 640px) {
    /* line 1593, assets/style/_components.scss */
    .account-content form.amenities-form-step .form-fields,
    .regular-form.amenities-form-step .form-fields {
      grid-template-columns: repeat(1, 1fr); } }
/* line 1614, assets/style/_components.scss */
.submit-panel {
  border-radius: 0.5rem;
  background: #fff;
  padding: 3rem;
  max-width: 35rem;
  margin: 0 auto 2rem; }
  /* line 1621, assets/style/_components.scss */
  .submit-panel .header {
    margin-bottom: 2.5rem; }
    /* line 1624, assets/style/_components.scss */
    .submit-panel .header .navigation {
      display: flex;
      margin-bottom: 1rem;
      justify-content: space-between; }
      /* line 1629, assets/style/_components.scss */
      .submit-panel .header .navigation .step-name {
        font-weight: 600;
        font-size: 1.1rem; }
      /* line 1634, assets/style/_components.scss */
      .submit-panel .header .navigation a {
        color: inherit;
        text-decoration: none;
        font-weight: 500; }
      /* line 1640, assets/style/_components.scss */
      .submit-panel .header .navigation .step {
        color: #999; }
    /* line 1645, assets/style/_components.scss */
    .submit-panel .header .bar {
      background: #eee;
      height: 0.3rem;
      border-radius: 0.25rem;
      position: relative; }
      /* line 1651, assets/style/_components.scss */
      .submit-panel .header .bar .progress {
        border-radius: 0.25rem;
        background: #f63e5e;
        top: 0;
        left: 0;
        height: 100%; }
  /* line 1661, assets/style/_components.scss */
  .submit-panel .title {
    text-align: center; }
  @media (max-width: 640px) {
    /* line 1614, assets/style/_components.scss */
    .submit-panel {
      padding: 1.5rem; } }
/* line 1672, assets/style/_components.scss */
.simple-photo-list {
  display: flex;
  flex-direction: column;
  gap: 3rem; }
  /* line 1677, assets/style/_components.scss */
  .simple-photo-list img {
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem; }

/* line 1686, assets/style/_components.scss */
.title-wrapper {
  display: flex;
  gap: 2rem;
  align-items: center; }
  /* line 1691, assets/style/_components.scss */
  .title-wrapper .actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.5rem; }
    /* line 1697, assets/style/_components.scss */
    .title-wrapper .actions a:not(.button) {
      color: inherit;
      text-decoration: none; }

/* line 1706, assets/style/_components.scss */
.landlord-hero,
.tenant-hero {
  background: #f6f6f4;
  overflow: hidden; }
  /* line 1711, assets/style/_components.scss */
  .landlord-hero .content,
  .tenant-hero .content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 4rem; }
    /* line 1717, assets/style/_components.scss */
    .landlord-hero .content .logo,
    .tenant-hero .content .logo {
      color: #ff6700;
      width: 70%; }
      /* line 1722, assets/style/_components.scss */
      .landlord-hero .content .logo svg path,
      .tenant-hero .content .logo svg path {
        stroke: #f9f9f6; }
    /* line 1728, assets/style/_components.scss */
    .landlord-hero .content img,
    .tenant-hero .content img {
      width: 100%;
      height: auto; }
  @media (max-width: 1024px) {
    /* line 1735, assets/style/_components.scss */
    .landlord-hero .content,
    .tenant-hero .content {
      grid-template-columns: 1fr;
      gap: 2rem; }
      /* line 1739, assets/style/_components.scss */
      .landlord-hero .content .title,
      .tenant-hero .content .title {
        font-size: 2.2rem; }
      /* line 1743, assets/style/_components.scss */
      .landlord-hero .content .body,
      .tenant-hero .content .body {
        padding: 3rem 0; } }
/* line 1752, assets/style/_components.scss */
.rent-breakdown {
  display: flex;
  flex-direction: column;
  gap: 0.25rem; }
  /* line 1757, assets/style/_components.scss */
  .rent-breakdown .row {
    display: flex;
    gap: 1rem; }
    /* line 1761, assets/style/_components.scss */
    .rent-breakdown .row .bold {
      font-weight: 700; }
    /* line 1765, assets/style/_components.scss */
    .rent-breakdown .row .fee {
      margin-left: auto; }

/* line 1773, assets/style/_components.scss */
.home-hero {
  width: 100%;
  height: calc(100vh - 5rem);
  min-height: 35rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0; }
  /* line 1782, assets/style/_components.scss */
  .home-hero video {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  /* line 1788, assets/style/_components.scss */
  .home-hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1a1a1999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center; }
    /* line 1802, assets/style/_components.scss */
    .home-hero .overlay .form {
      padding: 0 1.5rem; }
      /* line 1805, assets/style/_components.scss */
      .home-hero .overlay .form .logo {
        width: 100%;
        max-width: 39rem;
        margin-bottom: 2rem; }
      /* line 1811, assets/style/_components.scss */
      .home-hero .overlay .form .search-field-large {
        height: 5rem;
        background: white;
        border-radius: 2.5rem;
        display: flex;
        align-items: center;
        padding: 0 0.5rem;
        width: 100%;
        max-width: 35rem;
        margin: 0 auto; }
        /* line 1822, assets/style/_components.scss */
        .home-hero .overlay .form .search-field-large input[type="text"] {
          flex: 1;
          background: transparent;
          height: 100%;
          border: 0;
          padding: 0 2rem;
          width: 100%;
          outline: none; }
        /* line 1832, assets/style/_components.scss */
        .home-hero .overlay .form .search-field-large input[type="submit"] {
          height: 4rem;
          color: #fff;
          border: 0;
          padding: 0 2rem;
          border-radius: 2rem;
          cursor: pointer; }

/* line 1847, assets/style/_components.scss */
.small-search-field {
  height: 3rem;
  background: white;
  border-radius: 2.5rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0 1rem;
  width: 100%;
  background: #f6f6f4; }
  /* line 1858, assets/style/_components.scss */
  .small-search-field svg {
    display: block;
    width: 1.2rem;
    height: auto; }
  /* line 1864, assets/style/_components.scss */
  .small-search-field input[type="text"] {
    flex: 1;
    background: transparent;
    height: 100%;
    border: 0;
    padding: 0 0.5rem 0 0;
    width: 100%;
    outline: none; }

/* line 1877, assets/style/_components.scss */
.features {
  display: grid;
  gap: 4rem; }
  /* line 1881, assets/style/_components.scss */
  .features.three-features {
    grid-template-columns: repeat(3, 1fr); }
  /* line 1885, assets/style/_components.scss */
  .features.four-features {
    grid-template-columns: repeat(2, 1fr); }
  /* line 1889, assets/style/_components.scss */
  .features .feature {
    text-align: center; }
    /* line 1892, assets/style/_components.scss */
    .features .feature .icon {
      margin-bottom: 2rem; }
      /* line 1895, assets/style/_components.scss */
      .features .feature .icon img {
        max-height: 180px;
        width: auto; }
    /* line 1901, assets/style/_components.scss */
    .features .feature .title {
      margin-bottom: 0.5rem; }
  @media (max-width: 640px) {
    /* line 1877, assets/style/_components.scss */
    .features {
      grid-template-columns: 1fr !important; } }
/* line 1913, assets/style/_components.scss */
.property-step-navigation {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr; }
  /* line 1918, assets/style/_components.scss */
  .property-step-navigation .link {
    display: block;
    border: 1px solid #ddddde;
    padding: 1.2rem;
    border-radius: 0.4rem;
    cursor: pointer;
    text-decoration: none;
    color: inherit; }
    /* line 1927, assets/style/_components.scss */
    .property-step-navigation .link .step-icon {
      margin-bottom: 0.5rem; }
      /* line 1930, assets/style/_components.scss */
      .property-step-navigation .link .step-icon .status-warning {
        color: salmon; }
    /* line 1935, assets/style/_components.scss */
    .property-step-navigation .link .step-label {
      font-family: "Inter", helvetica, sans-serif;
      font-weight: 500; }
    /* line 1940, assets/style/_components.scss */
    .property-step-navigation .link .step-status {
      opacity: 0.7;
      margin-top: 0.5rem; }
    /* line 1945, assets/style/_components.scss */
    .property-step-navigation .link:hover {
      box-shadow: 0 0 0 2px #000; }
    /* line 1949, assets/style/_components.scss */
    .property-step-navigation .link.active {
      box-shadow: 0 0 0 2px #000;
      background: #f6f6f4; }
  @media (max-width: 1024px) {
    /* line 1913, assets/style/_components.scss */
    .property-step-navigation {
      grid-template-columns: 1fr; } }
/* line 1962, assets/style/_components.scss */
.account-content {
  gap: 0.5rem;
  display: flex;
  flex-direction: column; }
  /* line 1966, assets/style/_components.scss */
  .account-content .messages {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem; }
    /* line 1971, assets/style/_components.scss */
    .account-content .messages .message {
      padding: 1rem;
      border-radius: 0.3rem;
      font-weight: 600;
      background-color: #f2f2f1; }
      /* line 1977, assets/style/_components.scss */
      .account-content .messages .message.success {
        background-color: rgba(154, 222, 123, 0.2); }
      /* line 1980, assets/style/_components.scss */
      .account-content .messages .message.error {
        background-color: rgba(255, 143, 143, 0.2); }
  /* line 1985, assets/style/_components.scss */
  .account-content .errorlist {
    color: #ff0033; }
  /* line 1988, assets/style/_components.scss */
  .account-content form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.2rem; }
    @media (max-width: 640px) {
      /* line 1988, assets/style/_components.scss */
      .account-content form {
        flex-direction: column;
        row-gap: 0.5rem; } }
    /* line 1997, assets/style/_components.scss */
    .account-content form p {
      display: flex;
      flex-wrap: wrap;
      column-gap: 0.5rem;
      width: 100%; }
      /* line 2004, assets/style/_components.scss */
      .account-content form p label {
        margin-bottom: 0;
        display: flex;
        flex-direction: column; }
      /* line 2009, assets/style/_components.scss */
      .account-content form p label[for="id_email"] {
        width: 100%; }
    /* line 2013, assets/style/_components.scss */
    .account-content form ul {
      padding-left: 1rem; }
  /* line 2018, assets/style/_components.scss */
  .account-content .account-header {
    margin-bottom: 2rem; }
    /* line 2021, assets/style/_components.scss */
    .account-content .account-header .tab-nav {
      list-style: none;
      display: flex;
      column-gap: 0.5rem;
      margin: 0 auto; }
      @media (max-width: 640px) {
        /* line 2021, assets/style/_components.scss */
        .account-content .account-header .tab-nav {
          flex-direction: column; } }
  /* line 2033, assets/style/_components.scss */
  .account-content h1,
  .account-content p {
    margin-bottom: 1.5rem; }
  /* line 2037, assets/style/_components.scss */
  .account-content a {
    width: 100%;
    margin-top: 1rem; }

/* line 2045, assets/style/_components.scss */
.conversation-list {
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  /* line 2050, assets/style/_components.scss */
  .conversation-list .conversation {
    display: block;
    border: 1px solid #ddddde;
    padding: 1.2rem;
    border-radius: 0.4rem;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    justify-content: space-between;
    display: flex;
    gap: 1rem; }
    /* line 2062, assets/style/_components.scss */
    .conversation-list .conversation .conversation-container {
      display: flex;
      align-items: center;
      gap: 1rem; }
    /* line 2067, assets/style/_components.scss */
    .conversation-list .conversation .message-tag {
      position: relative;
      left: 1.5rem;
      top: -1.6rem; }
    /* line 2072, assets/style/_components.scss */
    .conversation-list .conversation .cover {
      width: 4rem;
      height: 4rem; }
      /* line 2076, assets/style/_components.scss */
      .conversation-list .conversation .cover img {
        border-radius: 0.3rem; }
    /* line 2081, assets/style/_components.scss */
    .conversation-list .conversation .user {
      font-family: "Inter", helvetica, sans-serif;
      font-weight: 500; }
    /* line 2086, assets/style/_components.scss */
    .conversation-list .conversation .property {
      opacity: 0.7;
      margin-top: 0.5rem; }
    /* line 2091, assets/style/_components.scss */
    .conversation-list .conversation:hover {
      box-shadow: 0 0 0 2px #000; }

/* line 2099, assets/style/_components.scss */
.conversation-view {
  height: calc(100vh - 5rem);
  display: grid;
  grid-template-columns: 1fr;
  align-items: start; }
  /* line 2106, assets/style/_components.scss */
  .conversation-view .conversation-container {
    min-height: 0;
    height: calc(100vh - 5rem);
    display: flex;
    flex-direction: column; }
    /* line 2112, assets/style/_components.scss */
    .conversation-view .conversation-container .conversation-header {
      padding: 1rem 2rem;
      border-bottom: 1px solid #ddddde; }
      @media (max-width: 640px) {
        /* line 2112, assets/style/_components.scss */
        .conversation-view .conversation-container .conversation-header {
          padding: 0.2rem; } }
      /* line 2118, assets/style/_components.scss */
      .conversation-view .conversation-container .conversation-header .title-wrapper {
        justify-content: space-between; }
        /* line 2120, assets/style/_components.scss */
        .conversation-view .conversation-container .conversation-header .title-wrapper .actions {
          margin-left: 0; }
        /* line 2123, assets/style/_components.scss */
        .conversation-view .conversation-container .conversation-header .title-wrapper .property {
          padding: 0; }
      /* line 2127, assets/style/_components.scss */
      .conversation-view .conversation-container .conversation-header .meta {
        display: flex;
        align-items: center;
        gap: 1rem; }
        /* line 2132, assets/style/_components.scss */
        .conversation-view .conversation-container .conversation-header .meta .cover {
          width: 4rem;
          height: 4rem; }
          /* line 2136, assets/style/_components.scss */
          .conversation-view .conversation-container .conversation-header .meta .cover img {
            border-radius: 0.75rem; }
        /* line 2141, assets/style/_components.scss */
        .conversation-view .conversation-container .conversation-header .meta .user {
          font-weight: 500;
          margin-bottom: 0.2rem; }
        /* line 2146, assets/style/_components.scss */
        .conversation-view .conversation-container .conversation-header .meta .property {
          opacity: 0.5; }
    /* line 2151, assets/style/_components.scss */
    .conversation-view .conversation-container .hx-conversation {
      overflow: auto;
      flex: 1; }
    /* line 2156, assets/style/_components.scss */
    .conversation-view .conversation-container .latest-container {
      position: relative;
      height: 0;
      display: flex;
      width: 100%;
      justify-content: end;
      padding-right: 1.5rem; }
    /* line 2164, assets/style/_components.scss */
    .conversation-view .conversation-container .go-to-latest {
      cursor: pointer;
      position: relative;
      bottom: 3rem; }
      /* line 2168, assets/style/_components.scss */
      .conversation-view .conversation-container .go-to-latest svg {
        width: 2.5rem; }
    /* line 2172, assets/style/_components.scss */
    .conversation-view .conversation-container .conversation-body {
      padding: 2rem;
      flex: 1;
      min-height: 100%;
      background: #f6f6f4; }
      /* line 2178, assets/style/_components.scss */
      .conversation-view .conversation-container .conversation-body.no-messages {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
      /* line 2185, assets/style/_components.scss */
      .conversation-view .conversation-container .conversation-body .message {
        margin-bottom: 1.5rem; }
        /* line 2188, assets/style/_components.scss */
        .conversation-view .conversation-container .conversation-body .message .timestamp {
          margin-top: 0.2rem;
          display: block; }
        /* line 2193, assets/style/_components.scss */
        .conversation-view .conversation-container .conversation-body .message .body {
          background: #fff;
          color: #000;
          padding: 1rem;
          border-radius: 0.75rem;
          border: 1px solid #ddddde;
          display: inline-block;
          max-width: 40rem;
          text-align: left; }
        /* line 2209, assets/style/_components.scss */
        .conversation-view .conversation-container .conversation-body .message.by-user {
          margin-left: auto;
          text-align: right; }
          /* line 2213, assets/style/_components.scss */
          .conversation-view .conversation-container .conversation-body .message.by-user .body {
            background: #ddddde; }
        /* line 2217, assets/style/_components.scss */
        .conversation-view .conversation-container .conversation-body .message .redirect {
          display: inline-flex; }
        /* line 2220, assets/style/_components.scss */
        .conversation-view .conversation-container .conversation-body .message .timestamp {
          margin-top: 0.5rem;
          opacity: 0.8;
          font-size: 0.9rem; }
    /* line 2228, assets/style/_components.scss */
    .conversation-view .conversation-container .conversation-writer {
      padding: 1.5rem;
      border-top: 1px solid #ddddde; }
      @media (max-width: 640px) {
        /* line 2228, assets/style/_components.scss */
        .conversation-view .conversation-container .conversation-writer {
          padding: 0.7rem; } }
      @media (max-width: 640px) {
        /* line 2234, assets/style/_components.scss */
        .conversation-view .conversation-container .conversation-writer form {
          display: flex;
          gap: 0.5rem; }
          /* line 2238, assets/style/_components.scss */
          .conversation-view .conversation-container .conversation-writer form .button {
            height: 3rem; }
          /* line 2241, assets/style/_components.scss */
          .conversation-view .conversation-container .conversation-writer form .button-wrapper {
            margin-top: 0;
            align-content: center; } }
      /* line 2247, assets/style/_components.scss */
      .conversation-view .conversation-container .conversation-writer textarea {
        border: 1px solid #ddddde;
        width: 100%;
        height: 5rem;
        padding: 1rem;
        border-radius: 0.75rem; }
      /* line 2255, assets/style/_components.scss */
      .conversation-view .conversation-container .conversation-writer .button-wrapper {
        margin-top: 1rem; }
        /* line 2257, assets/style/_components.scss */
        .conversation-view .conversation-container .conversation-writer .button-wrapper input {
          margin-left: auto; }

/* line 2267, assets/style/_components.scss */
.tabs {
  display: flex;
  justify-content: center; }
  /* line 2271, assets/style/_components.scss */
  .tabs nav {
    display: flex;
    align-items: center;
    border-radius: 1.75rem;
    padding: 0.5rem;
    background: #f6f6f4;
    line-height: normal; }
    /* line 2279, assets/style/_components.scss */
    .tabs nav a {
      display: block;
      height: 3rem;
      border-radius: 1.5rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 0 2rem;
      color: inherit;
      text-decoration: none;
      font-family: "Inter", helvetica, sans-serif;
      font-weight: 500;
      font-size: 1rem; }
      /* line 2294, assets/style/_components.scss */
      .tabs nav a.active {
        background: #000;
        color: #fff; }

/* line 2302, assets/style/_components.scss */
.tab-panel {
  display: none; }
  /* line 2305, assets/style/_components.scss */
  .tab-panel.active {
    display: block; }

/* line 2312, assets/style/_components.scss */
.photo-with-text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center; }
  /* line 2319, assets/style/_components.scss */
  .photo-with-text .photo img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 1rem; }
  /* line 2328, assets/style/_components.scss */
  .photo-with-text .body .ctas {
    margin-top: 1.5rem; }
  /* line 2332, assets/style/_components.scss */
  .photo-with-text .body .pre-title {
    margin-bottom: 0.3rem;
    font-weight: 600;
    opacity: 0.7; }
    /* line 2337, assets/style/_components.scss */
    .photo-with-text .body .pre-title.color-1 {
      color: #ff6700; }
    /* line 2341, assets/style/_components.scss */
    .photo-with-text .body .pre-title.color-2 {
      color: #f63e5e; }
    /* line 2345, assets/style/_components.scss */
    .photo-with-text .body .pre-title.color-3 {
      color: #c4448c; }
  @media (max-width: 780px) {
    /* line 2312, assets/style/_components.scss */
    .photo-with-text {
      grid-template-areas: "photo" "body";
      grid-template-columns: 1fr; }
      /* line 2357, assets/style/_components.scss */
      .photo-with-text .photo {
        grid-area: photo; }
      /* line 2361, assets/style/_components.scss */
      .photo-with-text .body {
        grid-area: body; } }
/* line 2370, assets/style/_components.scss */
.mini-features ul {
  padding: 0;
  list-style-type: none; }

/* line 2375, assets/style/_components.scss */
.mini-features li {
  line-height: 150%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem; }
  /* line 2382, assets/style/_components.scss */
  .mini-features li svg {
    width: 1.5rem;
    height: auto; }

/* line 2388, assets/style/_components.scss */
.mini-features:not(:last-child) {
  margin-bottom: 2rem; }

/* line 2395, assets/style/_components.scss */
.incomplete-steps {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; }
  /* line 2400, assets/style/_components.scss */
  .incomplete-steps .step {
    display: flex;
    gap: 0.25rem; }
    /* line 2404, assets/style/_components.scss */
    .incomplete-steps .step .status-warning {
      color: salmon; }

/* line 2412, assets/style/_components.scss */
.publish-property-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  background: #f6f6f4;
  border-radius: 0.75rem;
  padding: 2rem; }
  /* line 2421, assets/style/_components.scss */
  .publish-property-form:has(p.published) {
    background: #e8f6e7; }

/* line 2428, assets/style/_components.scss */
.delete-property {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  background: #f6f6f4;
  border-radius: 0.75rem;
  padding: 2rem; }

/* line 2440, assets/style/_components.scss */
.pre-title {
  font-family: "Inter", helvetica, sans-serif;
  font-weight: 600;
  opacity: 0.6;
  margin-bottom: 0.5rem; }

/* line 2449, assets/style/_components.scss */
.not-found-container {
  width: 100%;
  min-height: 30rem;
  background: #000;
  align-content: center;
  justify-items: center;
  color: #fff;
  text-align: center; }
  /* line 2458, assets/style/_components.scss */
  .not-found-container .search-field-large {
    height: 5rem;
    background: white;
    border-radius: 2.5rem;
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
    width: 100%;
    max-width: 35rem;
    margin: 0 auto; }
    /* line 2469, assets/style/_components.scss */
    .not-found-container .search-field-large input[type="text"] {
      flex: 1;
      background: transparent;
      height: 100%;
      border: 0;
      padding: 0 2rem;
      width: 100%;
      outline: none; }
    /* line 2479, assets/style/_components.scss */
    .not-found-container .search-field-large input[type="submit"] {
      height: 4rem;
      color: #fff;
      border: 0;
      padding: 0 2rem;
      border-radius: 2rem;
      cursor: pointer; }

/* line 2491, assets/style/_components.scss */
#drop-container {
  height: 5rem;
  width: 100%;
  border: 1px dashed;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  border-radius: 0.75rem; }
  /* line 2502, assets/style/_components.scss */
  #drop-container input[type="file"] {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer; }
  /* line 2508, assets/style/_components.scss */
  #drop-container .text-container {
    position: absolute;
    text-align: center; }
    @media (max-width: 640px) {
      /* line 2512, assets/style/_components.scss */
      #drop-container .text-container .allow-drop {
        display: none; } }
    /* line 2516, assets/style/_components.scss */
    #drop-container .text-container .loader {
      display: none; }
  /* line 2521, assets/style/_components.scss */
  #drop-container .loading .loader {
    display: block; }
  /* line 2524, assets/style/_components.scss */
  #drop-container .loading p {
    display: none; }

/* line 2530, assets/style/_components.scss */
.removable-image:hover {
  scale: 1.05;
  transition: all 200ms ease-out; }
  /* line 2534, assets/style/_components.scss */
  .removable-image:hover .image-delete {
    height: 0px;
    opacity: 1;
    transition: all 200ms ease-out;
    cursor: pointer; }
    /* line 2540, assets/style/_components.scss */
    .removable-image:hover .image-delete svg {
      width: 2rem;
      transition: all 200ms ease-out; }

/* line 2547, assets/style/_components.scss */
.image-delete {
  position: absolute;
  z-index: 2;
  top: 2px;
  right: 2px;
  color: #f63e5e;
  opacity: 0; }
  /* line 2555, assets/style/_components.scss */
  .image-delete svg {
    width: 0rem; }

/* line 2562, assets/style/_components.scss */
.loader {
  animation: spin 1s infinite linear;
  display: inline-block; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/* line 2576, assets/style/_components.scss */
.pagination {
  display: flex;
  justify-content: center;
  padding-top: 2rem;
  font-size: 18px; }
  @media (max-width: 1024px) {
    /* line 2576, assets/style/_components.scss */
    .pagination {
      width: 100%; } }
  /* line 2584, assets/style/_components.scss */
  .pagination .step-links {
    align-items: center;
    gap: 0.5rem; }
    /* line 2588, assets/style/_components.scss */
    .pagination .step-links .dots {
      margin-left: -0.3rem;
      margin-right: -0.3rem; }
    /* line 2592, assets/style/_components.scss */
    .pagination .step-links .current {
      background: #dfdfd8; }
    @media (max-width: 1024px) {
      /* line 2597, assets/style/_components.scss */
      .pagination .step-links .button {
        padding: 0 0.9rem; } }
  @media (max-width: 1024px) {
    /* line 2603, assets/style/_components.scss */
    .pagination .dynamic {
      display: flex; } }
  @media (max-width: 780px) {
    /* line 2608, assets/style/_components.scss */
    .pagination .dynamic {
      display: none; } }
  @media (max-width: 640px) {
    /* line 2613, assets/style/_components.scss */
    .pagination .button {
      padding: 0 1.2rem !important; } }
  /* line 2617, assets/style/_components.scss */
  .pagination .edge,
  .pagination .current {
    display: flex !important; }

/* line 2625, assets/style/_components.scss */
.support-img {
  width: auto !important;
  justify-self: center;
  padding: 6rem; }
  @media (max-width: 1024px) {
    /* line 2625, assets/style/_components.scss */
    .support-img {
      display: none; } }
/* line 2635, assets/style/_components.scss */
.content.single-col {
  grid-template-columns: 1fr; }

/* line 2640, assets/style/_components.scss */
.badge {
  display: block;
  padding: 0.2rem 0.6rem;
  color: #000;
  background: #fff;
  border-radius: 0.3rem;
  display: inline-flex;
  background: rgba(242, 242, 241, 0.9);
  margin: 0.5rem 0; }
  /* line 2649, assets/style/_components.scss */
  .badge.success, .badge.warning, .badge.pending {
    background: rgba(238, 242, 150, 0.9); }
  /* line 2654, assets/style/_components.scss */
  .badge.signed, .badge.COMPLETED {
    background: rgba(154, 222, 123, 0.9); }
  /* line 2658, assets/style/_components.scss */
  .badge.danger, .badge.terminated {
    background: rgba(255, 143, 143, 0.9); }

/* line 2664, assets/style/_components.scss */
.message-notification {
  animation: pulse 3s infinite;
  background-color: #ff6700;
  border-radius: 100%;
  width: 1.4rem;
  font-size: 0.9rem;
  height: 1.4rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: #fff;
  box-shadow: 0px 0px 2px 0px #ff6700; }

@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

/* line 2689, assets/style/_components.scss */
.notification-dot {
  animation: pulse 3s infinite;
  background-color: #ff6700;
  border-radius: 100%;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  right: -0.3rem;
  top: 0.4rem; }

@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
  @media (max-width: 1024px) {
    /* line 2689, assets/style/_components.scss */
    .notification-dot {
      top: -0.2rem; } }
/* line 2715, assets/style/_components.scss */
.card {
  display: flex;
  flex: 1;
  border-radius: 0.5rem;
  background-color: #f9f9f6;
  flex-direction: column;
  padding: 1rem;
  margin-bottom: 1rem; }
  /* line 2724, assets/style/_components.scss */
  .card.danger {
    background-color: #ffc2c2; }

/* line 2730, assets/style/_components.scss */
.toggle-container {
  position: relative;
  height: 0px;
  width: 100%;
  bottom: 2rem;
  left: -0.5rem;
  display: flex;
  flex-direction: row-reverse; }
  /* line 2739, assets/style/_components.scss */
  .toggle-container .toggle-visibility {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-size: cover; }

/* line 2747, assets/style/_components.scss */
input:placeholder-shown + .toggle-container {
  display: none; }

/* line 2750, assets/style/_components.scss */
input[type="password"] + .toggle-container .toggle-visibility {
  background-image: url(/static/images/icons/eye.svg?42ed2d8bea82); }

/* line 2753, assets/style/_components.scss */
input[type="text"] + .toggle-container .toggle-visibility {
  background-image: url(/static/images/icons/eye-off.svg?42ed2d8bea82); }

/* line 2757, assets/style/_components.scss */
.contract-event-container {
  display: inline-block; }
  /* line 2759, assets/style/_components.scss */
  .contract-event-container .contract-event {
    background-color: #fff;
    padding: 0.6rem 1rem 1.5rem 1rem;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 25rem;
    gap: 1rem; }
    /* line 2769, assets/style/_components.scss */
    .contract-event-container .contract-event p {
      text-align: left; }
    /* line 2772, assets/style/_components.scss */
    .contract-event-container .contract-event a {
      margin: auto; }
    /* line 2775, assets/style/_components.scss */
    .contract-event-container .contract-event .inner {
      display: flex;
      flex-direction: column;
      align-items: anchor-center;
      gap: 0.6rem; }
      /* line 2780, assets/style/_components.scss */
      .contract-event-container .contract-event .inner .attention {
        transform: scale(1.2);
        margin-bottom: 0.2rem; }
      /* line 2784, assets/style/_components.scss */
      .contract-event-container .contract-event .inner .signed,
      .contract-event-container .contract-event .inner .deposit-paid,
      .contract-event-container .contract-event .inner .rental-payments-setup {
        color: #4a9a26; }
      /* line 2789, assets/style/_components.scss */
      .contract-event-container .contract-event .inner .rejected {
        color: #c20000; }

/* line 2800, assets/style/_components.scss */
.dashboard-table {
  width: 100%;
  border-collapse: collapse;
  font-family: system-ui, sans-serif;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  margin-bottom: 2rem; }

/* line 2813, assets/style/_components.scss */
.dashboard-table thead {
  background-color: #f5f7fa;
  text-align: left; }

/* line 2818, assets/style/_components.scss */
.dashboard-table th,
.dashboard-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #e0e6ed; }

/* line 2824, assets/style/_components.scss */
.dashboard-table th {
  font-weight: 600;
  color: #4a5568;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.5px; }

/* line 2832, assets/style/_components.scss */
.dashboard-table tbody tr:hover {
  background-color: #f0f4f8;
  transition: background-color 0.2s ease; }

/* line 2837, assets/style/_components.scss */
.dashboard-table tbody tr:last-child td {
  border-bottom: none; }

/* line 2843, assets/style/_components.scss */
.payment-container a {
  text-decoration: auto; }

/* line 2846, assets/style/_components.scss */
.payment-container .alert {
  padding: 1rem;
  border-radius: 0.75rem;
  color: black;
  opacity: 1;
  background: #ffe6e6; }

/* line 2854, assets/style/_components.scss */
.payment {
  color: #000; }
  /* line 2856, assets/style/_components.scss */
  .payment.with-border {
    padding: 1rem 2rem;
    box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 3px;
    transition: box-shadow 200ms ease;
    border: 1px solid #ddddde;
    border-radius: 1rem; }
    /* line 2863, assets/style/_components.scss */
    .payment.with-border:hover {
      box-shadow: rgba(149, 157, 165, 0.3) 0px 5px 7px; }
  /* line 2867, assets/style/_components.scss */
  .payment p {
    text-decoration: none; }

/* line 2, assets/style/_pages.scss */
.home-body.dark-context .main-navigation {
  background: transparent; }
  /* line 5, assets/style/_pages.scss */
  .home-body.dark-context .main-navigation.scrolled {
    background: #000;
    background: rgba(0, 0, 0, 0.9); }

/* line 11, assets/style/_pages.scss */
.home-body .splat-section {
  background: url(/static/images/illustrations/splat.png?42ed2d8bea82);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  margin-top: 5rem;
  margin-bottom: 5rem; }
  /* line 20, assets/style/_pages.scss */
  .home-body .splat-section .body {
    padding: 5rem 0 8rem;
    max-width: 30rem;
    margin: 0 auto;
    text-align: center; }
    /* line 26, assets/style/_pages.scss */
    .home-body .splat-section .body .title span,
    .home-body .splat-section .body p span {
      color: #ff6700; }
    /* line 31, assets/style/_pages.scss */
    .home-body .splat-section .body p {
      font-size: 1.2rem;
      line-height: 130%; }
  @media (max-width: 1024px) {
    /* line 11, assets/style/_pages.scss */
    .home-body .splat-section {
      background-size: cover; } }
/* line 43, assets/style/_pages.scss */
.submit-body {
  background: #eee;
  background: url(/static/images/backdrops/barcelona.jpg?42ed2d8bea82);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 6rem;
  padding-bottom: 2rem; }