/* src/css/vars.css */
:root {
  --light-grey: #f7f9f8;
  --mid-grey: #6d727a;
  --dark-grey: #333333;
  --cool-grey: #333460;
  --mint-green: #1ed2bb;
  --mint-green-rgb:
    30,
    210,
    187;
  --yellow: #e7e65f;
  --pink: #de475a;
  --vibrant-pink: #ff6578;
  --red: #da2038;
  --blue: #1e83f7;
  --z-below: -1;
  --z-base: 0;
  --z-iframe: 50;
  --z-clock: 100;
  --z-progress: 150;
  --z-sleep: 200;
  --z-sleep-clock: 300;
  --z-interaction: 400;
  --z-overlay: 500;
  --z-navigation: 600;
  --z-offline: 700;
  --fade-gradient:
    hsla(0, 0%, 0%, 0.59) 0%,
    hsla(0, 0%, 0%, 0.582) 5.2%,
    hsla(0, 0%, 0%, 0.561) 10.9%,
    hsla(0, 0%, 0%, 0.529) 16.9%,
    hsla(0, 0%, 0%, 0.487) 23.3%,
    hsla(0, 0%, 0%, 0.437) 29.9%,
    hsla(0, 0%, 0%, 0.382) 36.8%,
    hsla(0, 0%, 0%, 0.324) 43.8%,
    hsla(0, 0%, 0%, 0.266) 51%,
    hsla(0, 0%, 0%, 0.208) 58.2%,
    hsla(0, 0%, 0%, 0.153) 65.4%,
    hsla(0, 0%, 0%, 0.103) 72.6%,
    hsla(0, 0%, 0%, 0.061) 79.7%,
    hsla(0, 0%, 0%, 0.029) 86.7%,
    hsla(0, 0%, 0%, 0.008) 93.5%,
    hsla(0, 0%, 0%, 0) 100%;
  --bubble-background: rgba(0, 0, 0, 0.2);
}

/* src/css/fonts.css */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/7cHpv4kjgoGqM7E_A8s5ynghnQci.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/7cHpv4kjgoGqM7E_Ass5ynghnQci.woff2) format("woff2");
  unicode-range:
    U+0100-02AF,
    U+0304,
    U+0308,
    U+0329,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/7cHpv4kjgoGqM7E_DMs5ynghnQ.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/7cHqv4kjgoGqM7E30-8s51ostz0rdg.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* src/css/globals.css */
* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-rendering: optimizeLegibility;
  font-smoothing: always;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*:focus {
    outline: none;
    border: none;
    box-shadow: none;
  }
html,
body {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-family:
    "Barlow",
    Arial,
    Helvetica,
    sans-serif;
  letter-spacing: 0.0625rem;
  background-color: #000;
  width: 100%;
  width: 100vw;
  min-width: 100%;
  min-width: 100vw;
  max-width: 100%;
  max-width: 100vw;
  height: 100%;
  height: 100vh;
  min-height: 100%;
  min-height: 100vh;
  max-height: 100%;
  max-height: 100vh;
  overflow: hidden;
}
#kiosk-container {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 31.25rem) {
  html,
  body {
    font-size: 80%;
  }
}
form {
  display: none;
}
figure {
  padding: 0;
  margin: 0;
  position: relative;
}

/* src/css/container.css */
#kiosk {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
  -moz-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
  will-change: opacity;
  z-index: var(--z-base);
}

/* src/css/spinner.css */
.kiosk--spinner {
  position: absolute;
  display: block;
  width: 5rem;
  height: 5rem;
  max-width: 80px;
  max-height: 80px;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%);
   -ms-transform: translate(-50%);
       transform: translate(-50%);
}

/* src/css/frame.css */
.frame {
  position: absolute;
  display: -moz-box;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #000;
  z-index: var(--z-base);
}
.frame--image {
  position: absolute;
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
       justify-content: center;
  -moz-box-align: center;
       align-items: center;
  width: 100%;
  height: 100%;
}
.frame--image img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.frame--image-fit-contain {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.frame--image-fit-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.frame--background {
  position: absolute;
  top: -5%;
  left: -5%;
  right: -5%;
  bottom: -5%;
}
.frame--background img {
  opacity: 1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.layout-splitview .frame {
    border: 0.4rem solid black;
    border-radius: 0.75rem;
  }
.layout-splitview.frameless .frame {
    border: none;
    border-radius: 0;
  }
.frame--layout-splitview {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.frame--layout-splitview:nth-child(1) {
  border-right: 0.2rem solid black;
  border-radius: 0.75rem;
}
.frame--layout-splitview:nth-child(2) {
  border-left: 0.2rem solid black;
  border-radius: 0.75rem;
}
.frameless .frame--layout-splitview {
  border-radius: 0;
}
.frame--layout-splitview .frame--image {
  position: absolute;
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
       justify-content: center;
  -moz-box-align: center;
       align-items: center;
}
.layout-splitview-landscape .frame {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
         flex-direction: column;
    border: 0.4rem solid black;
    border-radius: 0.75rem;
  }
.layout-splitview-landscape.frameless .frame {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
         flex-direction: column;
    border: none;
    border-radius: 0;
  }
.frame--layout-splitview-landscape {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.frame--layout-splitview-landscape:nth-child(1) {
    border: none;
    border-bottom: 0.2rem solid black;
    border-radius: 0.75rem;
  }
.frame--layout-splitview-landscape:nth-child(2) {
    border: none;
    border-top: 0.2rem solid black;
    border-radius: 0.75rem;
  }
.frame--layout-splitview-landscape .frame--image {
    position: absolute;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
         justify-content: center;
    -moz-box-align: center;
         align-items: center;
  }
.frameless .frame--layout-splitview-landscape {
  border-radius: 0;
}
.frame--layout-splitview-landscape .frame--image {
  position: absolute;
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
       justify-content: center;
  -moz-box-align: center;
       align-items: center;
}
.transition-none.frameless .frame {
  background-color: transparent;
}
#kiosk.htmx-swapping {
  opacity: 0;
  -moz-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
  will-change: opacity;
}
@-moz-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.transition-cross-fade .frame {
  -moz-animation-name: fade-in;
       animation-name: fade-in;
  -moz-animation-fill-mode: forwards;
       animation-fill-mode: forwards;
  opacity: 0;
  will-change: opacity;
}
@media (orientation: portrait) {
    .layout-splitview .frame {
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
           flex-direction: column;
      border: 0.4rem solid black;
      border-radius: 0.75rem;
    }
    .layout-splitview.frameless .frame {
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
           flex-direction: column;
      border: none;
      border-radius: 0;
    }
  .frame--layout-splitview {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
    .frame--layout-splitview:nth-child(1) {
      border: none;
      border-bottom: 0.2rem solid black;
      border-radius: 0.75rem;
    }
    .frame--layout-splitview:nth-child(2) {
      border: none;
      border-top: 0.2rem solid black;
      border-radius: 0.75rem;
    }
    .frame--layout-splitview .frame--image {
      position: absolute;
      display: -moz-box;
      display: flex;
      -moz-box-pack: center;
           justify-content: center;
      -moz-box-align: center;
           align-items: center;
    }
  .frameless .frame--layout-splitview {
    border-radius: 0;
  }
}

/* src/css/image.css */
.asset-metadata-container {
  position: absolute;
  display: -moz-box;
  display: flex;
  gap: 0.5rem;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 1rem;
  -moz-box-pack: justify;
       justify-content: space-between;
  -moz-box-align: end;
       align-items: flex-end;
}
.asset-metadata-qr img {
  width: 6rem;
  border-radius: 0.2rem;
  display: block;
}
.polling-paused.more-info .asset-metadata-container, .polling-paused.redirects-open .asset-metadata-container {
    opacity: 0.2;
  }
.polling-paused.more-info .asset-metadata-qr img, .polling-paused.redirects-open .asset-metadata-qr img {
    opacity: 0.2;
  }
.asset--metadata {
  position: relative;
  display: -moz-box;
  display: flex;
  gap: 0.5rem;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: start;
       align-items: flex-start;
  bottom: 0;
  right: 0;
  max-width: 70vw;
  color: #fff;
  font-size: 1.1rem;
  text-align: left;
  text-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.6);
}
.asset--metadata .responsive-break {
  display: none;
}
.asset--metadata:empty,
.asset--metadata div:empty {
  display: none;
  padding: 0;
}
.asset--metadata div {
  z-index: 1;
}
.asset--metadata--has-icon {
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  gap: 0.5rem;
}
.asset--metadata--icon {
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
       justify-content: center;
  width: 0.9rem;
  padding-top: 0.1875rem;
}
.asset--metadata--icon svg {
    height: 0.9rem;
    width: 0.9rem;
    fill: white;
  }
.right-align-icons .asset--metadata--icon {
  -moz-box-ordinal-group: 3;
       order: 2;
}
.asset--metadata--datetime {
  text-transform: capitalize;
}
.asset--metadata--exif .asset--metadata--icon {
    padding: 0;
  }
.asset--metadata--exif--fnumber {
  display: inline-block;
  font-size: 0.84rem;
  font-weight: bold;
  -moz-transform: translate(0.0625rem, -0.1875rem);
   -ms-transform: translate(0.0625rem, -0.1875rem);
       transform: translate(0.0625rem, -0.1875rem);
}
.asset--metadata--exif--seperator {
  opacity: 0.3;
  padding: 0 0.5rem;
}
.frame--layout-splitview:nth-child(2) .asset--metadata {
    display: -moz-box;
    display: flex;
    gap: 0.5rem;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
         flex-direction: column;
    -moz-box-align: end;
         align-items: flex-end;
    max-width: 70vw;
    color: #fff;
    font-size: 1.1rem;
    text-align: right;
    text-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.6);
    -moz-box-ordinal-group: 3;
         order: 2;
  }
.frame--layout-splitview:nth-child(2) .asset-metadata-qr {
    -moz-box-ordinal-group: 2;
         order: 1;
  }
.frame--image-zoom img {
  -moz-animation-direction: normal;
       animation-direction: normal;
  -moz-animation-duration: inherit;
       animation-duration: inherit;
  -moz-transition-timing-function: linear;
       transition-timing-function: linear;
  -moz-animation-fill-mode: forwards;
       animation-fill-mode: forwards;
  -moz-transform-origin: inherit;
   -ms-transform-origin: inherit;
       transform-origin: inherit;
  -o-object-position: inherit;
     object-position: inherit;
  will-change: transform;
}
.frame .frame--image-zoom-in img {
  -moz-animation-name: image-zoom-in;
       animation-name: image-zoom-in;
}
.frame .frame--image-zoom-out img {
  -moz-animation-name: image-zoom-out;
       animation-name: image-zoom-out;
}
.frame .frame--image-smart-zoom-out img {
  -moz-animation-name: image-smart-zoom-out;
       animation-name: image-smart-zoom-out;
}
.frame .frame--image-smart-zoom-in img {
  -moz-animation-name: image-smart-zoom-in;
       animation-name: image-smart-zoom-in;
}
.polling-paused .frame {
  -moz-animation-play-state: paused;
       animation-play-state: paused;
}
.polling-paused .frame img {
    -moz-animation-play-state: paused;
         animation-play-state: paused;
  }
@media screen and (max-width: 31.25rem) {
  .asset-metadata-container {
    padding: 0.5rem;
  }
  .asset--metadata {
    padding: 0.5rem !important;
    max-width: 50vw;
  }
  .asset--metadata--description {
    max-width: 100%;
  }
    .asset--metadata--description span {
      display: block;
    }
    .asset--metadata--location span {
      display: none;
    }
    .asset--metadata--location .responsive-break {
      display: inline;
    }
}
@media (orientation: portrait) {
    .frame--layout-splitview:nth-child(2) .asset--metadata {
      display: -moz-box;
      display: flex;
      gap: 0.5rem;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
           flex-direction: column;
      -moz-box-align: start;
           align-items: flex-start;
      max-width: 70vw;
      color: #fff;
      font-size: 1.1rem;
      text-align: left;
      text-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.6);
      -moz-box-ordinal-group: 2;
           order: 1;
    }
    .frame--layout-splitview:nth-child(2) .asset-metadata-qr {
      -moz-box-ordinal-group: 3;
           order: 2;
    }
  .asset--metadata--icon {
    -moz-box-ordinal-group: 1 !important;
         order: 0 !important;
  }
}

/* src/css/more-info.css */
#more-info {
  display: none;
}
#more-info * {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }
.polling-paused.more-info .frame--image img,
  .polling-paused.more-info .frame--background img,
  .polling-paused.more-info .frame--video video {
    -webkit-filter: grayscale(1) blur(4px) brightness(0.4);
            filter: grayscale(1) blur(4px) brightness(0.4);
  }
