.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-659e031c]: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-659e031c]: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-659e031c],
h2[data-v-659e031c],
h3[data-v-659e031c],
h4[data-v-659e031c],
h5[data-v-659e031c] {
  margin: 0;
}
[data-v-659e031c]: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;
}
.separator__long[data-v-659e031c] {
  width: 100%;
  height: 2px;
}
.separator__short[data-v-659e031c] {
  width: 120px;
  height: 7px;
  margin: 20px 0;
}
@media (max-width: 767.98px) {
.separator__long[data-v-659e031c] {
    height: 1px;
}
}
: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 */
.page-header {
  -ms-word-break: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -o-hyphens: auto;
  hyphens: auto;
}
:host,:root{--vs-colors--lightest:rgba(60,60,60,0.26);--vs-colors--light:rgba(60,60,60,0.5);--vs-colors--dark:#333;--vs-colors--darkest:rgba(0,0,0,0.15);--vs-search-input-color:inherit;--vs-search-input-bg:#fff;--vs-search-input-placeholder-color:inherit;--vs-font-size:1rem;--vs-line-height:1.4;--vs-state-disabled-bg:#f8f8f8;--vs-state-disabled-color:var(--vs-colors--light);--vs-state-disabled-controls-color:var(--vs-colors--light);--vs-state-disabled-cursor:not-allowed;--vs-border-color:var(--vs-colors--lightest);--vs-border-width:1px;--vs-border-style:solid;--vs-border-radius:4px;--vs-actions-padding:4px 6px 0 3px;--vs-controls-color:var(--vs-colors--light);--vs-controls-size:1;--vs-controls--deselect-text-shadow:0 1px 0 #fff;--vs-selected-bg:#f0f0f0;--vs-selected-color:var(--vs-colors--dark);--vs-selected-border-color:var(--vs-border-color);--vs-selected-border-style:var(--vs-border-style);--vs-selected-border-width:var(--vs-border-width);--vs-dropdown-bg:#fff;--vs-dropdown-color:inherit;--vs-dropdown-z-index:1000;--vs-dropdown-min-width:160px;--vs-dropdown-max-height:350px;--vs-dropdown-box-shadow:0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg:#000;--vs-dropdown-option-color:var(--vs-dropdown-color);--vs-dropdown-option-padding:3px 20px;--vs-dropdown-option--active-bg:#5897fb;--vs-dropdown-option--active-color:#fff;--vs-dropdown-option--deselect-bg:#fb5858;--vs-dropdown-option--deselect-color:#fff;--vs-transition-timing-function:cubic-bezier(1,-0.115,0.975,0.855);--vs-transition-duration:150ms}.v-select{font-family:inherit;position:relative}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function:cubic-bezier(1,0.5,0.8,1);--vs-transition-duration:0.15s}@keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg:var(--vs-state-disabled-bg);--vs-disabled-color:var(--vs-state-disabled-color);--vs-disabled-cursor:var(--vs-state-disabled-cursor)}.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{background-color:var(--vs-disabled-bg);cursor:var(--vs-disabled-cursor)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--vs-search-input-bg);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);display:flex;padding:0 0 4px;white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{align-items:center;display:flex;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);background-color:transparent;border:0;cursor:pointer;margin-right:8px;padding:0}.vs__dropdown-menu{background:var(--vs-dropdown-bg);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);border-top-style:none;box-shadow:var(--vs-dropdown-box-shadow);box-sizing:border-box;color:var(--vs-dropdown-color);display:block;left:0;list-style:none;margin:0;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;padding:5px 0;position:absolute;text-align:left;top:calc(100% - var(--vs-border-width));width:100%;z-index:var(--vs-dropdown-z-index)}.vs__no-options{text-align:center}.vs__dropdown-option{clear:both;color:var(--vs-dropdown-option-color);cursor:pointer;display:block;line-height:1.42857143;padding:var(--vs-dropdown-option-padding);white-space:nowrap}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);display:flex;line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{fill:var(--vs-controls-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-flex;margin-left:4px;padding:0;text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--loading .vs__selected,.vs--single.vs--open .vs__selected{opacity:.4;position:absolute}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-ms-clear,.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration{display:none}.vs__search,.vs__search:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid transparent;border-left:none;box-shadow:none;color:var(--vs-search-input-color);flex-grow:1;font-size:var(--vs-font-size);line-height:var(--vs-line-height);margin:4px 0 0;max-width:100%;outline:none;padding:0 7px;width:0;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;animation:vSelectSpinner 1.1s linear infinite;border:.9em solid hsla(0,0%,39%,.1);border-left-color:rgba(60,60,60,.45);font-size:5px;opacity:0;overflow:hidden;text-indent:-9999em;transform:translateZ(0) scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;height:5em;transform:scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));width:5em}.vs--loading .vs__spinner{opacity:1}
[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);
}
: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;
}
.select2 {
  color: var(--color-neutral-600);
  background-color: var(--color-white-400);
}
.select2 .vs__dropdown-option:hover {
  color: var(--color-secondary);
  background-color: var(--color-primary);
}
.select2 .vs__dropdown-option--highlight {
  background-color: transparent;
  color: var(--color-neutral-600);
}
.select2 .vs__selected,
.select2 .vs__search {
  font-size: 1rem;
  margin: 0;
}
.select2 .vs__search {
  color: var(--color-neutral-400);
}
.select2 .vs__dropdown-menu {
  border-top: 1px solid var(--color-neutral-200);
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}
.select2 .vs__dropdown-toggle {
  padding: 0.5rem 1rem;
  border-radius: 0;
  border-color: var(--color-neutral-200) !important;
}
.select2 .vs__actions {
  z-index: 990;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
}
.select2 .vs__actions .select2__drop-indicator,
.select2 .vs__actions .select2__search-indicator {
  cursor: pointer;
}
.select2 .vs__dropdown-option {
  white-space: normal;
}
.select2 .vs__dropdown-option--disabled {
  color: var(--color-neutral-600) !important;
}
.select2 .vs__dropdown-option--disabled:hover {
  background-color: transparent !important;
  color: var(--color-neutral-600) !important;
}
.select2.theme__neutral .vs__dropdown-option:hover {
  color: var(--color-white-400);
  background-color: var(--color-red-500);
}
.select2.theme__neutral .vs__dropdown-option.vs__dropdown-option--disabled:hover {
  background-color: transparent;
  color: var(--color-neutral-600);
}
: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 */
.select2--multiple .vs__selected {
  border-radius: 0;
  background-color: var(--color-primary);
  color: var(--color-secondary);
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  padding: 3px 25px 3px 6px;
  margin: 2px 2px 2px 0 !important;
  position: relative;
}
.select2--multiple .vs__selected .vs__deselect {
  top: 0;
  bottom: 0;
  margin: auto;
  right: 5px;
  background-image: url(https://www.theapolis.de/build/images/select2-close.00988ef5.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 14px 14px !important;
  width: 14px;
  height: 14px;
  position: absolute;
  background-position: unset !important;
}
@media screen and (max-width: 425px) {
.select2--multiple .vs__selected .vs__deselect {
    background-size: 10px 10px !important;
    top: 8px;
}
}
.select2--multiple .vs__selected .vs__deselect svg {
  display: none;
  fill: var(--color-secondary);
}
.select2--multiple .vs__actions .select2__search-indicator:before {
  content: "\f002";
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  font-family: "Font Awesome 6 Pro";
  color: var(--color-neutral-600);
  z-index: 1;
  display: flex;
  align-items: center;
  font-size: 1rem;
}
.select2--multiple.vs--loading .select2__search-indicator {
  display: none;
}
.select2--multiple .vs__dropdown-option {
  color: var(--color-neutral-600);
  background-color: var(--color-white-400);
}
.select2--multiple .vs__dropdown-option:hover {
  color: var(--color-secondary);
  background-color: var(--color-primary);
}
.select2--multiple .vs__dropdown-option--new-tag {
  border-top: 1px solid var(--color-neutral-200);
}
.select2--multiple .select2__footer-container {
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  border-top: 1px solid var(--color-neutral-200);
}
.select2--multiple.select2--disabled .vs__selected {
  color: var(--color-neutral-100) !important;
  background-color: var(--color-neutral-400) !important;
}
.select2--multiple.select2--disabled .vs__selected .vs__deselect {
  cursor: not-allowed;
}
.select2--multiple.select2--loading .vs__no-options {
  display: none;
}
.select2--multiple.theme__neutral .vs__selected {
  background-color: var(--color-red-500);
  color: var(--color-white-400);
}
.select2--multiple.theme__neutral .vs__selected .vs__deselect svg {
  fill: var(--color-white-400);
}
.select2--multiple.theme__neutral .vs__dropdown-option:hover {
  background-color: var(--color-red-500);
  color: var(--color-white-400);
}
.vs__selected,
.vs__search {
  font-family: "kepler-std", Georgia, "Times New Roman", Times, serif;
}
[data-v-311df6b8]: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-311df6b8]: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-311df6b8],
h2[data-v-311df6b8],
h3[data-v-311df6b8],
h4[data-v-311df6b8],
h5[data-v-311df6b8] {
  margin: 0;
}
[data-v-311df6b8]: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 */
.t-select[data-v-311df6b8] {
  background-image: url(https://www.theapolis.de/build/images/select-arrow.e1320a3f.svg);
  -moz-background-image: url(https://www.theapolis.de/build/images/select-arrow.e1320a3f.svg);
  -o-background-image: url(https://www.theapolis.de/build/images/select-arrow.e1320a3f.svg);
  -webkit-background-image: url(https://www.theapolis.de/build/images/select-arrow.e1320a3f.svg);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
[data-v-6a9a1fec]: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-6a9a1fec]: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-6a9a1fec],
h2[data-v-6a9a1fec],
h3[data-v-6a9a1fec],
h4[data-v-6a9a1fec],
h5[data-v-6a9a1fec] {
  margin: 0;
}
[data-v-6a9a1fec]: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 */
input[data-v-6a9a1fec] {
  box-shadow: none !important;
  -moz-box-shadow: none !important;
}
.input__no-border[data-v-6a9a1fec] {
  border-color: transparent;
  border-width: 0;
}
.input__no-border[data-v-6a9a1fec]:hover, .input__no-border[data-v-6a9a1fec]:focus {
  border-color: transparent;
}
.form-control[data-v-6a9a1fec]::-moz-placeholder {
  color: hsl(0, 0%, 43%);
}
.form-control[data-v-6a9a1fec]::placeholder {
  color: hsl(0, 0%, 43%);
}
.t-input.theme__neutral .input__no-border[data-v-6a9a1fec] {
  border-width: 1px;
  border-color: hsl(0, 0%, 66%);
}
.t-input.theme__neutral .input__no-border[data-v-6a9a1fec]:hover, .t-input.theme__neutral .input__no-border[data-v-6a9a1fec]:focus {
  border-color: hsl(0, 0%, 43%);
}
: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;
}
.select2 {
  color: var(--color-neutral-600);
  background-color: var(--color-white-400);
}
.select2 .vs__dropdown-option:hover {
  color: var(--color-secondary);
  background-color: var(--color-primary);
}
.select2 .vs__dropdown-option--highlight {
  background-color: transparent;
  color: var(--color-neutral-600);
}
.select2 .vs__selected,
.select2 .vs__search {
  font-size: 1rem;
  margin: 0;
}
.select2 .vs__search {
  color: var(--color-neutral-400);
}
.select2 .vs__dropdown-menu {
  border-top: 1px solid var(--color-neutral-200);
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}
.select2 .vs__dropdown-toggle {
  padding: 0.5rem 1rem;
  border-radius: 0;
  border-color: var(--color-neutral-200) !important;
}
.select2 .vs__actions {
  z-index: 990;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
}
.select2 .vs__actions .select2__drop-indicator,
.select2 .vs__actions .select2__search-indicator {
  cursor: pointer;
}
.select2 .vs__dropdown-option {
  white-space: normal;
}
.select2 .vs__dropdown-option--disabled {
  color: var(--color-neutral-600) !important;
}
.select2 .vs__dropdown-option--disabled:hover {
  background-color: transparent !important;
  color: var(--color-neutral-600) !important;
}
.select2.theme__neutral .vs__dropdown-option:hover {
  color: var(--color-white-400);
  background-color: var(--color-red-500);
}
.select2.theme__neutral .vs__dropdown-option.vs__dropdown-option--disabled:hover {
  background-color: transparent;
  color: var(--color-neutral-600);
}
.select2 .vs__clear {
  display: none;
}
[data-v-dfe194dc]: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-dfe194dc]: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-dfe194dc],
h2[data-v-dfe194dc],
h3[data-v-dfe194dc],
h4[data-v-dfe194dc],
h5[data-v-dfe194dc] {
  margin: 0;
}
[data-v-dfe194dc]: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;
}
.search-form[data-v-dfe194dc] {
  padding: 1.2rem 1.4rem;
  position: relative;
  background-color: var(--color-red-500);
}
@media (max-width: 1023.98px) {
.search-form > .row > .col-12[data-v-dfe194dc] {
    margin-bottom: 1rem;
}
.search-form > .row > .col-12[data-v-dfe194dc]:last-child {
    margin-bottom: 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;
}
.pg-result {
  font-size: 0.75rem;
  color: hsl(0, 0%, 43%);
}
[data-v-483fbbf1]: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-483fbbf1]: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-483fbbf1],
h2[data-v-483fbbf1],
h3[data-v-483fbbf1],
h4[data-v-483fbbf1],
h5[data-v-483fbbf1] {
  margin: 0;
}
[data-v-483fbbf1]: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-483fbbf1]: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-483fbbf1]: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-483fbbf1],
h2[data-v-483fbbf1],
h3[data-v-483fbbf1],
h4[data-v-483fbbf1],
h5[data-v-483fbbf1] {
  margin: 0;
}
[data-v-483fbbf1]: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 */
.pg-item[data-v-483fbbf1] {
  font-size: 1.1rem;
  line-height: 1.375rem;
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
  cursor: pointer;
  color: var(--color-red-400);
  font-weight: normal;
  display: inline-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;
}
.pg-item[data-v-483fbbf1]:hover,
.pg-item__hover[data-v-483fbbf1] {
  color: var(--color-red-300);
}
.pg-item__active[data-v-483fbbf1] {
  border-radius: 50%;
  color: var(--color-white-400);
  background-color: var(--color-red-400);
}
.pg-item__active[data-v-483fbbf1]:hover,
.pg-item__active.pg-item__hover[data-v-483fbbf1] {
  color: var(--color-white-400);
  background-color: var(--color-red-300);
}
.pg-item__edge[data-v-483fbbf1] {
  border-radius: 50%;
  color: var(--color-white-400);
  background-color: var(--color-red-400);
}
.pg-item__edge[data-v-483fbbf1]:hover,
.pg-item__edge.pg-item__hover[data-v-483fbbf1] {
  color: var(--color-white-400);
  background-color: var(--color-red-300);
}
.pg-item__active[data-v-483fbbf1],
.pg-item__edge[data-v-483fbbf1] {
  width: 30px;
  height: 30px;
  display: inline-flex;
  text-align: center !important;
  font-weight: normal;
  line-height: 30px;
}
.pg-item__extra-expand[data-v-483fbbf1] {
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  width: auto;
}
: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 */
.pg-group .pg-item:first-child {
  margin-left: 0 !important;
}
.pg-group {
  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;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}
