[data-v-418c5940]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-418c5940]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-418c5940],
h2[data-v-418c5940],
h3[data-v-418c5940],
h4[data-v-418c5940],
h5[data-v-418c5940] {
  margin: 0;
}
[data-v-418c5940]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
[data-v-418c5940]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-418c5940]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-418c5940],
h2[data-v-418c5940],
h3[data-v-418c5940],
h4[data-v-418c5940],
h5[data-v-418c5940] {
  margin: 0;
}
[data-v-418c5940]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
.btn[data-v-418c5940] {
  display: inline-block;
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center;
  white-space: nowrap;
  cursor: pointer;
  padding: 15px 24px;
  min-width: 150px;
  width: auto;
  line-height: 20px;
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
  font-weight: bold;
  border-radius: 25px;
  font-size: 1rem;
  box-shadow: none;
  -moz-box-shadow: none;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.btn__default[data-v-418c5940] {
  color: var(--color-secondary);
  background-color: transparent;
  border: solid 3px var(--color-secondary);
  padding: 13px 22px;
}
.btn__default[data-v-418c5940]:hover, .btn__default[data-v-418c5940]:active, .btn__default[data-v-418c5940]:focus, .btn__default[data-v-418c5940]:focus:active, .btn__default[data-v-418c5940]:active:hover, .btn__default.btn__hovered[data-v-418c5940] {
  color: hsla(0, 0%, 100%, 0.55);
  background-color: transparent;
  border-color: hsla(0, 0%, 100%, 0.55);
}
.btn__primary[data-v-418c5940] {
  color: var(--color-primary);
  background-color: var(--color-secondary);
  border: none;
}
.btn__primary[data-v-418c5940]:hover, .btn__primary[data-v-418c5940]:active, .btn__primary[data-v-418c5940]:focus, .btn__primary[data-v-418c5940]:focus:active, .btn__primary[data-v-418c5940]:active:hover, .btn__primary.btn__hover[data-v-418c5940] {
  background-color: hsla(0, 0%, 100%, 0.55);
}
.btn__disabled[data-v-418c5940] {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn__small[data-v-418c5940] {
  min-width: 120px;
  padding: 12px 20px;
}
.btn__small.btn-default[data-v-418c5940], .btn__small.btn-default-inverse[data-v-418c5940], .btn__small.btn-gray[data-v-418c5940] {
  padding: 10px 18px;
}
.btn__xs[data-v-418c5940] {
  min-width: unset;
  padding: 5px 10px;
  font-size: 0.75rem;
}
.btn__xs.btn-default[data-v-418c5940], .btn__xs.btn-default-inverse[data-v-418c5940] {
  padding: 7px 12px;
}
.btn__loading[data-v-418c5940]:after {
  content: " ";
  display: inline-block;
  display: -moz-inline-block;
  width: 20px;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  height: 15px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 5px;
}
.btn__default.btn__loading[data-v-418c5940]:after {
  background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
  -moz-background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
  -o-background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
  -webkit-background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
}
.btn__primary.btn__loading[data-v-418c5940]:after {
  background-image: url(https://www.theapolis.de/build/images/rolling.2b551efb.svg);
  -moz-background-image: url(https://www.theapolis.de/build/images/rolling.2b551efb.svg);
  -o-background-image: url(https://www.theapolis.de/build/images/rolling.2b551efb.svg);
  -webkit-background-image: url(https://www.theapolis.de/build/images/rolling.2b551efb.svg);
}
@media screen and (max-width: 768px) {
.btn[data-v-418c5940] {
    min-width: 120px;
    padding: 12px 20px;
}
.btn.btn-default[data-v-418c5940], .btn.btn-default-inverse[data-v-418c5940] {
    padding: 10px 18px;
}
.btn.btn__xs[data-v-418c5940] {
    min-width: unset;
    padding: 5px 10px;
    font-size: 0.75rem;
}
.btn__small[data-v-418c5940] {
    min-width: 120px;
    padding: 12px 20px;
}
}
@media screen and (max-width: 425px) {
.btn[data-v-418c5940] {
    min-width: 110px;
    padding: 10px 18px;
}
.btn.btn-default[data-v-418c5940], .btn.btn-default-inverse[data-v-418c5940] {
    padding: 8px 18px;
}
.btn.btn__xs[data-v-418c5940] {
    min-width: unset;
    padding: 5px 10px;
    font-size: 0.75rem;
}
.btn__small[data-v-418c5940] {
    min-width: 120px;
    padding: 12px 20px;
}
}
.theme__neutral.btn__default[data-v-418c5940] {
  color: var(--color-red-400);
  border: solid 3px var(--color-red-400);
}
.theme__neutral.btn__default[data-v-418c5940]:hover, .theme__neutral.btn__default[data-v-418c5940]:active, .theme__neutral.btn__default[data-v-418c5940]:focus, .theme__neutral.btn__default[data-v-418c5940]:focus:active, .theme__neutral.btn__default[data-v-418c5940]:active:hover, .theme__neutral.btn__default.btn__hovered[data-v-418c5940] {
  color: var(--color-red-500);
  border-color: var(--color-red-500);
}
.theme__neutral.btn__loading.btn__default[data-v-418c5940]:after {
  background-image: url(https://www.theapolis.de/build/images/rolling.2b551efb.svg);
  -moz-background-image: url(https://www.theapolis.de/build/images/rolling.2b551efb.svg);
  -o-background-image: url(https://www.theapolis.de/build/images/rolling.2b551efb.svg);
  -webkit-background-image: url(https://www.theapolis.de/build/images/rolling.2b551efb.svg);
}
.theme__neutral.btn__loading.btn__primary[data-v-418c5940]:after {
  background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
  -moz-background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
  -o-background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
  -webkit-background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
}
.theme__neutral.btn__primary[data-v-418c5940] {
  color: var(--color-white-400);
  background-color: var(--color-red-400);
}
.theme__neutral.btn__primary[data-v-418c5940]:hover, .theme__neutral.btn__primary[data-v-418c5940]:active, .theme__neutral.btn__primary[data-v-418c5940]:focus, .theme__neutral.btn__primary[data-v-418c5940]:focus:active, .theme__neutral.btn__primary[data-v-418c5940]:active:hover, .theme__neutral.btn__primary.btn__hovered[data-v-418c5940] {
  color: var(--color-white-400);
  background-color: var(--color-red-500);
}
.theme__lightgray.btn__default.btn__loading[data-v-418c5940]:after {
  background-image: url(https://www.theapolis.de/build/images/black-rolling.96163429.svg);
  -moz-background-image: url(https://www.theapolis.de/build/images/black-rolling.96163429.svg);
  -o-background-image: url(https://www.theapolis.de/build/images/black-rolling.96163429.svg);
  -webkit-background-image: url(https://www.theapolis.de/build/images/black-rolling.96163429.svg);
}
.theme__lightgray.btn__primary.btn__loading[data-v-418c5940]:after {
  background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
  -moz-background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
  -o-background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
  -webkit-background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
}
[data-v-557ddb0f]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-557ddb0f]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-557ddb0f],
h2[data-v-557ddb0f],
h3[data-v-557ddb0f],
h4[data-v-557ddb0f],
h5[data-v-557ddb0f] {
  margin: 0;
}
[data-v-557ddb0f]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
.error-container[data-v-557ddb0f] {
  color: var(--color-secondary);
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.error-container--icon[data-v-557ddb0f] {
  fill: var(--color-secondary);
}
.theme__neutral.error-container .error-container--icon {
  fill: var(--color-red-400);
}
.theme__neutral.error-container .error-container--msg {
  color: var(--color-red-400);
}
[data-v-c0c5d14c]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-c0c5d14c]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-c0c5d14c],
h2[data-v-c0c5d14c],
h3[data-v-c0c5d14c],
h4[data-v-c0c5d14c],
h5[data-v-c0c5d14c] {
  margin: 0;
}
[data-v-c0c5d14c]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
.comment-submit-container[data-v-c0c5d14c] {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.comment-submit-container #comment_description[data-v-c0c5d14c] {
  height: 106px !important;
}
.comment-submit-container #comments_submit[data-v-c0c5d14c] {
  padding: 8px 12px;
  min-width: 140px;
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
.comment-submit-container[data-v-c0c5d14c] {
    flex-flow: column;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: flex-end;
}
.comment-submit-container #comments_submit[data-v-c0c5d14c] {
    margin-top: 15px;
    margin-left: 0;
    min-width: 110px;
    padding: 6px 12px;
}
}
.description-label[data-v-c0c5d14c] {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}
[data-v-59fa37f0]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-59fa37f0]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
[data-v-59fa37f0]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-59fa37f0]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-59fa37f0],
h2[data-v-59fa37f0],
h3[data-v-59fa37f0],
h4[data-v-59fa37f0],
h5[data-v-59fa37f0] {
  margin: 0;
}
[data-v-59fa37f0]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
.rounded-image[data-v-59fa37f0] {
  position: relative;
}
.rounded-image__image img[data-v-59fa37f0] {
  object-fit: cover;
  -o-object-fit: cover;
  width: 100%;
  height: 100%;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  vertical-align: unset;
}
.rounded-image__image[data-v-59fa37f0] {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  background-color: transparent;
  display: block;
}
.rounded-image__logo .rounded-image__image[data-v-59fa37f0] {
  border: 1px solid rgba(204, 204, 204, 0.09);
}
@media screen and (max-width: 425px) {
.rounded-image__favorited-icon[data-v-59fa37f0],
  .rounded-image__lock-icon[data-v-59fa37f0] {
    transform: scale(0.8);
}
}
.rounded-image__favorited-icon[data-v-59fa37f0] {
  fill: hsl(0, 0%, 100%);
  background-color: hsl(352, 74%, 46%);
  padding: 6px;
  border-radius: 50%;
  bottom: 0;
  right: 0;
  position: absolute;
}
.rounded-image__lock-icon[data-v-59fa37f0] {
  background-color: hsl(0, 0%, 66%);
  border-radius: 50%;
  padding: 8px;
  fill: hsl(0, 0%, 100%);
  bottom: 0;
  left: 0;
  position: absolute;
  overflow: visible;
}
.photo-xs[data-v-59fa37f0] {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}
.photo-sm[data-v-59fa37f0] {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
}
.rounded-image.photo-sm .rounded-image__favorited-icon[data-v-59fa37f0],
.rounded-image.photo-xs .rounded-image__favorited-icon[data-v-59fa37f0] {
  bottom: -10px;
  right: -7px;
}
.photo-md[data-v-59fa37f0] {
  width: calc(75px + (100 - 75) * (100vw - 320px) / (1440 - 320));
  height: calc(75px + (100 - 75) * (100vw - 320px) / (1440 - 320));
  max-width: 100px;
  max-height: 100px;
  min-width: 75px;
  min-height: 75px;
}
.photo-80[data-v-59fa37f0] {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
}
.photo-lg[data-v-59fa37f0] {
  max-width: 160px;
  max-height: 160px;
  width: calc(75px + (160 - 75) * (100vw - 320px) / (1440 - 320));
  height: calc(75px + (160 - 75) * (100vw - 320px) / (1440 - 320));
  min-width: 75px;
  min-height: 75px;
}
.photo-xlg[data-v-59fa37f0] {
  max-width: 220px;
  max-height: 220px;
  width: calc(90px + (220 - 90) * (100vw - 320px) / (1440 - 320));
  height: calc(90px + (220 - 90) * (100vw - 320px) / (1440 - 320));
}
.loading-darkred[data-v-9882f238] {
  height: 40px;
  width: 40px;
  background-size: contain;
  background-image: url(https://www.theapolis.de/build/images/rolling.2b551efb.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.loading-white[data-v-9882f238] {
  height: 40px;
  width: 40px;
  background-size: contain;
  background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
  background-repeat: no-repeat;
  background-position: center;
}
[data-v-54532229]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-54532229]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-54532229],
h2[data-v-54532229],
h3[data-v-54532229],
h4[data-v-54532229],
h5[data-v-54532229] {
  margin: 0;
}
[data-v-54532229]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
[data-v-54532229]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-54532229]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-54532229],
h2[data-v-54532229],
h3[data-v-54532229],
h4[data-v-54532229],
h5[data-v-54532229] {
  margin: 0;
}
[data-v-54532229]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
.show-comment__title[data-v-54532229] {
  font-size: 1.17rem;
  line-height: 1.4625rem;
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
.show-comment__subtitle[data-v-54532229] {
  -ms-word-break: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -o-hyphens: auto;
  hyphens: auto;
  margin-bottom: 1rem;
}
.show-comment__timestamp[data-v-54532229] {
  display: block;
  font-style: italic;
  margin-top: -17px;
  color: var(--color-gray);
}
.show-comment__delete-icon[data-v-54532229] {
  color: hsl(352, 74%, 46%);
  cursor: pointer;
}
.theme__lightgray .show-comment__timestamp {
  color: var(--color-secondary);
}
:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}

/* mixin for multiline */
.transition-item {
  transition: opacity 0.4s ease-in;
}
[data-v-1e0d8f32]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-1e0d8f32]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-1e0d8f32],
h2[data-v-1e0d8f32],
h3[data-v-1e0d8f32],
h4[data-v-1e0d8f32],
h5[data-v-1e0d8f32] {
  margin: 0;
}
[data-v-1e0d8f32]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
[data-v-1e0d8f32]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-1e0d8f32]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-1e0d8f32],
h2[data-v-1e0d8f32],
h3[data-v-1e0d8f32],
h4[data-v-1e0d8f32],
h5[data-v-1e0d8f32] {
  margin: 0;
}
[data-v-1e0d8f32]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
.job-contact-container[data-v-1e0d8f32] {
  font-family: "kepler-std", Georgia, "Times New Roman", Times, serif;
}
.job-contact-container .contact-content[data-v-1e0d8f32] {
  background-color: hsl(0, 0%, 90%);
  padding: 30px;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  -moz-box-shadow: none;
}
@media screen and (max-width: 768px) {
.job-contact-container .contact-content[data-v-1e0d8f32] {
    display: flex;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    flex-flow: column-reverse;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: flex-end;
}
}
.contact-content a,
.job-description a {
  text-decoration: underline;
}
.job-description {
  font-size: 1em;
}
[data-v-3202d642]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-3202d642]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-3202d642],
h2[data-v-3202d642],
h3[data-v-3202d642],
h4[data-v-3202d642],
h5[data-v-3202d642] {
  margin: 0;
}
[data-v-3202d642]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
[data-v-3202d642]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-3202d642]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-3202d642],
h2[data-v-3202d642],
h3[data-v-3202d642],
h4[data-v-3202d642],
h5[data-v-3202d642] {
  margin: 0;
}
[data-v-3202d642]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
.side-widget[data-v-3202d642] {
  width: 100%;
  margin: auto;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 1rem;
}
.side-widget__link-mode[data-v-3202d642] {
  margin-bottom: 1rem;
}
.side-widget--title[data-v-3202d642] {
  -ms-word-break: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -o-hyphens: auto;
  hyphens: auto;
  padding-left: 20px;
  line-height: 1.2;
  text-align: start;
  font-weight: bold;
}
.side-widget--logo-container[data-v-3202d642] {
  width: calc(75px + (100 - 75) * (100vw - 320px) / (1440 - 320));
  height: calc(75px + (100 - 75) * (100vw - 320px) / (1440 - 320));
  max-width: 100px;
  max-height: 100px;
  margin: 0;
}
.side-widget--link[data-v-3202d642] {
  text-decoration: none;
}
.side-widget--link[data-v-3202d642], .side-widget--link[data-v-3202d642]:link, .side-widget--link[data-v-3202d642]:hover, .side-widget--link[data-v-3202d642]:focus, .side-widget--link[data-v-3202d642]:focus:active, .side-widget--link[data-v-3202d642]:visited {
  color: hsl(352, 74%, 46%);
}
.side-widget--link[data-v-3202d642]:hover {
  color: hsl(348, 72%, 31%);
}
.side-widget--link__white[data-v-3202d642], .side-widget--link__white[data-v-3202d642]:link, .side-widget--link__white[data-v-3202d642]:hover, .side-widget--link__white[data-v-3202d642]:focus, .side-widget--link__white[data-v-3202d642]:focus:active, .side-widget--link__white[data-v-3202d642]:visited {
  color: hsl(0, 0%, 100%);
}
.side-widget--link__white[data-v-3202d642]:hover {
  color: hsl(0, 0%, 100%);
}
.side-widget[data-v-3202d642]:last-child {
  margin-bottom: 0;
}
[data-v-3ebe575a]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-3ebe575a]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-3ebe575a],
h2[data-v-3ebe575a],
h3[data-v-3ebe575a],
h4[data-v-3ebe575a],
h5[data-v-3ebe575a] {
  margin: 0;
}
[data-v-3ebe575a]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
[data-v-3ebe575a]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-3ebe575a]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-3ebe575a],
h2[data-v-3ebe575a],
h3[data-v-3ebe575a],
h4[data-v-3ebe575a],
h5[data-v-3ebe575a] {
  margin: 0;
}
[data-v-3ebe575a]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
[data-v-3ebe575a]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-3ebe575a]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-3ebe575a],
h2[data-v-3ebe575a],
h3[data-v-3ebe575a],
h4[data-v-3ebe575a],
h5[data-v-3ebe575a] {
  margin: 0;
}
[data-v-3ebe575a]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
[data-v-3ebe575a]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-3ebe575a]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-3ebe575a],
h2[data-v-3ebe575a],
h3[data-v-3ebe575a],
h4[data-v-3ebe575a],
h5[data-v-3ebe575a] {
  margin: 0;
}
[data-v-3ebe575a]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
.text-center[data-v-3ebe575a] {
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center;
}
.text-right[data-v-3ebe575a] {
  text-align: right;
}
.inline[data-v-3ebe575a] {
  display: inline;
}
.inline-block[data-v-3ebe575a],
.inline-block.override[data-v-3ebe575a] {
  display: inline-block;
  display: -moz-inline-block;
}
.d-block[data-v-3ebe575a] {
  display: block;
}
.p-alt[data-v-3ebe575a] {
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
  min-height: 47px;
}
.block-gray[data-v-3ebe575a] {
  background-color: hsl(0, 0%, 90%);
}
.block[data-v-3ebe575a] {
  padding: 2.8rem 0;
}
@media (max-width: 1023.98px) {
.block[data-v-3ebe575a] {
    padding: 2rem 0;
}
}
.max-W100[data-v-3ebe575a] {
  max-width: 100%;
}
.max-width-unset[data-v-3ebe575a] {
  max-width: unset !important;
}
.no-a-style[data-v-3ebe575a],
.no-a-style[data-v-3ebe575a]:active,
.no-a-style[data-v-3ebe575a]:focus,
.no-a-style[data-v-3ebe575a]:hover {
  text-decoration: none;
  color: hsl(352, 74%, 46%);
  outline: none;
  outline-offset: unset;
}
.text-error[data-v-3ebe575a] {
  color: hsl(352, 74%, 46%);
}
.wb-word[data-v-3ebe575a] {
  word-break: break-word;
}
.li-none[data-v-3ebe575a] {
  list-style: none !important;
}
.ul--bullet[data-v-3ebe575a] {
  list-style: disc;
}
.no-wrap[data-v-3ebe575a] {
  white-space: nowrap;
}
.white-space-normal[data-v-3ebe575a] {
  white-space: normal !important;
}
.hidden[data-v-3ebe575a] {
  display: none !important;
}
.non-visible[data-v-3ebe575a] {
  visibility: hidden;
}
.icon-inline[data-v-3ebe575a] {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.app-container[data-v-3ebe575a] {
  max-width: 1170px;
  width: 90%;
  padding: 0 15px;
  margin: auto;
}
@media screen and (max-width: 768px) {
.app-container.full-width-pad[data-v-3ebe575a] {
    width: 100%;
}
}
@media screen and (max-width: 768px) {
.app-container.full-width-pad-modal[data-v-3ebe575a] {
    width: 100%;
    padding: 0;
}
}
.float-r[data-v-3ebe575a] {
  float: right;
}
.float-l[data-v-3ebe575a] {
  float: left;
}
.fit-content[data-v-3ebe575a] {
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
}
.stop-transform[data-v-3ebe575a] {
  transform: none !important;
}
.word-break[data-v-3ebe575a] {
  -ms-word-break: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -o-hyphens: auto;
  hyphens: auto;
}
.auto-hyphens[data-v-3ebe575a] {
  word-wrap: break-word;
  -o-hyphens: auto;
  hyphens: auto;
}
.close-message[data-v-3ebe575a] {
  float: right;
  width: 20px;
  position: absolute;
  top: 17px;
  right: 4px;
}
.pre-formatted[data-v-3ebe575a] {
  white-space: pre;
}
.pre-line-formatted[data-v-3ebe575a] {
  white-space: pre-line;
}
.icon[data-v-3ebe575a] {
  cursor: pointer;
  width: 32px;
  min-width: 32px;
  min-height: 32px;
  height: 32px;
  border-radius: 50%;
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  background-color: hsl(0, 0%, 7%);
  color: hsl(0, 0%, 100%);
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  flex-flow: row;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.icon svg[data-v-3ebe575a]:not(.icon-40) {
  transform: scale(0.9);
}
.icon:hover svg[data-v-3ebe575a] {
  fill: hsl(0, 0%, 100%);
}
.icon[data-v-3ebe575a]:hover {
  background-color: hsl(348, 72%, 31%);
  color: hsl(0, 0%, 100%);
}
@media screen and (max-width: 575px) {
.icon[data-v-3ebe575a] {
    min-width: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px;
    font-size: 15px;
}
.icon svg[data-v-3ebe575a] {
    transform: scale(0.8);
}
}
.icon-40[data-v-3ebe575a] {
  width: 40px;
  min-width: 40px;
  min-height: 40px;
  height: 40px;
}
.icon--error[data-v-3ebe575a] {
  background: hsl(352, 74%, 46%);
}
.icon--default[data-v-3ebe575a] {
  color: hsl(352, 74%, 46%);
  background: transparent;
  border: 2px solid hsl(352, 74%, 46%);
}
.icon--default:hover svg[data-v-3ebe575a] {
  fill: hsl(158, 45%, 58%);
}
.icon--default[data-v-3ebe575a]:hover {
  color: hsl(158, 45%, 58%);
  background-color: transparent;
  border-color: hsl(158, 45%, 58%);
}
.icon--success[data-v-3ebe575a] {
  background: hsl(158, 45%, 58%);
  color: hsl(0, 0%, 100%);
}
.icon--success[data-v-3ebe575a]:hover {
  color: hsl(0, 0%, 100%);
  background-color: hsl(158, 45%, 41%);
}
.underline[data-v-3ebe575a] {
  text-decoration: underline;
}
.glyphicon[data-v-3ebe575a] {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-svg-primary[data-v-3ebe575a], .icon-svg-primary[data-v-3ebe575a]:not([fill]) {
  fill: hsl(352, 74%, 46%);
}
.icon-inline[data-v-3ebe575a] {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.normal-font[data-v-3ebe575a] {
  font-weight: normal;
}
.bold-font[data-v-3ebe575a] {
  font-weight: bold;
}
.add-content[data-v-3ebe575a] {
  transition: border-color 0.2s ease, color 0.2s ease;
  border: dashed 2px #d3d3d3;
  width: 100%;
  display: block;
  margin-top: 10px;
  padding: 7px 20px;
}
.add-content[data-v-3ebe575a]:hover {
  border-color: hsl(348, 72%, 31%);
  color: hsl(348, 72%, 31%);
}
.toggle-arrow[data-v-3ebe575a] {
  transition: transform 0.2s ease;
  float: right;
  clear: right;
  margin: 2px;
}
.blurred-image[data-v-3ebe575a] {
  filter: blur(8px);
  -ms-filter: blur(8px);
  -webkit-filter: blur(8px);
}
.all-transition[data-v-3ebe575a] {
  transition: all 0.5s ease-in-out;
}
.lg-edit-svg[data-v-3ebe575a] {
  fill: #999;
}
.lg-edit-svg[data-v-3ebe575a]:hover {
  fill: #fff;
}
.left-0[data-v-3ebe575a] {
  left: 0;
}
.right-0[data-v-3ebe575a] {
  right: 0;
}
.text-danger-custom[data-v-3ebe575a] {
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  flex-flow: row;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  color: #fff;
}
.text-danger-custom svg[data-v-3ebe575a] {
  fill: #fff;
}
.switch[data-v-3ebe575a] {
  height: 50px;
  border: 3px solid #fff;
  background-color: #fff;
  border-radius: 25px;
  border-radius: 25px;
  overflow: hidden;
}
.switch .switch-option[data-v-3ebe575a] {
  float: left;
  cursor: pointer;
  border-radius: 50%;
  overflow: hidden;
}
.switch .switch-option > input:checked + .switch-toggle > svg[data-v-3ebe575a] {
  fill: hsl(0, 0%, 100%);
}
.switch .switch-option:hover .switch-toggle[data-v-3ebe575a] {
  background-color: rgba(31, 31, 31, 0.15);
}
.switch .switch-option > input[data-v-3ebe575a] {
  position: absolute;
  opacity: 0;
}
.switch .switch-option > input:checked + .switch-toggle[data-v-3ebe575a] {
  background-color: hsl(352, 74%, 46%);
  fill: hsl(0, 0%, 100%);
}
.switch-toggle[data-v-3ebe575a] {
  transition: background-color 0.2s ease;
  width: 44px;
  height: 44px;
  padding: 12px;
}
.switch-toggle > svg[data-v-3ebe575a] {
  transition: fill 0.2s ease;
  fill: hsl(352, 74%, 46%);
}
.switch-toggle[data-v-3ebe575a]:after {
  position: absolute;
  display: block;
  font-family: "Font Awesome 6 Pro";
  cursor: pointer;
  font-size: 20px;
}
.switch-alt[data-v-3ebe575a] {
  border-color: #a9a9a9;
  display: inline-block;
}
.actions-rolling-svg[data-v-3ebe575a] {
  display: inline-block;
  background-image: url(https://www.theapolis.de/build/images/rolling.2b551efb.svg);
  -moz-background-image: url(https://www.theapolis.de/build/images/rolling.2b551efb.svg);
  -o-background-image: url(https://www.theapolis.de/build/images/rolling.2b551efb.svg);
  -webkit-background-image: url(https://www.theapolis.de/build/images/rolling.2b551efb.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  width: 40px;
  margin: 0;
  height: 25px;
}
.actions-rolling-svg.white[data-v-3ebe575a] {
  background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
  -moz-background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
  -o-background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
  -webkit-background-image: url(https://www.theapolis.de/build/images/white-rolling.a3c08a6e.svg);
}
.z-999[data-v-3ebe575a] {
  z-index: 999;
}
.no-transition[data-v-3ebe575a] {
  transition: none !important;
}
.message-info[data-v-3ebe575a] {
  border-color: #bee5eb;
  text-align: center;
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
  position: relative;
  margin-top: 18px;
  padding: 10px;
  padding-right: 34px;
  word-break: break-word;
}
.message-info .close-message[data-v-3ebe575a] {
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.message-success[data-v-3ebe575a] {
  background: #64c39f;
  color: white;
}
.message-success a[data-v-3ebe575a],
.message-success a[data-v-3ebe575a]:hover,
.message-success a[data-v-3ebe575a]:focus {
  color: white;
}
.message-error[data-v-3ebe575a],
.message-danger[data-v-3ebe575a] {
  background: #cd2036;
  color: white;
}
.message-error a[data-v-3ebe575a],
.message-error a[data-v-3ebe575a]:hover,
.message-error a[data-v-3ebe575a]:focus,
.message-danger a[data-v-3ebe575a],
.message-danger a[data-v-3ebe575a]:hover,
.message-danger a[data-v-3ebe575a]:focus {
  color: white;
}
.message-warning[data-v-3ebe575a] {
  background: #f4e73f;
  color: #1f1f1f;
}
.message-warning a[data-v-3ebe575a],
.message-warning a[data-v-3ebe575a]:hover,
.message-warning a[data-v-3ebe575a]:focus {
  color: #1f1f1f;
}
.flash-message a[data-v-3ebe575a],
.flash-message a[data-v-3ebe575a]:hover,
.flash-message a[data-v-3ebe575a]:focus {
  text-decoration: underline;
}
.flash-message .close-message[data-v-3ebe575a] {
  cursor: pointer;
}
.text-info[data-v-3ebe575a] {
  color: hsl(216, 52%, 46%) !important;
}
.panel[data-v-3ebe575a] {
  padding: 30px;
}
.panel-head[data-v-3ebe575a] {
  margin-top: 0;
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
  font-weight: 700;
  -ms-word-break: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -o-hyphens: auto;
  hyphens: auto;
}
.panel-content[data-v-3ebe575a] {
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  margin-bottom: 0;
  padding: 5px 0 0 0;
}
.panel-primary[data-v-3ebe575a] {
  border-color: hsl(352, 74%, 46%);
  background-color: hsl(352, 74%, 46%);
}
.panel-primary svg[data-v-3ebe575a] {
  fill: hsl(352, 74%, 46%);
}
.panel-primary-dark[data-v-3ebe575a] {
  background-color: hsl(348, 72%, 31%);
  border: hsl(348, 72%, 31%);
}
.panel-primary-dark svg[data-v-3ebe575a] {
  fill: hsl(348, 72%, 31%);
}
.panel-gray[data-v-3ebe575a] {
  background-color: hsl(0, 0%, 90%);
}
.panel-gray svg[data-v-3ebe575a] {
  fill: hsl(0, 0%, 90%);
}
.panel-grayer[data-v-3ebe575a] {
  background-color: hsl(0, 0%, 43%);
}
.panel-grayer svg[data-v-3ebe575a] {
  fill: hsl(0, 0%, 43%);
}
.panel-gray-dark[data-v-3ebe575a] {
  background-color: #1f1f1f;
}
.panel-gray-dark svg[data-v-3ebe575a] {
  fill: #1f1f1f;
}
.panel-secondary[data-v-3ebe575a] {
  background-color: hsl(216, 52%, 29%);
}
.panel-secondary svg[data-v-3ebe575a] {
  fill: hsl(216, 52%, 29%);
}
.panel-violet[data-v-3ebe575a] {
  background-color: #631953;
}
.panel-violet svg[data-v-3ebe575a] {
  fill: #631953;
}
.h1-sm[data-v-3ebe575a] {
  font-size: 3rem;
  line-height: 3.5rem;
}
.h1-lg[data-v-3ebe575a],
.h1-lg-kepler[data-v-3ebe575a] {
  font-size: 3.8rem;
  line-height: 4.75rem;
}
.h2-lg[data-v-3ebe575a] {
  font-size: 2.8em;
  line-height: 3.5rem;
}
.h2-sm[data-v-3ebe575a] {
  font-size: 2.2em;
  line-height: 2.75rem;
}
.h3-sm[data-v-3ebe575a] {
  font-size: 1.2rem;
  line-height: 1.5rem;
}
.h3-lg[data-v-3ebe575a] {
  font-size: 1.8rem;
  line-height: 2.25rem;
}
.h4-sm[data-v-3ebe575a] {
  font-size: 0.9rem;
  line-height: 1.125rem;
}
.h4-lg[data-v-3ebe575a] {
  font-size: 1.3rem;
  line-height: 1.625rem;
}
.h5-sm[data-v-3ebe575a] {
  font-size: 0.75rem;
  line-height: 0.9375rem;
}
.h5-lg[data-v-3ebe575a] {
  font-size: 1.1rem;
  line-height: 1.375rem;
}
.link--nav[data-v-3ebe575a] {
  transition: color 0.2s ease;
  padding: 34px 12px;
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
}
.link--widget[data-v-3ebe575a] {
  color: hsl(352, 74%, 46%);
  font-size: 1rem;
}
.xs-txt[data-v-3ebe575a] {
  font-size: 0.75rem;
}
.xs-txt.kepler[data-v-3ebe575a], .xs-txt.kepler-minion[data-v-3ebe575a] {
  font-size: 0.8rem;
}
.md-txt[data-v-3ebe575a] {
  font-size: 1rem;
}
.md-txt.kepler[data-v-3ebe575a], .md-txt.kepler-minion[data-v-3ebe575a] {
  font-size: 1.15rem;
}
.box-header[data-v-3ebe575a], .card-title[data-v-3ebe575a] {
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
  margin-top: 0;
}
.mg0-v[data-v-3ebe575a] {
  margin: 0 auto;
}
.mg0-h[data-v-3ebe575a] {
  margin: auto 0;
}
.mg0[data-v-3ebe575a] {
  margin: 0;
}
.mg-a[data-v-3ebe575a] {
  margin: auto;
}
@media screen and (max-width: 425px) {
.mg-a-xs[data-v-3ebe575a] {
    margin: auto;
}
}
.mg-04-p[data-v-3ebe575a] {
  margin: 0 4%;
}
.mg-25[data-v-3ebe575a] {
  margin: 25px;
}
.mg-25-0[data-v-3ebe575a] {
  margin: 25px 0;
}
.mg-btm-0[data-v-3ebe575a],
.mg-btm-0.enforce[data-v-3ebe575a] {
  margin-bottom: 0;
}
.mg-btm-5[data-v-3ebe575a] {
  margin-bottom: 5px;
}
.mg-btm-15[data-v-3ebe575a] {
  margin-bottom: 15px;
}
.mg-btm-20[data-v-3ebe575a] {
  margin-bottom: 20px;
}
.mg-btm-25[data-v-3ebe575a] {
  margin-bottom: 25px;
}
.mg-btm-30[data-v-3ebe575a] {
  margin-bottom: 30px;
}
.mg-btm-50[data-v-3ebe575a] {
  margin-bottom: 50px;
}
.mg-btm-10[data-v-3ebe575a] {
  margin-bottom: 10px;
}
.mg-top-0[data-v-3ebe575a] {
  margin-top: 0;
}
.mg-top-2[data-v-3ebe575a] {
  margin-top: 2px;
}
.mg-top-5[data-v-3ebe575a] {
  margin-top: 5px;
}
.mg-top-10[data-v-3ebe575a] {
  margin-top: 10px;
}
.mg-top-15[data-v-3ebe575a] {
  margin-top: 15px;
}
.mg-top-20[data-v-3ebe575a] {
  margin-top: 20px;
}
.mg-top-30[data-v-3ebe575a] {
  margin-top: 30px;
}
.mg-r2[data-v-3ebe575a] {
  margin-right: 2px;
}
.mg-r5[data-v-3ebe575a] {
  margin-right: 5px;
}
.mg-r7[data-v-3ebe575a] {
  margin-right: 7px;
}
.mg-r10[data-v-3ebe575a] {
  margin-right: 10px;
}
.mg-r15[data-v-3ebe575a] {
  margin-right: 15px;
}
.mg-r20[data-v-3ebe575a] {
  margin-right: 20px;
}
.mg-l2[data-v-3ebe575a] {
  margin-left: 2px;
}
.mg-l3[data-v-3ebe575a] {
  margin-left: 3px;
}
.mg-l5[data-v-3ebe575a] {
  margin-left: 5px;
}
.mg-l7[data-v-3ebe575a] {
  margin-left: 7px;
}
.mg-l10[data-v-3ebe575a] {
  margin-left: 10px;
}
.mg-l15[data-v-3ebe575a] {
  margin-left: 15px;
}
.mg-l20[data-v-3ebe575a] {
  margin-left: 20px;
}
.mg-l25[data-v-3ebe575a] {
  margin-left: 20px;
}
.mg-l30[data-v-3ebe575a] {
  margin-left: 30px;
}
.pd-0-15[data-v-3ebe575a] {
  padding-left: 15px;
  padding-right: 15px;
}
.pd-0-10[data-v-3ebe575a] {
  padding: 0 10px;
}
.pd-25-0[data-v-3ebe575a] {
  padding: 25px 0;
}
.pd-15-10[data-v-3ebe575a] {
  padding: 15px 10px;
}
.pd-30[data-v-3ebe575a] {
  padding: 30px;
}
.pd-50[data-v-3ebe575a] {
  padding: 50px;
}
.pd-50-0[data-v-3ebe575a] {
  padding: 50px 0;
}
.pd0-v[data-v-3ebe575a] {
  padding: 0 auto;
}
.pd0-h[data-v-3ebe575a] {
  padding: auto 0;
}
.pd10[data-v-3ebe575a] {
  padding: 10px;
}
.pd0[data-v-3ebe575a] {
  padding: 0;
}
.pd15[data-v-3ebe575a] {
  padding: 15px;
}
.pd-left-0[data-v-3ebe575a] {
  padding-left: 0;
}
.pd-left-10[data-v-3ebe575a] {
  padding-left: 10px;
}
.pd-left-20[data-v-3ebe575a] {
  padding-left: 20px;
}
.pd-right-0[data-v-3ebe575a] {
  padding-right: 0;
}
.pd-right-20[data-v-3ebe575a] {
  padding-right: 20px;
}
.pd-right-10[data-v-3ebe575a] {
  padding-right: 10px;
}
.pd-b-2[data-v-3ebe575a] {
  padding-bottom: 2px;
}
.pd-b-10[data-v-3ebe575a] {
  padding-bottom: 10px;
}
.pd-b-20[data-v-3ebe575a] {
  padding-bottom: 20px;
}
.pd-top-0[data-v-3ebe575a] {
  padding-top: 0;
}
.w-height-100[data-v-3ebe575a] {
  width: 100%;
  height: 100%;
}
.w-auto[data-v-3ebe575a] {
  width: auto;
}
.h-100[data-v-3ebe575a] {
  height: 100%;
}
.w-100[data-v-3ebe575a] {
  width: 100%;
}
.w-80[data-v-3ebe575a] {
  width: 80%;
}
.w-h-20[data-v-3ebe575a] {
  width: 20px;
  height: 20px;
}
.w-h-100-px[data-v-3ebe575a] {
  width: 100px;
  height: 100px;
}
svg.icon-svg-inverse[data-v-3ebe575a], svg.icon-svg-inverse[data-v-3ebe575a]:not([fill]) {
  fill: #fff;
}
.icon-svg-gray[data-v-3ebe575a], .icon-svg-gray[data-v-3ebe575a]:not([fill]) {
  fill: #1f1f1f;
}
.icon-svg-success[data-v-3ebe575a], .icon-svg-success[data-v-3ebe575a]:not([fill]) {
  fill: hsl(158, 45%, 58%);
}
.icon-svg-danger[data-v-3ebe575a], .icon-svg-danger[data-v-3ebe575a]:not([fill]) {
  fill: hsl(352, 74%, 46%);
}
.icon-svg-facebook[data-v-3ebe575a], .icon-svg-facebook[data-v-3ebe575a]:not([fill]) {
  fill: #3b5998;
}
.icon-svg-twitter[data-v-3ebe575a], .icon-svg-twitter[data-v-3ebe575a]:not([fill]) {
  fill: #1da1f2;
}
.fill-white[data-v-3ebe575a], .fill-white[data-v-3ebe575a]:not([fill]) {
  fill: hsl(0, 0%, 100%);
}
.fill-purple[data-v-3ebe575a], .fill-purple[data-v-3ebe575a]:not([fill]) {
  fill: hsl(313, 60%, 24%);
}
.fill-red[data-v-3ebe575a], .fill-red[data-v-3ebe575a]:not([fill]) {
  fill: hsl(352, 74%, 46%);
}
.fill-blue[data-v-3ebe575a], .fill-blue[data-v-3ebe575a]:not([fill]) {
  fill: hsl(216, 52%, 29%);
}
.fill-black[data-v-3ebe575a], .fill-black[data-v-3ebe575a]:not([fill]) {
  fill: hsl(0, 0%, 7%);
}
.fill-gray[data-v-3ebe575a] {
  fill: hsl(0, 0%, 66%);
}
.bg-cl-purple[data-v-3ebe575a] {
  background-color: hsl(313, 60%, 24%);
}
.bg-cl-blue[data-v-3ebe575a],
.bg-cl-blue.enforce[data-v-3ebe575a],
.bg-cl-blue.enforce.important[data-v-3ebe575a] {
  background-color: hsl(216, 52%, 29%);
}
.bg-cl-gray[data-v-3ebe575a] {
  background-color: hsl(0, 0%, 66%);
}
.bg-cl-darkblue[data-v-3ebe575a],
.bg-cl-darkblue.enforce[data-v-3ebe575a],
.bg-cl-darkblue.enforce.important[data-v-3ebe575a] {
  background-color: hsl(218, 52%, 12%);
}
.bg-cl-lightgray[data-v-3ebe575a] {
  background-color: hsl(0, 0%, 90%);
}
.bg-cl-darkred[data-v-3ebe575a] {
  background-color: hsl(348, 72%, 31%);
}
.bg-cl-red[data-v-3ebe575a],
.bg-cl-red.override[data-v-3ebe575a] {
  background-color: hsl(352, 74%, 46%);
}
.bg-cl-white[data-v-3ebe575a],
.bg-cl-white.override[data-v-3ebe575a] {
  background-color: hsl(0, 0%, 100%);
}
.bg-cl-white:hover .fill-red[data-v-3ebe575a],
.bg-cl-white.override:hover .fill-red[data-v-3ebe575a] {
  fill: hsl(352, 74%, 46%);
}
.bg-cl-white:hover .fill-blue[data-v-3ebe575a],
.bg-cl-white.override:hover .fill-blue[data-v-3ebe575a] {
  fill: hsl(216, 52%, 29%);
}
.cl-white[data-v-3ebe575a] {
  color: white;
}
.cl-white[data-v-3ebe575a], .cl-white[data-v-3ebe575a]:link, .cl-white[data-v-3ebe575a]:hover, .cl-white[data-v-3ebe575a]:focus, .cl-white[data-v-3ebe575a]:focus:active, .cl-white[data-v-3ebe575a]:visited {
  color: white;
}
.cl-purple[data-v-3ebe575a] {
  background-color: hsl(313, 60%, 24%);
}
.cl-teal[data-v-3ebe575a] {
  color: hsl(158, 45%, 58%);
}
.cl-darkred[data-v-3ebe575a] {
  color: hsl(348, 72%, 31%);
}
.cl-black[data-v-3ebe575a] {
  color: hsl(0, 0%, 7%);
}
.cl-black[data-v-3ebe575a], .cl-black[data-v-3ebe575a]:link, .cl-black[data-v-3ebe575a]:hover, .cl-black[data-v-3ebe575a]:focus, .cl-black[data-v-3ebe575a]:focus:active, .cl-black[data-v-3ebe575a]:visited {
  color: hsl(0, 0%, 7%);
}
.cl-blue[data-v-3ebe575a],
.cl-blue.enforce[data-v-3ebe575a],
.cl-blue.enforce.important[data-v-3ebe575a] {
  color: hsl(216, 52%, 29%);
}
.cl-lightgray[data-v-3ebe575a] {
  color: hsl(0, 0%, 90%);
}
.cl-gray[data-v-3ebe575a] {
  color: hsl(0, 0%, 66%);
}
.cl-grayer[data-v-3ebe575a] {
  color: hsl(0, 0%, 43%);
}
.cl-red[data-v-3ebe575a],
.cl-red.override[data-v-3ebe575a] {
  color: hsl(352, 74%, 46%);
}
.cl-darkgray[data-v-3ebe575a] {
  color: hsl(0, 0%, 13%);
}
.cl-darkgray[data-v-3ebe575a]:hover, .cl-darkgray[data-v-3ebe575a]:active, .cl-darkgray[data-v-3ebe575a]:focus {
  color: hsl(0, 0%, 13%);
}
.flex[data-v-3ebe575a] {
  display: flex;
}
.flex-important[data-v-3ebe575a] {
  display: flex !important;
}
.inline-flex[data-v-3ebe575a],
.inline-flex.override[data-v-3ebe575a] {
  display: inline-flex;
}
.flex-column[data-v-3ebe575a] {
  display: flex;
  display: flex;
  flex-flow: column;
}
.flex-wrap[data-v-3ebe575a] {
  flex-flow: wrap;
}
.flex-between[data-v-3ebe575a] {
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.flex-end[data-v-3ebe575a] {
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
}
.flex-center-v[data-v-3ebe575a] {
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  flex-flow: column;
}
.flex-center-h[data-v-3ebe575a] {
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  flex-flow: row;
}
.flex-even-col[data-v-3ebe575a] {
  display: flex;
  -moz-justify-content: space-evenly;
  -ms-justify-content: space-evenly;
  -o-justify-content: space-evenly;
  justify-content: space-evenly;
  flex-flow: column;
}
.flex-between-col[data-v-3ebe575a] {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  flex-flow: column;
}
.flex-column-reverse[data-v-3ebe575a] {
  display: flex;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  flex-flow: column-reverse;
}
.flex-align-center[data-v-3ebe575a] {
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.kepler[data-v-3ebe575a] {
  font-family: "kepler-std", Georgia, "Times New Roman", Times, serif;
}
.kepler-minion[data-v-3ebe575a] {
  font-family: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
}
.grotesk[data-v-3ebe575a] {
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
.scale-8[data-v-3ebe575a] {
  transform: scale(0.8);
}
.scale-9[data-v-3ebe575a] {
  transform: scale(0.9);
}
.scale-5[data-v-3ebe575a] {
  transform: scale(0.5);
}
@media screen and (max-width: 575px) {
.scale-8-xs[data-v-3ebe575a] {
    transform: scale(0.8);
}
}
@media screen and (max-width: 575px) {
.scale-65-xs[data-v-3ebe575a] {
    transform: scale(0.65);
}
}
.scale-1-3[data-v-3ebe575a] {
  transform: scale(1.3);
}
@media screen and (min-width: 576px) and (max-width: 768px) {
.scale-8-sm[data-v-3ebe575a] {
    transform: scale(0.8);
}
}
.pointer[data-v-3ebe575a] {
  cursor: pointer !important;
}
.disabled[data-v-3ebe575a] {
  cursor: not-allowed !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  pointer-events: none !important;
  background: hsl(0, 0%, 90%) !important;
  border-color: hsl(0, 0%, 90%) !important;
  color: rgba(0, 0, 0, 0.3) !important;
}
.no-pointer-event[data-v-3ebe575a] {
  pointer-events: none !important;
}
.text-cursor[data-v-3ebe575a] {
  cursor: text;
}
.normal-cursor[data-v-3ebe575a] {
  cursor: auto !important;
}
.limit-length[data-v-3ebe575a] {
  max-width: 238px;
  -ms-word-break: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -o-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  display: inline-block;
  display: -moz-inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.no-border[data-v-3ebe575a] {
  border: none !important;
}
.cover-img[data-v-3ebe575a] {
  object-fit: cover;
  -o-object-fit: cover;
}
.ckeditor-content ul[data-v-3ebe575a] {
  list-style: unset;
}
.line-through[data-v-3ebe575a] {
  text-decoration: line-through;
}
.pdf-break[data-v-3ebe575a] {
  page-break-inside: avoid !important;
}
.no-transform[data-v-3ebe575a] {
  transform: none !important;
}
.blockk-neue[data-v-3ebe575a] {
  font-family: "BLOKK Neue", serif;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  filter: opacity(0.5);
}
.blockk-neue a[data-v-3ebe575a],
.blockk-neue u[data-v-3ebe575a] {
  text-decoration: none;
  color: inherit;
}
.mg-i-10[data-v-3ebe575a] {
  margin-inline: 10px;
}
.op-5[data-v-3ebe575a] {
  filter: opacity(0.5);
}
.pull-right[data-v-3ebe575a] {
  float: right;
}
.circle[data-v-3ebe575a] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: hsl(0, 0%, 100%);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.circle--gray[data-v-3ebe575a] {
  background-color: hsl(0, 0%, 66%);
}
.icon-32[data-v-3ebe575a] {
  width: 32px;
  height: 32px;
}
.min-w-25[data-v-3ebe575a] {
  min-width: 25px;
}
.bottom-0[data-v-3ebe575a] {
  bottom: 0;
}
.card[data-v-3ebe575a] {
  margin-bottom: 30px;
  border: none;
}
.card--transparent[data-v-3ebe575a],
.card--transparent .card-body[data-v-3ebe575a] {
  background: transparent;
  border: none;
}
.card-body--gray[data-v-3ebe575a] {
  border: none;
  background-color: hsl(0, 0%, 90%);
}
.card-body--grayer[data-v-3ebe575a] {
  border: none;
  background-color: hsl(0, 0%, 66%);
}
.card--bordered[data-v-3ebe575a] {
  border: 3px solid;
}
.card-title--centered[data-v-3ebe575a] {
  text-align: center;
}
.card-title--collapsable[data-v-3ebe575a] {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  flex-flow: row;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  cursor: pointer;
}
.card-title:not(.card-title--collapsed) .card__icon[data-v-3ebe575a] {
  transform: rotate(90deg);
}
.card__icon[data-v-3ebe575a] {
  fill: black;
}
.contact-content > p span {
  font-size: inherit;
}
[data-v-9f11e926]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-9f11e926]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-9f11e926],
h2[data-v-9f11e926],
h3[data-v-9f11e926],
h4[data-v-9f11e926],
h5[data-v-9f11e926] {
  margin: 0;
}
[data-v-9f11e926]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
[data-v-9f11e926]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-9f11e926]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-9f11e926],
h2[data-v-9f11e926],
h3[data-v-9f11e926],
h4[data-v-9f11e926],
h5[data-v-9f11e926] {
  margin: 0;
}
[data-v-9f11e926]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
[data-v-9f11e926]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-9f11e926]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-9f11e926],
h2[data-v-9f11e926],
h3[data-v-9f11e926],
h4[data-v-9f11e926],
h5[data-v-9f11e926] {
  margin: 0;
}
[data-v-9f11e926]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
[data-v-9f11e926]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-9f11e926]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-9f11e926],
h2[data-v-9f11e926],
h3[data-v-9f11e926],
h4[data-v-9f11e926],
h5[data-v-9f11e926] {
  margin: 0;
}
[data-v-9f11e926]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
.panel-group[data-v-9f11e926] {
  margin-bottom: 0;
}
.panel-group .panel-head[data-v-9f11e926] {
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-top: 0;
}
.single-org-item[data-v-9f11e926] {
  display: flex;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  flex-flow: row;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.single-org-item .org-name[data-v-9f11e926] {
  margin-left: 10px;
}
.box-title[data-v-9f11e926] {
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin-bottom: 7px;
  display: block;
}
.highlight[data-v-9f11e926] {
  padding: 37px 30px 49px 30px;
  min-height: 215px;
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center;
  background-color: hsl(0, 0%, 90%);
}
@media (max-width: 1023.98px) {
aside[data-v-9f11e926] {
    margin-top: 30px;
}
.panel-gray .flex-column[data-v-9f11e926] {
    flex-flow: column-reverse;
}
.panel-gray.pd-30[data-v-9f11e926] {
    padding: 25px 30px;
}
.more-info-panel .side-widget--title[data-v-9f11e926] {
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}
}
@media screen and (max-width: 575px) {
.panel-gray.pd-30[data-v-9f11e926] {
    padding: 15px;
}
}
.side-widget[data-v-9f11e926] {
  width: 100%;
  margin: auto;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 1rem;
}
.side-widget__link-mode[data-v-9f11e926] {
  margin-bottom: 1rem;
}
.side-widget--title[data-v-9f11e926] {
  -ms-word-break: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -o-hyphens: auto;
  hyphens: auto;
  padding-left: 20px;
  line-height: 1.2;
  text-align: start;
  font-weight: bold;
}
.side-widget--logo-container[data-v-9f11e926] {
  width: calc(75px + (100 - 75) * (100vw - 320px) / (1440 - 320));
  height: calc(75px + (100 - 75) * (100vw - 320px) / (1440 - 320));
  max-width: 100px;
  max-height: 100px;
  margin: 0;
}
.side-widget--link[data-v-9f11e926] {
  text-decoration: none;
}
.side-widget--link[data-v-9f11e926], .side-widget--link[data-v-9f11e926]:link, .side-widget--link[data-v-9f11e926]:hover, .side-widget--link[data-v-9f11e926]:focus, .side-widget--link[data-v-9f11e926]:focus:active, .side-widget--link[data-v-9f11e926]:visited {
  color: hsl(352, 74%, 46%);
}
.side-widget--link[data-v-9f11e926]:hover {
  color: hsl(348, 72%, 31%);
}
.side-widget--link__white[data-v-9f11e926], .side-widget--link__white[data-v-9f11e926]:link, .side-widget--link__white[data-v-9f11e926]:hover, .side-widget--link__white[data-v-9f11e926]:focus, .side-widget--link__white[data-v-9f11e926]:focus:active, .side-widget--link__white[data-v-9f11e926]:visited {
  color: hsl(0, 0%, 100%);
}
.side-widget--link__white[data-v-9f11e926]:hover {
  color: hsl(0, 0%, 100%);
}
.side-widget[data-v-9f11e926]:last-child {
  margin-bottom: 0;
}
[data-v-79e05b04]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-79e05b04]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-79e05b04],
h2[data-v-79e05b04],
h3[data-v-79e05b04],
h4[data-v-79e05b04],
h5[data-v-79e05b04] {
  margin: 0;
}
[data-v-79e05b04]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
.dropdown-icon[data-v-79e05b04] {
  white-space: nowrap;
  background: transparent;
  font-size: 0.35rem;
  cursor: pointer;
  padding: 1rem;
}
.fa-circle[data-v-79e05b04] {
  color: var(--color-secondary);
}
.theme__neutral.dropdown-icon .fa-circle[data-v-79e05b04] {
  color: var(--color-red-400);
}

.modal-backdrop--transparent[data-v-69e91109] {
  z-index: 1040;
  background: transparent !important;
}

[data-v-211f3be9]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-211f3be9]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-211f3be9],
h2[data-v-211f3be9],
h3[data-v-211f3be9],
h4[data-v-211f3be9],
h5[data-v-211f3be9] {
  margin: 0;
}
[data-v-211f3be9]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
.drop-menu[data-v-211f3be9] {
  position: relative;
}
.drop-menu__list[data-v-211f3be9] {
  position: absolute;
  list-style: none;
  z-index: 1041;
  border: 1px solid var(--color-secondary);
  background-color: var(--color-primary);
  right: 1rem;
}
.drop-menu__list--sm[data-v-211f3be9] {
  min-width: 10rem;
}
.drop-menu__list--md[data-v-211f3be9] {
  min-width: 15rem;
}
.drop-menu__list--lg[data-v-211f3be9] {
  min-width: 20rem;
}
.theme__neutral.drop-menu .drop-menu__list[data-v-211f3be9] {
  border: 1px solid hsl(0, 0%, 90%);
}
[data-v-3fdbcb2e]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-3fdbcb2e]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-3fdbcb2e],
h2[data-v-3fdbcb2e],
h3[data-v-3fdbcb2e],
h4[data-v-3fdbcb2e],
h5[data-v-3fdbcb2e] {
  margin: 0;
}
[data-v-3fdbcb2e]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
[data-v-3fdbcb2e]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-3fdbcb2e]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-3fdbcb2e],
h2[data-v-3fdbcb2e],
h3[data-v-3fdbcb2e],
h4[data-v-3fdbcb2e],
h5[data-v-3fdbcb2e] {
  margin: 0;
}
[data-v-3fdbcb2e]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
.menu-item[data-v-3fdbcb2e] {
  background-color: var(--color-primary);
  color: var(--color-secondary);
  padding: 0.5rem;
  cursor: pointer;
}
.menu-item--loading[data-v-3fdbcb2e] {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.menu-item__loading[data-v-3fdbcb2e] {
  width: 20px;
  height: 20px;
}
.menu-item[data-v-3fdbcb2e]:hover {
  background-color: var(--color-secondary);
  color: var(--color-primary);
}
.theme__neutral.menu-item[data-v-3fdbcb2e]:hover {
  background: var(--color-red-400);
  color: var(--color-primary);
}
[data-v-7470ebd7]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-7470ebd7]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-7470ebd7],
h2[data-v-7470ebd7],
h3[data-v-7470ebd7],
h4[data-v-7470ebd7],
h5[data-v-7470ebd7] {
  margin: 0;
}
[data-v-7470ebd7]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
[data-v-7470ebd7]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-7470ebd7]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-7470ebd7],
h2[data-v-7470ebd7],
h3[data-v-7470ebd7],
h4[data-v-7470ebd7],
h5[data-v-7470ebd7] {
  margin: 0;
}
[data-v-7470ebd7]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
.progress-container[data-v-7470ebd7] {
  max-width: 1170px;
  width: 90%;
  padding: 0 15px;
  margin: auto;
}
.progress-container .progress-content[data-v-7470ebd7] {
  position: relative;
  padding: 10px;
  color: #fff;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  flex-flow: row;
}
.progress-container .progress-content .status-container[data-v-7470ebd7] {
  display: flex;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  flex-flow: column;
  width: 100%;
}
.progress-container .progress-content .title[data-v-7470ebd7] {
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
  display: inline-block;
}
@media (max-width: 1023.98px) {
.progress-container[data-v-7470ebd7] {
    width: 100%;
    padding: 0;
}
}
:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}