.polling-paused.more-info #more-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -moz-box;
    display: flex;
    gap: 0.4rem;
    padding: 0.4rem;
    z-index: var(--z-overlay);
  }
.polling-paused.more-info #more-info .more-info--image {
      width: 100%;
      height: 100%;
      background-color: rgb(51 52 96 / 60%);
      display: -moz-box;
      display: flex;
      -moz-box-align: center;
           align-items: center;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
           flex-direction: column;
      -moz-box-pack: justify;
           justify-content: space-between;
      gap: 2rem;
      padding: 6rem 3rem 3rem 3rem;
      color: #fff;
      border-radius: 0.74rem;
      overflow: auto;
    }
.polling-paused.more-info #more-info .more-info--image.more-info--image-bottom {
        padding: 3rem 3rem 6rem 3rem;
      }
.polling-paused.more-info #more-info .more-info--image .more-info--image--data {
        display: -moz-box;
        display: flex;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -moz-box-flex: 1;
             flex: 1;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
             flex-direction: column;
        -moz-box-pack: center;
             justify-content: center;
        gap: 1rem;
      }
.polling-paused.more-info #more-info .more-info--image h3 {
        margin: 0.5rem 0;
      }
.polling-paused.more-info #more-info .more-info--image .more-info--image--maps-link {
        color: #fff;
        text-decoration: none;
      }
.polling-paused.more-info #more-info .more-info--image .more-info--image--maps-link .responsive-break {
          display: none;
        }
.polling-paused.more-info #more-info .more-info--image .more-info--image--qr-code {
        display: -moz-box;
        display: flex;
        -moz-box-align: end;
             align-items: flex-end;
        -moz-box-pack: center;
             justify-content: center;
      }
.polling-paused.more-info #more-info .more-info--image .more-info--image--qr-code img {
          width: 8rem;
          border-radius: 0.5rem;
        }
.polling-paused.more-info.layout-splitview-landscape #more-info {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
         flex-direction: column;
  }
.polling-paused.more-info.layout-splitview-landscape #more-info .more-info--image {
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
           flex-direction: row;
    }
@media (orientation: portrait) {
    .polling-paused.more-info #more-info {
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
           flex-direction: column;
    }
      .polling-paused.more-info #more-info .more-info--image {
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
             flex-direction: row;
      }
}
.more-info--button-group {
  display: -moz-box;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  padding-top: 1rem;
}
.more-info--tag-wrapper {
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.more-info--tag span {
    padding: 0.5rem 1rem;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 100rem;
    font-size: 0.8rem;
  }
.more-info--like-asset,
.more-info--hide-asset,
.more-info--webhook,
.more-info--image-link {
  font-family:
    "Barlow",
    Arial,
    Helvetica,
    sans-serif;
  background-color: var(--mint-green);
  outline: none;
  border: none;
  color: var(--cool-grey);
  font-weight: 600;
  border-radius: 0.4rem;
  padding: 0.5rem 2rem;
  font-size: 1rem;
  cursor: pointer;
  text-decoration: none;
  transition: -webkit-filter 0.2s ease;
  -moz-transition: filter 0.2s ease;
  transition: filter 0.2s ease;
  transition: filter 0.2s ease, -webkit-filter 0.2s ease;
}
.more-info--like-asset:hover, .more-info--hide-asset:hover, .more-info--webhook:hover, .more-info--image-link:hover {
    -webkit-filter: brightness(85%);
            filter: brightness(85%);
  }
.more-info--hide-asset.hidden,
.more-info--hide-asset:hover {
  background-color: var(--red);
}
.more-info--hide-asset.hidden svg, .more-info--hide-asset:hover svg {
    fill: #6c010f;
  }
.more-info--like-asset:hover {
  background-color: var(--pink);
}
.more-info--like-asset:hover svg {
    fill: #63030f;
  }
.more-info--like-asset {
  position: relative;
}
.more-info--like-asset.is-liked {
    background-color: var(--vibrant-pink);
    -moz-animation: like-grow 750ms ease-in-out forwards;
         animation: like-grow 750ms ease-in-out forwards;
  }
.more-info--like-asset.is-liked svg {
      fill: #63030f;
      width: 13.94%;
      height: 13.94%;
      -moz-transform-origin: center;
       -ms-transform-origin: center;
           transform-origin: center;
      -moz-animation: like-animation 1500ms linear forwards;
           animation: like-animation 1500ms linear forwards;
      overflow: visible;
    }
.more-info--like-asset .liked {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
.more-info--like-asset .liked div {
      position: absolute;
      width: 0.25rem;
      height: 100%;
      bottom: 50%;
      left: 50%;
    }
.more-info--like-asset .liked div:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 0%;
        bottom: 0;
        background-color: var(--vibrant-pink);
        border-radius: 100rem;
        -moz-animation: like-shine 0.5s linear forwards;
             animation: like-shine 0.5s linear forwards;
      }
.more-info--like-asset .liked div:nth-child(1) {
        -moz-transform: translate(-50%) rotate(0deg);
         -ms-transform: translate(-50%) rotate(0deg);
             transform: translate(-50%) rotate(0deg);
        -moz-transform-origin: center bottom;
         -ms-transform-origin: center bottom;
             transform-origin: center bottom;
      }
.more-info--like-asset .liked div:nth-child(2) {
        -moz-transform: translate(-50%) rotate(45deg);
         -ms-transform: translate(-50%) rotate(45deg);
             transform: translate(-50%) rotate(45deg);
        -moz-transform-origin: center bottom;
         -ms-transform-origin: center bottom;
             transform-origin: center bottom;
      }
.more-info--like-asset .liked div:nth-child(3) {
        -moz-transform: translate(-50%) rotate(90deg);
         -ms-transform: translate(-50%) rotate(90deg);
             transform: translate(-50%) rotate(90deg);
        -moz-transform-origin: center bottom;
         -ms-transform-origin: center bottom;
             transform-origin: center bottom;
      }
.more-info--like-asset .liked div:nth-child(4) {
        -moz-transform: translate(-50%) rotate(135deg);
         -ms-transform: translate(-50%) rotate(135deg);
             transform: translate(-50%) rotate(135deg);
        -moz-transform-origin: center bottom;
         -ms-transform-origin: center bottom;
             transform-origin: center bottom;
      }
.more-info--like-asset .liked div:nth-child(5) {
        -moz-transform: translate(-50%) rotate(180deg);
         -ms-transform: translate(-50%) rotate(180deg);
             transform: translate(-50%) rotate(180deg);
        -moz-transform-origin: center bottom;
         -ms-transform-origin: center bottom;
             transform-origin: center bottom;
      }
.more-info--like-asset .liked div:nth-child(6) {
        -moz-transform: translate(-50%) rotate(225deg);
         -ms-transform: translate(-50%) rotate(225deg);
             transform: translate(-50%) rotate(225deg);
        -moz-transform-origin: center bottom;
         -ms-transform-origin: center bottom;
             transform-origin: center bottom;
      }
.more-info--like-asset .liked div:nth-child(7) {
        -moz-transform: translate(-50%) rotate(270deg);
         -ms-transform: translate(-50%) rotate(270deg);
             transform: translate(-50%) rotate(270deg);
        -moz-transform-origin: center bottom;
         -ms-transform-origin: center bottom;
             transform-origin: center bottom;
      }
.more-info--like-asset .liked div:nth-child(8) {
        -moz-transform: translate(-50%) rotate(315deg);
         -ms-transform: translate(-50%) rotate(315deg);
             transform: translate(-50%) rotate(315deg);
        -moz-transform-origin: center bottom;
         -ms-transform-origin: center bottom;
             transform-origin: center bottom;
      }
@-moz-keyframes like-shine {
  0% {
    bottom: 60%;
    height: 0;
  }
  25% {
    bottom: 60%;
    height: 20%;
  }
  65% {
    bottom: 70%;
    height: 20%;
  }
  100% {
    bottom: 100%;
    height: 0;
  }
}
@keyframes like-shine {
  0% {
    bottom: 60%;
    height: 0;
  }
  25% {
    bottom: 60%;
    height: 20%;
  }
  65% {
    bottom: 70%;
    height: 20%;
  }
  100% {
    bottom: 100%;
    height: 0;
  }
}
.more-info--like-asset,
.more-info--hide-asset {
  display: -moz-box;
  display: flex;
  align-content: center;
  -moz-box-pack: center;
       justify-content: center;
  -moz-box-align: center;
       align-items: center;
  padding: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 100rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.more-info--like-asset svg, .more-info--hide-asset svg {
    height: 1.3rem;
    fill: #fff;
  }
.more-info--like-asset:disabled, .more-info--hide-asset:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
  }
.more-info--like-asset span, .more-info--hide-asset span {
    display: none;
  }
.frameless.more-info #more-info {
    padding: 0;
  }
.frameless.more-info #more-info .more-info--image {
      border-radius: 0;
    }
