@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
/* Breakpoints */
/* Containers */
/* Typography */
/* Colors */
/* Buttons */
/* Mixins */
/* Functions */
/* Extends */
.slct-country__input:checked ~ .slct-country__dropdown, .slct__btn:checked ~ .slct__dropdown {
  filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(1, 0, 1, 0.25)); }

.inp-search__input:focus, .inp-date:focus, .searchres__filters--sorting:focus, .searchres__filters--togglemap:focus, .btn-counter:focus-within, .inp-search__input:hover, .slct-country__label:hover, .slct__label:hover, .inp-date:hover, .searchres__filters--sorting:hover, .searchres__filters--togglemap:hover {
  border-color: #44168f;
  background-color: #fdfdfe; }

.inp-search__input:focus, .inp-date:focus, .searchres__filters--sorting:focus, .searchres__filters--togglemap:focus, .btn-counter:focus-within {
  box-shadow: inset 0 0 0 1px #44168f; }

/* To be deleted */
/* Global */
:root {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #010001;
  background-color: #fdfdfe;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  --color-theme: #44168f;
  --color-primary: #f865d7;
  --color-secondary: #403f40;
  --color-light: #fdfdfe;
  --color-dark: #010001;
  --color-background: #f9f8fc;
  --color-error: #ff1744;
  --color-success: #00b49d; }

[v-cloak] {
  display: none; }

*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  accent-color: #44168f;
  caret-color: #44168f; }

body {
  overscroll-behavior: none; }

h1 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.25; }

h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25; }

h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25; }

h4 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.25; }

h5 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25; }

h6 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25; }

a,
button {
  cursor: pointer; }

a {
  text-decoration: none;
  color: inherit; }

button,
input,
textarea {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  outline: none; }
  button:focus,
  input:focus,
  textarea:focus {
    font-size: 16px !important; }