/* mixin for multiline */
:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
.action-container__menu-link {
  color: var(--color-secondary);
}
.menu-item:hover .action-container__menu-link {
  color: var(--color-primary);
}
.dropdown-icon svg.fill-red {
  fill: hsl(0, 0%, 100%);
}
.bootbox-body .card {
  height: 100%;
}
.bootbox-body .card .btn {
  white-space: normal;
}
.bootbox-body .card .card-body {
  display: flex;
  flex-direction: column;
  gap: 2em;
  justify-content: space-between;
}
.bootbox-body .card .card-text > :first-child {
  margin-top: 0;
}
.bootbox-body .card .card-text > :last-child {
  margin-bottom: 0;
}
.bootbox-body .card .card-title {
  flex-grow: 0;
  font-size: 2em;
  line-height: 1.25;
  margin: 0;
}
.bootbox-body .card .card-text {
  flex-grow: 1;
}
.bootbox-body .card .card-text small {
  line-height: 1;
  font-size: 0.75rem;
}
.bootbox-body .card .card-text h3 {
  font-weight: normal;
  margin: 0.5em 0;
}
.bootbox-body .card .card-text s {
  text-decoration-thickness: 0.075em;
  color: #6e6e6e;
}
.bootbox-body .card h1,
.bootbox-body .card h2,
.bootbox-body .card h3,
.bootbox-body .card h4,
.bootbox-body .card h5,
.bootbox-body .card h6 {
  font-family: "kepler-std", Georgia, "Times New Roman", Times, serif;
}
.bootbox.modal .modal-body {
  padding: 32px;
  height: 100%;
}
.bootbox.modal .modal-dialog .modal-content {
  max-width: 800px;
}
.t-plus-label {
  color: hsl(0, 0%, 100%);
  background-color: hsl(352, 74%, 46%);
  display: inline-block;
  padding: 0.125em 0.5em;
}
[data-v-0013a1e2]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-0013a1e2]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-0013a1e2],
h2[data-v-0013a1e2],
h3[data-v-0013a1e2],
h4[data-v-0013a1e2],
h5[data-v-0013a1e2] {
  margin: 0;
}
[data-v-0013a1e2]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
.single-action[data-v-0013a1e2] {
  margin-left: 16px;
  display: flex;
  justify-content: flex-start;
  padding: 0;
  flex-flow: column;
}
[data-v-29c57e1c]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-29c57e1c]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-29c57e1c],
h2[data-v-29c57e1c],
h3[data-v-29c57e1c],
h4[data-v-29c57e1c],
h5[data-v-29c57e1c] {
  margin: 0;
}
[data-v-29c57e1c]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
[data-v-29c57e1c]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-29c57e1c]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-29c57e1c],
h2[data-v-29c57e1c],
h3[data-v-29c57e1c],
h4[data-v-29c57e1c],
h5[data-v-29c57e1c] {
  margin: 0;
}
[data-v-29c57e1c]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
.quick-actions[data-v-29c57e1c] {
  padding-left: 0;
}
.quick-actions > .single-action[data-v-29c57e1c]:first-child {
  margin-left: 0;
}
.quick-actions .single-action[data-v-29c57e1c] {
  margin-left: 16px;
  display: flex;
  justify-content: flex-start;
  padding: 0;
  flex-flow: column;
}
.quick-actions .single-action a[data-v-29c57e1c]:hover:not(.disabled) {
  color: hsl(0, 0%, 100%);
  fill: #fff;
  background-color: hsl(348, 72%, 31%) !important;
}
[data-v-8fa1e1d4]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-8fa1e1d4]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-8fa1e1d4],
h2[data-v-8fa1e1d4],
h3[data-v-8fa1e1d4],
h4[data-v-8fa1e1d4],
h5[data-v-8fa1e1d4] {
  margin: 0;
}
[data-v-8fa1e1d4]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
.gratification[data-v-8fa1e1d4] {
  display: inline-block;
  cursor: pointer;
}
.gratification[data-v-8fa1e1d4]:not(.cl-white) {
  color: var(--color-secondary);
}
.gratification--xs[data-v-8fa1e1d4] {
  font-size: 0.75rem;
}
[data-v-5d6a4e1a]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-5d6a4e1a]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-5d6a4e1a],
h2[data-v-5d6a4e1a],
h3[data-v-5d6a4e1a],
h4[data-v-5d6a4e1a],
h5[data-v-5d6a4e1a] {
  margin: 0;
}
[data-v-5d6a4e1a]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
.location-placeholder[data-v-5d6a4e1a]:not(.cl-white) {
  color: var(--color-secondary);
}
.location-placeholder.cl-white svg[data-v-5d6a4e1a] {
  fill: hsl(0, 0%, 100%);
}
.location-placeholder--xs[data-v-5d6a4e1a] {
  font-size: 0.75rem;
}
.theme__black.location-placeholder[data-v-5d6a4e1a] {
  color: var(--color-secondary);
}
[data-v-25df3364]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-25df3364]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-25df3364],
h2[data-v-25df3364],
h3[data-v-25df3364],
h4[data-v-25df3364],
h5[data-v-25df3364] {
  margin: 0;
}
[data-v-25df3364]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
[data-v-25df3364]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-25df3364]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-25df3364],
h2[data-v-25df3364],
h3[data-v-25df3364],
h4[data-v-25df3364],
h5[data-v-25df3364] {
  margin: 0;
}
[data-v-25df3364]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
.header-container[data-v-25df3364] {
  background-color: #f0f0f0;
  color: hsl(0, 0%, 100%);
  position: relative;
  z-index: 10;
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
.header-container .cover-wrapper[data-v-25df3364] {
  position: relative;
  padding-top: 41.6%;
  overflow: hidden;
}
.header-container .cover-wrapper img[data-v-25df3364] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}
.header-container .cover-wrapper .copy-right-text[data-v-25df3364] {
  z-index: 20;
  right: 15px;
  bottom: 0;
  margin-bottom: 0;
  position: absolute;
}
.header-container .header-container-content[data-v-25df3364] {
  position: absolute;
  max-width: 1170px;
  width: 90%;
  padding: 0 15px;
  margin: auto;
  padding: 20px 15px 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 20;
}
.header-container .header-container-content .header-content[data-v-25df3364] {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  flex-flow: row;
}
.header-container .header-container-content .header-content .header-title .header-job-show[data-v-25df3364] {
  font-family: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  -ms-word-break: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -o-hyphens: auto;
  hyphens: auto;
  display: inline-block;
  display: -moz-inline-block;
  font-weight: normal;
}
.header-container .header-mobile[data-v-25df3364] {
  color: hsl(0, 0%, 7%);
}
.header-container .header-mobile .header-job-show[data-v-25df3364] {
  font-family: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  -ms-word-break: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -o-hyphens: auto;
  hyphens: auto;
  font-weight: normal;
}
.header-container .article-header-detail[data-v-25df3364] {
  margin-bottom: 0;
}
.header-container.no-cover[data-v-25df3364] {
  color: hsl(0, 0%, 7%);
}
.header-container.no-cover .header-container-content[data-v-25df3364] {
  position: relative;
  padding-top: 0;
}
.header-container.no-cover .header-job-show[data-v-25df3364] {
  padding-top: 20px;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
.header-container .header-mobile .header-job-show[data-v-25df3364] {
    margin-left: 0;
}
.header-container .photo-container[data-v-25df3364] {
    padding: 0;
}
.header-container .header-mobile[data-v-25df3364] {
    display: block !important;
    color: hsl(0, 0%, 7%);
    z-index: 30;
    position: relative;
}
.header-container .header-mobile .gratification-container[data-v-25df3364] {
    margin-left: 0;
}
.header-container .header-mobile .btn-job-admin-action li.single-action[data-v-25df3364]:first-child {
    margin-left: 0;
}
}
@media screen and (max-width: 425px) {
.header-container .article-header-detail[data-v-25df3364] {
    text-align: center;
}
.header-container .header-mobile .header-job-show[data-v-25df3364],
  .header-container .header-mobile .tags-container[data-v-25df3364] {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    text-align: center;
}
}
@media (max-width: 1023.98px) {
.header-container .photo-container.app-container[data-v-25df3364] {
    width: 100%;
    padding: 0;
}
}
:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}