@-moz-keyframes like-grow {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  25% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}
@keyframes like-grow {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  25% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}
@-moz-keyframes like-animation {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  1% {
    -moz-transform: scale(1.2108740964475049);
         transform: scale(1.2108740964475049);
  }
  2% {
    -moz-transform: scale(1.4390689854115075);
         transform: scale(1.4390689854115075);
  }
  3% {
    -moz-transform: scale(1.678167691045959);
         transform: scale(1.678167691045959);
  }
  4% {
    -moz-transform: scale(1.9221360318547167);
         transform: scale(1.9221360318547167);
  }
  5% {
    -moz-transform: scale(2.1654122918198286);
         transform: scale(2.1654122918198286);
  }
  6% {
    -moz-transform: scale(2.402978484884046);
         transform: scale(2.402978484884046);
  }
  7% {
    -moz-transform: scale(2.6304134751676433);
         transform: scale(2.6304134751676433);
  }
  8% {
    -moz-transform: scale(2.8439285694992313);
         transform: scale(2.8439285694992313);
  }
  9% {
    -moz-transform: scale(3.040386506448336);
         transform: scale(3.040386506448336);
  }
  10% {
    -moz-transform: scale(3.2173050250697126);
         transform: scale(3.2173050250697126);
  }
  11% {
    -moz-transform: scale(3.3728464062162864);
         transform: scale(3.3728464062162864);
  }
  12% {
    -moz-transform: scale(3.505794539866897);
         transform: scale(3.505794539866897);
  }
  13% {
    -moz-transform: scale(3.6155211847591624);
         transform: scale(3.6155211847591624);
  }
  14% {
    -moz-transform: scale(3.7019431539022585);
         transform: scale(3.7019431539022585);
  }
  15% {
    -moz-transform: scale(3.765472184198641);
         transform: scale(3.765472184198641);
  }
  16% {
    -moz-transform: scale(3.8069592339693714);
         transform: scale(3.8069592339693714);
  }
  17% {
    -moz-transform: scale(3.8276349026761656);
         transform: scale(3.8276349026761656);
  }
  18% {
    -moz-transform: scale(3.8290475869360363);
         transform: scale(3.8290475869360363);
  }
  19% {
    -moz-transform: scale(3.813000880628535);
         transform: scale(3.813000880628535);
  }
  20% {
    -moz-transform: scale(3.7814915992059572);
         transform: scale(3.7814915992059572);
  }
  21% {
    -moz-transform: scale(3.7366496639377917);
         transform: scale(3.7366496639377917);
  }
  22% {
    -moz-transform: scale(3.6806809253574744);
         transform: scale(3.6806809253574744);
  }
  23% {
    -moz-transform: scale(3.615813841051833);
         transform: scale(3.615813841051833);
  }
  24% {
    -moz-transform: scale(3.544250755300671);
         transform: scale(3.544250755300671);
  }
  25% {
    -moz-transform: scale(3.468124360772389);
         transform: scale(3.468124360772389);
  }
  26% {
    -moz-transform: scale(3.389459758976075);
         transform: scale(3.389459758976075);
  }
  27% {
    -moz-transform: scale(3.3101423795165985);
         transform: scale(3.3101423795165985);
  }
  28% {
    -moz-transform: scale(3.2318918710187186);
         transform: scale(3.2318918710187186);
  }
  29% {
    -moz-transform: scale(3.1562419410530844);
         transform: scale(3.1562419410530844);
  }
  30% {
    -moz-transform: scale(3.084526000235292);
         transform: scale(3.084526000235292);
  }
  31% {
    -moz-transform: scale(3.0178683581592014);
         transform: scale(3.0178683581592014);
  }
  32% {
    -moz-transform: scale(2.9571806268199072);
         transform: scale(2.9571806268199072);
  }
  33% {
    -moz-transform: scale(2.903162911127388);
         transform: scale(2.903162911127388);
  }
  34% {
    -moz-transform: scale(2.8563093060802625);
         transform: scale(2.8563093060802625);
  }
  35% {
    -moz-transform: scale(2.816917175890003);
         transform: scale(2.816917175890003);
  }
  36% {
    -moz-transform: scale(2.7850996612456766);
         transform: scale(2.7850996612456766);
  }
  37% {
    -moz-transform: scale(2.760800846151463);
         transform: scale(2.760800846151463);
  }
  38% {
    -moz-transform: scale(2.743813014297351);
         transform: scale(2.743813014297351);
  }
  39% {
    -moz-transform: scale(2.733795435504021);
         transform: scale(2.733795435504021);
  }
  40% {
    -moz-transform: scale(2.7302941440478534);
         transform: scale(2.7302941440478534);
  }
  41% {
    -moz-transform: scale(2.7327622011602313);
         transform: scale(2.7327622011602313);
  }
  42% {
    -moz-transform: scale(2.7405799721918878);
         transform: scale(2.7405799721918878);
  }
  43% {
    -moz-transform: scale(2.753074993306317);
         transform: scale(2.753074993306317);
  }
  44% {
    -moz-transform: scale(2.769541051601073);
         transform: scale(2.769541051601073);
  }
  45% {
    -moz-transform: scale(2.7892561547838755);
         transform: scale(2.7892561547838755);
  }
  46% {
    -moz-transform: scale(2.8114991205564888);
         transform: scale(2.8114991205564888);
  }
  47% {
    -moz-transform: scale(2.835564570383203);
         transform: scale(2.835564570383203);
  }
  48% {
    -moz-transform: scale(2.860776166155733);
         transform: scale(2.860776166155733);
  }
  49% {
    -moz-transform: scale(2.8864979803528863);
         transform: scale(2.8864979803528863);
  }
  50% {
    -moz-transform: scale(2.9121439397094564);
         transform: scale(2.9121439397094564);
  }
  51% {
    -moz-transform: scale(2.93718532837586);
         transform: scale(2.93718532837586);
  }
  52% {
    -moz-transform: scale(2.9611563784357093);
         transform: scale(2.9611563784357093);
  }
  53% {
    -moz-transform: scale(2.983658012965878);
         transform: scale(2.983658012965878);
  }
  54% {
    -moz-transform: scale(3.004359839227585);
         transform: scale(3.004359839227585);
  }
  55% {
    -moz-transform: scale(3.023000516858011);
         transform: scale(3.023000516858011);
  }
  56% {
    -moz-transform: scale(3.0393866480073117);
         transform: scale(3.0393866480073117);
  }
  57% {
    -moz-transform: scale(3.053390353269819);
         transform: scale(3.053390353269819);
  }
  58% {
    -moz-transform: scale(3.064945709129413);
         transform: scale(3.064945709129413);
  }
  59% {
    -moz-transform: scale(3.0740442297085337);
         transform: scale(3.0740442297085337);
  }
  60% {
    -moz-transform: scale(3.0807295781871398);
         transform: scale(3.0807295781871398);
  }
  61% {
    -moz-transform: scale(3.0850916917159275);
         transform: scale(3.0850916917159275);
  }
  62% {
    -moz-transform: scale(3.0872604984113563);
         transform: scale(3.0872604984113563);
  }
  63% {
    -moz-transform: scale(3.08739939654963);
         transform: scale(3.08739939654963);
  }
  64% {
    -moz-transform: scale(3.0856986548574223);
         transform: scale(3.0856986548574223);
  }
  65% {
    -moz-transform: scale(3.0823688793248762);
         transform: scale(3.0823688793248762);
  }
  66% {
    -moz-transform: scale(3.0776346767372034);
         transform: scale(3.0776346767372034);
  }
  67% {
    -moz-transform: scale(3.0717286286204843);
         transform: scale(3.0717286286204843);
  }
  68% {
    -moz-transform: scale(3.0648856719908237);
         transform: scale(3.0648856719908237);
  }
  69% {
    -moz-transform: scale(3.0573379656222675);
         transform: scale(3.0573379656222675);
  }
  70% {
    -moz-transform: scale(3.049310302912009);
         transform: scale(3.049310302912009);
  }
  71% {
    -moz-transform: scale(3.0410161151865607);
         transform: scale(3.0410161151865607);
  }
  72% {
    -moz-transform: scale(3.032654092781601);
         transform: scale(3.032654092781601);
  }
  73% {
    -moz-transform: scale(3.024405435717262);
         transform: scale(3.024405435717262);
  }
  74% {
    -moz-transform: scale(3.016431731508736);
         transform: scale(3.016431731508736);
  }
  75% {
    -moz-transform: scale(3.0088734447806624);
         transform: scale(3.0088734447806624);
  }
  76% {
    -moz-transform: scale(3.0018489920276297);
         transform: scale(3.0018489920276297);
  }
  77% {
    -moz-transform: scale(2.9954543651718986);
         transform: scale(2.9954543651718986);
  }
  78% {
    -moz-transform: scale(2.9897632595600587);
         transform: scale(2.9897632595600587);
  }
  79% {
    -moz-transform: scale(2.9848276557201054);
         transform: scale(2.9848276557201054);
  }
  80% {
    -moz-transform: scale(2.9806787995407014);
         transform: scale(2.9806787995407014);
  }
  81% {
    -moz-transform: scale(2.977328522474523);
         transform: scale(2.977328522474523);
  }
  82% {
    -moz-transform: scale(2.9747708418192795);
         transform: scale(2.9747708418192795);
  }
  83% {
    -moz-transform: scale(2.9729837809817354);
         transform: scale(2.9729837809817354);
  }
  84% {
    -moz-transform: scale(2.9719313507517775);
         transform: scale(2.9719313507517775);
  }
  85% {
    -moz-transform: scale(2.971565634860866);
         transform: scale(2.971565634860866);
  }
  86% {
    -moz-transform: scale(2.9718289263181146);
         transform: scale(2.9718289263181146);
  }
  87% {
    -moz-transform: scale(2.9726558650479498);
         transform: scale(2.9726558650479498);
  }
  88% {
    -moz-transform: scale(2.9739755320343826);
         transform: scale(2.9739755320343826);
  }
  89% {
    -moz-transform: scale(2.975713460348617);
         transform: scale(2.975713460348617);
  }
  90% {
    -moz-transform: scale(2.9777935289443036);
         transform: scale(2.9777935289443036);
  }
  91% {
    -moz-transform: scale(2.9801397108011347);
         transform: scale(2.9801397108011347);
  }
  92% {
    -moz-transform: scale(2.9826776527456884);
         transform: scale(2.9826776527456884);
  }
  93% {
    -moz-transform: scale(2.9853360699533464);
         transform: scale(2.9853360699533464);
  }
  94% {
    -moz-transform: scale(2.988047943625247);
         transform: scale(2.988047943625247);
  }
  95% {
    -moz-transform: scale(2.990751515542267);
         transform: scale(2.990751515542267);
  }
  96% {
    -moz-transform: scale(2.9933910780421313);
         transform: scale(2.9933910780421313);
  }
  97% {
    -moz-transform: scale(2.9959175623792387);
         transform: scale(2.9959175623792387);
  }
  98% {
    -moz-transform: scale(2.998288932358408);
         transform: scale(2.998288932358408);
  }
  99% {
    -moz-transform: scale(3.0004703935472623);
         transform: scale(3.0004703935472623);
  }
  100% {
    -moz-transform: scale(3.0024344312452595);
         transform: scale(3.0024344312452595);
  }
}
@keyframes like-animation {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  1% {
    -moz-transform: scale(1.2108740964475049);
         transform: scale(1.2108740964475049);
  }
  2% {
    -moz-transform: scale(1.4390689854115075);
         transform: scale(1.4390689854115075);
  }
  3% {
    -moz-transform: scale(1.678167691045959);
         transform: scale(1.678167691045959);
  }
  4% {
    -moz-transform: scale(1.9221360318547167);
         transform: scale(1.9221360318547167);
  }
  5% {
    -moz-transform: scale(2.1654122918198286);
         transform: scale(2.1654122918198286);
  }
  6% {
    -moz-transform: scale(2.402978484884046);
         transform: scale(2.402978484884046);
  }
  7% {
    -moz-transform: scale(2.6304134751676433);
         transform: scale(2.6304134751676433);
  }
  8% {
    -moz-transform: scale(2.8439285694992313);
         transform: scale(2.8439285694992313);
  }
  9% {
    -moz-transform: scale(3.040386506448336);
         transform: scale(3.040386506448336);
  }
  10% {
    -moz-transform: scale(3.2173050250697126);
         transform: scale(3.2173050250697126);
  }
  11% {
    -moz-transform: scale(3.3728464062162864);
         transform: scale(3.3728464062162864);
  }
  12% {
    -moz-transform: scale(3.505794539866897);
         transform: scale(3.505794539866897);
  }
  13% {
    -moz-transform: scale(3.6155211847591624);
         transform: scale(3.6155211847591624);
  }
  14% {
    -moz-transform: scale(3.7019431539022585);
         transform: scale(3.7019431539022585);
  }
  15% {
    -moz-transform: scale(3.765472184198641);
         transform: scale(3.765472184198641);
  }
  16% {
    -moz-transform: scale(3.8069592339693714);
         transform: scale(3.8069592339693714);
  }
  17% {
    -moz-transform: scale(3.8276349026761656);
         transform: scale(3.8276349026761656);
  }
  18% {
    -moz-transform: scale(3.8290475869360363);
         transform: scale(3.8290475869360363);
  }
  19% {
    -moz-transform: scale(3.813000880628535);
         transform: scale(3.813000880628535);
  }
  20% {
    -moz-transform: scale(3.7814915992059572);
         transform: scale(3.7814915992059572);
  }
  21% {
    -moz-transform: scale(3.7366496639377917);
         transform: scale(3.7366496639377917);
  }
  22% {
    -moz-transform: scale(3.6806809253574744);
         transform: scale(3.6806809253574744);
  }
  23% {
    -moz-transform: scale(3.615813841051833);
         transform: scale(3.615813841051833);
  }
  24% {
    -moz-transform: scale(3.544250755300671);
         transform: scale(3.544250755300671);
  }
  25% {
    -moz-transform: scale(3.468124360772389);
         transform: scale(3.468124360772389);
  }
  26% {
    -moz-transform: scale(3.389459758976075);
         transform: scale(3.389459758976075);
  }
  27% {
    -moz-transform: scale(3.3101423795165985);
         transform: scale(3.3101423795165985);
  }
  28% {
    -moz-transform: scale(3.2318918710187186);
         transform: scale(3.2318918710187186);
  }
  29% {
    -moz-transform: scale(3.1562419410530844);
         transform: scale(3.1562419410530844);
  }
  30% {
    -moz-transform: scale(3.084526000235292);
         transform: scale(3.084526000235292);
  }
  31% {
    -moz-transform: scale(3.0178683581592014);
         transform: scale(3.0178683581592014);
  }
  32% {
    -moz-transform: scale(2.9571806268199072);
         transform: scale(2.9571806268199072);
  }
  33% {
    -moz-transform: scale(2.903162911127388);
         transform: scale(2.903162911127388);
  }
  34% {
    -moz-transform: scale(2.8563093060802625);
         transform: scale(2.8563093060802625);
  }
  35% {
    -moz-transform: scale(2.816917175890003);
         transform: scale(2.816917175890003);
  }
  36% {
    -moz-transform: scale(2.7850996612456766);
         transform: scale(2.7850996612456766);
  }
  37% {
    -moz-transform: scale(2.760800846151463);
         transform: scale(2.760800846151463);
  }
  38% {
    -moz-transform: scale(2.743813014297351);
         transform: scale(2.743813014297351);
  }
  39% {
    -moz-transform: scale(2.733795435504021);
         transform: scale(2.733795435504021);
  }
  40% {
    -moz-transform: scale(2.7302941440478534);
         transform: scale(2.7302941440478534);
  }
  41% {
    -moz-transform: scale(2.7327622011602313);
         transform: scale(2.7327622011602313);
  }
  42% {
    -moz-transform: scale(2.7405799721918878);
         transform: scale(2.7405799721918878);
  }
  43% {
    -moz-transform: scale(2.753074993306317);
         transform: scale(2.753074993306317);
  }
  44% {
    -moz-transform: scale(2.769541051601073);
         transform: scale(2.769541051601073);
  }
  45% {
    -moz-transform: scale(2.7892561547838755);
         transform: scale(2.7892561547838755);
  }
  46% {
    -moz-transform: scale(2.8114991205564888);
         transform: scale(2.8114991205564888);
  }
  47% {
    -moz-transform: scale(2.835564570383203);
         transform: scale(2.835564570383203);
  }
  48% {
    -moz-transform: scale(2.860776166155733);
         transform: scale(2.860776166155733);
  }
  49% {
    -moz-transform: scale(2.8864979803528863);
         transform: scale(2.8864979803528863);
  }
  50% {
    -moz-transform: scale(2.9121439397094564);
         transform: scale(2.9121439397094564);
  }
  51% {
    -moz-transform: scale(2.93718532837586);
         transform: scale(2.93718532837586);
  }
  52% {
    -moz-transform: scale(2.9611563784357093);
         transform: scale(2.9611563784357093);
  }
  53% {
    -moz-transform: scale(2.983658012965878);
         transform: scale(2.983658012965878);
  }
  54% {
    -moz-transform: scale(3.004359839227585);
         transform: scale(3.004359839227585);
  }
  55% {
    -moz-transform: scale(3.023000516858011);
         transform: scale(3.023000516858011);
  }
  56% {
    -moz-transform: scale(3.0393866480073117);
         transform: scale(3.0393866480073117);
  }
  57% {
    -moz-transform: scale(3.053390353269819);
         transform: scale(3.053390353269819);
  }
  58% {
    -moz-transform: scale(3.064945709129413);
         transform: scale(3.064945709129413);
  }
  59% {
    -moz-transform: scale(3.0740442297085337);
         transform: scale(3.0740442297085337);
  }
  60% {
    -moz-transform: scale(3.0807295781871398);
         transform: scale(3.0807295781871398);
  }
  61% {
    -moz-transform: scale(3.0850916917159275);
         transform: scale(3.0850916917159275);
  }
  62% {
    -moz-transform: scale(3.0872604984113563);
         transform: scale(3.0872604984113563);
  }
  63% {
    -moz-transform: scale(3.08739939654963);
         transform: scale(3.08739939654963);
  }
  64% {
    -moz-transform: scale(3.0856986548574223);
         transform: scale(3.0856986548574223);
  }
  65% {
    -moz-transform: scale(3.0823688793248762);
         transform: scale(3.0823688793248762);
  }
  66% {
    -moz-transform: scale(3.0776346767372034);
         transform: scale(3.0776346767372034);
  }
  67% {
    -moz-transform: scale(3.0717286286204843);
         transform: scale(3.0717286286204843);
  }
  68% {
    -moz-transform: scale(3.0648856719908237);
         transform: scale(3.0648856719908237);
  }
  69% {
    -moz-transform: scale(3.0573379656222675);
         transform: scale(3.0573379656222675);
  }
  70% {
    -moz-transform: scale(3.049310302912009);
         transform: scale(3.049310302912009);
  }
  71% {
    -moz-transform: scale(3.0410161151865607);
         transform: scale(3.0410161151865607);
  }
  72% {
    -moz-transform: scale(3.032654092781601);
         transform: scale(3.032654092781601);
  }
  73% {
    -moz-transform: scale(3.024405435717262);
         transform: scale(3.024405435717262);
  }
  74% {
    -moz-transform: scale(3.016431731508736);
         transform: scale(3.016431731508736);
  }
  75% {
    -moz-transform: scale(3.0088734447806624);
         transform: scale(3.0088734447806624);
  }
  76% {
    -moz-transform: scale(3.0018489920276297);
         transform: scale(3.0018489920276297);
  }
  77% {
    -moz-transform: scale(2.9954543651718986);
         transform: scale(2.9954543651718986);
  }
  78% {
    -moz-transform: scale(2.9897632595600587);
         transform: scale(2.9897632595600587);
  }
  79% {
    -moz-transform: scale(2.9848276557201054);
         transform: scale(2.9848276557201054);
  }
  80% {
    -moz-transform: scale(2.9806787995407014);
         transform: scale(2.9806787995407014);
  }
  81% {
    -moz-transform: scale(2.977328522474523);
         transform: scale(2.977328522474523);
  }
  82% {
    -moz-transform: scale(2.9747708418192795);
         transform: scale(2.9747708418192795);
  }
  83% {
    -moz-transform: scale(2.9729837809817354);
         transform: scale(2.9729837809817354);
  }
  84% {
    -moz-transform: scale(2.9719313507517775);
         transform: scale(2.9719313507517775);
  }
  85% {
    -moz-transform: scale(2.971565634860866);
         transform: scale(2.971565634860866);
  }
  86% {
    -moz-transform: scale(2.9718289263181146);
         transform: scale(2.9718289263181146);
  }
  87% {
    -moz-transform: scale(2.9726558650479498);
         transform: scale(2.9726558650479498);
  }
  88% {
    -moz-transform: scale(2.9739755320343826);
         transform: scale(2.9739755320343826);
  }
  89% {
    -moz-transform: scale(2.975713460348617);
         transform: scale(2.975713460348617);
  }
  90% {
    -moz-transform: scale(2.9777935289443036);
         transform: scale(2.9777935289443036);
  }
  91% {
    -moz-transform: scale(2.9801397108011347);
         transform: scale(2.9801397108011347);
  }
  92% {
    -moz-transform: scale(2.9826776527456884);
         transform: scale(2.9826776527456884);
  }
  93% {
    -moz-transform: scale(2.9853360699533464);
         transform: scale(2.9853360699533464);
  }
  94% {
    -moz-transform: scale(2.988047943625247);
         transform: scale(2.988047943625247);
  }
  95% {
    -moz-transform: scale(2.990751515542267);
         transform: scale(2.990751515542267);
  }
  96% {
    -moz-transform: scale(2.9933910780421313);
         transform: scale(2.9933910780421313);
  }
  97% {
    -moz-transform: scale(2.9959175623792387);
         transform: scale(2.9959175623792387);
  }
  98% {
    -moz-transform: scale(2.998288932358408);
         transform: scale(2.998288932358408);
  }
  99% {
    -moz-transform: scale(3.0004703935472623);
         transform: scale(3.0004703935472623);
  }
  100% {
    -moz-transform: scale(3.0024344312452595);
         transform: scale(3.0024344312452595);
  }
}

