/* src/css/vars.css */
:root {
  --light-grey: #f7f9f8;
  --cool-grey: #333460;
  --mint-green: #1ed2bb;
  --mint-green-rgb:
    30,
    210,
    187;
  --yellow: #e7e65f;
  --pink: #de475a;
  --vibrant-pink: #ff6578;
  --red: #da2038;
  --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;
  height: 100%;
  height: 100vh;
  min-height: 100%;
  min-height: 100vh;
  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: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -moz-box-pack: center;
   -ms-flex-pack: center;
       justify-content: center;
  -moz-box-align: center;
   -ms-flex-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: -ms-flexbox;
  display: flex;
  -moz-box-pack: center;
   -ms-flex-pack: center;
       justify-content: center;
  -moz-box-align: center;
   -ms-flex-align: center;
       align-items: center;
}
.layout-splitview-landscape .frame {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
     -ms-flex-direction: column;
         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;
     -ms-flex-direction: column;
         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: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
    -moz-box-align: center;
     -ms-flex-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: -ms-flexbox;
  display: flex;
  -moz-box-pack: center;
   -ms-flex-pack: center;
       justify-content: center;
  -moz-box-align: center;
   -ms-flex-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;
       -ms-flex-direction: column;
           flex-direction: column;
      border: 0.4rem solid black;
      border-radius: 0.75rem;
    }
    .layout-splitview.frameless .frame {
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
       -ms-flex-direction: column;
           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: -ms-flexbox;
      display: flex;
      -moz-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
      -moz-box-align: center;
       -ms-flex-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: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 1rem;
  -moz-box-pack: justify;
   -ms-flex-pack: justify;
       justify-content: space-between;
  -moz-box-align: end;
   -ms-flex-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: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
   -ms-flex-direction: column;
       flex-direction: column;
  -moz-box-align: start;
   -ms-flex-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: -ms-flexbox;
  display: flex;
  -moz-box-align: center;
   -ms-flex-align: center;
       align-items: center;
  gap: 0.5rem;
}
.asset--metadata--icon {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-pack: center;
   -ms-flex-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;
   -ms-flex-order: 2;
       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: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
    -moz-box-align: end;
     -ms-flex-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;
     -ms-flex-order: 2;
         order: 2;
  }
.frame--layout-splitview:nth-child(2) .asset-metadata-qr {
    -moz-box-ordinal-group: 2;
     -ms-flex-order: 1;
         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: -ms-flexbox;
      display: flex;
      gap: 0.5rem;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
      -moz-box-align: start;
       -ms-flex-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;
       -ms-flex-order: 1;
           order: 1;
    }
    .frame--layout-splitview:nth-child(2) .asset-metadata-qr {
      -moz-box-ordinal-group: 3;
       -ms-flex-order: 2;
           order: 2;
    }
  .asset--metadata--icon {
    -moz-box-ordinal-group: 1 !important;
     -ms-flex-order: 0 !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: -ms-flexbox;
    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: -ms-flexbox;
      display: flex;
      -moz-box-align: center;
       -ms-flex-align: center;
           align-items: center;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
      -moz-box-pack: justify;
       -ms-flex-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: -ms-flexbox;
        display: flex;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -moz-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
        -moz-box-pack: center;
         -ms-flex-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: -ms-flexbox;
        display: flex;
        -moz-box-align: end;
         -ms-flex-align: end;
             align-items: flex-end;
        -moz-box-pack: center;
         -ms-flex-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;
     -ms-flex-direction: column;
         flex-direction: column;
  }
.polling-paused.more-info.layout-splitview-landscape #more-info .more-info--image {
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
    }
@media (orientation: portrait) {
    .polling-paused.more-info #more-info {
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
    }
      .polling-paused.more-info #more-info .more-info--image {
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
      }
}
.more-info--button-group {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 1rem;
}
.more-info--tag-wrapper {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -moz-box-pack: center;
   -ms-flex-pack: center;
       justify-content: center;
  -moz-box-align: center;
   -ms-flex-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: -ms-flexbox;
  display: flex;
  -moz-box-pack: center;
   -ms-flex-pack: center;
       justify-content: center;
  -moz-box-align: center;
   -ms-flex-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: -ms-flexbox;
  display: flex;
  -moz-box-pack: center;
   -ms-flex-pack: center;
       justify-content: center;
  -moz-box-align: center;
   -ms-flex-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: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
   -ms-flex-direction: row;
       flex-direction: row;
  -moz-box-pack: justify;
   -ms-flex-pack: justify;
       justify-content: space-between;
  width: 100vw;
  min-width: 100vw;
  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;
   -ms-flex-direction: row;
       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: -ms-flexbox;
  display: flex;
  -moz-box-align: end;
   -ms-flex-align: end;
       align-items: flex-end;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
   -ms-flex-direction: column;
       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: -ms-flexbox;
  display: flex;
  font-size: 3rem;
  font-weight: bold;
  gap: 0.5rem;
}
.weather--temp--value {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.weather--temp--unit {
  font-size: 1.5rem;
  padding: 0.6rem 0 0 0.1rem;
}
.weather--description {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.1rem;
  gap: 0.5rem;
  -moz-box-align: center;
   -ms-flex-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;
}

/* src/css/menu.css */
#navigation-interaction-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-pack: center;
   -ms-flex-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: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -moz-box-align: center;
   -ms-flex-align: center;
       align-items: center;
  -moz-box-pack: center;
   -ms-flex-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: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -moz-box-align: center;
   -ms-flex-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: -ms-flexbox;
  display: flex;
  -moz-box-pack: center;
   -ms-flex-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: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
    -moz-box-align: center;
     -ms-flex-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: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
     -ms-flex-direction: column;
         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;
   -ms-flex-order: 1;
       order: 1;
}
.order-2 {
  -moz-box-ordinal-group: 3;
   -ms-flex-order: 2;
       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;
}
.about-container {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-align: stretch;
   -ms-flex-align: stretch;
       align-items: stretch;
  min-height: 100vh;
  width: 100vw;
}
.about-container--immich,
.about-container--kiosk {
  position: relative;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -moz-box-pack: center;
   -ms-flex-pack: center;
       justify-content: center;
  -moz-box-align: center;
   -ms-flex-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: -ms-flexbox;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
   -ms-flex-direction: column;
       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;
     -ms-flex-direction: column;
         flex-direction: column;
  }
  .about-container--immich,
  .about-container--kiosk {
    width: 100%;
    min-height: unset;
  }
}

/* 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;
  -ms-flex-item-align: start;
      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/kiosk.css */