/* mixin for multiline */
.header-container .bg-layer {
  padding: 0 10px;
}
.header-container .bg-layer.pd-b-10 {
  padding-bottom: 10px;
}
.header-container .bg-layer {
  background-color: rgba(29, 29, 29, 0.6);
}
@media screen and (max-width: 768px) {
.header-container .bg-layer {
    padding: 5px;
}
}
.header-container.no-cover .bg-layer {
  background: none;
  padding: 0 10px;
}
@media (max-width: 1023.98px) {
.header-mobile .job-actions-box {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
}
:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
.icon.bg-cl-red:hover {
  background-color: hsl(348, 72%, 31%) !important;
}
:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}

/* mixin for multiline */
.single-activity a {
  color: hsl(0, 0%, 100%) !important;
}
[data-v-df59097e]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-df59097e]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-df59097e],
h2[data-v-df59097e],
h3[data-v-df59097e],
h4[data-v-df59097e],
h5[data-v-df59097e] {
  margin: 0;
}
[data-v-df59097e]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
[data-v-df59097e]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-df59097e]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-df59097e],
h2[data-v-df59097e],
h3[data-v-df59097e],
h4[data-v-df59097e],
h5[data-v-df59097e] {
  margin: 0;
}
[data-v-df59097e]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
.timeline[data-v-df59097e] {
  color: var(--color-secondary);
}
.timeline__row[data-v-df59097e] {
  margin-bottom: 1rem;
}
.timeline__time[data-v-df59097e] {
  color: var(--color-secondary);
  min-width: 7.1rem;
  white-space: nowrap;
  width: var(--text-width);
}
.timeline__time--short[data-v-df59097e] {
  min-width: 3.4rem;
  width: var(--text-width);
  font-weight: bold;
  text-align: right;
}
.timeline__drawer[data-v-df59097e] {
  width: 1.5rem;
}
.timeline__round[data-v-df59097e] {
  width: 1.45rem;
  height: 1.45rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  border-radius: 50%;
  border: 0.35rem solid var(--color-secondary);
  margin-top: 0;
}
.timeline__line[data-v-df59097e] {
  width: 0.35rem;
  display: block;
  background-color: var(--color-secondary);
  height: calc(100% - 6px);
  margin-left: auto;
  margin-right: auto;
}
.timeline__line--init[data-v-df59097e] {
  height: 30%;
}
.timeline__line--finish[data-v-df59097e] {
  height: 1.2rem;
}
.timeline__line--small[data-v-df59097e] {
  height: 0.6rem;
}
.timeline__space[data-v-df59097e] {
  height: 0.6rem;
  background-color: transparent;
}
.timeline__fake-height[data-v-df59097e] {
  height: 6rem;
}
@media screen and (max-width: 425px) {
.timeline__time[data-v-df59097e] {
    width: unset;
    text-align: left;
}
.timeline--mobile-full-width .timeline__drawer[data-v-df59097e] {
    display: none;
}
.timeline__drawer[data-v-df59097e] {
    position: relative;
    right: 0.5rem;
}
}
.theme__neutral.timeline .timeline__round[data-v-df59097e],
.theme__neutral.timeline .timeline__line[data-v-df59097e],
.theme__neutral.timeline .timeline__time[data-v-df59097e] {
  --color-secondary: var(--color-neutral-300);
}
:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
#activityBox a {
  color: hsl(0, 0%, 100%);
}
[data-v-5894b284]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-5894b284]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-5894b284],
h2[data-v-5894b284],
h3[data-v-5894b284],
h4[data-v-5894b284],
h5[data-v-5894b284] {
  margin: 0;
}
[data-v-5894b284]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
[data-v-5894b284]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-5894b284]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-5894b284],
h2[data-v-5894b284],
h3[data-v-5894b284],
h4[data-v-5894b284],
h5[data-v-5894b284] {
  margin: 0;
}
[data-v-5894b284]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
[data-v-5894b284]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-5894b284]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-5894b284],
h2[data-v-5894b284],
h3[data-v-5894b284],
h4[data-v-5894b284],
h5[data-v-5894b284] {
  margin: 0;
}
[data-v-5894b284]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