/* src/css/error.css */
.error-container {
  position: absolute;
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
       justify-content: center;
  -moz-box-align: center;
       align-items: center;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.error {
  background-color: rgba(204, 0, 0, 0.4);
  border: 0.125rem solid rgb(204, 0, 0);
  max-width: 35rem;
  width: 100%;
  color: #fff;
  padding: 2rem;
  border-radius: 0.75rem;
}
.error svg {
    max-width: 2rem;
    fill: #fff;
  }
.error ul li {
    padding-bottom: 0.5rem;
  }
.error--title {
  font-size: 2.5rem;
  margin: 1rem 0;
}
.error--message {
  font-size: 1.2rem;
  line-height: 1.3;
  margin-bottom: 0;
}

/* src/css/message.css */
.message-container {
  position: absolute;
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
       justify-content: center;
  -moz-box-align: center;
       align-items: center;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.message {
  background-color: rgba(var(--mint-green-rgb), 0.4);
  border: 0.125rem solid var(--mint-green);
  max-width: 35rem;
  width: 100%;
  color: #fff;
  padding: 2rem;
  border-radius: 0.75rem;
}
.message svg {
    max-width: 2rem;
    fill: #fff;
  }
.message ul {
    padding: 0;
    list-style-position: inside;
    font-size: 1.3rem;
  }
.message ul li {
      padding-bottom: 0.5rem;
    }
.message--title {
  font-size: 2.5rem;
  margin: 1rem 0;
}
.message--message {
  font-size: 1.2rem;
  line-height: 1.3;
  margin-bottom: 0;
}

/* src/css/progress.css */
.progress {
  position: absolute;
  top: 0;
  width: 100%;
  height: 0.18rem;
  z-index: var(--z-progress);
}
.progress.progress-bottom {
    bottom: 0;
    top: unset;
  }
.progress--bar {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #1e83f7;
  will-change: transform;
  -moz-transform-origin: left;
   -ms-transform-origin: left;
       transform-origin: left;
  -moz-transform: scaleX(0) translateZ(0);
       transform: scaleX(0) translateZ(0);
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  -moz-transition: transform 0.05s linear, -moz-transform 0.05s linear;
  transition: transform 0.05s linear;
  transition: transform 0.05s linear, -moz-transform 0.05s linear;
  -webkit-perspective: 1000;
}

/* src/css/status.css */
#status {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
       transform: translateX(-50%);
  display: -moz-box;
  display: flex;
  gap: 1rem;
  z-index: var(--z-offline);
}
#offline {
  width: 3rem;
  height: 3rem;
  display: none;
}
#download svg,
#offline svg {
  -webkit-filter: drop-shadow(0rem 0rem 1rem black);
          filter: drop-shadow(0rem 0rem 1rem black);
}
.offline--icon {
  width: 2.875rem;
  height: 2.875rem;
}
.offline {
  display: block !important;
}
.sleep #offline {
  opacity: 0.5;
}
#download {
  height: 3rem;
  display: none;
}
#download.downloading {
    display: block;
  }