[data-v-35d3659c]: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-35d3659c]: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-35d3659c],
h2[data-v-35d3659c],
h3[data-v-35d3659c],
h4[data-v-35d3659c],
h5[data-v-35d3659c] {
  margin: 0;
}
[data-v-35d3659c]: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-35d3659c]: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-35d3659c]: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-35d3659c],
h2[data-v-35d3659c],
h3[data-v-35d3659c],
h4[data-v-35d3659c],
h5[data-v-35d3659c] {
  margin: 0;
}
[data-v-35d3659c]: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;
}
.prod-presentation[data-v-35d3659c] {
  position: relative;
  color: var(--color-secodary);
}
.prod-presentation[data-v-35d3659c]:not(.prod-presentation--header):last-child {
  border: 1px solid var(--color-secondary);
}
.prod-presentation__menu-icon[data-v-35d3659c] {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
}
.single-row[data-v-35d3659c] {
  -ms-word-break: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -o-hyphens: auto;
  hyphens: auto;
  color: var(--color-secondary);
}
.theme__neutral.prod-presentation[data-v-35d3659c]:not(.prod-presentation--header) {
  border: 1px solid hsl(0, 0%, 90%);
  border-width: 1px 1px 0 1px;
}
.theme__neutral.prod-presentation[data-v-35d3659c]:not(.prod-presentation--header):last-child {
  border-bottom-width: 1px;
}
[data-v-0dd14fe7]: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-0dd14fe7]: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-0dd14fe7],
h2[data-v-0dd14fe7],
h3[data-v-0dd14fe7],
h4[data-v-0dd14fe7],
h5[data-v-0dd14fe7] {
  margin: 0;
}
[data-v-0dd14fe7]: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 */
.prod-headers__item[data-v-0dd14fe7] {
  display: flex;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  -o-align-items: baseline;
  align-items: baseline;
  -ms-flex-align: baseline;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  color: var(--color-secondary);
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}
.prod-headers__item svg[data-v-0dd14fe7] {
  margin-right: 5px;
}
.fa[data-v-0dd14fe7] {
  margin-right: 0.5rem;
}
.prod-headers__item[data-v-0dd14fe7]:hover,
.prod-headers__item--selected[data-v-0dd14fe7] {
  background-color: var(--color-secondary);
  color: var(--color-primary);
}
.prod-headers__item:hover .fa[data-v-0dd14fe7] {
  display: block;
  color: var(--color-primary);
}
.prod-headers__item--selected .fa[data-v-0dd14fe7] {
  display: block;
}
.prod-headers__item .fa[data-v-0dd14fe7] {
  cursor: pointer;
  color: var(--color-secondary);
}
.theme__neutral.prod-headers .prod-headers__item .fa[data-v-0dd14fe7] {
  color: var(--color-red-400);
}
.theme__neutral.prod-headers .prod-headers__item[data-v-0dd14fe7]:hover,
.theme__neutral.prod-headers .prod-headers__item--selected[data-v-0dd14fe7] {
  background-color: var(--color-white-400);
  color: var(--color-secondary);
}
.theme__neutral.prod-headers .prod-headers__item:hover .fa[data-v-0dd14fe7] {
  color: var(--color-red-400);
}
[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));
}
[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);
}

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

