/* line 1, /Users/martyn/Desktop/Nappy/Nappy v1/css/_resets.scss */
html, body, h1, h2, h3, p, a, img, .button, ul, li {
  margin: 0;
  padding: 0; }

/* line 5, /Users/martyn/Desktop/Nappy/Nappy v1/css/_resets.scss */
html, body {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden; }

/*
$neutral-0: #102F4C;
$neutral-1: #42565E;
$neutral-2: #7D96A1;
$neutral-3: #F6F8F9;

$primary-0: #0A855C;
$primary-1: #0DAB76;
$primary-2: #C6FBE9;
$primary-3: #ECFDF7;

$red-0: #A00505;
$red-1: #E03F3F;
$red-2: #FBC6C7;
$red-3: #FDECEC;

$blue-0: #1A5E9E;
$blue-1: #3F92E0;
$blue-2: #73AFE8;
$blue-3: #CAE1F6;
*/
/* line 209, /Users/martyn/Desktop/Nappy/Nappy v1/css/_branding.scss */
body {
  font-family: 'Fredoka', avenir, helvetica, sans-serif;
  color: #413322;
  overflow: hidden;
  background: #F6F4F2; }

/* line 3, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_a.scss */
a {
  text-decoration: none; }

/* line 5, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_a.scss */
p > a {
  color: #3E1F50;
  text-decoration: underline; }

/* line 3, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
.button-box {
  display: flex;
  column-gap: 10px; }
  /* line 7, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button-box.grow .button {
    flex-grow: 1;
    padding-left: 10px;
    padding-right: 10px; }
  /* line 12, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button-box.center {
    justify-content: center; }
  /* line 13, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button-box.justify {
    justify-content: space-between; }

/* line 16, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
.button {
  position: relative;
  display: inline-block;
  background: #8F5FAE;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  color: white;
  line-height: 24px;
  font-size: 17px;
  padding: 9px 14px;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  min-width: 120px;
  transition: all .2s; }

/* line 33, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
.button.white {
  background: white;
  color: #413322;
  box-shadow: 0 1px 3px rgba(65, 51, 34, 0.2); }

/* line 39, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
.button.disabled {
  pointer-events: none;
  background: #9E8F76;
  box-shadow: none;
  color: #7D684B; }
  /* line 44, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button.disabled:before {
    filter: grayscale(1); }

/* line 47, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
.button.loading {
  pointer-events: none;
  background: #734A8E;
  box-shadow: none;
  color: transparent; }
  /* line 52, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button.loading:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 3px solid white;
    border-bottom-color: #8F5FAE;
    border-left-color: #8F5FAE;
    animation: spin linear infinite 1s; }

/* line 68, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
.button.hidden {
  display: none; }

/* line 71, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
.button.with-icon svg {
  display: inline-block;
  width: 24px;
  height: 30px;
  vertical-align: top;
  margin-left: 6px;
  fill: #5E4C31; }

/* line 81, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
.button.icon {
  position: relative;
  height: 44px;
  width: 44px;
  padding: 0;
  min-width: auto; }
  /* line 88, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button.icon.circle {
    border-radius: 22px;
    background: #7D684B;
    box-shadow: none; }
  /* line 94, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button.icon:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 10px;
    left: 10px; }
  /* line 103, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button.icon.plus:after {
    background: url("../img/icon-plus.svg"); }
  /* line 104, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button.icon.cross:after {
    background: url("../img/icon-cross.svg"); }
  /* line 105, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button.icon.google-maps:after {
    background: no-repeat url(../../img/google-maps.png);
    background-size: contain;
    background-position: center; }

/* line 112, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
.button.filter {
  position: relative;
  height: 44px;
  width: 44px;
  padding: 0;
  min-width: auto;
  fill: #413322; }
  /* line 120, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button.filter svg {
    height: 44px; }
  /* line 124, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button.filter.active {
    background: #413322;
    fill: white; }
    /* line 127, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
    .button.filter.active[filter=indoorPlay], .button.filter.active[filter=indoorKidsArea] {
      background: #FFB366; }
    /* line 129, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
    .button.filter.active[filter=outdoorPlay] {
      background: #10B981; }
    /* line 130, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
    .button.filter.active[filter=animals] {
      background: #FE6BA0; }
    /* line 131, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
    .button.filter.active[filter=funStuff] {
      background: #01C8FB; }
  /* line 134, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button.filter:after {
    position: absolute;
    content: attr(name);
    top: 40px;
    left: 50%;
    transform: translate(-50%, 0);
    white-space: nowrap;
    padding: 0 10px;
    z-index: 1;
    border-radius: 10px;
    color: #413322;
    text-shadow: 0 0 3px white;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    pointer-events: none;
    transition: opacity .1s, top 0s .2s;
    text-decoration: line-through; }
  /* line 152, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button.filter.tapped:after {
    opacity: 1;
    top: 60px;
    transition: all .2s; }
  /* line 157, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button.filter.active:after {
    text-decoration: none; }

/* line 160, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
.button.expand {
  position: relative;
  height: 44px;
  width: 44px;
  padding: 0;
  min-width: auto;
  box-shadow: none;
  background: none; }
  /* line 169, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button.expand svg {
    height: 44px;
    fill: #413322;
    transition: all .2s; }
  /* line 175, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button.expand.active svg {
    transform: rotate(180deg); }

/* line 178, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
.button.small {
  line-height: 32px;
  padding: 0 8px;
  font-size: 14px;
  border-radius: 4px;
  min-width: 80px; }
  /* line 184, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
  .button.small svg {
    margin-top: 2px;
    width: 16px; }

/* line 190, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
.button.wide {
  width: 220px; }

/* line 196, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
h1 + .button-box {
  margin-top: 30px; }

/* line 197, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
h2 + .button-box {
  margin-top: 30px; }

/* line 198, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_button.scss */
label + .button-box {
  margin-top: 30px; }

/* line 3, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_checkbox.scss */
.checkbox {
  position: relative;
  height: 44px;
  width: 44px;
  font-size: 17px;
  line-height: 44px;
  fill: #7D684B;
  color: #413322;
  z-index: 0;
  cursor: pointer; }
  /* line 14, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_checkbox.scss */
  .checkbox:before {
    content: "";
    position: absolute;
    left: 0;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: white;
    z-index: -1; }
  /* line 26, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_checkbox.scss */
  .checkbox svg:first-child {
    position: absolute;
    top: 10px;
    left: 10px; }
  /* line 32, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_checkbox.scss */
  .checkbox svg:nth-child(2) {
    vertical-align: middle;
    margin-left: 64px;
    margin-right: 10px; }
  /* line 39, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_checkbox.scss */
  .checkbox.active:before {
    background: #10B981;
    border-color: rgba(0, 0, 0, 0.2); }
  /* line 43, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_checkbox.scss */
  .checkbox.active svg:first-child {
    fill: white; }

/* line 50, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_checkbox.scss */
.checkbox.hidden {
  display: none; }

/* line 3, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_facility.scss */
.facility {
  display: flex; }
  /* line 5, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_facility.scss */
  .facility .icon {
    display: flex;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: white;
    fill: #5E4C31;
    justify-content: center;
    align-items: center; }
  /* line 17, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_facility.scss */
  .facility .facility-detail {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  /* line 24, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_facility.scss */
  .facility.yes .icon {
    fill: white;
    background: #413322; }
  /* line 29, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_facility.scss */
  .facility.no .icon {
    height: 34px;
    fill: #5E4C31; }
  /* line 37, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_facility.scss */
  .facility[type=indoorPlay].yes .icon,
  .facility[type=indoorKidsArea].yes .icon {
    background: #FFB366; }
  /* line 39, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_facility.scss */
  .facility[type=outdoorPlay].yes .icon {
    background: #10B981; }
  /* line 40, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_facility.scss */
  .facility[type=animals].yes .icon {
    background: #FE6BA0; }
  /* line 41, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_facility.scss */
  .facility[type=funStuff].yes .icon {
    background: #01C8FB; }

/* line 47, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_facility.scss */
h3 + .facilities {
  margin-top: 10px; }

/* line 48, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_facility.scss */
.facilities .facility + .facility {
  margin-top: 10px; }

/* line 49, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_facility.scss */
.facilities .facility.yes + .facility.no {
  margin-top: 20px; }

/* line 50, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_facility.scss */
.facilities .facility.no + .facility.no {
  margin-top: 0px; }

/* line 52, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_facility.scss */
label + .facilities {
  margin-top: 10px; }

/* line 3, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_h1.scss */
h1 {
  font-weight: normal;
  font-size: 28px;
  font-family: "Fredoka", avenir, helvetica, sans-serif;
  line-height: 34px;
  color: #2A0F3A; }

/* line 13, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_h1.scss */
.button-box + h1 {
  margin-top: 10px; }

/* line 3, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_h2.scss */
h2 {
  font-weight: normal;
  font-size: 22px;
  font-family: "Fredoka", avenir, helvetica, sans-serif;
  line-height: 28px; }

/* line 3, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_h3.scss */
h3 {
  font-weight: normal;
  font-size: 20px;
  font-family: "Fredoka", avenir, helvetica, sans-serif;
  line-height: 25px;
  color: #413322; }

/* line 14, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_h3.scss */
h3.hidden {
  display: none; }

/* line 3, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_label.scss */
label {
  display: block;
  font-size: 17px;
  line-height: 20px;
  color: #5E4C31; }

/* line 10, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_label.scss */
label.small {
  font-size: 14px;
  color: #7D684B; }

/* line 14, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_label.scss */
label.tiny {
  font-size: 10px;
  color: #9E8F76; }

/* line 19, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_label.scss */
label.red {
  color: #C0392B; }

/* line 21, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_label.scss */
label.hidden {
  display: none; }

/* line 22, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_label.scss */
label.center {
  text-align: center; }

/* line 28, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_label.scss */
.button-box + label {
  margin-top: 10px; }

/* line 29, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_label.scss */
.toggle-form + label {
  margin-top: 32px; }

/* line 30, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_label.scss */
.checkbox + label {
  margin-top: 20px; }

/* line 31, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_label.scss */
input + label {
  margin-top: 20px; }

/* line 32, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_label.scss */
h2 + label {
  margin-top: 10px; }

/* line 33, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_label.scss */
h3 + label {
  margin-top: 10px; }

/* line 34, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_label.scss */
.facility + label.tiny {
  margin-top: 4px; }

/* line 35, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_label.scss */
p + label.tiny {
  margin-top: 10px; }

/* line 3, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_notification.scss */
.notifications {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100svw;
  height: 100svh;
  transition: all 0;
  z-index: 9; }
  /* line 13, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_notification.scss */
  .notifications.active {
    pointer-events: all;
    background: rgba(0, 0, 0, 0.5);
    transition: all .2s; }

/* line 20, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_notification.scss */
.notification {
  position: absolute;
  background: white;
  top: 70svh;
  left: 50%;
  margin: 0 auto 0;
  transform: translate(-50%, -50%);
  width: calc(100svw - 160px);
  max-width: 300px;
  padding: 30px 40px;
  border-radius: 20px;
  text-align: center;
  opacity: 0;
  transition: all 0; }
  /* line 35, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_notification.scss */
  .notification img {
    width: 100px;
    height: 100px;
    margin: 20px 0;
    pointer-events: none;
    user-select: none; }

/* line 44, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_notification.scss */
.notification.active {
  opacity: 1;
  transition: all .2s;
  top: 50svh; }

/* line 3, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_p.scss */
p {
  font-size: 17px;
  line-height: 22px; }

/* line 10, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_p.scss */
h2 + p,
h3 + p {
  margin-top: 10px; }

/* line 12, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_p.scss */
p + p {
  margin-top: 10px; }

/* line 3, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100svw;
  height: 100svh;
  overflow-x: hidden;
  overflow-y: auto;
  background: white;
  transition: all .5s; }

/* line 15, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.left {
  left: calc(-100vw - 4px); }

/* line 19, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.right {
  left: calc(100vw + 4px); }

/* line 23, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.footer {
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  color: #7D684B;
  fill: #9E8F76;
  margin-top: 20px;
  padding: 10px 0; }
  /* line 32, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .footer svg {
    vertical-align: top;
    padding-left: 8px; }

/* line 39, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.loading > .section {
  opacity: 0;
  pointer-events: none; }

/* line 44, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.loading:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 4px solid #5E4C31;
  border-top-color: transparent;
  transform: translate(-50%, -50%);
  animation: spin 0.5s linear infinite; }

@keyframes spin {
  from {
    transform: translate(-50%, -50%) rotate(0); }
  to {
    transform: translate(-50%, -50%) rotate(360deg); } }

/* line 65, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.map .navigation {
  display: flex;
  padding: 10px 0;
  background: #F6F4F2;
  justify-content: space-evenly;
  border-bottom: 1px solid #E5DED6; }
  /* line 72, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.map .navigation > div {
    display: grid;
    grid-auto-flow: column;
    column-gap: 20px;
    flex-grow: 1;
    max-width: 308px;
    grid-template-columns: 1fr minmax(min-content, max-content); }
    /* line 80, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.map .navigation > div .button {
      min-width: auto; }

/* line 86, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.map .topbar {
  position: absolute;
  display: grid;
  row-gap: 10px;
  justify-content: center;
  padding: 10px 0;
  background: #F6F4F2;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  z-index: 1;
  transition: all .3s;
  max-height: 100px;
  width: 100svw; }
  /* line 99, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.map .topbar .filters {
    display: flex;
    column-gap: 6px;
    max-width: 100%; }
    /* line 104, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.map .topbar .filters .toggle:after {
      position: absolute;
      content: attr(name);
      top: 40px;
      left: 50%;
      transform: translate(-50%, 0);
      white-space: nowrap;
      padding: 0 10px;
      z-index: 1;
      border-radius: 10px;
      color: #413322;
      text-shadow: 0 0 3px white;
      background: rgba(255, 255, 255, 0.5);
      opacity: 0;
      pointer-events: none;
      transition: opacity .1s, top 0s .2s;
      text-decoration: line-through; }
    /* line 122, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.map .topbar .filters .toggle.tapped:after {
      opacity: 1;
      top: 60px;
      transition: all .2s; }
    /* line 127, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.map .topbar .filters .toggle.active:after {
      text-decoration: none; }
    /* line 130, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.map .topbar .filters .spacer {
      width: 8px; }
  /* line 133, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.map .topbar .button.filter {
    transition: opacity .2s .1s; }
  /* line 137, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.map .topbar:not(.expanded) {
    max-height: 44px; }
    /* line 139, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.map .topbar:not(.expanded) .filters:last-child {
      pointer-events: none; }
      /* line 141, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
      .page.map .topbar:not(.expanded) .filters:last-child .button.filter {
        opacity: 0;
        transition: opacity .2s; }
  /* line 148, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.map .topbar:not(.active) {
    display: none; }

/* line 150, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.map #map {
  height: calc(100svh - 63px); }

/* line 151, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.map #list {
  display: none;
  margin-top: 64px;
  height: calc(100svh - 127px);
  padding: 0 20px;
  background: #E5DED6;
  overflow-y: scroll; }
  /* line 159, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.map #list .sorting {
    display: grid;
    grid-auto-columns: minmax(min-content, max-content);
    grid-auto-flow: column;
    grid-column-gap: 8px;
    margin-top: 20px;
    margin-bottom: 20px; }
    /* line 167, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.map #list .sorting .sort {
      color: #7D684B;
      padding: 4px 10px;
      border-radius: 4px; }
      /* line 171, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
      .page.map #list .sorting .sort.active {
        color: #413322;
        background: #BEB4A7; }
  /* line 178, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.map #list .list-item {
    display: grid;
    grid-template-columns: minmax(min-content, max-content) 1fr;
    column-gap: 16px;
    background: white;
    border-radius: 16px;
    padding: 6px;
    cursor: pointer;
    margin-bottom: 4px;
    overflow: hidden; }
    /* line 189, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.map #list .list-item .img {
      width: 70px;
      height: 70px;
      object-fit: cover;
      object-position: center;
      border-radius: 10px;
      background: #E5DED6; }
    /* line 197, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.map #list .list-item .placeholder {
      width: 24px;
      height: 24px;
      padding: 18px;
      fill: #BEB4A7;
      border-radius: 10px;
      background: #E5DED6; }
    /* line 206, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.map #list .list-item .info {
      font-size: 0; }
      /* line 209, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
      .page.map #list .list-item .info svg {
        background: #413322;
        fill: white;
        width: 16px;
        height: 16px;
        padding: 4px;
        border-radius: 4px;
        margin-right: 4px;
        margin-top: 6px; }
        /* line 218, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
        .page.map #list .list-item .info svg.indoorPlay, .page.map #list .list-item .info svg.indoorKidsArea {
          background: #FFB366; }
        /* line 220, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
        .page.map #list .list-item .info svg.animals {
          background: #FE6BA0; }
        /* line 221, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
        .page.map #list .list-item .info svg.funStuff {
          background: #01C8FB; }
        /* line 222, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
        .page.map #list .list-item .info svg.outdoorPlay {
          background: #10B981; }
    /* line 226, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.map #list .list-item.hidden {
      display: none; }
  /* line 229, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.map #list > svg {
    fill: #9E8F76;
    width: 100%;
    margin: 20px 0; }

/* line 237, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.map.list #list {
  display: block; }

/* line 238, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.map.list #map {
  display: none; }

/* line 241, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.mapPin {
  background: #413322;
  width: 20px;
  height: 20px;
  border: 2px solid white;
  outline: 0 solid transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  fill: white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: all .5s .7s; }
  /* line 256, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .mapPin svg {
    width: 14px;
    height: 14px;
    transition: all .3s; }
  /* line 262, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .mapPin:active {
    transition: all .1s; }
  /* line 266, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .mapPin.indoorPlay, .mapPin.indoorKidsArea, .mapPin.outdoorPlay, .mapPin.animals, .mapPin.funStuff {
    width: 32px;
    height: 32px; }
    /* line 273, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .mapPin.indoorPlay svg, .mapPin.indoorKidsArea svg, .mapPin.outdoorPlay svg, .mapPin.animals svg, .mapPin.funStuff svg {
      width: 22px;
      height: 22px; }
  /* line 279, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .mapPin.indoorPlay, .mapPin.indoorKidsArea {
    background: #FFB366; }
  /* line 281, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .mapPin.animals {
    background: #FE6BA0; }
  /* line 282, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .mapPin.funStuff {
    background: #01C8FB; }
  /* line 283, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .mapPin.outdoorPlay {
    background: #10B981; }
  /* line 285, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .mapPin.changingSpaceNo {
    width: 8px;
    height: 8px; }
    /* line 288, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .mapPin.changingSpaceNo svg {
      display: none; }
  /* line 291, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .mapPin.hidden {
    display: none; }
  /* line 293, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .mapPin.selected {
    outline: 4px solid rgba(0, 176, 221, 0.5);
    transform: scale(1.3);
    transition: all 0s .2s; }

/* line 301, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.map.zoom1 .mapPin.normal svg {
  display: none; }

/* line 302, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.map.zoom2 .mapPin.large svg {
  display: none; }

/* line 304, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.mapButton {
  border-radius: 50%;
  width: 56px;
  height: 56px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); }
  /* line 315, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .mapButton.current-location {
    fill: #00B0DD;
    transform: translate(-24px, -12px); }
    /* line 318, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .mapButton.current-location svg {
      transform: translate(-1px, 1px); }
  /* line 320, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .mapButton.add-location {
    background: #8F5FAE;
    border: 3px solid white;
    width: 50px;
    height: 50px;
    fill: white;
    transform: translate(-24px, -24px); }

/* line 329, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.myLocation {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #00B0DD;
  border: 2px solid white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  animation: myLocation 1.5s ease-in-out infinite alternate; }

@keyframes myLocation {
  from {
    border-width: 3px; }
  to {
    border-width: 6px; } }

/* line 345, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.section.top {
  padding-top: 8px;
  padding-bottom: 8px;
  background: #F6F4F2; }

/* line 351, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.header {
  display: grid;
  min-height: 44px;
  align-content: center; }
  /* line 355, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .header .back {
    position: absolute;
    left: 8px;
    top: 10px;
    display: flex;
    width: 44px;
    height: 44px;
    justify-content: center;
    border-radius: 10px; }
    /* line 364, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .header .back svg {
      width: 24px;
      width: 24px; }
    /* line 368, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .header .back:active {
      background: #D6CEC3; }
  /* line 370, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .header h2 {
    padding-left: 36px;
    white-space: nowrap;
    overflow: hidden; }
  /* line 375, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .header label {
    margin-top: 0;
    padding-left: 36px; }

/* line 382, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.details .open-status {
  margin-top: 12px;
  font-size: 14px;
  color: #7D684B; }
  /* line 386, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.details .open-status:before {
    font-weight: bold; }
  /* line 388, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.details .open-status.open:before {
    content: "Open";
    color: #10B981; }
  /* line 392, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.details .open-status.closed:before {
    content: "Closed";
    color: #C0392B; }

/* line 398, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.details .rating {
  margin-top: 4px; }
  /* line 400, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.details .rating.hidden {
    display: none; }
  /* line 402, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.details .rating .stars {
    position: relative;
    display: inline-block;
    height: 20px; }
    /* line 407, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.details .rating .stars svg {
      margin-top: 2px;
      width: 16px;
      height: 16px;
      display: inline-block;
      vertical-align: top; }
    /* line 415, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.details .rating .stars .stars-background {
      fill: #E5DED6; }
    /* line 416, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.details .rating .stars .stars-fill {
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
      fill: #F1C40F;
      white-space: nowrap; }
    /* line 425, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.details .rating .stars.hidden {
      display: none; }
  /* line 427, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.details .rating .rating-numbers,
  .page.details .rating .user-rating-count {
    display: inline-block;
    font-size: 14px;
    color: #7D684B; }

/* line 435, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.details .button-box {
  margin-top: 10px; }

/* line 438, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.details .section.facilities .facilities {
  margin-top: 10px; }

/* line 441, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.details .photos {
  position: relative;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  padding-top: 10px; }
  /* line 449, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.details .photos > div {
    position: relative;
    border-radius: 10px;
    background: #E5DED6; }
    /* line 454, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.details .photos > div.loading:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: block;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      border: 2px solid rgba(0, 0, 0, 0.3);
      border-bottom-color: rgba(0, 0, 0, 0.1);
      border-right-color: rgba(0, 0, 0, 0.1);
      animation: spin 1s linear infinite; }
  /* line 471, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.details .photos img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    object-position: center; }
  /* line 479, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.details .photos > :first-child {
    grid-row: 1 / 3;
    height: calc(40vw + 10px);
    width: calc(80vw - 50px);
    max-width: 500px;
    max-height: 300px; }
  /* line 487, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.details .photos > :not(:first-child) {
    width: 20vw;
    height: 20vw;
    max-width: 150px;
    max-height: 150px; }

/* line 496, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.details .openingHours.hidden {
  display: none; }

/* line 498, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.details .openingHours .content {
  margin-top: 8px; }

/* line 499, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.details .openingHours label.today {
  font-weight: bold;
  color: #5E4C31; }

/* line 503, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.details .openingHours .day {
  display: inline-block;
  width: 100px; }

/* line 510, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.update {
  background: #EFEBE7; }

/* line 514, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.new {
  background: #EFEBE7; }
  /* line 516, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
  .page.new .result {
    display: grid;
    grid-template-columns: auto 1fr;
    margin-bottom: 4px;
    justify-content: start;
    align-items: start;
    column-gap: 16px;
    background: white;
    border-radius: 16px;
    padding: 6px; }
    /* line 527, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.new .result img {
      grid-row: 1 / 3;
      width: 60px;
      height: 60px;
      object-fit: cover;
      object-position: center;
      border-radius: 10px;
      background: #E5DED6; }
    /* line 538, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.new .result.exists img {
      opacity: .5; }
    /* line 539, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
    .page.new .result.exists > label:last-child {
      color: #8F5FAE; }

/* line 544, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.page.about .section:not(.top) svg {
  text-align: center;
  padding-top: 40px;
  fill: #D6CEC3;
  width: 100%;
  height: 48px; }

/* line 552, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_page.scss */
.popup {
  display: none; }

/* line 11, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_radio.scss */
.radio-section .radio {
  padding: 8px;
  border: 2px solid #7D684B;
  border-top-width: 0;
  border-radius: 10px; }
  /* line 16, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_radio.scss */
  .radio-section .radio .icon {
    border-color: white;
    background: #9E8F76;
    fill: #5E4C31; }
    /* line 20, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_radio.scss */
    .radio-section .radio .icon:after {
      background: #5E4C31; }
  /* line 23, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_radio.scss */
  .radio-section .radio.active {
    background: #3E1F50;
    border-color: #2A0F3A;
    color: white; }
    /* line 27, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_radio.scss */
    .radio-section .radio.active:not(:first-child) {
      box-shadow: 0 -2px 0 0 #2A0F3A; }
    /* line 28, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_radio.scss */
    .radio-section .radio.active label {
      color: white; }
    /* line 29, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_radio.scss */
    .radio-section .radio.active .icon {
      border-color: #3E1F50; }
      /* line 31, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_radio.scss */
      .radio-section .radio.active .icon svg {
        fill: #2A0F3A; }
  /* line 35, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_radio.scss */
  .radio-section .radio:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-width: 2px; }
  /* line 40, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_radio.scss */
  .radio-section .radio:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

/* line 50, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_radio.scss */
input + .radio-group {
  margin-top: 20px; }

/* line 3, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_section.scss */
.section {
  padding: 0 20px 20px 20px; }

/* line 7, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_section.scss */
.section + .section {
  margin-top: 20px; }

/* line 3, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_switch.scss */
.switch-button {
  position: relative;
  display: inline-block;
  width: 164px;
  height: 26px;
  border-radius: 3px;
  border: 1px solid #8F5FAE;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  font-size: 0;
  user-select: none;
  cursor: pointer; }
  /* line 16, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_switch.scss */
  .switch-button .inner-switch {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #5B3374;
    background: linear-gradient(#BD80E1, #5B3374);
    transition: all .2s ease-in-out; }
  /* line 27, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_switch.scss */
  .switch-button .labels {
    position: absolute;
    display: inline-block; }
    /* line 30, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_switch.scss */
    .switch-button .labels span {
      display: inline-block;
      line-height: 26px;
      font-size: 14px;
      text-align: center;
      text-align-last: center;
      width: 80px; }
  /* line 40, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_switch.scss */
  .switch-button.active .inner-switch {
    left: 50%; }
  /* line 44, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_switch.scss */
  .switch-button.animation .inner-switch {
    width: 80%; }

/* line 50, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_switch.scss */
.switch {
  position: relative;
  padding-left: 50px;
  line-height: 22px;
  user-select: none;
  outline: none;
  cursor: pointer;
  font-size: 14px;
  transition: all .2s;
  -webkit-tap-highlight-color: transparent; }
  /* line 61, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_switch.scss */
  .switch:before, .switch:after {
    content: "";
    position: absolute;
    transition: all .2s; }
  /* line 66, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_switch.scss */
  .switch:before {
    top: 0;
    left: 0;
    width: 38px;
    height: 22px;
    border-radius: 13px;
    background: #E5DED6; }
  /* line 74, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_switch.scss */
  .switch:after {
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: white;
    border: 1px solid #D6CEC3;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }

/* line 87, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_switch.scss */
.switch.active:before {
  background: #BD80E1; }

/* line 90, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_switch.scss */
.switch.active:after {
  left: 20px;
  border-color: #8F5FAE;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }

/* line 102, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_switch.scss */
p + .switch {
  margin-top: 20px; }

/* line 103, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_switch.scss */
.switch + .switch {
  margin: 20px 0; }

/* line 104, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_switch.scss */
.button + br + .switch {
  margin-top: 20px; }

/* line 3, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_textfield.scss */
input[type="text"],
textarea {
  display: block;
  font-size: 17px;
  height: 44px;
  padding: 0 22px;
  border-radius: 10px;
  border: 2px solid #9E8F76;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 4px 2px transparent;
  width: calc(100% - 48px);
  color: #413322;
  background: white;
  outline: 4px solid transparent;
  transition: all .2s; }
  /* line 19, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_textfield.scss */
  input[type="text"]:focus,
  textarea:focus {
    border-color: #00B0DD;
    outline: 4px solid #A8EDFD; }
  /* line 23, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_textfield.scss */
  input[type="text"]::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #7D684B; }

/* line 26, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_textfield.scss */
textarea {
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 80px; }

/* line 34, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_textfield.scss */
label + input[type="text"],
label + textarea {
  margin-top: 5px; }

/* line 3, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
.toggle {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: white;
  fill: #7D684B;
  text-align: center;
  line-height: 40px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  cursor: pointer; }
  /* line 17, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
  .toggle svg {
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translate(-50%, 0); }
  /* line 24, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
  .toggle label {
    position: absolute;
    top: 44px;
    text-align: center;
    width: 100%;
    color: #413322; }
  /* line 32, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
  .toggle.active {
    fill: white;
    color: white;
    z-index: 1;
    box-shadow: 0 1px 2px transparent;
    border-color: rgba(0, 0, 0, 0.2);
    cursor: default; }
    /* line 40, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
    .toggle.active.yes {
      background: #10B981; }
    /* line 41, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
    .toggle.active.no {
      background: #D42A2A; }
    /* line 42, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
    .toggle.active.unknown {
      background: #7D684B; }

/* line 46, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
.toggle-box {
  display: flex; }
  /* line 49, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
  .toggle-box .toggle + .toggle {
    margin-left: 2px; }
  /* line 51, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
  .toggle-box .toggle {
    border-radius: 0; }
  /* line 53, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
  .toggle-box .toggle:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
  /* line 57, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
  .toggle-box .toggle:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; }
  /* line 62, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
  .toggle-box.grow .toggle {
    flex-grow: 1; }
  /* line 63, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
  .toggle-box.labels {
    padding-bottom: 20px; }

/* line 66, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
.toggle-box.hidden {
  display: none; }

/* line 68, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
.toggle-form {
  display: flex;
  column-gap: 10px;
  align-items: center;
  opacity: 1;
  max-height: 100px; }
  /* line 75, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
  .toggle-form .icon {
    margin-left: 10px;
    width: 24px;
    height: 24px;
    fill: #5E4C31; }
  /* line 82, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
  .toggle-form .checkbox {
    margin-left: 83px; }
  /* line 84, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
  .toggle-form.hidden {
    opacity: 0;
    max-height: 0;
    pointer-events: none; }

/* line 91, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
.page:not(.right) .toggle-form {
  transition: all .3s; }

/* line 96, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
.navigation .toggle-box .toggle {
  flex-grow: 1;
  width: auto;
  border: none; }
  /* line 100, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
  .navigation .toggle-box .toggle.active {
    background: #8F5FAE; }

/* line 109, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
.toggle-form:not(.hidden) + .toggle-form {
  margin-top: 16px; }

/* line 110, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
input + .toggle-form {
  margin-top: 20px; }

/* line 111, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
.toggle-box + .toggle-form {
  margin-top: 20px; }

/* line 112, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
.checkbox-box + .toggle-form {
  margin-top: 20px; }

/* line 113, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
.toggle-form + .toggle-box {
  margin-top: 10px; }

/* line 114, /Users/martyn/Desktop/Nappy/Nappy v1/css/components/_toggle.scss */
label + .toggle-form {
  margin-top: 10px; }

/*# sourceMappingURL=general.css.map */