#download #downloading--icon {
    width: 2.875rem;
    height: 2.875rem;
  }
#downloading-spinner {
  position: absolute;
  width: 3.75rem;
  height: 3.75rem;
  left: -0.4375rem;
  top: -0.4375rem;
  display: block;
  margin: 0 auto;
  -moz-animation: downloading-spinner-spin 2s linear infinite;
       animation: downloading-spinner-spin 2s linear infinite;
  will-change: transform;
  -webkit-filter: none !important;
          filter: none !important;
}
@-moz-keyframes downloading-spinner-spin {
  from {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}
@keyframes downloading-spinner-spin {
  from {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}
#downloading-circle {
  stroke-dasharray: 160;
  stroke-dashoffset: 160;
  stroke-linecap: round;
  -moz-animation: downloading-spinner 1.7s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
       animation: downloading-spinner 1.7s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  -moz-transform: translateZ(0);
       transform: translateZ(0);
  -moz-transform-origin: center;
   -ms-transform-origin: center;
       transform-origin: center;
  will-change: stroke-dashoffset;
  -webkit-filter: none !important;
          filter: none !important;
}
@-moz-keyframes downloading-spinner {
  0% {
    stroke-dashoffset: 143;
    -moz-transform: scaleY(1);
         transform: scaleY(1);
  }
  49.99% {
    stroke-dashoffset: 0;
    -moz-transform: scaleY(1);
         transform: scaleY(1);
  }
  50% {
    stroke-dashoffset: 0;
    -moz-transform: scaleY(-1) rotate(25deg);
         transform: scaleY(-1) rotate(25deg);
  }
  100% {
    stroke-dashoffset: 143;
    -moz-transform: scaleY(-1) rotate(-32deg);
         transform: scaleY(-1) rotate(-32deg);
  }
}
@keyframes downloading-spinner {
  0% {
    stroke-dashoffset: 143;
    -moz-transform: scaleY(1);
         transform: scaleY(1);
  }
  49.99% {
    stroke-dashoffset: 0;
    -moz-transform: scaleY(1);
         transform: scaleY(1);
  }
  50% {
    stroke-dashoffset: 0;
    -moz-transform: scaleY(-1) rotate(25deg);
         transform: scaleY(-1) rotate(25deg);
  }
  100% {
    stroke-dashoffset: 143;
    -moz-transform: scaleY(-1) rotate(-32deg);
         transform: scaleY(-1) rotate(-32deg);
  }
}

/* src/css/clock-weather-container.css */
#clock-weather-container {
  position: absolute;
  display: -moz-box;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
       flex-direction: row;
  -moz-box-pack: justify;
       justify-content: space-between;
  width: 100%;
  min-width: 100%;
  height: auto;
  min-height: auto;
  top: 0;
  left: 0;
  z-index: var(--z-clock);
}
.polling-paused.more-info #clock-weather-container, .polling-paused.redirects-open #clock-weather-container {
    opacity: 0.2;
  }
.layout-splitview #clock-weather-container {
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
       flex-direction: row;
  width: 100%;
  height: auto;
  min-height: auto;
  bottom: unset;
}
.sleep #clock-weather-container {
  height: 100%;
  width: 100%;
  z-index: var(--z-sleep-clock);
}

/* src/css/clock.css */
#clock {
  position: relative;
  color: #fff;
  font-size: 3rem;
  text-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.6);
  padding: 1rem;
  z-index: var(--z-clock);
}
@media screen and (max-width: 31.25rem) {
  #clock {
    padding: 0.5rem;
  }
}
.clock--date {
  position: relative;
  font-size: 1.5rem;
  z-index: 1;
  text-transform: capitalize;
}
.clock--time {
  position: relative;
  padding-right: 3rem;
  font-size: 3rem;
  z-index: 1;
}
.sleep #clock {
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: unset;
    right: unset;
    -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
    opacity: 0.1;
    z-index: var(--z-sleep-clock);
    line-height: 1;
    -moz-animation-name: clock-screesaver;
         animation-name: clock-screesaver;
    -moz-animation-duration: 3600s;
         animation-duration: 3600s;
    -moz-animation-timing-function: step-end;
         animation-timing-function: step-end;
    -moz-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
  }
.sleep .clock--date {
    font-size: 8vw;
  }
.sleep .clock--time {
    padding-right: 0;
    font-size: 18vw;
  }
.sleep #clock::before {
    display: none;
  }
@-moz-keyframes clock-screesaver {
  0% {
    top: 50%;
    left: 50%;
    bottom: unset;
    right: unset;
    -moz-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
  }
  11% {
    top: 5%;
    left: 5%;
    bottom: unset;
    right: unset;
    -moz-transform: translate(-5%, -5%);
         transform: translate(-5%, -5%);
  }
  22% {
    top: unset;
    left: unset;
    bottom: 5%;
    right: 5%;
    -moz-transform: translate(5%, 5%);
         transform: translate(5%, 5%);
  }
  33% {
    top: 5%;
    left: unset;
    bottom: unset;
    right: 5%;
    -moz-transform: translate(5%, -5%);
         transform: translate(5%, -5%);
  }
  44% {
    top: unset;
    left: 5%;
    bottom: 5%;
    right: unset;
    -moz-transform: translate(-5%, 5%);
         transform: translate(-5%, 5%);
  }
  55% {
    top: 5%;
    left: 50%;
    bottom: unset;
    right: unset;
    -moz-transform: translate(-50%, -5%);
         transform: translate(-50%, -5%);
  }
  66% {
    top: unset;
    left: unset;
    bottom: 5%;
    right: 50%;
    -moz-transform: translate(50%, 5%);
         transform: translate(50%, 5%);
  }
  77% {
    top: 50%;
    left: unset;
    bottom: unset;
    right: 5%;
    -moz-transform: translate(5%, -50%);
         transform: translate(5%, -50%);
  }
  88% {
    top: 50%;
    left: 5%;
    bottom: unset;
    right: unset;
    -moz-transform: translate(-5%, -50%);
         transform: translate(-5%, -50%);
  }
  100% {
    top: 50%;
    left: 50%;
    bottom: unset;
    right: unset;
    -moz-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
  }
}
@keyframes clock-screesaver {
  0% {
    top: 50%;
    left: 50%;
    bottom: unset;
    right: unset;
    -moz-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
  }
  11% {
    top: 5%;
    left: 5%;
    bottom: unset;
    right: unset;
    -moz-transform: translate(-5%, -5%);
         transform: translate(-5%, -5%);
  }
  22% {
    top: unset;
    left: unset;
    bottom: 5%;
    right: 5%;
    -moz-transform: translate(5%, 5%);
         transform: translate(5%, 5%);
  }
  33% {
    top: 5%;
    left: unset;
    bottom: unset;
    right: 5%;
    -moz-transform: translate(5%, -5%);
         transform: translate(5%, -5%);
  }
  44% {
    top: unset;
    left: 5%;
    bottom: 5%;
    right: unset;
    -moz-transform: translate(-5%, 5%);
         transform: translate(-5%, 5%);
  }
  55% {
    top: 5%;
    left: 50%;
    bottom: unset;
    right: unset;
    -moz-transform: translate(-50%, -5%);
         transform: translate(-50%, -5%);
  }
  66% {
    top: unset;
    left: unset;
    bottom: 5%;
    right: 50%;
    -moz-transform: translate(50%, 5%);
         transform: translate(50%, 5%);
  }
  77% {
    top: 50%;
    left: unset;
    bottom: unset;
    right: 5%;
    -moz-transform: translate(5%, -50%);
         transform: translate(5%, -50%);
  }
  88% {
    top: 50%;
    left: 5%;
    bottom: unset;
    right: unset;
    -moz-transform: translate(-5%, -50%);
         transform: translate(-5%, -50%);
  }
  100% {
    top: 50%;
    left: 50%;
    bottom: unset;
    right: unset;
    -moz-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
  }
}

