/******************************************************************************\
|                                                                              |
|                                  custom.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|       This defines various CSS styles used in this application.              |
|                                                                              |
|       Author(s): Abe Megahed                                                 |
|                                                                              |
|       This file is subject to the terms and conditions defined in            |
|       'LICENSE.md', which is part of this source code distribution.          |
|                                                                              |
|******************************************************************************|
|       Copyright (C) 2016 - 2025, Megahed Labs LLC, www.sharedigm.com         |
\******************************************************************************/
.kitties {
  width: 100%;
  max-width: 100% !important;
  max-height: calc(100% - 50px);
  margin: 0 auto !important;
  aspect-ratio: 1.5;
}
.kitties table {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.kitties table tr td {
  position: relative;
}
.kitties table tr td label {
  position: absolute;
  top: 0;
  left: 10px;
}
.kitties table tr td img {
  width: auto !important;
  height: auto !important;
  width: 66% !important;
}
.kitties table.outlined tr:not(:first-child) td {
  border-top: 2px solid black;
}
.kitties table.outlined tr:not(:last-child) td {
  border-bottom: 2px solid black;
}
.kitties table.outlined tr td:not(:first-child) {
  border-left: 2px solid black;
}
.kitties table.outlined tr td:not(:last-child) {
  border-right: 2px solid black;
}

.kitty label {
  font-family: "Varela Round";
  color: white;
}
.kitty.chats {
  background-color: hsl(220, 66%, 60%) !important;
}
.kitty.maps {
  background-color: hsl(200, 66%, 60%) !important;
}
.kitty.data {
  background-color: hsl(90, 50%, 60%) !important;
}
.kitty.photos {
  background-color: hsl(40, 75%, 66%) !important;
}
.kitty.source {
  background-color: hsl(25, 90%, 66%) !important;
}
.kitty.files {
  background-color: hsl(30, 33%, 50%) !important;
}
.kitty.buckets {
  background-color: hsl(10, 90%, 66%) !important;
}
.kitty.dream {
  background-color: hsl(300, 33%, 50%) !important;
}
.kitty.music {
  background-color: hsl(250, 50%, 60%) !important;
}
.kitty.video {
  background-color: hsl(350, 90%, 66%) !important;
}

.kitties.carousel {
  margin: 20px -50px !important;
  width: calc(100% + 100px) !important;
  height: 200px !important;
  max-width: none !important;
}
.kitties.carousel .flickity-viewport {
  height: 200px !important;
}
.kitties.carousel .flickity-viewport .carousel-cell {
  display: flex;
  width: 200px !important;
  height: 200px !important;
  border-radius: 0 !important;
  margin-right: 0 !important;
  vertical-align: middle;
  padding: 10px;
}
.kitties.carousel .flickity-viewport .carousel-cell img {
  width: auto !important;
  height: auto !important;
  margin: auto;
}

/*
 * scroller
 */
.scroller .clouds {
  filter: blur(3px) drop-shadow(rgba(0, 0, 0, 0.25) 5px 5px 10px);
  transform: translateZ(0);
}

body.dark .scroller .objects {
  filter: brightness(0.5);
}

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