/* mixin for multiline */
[data-v-5894b284]:root {
  --color-red-100: hsl(352, 74%, 97%);
  --color-red-200: hsl(352, 74%, 80%);
  --color-red-300: hsl(352, 74%, 63%);
  --color-red-400: hsl(352, 74%, 46%);
  --color-red-500: hsl(348, 72%, 31%);
  --color-red-600: hsl(352, 74%, 12%);
  --color-violet-100: hsl(312, 61%, 92%);
  --color-violet-200: hsl(313, 61%, 75%);
  --color-violet-300: hsl(313, 60%, 58%);
  --color-violet-400: hsl(313, 60%, 41%);
  --color-violet-500: hsl(313, 60%, 24%);
  --color-violet-600: hsl(313, 60%, 7%);
  --color-blue-100: hsl(216, 52%, 97%);
  --color-blue-200: hsl(216, 52%, 80%);
  --color-blue-300: hsl(216, 52%, 63%);
  --color-blue-400: hsl(216, 52%, 46%);
  --color-blue-500: hsl(216, 52%, 29%);
  --color-blue-600: hsl(218, 52%, 12%);
  --color-green-100: hsl(158, 45%, 92%);
  --color-green-200: hsl(158, 45%, 75%);
  --color-green-300: hsl(158, 45%, 58%);
  --color-green-400: hsl(158, 45%, 41%);
  --color-green-500: hsl(158, 45%, 24%);
  --color-green-600: hsl(158, 45%, 7%);
  --color-neutral-100: hsl(0, 0%, 90%);
  --color-neutral-200: hsl(0, 0%, 75%);
  --color-neutral-300: hsl(0, 0%, 66%);
  --color-neutral-400: hsl(0, 0%, 43%);
  --color-neutral-500: hsl(0, 0%, 13%);
  --color-neutral-600: hsl(0, 0%, 7%);
  --color-yellow-400: hsl(56, 89%, 60%);
  --color-white-400: hsl(0, 0%, 100%);
  --color-pink-400: hsl(352, 63%, 84%);
  --plyr-color-main: var(--color-red-400);
}
[data-v-5894b284]:export {
  red100: hsl(352, 74%, 97%);
  red200: hsl(352, 74%, 80%);
  red300: hsl(352, 74%, 63%);
  red400: hsl(352, 74%, 46%);
  red500: hsl(348, 72%, 31%);
  red600: hsl(352, 74%, 12%);
  violet100: hsl(312, 61%, 92%);
  violet200: hsl(313, 61%, 75%);
  violet300: hsl(313, 60%, 58%);
  violet400: hsl(313, 60%, 41%);
  violet500: hsl(313, 60%, 24%);
  violet600: hsl(313, 60%, 7%);
  blue100: hsl(216, 52%, 97%);
  blue200: hsl(216, 52%, 80%);
  blue300: hsl(216, 52%, 63%);
  blue400: hsl(216, 52%, 46%);
  blue500: hsl(216, 52%, 29%);
  blue600: hsl(218, 52%, 12%);
  green100: hsl(158, 45%, 92%);
  green200: hsl(158, 45%, 75%);
  green300: hsl(158, 45%, 58%);
  green400: hsl(158, 45%, 41%);
  green500: hsl(158, 45%, 24%);
  green600: hsl(158, 45%, 7%);
  neutral100: hsl(0, 0%, 90%);
  neutral200: hsl(0, 0%, 75%);
  neutral300: hsl(0, 0%, 66%);
  neutral400: hsl(0, 0%, 43%);
  neutral500: hsl(0, 0%, 13%);
  neutral600: hsl(0, 0%, 7%);
  yellow400: hsl(56, 89%, 60%);
  white400: hsl(0, 0%, 100%);
  pink400: hsl(352, 63%, 84%);
}
h1[data-v-5894b284],
h2[data-v-5894b284],
h3[data-v-5894b284],
h4[data-v-5894b284],
h5[data-v-5894b284] {
  margin: 0;
}
[data-v-5894b284]:export {
  kepler: "kepler-std", Georgia, "Times New Roman", Times, serif;
  kepler-minion: "kepler-std-display", "minion-pro", Georgia, "Times New Roman", Times, serif;
  grotesk: "aktiv-grotesk", Helvetica, Arial, sans-serif;
}
#activityBox[data-v-5894b284] {
  color: hsl(0, 0%, 100%);
}
#activityBox .panel[data-v-5894b284] {
  border-radius: 0;
}
#activityBox .panel .panel-container[data-v-5894b284] {
  width: 100%;
}
#activityBox .panel .panel-container.empty-content .edit-link[data-v-5894b284],
#activityBox .panel .panel-container.empty-content .add-new-link[data-v-5894b284] {
  display: none;
}
#activityBox .panel .panel-container .panel-head .toggle-arrow[data-v-5894b284] {
  display: none;
  margin: 6px 0;
}
#activityBox .panel .panel-container .panel-head .toggle-arrow svg[data-v-5894b284] {
  display: block;
  fill: white;
}
@media screen and (max-width: 425px) {
#activityBox .panel .panel-container .panel-head .toggle-arrow[data-v-5894b284] {
    display: block;
}
}
#activityBox .panel .panel-container .panel-content .add-content[data-v-5894b284] {
  border-color: rgba(255, 255, 255, 0.5);
}
#activityBox .panel .panel-container .panel-content .add-content[data-v-5894b284]:hover {
  border-color: #fff;
}
@media screen and (max-width: 768px) {
#activityBox .panel .panel-container .panel-content[data-v-5894b284] {
    padding: 0 15px;
}
}
@media screen and (max-width: 425px) {
#activityBox .panel .panel-container .panel-content[data-v-5894b284] {
    display: none;
}
}
@media screen and (max-width: 768px) {
#activityBox .panel[data-v-5894b284] {
    margin-bottom: -1px;
}
}
@media screen and (max-width: 425px) {
#activityBox .panel[data-v-5894b284] {
    padding: 25px 0;
}
#activityBox .panel .panel-container.mobile-expand .panel-content[data-v-5894b284] {
    display: block;
}
#activityBox .panel .panel-container.mobile-expand .panel-head .edit-link[data-v-5894b284],
  #activityBox .panel .panel-container.mobile-expand .panel-head .add-new-link[data-v-5894b284] {
    display: inline-flex;
    transform: scale(0.8);
}
#activityBox .panel .panel-container.mobile-expand .panel-head .toggle-arrow[data-v-5894b284] {
    transform: rotate(90deg);
}
#activityBox .panel .panel-container:not(.mobile-expand) .panel-head > h2[data-v-5894b284] {
    margin: 0;
}
#activityBox .panel .panel-container .panel-head .edit-link[data-v-5894b284],
  #activityBox .panel .panel-container .panel-head .add-new-link[data-v-5894b284] {
    display: none;
}
}
@media screen and (min-width: 1270px) {
#activityBox .panel .panel-container[data-v-5894b284] {
    padding-left: 45px;
}
#activityBox .panel .panel-container[data-v-5894b284] {
    width: 100%;
}
}
@media screen and (min-width: 992px) and (max-width: 1269px) {
#activityBox .panel .panel-container[data-v-5894b284] {
    padding-left: 20px;
    padding-right: 20px;
}
}
@media (max-width: 1023.98px) {
#activityBox .panel .panel-container[data-v-5894b284] {
    max-width: 1170px;
    width: 90%;
    padding: 0 15px;
    margin: auto;
    padding: 0;
}
}
#activityBox .panel .timeline-more[data-v-5894b284] {
  margin-top: 30px;
}
#activityBox .box-title-note[data-v-5894b284] {
  margin-bottom: 25px;
  display: block;
  color: rgba(249, 248, 248, 0.68);
}