/* src/css/weather.css */
#weather-container {
  position: relative;
}
.weather {
  position: relative;
  color: #fff;
  text-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.6);
  padding: 1rem 1rem 1rem 1.5rem;
  text-align: right;
  display: -moz-box;
  display: flex;
  -moz-box-align: end;
       align-items: flex-end;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  font-size: 1rem;
  z-index: var(--z-clock);
}
@media screen and (max-width: 31.25rem) {
  .weather {
    padding: 0.5rem 1rem 0.5rem 0.5rem;
  }
}
.weather--temp {
  display: -moz-box;
  display: flex;
  font-size: 3rem;
  font-weight: bold;
  gap: 0.5rem;
}
.weather--temp--value {
  display: -moz-box;
  display: flex;
}
.weather--temp--unit {
  font-size: 1.5rem;
  padding: 0.6rem 0 0 0.1rem;
}
.weather--description {
  display: -moz-box;
  display: flex;
  padding-top: 0.1rem;
  gap: 0.5rem;
  -moz-box-align: center;
       align-items: center;
}
.weather--description--icon {
  width: 1rem;
  height: 1rem;
}
.weather--description--icon svg {
  fill: #fff;
  opacity: 0.8;
  -webkit-filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 1));
          filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 1));
}
.weather--description--value {
  z-index: 1;
}
.sleep #weather-container {
  display: none;
}
.weather--forecast {
  padding-top: 1rem;
  display: -moz-box;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
       flex-direction: row;
  gap: 1rem;
}
.weather--forecast--item {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  gap: 0.2rem;
}

/* src/css/menu.css */
#navigation-interaction-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
       justify-content: center;
  width: 100%;
  height: 100%;
  z-index: var(--z-interaction);
  background-color: transparent;
}
#navigation-interaction-area--previous-asset,
#navigation-interaction-area--next-asset {
  width: 50%;
  height: 100%;
}
#navigation-interaction-area--menu {
  position: absolute;
  width: 50%;
  height: 50%;
}
#navigation-interaction-area--menu.has-custom-navigation {
    height: 30%;
  }
#navigation-interaction-area--menu.navigation-interaction-area--menu-bottom {
    bottom: 0;
  }
#navigation-interaction-area--custom-navigation {
  position: absolute;
  width: 50%;
  height: 70%;
  bottom: 0;
}
#navigation-interaction-area--custom-navigation.navigation-interaction-area--custom-navigation-bottom {
    top: 0;
    bottom: unset;
  }
.navigation {
  display: -moz-box;
  display: flex;
  gap: 1.4rem;
  position: absolute;
  top: 1rem;
  right: 50%;
  -moz-transform: translateX(50%);
   -ms-transform: translateX(50%);
       transform: translateX(50%);
  padding: 0.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 40rem;
  opacity: 1;
  visibility: visible;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  will-change: opacity;
  box-shadow: rgba(17, 17, 26, 0.1) 0rem 0.25rem 1rem, rgba(17, 17, 26, 0.05) 0rem 0.5rem 2rem;
  z-index: var(--z-navigation);
}
.navigation.navigation-bottom {
    bottom: 1rem;
    top: unset;
  }
.navigation--item {
  width: 3.62rem;
  height: 3.62rem;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
  cursor: pointer;
}
.navigation--item:hover {
    background-color: var(--mint-green);
  }
.navigation--item:hover svg {
      fill: var(--cool-grey);
    }
.navigation--item--separator {
  border: 0.0625rem solid rgba(255, 255, 255, 0.2);
}
.navigation-hidden {
  -moz-transition-duration: 0s;
       transition-duration: 0s;
  opacity: 0;
  visibility: hidden;
}
.navigation svg {
  fill: white;
  width: 1.8rem;
  height: 1.8rem;
}
.rounded {
  border-radius: 40rem;
  background-color: rgba(0, 0, 0, 0.6);
}
.navigation--flush-cache svg {
  fill: white;
}
.navigation--fullscreen--exit {
  display: none;
  visibility: hidden;
}
.navigation--fullscreen-enabled .navigation--fullscreen--exit {
    display: inline;
    visibility: visible;
  }
.navigation--fullscreen-enabled .navigation--fullscreen--enter {
    display: none;
    visibility: hidden;
  }
.navigation--more-info svg {
    width: 1.5rem;
    height: 1.5rem;
  }
.polling-paused.more-info .navigation--more-info {
      background-color: var(--mint-green);
    }
.polling-paused.more-info .navigation--more-info svg {
        fill: var(--cool-grey);
      }
.polling-paused.redirects-open .navigation--links {
      background-color: var(--mint-green);
    }
.polling-paused.redirects-open .navigation--links svg {
        fill: var(--cool-grey);
      }
.navigation--media-buttons {
  display: -moz-box;
  display: flex;
}
.navigation--media-buttons .navigation--item {
  width: 4.62rem;
}
.navigation--play-pause--play {
  display: none;
  visibility: hidden;
}
.polling-paused .navigation--play-pause--play {
    display: inline;
    visibility: visible;
  }
.polling-paused .navigation--play-pause--pause {
    display: none;
    visibility: hidden;
  }
.navigation--next-asset {
  border-radius: 0 60rem 60rem 0;
}
.navigation--prev-asset {
  border-radius: 60rem 0 0 60rem;
}
.navigation--next-asset.disabled,
.navigation--prev-asset.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.navigation--mute.is-muted .icon-muted {
      display: inline;
      visibility: visible;
    }
.navigation--mute.is-muted .icon-unmuted {
      display: none;
      visibility: hidden;
    }
.navigation--mute .icon-muted {
    display: none;
    visibility: hidden;
  }
.navigation--mute .icon-unmuted {
    display: inline;
    visibility: visible;
  }

/* src/css/sleep.css */
#sleep-controller {
  background-color: transparent;
}
.sleep #sleep-controller {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--z-sleep);
    background-color: black;
    -moz-transition: background-color 3s ease;
    transition: background-color 3s ease;
  }
#sleep-icon {
  position: absolute;
  top: 2rem;
  left: 50%;
  -moz-transform: translate(-50%);
   -ms-transform: translate(-50%);
       transform: translate(-50%);
  padding: 0;
  margin: 0;
  color: #fff;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  gap: 0.7rem;
  font-size: 1.5rem;
  opacity: 0.1;
}
#sleep-icon svg {
    top: 2px;
    position: relative;
    width: 1.6rem;
    height: 1.6rem;
    fill: #fff;
  }

/* src/css/video.css */
.frame--video {
  position: relative;
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
       justify-content: center;
  width: 100%;
  height: 100%;
}
.frame--video video {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

/* src/css/redirects.css */
#redirects-container {
  display: none;
}
#redirects-container * {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }
.polling-paused.redirects-open .frame--image img,
  .polling-paused.redirects-open .frame--background img,
  .polling-paused.redirects-open .frame--video video {
    -webkit-filter: grayscale(1) blur(4px) brightness(0.4);
            filter: grayscale(1) blur(4px) brightness(0.4);
  }
.polling-paused.redirects-open #redirects-container {
    position: absolute;
    margin: 0.4rem;
    width: -moz-calc(100% - 0.8rem);
    width: calc(100% - 0.8rem);
    height: -moz-calc(100% - 0.8rem);
    height: calc(100% - 0.8rem);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.4rem;
    padding: 8.12rem 2rem 2rem 2rem;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
         justify-content: center;
    -moz-box-align: center;
         align-items: center;
    background-color: rgb(51 52 96 / 60%);
    z-index: var(--z-overlay);
  }
.polling-paused.redirects-open #redirects-container .redirects {
    width: 100%;
    max-width: 40rem;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
         flex-direction: column;
  }
.polling-paused.redirects-open #redirects-container .redirects .redirects--shadow {
      position: relative;
      z-index: var(--z-base);
    }
.polling-paused.redirects-open #redirects-container .redirects .redirects--shadow::before,
      .polling-paused.redirects-open #redirects-container .redirects .redirects--shadow::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 20%;
        pointer-events: none;
        background-image: -moz-radial-gradient(50% 0%, 60% 50%, var(--fade-gradient));
        background-image: radial-gradient(60% 50% at 50% 0%, var(--fade-gradient));
        z-index: var(--z-below);
        opacity: 0.6;
      }
.polling-paused.redirects-open #redirects-container .redirects .redirects--shadow::after {
        bottom: 0;
        top: unset;
        background-image: -moz-radial-gradient(50% 100%, 60% 50%, var(--fade-gradient));
        background-image: radial-gradient(60% 50% at 50% 100%, var(--fade-gradient));
      }
.polling-paused.redirects-open .redirects a {
    display: block;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    text-decoration: none;
    color: #fff;
  }
.polling-paused.redirects-open .redirects a:hover,
  .polling-paused.redirects-open .redirects a:focus {
    background-color: var(--mint-green);
    color: var(--cool-grey);
    font-weight: bold;
  }
.frameless.redirects-open #redirects-container {
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
  }

/* src/css/utils.css */
.order-1 {
  -moz-box-ordinal-group: 2;
       order: 1;
}
.order-2 {
  -moz-box-ordinal-group: 3;
       order: 2;
}

/* src/css/iframe.css */
iframe {
  background: transparent;
  border: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--z-iframe);
}