/* Hyperlink */
.hyperlink {
  color: #010001;
  background: linear-gradient(180deg, transparent 0, #fcdff6 0);
  background-position: 0 1.25rem;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out; }
  .hyperlink:hover {
    background-position: 0 0; }

/* Tooltips */
[data-tooltip] {
  position: relative;
  cursor: help; }
  [data-tooltip]:before {
    content: "";
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  [data-tooltip]:after {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #44168f;
    color: #fdfdfe;
    padding: 0.25rem 0.5rem;
    width: max-content;
    max-width: 10rem;
    border-radius: 0.25rem; }

@keyframes opacity {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  [data-tooltip]:hover:before, [data-tooltip]:hover:after {
    display: flex;
    z-index: 99;
    animation: opacity 0.35s ease-out forwards; }

[data-tooltip-position="top"]:before {
  bottom: 100%;
  left: calc(50% - 0.5rem);
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #44168f; }

[data-tooltip-position="top"]:after {
  bottom: calc(100% + 0.5rem);
  left: 50%;
  transform: translateX(-50%); }

[data-tooltip-position="right"]:before {
  top: calc(50% - 0.5rem);
  left: calc(100% + 0.5rem);
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #44168f; }

[data-tooltip-position="right"]:after {
  top: 50%;
  left: calc(100% + 1rem);
  transform: translateY(-50%); }

[data-tooltip-position="bottom"]:before {
  top: 100%;
  left: calc(50% - 0.5rem);
  border-width: 0 0.5rem 0.5rem;
  border-bottom-color: #44168f; }

[data-tooltip-position="bottom"]:after {
  top: calc(100% + 0.5rem);
  left: 50%;
  transform: translateX(-50%); }

[data-tooltip-position="left"]:before {
  top: calc(50% - 0.5rem);
  right: calc(100% + 0.5rem);
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #44168f; }

[data-tooltip-position="left"]:after {
  top: 50%;
  right: calc(100% + 1rem);
  transform: translateY(-50%); }

/* Body */
.main-body {
  height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column; }

.main-content {
  display: flex;
  flex: 1; }

.admin-body {
  background: #f9f8fc; }
  .admin-body footer {
    display: none; }

/* Layout */
.container-full, .container-large, .container-medium, .container-small {
  padding: 1rem 2rem;
  width: 100%; }

.container-large, .container-medium, .container-small, .container-location {
  margin: 0 auto; }

.container-large {
  max-width: 1200px; }

.container-medium, .container-location {
  max-width: 800px; }

.container-small {
  max-width: 600px; }

@media all and (max-width: 576px) {
  .container-full, .container-large, .container-medium, .container-small {
    padding: 1rem; } }

/* Buttons */
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 0.25rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out; }
  .btn__return {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease-in-out; }
    .btn__return svg {
      height: 16px;
      width: auto;
      color: inherit;
      flex: none;
      transition: all 0.3s ease-in-out; }
    .btn__return:hover svg {
      color: #44168f;
      transform: translateX(-0.25rem); }
  .btn__container--left, .btn__container--center, .btn__container--right {
    display: flex;
    align-items: center;
    gap: 0.5rem; }
  .btn__container--left {
    justify-content: flex-start; }
  .btn__container--center {
    justify-content: center; }
  .btn__container--right {
    justify-content: flex-end; }
  .btn-delete:hover {
    color: #fdfdfe;
    background: #ff1744; }
  .btn-icon {
    gap: 1rem; }
    .btn-icon svg {
      height: 1rem;
      width: auto;
      color: CurrentColor;
      flex: none; }
  .btn-primary__big {
    color: #fdfdfe;
    background-color: #f865d7;
    padding: calc(16px * 1.5) calc((16px * 1.5) * 2) calc(
 (16px * 1.5) * 1.4 - ((16px * 1.5) * 1.4 -
 16px * 1.5)); }
    .btn-primary__big:hover {
      background-color: #ba4ca2; }
    .btn-primary__big:focus {
      box-shadow: inset 0 0 0 2px #f865d7, inset 0 0 0 calc(2px * 2) #fdfdfe; }
      .btn-primary__big:focus:hover {
        background-color: #f865d7; }
    .btn-primary__big:disabled {
      color: #fdfdfe;
      background-color: #7d336c;
      pointer-events: none; }
  .btn-primary__small {
    color: #fdfdfe;
    background-color: #f865d7;
    padding: 16px calc(16px * 2) calc(16px * 1.4 -
 (16px * 1.4 - 16px)); }
    .btn-primary__small:hover {
      background-color: #ba4ca2; }
    .btn-primary__small:focus {
      box-shadow: inset 0 0 0 2px #f865d7, inset 0 0 0 calc(2px * 2) #fdfdfe; }
      .btn-primary__small:focus:hover {
        background-color: #f865d7; }
    .btn-primary__small:disabled {
      color: #fdfdfe;
      background-color: #7d336c;
      pointer-events: none; }
  .btn-secondary__big {
    color: #fdfdfe;
    background-color: #010001;
    padding: calc(16px * 1.5) calc((16px * 1.5) * 2) calc(
 (16px * 1.5) * 1.4 - ((16px * 1.5) * 1.4 -
 16px * 1.5)); }
    .btn-secondary__big:hover {
      background-color: #403f40; }
    .btn-secondary__big:focus {
      box-shadow: inset 0 0 0 2px #010001, inset 0 0 0 calc(2px * 2) #fdfdfe; }
      .btn-secondary__big:focus:hover {
        background-color: #010001; }
    .btn-secondary__big:disabled {
      color: #fdfdfe;
      background-color: #7f7f80;
      pointer-events: none; }
  .btn-secondary__small {
    color: #fdfdfe;
    background-color: #010001;
    padding: 16px calc(16px * 2) calc(16px * 1.4 -
 (16px * 1.4 - 16px)); }
    .btn-secondary__small:hover {
      background-color: #403f40; }
    .btn-secondary__small:focus {
      box-shadow: inset 0 0 0 2px #010001, inset 0 0 0 calc(2px * 2) #fdfdfe; }
      .btn-secondary__small:focus:hover {
        background-color: #010001; }
    .btn-secondary__small:disabled {
      color: #fdfdfe;
      background-color: #7f7f80;
      pointer-events: none; }
  .btn-tertiary__big {
    box-shadow: inset 0 0 0 2px #010001;
    background-color: #fdfdfe;
    color: #010001;
    padding: calc(16px * 1.5) calc((16px * 1.5) * 2) calc(
 (16px * 1.5) * 1.4 - ((16px * 1.5) * 1.4 -
 16px * 1.5)); }
    .btn-tertiary__big:hover {
      background-color: #010001;
      color: #fdfdfe; }
    .btn-tertiary__big:focus {
      background-color: #010001;
      color: #fdfdfe;
      box-shadow: inset 0 0 0 2px #010001, inset 0 0 0 calc(2px * 2) #fdfdfe; }
  .btn-tertiary__small {
    box-shadow: inset 0 0 0 2px #010001;
    background-color: #fdfdfe;
    color: #010001;
    padding: 16px calc(16px * 2) calc(16px * 1.4 -
 (16px * 1.4 - 16px)); }
    .btn-tertiary__small:hover {
      background-color: #010001;
      color: #fdfdfe; }
    .btn-tertiary__small:focus {
      background-color: #010001;
      color: #fdfdfe;
      box-shadow: inset 0 0 0 2px #010001, inset 0 0 0 calc(2px * 2) #fdfdfe; }
  .btn-primary-alt__big {
    color: #fdfdfe;
    background-color: #403f40;
    padding: calc(16px * 1.5) calc((16px * 1.5) * 2) calc(
 (16px * 1.5) * 1.4 - ((16px * 1.5) * 1.4 -
 16px * 1.5)); }
    .btn-primary-alt__big:hover {
      background-color: #6f6f70; }
    .btn-primary-alt__big:focus {
      box-shadow: inset 0 0 0 2px #403f40, inset 0 0 0 calc(2px * 2) #fdfdfe; }
      .btn-primary-alt__big:focus:hover {
        background-color: #403f40; }
    .btn-primary-alt__big:disabled {
      color: #010001;
      background-color: #9f9e9f;
      pointer-events: none; }
  .btn-primary-alt__small {
    color: #fdfdfe;
    background-color: #403f40;
    padding: 16px calc(16px * 2) calc(16px * 1.4 -
 (16px * 1.4 - 16px)); }
    .btn-primary-alt__small:hover {
      background-color: #6f6f70; }
    .btn-primary-alt__small:focus {
      box-shadow: inset 0 0 0 2px #403f40, inset 0 0 0 calc(2px * 2) #fdfdfe; }
      .btn-primary-alt__small:focus:hover {
        background-color: #403f40; }
    .btn-primary-alt__small:disabled {
      color: #010001;
      background-color: #9f9e9f;
      pointer-events: none; }
  .btn-checkout {
    background-color: #cececf;
    color: rgba(1, 0, 1, 0.25);
    padding: calc(16px * 1.5) calc((16px * 1.5) * 2) calc(
 (16px * 1.5) * 1.4 - ((16px * 1.5) * 1.4 -
 16px * 1.5));
    pointer-events: none; }
  .btn-disabled__big, .btn-disabled__small {
    background-color: #cececf;
    color: rgba(1, 0, 1, 0.25);
    pointer-events: none; }
  .btn-disabled__big {
    padding: calc(16px * 1.5) calc((16px * 1.5) * 2) calc(
 (16px * 1.5) * 1.4 - ((16px * 1.5) * 1.4 -
 16px * 1.5)); }
  .btn-disabled__small {
    padding: 16px calc(16px * 2) calc(16px * 1.4 -
 (16px * 1.4 - 16px)); }
  .btn-cancel {
    position: relative;
    color: #010001;
    background: none;
    border: none;
    width: max-content; }
    .btn-cancel:after {
      content: "";
      position: absolute;
      top: calc(100% + 0.25rem);
      height: 1px;
      width: 100%;
      background: linear-gradient(to right, #f865d7 50%, #010001 50%) right;
      background-size: 200%;
      transition: background 0.5s ease; }
    .btn-cancel:hover:after, .btn-cancel:focus:after {
      background-position: left; }

@media all and (max-width: 576px) {
  .btn__container--left, .btn__container--center, .btn__container--right {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center; }
    .btn__container--left .btn, .btn__container--center .btn, .btn__container--right .btn {
      width: 100%; } }

/* Input=search */
.inp-search {
  position: relative;
  display: flex;
  width: 100%; }
  .inp-search__input {
    display: flex;
    flex: 1;
    border: 1px solid #7f7f80;
    background: #fdfdfe;
    border-radius: 0.25rem;
    padding: 1rem 3rem 1rem 1rem;
    color: #010001;
    caret-color: #010001;
    transition: all 0.3s ease-in-out; }
    .inp-search__input::placeholder {
      color: #7f7f80;
      transition: opacity 0.25s ease; }
    .inp-search__input::-webkit-search-decoration, .inp-search__input::-webkit-search-cancel-button, .inp-search__input::-webkit-search-results-button, .inp-search__input::-webkit-search-results-decoration {
      -webkit-appearance: none; }
    .inp-search__input:placeholder-shown + .inp-search__btn {
      pointer-events: none; }
    .inp-search__input:not(:placeholder-shown) {
      border-color: #010001; }
      .inp-search__input:not(:placeholder-shown) + .inp-search__btn {
        pointer-events: all;
        border-width: 1px; }
    .inp-search__input:focus::placeholder {
      opacity: 0; }
    .inp-search__input:focus + .inp-search__btn {
      border-width: 2px; }
  .inp-search__btn {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    right: 0;
    border: 2px solid transparent;
    height: 100%;
    border-radius: 0 0.25rem 0.25rem 0;
    background: none;
    padding: 1rem;
    transition: padding 0.25s ease;
    cursor: pointer; }
    .inp-search__btn svg {
      height: 1rem;
      width: auto;
      color: #7f7f80;
      flex: none;
      transition: all 0.3s ease-in-out; }
    .inp-search__btn:hover {
      background: #fcdff6;
      padding: 1rem 2rem;
      background-clip: padding-box; }
      .inp-search__btn:hover svg {
        color: #010001; }

/* Meny */
.menu {
  position: relative;
  padding: 2rem;
  gap: 2rem;
  display: grid;
  grid-template-columns: 1fr minmax(max-content, 1fr) minmax(max-content, 1fr);
  grid-auto-flow: row dense;
  grid-template-areas: "logo menu-center menu-right";
  color: #010001; }
  .menu__index {
    position: absolute;
    color: #fdfdfe;
    z-index: 1;
    width: 100%; }
  .menu .link__active {
    box-shadow: inset 0 -2px #f865d7;
    transition: none; }
    .menu .link__active span {
      transform: translateY(-4px); }

@keyframes logo-circle {
  0%,
  100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-25%); } }
  .menu__logo {
    grid-area: logo;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .menu__logo a svg {
      height: 2rem;
      width: auto;
      color: #44168f;
      flex: none; }
      .menu__logo a svg path {
        fill: #44168f; }
      .menu__logo a svg circle {
        fill: #f865d7; }
    .menu__logo a:is(.index__logo) svg {
      height: 2rem;
      width: auto;
      color: #fdfdfe;
      flex: none; }
      .menu__logo a:is(.index__logo) svg path {
        fill: #fdfdfe; }
      .menu__logo a:is(.index__logo) svg circle {
        fill: #f865d7; }
    .menu__logo a:hover svg circle {
      animation: logo-circle 0.8s cubic-bezier(0.77, 0.2, 0.05, 1) forwards; }
  .menu__mob {
    display: none; }
  .menu__desk--center, .menu__desk--right {
    gap: 2rem; }
  .menu__desk--center {
    grid-area: menu-center;
    display: flex;
    align-items: center;
    justify-content: center; }
  .menu__desk--right {
    grid-area: menu-right;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .menu__desk--link {
    display: flex;
    cursor: pointer;
    transition: all 0.15s ease; }
    .menu__desk--link span {
      transition: transform 0.3s ease; }
    .menu__desk--link:hover, .menu__desk--link:focus {
      box-shadow: inset 0 -2px #f865d7; }
      .menu__desk--link:hover span, .menu__desk--link:focus span {
        transform: translateY(-4px); }

@media all and (max-width: 992px) {
  .menu {
    height: 6rem; }
    .menu__desk--center, .menu__desk--right {
      display: none; }
    .menu__mob {
      display: flex; }
      .menu__mob--logo {
        margin: 2rem 0 0 2rem;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        .menu__mob--logo svg {
          height: 2rem;
          width: auto;
          color: #fdfdfe;
          flex: none; }
          .menu__mob--logo svg path {
            fill: #fdfdfe; }
          .menu__mob--logo svg circle {
            fill: #f865d7; }
      .menu__mob--icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 2rem;
        z-index: 99;
        cursor: pointer; }
        .menu__mob--icon .icon__top, .menu__mob--icon .icon__center, .menu__mob--icon .icon__bottom {
          width: 2rem;
          height: 2px;
          background: #44168f;
          border-radius: 4px;
          transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.5s ease; }
        .menu__mob--icon .icon__index {
          background: #fdfdfe; }
        .menu__mob--icon .icon__center {
          margin: 6px 0; }
      .menu__mob--link {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        margin: 2rem 2rem 0; }
        .menu__mob--link a,
        .menu__mob--link .div-link {
          display: flex;
          align-items: center;
          flex: 1;
          font-size: 1.2rem;
          color: #fdfdfe;
          padding: 1rem 0;
          cursor: pointer; }
          .menu__mob--link a:is(.link__active),
          .menu__mob--link .div-link:is(.link__active) {
            background: #7250ab;
            box-shadow: 0 0 0 100vmax #7250ab;
            clip-path: inset(0 -100vmax); }
      .menu__mob--main {
        position: fixed;
        overflow-y: scroll;
        overscroll-behavior-y: none;
        -webkit-overflow-scrolling: auto;
        width: 100vw;
        height: 100vh;
        background: #44168f;
        transform-origin: 0% 0%;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
        z-index: 98; }
        @supports (inset: 0) {
          .menu__mob--main {
            inset: 0; } }
        @supports not (inset: 0) {
          .menu__mob--main {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
  @keyframes icon-top {
    50% {
      transform: translateY(8px);
      background: #fdfdfe; }
    100% {
      transform: translateY(8px) rotate(45deg);
      background: #fdfdfe; } }
  @keyframes icon-bottom {
    50% {
      transform: translateY(-8px);
      background: #fdfdfe; }
    100% {
      transform: translateY(-8px) rotate(-45deg);
      background: #fdfdfe; } }
      .menu__mob input[type="checkbox"] {
        position: absolute;
        visibility: hidden; }
        .menu__mob input[type="checkbox"]:checked ~ .menu__mob--icon .icon__top {
          animation: icon-top 1s cubic-bezier(0.77, 0.2, 0.05, 1) forwards; }
        .menu__mob input[type="checkbox"]:checked ~ .menu__mob--icon .icon__center {
          opacity: 0;
          transform: scale(0.2, 0.2); }
        .menu__mob input[type="checkbox"]:checked ~ .menu__mob--icon .icon__bottom {
          animation: icon-bottom 1s cubic-bezier(0.77, 0.2, 0.05, 1) forwards; }
        .menu__mob input[type="checkbox"]:checked ~ .menu__mob--main {
          transform: none; } }

@media all and (max-width: 576px) {
  .menu {
    padding: 2rem 1rem; }
    .menu__mob--logo {
      margin: 2rem 0 0 1rem; }
    .menu__mob--icon {
      right: 1rem; }
    .menu__mob--link {
      margin: 2rem 1rem 0; } }

/* Footer */
footer {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem 1rem;
  background: linear-gradient(80deg, #44168f 30%, #ad22ac 130%); }
  footer .footer__links {
    display: flex;
    justify-content: center;
    align-items: space-between;
    gap: 8rem;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px; }
    footer .footer__links--list, footer .footer__links--list-info {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      flex: 0 auto; }
      footer .footer__links--list p, footer .footer__links--list-info p {
        color: #fdfdfe;
        line-height: 1.4; }
        footer .footer__links--list p:first-of-type, footer .footer__links--list-info p:first-of-type {
          font-size: 1.2rem;
          font-weight: 600;
          margin-bottom: 0.5rem; }
    footer .footer__links--list-info {
      padding-right: 2rem; }
    footer .footer__links--list a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: max-content;
      gap: 0.5rem;
      color: #fdfdfe;
      position: relative;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      footer .footer__links--list a:before {
        content: "";
        position: absolute;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: #f865d7;
        height: 1px;
        width: 0;
        left: 0;
        bottom: -2px;
        transition: all 0.4s ease; }
      footer .footer__links--list a:after {
        content: "";
        height: 1rem;
        width: 1rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Cline x1='40' y1='128' x2='216' y2='128' fill='none' stroke='%23fdfdfe' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='144 56 216 128 144 200' fill='none' stroke='%23fdfdfe' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E");
        background-size: 1rem auto;
        background-repeat: no-repeat;
        transform: translateX(-100%);
        opacity: 0;
        transition: all 0.5s ease; }
      footer .footer__links--list a:hover, footer .footer__links--list a:focus {
        outline: none; }
        footer .footer__links--list a:hover:before, footer .footer__links--list a:focus:before {
          width: 100%; }
        footer .footer__links--list a:hover:after, footer .footer__links--list a:focus:after {
          transform: translateX(0);
          opacity: 1; }
  footer .footer__logo {
    display: flex;
    align-items: center;
    justify-content: center; }
    footer .footer__logo svg {
      height: 2rem;
      width: auto;
      color: #44168f;
      flex: none; }
      footer .footer__logo svg path {
        fill: #fdfdfe; }
      footer .footer__logo svg circle {
        fill: #f865d7; }

@media all and (max-width: 992px) {
  footer {
    padding: 1rem;
    background: #44168f; }
    footer .footer__links {
      display: none; } }

/* Index */
.landing {
  position: relative;
  background: linear-gradient(120deg, #44168f 30%, #ad22ac 130%);
  width: 100%;
  height: calc(100vh - 2rem); }
  .landing:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(270,1280,680)'%3E%3Cstop offset='0' stop-color='%2344168F'/%3E%3Cstop offset='1' stop-color='%23F865D7'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='1000' height='833.3' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.3; }
  .landing:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 4rem;
    width: 100%;
    background: #fdfdfe;
    clip-path: polygon(50% 100%, 100% 0%, 100% 100%, 0% 100%, 0 0%, 50% 100%); }

.hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: calc(6rem * 2) 2rem 0;
  margin: 0 auto;
  gap: 2rem;
  color: #fdfdfe;
  max-width: 800px; }
  .hero span {
    font-weight: 700; }
  .hero__header {
    line-height: 1.25;
    font-weight: 400; }
    @supports (font-size: clamp(2.5rem, calc(1.1154rem + 3.8462vw), 4rem)) {
      .hero__header {
        font-size: clamp(2.5rem, calc(1.1154rem + 3.8462vw), 4rem); } }
    @supports not (font-size: clamp(2.5rem, calc(1.1154rem + 3.8462vw), 4rem)) {
      .hero__header {
        font-size: 4rem; } }
  .hero .inp-search {
    margin-top: 1rem; }
    .hero .inp-search__input {
      border: none !important; }
      .hero .inp-search__input:hover {
        background-color: #fdfdfe; }
      .hero .inp-search__input:focus {
        box-shadow: none !important; }
    .hero .inp-search__btn {
      border: none !important; }
  .hero__tagline {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%; }
    .hero__tagline--container {
      display: flex;
      gap: 1rem;
      align-items: flex-start; }
      .hero__tagline--container p {
        display: flex;
        align-items: center;
        gap: 1rem;
        flex: 1; }
        .hero__tagline--container p:before {
          content: "";
          display: flex;
          flex: none;
          align-items: center;
          height: 0.5rem;
          width: 0.5rem;
          background: #fdfdfe;
          border-radius: 50%; }

@media all and (min-width: 1200px) {
  .landing:after {
    height: 6rem; } }

@media all and (max-height: 750px) {
  .landing {
    height: unset;
    min-height: 100vh; }
    .landing:after {
      display: none; }
  .hero {
    padding: calc(6rem + 2rem) 2rem 2rem; } }

@media all and (max-width: 768px) {
  .hero {
    padding: calc(6rem + 2rem) 2rem 2rem; }
    @supports not (font-size: clamp(2.5rem, calc(1.1154rem + 3.8462vw), 4rem)) {
      .hero__header {
        font-size: 3rem; } } }

@media all and (max-width: 576px) {
  .hero {
    justify-content: flex-start;
    padding: calc(6rem + 1rem) 1rem 1rem; }
    @supports not (font-size: clamp(2.5rem, calc(1.1154rem + 3.8462vw), 4rem)) {
      .hero__header {
        font-size: 2.5rem; } }
    .hero__tagline--container {
      flex-direction: column; } }

.descr {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 4rem 1rem;
  margin: 0 auto;
  max-width: 800px;
  gap: 3rem; }
  .descr__header {
    text-align: center;
    font-weight: 500; }
  .descr__container {
    display: flex;
    gap: 1rem; }
  .descr__row {
    display: flex;
    flex: 1;
    gap: 1rem; }
  .descr__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 1.5rem; }
    .descr__content svg {
      height: 3rem;
      width: auto;
      color: #44168f;
      flex: none;
      fill: #44168f; }
    .descr__content--text {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      gap: 0.25rem; }
      .descr__content--text p:first-of-type {
        font-weight: 600; }

@media all and (max-width: 768px) {
  .descr__container {
    flex-direction: column; } }

@media all and (max-width: 576px) {
  .descr {
    gap: 2rem; }
    .descr__container, .descr__row {
      gap: 2rem; }
    .descr__row {
      flex-direction: column; }
    .descr__content {
      flex-direction: row;
      align-items: center; }
      .descr__content--text {
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left; } }

/* Kundesenter */
.csc {
  display: flex;
  flex-direction: column;
  gap: 3rem; }
  .csc__container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem; }
    .csc__container h3 {
      margin-top: 1rem; }
  .csc__dropdown[open] .csc__dropdown--label {
    background-color: #33116c; }
    .csc__dropdown[open] .csc__dropdown--label svg {
      transform: scale(-1); }
  .csc__dropdown--container {
    display: flex;
    flex-direction: column;
    gap: 1px; }
  .csc__dropdown--label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    gap: 1rem;
    background-color: #44168f;
    color: #fdfdfe;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out; }
    .csc__dropdown--label svg {
      height: 16px;
      width: auto;
      color: inherit;
      flex: none;
      transition: transform 0.3s ease-in-out; }
    .csc__dropdown--label::-webkit-details-marker, .csc__dropdown--label::marker {
      display: none; }
  .csc__dropdown--content {
    padding: 1rem;
    background-color: #f6f3f9; }

/* Kontakt oss */
.contact__customer {
  margin: 8rem auto 4rem; }

.contact__landlord {
  margin-bottom: 4rem; }

.contact__customer h1,
.contact__landlord h1 {
  margin-bottom: 2rem; }

/* Hubspot form */
.hbspt-form form {
  padding: 2rem;
  background: linear-gradient(0deg, rgba(238, 240, 248, 0.5), rgba(238, 240, 248, 0.5)), #ffffff;
  color: #010001; }
  .hbspt-form form div {
    display: flex;
    flex-direction: column;
    gap: 0.5rem; }
    .hbspt-form form div .hs-form-required {
      color: #f865d7; }
    .hbspt-form form div .input {
      border: none;
      background: inherit; }
      .hbspt-form form div .input input {
        border: 1px solid #7f7f80;
        border-radius: 0.25rem;
        padding: 1rem;
        caret-color: #010001;
        background: #fdfdfe;
        transition: all 0.3s ease; }
        .hbspt-form form div .input input:not(:placeholder-shown) {
          border-color: #010001; }
        .hbspt-form form div .input input::placeholder {
          color: #7f7f80;
          transition: opacity 0.3s ease; }
        .hbspt-form form div .input input:hover {
          border-color: #44168f; }
        .hbspt-form form div .input input:focus {
          border-color: #44168f;
          box-shadow: inset 0 0 0 1px #44168f; }
          .hbspt-form form div .input input:focus::placeholder {
            opacity: 0; }
    .hbspt-form form div ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .hbspt-form form div ul li {
        display: flex;
        align-items: center;
        color: #ff1744;
        gap: 0.5rem; }
        .hbspt-form form div ul li:before {
          content: "\00D7"; }
    .hbspt-form form div + div {
      margin-top: 1.5rem; }
  .hbspt-form form .hs-input.hs-fieldtype-intl-phone {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    gap: 0.5rem; }
    .hbspt-form form .hs-input.hs-fieldtype-intl-phone select,
    .hbspt-form form .hs-input.hs-fieldtype-intl-phone input[type="tel"] {
      display: flex;
      width: 100% !important;
      float: none !important; }
    .hbspt-form form .hs-input.hs-fieldtype-intl-phone select {
      max-width: calc(100% / 3);
      -moz-appearance: none;
      -webkit-appearance: none;
      outline: none;
      cursor: pointer;
      font: inherit;
      background: #fdfdfe;
      border: 1px solid #7f7f80;
      border-radius: 0.25rem;
      padding: 0.5rem 3rem 0.5rem 1rem;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' stroke-width='1.5'%3E%3Cpath d='M23.25,7.311,12.53,18.03a.749.749,0,0,1-1.06,0L.75,7.311' fill='none' stroke='CurrentColor' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-position: calc(100% - 0.5rem) center;
      background-size: auto 1rem; }
      .hbspt-form form .hs-input.hs-fieldtype-intl-phone select::-ms-expand {
        display: none !important; }
      .hbspt-form form .hs-input.hs-fieldtype-intl-phone select:hover {
        border-color: #44168f; }
      .hbspt-form form .hs-input.hs-fieldtype-intl-phone select:focus {
        border-color: #44168f;
        box-shadow: inset 0 0 0 1px #44168f; }
    .hbspt-form form .hs-input.hs-fieldtype-intl-phone input[type="tel"] {
      max-width: calc((100% / 3) * 2);
      margin-right: -0.5rem; }
    .hbspt-form form .hs-input.hs-fieldtype-intl-phone input[name="phone"] {
      position: absolute;
      border: 0;
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(1px 1px 1px 1px);
      clip: rect(1px, 1px, 1px, 1px); }
  .hbspt-form form .hs-message label span {
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.3;
    margin: 2rem 0 0.5rem; }
  .hbspt-form form .hs-message .hs-form-required {
    display: none; }
  .hbspt-form form .hs-message textarea {
    width: 100%;
    resize: vertical;
    height: 10rem;
    border: 1px solid #7f7f80;
    border-radius: 0.25rem;
    padding: 1rem;
    caret-color: #010001;
    background: #fdfdfe;
    transition: all 0.3s ease; }
    .hbspt-form form .hs-message textarea:not(:placeholder-shown) {
      border-color: #010001; }
    .hbspt-form form .hs-message textarea::placeholder {
      color: #7f7f80;
      transition: opacity 0.3s ease; }
    .hbspt-form form .hs-message textarea:hover {
      border-color: #44168f; }
    .hbspt-form form .hs-message textarea:focus {
      border-color: #44168f;
      box-shadow: inset 0 0 0 1px #44168f; }
      .hbspt-form form .hs-message textarea:focus::placeholder {
        opacity: 0; }
  .hbspt-form form .actions {
    display: flex;
    align-items: flex-end; }
    .hbspt-form form .actions .hs-button {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      line-height: 1;
      cursor: pointer;
      transition: all 0.3s ease;
      color: #fdfdfe;
      background-color: #f865d7;
      border: none;
      border-radius: 0.25rem;
      padding: 1rem 2rem; }
      .hbspt-form form .actions .hs-button:hover {
        background: #ba4ca1; }
      .hbspt-form form .actions .hs-button:focus {
        box-shadow: inset 0 0 0 2px #f865d7, inset 0 0 0 calc(2px * 2) CurrentColor; }
        .hbspt-form form .actions .hs-button:focus:hover {
          background: #f865d7; }

@media all and (max-width: 992px) {
  .hbspt-form form .actions {
    align-items: center; }
    .hbspt-form form .actions .hs-button {
      width: 100%;
      max-width: 400px; } }

@media all and (max-width: 768px) {
  .hbspt-form form {
    padding: 1rem; } }

@media all and (max-width: 576px) {
  .hbspt-form form {
    padding: 0;
    background: #fdfdfe; }
    .hbspt-form form .hs-input.hs-fieldtype-intl-phone {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      gap: 1rem; }
      .hbspt-form form .hs-input.hs-fieldtype-intl-phone select,
      .hbspt-form form .hs-input.hs-fieldtype-intl-phone input[type="tel"] {
        max-width: 100% !important;
        min-width: 100% !important; }
      .hbspt-form form .hs-input.hs-fieldtype-intl-phone input[type="tel"] {
        margin-right: 0; }
    .hbspt-form form .hs_email {
      margin-top: 1rem; } }

/* Input-text */
.inp-text {
  --input-height: -2.75rem; }
  .inp-text:hover .inp-text__input {
    border-color: #44168f; }
  .inp-text:focus-within .inp-text__label--teller {
    opacity: 1; }
  .inp-text:focus-within .inp-text__input {
    border-color: #44168f;
    box-shadow: inset 0px 0px 0px 1px #44168f; }
  .inp-text__input {
    display: block;
    background: #fdfdfe;
    border-width: 0;
    border-radius: 4px;
    width: 100%;
    padding: 1.75rem 1rem 0.75rem;
    line-height: 1.5;
    border: 1px solid #7f7f80;
    transition: all 0.3s ease;
    caret-color: #010001;
    color: #010001; }
    .inp-text__input::-moz-placeholder {
      color: rgba(1, 0, 1, 0); }
    .inp-text__input:-ms-input-placeholder {
      color: rgba(1, 0, 1, 0); }
    .inp-text__input::placeholder {
      color: rgba(1, 0, 1, 0); }
    .inp-text__input:-moz-placeholder-shown + .inp-text__label::before {
      content: attr(data-label-inactive);
      transform: translate3d(0, var(--input-height), 0) scale3d(1, 1, 1); }
    .inp-text__input:-ms-input-placeholder + .inp-text__label::before {
      content: attr(data-label-inactive);
      transform: translate3d(0, var(--input-height), 0) scale3d(1, 1, 1); }
    .inp-text__input:placeholder-shown + .inp-text__label::before {
      content: attr(data-label-inactive);
      transform: translate3d(0, var(--input-height), 0) scale3d(1, 1, 1); }
    .inp-text__input:not(:placeholder-shown) {
      border-color: #010001; }
      .inp-text__input:not(:placeholder-shown) + .inp-text__label::before {
        color: #010001; }
    .inp-text__input:focus + .inp-text__label::before {
      color: #010001;
      transform: translate3d(0, calc(var(--input-height) + (var(--input-height) / 4)), 0) scale3d(0.8, 0.8, 1); }
    .inp-text__input:disabled {
      background: #f9f8fc; }
  .inp-text__label {
    display: block;
    position: relative;
    max-height: 0;
    pointer-events: none; }
    .inp-text__label::before {
      content: attr(data-label-active);
      position: relative;
      left: 1rem;
      margin-right: 2rem;
      color: #7f7f80;
      display: -webkit-inline-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      filter: blur(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transform-origin: left top;
      transition: transform 0.3s ease;
      transform: translate3d(0, calc(var(--input-height) + (var(--input-height) / 4)), 0) scale3d(0.8, 0.8, 1); }
    .inp-text__label--teller {
      position: absolute;
      color: #7f7f80;
      pointer-events: none;
      opacity: 0;
      bottom: calc(((1rem * 0.8) * 1.4) - 0.25rem);
      right: 1rem;
      font-size: 0.8rem;
      transition: opacity 0.3s ease; }
    .inp-text__label--skjult {
      position: absolute;
      border: 0;
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(1px 1px 1px 1px);
      clip: rect(1px, 1px, 1px, 1px); }

/* Input-number */
.inp-number {
  --input-height: -2.75rem; }
  .inp-number:hover .inp-number__input {
    border-color: #44168f; }
  .inp-number:focus-within .inp-number__label--teller {
    opacity: 1; }
  .inp-number:focus-within .inp-number__input {
    border-color: #44168f;
    box-shadow: inset 0px 0px 0px 1px #44168f; }
  .inp-number__input {
    display: block;
    background: #fdfdfe;
    border-width: 0;
    border-radius: 4px;
    width: 100%;
    padding: 1.75rem 1rem 0.75rem;
    line-height: 1.5;
    border: 1px solid #7f7f80;
    transition: all 0.3s ease;
    caret-color: #010001;
    color: #010001; }
    .inp-number__input::-webkit-outer-spin-button, .inp-number__input::-webkit-inner-spin-button {
      -webkit-appearance: none; }
    .inp-number__input::-moz-placeholder {
      color: rgba(1, 0, 1, 0); }
    .inp-number__input:-ms-input-placeholder {
      color: rgba(1, 0, 1, 0); }
    .inp-number__input::placeholder {
      color: rgba(1, 0, 1, 0); }
    .inp-number__input:-moz-placeholder-shown + .inp-number__label::before {
      content: attr(data-label-inactive);
      transform: translate3d(0, var(--input-height), 0) scale3d(1, 1, 1); }
    .inp-number__input:-ms-input-placeholder + .inp-number__label::before {
      content: attr(data-label-inactive);
      transform: translate3d(0, var(--input-height), 0) scale3d(1, 1, 1); }
    .inp-number__input:placeholder-shown + .inp-number__label::before {
      content: attr(data-label-inactive);
      transform: translate3d(0, var(--input-height), 0) scale3d(1, 1, 1); }
    .inp-number__input:not(:placeholder-shown) {
      border-color: #010001; }
      .inp-number__input:not(:placeholder-shown) + .inp-number__label::before {
        color: #010001; }
    .inp-number__input:focus + .inp-number__label::before {
      color: #010001;
      transform: translate3d(0, calc(var(--input-height) + (var(--input-height) / 4)), 0) scale3d(0.8, 0.8, 1); }
  .inp-number__label {
    display: block;
    position: relative;
    max-height: 0;
    pointer-events: none; }
    .inp-number__label::before {
      content: attr(data-label-active);
      position: relative;
      left: 1rem;
      margin-right: 2rem;
      color: #7f7f80;
      display: -webkit-inline-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      filter: blur(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transform-origin: left top;
      transition: transform 0.3s ease;
      transform: translate3d(0, calc(var(--input-height) + (var(--input-height) / 4)), 0) scale3d(0.8, 0.8, 1); }
    .inp-number__label--teller {
      position: absolute;
      color: #7f7f80;
      pointer-events: none;
      opacity: 0;
      bottom: calc(((1rem * 0.8) * 1.4) - 0.25rem);
      right: 1rem;
      font-size: 0.8rem;
      transition: opacity 0.3s ease; }
    .inp-number__label--skjult {
      position: absolute;
      border: 0;
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(1px 1px 1px 1px);
      clip: rect(1px, 1px, 1px, 1px); }

/* Select-country */
.slct-country__input {
  position: absolute;
  visibility: hidden; }
  .slct-country__input:checked ~ .slct-country__label {
    color: #44168f;
    background-color: #fdfdfe;
    border-color: #44168f;
    box-shadow: inset 0 0 0 1px #44168f; }
  .slct-country__input:checked ~ .slct-country__dropdown {
    position: absolute;
    top: calc(100% + 0.5rem);
    display: flex;
    flex-direction: column;
    z-index: 99;
    border-radius: 0.25rem;
    border: 1px solid #010001;
    background: #fdfdfe;
    max-width: calc(100vw - 4rem); }
    .slct-country__input:checked ~ .slct-country__dropdown .sc-dd {
      max-height: calc(
 3rem * 4);
      overflow-y: auto;
      scroll-snap-type: y mandatory;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch; }
      .slct-country__input:checked ~ .slct-country__dropdown .sc-dd::-webkit-scrollbar {
        width: 0.5rem; }
      .slct-country__input:checked ~ .slct-country__dropdown .sc-dd::-webkit-scrollbar-track {
        background: #cbcacb; }
      .slct-country__input:checked ~ .slct-country__dropdown .sc-dd::-webkit-scrollbar-thumb {
        background: #010001; }
      .slct-country__input:checked ~ .slct-country__dropdown .sc-dd__option {
        display: grid;
        grid-template-columns: max-content auto;
        gap: 1rem;
        padding: 1rem;
        line-height: 1;
        cursor: pointer;
        scroll-snap-align: start;
        transition: all 0.3s ease-in-out; }
        .slct-country__input:checked ~ .slct-country__dropdown .sc-dd__option span {
          color: #7f7f80; }
        .slct-country__input:checked ~ .slct-country__dropdown .sc-dd__option:last-of-type {
          border-radius: 0 0 0.25rem 0.25rem; }
        .slct-country__input:checked ~ .slct-country__dropdown .sc-dd__option:hover {
          background-color: #fdeefa; }
        .slct-country__input:checked ~ .slct-country__dropdown .sc-dd__option.selected {
          background-color: #fcdff6; }

.slct-country__label {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fdfdfe;
  border: 1px solid #7f7f80;
  padding: 1rem;
  border-radius: 0.25rem;
  width: calc(((1.75rem + 0.75rem) + (1rem * 1.5)));
  cursor: pointer;
  user-select: none;
  transition: all 0.3s ease-in-out; }
  .slct-country__label svg {
    height: 1rem;
    width: auto;
    color: CurrentColor;
    flex: none; }
  .slct-country__label:hover {
    background-color: #fdfdfe;
    color: #44168f; }

.slct-country__dropdown {
  display: none; }

@media all and (max-width: 576px) {
  .slct-country__input:checked ~ .slct-country__dropdown {
    max-width: calc(100vw - 2rem); } }

/* Tlf-dropdown */
.phone {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  position: relative; }
  .phone .inp-number {
    flex: 1; }
  .phone .slct-country__label {
    height: calc(((1.75rem + 0.75rem) + (1rem * 1.5)) + 2px); }
  .phone__search {
    display: flex;
    position: relative; }
    .phone__search--input {
      display: flex;
      flex: 1;
      border: none;
      border-radius: 0.25rem 0.25rem 0 0;
      padding: 1rem 3rem 1rem 1rem;
      color: #010001;
      caret-color: #010001;
      box-shadow: inset 0 -1px #010001;
      transition: all 0.3s ease-in-out; }
      .phone__search--input::placeholder {
        color: #7f7f80;
        transition: opacity 0.25s ease; }
      .phone__search--input::-webkit-search-decoration, .phone__search--input::-webkit-search-cancel-button, .phone__search--input::-webkit-search-results-button, .phone__search--input::-webkit-search-results-decoration {
        -webkit-appearance: none; }
      .phone__search--input:placeholder-shown + .phone__search--btn {
        pointer-events: none; }
      .phone__search--input:focus::placeholder {
        opacity: 0; }
      .phone__search--input:hover, .phone__search--input:focus {
        background: #fdfdfe; }
      .phone__search--input:not(:placeholder-shown) + .phone__search--btn {
        pointer-events: all; }
        .phone__search--input:not(:placeholder-shown) + .phone__search--btn svg {
          color: #010001; }
    .phone__search--btn {
      position: absolute;
      display: flex;
      align-items: center;
      top: 0;
      right: 0;
      border: none;
      height: 100%;
      border-radius: 0 0.25rem 0 0;
      background: none;
      padding: 1rem;
      transition: padding 0.25s ease;
      cursor: pointer; }
      .phone__search--btn svg {
        height: 1rem;
        width: auto;
        color: #7f7f80;
        flex: none;
        transition: all 0.3s ease-in-out; }
      .phone__search--btn:hover {
        background: #fcdff6;
        padding: 1rem 2rem;
        box-shadow: inset 0 -1px #010001; }

/* Reg.nr-dropdown */
.license-plate {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  position: relative; }
  .license-plate .inp-text {
    flex: 1; }
  .license-plate .slct-country__label {
    height: calc(((1.75rem + 0.75rem) + (1rem * 1.5)) + 2px); }
  .license-plate__search {
    display: flex;
    position: relative; }
    .license-plate__search--input {
      display: flex;
      flex: 1;
      border: none;
      border-radius: 0.25rem 0.25rem 0 0;
      padding: 1rem 3rem 1rem 1rem;
      color: #010001;
      caret-color: #010001;
      box-shadow: inset 0 -1px #010001;
      transition: all 0.3s ease-in-out; }
      .license-plate__search--input::placeholder {
        color: #7f7f80;
        transition: opacity 0.25s ease; }
      .license-plate__search--input::-webkit-search-decoration, .license-plate__search--input::-webkit-search-cancel-button, .license-plate__search--input::-webkit-search-results-button, .license-plate__search--input::-webkit-search-results-decoration {
        -webkit-appearance: none; }
      .license-plate__search--input:placeholder-shown + .license-plate__search--btn {
        pointer-events: none; }
      .license-plate__search--input:focus::placeholder {
        opacity: 0; }
      .license-plate__search--input:hover, .license-plate__search--input:focus {
        background: #fdfdfe; }
      .license-plate__search--input:not(:placeholder-shown) + .license-plate__search--btn {
        pointer-events: all; }
        .license-plate__search--input:not(:placeholder-shown) + .license-plate__search--btn svg {
          color: #010001; }
    .license-plate__search--btn {
      position: absolute;
      display: flex;
      align-items: center;
      top: 0;
      right: 0;
      border: none;
      height: 100%;
      border-radius: 0 0.25rem 0 0;
      background: none;
      padding: 1rem;
      transition: padding 0.25s ease;
      cursor: pointer; }
      .license-plate__search--btn svg {
        height: 1rem;
        width: auto;
        color: #7f7f80;
        flex: none;
        transition: all 0.3s ease-in-out; }
      .license-plate__search--btn:hover {
        background: #fcdff6;
        padding: 1rem 2rem;
        box-shadow: inset 0 -1px #010001; }

.slct {
  position: relative; }
  .slct__btn {
    position: absolute;
    visibility: hidden; }
    .slct__btn:checked ~ .slct__label {
      color: #44168f;
      background-color: #fdfdfe;
      border-color: #44168f;
      box-shadow: inset 0 0 0 1px #44168f; }
    .slct__btn:checked ~ .slct__dropdown {
      display: flex;
      flex-direction: column;
      position: absolute;
      top: calc(100% + 0.5rem);
      z-index: 99;
      border-radius: 0.25rem;
      border: 1px solid #010001; }
  .slct .dd-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: #fdfdfe;
    min-width: 300px;
    width: max-content;
    cursor: pointer;
    flex: 1;
    transition: all 0.3s ease-in-out; }
    .slct .dd-list:hover {
      background: #fdeefa; }
    .slct .dd-list:not(:first-of-type) {
      border-top: 1px solid #010001; }
    .slct .dd-list:first-of-type {
      border-radius: 0.25rem 0.25rem 0 0; }
    .slct .dd-list:last-of-type {
      border-radius: 0 0 0.25rem 0.25rem; }
    .slct .dd-list__label svg,
    .slct .dd-list__check svg {
      height: 1.25rem;
      width: auto;
      color: CurrentColor;
      flex: none; }
    .slct .dd-list__label {
      display: flex;
      align-items: center;
      gap: 1rem;
      user-select: none; }
      .slct .dd-list__label:after {
        content: attr(data-label); }
    .slct .dd-list__check {
      transform-origin: center;
      transform: scale(0);
      transition: all 0.3s ease-in-out; }
    .slct .dd-list.active {
      background: #fcdff6 !important; }
  .slct__label {
    position: relative;
    display: flex;
    align-items: center;
    background: #fdfdfe;
    border: 1px solid #7f7f80;
    padding: 1rem;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: all 0.3s ease-in-out; }
    .slct__label svg {
      height: 1rem;
      width: auto;
      color: CurrentColor;
      flex: none; }
    .slct__label:hover {
      color: #44168f; }
    .slct__label--indicator {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 1.5rem;
      width: 1.5rem;
      top: -0.7rem;
      right: -0.7rem;
      background: #010001;
      color: #fdfdfe;
      line-height: 1;
      border-radius: 50%;
      user-select: none;
      transform: scale(0);
      transition: transform 0.35s ease; }
  .slct__dropdown {
    display: none; }

/* Datepicker */
.inp-date {
  position: relative;
  display: flex;
  flex: 1;
  background-color: #fdfdfe;
  border: 1px solid #7f7f80;
  font-size: 16px;
  line-height: 1;
  padding: calc(1rem - 2px) 1rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out; }
  .inp-date::-webkit-inner-spin-button {
    display: none; }
  .inp-date::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Crect x='40' y='40' width='176' height='176' rx='8' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='176' y1='24' x2='176' y2='56' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='80' y1='24' x2='80' y2='56' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='40' y1='88' x2='216' y2='88' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='88 128 104 120 104 184' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M138.14,128a16,16,0,1,1,26.64,17.63L136,184h32' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1rem auto;
    position: absolute;
    right: 1rem;
    cursor: pointer; }

/* Checkout */
.checkout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem; }
  .checkout__header, .checkout__content {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    .checkout__header:has(.checkout__download), .checkout__content:has(.checkout__download) {
      width: 100%; }
  .checkout__header h1,
  .checkout__header p {
    text-align: center; }
  .checkout__header p {
    font-size: 1.1rem; }
  .checkout__download {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem; }
    .checkout__download--icons {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1;
      padding: 1rem;
      border-radius: 0.5rem;
      background: #010001;
      color: #fdfdfe;
      gap: 1rem;
      transition: all 0.3s ease-in-out; }
      .checkout__download--icons:hover {
        background: #403f40; }
      .checkout__download--icons:focus {
        box-shadow: inset 0 0 0 2px #010001, inset 0 0 0 4px #fdfdfe;
        border-radius: 0;
        outline: none; }
        .checkout__download--icons:focus:hover {
          background: #010001; }
      .checkout__download--icons svg {
        height: 16px;
        width: auto;
        color: inherit;
        flex: none;
        fill: #fdfdfe; }

@media all and (max-width: 576px) {
  .checkout__download {
    flex-direction: column;
    align-items: flex-start; }
    .checkout__download--icons {
      width: 100%; }
  .checkout__info--logo {
    flex-direction: column;
    align-items: flex-start; }
    .checkout__info--logo-icon {
      max-width: 100%; } }

/* Suksess-ikon */
@keyframes check-icon {
  from {
    stroke-dasharray: 80;
    stroke-dashoffset: -80; }
  to {
    stroke-dasharray: 80;
    stroke-dashoffset: 1; } }

.success-icon {
  display: flex;
  align-items: center; }
  .success-icon svg {
    height: 150px;
    width: auto;
    flex: none; }
    .success-icon svg circle {
      color: #fcdff6; }
    .success-icon svg polyline,
    .success-icon svg path {
      color: #f865d7; }
    .success-icon svg polyline {
      animation: check-icon 1.5s cubic-bezier(0.77, 0.2, 0.05, 1) forwards; }

/* Feedback icons */
.icon__loading, .icon__check, .icon__error {
  --svg-height: 10rem;
  display: flex;
  align-items: center;
  transform-origin: center; }
  .icon__loading svg, .icon__check svg, .icon__error svg {
    width: auto;
    flex: none; }

.icon__loading svg,
.icon__check svg {
  height: var(--svg-height); }

.icon__error svg {
  height: calc(var(--svg-height) * 0.75); }

@keyframes icon-loading-animation {
  0% {
    stroke-dasharray: 60;
    stroke-dashoffset: 60; }
  50% {
    stroke-dasharray: 60;
    stroke-dashoffset: 1; }
  100% {
    stroke-dasharray: 60;
    stroke-dashoffset: -60; } }

.icon__loading svg circle {
  color: #fcdff6; }

.icon__loading svg path {
  color: #f865d7;
  animation: icon-loading-animation 1.5s ease-out infinite; }

@keyframes icon-check-animation {
  from {
    stroke-dasharray: 40;
    stroke-dashoffset: -40; }
  to {
    stroke-dasharray: 40;
    stroke-dashoffset: 1; } }

.icon__check svg circle {
  color: #fcdff6; }

.icon__check svg path,
.icon__check svg polyline {
  color: #f865d7; }

.icon__check svg polyline {
  animation: icon-check-animation 1.5s cubic-bezier(0.77, 0.2, 0.05, 1) forwards; }

@keyframes icon-error-animation-tb {
  from {
    stroke-dasharray: 40;
    stroke-dashoffset: -40; }
  to {
    stroke-dasharray: 40;
    stroke-dashoffset: 1; } }

@keyframes icon-error-animation-bt {
  from {
    stroke-dasharray: 40;
    stroke-dashoffset: 1; }
  to {
    stroke-dasharray: 40;
    stroke-dashoffset: -40; } }

.icon__error svg circle {
  color: #fdcfd9; }

.icon__error svg line {
  color: #ff1744; }
  .icon__error svg line:first-of-type {
    animation: icon-error-animation-bt 1.5s cubic-bezier(0.77, 0.2, 0.05, 1) reverse; }
  .icon__error svg line:last-of-type {
    animation: icon-error-animation-tb 1.5s cubic-bezier(0.77, 0.2, 0.05, 1) forwards; }

.error__message {
  display: flex;
  align-items: center;
  margin-top: calc(0.875rem / 2);
  gap: calc(0.875rem / 2);
  color: #ff1744; }
  .error__message span {
    font-size: 0.875rem; }
  .error__message svg {
    height: 0.875rem;
    width: auto;
    color: inherit;
    flex: none; }

/* 404 */
.error-page {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column; }

@keyframes broken-lines {
  0%,
  100% {
    transform: scale(0); }
  50% {
    transform: scale(1); } }

@keyframes broken-icon {
  0%,
  100% {
    transform: rotate(-45deg); }
  50% {
    transform: rotate(0); } }
  .error-page__icon {
    display: flex;
    align-items: center;
    margin: 2rem; }
    .error-page__icon svg {
      height: 6rem;
      width: auto;
      stroke: #44168f;
      color: #44168f;
      flex: none; }
      .error-page__icon svg #line-1,
      .error-page__icon svg #line-2,
      .error-page__icon svg #line-3 {
        transform-origin: center;
        animation: broken-lines 2s cubic-bezier(0.77, 0.2, 0.05, 1) infinite; }
      .error-page__icon svg #link-top {
        transform-origin: center;
        animation: broken-icon 2s cubic-bezier(0.77, 0.2, 0.05, 1) infinite; }
  .error-page__header {
    font-size: 7rem;
    color: #44168f;
    margin-bottom: 4rem; }
  .error-page h2 {
    font-weight: 400; }
    .error-page h2:not(:first-of-type) {
      margin: 1rem 0 4rem 0; }

.logout-button {
  position: fixed;
  bottom: 1rem;
  right: 1rem; }

/* Mine sider */
.account {
  display: flex;
  flex-direction: column;
  gap: 3rem; }
  .account__details {
    display: flex;
    flex-direction: column;
    gap: 1.5rem; }
    .account__details--headline {
      display: flex;
      align-items: center;
      gap: 1.5rem; }
      .account__details--headline .counter {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #ebe6f3;
        border-radius: 0.25rem;
        padding: 0.25rem 0.75rem;
        min-width: 1.5rem; }
        .account__details--headline .counter span {
          font-size: 0.875rem;
          line-height: 1; }
    .account__details--container {
      display: flex;
      flex-direction: column;
      gap: 1rem; }
    .account__details--header {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr 1fr;
      grid-auto-flow: row dense;
      padding: 0 1rem;
      gap: 1rem; }
      .account__details--header p {
        font-weight: 500; }
    .account__details--content {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr 1fr;
      grid-auto-flow: row dense;
      gap: 1rem;
      padding: 0.5rem 1rem;
      border-radius: 0.25rem;
      background: #fdfdfe;
      grid-template-areas: "deal vehicle valid status";
      transition: all 0.3s ease-in-out; }
      .account__details--content:hover {
        background-color: #ebe6f3; }
      .account__details--content .adc-deal, .account__details--content .adc-vehicle, .account__details--content .adc-valid, .account__details--content .adc-status {
        display: flex; }
      .account__details--content .adc-vehicle, .account__details--content .adc-valid, .account__details--content .adc-status {
        align-items: center; }
      .account__details--content .adc-deal {
        grid-area: deal;
        flex-direction: column;
        gap: 0.25rem; }
        .account__details--content .adc-deal p:not(:first-of-type) {
          color: #7f7f80;
          font-size: 0.85rem;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          overflow: hidden; }
      .account__details--content .adc-vehicle {
        grid-area: vehicle; }
      .account__details--content .adc-valid {
        grid-area: valid; }
      .account__details--content .adc-status {
        grid-area: status;
        gap: 0.5rem; }
        .account__details--content .adc-status.valid svg {
          height: 1rem;
          width: auto;
          color: #00b49d;
          flex: none; }
        .account__details--content .adc-status.invalid svg {
          height: 1rem;
          width: auto;
          color: #ff1744;
          flex: none; }

.account--page {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 1rem; }
  .account--page__row {
    display: flex;
    gap: 2rem; }
    .account--page__row .account--page__content {
      max-width: 50%; }
  .account--page__button {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    box-shadow: inset 0 0 0 2px #010001;
    color: #010001;
    font-size: 0.875rem;
    padding: calc(1.5rem - 0.875rem) calc((1.5rem - 0.875rem) * 1.5);
    gap: calc(0.875rem / 2);
    line-height: 1;
    transition: background-color 0.3s ease-in-out; }
    .account--page__button svg {
      height: 0.875rem;
      width: auto;
      color: inherit;
      flex: none; }
    .account--page__button:hover {
      color: #fdfdfe;
      background-color: #010001; }
  .account--page__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem; }
    .account--page__content--header {
      display: flex;
      align-items: center; }
      .account--page__content--header h2 {
        overflow-wrap: anywhere;
        hyphens: auto; }
      .account--page__content--header:has(.account--page__button) {
        gap: 1rem;
        justify-content: space-between; }
    .account--page__content--tile {
      display: flex;
      flex-direction: column;
      padding: 1rem;
      gap: 1rem;
      border-radius: 0.25rem;
      background: #fdfdfe; }
      .account--page__content--tile .row,
      .account--page__content--tile .row-double {
        display: flex;
        gap: 1rem; }
      .account--page__content--tile .col-1, .account--page__content--tile .col-2, .account--page__content--tile .col-3 {
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 0.25rem; }
        .account--page__content--tile .col-1 p:first-of-type, .account--page__content--tile .col-2 p:first-of-type, .account--page__content--tile .col-3 p:first-of-type {
          color: #7f7f80;
          font-size: 0.875rem; }
      .account--page__content--tile .col-1 {
        max-width: 100%; }
      .account--page__content--tile .col-2 {
        max-width: calc(100% / 2); }
      .account--page__content--tile .col-3 {
        max-width: calc(100% / 3); }
  .account--page__history {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem; }
    .account--page__history--header {
      position: sticky;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      margin-top: -1rem;
      padding: 1rem 0; }
      .account--page__history--header h2 {
        overflow-wrap: anywhere;
        hyphens: auto; }
    .account--page__history--details {
      display: flex;
      flex-direction: column;
      gap: 1rem; }
      .account--page__history--details .header {
        display: grid;
        grid-template-columns: repeat(3, 1fr) 0.5fr;
        grid-auto-flow: row dense;
        padding: 0 1rem;
        gap: 1rem; }
        .account--page__history--details .header p {
          font-weight: 500; }
      .account--page__history--details .content {
        display: grid;
        grid-template-columns: repeat(3, 1fr) 0.5fr;
        grid-auto-flow: row dense;
        gap: 1rem;
        padding: 0.5rem 1rem;
        border-radius: 0.25rem;
        background: #fdfdfe;
        grid-template-areas: "period price date status";
        transition: all 0.3s ease-in-out; }
        .account--page__history--details .content__price, .account--page__history--details .content__date, .account--page__history--details .content__status {
          display: flex;
          align-items: center; }
        .account--page__history--details .content__period {
          grid-area: period;
          display: flex;
          align-items: flex-start;
          flex-direction: column;
          gap: 0.25rem; }
        .account--page__history--details .content__price {
          grid-area: price; }
        .account--page__history--details .content__date {
          grid-area: date; }
        .account--page__history--details .content__status {
          grid-area: status;
          gap: 0.5rem; }
          .account--page__history--details .content__status.valid svg {
            height: 1rem;
            width: auto;
            color: #00b49d;
            flex: none; }
          .account--page__history--details .content__status.invalid svg {
            height: 1rem;
            width: auto;
            color: #ff1744;
            flex: none; }

@media all and (max-width: 768px) {
  .account__details--header {
    grid-template-columns: 2fr 1fr; }
    .account__details--header p:not(:first-of-type):not(:last-of-type) {
      display: none; }
  .account__details--content {
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "deal status"; }
    .account__details--content .adc-vehicle, .account__details--content .adc-valid {
      display: none; }
  .account--page__row {
    flex-direction: column; }
    .account--page__row .account--page__content {
      max-width: 100%; }
  .account--page__content--tile .row {
    flex-direction: column; }
  .account--page__content--tile .col-3 {
    max-width: 100%; } }

@media all and (max-width: 576px) {
  .account--page__content--tile .row-double {
    flex-direction: column; }
  .account--page__content--tile .col-2 {
    max-width: 100%; }
  .account--page__history--header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem; }
    .account--page__history--header .account--page__button {
      align-self: center;
      width: 100%; }
  .account--page__history--details .header {
    grid-template-columns: 2fr 1fr; }
    .account--page__history--details .header p:not(:first-of-type):not(:last-of-type) {
      display: none; }
  .account--page__history--details .content {
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "period status"; }
    .account--page__history--details .content__price, .account--page__history--details .content__date {
      display: none; } }

/* Skeleton-loader */
.skeleton {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding: 1rem;
  border-radius: 0.5rem;
  gap: 1.5rem;
  background-color: #f9f8fc; }

@keyframes skeleton-loader {
  from {
    background-position: right; }
  to {
    background-position: left; } }
  .skeleton__btn, .skeleton__content--header, .skeleton__content--subheader {
    background: linear-gradient(to left, #f0f0f1 50%, #e4e4e5 50%);
    background-size: 200%;
    background-attachment: fixed;
    animation: skeleton-loader 1s infinite linear; }
  .skeleton__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.5rem; }
    .skeleton__content--header {
      height: 2rem; }
    .skeleton__content--subheader {
      height: 1rem; }
  .skeleton__btn {
    border-radius: 0.25rem;
    width: 10rem; }

@media all and (max-width: 576px) {
  .skeleton {
    flex-direction: column;
    gap: 1rem; }
    .skeleton__btn {
      height: 3rem;
      width: 80%;
      align-self: center; } }

/* Payment */
.payment {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  margin: 2rem 0; }
  .payment__container {
    margin: 0 auto;
    max-width: 1200px; }
  .payment__left, .payment__right {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem; }
  .payment__left {
    max-width: 60%; }
  .payment__right {
    max-width: 40%; }
  .payment__content {
    background: #fdfdfe;
    padding: 1.5rem;
    border-radius: 0.5rem; }
    .payment__content .row {
      display: flex;
      flex: 1;
      width: 100%;
      gap: 1rem;
      margin-top: 1rem; }
      .payment__content .row__fee {
        justify-content: space-between; }
        .payment__content .row__fee p:first-of-type {
          font-weight: 500; }
      .payment__content .row__pay {
        flex-direction: column; }
        .payment__content .row__pay + .row {
          margin-top: 1.5rem; }
        .payment__content .row__pay .btn .btn-primary-alt__big {
          pointer-events: none !important; }
        .payment__content .row__pay--icons {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 1rem;
          margin-top: -0.25rem; }
          .payment__content .row__pay--icons svg {
            height: 16px;
            width: auto;
            color: inherit;
            flex: none; }
    .payment__content .col__full, .payment__content .col__half {
      display: flex;
      flex: 1;
      width: 100%;
      flex-direction: column;
      gap: 0.25rem; }
      .payment__content .col__full p:first-of-type, .payment__content .col__half p:first-of-type {
        color: #7f7f80;
        font-size: 0.875rem; }
    .payment__content .col__full {
      max-width: 100%; }
    .payment__content .col__half {
      max-width: 50%; }

@keyframes check-pulse {
  0% {
    box-shadow: 0px 0px 0px 0.1rem rgba(248, 101, 215, 0); }
  50% {
    box-shadow: 0px 0px 0px 1rem rgba(248, 101, 215, 0.1); }
  100% {
    box-shadow: 0px 0px 0px 0.1rem rgba(248, 101, 215, 0); } }
    .payment__content .disclaimer {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 0.875rem; }
    .payment__content .confirm__input {
      position: absolute;
      visibility: hidden; }
      .payment__content .confirm__input:checked ~ .confirm__label .confirm__label--circle {
        border-color: #f865d7;
        animation: check-pulse 0.3s linear forwards; }
        .payment__content .confirm__input:checked ~ .confirm__label .confirm__label--circle:before {
          transform: scale(1); }
    .payment__content .confirm__label {
      --check-label: 1.25rem;
      display: flex;
      align-items: center;
      gap: 1rem;
      cursor: pointer;
      font-weight: 500; }
      .payment__content .confirm__label a {
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-thickness: 2px;
        text-decoration-color: #f865d7; }
      .payment__content .confirm__label--circle {
        display: flex;
        flex: none;
        align-items: center;
        justify-content: center;
        width: var(--check-label);
        height: var(--check-label);
        border-width: 2px;
        border-style: solid;
        border-color: #7f7f80;
        border-radius: 50%;
        transition: all 0.3s ease; }
        .payment__content .confirm__label--circle:before {
          content: "";
          width: calc(var(--check-label) / 2);
          height: calc(var(--check-label) / 2);
          background-color: #f865d7;
          border-radius: 50%;
          transform-origin: center center;
          transform: scale(0);
          transition: all 0.3s ease; }
  .payment__window {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 800px; }
    .payment__window--iframe {
      width: 100%;
      height: 768px;
      max-width: 800px; }

.panel-adyen {
  max-width: unset !important;
  background-color: unset !important;
  margin: unset !important;
  font-family: "Poppins", sans-serif; }
  .panel-adyen-header h1,
  .panel-adyen-header p {
    display: none !important; }

@media all and (max-width: 1200px) {
  .payment {
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem; }
    .payment__left, .payment__right {
      max-width: 100%; }
    .payment__content .row__pay {
      align-items: center; }
      .payment__content .row__pay .btn {
        width: 70%; } }

@media all and (max-width: 768px) {
  #pay-account .row {
    flex-direction: column; }
  #pay-account .col__half {
    max-width: 100%; } }

@media all and (max-width: 576px) {
  .payment h2 {
    display: none; }
  .payment__content {
    padding: 1.5rem 1rem; }
  .payment .row {
    flex-direction: column; }
    .payment .row__fee {
      gap: 0.5rem; }
      .payment .row__fee p:first-of-type {
        color: #7f7f80;
        font-size: 0.875rem; }
  .payment #pay-details .col__half {
    max-width: 100%; }
  .payment #pay-period {
    margin-top: -1rem; }
  .payment__content .row__pay .btn {
    width: 100%; } }

/* Breadcrumbs */
.breadcrumbs {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
  margin-bottom: 2rem; }
  .breadcrumbs p:first-of-type:first-letter {
    text-transform: uppercase; }
  .breadcrumbs p:not(:first-of-type):before {
    content: "/";
    padding-right: 0.5rem; }
  .breadcrumbs p:not(:last-of-type) span {
    text-decoration: underline;
    font-weight: 600; }
    .breadcrumbs p:not(:last-of-type) span:hover {
      cursor: pointer; }

.terms {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 2rem; }
  .terms__content {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    .terms__content a {
      text-decoration: underline;
      text-decoration-color: #f865d7;
      text-underline-position: under;
      transition: all 0.3s ease-in-out; }
      .terms__content a:hover {
        color: #f865d7; }
    .terms__content h2 {
      padding-top: 2rem; }
    .terms__content h4:not(:first-of-type) {
      padding-top: 1rem; }
    .terms__content h5 {
      padding-top: calc(1.25rem / 2); }
    .terms__content span {
      padding: 1rem 0; }
    .terms__content ul {
      list-style: inside;
      display: flex;
      flex-direction: column;
      gap: 0.25rem; }

/* LOCATION */
.location {
  --image-height: 400px;
  --google-map-height: calc(var(--image-height) * 0.75);
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  gap: 3rem; }
  .location section:not(.location__spaces) h2 {
    margin-bottom: 1rem; }
  .location__intro--content p:first-of-type,
  .location__deal--period p {
    color: #7f7f80; }
  .location__intro {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    .location__intro--hero {
      position: relative;
      display: flex;
      align-items: center;
      height: var(--image-height);
      overflow: hidden; }
      .location__intro--hero img {
        height: auto;
        min-height: var(--image-height);
        width: 100%;
        object-fit: cover;
        object-position: center; }
      .location__intro--hero a {
        position: absolute;
        bottom: 0;
        right: 0;
        background: #fdfdfe;
        padding: 0.5rem 0 0 0.5rem;
        display: flex;
        align-items: center;
        gap: 0.5rem; }
        .location__intro--hero a svg {
          height: 1.25rem;
          width: auto;
          color: #010001;
          flex: none; }
    .location__intro--content {
      display: flex;
      flex-direction: column;
      gap: 0.5rem; }
      .location__intro--content p + p {
        margin-top: 1rem; }
  .location__filters {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem; }
    .location__filters .slct__label,
    .location__filters .inp-date {
      border-color: #010001;
      background-color: #fdfdfe !important; }
  .location__product {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    gap: 1rem;
    border-radius: 0.25rem;
    background-color: #f9f8fc;
    cursor: pointer;
    transition: all 0.3s ease-in-out; }
    .location__product:hover {
      background-color: #e0dfe3; }
      .location__product:hover .location__product--content .pricing__available {
        background-color: #ba4ca2; }
      .location__product:hover .location__product--content .pricing__unavailable {
        background-color: #6f6f70; }
    .location__product--container {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      margin-top: 1rem; }
    .location__product--icons {
      align-items: center;
      gap: calc(0.75rem / 2); }
      .location__product--icons svg {
        height: 0.75rem;
        width: auto;
        color: #44168f;
        flex: none; }
      .location__product--icons-desktop {
        display: flex; }
      .location__product--icons-mobile {
        display: none; }
      .location__product--icons-container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 1.25rem;
        width: 1.25rem;
        border-radius: 50%;
        background-color: #ebe6f3; }
    .location__product--header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem; }
      .location__product--header .product-name {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .location__product--header h3 {
        flex: 1; }
      .location__product--header .active-deal,
      .location__product--header .inactive-deal {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: calc(0.875rem / 2);
        padding: calc(0.875rem / 4) calc(0.875rem / 2);
        border-radius: 1rem; }
        .location__product--header .active-deal p,
        .location__product--header .inactive-deal p {
          font-size: 0.875rem; }
        .location__product--header .active-deal .indicator,
        .location__product--header .inactive-deal .indicator {
          display: flex;
          height: calc(0.875rem * 0.75);
          width: calc(0.875rem * 0.75);
          border-radius: 50%;
          flex: none; }
      .location__product--header .active-deal {
        background-color: #fdeefa; }
        .location__product--header .active-deal .indicator {
          background: #f865d7; }
      .location__product--header .inactive-deal {
        background-color: #eaeaeb; }
        .location__product--header .inactive-deal .indicator {
          background-color: #403f40; }
    .location__product--content {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1rem; }
      .location__product--content .truncate {
        flex: 1;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
        .location__product--content .truncate p {
          color: #403f40; }
      .location__product--content .pricing__available, .location__product--content .pricing__unavailable {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 16px calc(16px * 2) calc(16px * 1.4 -
 (16px * 1.4 - 16px));
        border-radius: 0.25rem;
        transition: all 0.3s ease-in-out; }
      .location__product--content .pricing__available {
        background-color: #f865d7;
        color: #fdfdfe; }
      .location__product--content .pricing__unavailable {
        background-color: #403f40;
        color: #fdfdfe; }
  .location__deal {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    grid-auto-flow: row dense;
    grid-gap: 0.5rem 1rem;
    padding: 1rem;
    border-radius: 0.5rem;
    background: #fdfdfe;
    grid-template-areas: "header header"
 "period price"
 "filter btn"; }
    .location__deal--empty {
      display: flex;
      flex-direction: column;
      padding: 1rem;
      border-radius: 0.5rem;
      background: #fdfdfe;
      gap: 1rem; }
      .location__deal--empty button {
        margin-top: 0.5rem; }
    .location__deal--container {
      margin-top: 1rem;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      max-height: calc((5 * 172px) + 4rem);
      overflow-y: auto;
      scroll-snap-type: y mandatory;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch; }
      .location__deal--container::-webkit-scrollbar {
        width: 0.5rem; }
      .location__deal--container::-webkit-scrollbar-track {
        background: #e4e4e5; }
      .location__deal--container::-webkit-scrollbar-thumb {
        background: #010001; }
    .location__deal--header {
      grid-area: header;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .location__deal--header .active-deal,
      .location__deal--header .inactive-deal {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0.5rem; }
        .location__deal--header .active-deal:before,
        .location__deal--header .inactive-deal:before {
          content: "";
          height: 1rem;
          width: 1rem;
          display: flex;
          flex: none;
          border-radius: 50%; }
      .location__deal--header .active-deal:before {
        background: #f865d7; }
      .location__deal--header .inactive-deal:before {
        background: #403f40; }
    .location__deal--period {
      grid-area: period; }
    .location__deal--filter {
      grid-area: filter;
      display: flex;
      flex-flow: row wrap;
      gap: 1rem; }
      .location__deal--filter .filter-icons {
        display: flex;
        align-items: center; }
        .location__deal--filter .filter-icons svg {
          height: 1.5rem;
          width: auto;
          color: #010001;
          flex: none; }
    .location__deal--price {
      grid-area: price;
      display: flex;
      font-weight: 500;
      font-size: 1.5rem;
      justify-content: flex-end;
      align-items: flex-end; }
    .location__deal .btn {
      grid-area: btn; }
  .location__facilities {
    display: flex;
    flex-direction: column; }
    .location__facilities--row {
      display: flex;
      flex-direction: column;
      gap: 1rem; }
    .location__facilities--col {
      display: flex;
      align-items: center;
      gap: 1rem; }
      .location__facilities--col svg {
        height: 16px;
        width: auto;
        color: inherit;
        flex: none; }
  .location__spaces {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #010001;
    border-radius: 0.25rem;
    gap: 1rem; }
    .location__spaces--header {
      display: flex;
      align-items: center;
      gap: 1rem; }
      .location__spaces--header svg {
        height: 1.5rem;
        width: auto;
        color: #010001;
        flex: none; }
  .location__entry {
    display: flex;
    flex-direction: column; }
    .location__entry #locationMap {
      max-height: var(--google-map-height) !important;
      overflow: hidden;
      margin-bottom: 1rem; }
    .location__entry--hero {
      display: flex;
      align-items: center;
      max-height: var(--google-map-height);
      overflow: hidden;
      margin-bottom: 1rem; }
      .location__entry--hero img {
        width: 100%;
        height: auto; }
  .location__landlord {
    display: flex;
    flex-direction: column; }
    .location__landlord--container {
      display: flex;
      flex-direction: column;
      width: max-content; }
    .location__landlord--info {
      display: flex;
      align-items: center;
      gap: 1rem;
      padding: 0.5rem 0;
      border-bottom: 1px solid #e0dfe3; }
      .location__landlord--info svg {
        height: 16px;
        width: auto;
        color: inherit;
        flex: none; }

@media all and (max-width: 576px) {
  .location__intro--hero {
    margin: 0 -1rem; }
    .location__intro--hero a {
      padding: 0.5rem 0.5rem 0 0.5rem; }
  .location__product--icons-desktop {
    display: none; }
  .location__product--icons-mobile {
    display: flex;
    justify-content: center;
    width: 100%; }
  .location__product--content {
    flex-direction: column; }
    .location__product--content .pricing__available, .location__product--content .pricing__unavailable {
      align-self: center;
      min-width: 80%; }
  .location__deal {
    grid-template-columns: 1fr;
    grid-template-areas: "header"
 "period"
 "filter"
 "price"
 "btn"; }
    .location__deal--header p {
      display: none; }
    .location__deal--filter {
      margin: 0.5rem 0; }
    .location__deal--price {
      justify-content: center; }
  .location__landlord--container {
    width: 100%; } }

/* search-results */
.searchres {
  display: grid;
  grid-template-columns: minmax(500px, calc(100% / 3)) 1fr;
  grid-template-rows: auto 1fr;
  grid-gap: 1rem 2rem;
  margin-bottom: 2rem;
  height: calc(100vh - 10rem);
  grid-template-areas: "filters map"
 "list map"; }
  .searchres__filters {
    grid-area: filters;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem; }
    .searchres__filters--data {
      display: flex;
      flex-direction: row;
      gap: 1rem; }
    .searchres__filters--sorting, .searchres__filters--togglemap {
      align-items: center;
      justify-content: center;
      background: #fdfdfe;
      line-height: 1;
      border: 1px solid #7f7f80;
      border-radius: 0.25rem;
      cursor: pointer; }
    .searchres__filters--sorting {
      display: flex;
      padding: 1rem;
      gap: 0.5rem; }
      .searchres__filters--sorting svg {
        height: 1rem;
        width: auto;
        color: CurrentColor;
        flex: none; }
    .searchres__filters--togglemap {
      display: none;
      padding: 0.75rem 1rem; }
      .searchres__filters--togglemap svg {
        height: 1.25rem;
        width: auto;
        color: CurrentColor;
        flex: none; }
  .searchres__list {
    grid-area: list;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden; }
    .searchres__list--container, .searchres__list--container-alt {
      display: flex;
      flex-direction: column;
      gap: 0.5rem; }
    .searchres__list--container {
      overflow-y: auto;
      scroll-snap-type: y mandatory;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch; }
      .searchres__list--container::-webkit-scrollbar {
        width: 0.5rem; }
      .searchres__list--container::-webkit-scrollbar-track {
        background: #e4e4e5; }
      .searchres__list--container::-webkit-scrollbar-thumb {
        background: #010001; }
    .searchres__list--intro {
      margin: 1rem 0;
      font-size: 1.1rem; }
    .searchres__list--locations {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding: 1rem;
      border-radius: 0.25rem;
      gap: 1.5rem;
      background-color: #f9f8fc;
      transition: all 0.3s ease-in-out; }
      .searchres__list--locations:hover {
        background-color: #e0dfe3; }
        .searchres__list--locations:hover .pricing__available {
          background-color: #ba4ca2; }
        .searchres__list--locations:hover .pricing__unavailable {
          background-color: #6f6f70; }
      .searchres__list--locations .content {
        display: flex;
        flex-direction: column;
        flex: 1;
        gap: 0.5rem; }
        .searchres__list--locations .content p {
          color: #403f40; }
      .searchres__list--locations .pricing__available, .searchres__list--locations .pricing__unavailable {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 16px calc(16px * 2) calc(16px * 1.4 -
 (16px * 1.4 - 16px));
        border-radius: 0.25rem;
        transition: all 0.3s ease-in-out; }
      .searchres__list--locations .pricing__available {
        background-color: #f865d7;
        color: #fdfdfe; }
      .searchres__list--locations .pricing__unavailable {
        background-color: #403f40;
        color: #fdfdfe; }
    .searchres__list--deal {
      display: grid;
      grid-template-columns: minmax(auto, 25%) auto minmax(250px, max-content);
      grid-auto-flow: row dense;
      grid-gap: 1rem 1.5rem;
      padding: 1rem;
      min-height: 180px;
      border-radius: 0.5rem;
      background: #fdfdfe;
      grid-template-areas: "image header header"
 "image description btn"
 "image icons btn"; }
    .searchres__list .src-list__image {
      grid-area: image; }
      .searchres__list .src-list__image img {
        border-radius: 0.5rem;
        width: 100%;
        height: auto;
        min-height: 100%;
        object-fit: cover;
        object-position: center; }
    .searchres__list .src-list__header {
      grid-area: header; }
      .searchres__list .src-list__header p {
        color: #7f7f80; }
    .searchres__list .src-list__description {
      grid-area: description;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    .searchres__list .src-list__icons {
      grid-area: icons;
      display: flex;
      flex-flow: row wrap;
      gap: 1rem; }
      .searchres__list .src-list__icons .filter-icons {
        display: flex;
        align-items: center; }
        .searchres__list .src-list__icons .filter-icons svg {
          height: 1.5rem;
          width: auto;
          color: #010001;
          flex: none; }
    .searchres__list .src-list__btn {
      grid-area: btn;
      place-self: end auto;
      /* Fixed width */
      width: 100%; }
      .searchres__list .src-list__btn .btn {
        width: -webkit-fill-available; }
  .searchres__map {
    grid-area: map;
    height: calc(100vh - 10rem); }

@media all and (max-width: 1200px) {
  .searchres {
    grid-template-columns: 1fr;
    grid-gap: 1rem;
    height: calc(100vh - 8rem);
    grid-template-areas: "filters"
 "list"
 "map"; }
    .searchres__filters--togglemap {
      display: flex; }
    .searchres__map {
      height: calc(100vh - 18rem); } }

@media all and (max-width: 768px) {
  .searchres__list--deal {
    min-height: auto;
    grid-template-columns: auto minmax(250px, max-content);
    grid-template-areas: "header header"
 "description btn"
 "icons btn"; }
  .searchres__list .src-list__image {
    display: none; } }

@media all and (max-width: 576px) {
  .searchres__filters--sorting {
    display: none; }
  .searchres__map {
    margin-bottom: 2rem; }
  .searchres__list--deal {
    grid-gap: 1rem;
    grid-template-areas: "header btn"; }
  .searchres__list--locations {
    flex-direction: column;
    align-items: flex-start; }
    .searchres__list--locations .pricing__available, .searchres__list--locations .pricing__unavailable {
      align-self: center;
      min-width: 80%; }
  .searchres__list .src-list__icons, .searchres__list .src-list__description {
    display: none; }
  .searchres__list .src-list__btn {
    place-self: start auto; } }

/* Btn-counter */
.btn-counter {
  display: flex;
  flex: 1;
  align-items: stretch;
  border: 1px solid #7f7f80;
  border-radius: 0.25rem;
  overflow: hidden;
  transition: all 0.3s ease-in-out; }
  .btn-counter:hover {
    border-color: #44168f; }
  .btn-counter:focus-within .btn-counter__inputs--icons {
    height: calc(100% - 2px); }
  .btn-counter__inputs {
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out; }
    .btn-counter__inputs--icons {
      display: flex;
      align-items: center;
      padding: 1rem;
      height: 100%;
      cursor: pointer;
      transition: all 0.3s ease-in-out; }
      .btn-counter__inputs--icons svg {
        height: 16px;
        width: auto;
        color: inherit;
        flex: none; }
      .btn-counter__inputs--icons:hover {
        background-color: #ebe6f3; }
    .btn-counter__inputs--separator {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 1px;
      height: 50%;
      background-color: #e4e4e5; }
  .btn-counter__counter {
    -moz-appearance: textfield;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    border: none;
    background: none;
    caret-color: #44168f;
    transition: all 0.3s ease-in-out; }
    .btn-counter__counter::-webkit-outer-spin-button, .btn-counter__counter::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }

/* Radio buttons */
.btn-radio__container {
  display: flex;
  align-items: center;
  gap: 2rem; }

@keyframes radio-animation {
  0% {
    box-shadow: 0px 0px 0px 0.1rem rgba(248, 101, 215, 0); }
  50% {
    box-shadow: 0px 0px 0px 1rem rgba(248, 101, 215, 0.1); }
  100% {
    box-shadow: 0px 0px 0px 0.1rem rgba(248, 101, 215, 0); } }

.btn-radio__input {
  position: absolute;
  visibility: hidden; }
  .btn-radio__input:checked ~ .btn-radio__label:before {
    border-color: #f865d7;
    animation: radio-animation 0.35s linear forwards; }
  .btn-radio__input:checked ~ .btn-radio__label:after {
    transform: scale(1); }

.btn-radio__label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1 !important;
  user-select: none;
  cursor: pointer;
  position: relative; }
  .btn-radio__label:before, .btn-radio__label:after {
    content: "";
    display: flex;
    align-items: center;
    border-radius: 50%;
    transition: all 0.25s ease;
    transition-property: transform, border-color; }
  .btn-radio__label:before {
    height: 1rem;
    width: 1rem;
    border: 2px solid #7f7f80; }
  .btn-radio__label:after {
    position: absolute;
    top: calc((1rem / 2) - (0.5rem / 2));
    left: calc((1rem / 2) - (0.5rem / 2));
    height: 0.5rem;
    width: 0.5rem;
    transform: scale(0);
    background: #f865d7; }

/* END –– Joakim */
/*Start -- Google maps*/
.gm-ui-hover-effect {
  display: none !important; }

.gm-style iframe + div {
  border: none !important; }

/*END -- Google maps*/
#main-div {
  position: relative;
  min-height: 100vh; }

#page {
  padding-top: 15vh;
  height: calc(90vh - 80px);
  position: relative; }

.layout-small {
  width: calc(min(100%, 660px));
  margin: auto; }

.layout-medium {
  width: calc(min(100%, 1392px));
  margin: auto; }

.layout-wide {
  width: 1648px; }

.countrycode {
  width: calc(min(100%, 70px)); }

.align-self-center {
  align-self: center; }

.align-self-start {
  align-self: start; }

.start-aligned {
  align-items: start; }

.center-aligned {
  align-items: center; }

.end-aligned {
  align-items: end; }

.start-justified {
  justify-content: start; }

.center-justified {
  justify-content: center; }

.end-justified {
  justify-content: end; }

.space-between {
  justify-content: space-between; }

.space-evenly {
  justify-content: space-evenly; }

.input {
  border-radius: 3px;
  border: 1px solid #bcbeca;
  background: #ffffff; }

.input.big {
  height: 68px;
  padding: 8px;
  border: 1px solid #ccd0f6; }

.input.borderless {
  border: none; }

.input input {
  padding: 12px;
  height: 52px;
  border: none;
  outline: none;
  width: 100%; }

.input .pin {
  border: 1px solid #bcbeca;
  border-radius: 3px;
  width: 60px; }

.dropdown {
  border-radius: 3px;
  border: 1px solid #bcbeca;
  background: #ffffff; }

.dropdown .inner {
  height: 52px;
  align-self: stretch;
  display: flex;
  width: 100%; }

.dropdown .inner .content {
  gap: 4px;
  padding: 0px;
  width: 100%; }

.dropdown .inner .content .input {
  border: none; }

.dropdown .inner .content .input:after {
  content: "v";
  position: absolute;
  cursor: pointer;
  right: 20px;
  top: 12px; }

.dropdown .inner .content .sub-header {
  padding: 10px 6px 10px 12px;
  cursor: pointer; }

.dropdown .inner .content .select {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2), 0px 12px 20px rgba(0, 0, 0, 0.3), 0px 8px 8px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: #ffffff;
  padding: 12px 0;
  margin-top: 2px;
  width: 100%;
  position: absolute;
  display: none; }

.dropdown .inner .content .select .select-item {
  padding: 12px;
  gap: 10px;
  height: 44px;
  color: #151d1f;
  font-size: 14px;
  line-height: 20px; }

.dropdown .inner .content .select .select-item:hover {
  background: rgba(248, 101, 215, 0.25);
  cursor: pointer; }

.custom-table {
  background: #fdfdfe;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-left: 15px; }

.custom-table.header {
  height: 48px; }

.custom-table.body {
  height: 72px;
  border-radius: 5px; }

.custom-table.header div {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold; }

.custom-table .column {
  width: 150px;
  flex-direction: column; }

.custom-table .column:first-child {
  width: 250px; }

.two-lines-ellipsed {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.clickable {
  cursor: pointer; }

.chip {
  border-radius: 40px;
  border: 1px solid rgba(68, 22, 143, 0.5);
  background: linear-gradient(0deg, rgba(68, 22, 143, 0.15), rgba(68, 22, 143, 0.15)), #ffffff;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.04em;
  color: #44168f;
  opacity: 50%; }

.chip:focus {
  outline: none; }

.chip.active {
  opacity: 1; }

.search-results {
  background: #ffffff;
  border-radius: 8px;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 0.5em;
  display: none;
  position: absolute;
  width: 100%;
  border: 1px solid #44168f; }

.search-results div {
  padding: 15px;
  border-bottom: 1px solid #ececea;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.search-results div span {
  font-size: 11px;
  letter-spacing: 0.4px; }

.search-results div:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

.search-results div:last-child {
  border-bottom: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.search-results div:hover {
  cursor: pointer;
  background-color: #8a1ea2; }

.purple-dot {
  height: 10px;
  width: 10px;
  background: #ad22ac;
  border-radius: 50%;
  display: inline-block;
  margin: 2px 10px; }

.white-dot {
  height: 10px;
  width: 10px;
  background: #fdfdfe;
  border-radius: 50%;
  display: inline-block; }

.bottom-right-aligned {
  display: flex;
  justify-content: end;
  align-items: end; }

.flex {
  display: flex; }

.flex-columns {
  display: flex;
  flex-direction: column; }

#search-segment {
  width: 40%; }

#map-segment {
  height: calc(100vh - 120px);
  width: 60%; }

.bordered-segment {
  border: 1px solid #bcbeca;
  border-radius: 16px;
  padding: 16px;
  background: #ffffff; }

.segment {
  border-radius: 8px;
  padding: 32px; }

.text-area {
  height: 120px;
  width: 100%;
  border: 1px solid #bcbeca;
  padding: 12px;
  border-radius: 3px; }

textarea::placeholder {
  color: rgba(21, 29, 31, 0.5); }

textarea:focus {
  outline: none; }

input::placeholder {
  color: rgba(21, 29, 31, 0.5); }

.accordion {
  border: 1px solid #bcbeca;
  border-radius: 5px;
  padding: 16px;
  cursor: pointer;
  background: #ffffff; }

.accordion .title {
  font-size: 16px;
  line-height: 16px;
  font-weight: bold; }

.accordion .content {
  margin-top: 10px;
  height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.4px; }

.accordion.active {
  border: 1px solid #bcbeca;
  background: linear-gradient(0deg, rgba(238, 240, 248, 0.5), rgba(238, 240, 248, 0.5)), #ffffff; }

.accordion.active .title {
  color: #44168f; }

.accordion.active .content {
  display: block;
  height: unset; }

.accordion.active svg {
  transform: rotate(180deg); }

#home-sub-header {
  max-width: 532px;
  margin-top: 10px; }

/*Fonts & Headers*/
.header1 {
  font-size: 32px;
  line-height: 44px; }

.header2 {
  font-size: 24px;
  line-height: 32px; }

.header3 {
  font-size: 18px;
  line-height: 24px; }

.header4 {
  font-size: 16px;
  line-height: 16px; }

.sub-text {
  font-size: 12px;
  color: #8d9495;
  letter-spacing: 0.2px; }

.tiny-text {
  font-size: 10px;
  letter-spacing: 0.4px; }

.paragraph {
  font-size: 14px;
  line-height: 20px; }

.main-header {
  font-size: 48px;
  line-height: 67px;
  padding-right: 24px; }

.sub-header {
  font-size: 16px;
  line-height: 32px; }

.centered-text {
  text-align: center; }

.bold {
  font-weight: bold; }

.underlined {
  text-decoration: underline; }

/*Modal*/
.modal {
  display: none;
  visibility: hidden;
  align-items: center;
  justify-content: center;
  overscroll-behavior: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  min-width: 100vw;
  min-height: 100vh;
  padding: 0 2rem;
  background-color: rgba(1, 0, 1, 0.5);
  z-index: 999999; }

@keyframes slideInFromTop {
  from {
    opacity: 0;
    transform: translateY(-100%); }
  to {
    opacity: 1;
    transform: translateY(0); } }
  .modal__content {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    background-color: #fdfdfe;
    border-radius: 0.25rem;
    width: 80vw;
    max-width: 450px;
    animation: slideInFromTop 0.5s ease-in; }
    .modal__content--header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 1.5rem 1.5rem 0; }
      .modal__content--header .close {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: none;
        height: 1.5rem;
        width: 1.5rem;
        border-radius: 50%;
        background-color: #010001;
        transition: all 0.3s ease-in-out; }
        .modal__content--header .close svg {
          height: 1rem;
          width: auto;
          color: #fdfdfe;
          flex: none; }
        .modal__content--header .close:hover {
          background-color: #7f7f80; }
    .modal__content--body {
      display: flex;
      flex-direction: column;
      gap: 2rem;
      padding: 1.5rem; }
      .modal__content--body .content-container {
        display: flex;
        flex-direction: column;
        gap: 1rem; }
      .modal__content--body-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 1rem; }
      .modal__content--body-info {
        display: flex;
        align-items: center;
        justify-content: flex-start; }
    .modal__content--footer {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 1rem 1.5rem;
      gap: 2rem;
      background-color: #f6f3f9;
      border-radius: 0 0 0.25rem 0.25rem; }
  .modal .wide {
    max-width: 600px; }

@media all and (max-height: 800px) {
  .modal__content--body .adjust-height {
    max-height: 60vh;
    overflow-y: auto; }
    .modal__content--body .adjust-height::-webkit-scrollbar {
      width: 0.5rem; }
    .modal__content--body .adjust-height::-webkit-scrollbar-track {
      background: #cbcacb; }
    .modal__content--body .adjust-height::-webkit-scrollbar-thumb {
      background: #010001; } }

@media all and (max-width: 768px) {
  .modal__content {
    width: 100%;
    max-width: 100%; } }

@media all and (max-width: 576px) {
  .modal {
    padding: 1rem; }
    .modal__content--header, .modal__content--body, .modal__content--footer {
      padding: 1rem; } }

.modal-content {
  background-color: #fefefe;
  margin: auto;
  display: flex;
  flex-direction: column;
  border: 1px solid #888;
  width: 30vw;
  max-width: 400px;
  border-radius: 15px; }

.modal-content.wide {
  max-width: 600px; }

.modal-header {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  justify-content: space-between;
  display: flex;
  align-items: end;
  border-bottom: none;
  padding: 24px 24px 0 24px; }

.modal-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px; }

.modal-footer {
  border-top: 1px solid #eef0f8;
  padding: 16px 24px;
  background: #eef0f8;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  display: flex;
  justify-content: end; }

.close {
  color: #000;
  font-size: 28px;
  font-weight: normal; }

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

#loginModal3 .flex-columns {
  margin: 20px 0; }

/*Buttons*/
.primary-button {
  border-radius: 2px;
  background: #1c292c;
  border: none;
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center; }

.primary-button:focus {
  outline: 2px solid #1c292c;
  outline-offset: 2px; }

.primary-button:hover:not(:focus) {
  background: #495456; }

.primary-button:disabled {
  background: #bcbeca; }

.primary-button:disabled:hover {
  background: #bcbeca; }

.secondary-button {
  border-radius: 2px;
  background: #ffffff;
  padding: 8px;
  border: 1px solid #151d1f;
  display: flex;
  align-items: center;
  gap: 4px; }

.secondary-button:focus {
  border: 1px solid #0020e4;
  outline: none; }

.secondary-button:hover:not(:focus) {
  border: 1px solid #808ff1;
  outline: none; }

.tertiary-button {
  padding: 8px;
  border-radius: 2px;
  border: none;
  background: unset;
  display: flex;
  align-items: center;
  gap: 4px; }

.tertiary-button:focus {
  border: 1px solid #d9defb;
  outline: none; }

.primary-button.big {
  padding: 14px;
  gap: 8px; }

.secondary-button.big {
  padding: 14px;
  gap: 8px; }

.tertiary-button.big {
  gap: 8px; }

.primary-button.pink {
  background: #f865d7;
  /*background: #8E1EA3;*/ }

.primary-button.pink:focus {
  outline: 2px solid #f865d7;
  /*outline: 2px solid #8E1EA3;*/
  outline-offset: 2px; }

.primary-button.pink:hover:not(:focus) {
  background: rgba(248, 101, 215, 0.5);
  /*background: #8E1EA380;*/ }

.primary-button.dark80 {
  background: rgba(73, 84, 86, 0.8); }

.primary-button.dark80:focus {
  outline: 2px solid rgba(73, 84, 86, 0.8);
  outline-offset: 2px; }

.primary-button.dark80:hover:not(:focus) {
  background: #1c292c; }

.primary-button div {
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  color: #fdfdfe;
  white-space: nowrap; }

.secondary-button div {
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  color: #151d1f;
  white-space: nowrap;
  font-weight: bold; }

.secondary-button:focus div {
  color: #0020e4; }

.secondary-button:hover:not(:focus) div {
  color: #808ff1; }

.tertiary-button div {
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  text-decoration: underline;
  color: #495456;
  white-space: nowrap;
  font-weight: bold; }

.tertiary-button:focus div {
  color: #0020e4; }

.tertiary-button:active div {
  color: #0020e4; }

.tertiary-button:hover:not(:focus) div {
  color: #808ff1; }

.primary-button.big div {
  height: 24px;
  font-size: 16px;
  line-height: 24px; }

.secondary-button.big div {
  height: 24px;
  font-size: 16px;
  line-height: 24px; }

.tertiary-button.big div {
  height: 24px;
  font-size: 16px;
  line-height: 24px; }

.radio {
  margin-bottom: 0;
  cursor: pointer; }

.radiolabel {
  margin-left: 32px;
  display: block; }

.radiocheck {
  position: absolute;
  height: 24px;
  width: 24px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #bcbeca; }

.radio input:checked ~ .radiocheck {
  background-color: #fff;
  border: 2px solid #f865d7; }

.radio input {
  display: none; }

.radiocheck:after {
  content: "";
  position: absolute;
  display: none; }

.radio input:checked ~ .radiocheck:after {
  display: block; }

.radio .radiocheck:after {
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #f865d7; }

/*Navigation*/
.navbar {
  padding: 20px 40px;
  height: 80px;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  align-items: center; }

.navbar div {
  width: 350px; }

.navlink-big {
  font-size: 24px;
  height: 32px; }

.navlink-big.white:hover {
  color: #ffffff; }

.navlink-big.violet:hover {
  color: #44168f; }

.navlink-reg {
  font-size: 14px;
  height: 24px;
  padding: 0 10px; }

.navlink-reg.white:hover {
  color: #ffffff; }

.navlink-reg.dark80:hover {
  color: #495456;
  font-weight: bold; }

/*Colors & Backgrounds*/
.white {
  color: #ffffff; }

.violet {
  color: #44168f; }

.pink {
  color: #f865d7; }

.red {
  color: #da1e28; }

.dark {
  color: #151d1f; }

.dark80 {
  color: rgba(73, 84, 86, 0.8); }

.white-background {
  background: #ffffff; }

.purple-linear-background {
  background: linear-gradient(81.34deg, #44168f 31.29%, #ad22ac 127.71%); }

.grayscale-background {
  background-color: #f6f3f9; }

.v-shaped-bottom-border {
  border-top: 80px solid transparent;
  border-left: 50vw solid #fff;
  border-right: 50vw solid #fff; }

/*Gaps & paddings*/
.gap3 {
  gap: 3px; }

.gap5 {
  gap: 5px; }

.gap10 {
  gap: 10px; }

.gap16 {
  gap: 16px; }

.gap20 {
  gap: 20px; }

.gap30 {
  gap: 30px; }

.gap40 {
  gap: 40px; }

.gap60 {
  gap: 60px; }

.gap90 {
  gap: 90px; }

.gap120 {
  gap: 120px; }

.pad32 {
  padding: 32px; }

.top32 {
  padding-top: 32px; }

.pad96 {
  padding: 96px; }

/*Heights and width*/
.vw100 {
  width: 100vw; }

.w10 {
  width: 10%; }

.w20 {
  width: 20%; }

.w35 {
  width: 35%; }

.w50 {
  width: 50%; }

.w65 {
  width: 65%; }

.w80 {
  width: 80%; }

.w90 {
  width: 90%; }

.w100 {
  width: 100%; }

.h64p {
  height: 64px; }

/*
Footer-old
footer {
    background: linear-gradient(81.34deg, #44168F 31.29%, #AD22AC 127.71%);
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 15rem;
}

footer .flex {
    gap: 10vw;
    padding: 30px 0;
}

footer .flex-columns .navlink-big {
    align-self: center;
    padding-top: 20px;
}

footer .flex-columns .navlink-reg {
    padding: 0;
    height: 20px;
}
*/
.location-card__number-of-lots {
  font-size: 32px; }

/* Admin */
.admin__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem; }
  .admin__header--inputs {
    display: flex;
    align-items: stretch;
    gap: 1rem;
    flex: 1; }

@media all and (max-width: 992px) {
  .admin__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem; }
    .admin__header--inputs {
      width: 100%; } }

@media all and (max-width: 768px) {
  .admin__header--inputs {
    flex-direction: column; } }

.location-card {
  gap: 1rem;
  width: 100%;
  box-shadow: inset 0 0 0 1px #7f7f80; }
  .location-card:hover, .location-card:focus {
    box-shadow: inset 0 0 0 1px #f865d7;
    background: #fdeefa; }
  .location-card__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: -webkit-fill-available;
    gap: 1rem; }
  .location-card__spaces {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem; }
    .location-card__spaces span {
      display: flex; }
      .location-card__spaces span:first-of-type {
        font-size: 2rem;
        font-weight: 600; }
  .location-card__container {
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
    gap: 1rem; }
  .location-card__list {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    .location-card__list--header {
      display: none;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 1rem;
      background: #44168f;
      color: #fdfdfe;
      font-weight: 600; }
      .location-card__list--header .icon {
        display: flex;
        align-items: center;
        gap: 0.5rem; }
        .location-card__list--header .icon svg {
          height: 16px;
          width: auto;
          color: inherit;
          flex: none; }

@media all and (max-width: 768px) {
  .location-card {
    flex-direction: row;
    box-shadow: unset; }
    .location-card__header {
      flex-direction: row;
      justify-content: space-between; }
      .location-card__header h3 {
        font-size: 1rem !important;
        font-weight: 400 !important; }
    .location-card__spaces {
      flex-direction: column;
      align-items: center;
      gap: 0.5rem; }
      .location-card__spaces span {
        display: flex; }
        .location-card__spaces span:first-of-type {
          font-size: 1rem;
          font-weight: 400; }
        .location-card__spaces span:last-of-type {
          display: none; }
    .location-card__container {
      flex-flow: column wrap; }
    .location-card__list--header {
      display: flex; } }

.hide-on-small-screen {
  display: flex; }

@media all and (max-width: 768px) {
  .hide-on-small-screen {
    display: none !important; } }

.admin-location input * {
  background: #fdfdfe !important; }

.admin-location__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem; }
  .admin-location__header--inputs {
    display: flex;
    align-items: center;
    gap: 1rem; }

.admin-location__edit--col {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem !important; }
  .admin-location__edit--col .btn__container--center {
    padding-top: 1rem; }

.admin-location__edit--row {
  display: flex;
  flex-direction: row;
  gap: 1rem; }
  .admin-location__edit--row div {
    flex: 1; }

.admin-location__layout, .admin-location__layout-edit, .admin-location__layout-product, .admin-location__layout-product-edit, .admin-location__layout-create {
  display: grid;
  grid-auto-flow: row dense;
  gap: 2rem;
  grid-template-areas: "left right"; }
  .admin-location__layout--left, .admin-location__layout--right, .admin-location__layout-edit--left, .admin-location__layout-edit--right, .admin-location__layout-product--left, .admin-location__layout-product--right, .admin-location__layout-product-edit--left, .admin-location__layout-product-edit--right, .admin-location__layout-create--left, .admin-location__layout-create--right {
    display: flex;
    flex-direction: column;
    gap: 2rem; }
  .admin-location__layout--left, .admin-location__layout-edit--left, .admin-location__layout-product--left, .admin-location__layout-product-edit--left, .admin-location__layout-create--left {
    grid-area: left; }
  .admin-location__layout--right, .admin-location__layout-edit--right, .admin-location__layout-product--right, .admin-location__layout-product-edit--right, .admin-location__layout-create--right {
    grid-area: right; }

.admin-location__layout, .admin-location__layout-edit, .admin-location__layout-product, .admin-location__layout-create {
  grid-template-columns: 2fr 1fr; }

.admin-location__layout-create--header {
  display: none; }

.admin-location__layout-summary {
  width: 100%;
  margin: 0 auto;
  max-width: 600px; }

.admin-location__layout-product {
  padding: 2rem 0 0 0; }
  .admin-location__layout-product .buddy-card__list {
    display: none; }

.admin-location__layout-product-edit {
  grid-template-columns: repeat(2, 1fr);
  padding: 2rem 0; }

.admin-location__layout-edit input,
.admin-location__layout-edit textarea {
  background: #fdfdfe !important; }

.admin-location__layout-edit .btn__container--center {
  padding-top: 1rem; }

.admin-location__inputs {
  display: flex;
  align-items: stretch;
  gap: 1rem; }

.admin-location__map iframe {
  border-radius: 0.25rem;
  height: 300px;
  width: 100%; }

.admin-location__image {
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  .admin-location__image--container {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    height: 300px;
    width: 100%;
    overflow: hidden; }
    .admin-location__image--container img {
      width: 100%;
      height: auto;
      min-height: 300px;
      object-fit: cover;
      object-position: center; }

.admin-location__mobcol {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 2rem;
  padding-top: 1rem; }

@media all and (max-width: 992px) {
  .admin-location__layout, .admin-location__layout-edit, .admin-location__layout-product, .admin-location__layout-product-edit, .admin-location__layout-create {
    grid-template-columns: 1fr; }
    .admin-location__layout--left, .admin-location__layout--right, .admin-location__layout-edit--left, .admin-location__layout-edit--right, .admin-location__layout-product--left, .admin-location__layout-product--right, .admin-location__layout-product-edit--left, .admin-location__layout-product-edit--right, .admin-location__layout-create--left, .admin-location__layout-create--right {
      display: flex;
      flex-direction: column;
      gap: 2rem; }
  .admin-location__layout, .admin-location__layout-product, .admin-location__layout-product-edit {
    grid-template-areas: "left"
 "right"; }
  .admin-location__layout-edit {
    grid-template-areas: "right"
 "left"; }
  .admin-location__layout-create {
    grid-template-areas: "left"; }
    .admin-location__layout-create--right {
      display: none; } }

@media all and (max-width: 768px) {
  .admin-location__inputs,
  .admin-location__layout-product .buddy-card__row {
    flex-direction: column; }
  .admin-location__layout-product .buddy-card__list {
    display: flex; }
  .admin-location__layout-product #capacity-graph {
    display: none; } }

@media all and (max-width: 576px) {
  .admin-location__header {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; }
    .admin-location__header--inputs {
      width: 100%;
      flex-flow: column-reverse; }
      .admin-location__header--inputs button:first-of-type {
        background: #ff1744;
        color: #fdfdfe; }
        .admin-location__header--inputs button:first-of-type:hover {
          background: #c01133; }
  .admin-location__card {
    flex-direction: column; }
  .admin-location__layout, .admin-location__layout-product {
    display: none; }
  .admin-location__layout-create--header {
    display: flex; }
  .admin-location__edit--row {
    flex-direction: column; } }

#location-nav__main,
#location-nav__product {
  display: none; }

@media all and (max-width: 576px) {
  #location-nav__main,
  #location-nav__product {
    display: flex; } }

.card-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%; }
  .card-detail__label {
    display: flex;
    align-items: center;
    gap: 1rem; }
    .card-detail__label svg {
      height: 16px;
      width: auto;
      color: inherit;
      flex: none; }
  .card-detail__info {
    display: flex;
    align-items: center;
    gap: 0.5rem; }
    .card-detail__info--active, .card-detail__info--disabled {
      display: flex;
      align-items: center;
      gap: 0.5rem; }
      .card-detail__info--active:before, .card-detail__info--disabled:before {
        content: "";
        display: block;
        height: 0.5rem;
        width: 0.5rem;
        border-radius: 50%; }
    .card-detail__info--active:before {
      background: #00b49d; }
    .card-detail__info--disabled {
      color: var(--input-placeholder-color); }
      .card-detail__info--disabled:before {
        background: #ff1744; }

.full-width {
  width: 100%; }

.buddy-card__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%; }
  .buddy-card__list dt {
    color: #7f7f80; }

.buddy-card__row {
  display: flex;
  flex-direction: row;
  gap: 2rem; }

.cap-graph {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--graph-size);
  width: var(--graph-size);
  border-radius: 50%;
  background: conic-gradient(#44168f calc((25 / 100) * 360deg), #ebe6f3 calc((25 / 100) * 360deg) 360deg);
  flex: none; }
  .cap-graph span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 600;
    background: #f9f8fc;
    height: calc(var(--graph-size) - 2rem);
    width: calc(var(--graph-size) - 2rem);
    border-radius: 50%; }
  .cap-graph__container {
    --graph-size: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; }

.cap-bar {
  --bar-height: 0.5rem;
  display: flex;
  align-items: center;
  gap: 1rem; }
  .cap-bar__background {
    display: flex;
    width: -webkit-fill-available;
    border-radius: 1rem;
    height: var(--bar-height);
    background: #ebe6f3; }
  .cap-bar__fill {
    display: flex;
    height: var(--bar-height);
    border-radius: inherit;
    background: #44168f; }

.availabilty {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%; }
  .availabilty input[type="checkbox"] {
    position: absolute;
    visibility: hidden; }
    .availabilty input[type="checkbox"]:checked ~ .availabilty__content {
      display: flex; }
    .availabilty input[type="checkbox"]:checked ~ .availabilty__header .availabilty__header--time {
      display: none; }
      .availabilty input[type="checkbox"]:checked ~ .availabilty__header .availabilty__header--time-edit {
        display: flex; }
    .availabilty input[type="checkbox"]:checked ~ .availabilty__header .availabilty__header--input .checkmark {
      border-color: #44168f;
      background: #44168f; }
      .availabilty input[type="checkbox"]:checked ~ .availabilty__header .availabilty__header--input .checkmark svg {
        transform: translate(-50%, -50%) scale(1); }
  .availabilty__container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%; }
  .availabilty__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer; }
    .availabilty__header--input {
      display: flex;
      align-items: center;
      gap: 0.5rem; }
      .availabilty__header--input .checkmark {
        position: relative;
        display: flex;
        justify-content: center;
        height: calc(1rem - 1px);
        width: calc(1rem - 1px);
        border: thin solid #010001;
        border-radius: 0.125rem;
        transition: all 0.3s ease-in-out; }
        .availabilty__header--input .checkmark svg {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%) scale(0);
          transform-origin: center;
          height: 0.75rem;
          width: auto;
          color: #fdfdfe;
          flex: none;
          transition: all 0.3s ease-in-out; }
    .availabilty__header--time, .availabilty__header--time-edit {
      align-items: center;
      gap: 0.5rem;
      font-size: 0.75rem;
      line-height: 1;
      padding: 0.25rem 0.5rem;
      background: #ebe6f3;
      border-radius: 1rem; }
      .availabilty__header--time svg, .availabilty__header--time-edit svg {
        height: 0.75rem;
        width: auto;
        color: inherit;
        flex: none; }
    .availabilty__header--time {
      display: flex; }
    .availabilty__header--time-edit {
      display: none; }
  .availabilty__content {
    display: none;
    flex-direction: column;
    width: 100%;
    gap: 1rem; }
    .availabilty__content .slider {
      position: relative;
      display: flex;
      align-items: center;
      flex: 1;
      gap: 1rem;
      min-height: 1rem; }
      .availabilty__content .slider #fromSlider {
        height: 0;
        z-index: 1; }
      .availabilty__content .slider input[type="range"] {
        position: absolute;
        -webkit-appearance: none;
        appearance: none;
        height: 1rem;
        width: -webkit-fill-available;
        pointer-events: none;
        border-radius: 1rem; }
        .availabilty__content .slider input[type="range"]::-webkit-slider-thumb {
          -webkit-appearance: none;
          pointer-events: all;
          width: 1rem;
          height: 1rem;
          background-color: #44168f;
          border-radius: 50%;
          cursor: pointer;
          transition: all 0.3s ease-in-out; }
          .availabilty__content .slider input[type="range"]::-webkit-slider-thumb:hover {
            background: #7250ab; }
        .availabilty__content .slider input[type="range"]::-moz-range-thumb {
          -webkit-appearance: none;
          pointer-events: all;
          width: 1rem;
          height: 1rem;
          background-color: #44168f;
          border-radius: 50%;
          cursor: pointer;
          transition: all 0.3s ease-in-out; }
          .availabilty__content .slider input[type="range"]::-moz-range-thumb:hover {
            background: #7250ab; }
    .availabilty__content .timestamps {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      flex: none; }
      .availabilty__content .timestamps span {
        line-height: 1; }

@media all and (max-width: 576px) {
  .availabilty .timestamps span:nth-child(2n + 2) {
    display: none; } }

.create-summary {
  width: 100%; }
  .create-summary__map {
    width: 100%; }
    .create-summary__map iframe {
      border-radius: 0.25rem;
      height: 300px;
      width: 100%; }
  .create-summary__list {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .create-summary__list--item {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 1rem; }
      .create-summary__list--item:first-of-type {
        padding: 0.5rem 0 1.5rem 0; }
      .create-summary__list--item:not(:first-of-type) {
        padding: 1.5rem 0; }
      .create-summary__list--item:not(:last-of-type) {
        border-bottom: thin solid #e4e4e5; }

.no-scroll {
  overflow: hidden; }