/* COLORS */
/* change this color latter (DIGA pattern) */
/* EXPORTS */
[data-v-20c8d416]:export {
  primaryBlue: #29235c;
  secondaryBlue: #583AF6;
  darkBlue: #2c3e50;
  lightBlue: #14F8FF;
  baseOrange: #dc7323;
  lightOrange1: #FAAE7D;
  lightOrange2: #F8CAAC;
  darkOrange: #A0430D;
  baseGreen: #14CC54;
  mediumGreen: #4BB543;
  darkGreen: #42b983;
  baseRed: #FF0000;
  lightRed1: #ED5E5E;
  lightRed2: #FCC0C0;
  lightGray: #F4F4F4;
  softGray: #E6E6E6;
  baseGray: #B1B1B1;
  darkGray: #5A5A5A;
  textGray: #808080;
  basePurple: #6D5BCC;
}
[data-v-20c8d416] .v-list-item__subtitle {
  text-overflow: initial;
  white-space: normal;
}
.release-spotlight-overlay[data-v-20c8d416] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 200;
}
.release-spotlight-hint[data-v-20c8d416] {
  position: relative;
  z-index: 201;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 16px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  cursor: pointer;
  -webkit-animation: spotlight-hint-fade-data-v-20c8d416 0.4s ease-in;
          animation: spotlight-hint-fade-data-v-20c8d416 0.4s ease-in;
}
.release-spotlight-panels[data-v-20c8d416] {
  position: relative;
  z-index: 201;
}
@-webkit-keyframes spotlight-hint-fade-data-v-20c8d416 {
from {
    opacity: 0;
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes spotlight-hint-fade-data-v-20c8d416 {
from {
    opacity: 0;
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
.release-spotlight-panel[data-v-20c8d416] {
  border-radius: 4px;
  -webkit-animation: spotlight-pulse-data-v-20c8d416 2s ease-in-out infinite;
          animation: spotlight-pulse-data-v-20c8d416 2s ease-in-out infinite;
}
.release-spotlight-panel[data-v-20c8d416]::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 6px;
  border: 2px solid var(--v-primary-base);
  pointer-events: none;
  -webkit-animation: spotlight-border-pulse-data-v-20c8d416 2s ease-in-out infinite;
          animation: spotlight-border-pulse-data-v-20c8d416 2s ease-in-out infinite;
}
.release-spotlight-panel--dimmed[data-v-20c8d416] {
  opacity: 0.25;
  pointer-events: none;
}
@-webkit-keyframes spotlight-pulse-data-v-20c8d416 {
0%, 100% {
    -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}
50% {
    -webkit-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6);
            box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6);
}
}
@keyframes spotlight-pulse-data-v-20c8d416 {
0%, 100% {
    -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}
50% {
    -webkit-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6);
            box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6);
}
}
@-webkit-keyframes spotlight-border-pulse-data-v-20c8d416 {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
}
@keyframes spotlight-border-pulse-data-v-20c8d416 {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
}