/* src/css/about.css */
body#about {
  overflow: auto;
  max-height: none;
}
.about-container {
  display: -moz-box;
  display: flex;
  -moz-box-align: stretch;
       align-items: stretch;
  min-height: 100vh;
  width: 100vw;
}
.about-container--immich,
.about-container--kiosk {
  position: relative;
  display: -moz-box;
  display: flex;
  align-content: center;
  -moz-box-pack: center;
       justify-content: center;
  -moz-box-align: center;
       align-items: center;
  width: 50%;
  min-height: 100vh;
  z-index: var(--z-base);
}
.about-container--immich {
  background-color: rgb(27, 27, 29);
}
.about-container--kiosk {
  background-color: var(--cool-grey);
}
.about-container--immich--content,
.about-container--kiosk--content {
  max-width: 31.25rem;
  width: 100%;
  margin: 0 auto;
  padding: 1.5rem;
}
.logo {
  position: relative;
  z-index: var(--z-base);
}
.logo img {
  max-width: 6.25rem;
  height: auto;
  display: block;
  margin: 1rem auto;
}
.content {
  position: relative;
  background-color: white;
  border-radius: 1rem;
  padding: 1.5rem;
  z-index: var(--z-base);
}
h1 {
  font-size: 2rem;
  font-weight: bold;
  color: #333;
  margin: 0.5rem 0 1.5rem 0;
}
.stats {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
}
.stats > div {
  border-top: 1px solid #eee;
  padding: 1rem 0;
}
.stats > div:last-child {
  padding-bottom: 0;
}
.label {
  font-size: 0.8rem;
  color: #6d727a;
  margin-bottom: 0.3rem;
}
.value {
  font-size: 1.5rem;
  font-weight: bold;
  color: black;
}
.value.config {
    font-size: 1rem;
  }
.value a {
  color: black;
  text-underline-offset: 0.3rem;
}
.value .service-online {
  margin-top: 0.3rem;
  padding: 0.5rem 1rem;
  border: 1px solid #18c249;
  background-color: rgba(24, 194, 73, 0.1);
  color: #0f762c;
  border-radius: 0.5rem;
  display: inline-block;
}
.value .service-offline {
  margin-top: 0.3rem;
  padding: 0.5rem 1rem;
  border: 1px solid #fa2921;
  background-color: rgba(250, 41, 33, 0.1);
  color: #d10800;
  border-radius: 0.5rem;
  display: inline-block;
}
.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: var(--z-below);
  -webkit-filter: blur(64px);
          filter: blur(64px);
  opacity: 0.4;
}
@media (orientation: portrait) {
  .about-container {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
         flex-direction: column;
  }
  .about-container--immich,
  .about-container--kiosk {
    width: 100%;
    min-height: unset;
  }
}

/* node_modules/.pnpm/choices.js@11.1.0/node_modules/choices.js/public/assets/styles/choices.min.css */
.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  font-size: 16px;
}
.choices:focus {
  outline: 0;
}
.choices:last-child {
  margin-bottom: 0;
}
.choices.is-open {
  overflow: visible;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
.choices.is-disabled .choices__item {
  cursor: not-allowed;
}
.choices [hidden] {
  display: none !important;
}
.choices[data-type*=select-one] {
  cursor: pointer;
}
.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7.5px;
}
.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}
.choices[data-type*=select-one] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: .25;
}
.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
  opacity: 1;
}
.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 2px #005f75;
}
.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
  display: none;
}
.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}
.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333;
  margin-top: -7.5px;
}
.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto;
}
.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}
.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text;
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin: 0-4px 0 8px;
  padding-left: 16px;
  border-left: 1px solid #003642;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: .75;
  border-radius: 0;
}
.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
  opacity: 1;
}
.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
}
.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #b7b7b7;
}
.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}
.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}
.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}
[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}
.choices__list--single .choices__item {
  width: 100%;
}
.choices__list--multiple {
  display: inline;
}
.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #005f75;
  border: 1px solid #004a5c;
  color: #fff;
  word-break: break-all;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}
[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}
.choices__list--multiple .choices__item.is-highlighted {
  background-color: #004a5c;
  border: 1px solid #003642;
}
.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaa;
  border: 1px solid #919191;
}
.choices__list--dropdown,
.choices__list[aria-expanded] {
  display: none;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
}
.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
  display: block;
}
.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}
.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: .25rem .25rem 0 0;
}
.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}
.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px;
}
[dir=rtl] .choices__list--dropdown .choices__item,
[dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}
@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable[data-select-text],
  .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable[data-select-text]::after,
  .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
         transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],
  [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after,
  [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: .5;
}
.choices__item {
  cursor: default;
}
.choices__item--selectable {
  cursor: pointer;
}
.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  opacity: .5;
}
.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}
.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.choices__button:focus,
.choices__input:focus {
  outline: 0;
}
.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}
.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
  display: none;
}
.choices__input::-ms-clear,
.choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}
.choices__placeholder {
  opacity: .5;
}

/* src/css/url-builder.css */
body#url-builder {
  overflow: auto;
  background-color: var(--cool-grey);
}
.url-container {
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
       justify-content: center;
}
.content {
  position: relative;
  background-color: white;
  padding: 1.5rem;
  z-index: var(--z-base);
  width: 50%;
  border-radius: 0.5rem;
}
@media screen and (max-width: 60rem) {
.content {
    width: 100%
}
  }
#url-result--url {
  padding: 0.75rem;
  background: rgba(51, 51, 51, 0.05);
  border: 1px solid var(--mid-grey);
  border-radius: 0.375rem;
  font-weight: 700;
  font-size: 1rem;
  color: var(--dark-grey);
}
#url-result--url.with-error {
    border: 2px solid var(--red);
    color: var(--red);
  }
#url-result--url a {
    word-wrap: break-word;
    color: var(--blue);
  }
#url-result--error {
  padding: 0 0 1rem 0;
  font-weight: 800;
  color: var(--red);
  font-size: 1.2rem;
}
.url-container--form {
  position: relative;
  display: -moz-box;
  display: flex;
  align-content: center;
  -moz-box-pack: center;
       justify-content: center;
  -moz-box-align: center;
       align-items: center;
  width: 100%;
  max-width: 87.5rem;
  min-height: 100vh;
  z-index: var(--z-base);
}
@media screen and (max-width: 60rem) {
.url-container--form {
    max-width: 45.25rem
}
  }
.url-container--form h2 {
    margin: 2rem 0 0 0;
  }
.url-container--form h2:first-child {
      margin-top: 0;
    }
.url-container--form--content {
  width: 100%;
  margin: 0 auto;
  padding: 1.5rem;
  display: -moz-box;
  display: flex;
  gap: 1.5rem;
}
@media screen and (max-width: 60rem) {
.url-container--form--content {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
         flex-direction: column
}
  }
.url-container--form--content #url-builder-form {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  gap: 1.5rem;
}
.form-group {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  gap: 0.5rem;
}
.form-group label,
  .form-group legend {
    font-weight: 600;
    font-size: 1.125rem;
    color: var(--dark-grey);
  }
.form-group .form-group--description {
    font-size: 0.9375rem;
    color: var(--dark-grey);
  }
.form-group .form-group--description:empty {
    display: none;
  }
.form-group .choices__inner {
    background-color: #fff;
    border: var(--mid-grey) 0.0625rem solid;
    font-size: 0.9375rem;
    color: var(--mid-grey);
    cursor: pointer;
    border-radius: 0.25rem;
  }
.form-group input {
    color: var(--mid-grey);
    background-color: #fff;
  }
.form-group .choices__list--multiple .choices__item {
    background-color: var(--blue);
    border-radius: 0.4rem;
    border: none;
    font-size: 1rem;
  }
.form-group .choices[data-type*=select-multiple] .choices__button,
  .form-group .choices[data-type*=text] .choices__button {
    border-left: none;
    background-size: 0.75rem;
  }
.form-group .choices__list--multiple .choices__item[data-deletable] {
    padding: 0.5625rem 0.75rem 0.75rem 0.75rem;
  }
.form-group .form-group--radio-group {
    display: -moz-box;
    display: flex;
    gap: 1.5rem;
  }
.form-group .form-group--radio-group label,
    .form-group .form-group--radio-group legend {
      font-weight: 400;
      cursor: pointer;
    }
.form-group .form-group--radio-group input {
      width: 1.5rem;
      height: 1.5rem;
      cursor: pointer;
    }
.form-group .form-group--radio {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
         align-items: center;
    gap: 0.3rem;
    cursor: pointer;
  }
.form-group select {
    background-color: #fff;
    border: var(--mid-grey) 0.0625rem solid;
    outline: none;
    font-size: 0.9375rem;
    color: var(--dark-grey);
    cursor: pointer;
    border-radius: 0.25rem;
    padding: 0.5rem;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_193_151" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32"><rect y="32" width="32" height="32" transform="rotate(-90 0 32)" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_193_151)"><path d="M24.2119 13.3109L15.9769 21.5459L7.74219 13.3109L9.53252 11.5206L15.9769 17.9652L22.4215 11.5206L24.2119 13.3109Z" fill="%231E83F7"/></g></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
.form-group input[type=number],
  .form-group input[type=text] {
    align-self: flex-start;
    background-color: #fff;
    border: var(--mid-grey) 0.0625rem solid;
    outline: none;
    font-size: 0.9375rem;
    color: var(--dark-grey);
    border-radius: 0.25rem;
    padding: 0.5rem;
  }
.result--container {
  position: relative;
  width: 50%;
  padding: 0;
}
@media screen and (max-width: 60rem) {
.result--container {
    width: 100%
}
  }
.result {
  position: -webkit-sticky;
  position: sticky;
  top: 1.5rem;
  background-color: white;
  padding: 1.5rem;
  z-index: var(--z-base);
  width: 100%;
  border-radius: 0.5rem;
}
@media screen and (max-width: 60rem) {
.result {
    position: static
}
  }
.result:hover .copy {
    opacity: 1;
  }
.result .copy {
    cursor: pointer;
    border-radius: 0.25rem;
    padding: 0.5rem;
    position: absolute;
    top: 1.8rem;
    right: 1.8rem;
    width: 2.2rem;
    height: 2.2rem;
    background-color: var(--blue);
    border: none;
    outline: none;
    opacity: 0;
    -moz-transition: opacity 0.3s, background-color 0.3s 0.3s;
    transition: opacity 0.3s, background-color 0.3s 0.3s;
  }
.result .copy.copied {
      background-color: var(--mint-green);
      opacity: 1;
      -moz-transition: none;
      transition: none;
    }
.result .copy.copy-failed {
      background-color: var(--red);
      opacity: 1;
      -moz-transition: none;
      transition: none;
    }
.result .copy svg {
      width: 100%;
      height: 100%;
      fill: #fff;
    }
.extended-link {
  font-family:
    "Barlow",
    Arial,
    Helvetica,
    sans-serif;
  background-color: var(--mint-green);
  outline: none;
  border: none;
  color: var(--cool-grey);
  font-weight: 600;
  border-radius: 0.4rem;
  padding: 0.5rem 2rem;
  font-size: 1rem;
  cursor: pointer;
  text-decoration: none;
  transition: -webkit-filter 0.2s ease;
  -moz-transition: filter 0.2s ease;
  transition: filter 0.2s ease;
  transition: filter 0.2s ease, -webkit-filter 0.2s ease;
  margin-bottom: 1.5rem;
  display: inline-block;
}
.extended-link:hover {
    -webkit-filter: brightness(85%);
            filter: brightness(85%);
  }

/* src/css/live-photo.css */
.live-photo {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  opacity: 1;
  -moz-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  will-change: opacity;
}
.live-photo-fade {
  opacity: 0;
}