[data-v-fdee5466]: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-fdee5466]: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-fdee5466],
h2[data-v-fdee5466],
h3[data-v-fdee5466],
h4[data-v-fdee5466],
h5[data-v-fdee5466] {
  margin: 0;
}
[data-v-fdee5466]: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;
}
.t-link[data-v-fdee5466] {
  color: var(--color-secondary);
}
a[data-v-fdee5466]:hover,
.t-link--hover[data-v-fdee5466] {
  text-decoration: underline;
}
.t-link--bold[data-v-fdee5466] {
  font-weight: bold;
}
.t-link--neutral[data-v-fdee5466] {
  font-size: 0.75rem;
  padding: 0.55rem;
}
.theme__neutral.t-link[data-v-fdee5466] {
  color: var(--color-red-400);
}
.theme__neutral.t-link.t-link--neutral[data-v-fdee5466] {
  color: var(--color-neutral-400);
}
h1[data-v-5e8de25c],
h2[data-v-5e8de25c],
h3[data-v-5e8de25c],
h4[data-v-5e8de25c],
h5[data-v-5e8de25c] {
  margin: 0;
}
[data-v-5e8de25c]: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-5e8de25c]: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-5e8de25c]: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-5e8de25c],
h2[data-v-5e8de25c],
h3[data-v-5e8de25c],
h4[data-v-5e8de25c],
h5[data-v-5e8de25c] {
  margin: 0;
}
[data-v-5e8de25c]: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 */
.prod-title__link[data-v-5e8de25c],
.prod-title__neutral[data-v-5e8de25c] {
  font-size: 1.1rem;
  line-height: 1.375rem;
  font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
  margin-bottom: 1rem;
  font-weight: bold;
  display: block;
  font-size: 1rem;
  color: var(--color-secondary);
  -ms-word-break: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -o-hyphens: auto;
  hyphens: auto;
}
.prod-title__link[data-v-5e8de25c] {
  cursor: pointer;
}
.prod-title__show-more-link[data-v-5e8de25c] {
  display: inline-block;
  display: -moz-inline-block;
  cursor: pointer;
}
.theme__neutral.prod-title .prod-title__link[data-v-5e8de25c] {
  color: var(--color-red-400);
}
.production_title[data-v-5e8de25c] {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1ch;
}
@media screen and (max-width: 768px) {
.production_title[data-v-5e8de25c] {
    max-width: calc(100% - 60px);
    justify-content: flex-start;
    gap: 1ch;
}
}
span.production_type[data-v-5e8de25c] {
  flex-shrink: 0;
  background-color: hsl(216, 52%, 29%);
  color: hsl(0, 0%, 100%);
  border-radius: 4px;
  padding: 4px;
  line-height: 1;
  font-size: 10px;
  margin-top: 3px;
}
@media screen and (max-width: 768px) {
span.production_type[data-v-5e8de25c] {
    margin-top: 0px;
}
}
[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);
}
[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);
}