/* src/css/theme-fade.css */
.asset--metadata--theme-fade::before {
  content: "";
  position: absolute;
  bottom: -1rem;
  left: -1rem;
  width: 150%;
  height: 200%;
  background-image: -moz-radial-gradient(0% 100%, 100% 100%, var(--fade-gradient));
  background-image: radial-gradient(100% 100% at 0% 100%, var(--fade-gradient));
  z-index: var(--z-base);
}
.frame--layout-splitview:nth-child(2) .asset--metadata--theme-fade::before {
  content: "";
  position: absolute;
  bottom: -1rem;
  right: -1rem;
  left: unset;
  width: 150%;
  height: 200%;
  background-image: -moz-radial-gradient(100% 100%, 100% 100%, var(--fade-gradient));
  background-image: radial-gradient(100% 100% at 100% 100%, var(--fade-gradient));
  z-index: var(--z-base);
}
@media (orientation: portrait) {
  .frame--layout-splitview:nth-child(2) .asset--metadata--theme-fade::before {
    content: "";
    position: absolute;
    bottom: -1rem;
    right: unset;
    left: -1rem;
    width: 150%;
    height: 200%;
    background-image: -moz-radial-gradient(0% 100%, 100% 100%, var(--fade-gradient));
    background-image: radial-gradient(100% 100% at 0% 100%, var(--fade-gradient));
    z-index: var(--z-base);
  }
}
.clock--theme-fade::before {
  content: "";
  position: absolute;
  bottom: unset;
  top: 0;
  left: 0;
  width: 150%;
  height: 200%;
  background-image: -moz-radial-gradient(0% 0%, 100% 100%, var(--fade-gradient));
  background-image: radial-gradient(100% 100% at 0% 0%, var(--fade-gradient));
  z-index: var(--z-base);
}
.weather--theme-fade::before {
  content: "";
  position: absolute;
  top: 0;
  left: unset;
  right: 0;
  bottom: unset;
  width: 150%;
  height: 200%;
  background-image: -moz-radial-gradient(100% 0%, 100% 100%, var(--fade-gradient));
  background-image: radial-gradient(100% 100% at 100% 0%, var(--fade-gradient));
  z-index: var(--z-base);
}

/* src/css/theme-solid.css */
.asset--metadata--theme-solid {
  padding: 1rem;
  margin: -1rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0 2rem 0 0;
}
.frame--layout-splitview:nth-child(2) .asset--metadata--theme-solid {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 2rem 0 0 0;
}
@media (orientation: portrait) {
  .frame--layout-splitview:nth-child(2) .asset--metadata--theme-solid {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0 2rem 0 0;
  }
}
.clock--theme-solid {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0 0 2rem 0;
}
.weather--theme-solid {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0 0 0 2rem;
  align-self: start;
}

/* src/css/theme-bubble.css */
.asset--metadata--theme-bubble {
  gap: 0.3rem;
}
.asset--metadata--theme-bubble .asset--metadata--has-icon {
    padding: 0.4rem 1rem;
    border-radius: 10rem;
    -webkit-backdrop-filter: blur(0.2rem);
            backdrop-filter: blur(0.2rem);
    text-shadow: none;
  }
.clock--theme-bubble::before {
  content: "";
  position: absolute;
  bottom: unset;
  top: 0;
  left: 0;
  width: 150%;
  height: 200%;
  background-image: -moz-radial-gradient(0% 0%, 100% 100%, var(--fade-gradient));
  background-image: radial-gradient(100% 100% at 0% 0%, var(--fade-gradient));
  z-index: var(--z-base);
}
.weather--theme-bubble::before {
  content: "";
  position: absolute;
  top: 0;
  left: unset;
  right: 0;
  bottom: unset;
  width: 150%;
  height: 200%;
  background-image: -moz-radial-gradient(100% 0%, 100% 100%, var(--fade-gradient));
  background-image: radial-gradient(100% 100% at 100% 0%, var(--fade-gradient));
  z-index: var(--z-base);
}

/* src/css/theme-blur.css */
.asset--metadata--theme-blur::before {
  content: "";
  position: absolute;
  bottom: -1rem;
  left: -1rem;
  width: 150%;
  height: 200%;
  z-index: var(--z-base);
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
  -webkit-mask-image:
    radial-gradient(
      100% 100% at 0% 100%,
      black 60%,
      transparent 100%);
          mask-image:
    radial-gradient(
      100% 100% at 0% 100%,
      black 60%,
      transparent 100%);
  background-image: -moz-radial-gradient(0% 100%, 100% 100%, var(--fade-gradient));
  background-image: radial-gradient(100% 100% at 0% 100%, var(--fade-gradient));
}
.frame--layout-splitview:nth-child(2) .asset--metadata--theme-blur::before {
  content: "";
  position: absolute;
  bottom: -1rem;
  right: -1rem;
  left: unset;
  width: 150%;
  height: 200%;
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
  -webkit-mask-image:
    radial-gradient(
      100% 100% at 100% 100%,
      black 60%,
      transparent 100%);
          mask-image:
    radial-gradient(
      100% 100% at 100% 100%,
      black 60%,
      transparent 100%);
  background-image: -moz-radial-gradient(100% 100%, 100% 100%, var(--fade-gradient));
  background-image: radial-gradient(100% 100% at 100% 100%, var(--fade-gradient));
}
.clock--theme-blur::before {
  content: "";
  position: absolute;
  bottom: unset;
  top: 0;
  left: 0;
  width: 150%;
  height: 200%;
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
  -webkit-mask-image:
    radial-gradient(
      100% 100% at 0% 0%,
      black 60%,
      transparent 100%);
          mask-image:
    radial-gradient(
      100% 100% at 0% 0%,
      black 60%,
      transparent 100%);
  background-image: -moz-radial-gradient(0% 0%, 100% 100%, var(--fade-gradient));
  background-image: radial-gradient(100% 100% at 0% 0%, var(--fade-gradient));
  z-index: var(--z-base);
}
.weather--theme-blur::before {
  content: "";
  position: absolute;
  top: 0;
  left: unset;
  right: 0;
  bottom: unset;
  width: 150%;
  height: 200%;
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
  -webkit-mask-image:
    radial-gradient(
      100% 100% at 100% 0%,
      black 60%,
      transparent 100%);
          mask-image:
    radial-gradient(
      100% 100% at 100% 0%,
      black 60%,
      transparent 100%);
  background-image: -moz-radial-gradient(100% 0%, 100% 100%, var(--fade-gradient));
  background-image: radial-gradient(100% 100% at 100% 0%, var(--fade-gradient));
  z-index: var(--z-base);
}

/* src/css/multiselect.css */
.multi-select {
  display: -moz-box;
  display: flex;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  position: relative;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.multi-select .multi-select-header {
  border: 1px solid #dee2e6;
  padding: 7px 30px 7px 12px;
  overflow: hidden;
  gap: 7px;
  min-height: 45px;
}
.multi-select .multi-select-header::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
       transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23949ba3' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");
  height: 12px;
  width: 12px;
}
.multi-select .multi-select-header.multi-select-header-active {
  border-color: #c1c9d0;
}
.multi-select .multi-select-header.multi-select-header-active::after {
  -moz-transform: translateY(-50%) rotate(180deg);
   -ms-transform: translateY(-50%) rotate(180deg);
       transform: translateY(-50%) rotate(180deg);
}
.multi-select .multi-select-header.multi-select-header-active + .multi-select-options {
  display: -moz-box;
  display: flex;
}
.multi-select .multi-select-header .multi-select-header-placeholder {
  color: #65727e;
}
.multi-select .multi-select-header .multi-select-header-option {
  display: -moz-inline-box;
  display: inline-flex;
  -moz-box-align: center;
       align-items: center;
  background-color: #f3f4f7;
  font-size: 14px;
  padding: 3px 8px;
  border-radius: 5px;
}
.multi-select .multi-select-header .multi-select-header-max {
  font-size: 14px;
  color: #65727e;
}
.multi-select .multi-select-options {
  display: none;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  flex-flow: wrap;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  margin-top: 5px;
  padding: 5px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.multi-select .multi-select-options::-webkit-scrollbar {
  width: 5px;
}
.multi-select .multi-select-options::-webkit-scrollbar-track {
  background: #f0f1f3;
}
.multi-select .multi-select-options::-webkit-scrollbar-thumb {
  background: #cdcfd1;
}
.multi-select .multi-select-options::-webkit-scrollbar-thumb:hover {
  background: #b2b6b9;
}
.multi-select .multi-select-options .multi-select-option,
.multi-select .multi-select-options .multi-select-all {
  padding: 4px 12px;
  height: 42px;
}
.multi-select .multi-select-options .multi-select-option .multi-select-option-radio,
.multi-select .multi-select-options .multi-select-all .multi-select-option-radio {
  margin-right: 14px;
  height: 16px;
  width: 16px;
  border: 1px solid #ced4da;
  border-radius: 4px;
}
.multi-select .multi-select-options .multi-select-option .multi-select-option-text,
.multi-select .multi-select-options .multi-select-all .multi-select-option-text {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  -moz-box-flex: 1;
       flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
  font-size: 16px;
  line-height: 20px;
}
.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio,
.multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio {
  border-color: #40c979;
  background-color: #40c979;
}
.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio::after,
.multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio::after {
  content: "";
  display: block;
  width: 3px;
  height: 7px;
  margin: 0.12em 0 0 0.27em;
  border: solid #fff;
  border-width: 0 0.15em 0.15em 0;
  -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
       transform: rotate(45deg);
}
.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-text,
.multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-text {
  color: #40c979;
}
.multi-select .multi-select-options .multi-select-option:hover,
.multi-select .multi-select-options .multi-select-option:active,
.multi-select .multi-select-options .multi-select-all:hover,
.multi-select .multi-select-options .multi-select-all:active {
  background-color: #f3f4f7;
}
.multi-select .multi-select-options .multi-select-all {
  border-bottom: 1px solid #f1f3f5;
  border-radius: 0;
}
.multi-select .multi-select-options .multi-select-search {
  padding: 7px 10px;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  margin: 10px 10px 5px 10px;
  width: 100%;
  outline: none;
  font-size: 16px;
}
.multi-select .multi-select-options .multi-select-search::-webkit-input-placeholder {
  color: #b2b5b9;
}
.multi-select .multi-select-options .multi-select-search::-moz-placeholder {
  color: #b2b5b9;
}
.multi-select .multi-select-options .multi-select-search:-ms-input-placeholder {
  color: #b2b5b9;
}
.multi-select .multi-select-options .multi-select-search::placeholder {
  color: #b2b5b9;
}
.multi-select .multi-select-header,
.multi-select .multi-select-option,
.multi-select .multi-select-all {
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  -moz-box-align: center;
       align-items: center;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #212529;
}

/* src/css/kiosk.css */