@charset "UTF-8";.octopus-app .octopus-spinner {
  --size-spinner: 3rem;
  --size-spinner-section: calc(var(--size-spinner) / 20);
  --half-size-spinner: calc(var(--size-spinner) / 2);
  --color-spinner: #000000;
  color: var(--color-spinner);
  display: inline-block;
  position: relative;
  width: var(--size-spinner);
  height: var(--size-spinner);
}
.octopus-app .octopus-spinner div {
  -webkit-transform-origin: var(--half-size-spinner) var(--half-size-spinner);
          transform-origin: var(--half-size-spinner) var(--half-size-spinner);
  -webkit-animation: octopus-spinner 1.2s linear infinite;
          animation: octopus-spinner 1.2s linear infinite;
}
.octopus-app .octopus-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: calc(var(--half-size-spinner) - var(--size-spinner-section) / 2);
  width: var(--size-spinner-section);
  height: calc(var(--half-size-spinner) / 3);
  border-radius: 20%;
  background: currentColor;
}
.octopus-app .octopus-spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.octopus-app .octopus-spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.octopus-app .octopus-spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.octopus-app .octopus-spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.octopus-app .octopus-spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
.octopus-app .octopus-spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.octopus-app .octopus-spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.octopus-app .octopus-spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.octopus-app .octopus-spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.octopus-app .octopus-spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.octopus-app .octopus-spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}
.octopus-app .octopus-spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
@-webkit-keyframes octopus-spinner {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes octopus-spinner {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}.octopus-app .octopus-modal.octopus-modal-top-layer::-ms-backdrop {
  opacity: 0.5;
  background-color: black;
}
.octopus-app .octopus-modal.octopus-modal-top-layer::backdrop {
  opacity: 0.5;
  background-color: black;
}
.octopus-app .octopus-modal.octopus-modal-top-layer.octopus-only-header-modal::-ms-backdrop {
  opacity: 0.1;
}
.octopus-app .octopus-modal.octopus-modal-top-layer.octopus-only-header-modal::backdrop {
  opacity: 0.1;
}
.octopus-app .octopus-modal.octopus-modal-top-layer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  border: 0;
  border-radius: var(--octopus-border-radius);
  -webkit-box-shadow: 0 0.2rem 0.5rem var(--octopus-shadow);
          box-shadow: 0 0.2rem 0.5rem var(--octopus-shadow);
  color: var(--octopus-color-text) !important;
  margin-top: 2rem;
  width: 80vw;
  max-height: 90dvh;
  overflow: hidden;
}
@media (width <= 500px) {
.octopus-app .octopus-modal.octopus-modal-top-layer {
    width: 95vw;
    margin-left: 2.5vw;
    margin-right: 2.5vw;
}
}
.octopus-app .octopus-modal.octopus-modal-top-layer .octopus-modal-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1rem;
  overflow-x: auto;
}
.octopus-app .octopus-modal.octopus-modal-top-layer .octopus-modal-body .scroller-vertical {
  min-height: 200px;
  height: 200px;
}
.octopus-app .octopus-modal.octopus-modal-top-layer .octopus-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 0;
  border-radius: var(--octopus-border-radius) var(--octopus-border-radius) 0 0;
  background: var(--octopus-primary);
  color: white;
  padding: 1rem;
}
.octopus-app .octopus-modal.octopus-modal-top-layer .octopus-modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 0;
  -ms-flex-wrap: initial;
      flex-wrap: initial;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 1rem;
}
.octopus-app .octopus-modal.octopus-modal-top-layer .octopus-modal-footer button {
  margin: 0.1rem;
}.octopus-app label.disabled {
  color: var(--octopus-text-disabled);
  cursor: default;
}
.octopus-app .octopus-form-switch {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 1rem;
}
.octopus-app .octopus-form-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.octopus-app .octopus-form-switch .slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: var(--octopus-secondary-darker);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 1rem;
}
.octopus-app .octopus-form-switch .slider::before {
  position: absolute;
  content: "";
  height: 0.8rem;
  width: 0.8rem;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.octopus-app .octopus-form-switch .slider:disabled::before {
  background-color: var(--octopus-text-disabled);
  opacity: 0.6;
}
.octopus-app .octopus-form-switch input:checked + .slider {
  background-color: var(--octopus-primary);
}
.octopus-app .octopus-form-switch input:focus + .slider {
  -webkit-box-shadow: 0 0 1px var(--octopus-primary);
          box-shadow: 0 0 1px var(--octopus-primary);
}
.octopus-app .octopus-form-switch input:checked + .slider::before {
  -webkit-transform: translateX(1rem);
          transform: translateX(1rem);
}
.octopus-app .octopus-form-switch input:disabled + .slider {
  cursor: default;
  background-color: var(--octopus-secondary-darker);
}.octopus-multiselect[data-v-046ca3d4] {
  position: relative;
}
.octopus-multiselect .octopus-multiselect-field[data-v-046ca3d4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--octopus-border-default);
  border-radius: var(--octopus-border-radius);
  background: white;
  cursor: pointer;
}
.octopus-multiselect .octopus-multiselect-field.open[data-v-046ca3d4] {
  border-color: var(--octopus-primary);
}
.octopus-multiselect .octopus-multiselect-field.disabled[data-v-046ca3d4] {
  background: var(--octopus-secondary-lighter);
  cursor: default;
}
.octopus-multiselect .octopus-multiselect-field.noBorder[data-v-046ca3d4] {
  border: none;
}
.octopus-multiselect .octopus-multiselect-selection[data-v-046ca3d4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding: 0.4rem 0.5rem;
  height: 2rem;
  gap: 0.25rem;
}
.octopus-multiselect .octopus-multiselect-selection-text[data-v-046ca3d4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.octopus-multiselect .octopus-multiselect-selection-count[data-v-046ca3d4] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
  color: var(--octopus-primary);
}
.octopus-multiselect .octopus-multiselect-input[data-v-046ca3d4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  background: transparent;
  padding: 0.4rem 0.5rem;
  padding-right: 0;
  height: 2rem;
  outline: none;
  cursor: inherit;
  min-width: 0;
}
.octopus-multiselect .octopus-multiselect-chevron[data-v-046ca3d4] {
  padding: 0.25rem 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.octopus-multiselect-hover-tooltip[data-v-046ca3d4] {
  z-index: 101;
  background: white;
  border: 1px solid var(--octopus-border-default);
  border-radius: var(--octopus-border-radius);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
  word-break: break-word;
  pointer-events: none;
}
.octopus-multiselect-dropdown[data-v-046ca3d4] {
  z-index: 100;
  background: white;
  border: 1px solid var(--octopus-border-default);
  border-radius: var(--octopus-border-radius);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 0.25rem 0;
}
.octopus-multiselect-dropdown > .octopus-form-item[data-v-046ca3d4] {
  padding: 0.25rem 0.5rem;
  border-bottom: 1px solid var(--octopus-secondary);
}
.octopus-multiselect-options[data-v-046ca3d4] {
  max-height: 14rem;
  overflow-y: auto;
}
.octopus-multiselect-options .octopus-form-item[data-v-046ca3d4] {
  padding: 0.25rem 0.5rem;
}
hr[data-v-046ca3d4] {
  border-top: 1px solid var(--octopus-secondary);
  border-bottom: none;
  margin: 0;
}.avatar-container[data-v-b9690c3d] {
  border-radius: 30%;
  font-weight: 800;
  color: black;
}.octopus-app select option:is(:checked, :hover) {
  -webkit-box-shadow: 0 0 10px 100px var(--octopus-secondary) inset;
          box-shadow: 0 0 10px 100px var(--octopus-secondary) inset;
}
.octopus-app select:focus > option:checked {
  background: var(--octopus-secondary) !important;
}
.octopus-app select.transparent {
  background: transparent !important;
  outline-color: transparent !important;
  padding: 0;
  border: 0;
  height: unset;
  -webkit-appearance: auto !important;
     -moz-appearance: auto !important;
          appearance: auto !important;
}.octopus-app .paginate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.octopus-app .paginate select {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  background: transparent !important;
  padding-right: 0.4rem;
}.octopus-app .paginate-fixed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  position: sticky;
  background: var(--octopus-background);
  padding: 0.5rem 0;
  z-index: 10;
}
.octopus-app .paginate-fixed .btn.btn-paginate {
  border-radius: 0;
  color: var(--octopus-btn-paginate-fg);
  background: var(--octopus-btn-paginate-bg);
}
.octopus-app .paginate-fixed .btn.btn-paginate.active {
  color: var(--octopus-btn-paginate-active-fg);
  background: var(--octopus-btn-paginate-active-bg);
}
.octopus-app .module-box .paginate-fixed,
.octopus-app .octopus-modal .paginate-fixed,
.octopus-app .octopus-accordion .paginate-fixed {
  bottom: 0 !important;
}table[data-v-eb171c63] {
  border-collapse: collapse;
}
th[data-v-eb171c63] {
  text-align: start;
}
tr[data-v-eb171c63] {
  height: var(--table-line-height);
  min-height: var(--table-line-height);
}
thead[data-v-eb171c63], tr[data-v-eb171c63] {
  border-bottom: 1px solid var(--octopus-primary-more-transparent);
}
thead td[data-v-eb171c63]:first-child, thead th[data-v-eb171c63]:first-child, tr td[data-v-eb171c63]:first-child, tr th[data-v-eb171c63]:first-child {
  padding: 0px 32px;
}
.actions[data-v-eb171c63] {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.selection[data-v-eb171c63] {
  width: 20px;
  padding: 0;
}table[data-v-5abb92d3] {
  border-collapse: collapse;
}
th[data-v-5abb92d3] {
  text-align: start;
}
tr[data-v-5abb92d3] {
  height: var(--table-line-height);
  min-height: var(--table-line-height);
}
thead[data-v-5abb92d3], tr[data-v-5abb92d3] {
  border-bottom: 1px solid var(--octopus-primary-more-transparent);
}
thead td[data-v-5abb92d3]:first-child, thead th[data-v-5abb92d3]:first-child, tr td[data-v-5abb92d3]:first-child, tr th[data-v-5abb92d3]:first-child {
  padding: 0px 32px;
}
.actions[data-v-5abb92d3] {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}.classic-button-group[data-v-46014914] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid var(--octopus-border-default);
  border-radius: var(--octopus-border-radius);
  overflow: hidden;
}
.classic-button-group .btn[data-v-46014914] {
  border: none;
  border-right: 1px solid var(--octopus-border-default);
  border-radius: 0;
  background-color: var(--octopus-secondary);
  color: var(--octopus-gray-text);
  font-size: 0.8rem;
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
}
.classic-button-group .btn[data-v-46014914]:last-child {
  border-right: none;
}
.classic-button-group .btn[data-v-46014914]:hover:not(.active) {
  background-color: var(--octopus-secondary-darker);
}
.classic-button-group .btn.active[data-v-46014914] {
  background-color: var(--octopus-primary);
  color: white;
}.octopus-select[data-v-c6766934] {
  position: relative;
}
.octopus-select .octopus-select-field[data-v-c6766934] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--octopus-border-default);
  border-radius: var(--octopus-border-radius);
  background: white;
  cursor: pointer;
}
.octopus-select .octopus-select-field.open[data-v-c6766934] {
  border-color: var(--octopus-primary);
}
.octopus-select .octopus-select-field.disabled[data-v-c6766934] {
  background: var(--octopus-secondary-lighter);
  cursor: default;
}
.octopus-select .octopus-select-field.noBorder[data-v-c6766934] {
  border: none;
}
.octopus-select .octopus-select-value[data-v-c6766934] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.4rem 0.5rem;
  padding-right: 0;
  height: 2rem;
}
.octopus-select .octopus-select-input[data-v-c6766934] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  background: transparent;
  padding: 0.4rem 0.5rem;
  height: 2rem;
  outline: none;
  cursor: inherit;
  min-width: 0;
}
.octopus-select .octopus-select-chevron[data-v-c6766934] {
  padding: 0.25rem 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.octopus-select-dropdown[data-v-c6766934] {
  z-index: 100;
  background: white;
  border: 1px solid var(--octopus-border-default);
  border-radius: var(--octopus-border-radius);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 0.25rem 0;
}
.octopus-select-options[data-v-c6766934] {
  max-height: 14rem;
  overflow-y: auto;
}
.octopus-select-option[data-v-c6766934] {
  display: block;
  width: 100%;
  text-align: left;
  padding: 0.25rem 0.5rem;
  border: none;
  background: transparent;
  cursor: pointer;
}
.octopus-select-option[data-v-c6766934]:hover {
  background: var(--octopus-secondary-lighter);
}
.octopus-select-option.selected[data-v-c6766934] {
  font-weight: 600;
  color: var(--octopus-primary);
}.octopus-app .player-container {
  max-height: 94%;
  position: sticky;
  overflow: visible;
  z-index: 12;
  width: 100%;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: height 1s;
  transition: height 1s;
  background: var(--octopus-player-color) !important;
  font-size: 1rem;
}
.octopus-app .player-container .medium-text {
  font-size: 0.65rem;
}
.octopus-app .player-container .small-text {
  font-size: 0.5rem;
}
@media (width <= 960px) {
.octopus-app .player-container .d-flex {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}
}
.octopus-app #ad-container {
  display: none;
}.octopus-app .loading-size {
  height: 21.4rem;
}.octopus-app .advanced-search-container {
  background: var(--octopus-background);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 1rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media (width <= 720px) {
.octopus-app .advanced-search-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
}
.octopus-app .advanced-search-enter-active,
.octopus-app .advanced-search-leave-active {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  opacity: 1;
  max-height: 900px;
  height: auto;
  overflow: hidden;
}
.octopus-app .advanced-search-enter-from,
.octopus-app .advanced-search-leave-to {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}.octopus-app .input-search-page input {
  border: 2px solid var(--octopus-border-default);
  border-radius: var(--octopus-border-radius);
  margin: 0 !important;
  height: 48px;
}
.octopus-app .input-search-page input[type=search]::-webkit-search-cancel-button {
  display: none;
}
.octopus-app .input-search-page .search-icon-container {
  position: absolute;
  inset-block: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px;
}.octopus-app .filter-speech-bubble {
  position: absolute;
  background: var(--octopus-primary);
  border-radius: var(--octopus-border-radius);
  width: 10rem;
  right: 4rem;
  padding: 5px;
  -webkit-animation: fadein 1s;
          animation: fadein 1s;
  color: white;
}
.octopus-app .filter-speech-bubble::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 18px solid transparent;
  border-left-color: var(--octopus-primary);
  border-right: 0;
  border-bottom: 0;
  margin-top: -9px;
  margin-right: -18px;
  -webkit-animation: fadein 1s;
          animation: fadein 1s;
}
@-webkit-keyframes fadein {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes fadein {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}.octopus-popover {
  background: var(--octopus-background);
  border-radius: var(--octopus-border-radius);
  overflow: auto;
  margin: 0 !important;
  z-index: 10;
}
.octopus-popover.popover-z-index {
  z-index: 9999;
}
.octopus-popover.octopus-dropdown {
  min-width: 200px;
}
.octopus-popover.octopus-dropdown .octopus-dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--octopus-color-text);
  width: 100%;
  padding: 0.25rem 1rem;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.octopus-popover.octopus-dropdown .octopus-dropdown-item:disabled {
  background: var(--octopus-secondary-darker);
}
.octopus-popover.octopus-dropdown .octopus-dropdown-item:is(:hover, :focus) {
  color: var(--octopus-popover-dropdown-item-color-fg-hover);
  background: var(--octopus-popover-dropdown-item-color-bg-hover);
}
.octopus-popover.octopus-dropdown hr {
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid var(--octopus-border-default);
  opacity: 1;
}/** Helper class to keep the data accessible for screen readers */
.rights-visually-hidden[data-v-ae2750ed] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}.alert[data-v-855a6b15]:not(.text-alert) {
  border: 1px solid;
  border-left: 8px solid;
}
.alert .icon[data-v-855a6b15] {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: start !important;
}
.alert .content[data-v-855a6b15] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: center;
      align-self: center;
}
.alert .content[data-v-855a6b15] p {
  margin: 0 !important;
}
.alert .content[data-v-855a6b15] p:not(:first-child) {
  margin-top: 8px !important;
}
.alert-success[data-v-855a6b15]:not(.text-alert) {
  background-color: hsl(from hsl(from var(--octopus-primary) h s 45) h s 95) !important;
  border-color: hsl(from var(--octopus-primary) h s 45) !important;
}
.alert-success.text-alert[data-v-855a6b15] {
  color: hsl(from var(--octopus-primary) h s 45) !important;
}
.alert-success .icon[data-v-855a6b15] {
  color: hsl(from var(--octopus-primary) h s 45);
}
.alert-info[data-v-855a6b15]:not(.text-alert) {
  background-color: hsl(from var(--octopus-primary) h s 95) !important;
  border-color: var(--octopus-primary) !important;
}
.alert-info.text-alert[data-v-855a6b15] {
  color: var(--octopus-primary) !important;
}
.alert-info .icon[data-v-855a6b15] {
  color: var(--octopus-primary);
}
.alert-warning[data-v-855a6b15]:not(.text-alert) {
  background-color: hsl(from var(--octopus-warning) h s 95) !important;
  border-color: var(--octopus-warning) !important;
}
.alert-warning.text-alert[data-v-855a6b15] {
  color: var(--octopus-warning) !important;
}
.alert-warning .icon[data-v-855a6b15] {
  color: var(--octopus-warning);
}
.alert-error[data-v-855a6b15]:not(.text-alert) {
  background-color: hsl(from var(--octopus-danger) h s 95) !important;
  border-color: var(--octopus-danger) !important;
}
.alert-error.text-alert[data-v-855a6b15] {
  color: var(--octopus-danger) !important;
}
.alert-error .icon[data-v-855a6b15] {
  color: var(--octopus-danger);
}div.inline[data-v-e04cab9a] {
  display: inline;
  vertical-align: top;
}
.inline div[data-v-e04cab9a] {
  display: inline;
}
.inline .rights-indicator-icon[data-v-e04cab9a] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  bottom: -4px;
  height: 1px;
}
.inline .invisible[data-v-e04cab9a] {
  display: none;
}

/** Helper class to keep the data accessible for screen readers */
.rights-visually-hidden[data-v-e04cab9a] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}.octopus-app .img-blur-background {
  position: absolute;
  inset: 0;
  background-color: var(--octopus-background-transparent);
  pointer-events: none;
}
.octopus-app .img-blur-background.allow-play button {
  pointer-events: all;
}
.octopus-app .live-image-status {
  text-align: center;
  width: 100%;
  font-size: 0.6rem;
  padding: 0.2rem 0;
  color: white;
  text-transform: uppercase;
  position: absolute;
  top: 0;
}
.octopus-app .special-icon-play-button {
  width: 30px;
  height: 30px;
  background-color: oklch(88.97% 0.1399 89.64deg);
  color: black;
  border-radius: 50%;
  position: absolute;
  right: -15px;
  top: -20px;
  font-size: 0.9rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.octopus-app .multi-buttons-play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 1rem;
  color: white;
  background-color: var(--octopus-btn-play-bg);
  border-radius: var(--octopus-btn-play-radius);
}
@media (width <= 960px) {
.octopus-app .multi-buttons-play {
    font-size: 0.8rem;
}
}
.octopus-app .multi-buttons-play button {
  color: var(--octopus-btn-play-fg);
  background-color: transparent;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem;
}
.octopus-app .play-button-relative.multi-buttons-play {
  position: relative;
}.octopus-app .live-image-status {
  text-align: center;
  width: 100%;
  font-size: 0.6rem;
  padding: 0.2rem 0;
  color: white;
  text-transform: uppercase;
  position: absolute;
  top: 0;
}
.octopus-app .background-icon {
  border-radius: 50%;
  width: 44px;
  height: 44px;
  font-size: 0.7rem;
  right: 0;
  bottom: 0;
  margin: 5px;
  position: absolute;
  cursor: pointer;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}.podcast-item-season[data-v-fc999242] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  --icon-size: 0.8rem;
}
.podcast-item-season .material-design-icon[data-v-fc999242] {
  margin-left: 4px;
  width: var(--icon-size);
  height: var(--icon-size);
  color: var(--octopus-primary);
}.octopus-app .podcast-item-animator {
  font-size: 0.55rem;
  font-weight: 300;
  text-transform: capitalize;
}.title-podcast-item[data-v-797cc585] {
  font-weight: 700;
  margin: 0.25rem 0.5rem 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 0.9rem;
  min-height: 3rem;
  line-height: 1rem;
}
.producer-podcast-item[data-v-797cc585] {
  font-size: 0.55rem;
  color: var(--octopus-gray-text);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.podcast-item-status[data-v-797cc585] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}.octopus-app .podcast-item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: var(--octopus-border-radius);
  position: relative;
  width: var(--octopus-podcast-size);
  height: 20.5rem;
  overflow: hidden;
  text-align: left;
  background: var(--octopus-background);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.octopus-app .podcast-item-container .description-podcast-item {
  --octopus-max-height-description: var(--octopus-podcast-size);
  padding: 1rem;
  background-color: oklch(from var(--octopus-background) l c h/90%);
  position: absolute;
  width: var(--octopus-podcast-size);
  height: var(--octopus-podcast-size);
  margin-top: 0;
}
.octopus-app .podcast-item-container .description-podcast-item.mobile-description-podcast-item {
  overflow: auto;
}
@media (width <= 450px) {
.octopus-app .podcast-item-container {
    width: var(--octopus-image-size);
    height: 19rem;
}
.octopus-app .podcast-item-container .description-podcast-item {
    height: var(--octopus-image-size);
    width: var(--octopus-image-size);
}
}.content[data-v-42934be4] {
  font: revert;
  font-size: 18px !important;
  text-align: start;
}
.help-popover[data-v-42934be4] {
  background-color: var(--octopus-secondary-lighter);
  max-width: 60%;
}.octopus-app .participant-item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--octopus-border-radius);
  width: var(--octopus-image-size);
}.octopus-app {
  /** Comma list style */
}
.octopus-app .comma {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.5rem 0;
}
.octopus-app .comma > a {
  text-transform: capitalize;
}
.octopus-app .comma > a::after, .octopus-app .comma .comma-element::after {
  content: ", ";
  margin-right: 0.2rem;
}
.octopus-app .comma > a:last-child::after, .octopus-app .comma .comma-element:last-child::after {
  content: "";
}
.octopus-app[data-v-58c6610e] {
  --octopus-accessibility-font-size: 16px;
  --octopus-accessibility-background: var(--octopus-background);
  --octopus-accessibility-color: var(--octopus-color-text);
}
.octopus-app .language-selector[data-v-58c6610e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1rem;
}
.octopus-app .language-selector span[data-v-58c6610e] {
  font-weight: 600;
}
.octopus-app .transcription-section-buttons[data-v-58c6610e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (width <= 625px) {
.octopus-app .transcription-section-buttons[data-v-58c6610e] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
}
.octopus-app .btn-transcript[data-v-58c6610e] {
  position: relative;
  border-radius: var(--octopus-border-radius);
  overflow: hidden;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.octopus-app .btn-transcript.open[data-v-58c6610e] {
  margin-left: auto;
  direction: rtl;
}
@media (width <= 625px) {
.octopus-app .btn-transcript.open[data-v-58c6610e] {
    margin-top: 0.5rem;
}
}
.octopus-app .btn-transcript[data-v-58c6610e]:not(.open) {
  margin-right: auto;
}
.octopus-app .btn-transcript[data-v-58c6610e]:not(.open)::before, .octopus-app .btn-transcript.open[data-v-58c6610e]::after {
  content: "➤";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  height: 100%;
  width: 30px;
  border-radius: 0 50% 50% 0;
  background-color: var(--octopus-background-transparent);
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.octopus-app .btn-transcript[data-v-58c6610e]:not(.open)::before {
  left: 0;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.octopus-app .btn-transcript.open[data-v-58c6610e]::after {
  right: -30px;
  -webkit-transform-origin: center left;
          transform-origin: center left;
}
.octopus-app .btn-transcript[data-v-58c6610e]:hover {
  text-indent: 30px;
}
.octopus-app .btn-transcript[data-v-58c6610e]:not(.open):hover::before, .octopus-app .btn-transcript.open[data-v-58c6610e]:hover::after {
  text-indent: 0;
}
.octopus-app .btn-transcript[data-v-58c6610e]:not(.open):hover::before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.octopus-app .btn-transcript.open[data-v-58c6610e]:hover::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.octopus-app .transcription-body[data-v-58c6610e] {
  font-size: var(--octopus-accessibility-font-size);
  position: relative;
  padding: 1rem;
  max-height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: pre-wrap;
  background: var(--octopus-accessibility-background);
  color: var(--octopus-accessibility-color);
  border: 2px solid var(--octopus-border-default);
  border-radius: var(--octopus-border-radius);
}
.octopus-app .transcription-body .transcription-text[data-v-58c6610e] {
  overflow: hidden auto;
}@media (width >= 950px) {
.octopus-app .participant-desc {
    max-width: 50%;
    line-height: 1.5em;
}
}.octopus-app .tag-page .ouest-france-logo-tag-page {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  vertical-align: center;
}
@media (width <= 500px) {
.octopus-app .tag-page .ouest-france-logo-tag-page {
    width: 20px;
    height: 20px;
}
}.subscribe-buttons-container[data-v-42ba36ee] {
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
.subscribe-buttons-container.justify-center[data-v-42ba36ee] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.subscribe-buttons-container > div[data-v-42ba36ee] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (width <= 960px) {
.subscribe-buttons-container[data-v-42ba36ee] {
    margin-top: 0.8rem;
}
}
.share-btn[data-v-42ba36ee] {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.share-btn.mono[data-v-42ba36ee] {
  background-color: var(--octopus-primary);
}
.share-btn.small[data-v-42ba36ee] {
  height: 1.8rem !important;
  width: 1.8rem !important;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
}.octopus-app .sticker-empty-ressource {
  position: absolute;
  top: 5px;
  right: 5px;
  -ms-flex-item-align: center;
      align-self: center;
  background: var(--octopus-tertiary);
  padding: 0.5rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: var(--octopus-color-on-primary);
  font-size: 0.6rem;
  font-weight: bold;
  letter-spacing: 1px;
  -webkit-box-shadow: 10px 10px 34px -15px var(--octopus-shadow);
          box-shadow: 10px 10px 34px -15px var(--octopus-shadow);
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  border: solid 2px var(--octopus-color-text);
  cursor: auto;
}
.octopus-app .sticker-empty-ressource:hover {
  -webkit-box-shadow: 2px 8px 4px -6px var(--octopus-shadow);
          box-shadow: 2px 8px 4px -6px var(--octopus-shadow);
  background: var(--octopus-primary);
}@media (width <= 960px) {
.octopus-app .not-auth-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
}
.octopus-app .not-auth-content .stop-octopus-img {
  width: 600px;
  height: auto;
}
@media (width <= 1400px) {
.octopus-app .not-auth-content .stop-octopus-img {
    width: 400px;
}
}
@media (width <= 450px) {
.octopus-app .not-auth-content .stop-octopus-img {
    width: 80%;
}
}.octopus-app .page-not-found {
  background-size: cover;
  background-position: center;
  background-color: var(--octopus-background);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}.octopus-app .octopus-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
  list-style: none;
  border-bottom: 0.05rem solid var(--octopus-border-default);
}
.octopus-app .octopus-nav.light {
  border: 0;
}
.octopus-app .octopus-nav-item {
  border-right: solid 1px var(--octopus-border-default);
  border-left: solid 1px var(--octopus-border-default);
  border-top: solid 1px var(--octopus-border-default);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}
.octopus-app .octopus-tab-content {
  border-right: solid 1px var(--octopus-border-default);
  border-left: solid 1px var(--octopus-border-default);
  border-bottom: solid 1px var(--octopus-border-default);
  background-color: var(--octopus-background);
}
.octopus-app .octopus-nav.light .octopus-tab-content {
  border-top: solid 1px var(--octopus-border-default);
}
.octopus-app .octopus-nav.light .octopus-nav-item {
  border: 0;
}
.octopus-app .octopus-nav-link {
  display: block;
  background: transparent;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0.5rem 1rem;
  text-decoration: none;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  border: 0.1rem solid transparent;
}
.octopus-app .octopus-nav-link:hover {
  border-color: var(--octopus-border-default);
  border-bottom-color: var(--octopus-primary);
  color: var(--octopus-primary);
}
.octopus-app .octopus-nav-link.active {
  border-color: var(--octopus-primary);
  background: var(--octopus-primary);
  color: white;
}
.octopus-app .octopus-nav.light .octopus-nav-link {
  font-weight: bold;
  background: var(--octopus-border-default);
}
.octopus-app .octopus-nav.light .octopus-nav-link.active {
  border-bottom-color: var(--octopus-primary);
  background: transparent;
  color: var(--octopus-primary);
}
.octopus-app .octopus-tab-pane {
  display: none;
}
.octopus-app .octopus-tab-pane.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (width <= 550px) {
.octopus-app .octopus-tab-pane.active {
    padding: 0;
}
}.octopus-app .video-page-container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: var(--octopus-primary-really-transparent);
  border-radius: var(--octopus-border-radius);
  -webkit-box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);
          box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);
}
.octopus-app .video-page-container .info-video-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.octopus-app .video-page-container .info-video-container .octopus-tab-pane,
.octopus-app .video-page-container .info-video-container .video-module-box {
  height: 0;
  overflow-y: auto;
}
@media (width <= 960px) {
.octopus-app .video-page-container .info-video-container .octopus-tab-pane,
  .octopus-app .video-page-container .info-video-container .video-module-box {
    height: inherit;
}
}
.octopus-app .video-page-container .info-video-container .classic-nav-tab-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.octopus-app .video-page-container .module-box.module-box-transparent {
  margin: 0;
  background: transparent;
  border: 0;
  padding: 0;
}
.octopus-app .video-page-container .w-70-responsive {
  width: 70%;
  aspect-ratio: 16/9;
}
.octopus-app .video-page-container .w-30-responsive {
  width: 30%;
}
.octopus-app .video-page-container .w-70-responsive,
.octopus-app .video-page-container .w-30-responsive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (width <= 960px) {
.octopus-app .video-page-container .w-70-responsive,
  .octopus-app .video-page-container .w-30-responsive {
    width: 100%;
    padding: 0 !important;
}
}
.octopus-app .video-page-container .really-light-secondary-bg {
  background: white;
}.octopus-app .page-logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.octopus-app .page-logout .logout-section {
  background: var(--octopus-background);
  padding: 3rem;
}
.octopus-app .page-logout .loader {
  width: 100%;
  height: 20px;
  border-radius: 20px;
  background: repeating-linear-gradient(135deg, oklch(from var(--octopus-primary) calc(l * 1.09) c h) 0 10px, oklch(from var(--octopus-tertiary) calc(l * 1.09) c h) 0 20px) 0/0% no-repeat, repeating-linear-gradient(135deg, var(--octopus-secondary) 0 10px, var(--octopus-secondary-darker) 0 20px) 0/100%;
  -webkit-animation: l3 2s infinite;
          animation: l3 2s infinite;
}
@-webkit-keyframes l3 {
100% {
    background-size: 100%;
}
}
@keyframes l3 {
100% {
    background-size: 100%;
}
}.background[data-v-91795447] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  z-index: -1;
}
.background img[data-v-91795447] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: blur(40px) sepia(0.4);
          filter: blur(40px) sepia(0.4);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media (width <= 960px) {
.background img[data-v-91795447] {
    -webkit-filter: blur(15px);
            filter: blur(15px);
}
}
article[data-v-91795447] {
  --background: white;
  --border-radius: 20px;
  margin: 8rem auto 2rem;
  padding: 20px;
  width: 900px;
  border-radius: var(--border-radius);
  background: var(--background);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
@media (width <= 960px) {
article[data-v-91795447] {
    margin-top: 5rem;
    width: 100%;
}
}
article .play-button[data-v-91795447] {
  width: 250px;
}
@media (width <= 960px) {
article .play-button[data-v-91795447] {
    margin-right: auto !important;
    margin-left: auto !important;
}
}
article .play-button[data-v-91795447]::before {
  display: none;
}
article .left[data-v-91795447] {
  float: left;
}
@media (width <= 960px) {
article .left[data-v-91795447] {
    margin: 0 auto;
    float: none;
}
}
article .img-box[data-v-91795447] {
  margin-top: -70px;
  margin-bottom: 0px;
  margin-right: 20px;
  border: 2px solid var(--background);
  border-radius: var(--border-radius);
}
@media (width <= 960px) {
article .img-box[data-v-91795447] {
    margin: -70px auto 10px;
}
}
article .content[data-v-91795447] {
  margin-left: 20px;
}
@media (width <= 960px) {
article .content[data-v-91795447] {
    margin-left: 0;
}
}
article .content h1[data-v-91795447] {
  text-align: start !important;
  font-size: var(--octopus-smartlink-title-fontsize);
  color: var(--octopus-smartlink-title-color);
}
@media (width <= 960px) {
article .content h1[data-v-91795447] {
    text-align: center !important;
}
}
article .platforms[data-v-91795447] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 50px;
}
@media (width <= 960px) {
article .platforms[data-v-91795447] {
    margin-top: 20px;
}
}
article .platforms .platform-btn[data-v-91795447] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  margin: auto;
}
@media (width <= 960px) {
article .platforms .platform-btn[data-v-91795447] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}
}
article .platforms .btn[data-v-91795447] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 40px;
  background: linear-gradient(155deg, var(--octopus-secondary) 30%, oklch(from var(--gradient-color) l c h/40%));
}
article .platforms .btn .platform-label[data-v-91795447] {
  margin-left: 30px;
}
article .platforms .btn[data-v-91795447]:hover {
  background: linear-gradient(155deg, var(--octopus-secondary) 30%, oklch(from var(--gradient-color) l c h/100%));
}
.footer[data-v-91795447] {
  cursor: pointer;
  margin: 34px auto 0;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (width <= 960px) {
.footer[data-v-91795447] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
}
.footer a[data-v-91795447] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--octopus-color-text);
}
.footer a[data-v-91795447]:hover {
  color: var(--octopus-primary);
}.octopus-accordion > button[data-v-c4e51e3f] {
  min-height: 50px;
  color: var(--octopus-primary);
  font-size: 0.9rem;
  border: 1px solid transparent;
  border-bottom-color: var(--octopus-secondary-darker);
  font-weight: bold;
}
.octopus-accordion > button[data-v-c4e51e3f]:hover {
  border-bottom-color: var(--octopus-color-text);
}
.octopus-accordion:not(.octopus-accordion-open) > button[data-v-c4e51e3f] {
  background: transparent;
}
.octopus-accordion .body[data-v-c4e51e3f] {
  background: var(--octopus-background);
}
.octopus-accordion.octopus-accordion-open[data-v-c4e51e3f] {
  border-radius: var(--octopus-border-radius);
}
.octopus-accordion.octopus-accordion-open > button[data-v-c4e51e3f] {
  border-radius: var(--octopus-border-radius) 0 0;
  background: var(--octopus-border-default);
  border-color: transparent;
  color: var(--octopus-color-text);
}
.octopus-accordion .img-accordion[data-v-c4e51e3f] {
  width: 30px;
  height: 30px;
  margin-right: 1rem;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.octopus-accordion .subtitle[data-v-c4e51e3f] {
  color: var(--octopus-gray);
  font-weight: 600;
  font-style: italic;
  font-size: 0.75rem;
}.octopus-app .octopus-progress[data-v-4d1a1fc2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  background-color: var(--octopus-player-progress-background-color);
  border-radius: var(--octopus-border-radius);
  position: relative;
  cursor: pointer;
}
.octopus-app .octopus-progress .octopus-progress-bar[data-v-4d1a1fc2] {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  color: var(--octopus-color-on-primary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--octopus-player-progress-color-current);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.octopus-app .octopus-progress .octopus-chapter[data-v-4d1a1fc2] {
  position: absolute;
  background: transparent;
  background-clip: content-box;
  padding: 0 5px;
  -webkit-box-shadow: inset -2px 1px 0 0 black, inset 2px 1px 0 0 black;
          box-shadow: inset -2px 1px 0 0 black, inset 2px 1px 0 0 black;
}
.octopus-app .octopus-progress .octopus-chapter[data-v-4d1a1fc2]:hover {
  background: var(--octopus-background-transparent);
  -webkit-box-shadow: -4px 1px 0 0 black;
          box-shadow: -4px 1px 0 0 black;
}
.octopus-app .octopus-progress[data-v-4d1a1fc2], .octopus-app .octopus-progress .octopus-progress-bar[data-v-4d1a1fc2] {
  height: 4px;
}
@media (width <= 960px) {
.octopus-app .octopus-progress[data-v-4d1a1fc2], .octopus-app .octopus-progress .octopus-progress-bar[data-v-4d1a1fc2] {
    height: 8px;
}
}
.octopus-app .octopus-progress.large[data-v-4d1a1fc2], .octopus-app .octopus-progress.large .octopus-progress-bar[data-v-4d1a1fc2] {
  height: 15px;
}
.octopus-app .octopus-progress.medium[data-v-4d1a1fc2], .octopus-app .octopus-progress.medium .octopus-progress-bar[data-v-4d1a1fc2] {
  height: 6px;
}
.octopus-app .octopus-progress .octopus-progress-bar-duration[data-v-4d1a1fc2] {
  width: 10px;
}
.octopus-app .octopus-progress .octopus-progress-bar-cursor[data-v-4d1a1fc2] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: black;
  -ms-flex-item-align: center;
      align-self: center;
  position: absolute;
}
.octopus-app .octopus-progress .end-0[data-v-4d1a1fc2] {
  right: 0;
}
.octopus-app .player-container .octopus-small-popover[data-v-4d1a1fc2] {
  font-size: 0.7rem;
  background: var(--octopus-player-color);
  color: white;
  border: 0;
}
.octopus-app .player-container .octopus-small-popover .p-2[data-v-4d1a1fc2] {
  padding: 0.2rem !important;
}.octopus-app .acpm-image {
  width: 44px;
  height: 44px;
}#footer[data-v-9ac21635] {
  font-size: max(0.6rem, 12px);
  bottom: 0;
  z-index: 10;
  background: white;
  padding: 0 2rem;
}
#footer a[data-v-9ac21635],
#footer .link-hover.btn-transparent[data-v-9ac21635] {
  font-weight: 500;
  color: var(--octopus-gray-text) !important;
}
#footer .special-select-align-magic-trick[data-v-9ac21635] {
  margin-left: 0.16rem;
}.octopus-app .snack-bar-wrap {
  bottom: 0;
}#header-scope-selector[data-v-e84ec0ca] .octopus-select-field {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.1);
  margin-left: 200px;
}
#header-scope-selector[data-v-e84ec0ca] .octopus-select-field .octopus-select-value {
  color: var(--octopus-secondary);
  font-weight: bold;
  -ms-flex-line-pack: center;
      align-content: center;
}
#header-scope-selector[data-v-e84ec0ca] .octopus-select-field input {
  color: white;
}
#header-scope-selector[data-v-e84ec0ca] .octopus-select-field button {
  color: rgba(255, 255, 255, 0.3);
}
.value[data-v-e84ec0ca] {
  color: var(--octopus-secondary);
  font-weight: bold;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.value button[data-v-e84ec0ca] {
  color: inherit;
  font-weight: inherit;
  text-align: start;
  padding: 0;
}
.value span[data-v-e84ec0ca]:not(.selected):not(.icon) {
  opacity: 0.5;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.value span[data-v-e84ec0ca]:not(.selected):not(.icon):hover {
  opacity: 0.7;
}
.label[data-v-e84ec0ca] {
  color: rgba(255, 255, 255, 0.3);
  font-weight: 600;
  font-style: italic;
  font-size: 14px;
  white-space: nowrap;
  overflow-y: visible;
}
.icon[data-v-e84ec0ca] {
  opacity: 0.7;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.icon[data-v-e84ec0ca]:hover {
  opacity: 1;
}#suborga-list-menu-btn[data-v-28cae706] {
  -webkit-transition: rotate 0.3s ease-out;
  transition: rotate 0.3s ease-out;
}
#suborga-list-menu-btn.active[data-v-28cae706] {
  rotate: 90deg;
}
#suborga-list-menu[data-v-28cae706] {
  z-index: 100;
  --width: 30dvw;
  position: fixed;
  left: 0;
  top: 0;
  width: var(--width);
  height: 100dvh;
  padding: 1.5em 0;
  overflow-y: auto;
  background-color: white;
  border-right: 2px solid var(--octopus-primary);
}
@media (prefers-reduced-motion: no-preference) {
#suborga-list-menu[data-v-28cae706] {
    -webkit-transition: left 0.6s ease-out;
    transition: left 0.6s ease-out;
}
}
#suborga-list-menu.shown[data-v-28cae706] {
  left: 0;
}
#suborga-list-menu[data-v-28cae706]:not(.shown) {
  left: calc(var(--width) * -1);
}
@media (width <= 960px) {
#suborga-list-menu[data-v-28cae706] {
    --width: 100dvw;
}
}
.close-btn[data-v-28cae706] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
h4[data-v-28cae706] {
  margin-left: 10px;
  color: var(--octopus-primary);
}
.letter[data-v-28cae706] {
  color: var(--pm-accent);
  font-weight: bold;
  font-size: 1em;
  background-color: oklch(from var(--pm-accent) l c h/15%);
}
.search[data-v-28cae706] {
  padding: 0 1rem;
}
.search h3[data-v-28cae706] {
  color: var(--pm-accent);
  text-align: center;
}
.letters[data-v-28cae706] {
  display: grid;
  grid-template-columns: repeat(9, 28px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.letters .letter[data-v-28cae706] {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: black;
  margin: 7px 0 8px;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  font-size: 12px;
  padding: 0 !important;
  cursor: pointer;
}
.letters .letter[data-v-28cae706]:disabled {
  background-color: #EBF3FE;
  cursor: not-allowed;
}
.suborga-list .letter[data-v-28cae706] {
  padding: 0.1rem 1rem;
  color: var(--octopus-primary);
}
.suborga-list .suborga[data-v-28cae706] {
  display: block;
  padding: 0.5rem 1.4rem;
  cursor: pointer;
}
.suborga-list .suborga[data-v-28cae706]:not(:last-child) {
  border-bottom: 1px solid var(--octopus-primary-really-transparent);
}.top-bar-grid[data-v-096ff10c] {
  display: grid;
  grid-template-columns: 1fr 5fr;
  padding: 0 1rem 0 0.5rem;
}
.top-bar-grid.scrolled[data-v-096ff10c] {
  grid-template-columns: 1fr 2fr 1fr;
}
@media (width <= 450px) {
.top-bar-grid[data-v-096ff10c] {
    padding: 0 0.5rem;
}
}
.top-bar-grid .link-hover[data-v-096ff10c] {
  color: white;
  font-weight: bold;
  font-size: 0.93rem;
  text-decoration: underline;
  text-decoration-color: transparent;
  -webkit-transition: text-decoration-color 250ms;
  transition: text-decoration-color 250ms;
  text-underline-offset: 8px;
}
.top-bar-grid .link-hover.link-hover[data-v-096ff10c]:hover, .top-bar-grid .link-hover.link-hover.router-link-exact-active.router-link-active[data-v-096ff10c] {
  color: white;
  text-decoration-color: white;
}
.top-bar-grid .client-logo[data-v-096ff10c] {
  border-radius: var(--octopus-border-radius);
}
.top-bar-grid .top-bar-logo img[data-v-096ff10c] {
  max-width: 140px !important;
  max-height: 4rem;
  height: 4rem;
}
.top-bar-grid .top-bar-logo img.education-logo[data-v-096ff10c] {
  height: auto;
}
@media (width <= 650px) {
.top-bar-grid .top-bar-logo img[data-v-096ff10c] {
    max-height: 2rem;
}
}
@media (width <= 960px) {
.top-bar-grid .octopus-logo[data-v-096ff10c] {
    max-width: 30px !important;
}
}
.right-section[data-v-096ff10c] {
  padding-top: 0.5rem;
}.octopus-app {
  --header-size: 5rem;
  --header-additional-content-size: 22rem;
}
@media (width <= 650px) {
.octopus-app {
    --header-size: 3.5rem;
}
}
@media (width <= 550px) {
.octopus-app {
    --header-additional-content-size: 13rem;
}
}
.octopus-app .header-saooti-play {
  z-index: 11;
  position: sticky;
  top: 0;
  background-color: black;
}
.octopus-app .header-saooti-play.header-img-bg {
  background-position: center -20vw;
  background-repeat: no-repeat;
  background-size: cover;
}
.octopus-app .header-saooti-play.bg-gradient, .octopus-app .header-saooti-play.scrolled {
  -webkit-box-shadow: 0 2px 15px 5px var(--octopus-shadow) !important;
          box-shadow: 0 2px 15px 5px var(--octopus-shadow) !important;
}
.octopus-app .header-content-bg {
  background-position: center calc(var(--header-size) * -1 - 20vw);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: black;
  -webkit-transition: height 0.7s;
  transition: height 0.7s;
  height: calc(var(--header-additional-content-size) - var(--header-size));
}
@starting-style {
.octopus-app .header-content-bg {
    height: 0rem;
}
}
.octopus-app .header-content-bg.scrolled {
  height: 0rem;
}
.octopus-app .header-additional-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}
.octopus-app .header-additional-content, .octopus-app .header-opacity {
  background: oklch(0% 0 0deg / 0.5);
}
.octopus-app .header-force-blur .header-additional-content, .octopus-app .header-force-blur .header-opacity {
  backdrop-filter: blur(8px);
}
.octopus-app .header-content *:focus-visible {
  -webkit-box-shadow: 0 0 10px 1px white !important;
          box-shadow: 0 0 10px 1px white !important;
}
.octopus-app .header-content h1 {
  color: white !important;
  font-size: 1.8rem;
  margin: 2rem 5rem;
}
@media (width <= 550px) {
.octopus-app .header-content h1 {
    font-size: 1rem;
    margin: 1rem 0.5rem 0.5rem;
}
}
.octopus-app .header-content .admin-button:hover,
.octopus-app .header-content .share-btn:hover {
  background: white;
}.octopus-app .octopus-modal.octopus-modal-in-body {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  z-index: 1400;
  width: 100%;
  height: 100%;
  overflow: hidden auto;
  outline: 0;
}
.octopus-app .octopus-modal.octopus-modal-in-body .octopus-modal-backdrop {
  opacity: 0.5;
  z-index: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}
.octopus-app .octopus-modal.octopus-modal-in-body.octopus-only-header-modal .octopus-modal-backdrop {
  opacity: 0.1;
}
.octopus-app .octopus-modal.octopus-modal-in-body .octopus-modal-dialog {
  position: relative;
  pointer-events: none;
  margin: 1.75rem auto;
  max-width: 80vw;
  max-height: 90dvh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--octopus-color-text) !important;
}
@media (width <= 500px) {
.octopus-app .octopus-modal.octopus-modal-in-body .octopus-modal-dialog {
    width: 95%;
}
}
.octopus-app .octopus-modal.octopus-modal-in-body .octopus-modal-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1rem;
  overflow-x: auto;
}
.octopus-app .octopus-modal.octopus-modal-in-body .octopus-modal-body .scroller-vertical {
  min-height: 200px;
  height: 200px;
}
.octopus-app .octopus-modal.octopus-modal-in-body .octopus-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 0;
  border-radius: var(--octopus-border-radius) var(--octopus-border-radius) 0 0;
  background: var(--octopus-primary);
  color: white;
  padding: 1rem;
}
.octopus-app .octopus-modal.octopus-modal-in-body .octopus-modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  pointer-events: auto;
  width: 100%;
  background-color: white;
  background-clip: padding-box;
  border: 0;
  outline: 0;
  height: auto !important;
  max-height: initial !important;
  border-radius: var(--octopus-border-radius);
  -webkit-box-shadow: 0 0.2rem 0.5rem var(--octopus-shadow);
          box-shadow: 0 0.2rem 0.5rem var(--octopus-shadow);
}
.octopus-app .octopus-modal.octopus-modal-in-body:not(.octopus-only-header-modal) .octopus-modal-dialog, .octopus-app .octopus-modal.octopus-modal-in-body:not(.octopus-only-header-modal) .octopus-modal-content {
  min-height: 300px;
}
.octopus-app .octopus-modal.octopus-modal-in-body .octopus-modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 0;
  -ms-flex-wrap: initial;
      flex-wrap: initial;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 1rem;
}
.octopus-app .octopus-modal.octopus-modal-in-body .octopus-modal-footer button {
  margin: 0.1rem;
}.big-chip[data-v-bf3100f1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 3px;
  background-color: var(--octopus-secondary);
  border: 1px solid var(--octopus-primary);
  padding: 8px 16px;
  margin: 4px;
  width: 335px;
  height: 80px;
}
.big-chip .title[data-v-bf3100f1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.big-chip .title b[data-v-bf3100f1] {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  height: 1rem;
}
.big-chip .title b[data-v-bf3100f1]:hover {
  background-color: var(--octopus-secondary);
  overflow-x: unset;
  z-index: 1;
}
.big-chip .title > div[data-v-bf3100f1] >  button {
  margin-top: -6px;
  padding: 0;
}
.big-chip p[data-v-bf3100f1] {
  margin: 0;
  overflow: hidden;
}
.big-chip p[data-v-bf3100f1]:hover {
  background-color: var(--octopus-secondary);
  overflow: unset;
  z-index: 1;
}:root {
  --vs-colors--lightest: rgba(60, 60, 60, .26);
  --vs-colors--light: rgba(60, 60, 60, .5);
  --vs-colors--dark: #333;
  --vs-colors--darkest: rgba(0, 0, 0, .15);
  --vs-search-input-color: inherit;
  --vs-search-input-placeholder-color: inherit;
  --vs-font-size: 1rem;
  --vs-line-height: 1.4;
  --vs-state-disabled-bg: rgb(248, 248, 248);
  --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, -.115, .975, .855);
  --vs-transition-duration: .15s;
}
.v-select {
  position: relative;
  font-family: inherit;
}
.v-select, .v-select * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
:root {
  --vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);
  --vs-transition-duration: .15s;
}
@-webkit-keyframes vSelectSpinner {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes vSelectSpinner {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.vs__fade-enter-active, .vs__fade-leave-active {
  pointer-events: none;
  -webkit-transition: opacity var(--vs-transition-duration) var(--vs-transition-timing-function);
  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__dropdown-toggle, .vs--disabled .vs__clear, .vs--disabled .vs__search, .vs--disabled .vs__selected, .vs--disabled .vs__open-indicator {
  cursor: var(--vs-disabled-cursor);
  background-color: var(--vs-disabled-bg);
}
.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;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 4px;
  background: none;
  border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
  border-radius: var(--vs-border-radius);
  white-space: normal;
}
.vs__selected-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 2px;
  position: relative;
}
.vs__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  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);
  -webkit-transform: scale(var(--vs-controls-size));
          transform: scale(var(--vs-controls-size));
  -webkit-transition: -webkit-transform var(--vs-transition-duration) var(--vs-transition-timing-function);
  transition: -webkit-transform var(--vs-transition-duration) var(--vs-transition-timing-function);
  transition: transform var(--vs-transition-duration) var(--vs-transition-timing-function);
  transition: transform var(--vs-transition-duration) var(--vs-transition-timing-function), -webkit-transform var(--vs-transition-duration) var(--vs-transition-timing-function);
  -webkit-transition-timing-function: var(--vs-transition-timing-function);
          transition-timing-function: var(--vs-transition-timing-function);
}
.vs--open .vs__open-indicator {
  -webkit-transform: rotate(180deg) scale(var(--vs-controls-size));
          transform: rotate(180deg) scale(var(--vs-controls-size));
}
.vs--loading .vs__open-indicator {
  opacity: 0;
}
.vs__clear {
  fill: var(--vs-controls-color);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-right: 8px;
}
.vs__dropdown-menu {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: calc(100% - var(--vs-border-width));
  left: 0;
  z-index: var(--vs-dropdown-z-index);
  padding: 5px 0;
  margin: 0;
  width: 100%;
  max-height: var(--vs-dropdown-max-height);
  min-width: var(--vs-dropdown-min-width);
  overflow-y: auto;
  -webkit-box-shadow: var(--vs-dropdown-box-shadow);
          box-shadow: var(--vs-dropdown-box-shadow);
  border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
  border-top-style: none;
  border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius);
  text-align: left;
  list-style: none;
  background: var(--vs-dropdown-bg);
  color: var(--vs-dropdown-color);
}
.vs__no-options {
  text-align: center;
}
.vs__dropdown-option {
  line-height: 1.42857143;
  display: block;
  padding: var(--vs-dropdown-option-padding);
  clear: both;
  color: var(--vs-dropdown-option-color);
  white-space: nowrap;
  cursor: pointer;
}
.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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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);
  line-height: var(--vs-line-height);
  margin: 4px 2px 0;
  padding: 0 0.25em;
  z-index: 0;
}
.vs__deselect {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-left: 4px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  fill: var(--vs-controls-color);
  text-shadow: var(--vs-controls--deselect-text-shadow);
}
.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}
.vs--single.vs--open .vs__selected, .vs--single.vs--loading .vs__selected {
  position: absolute;
  opacity: 0.4;
}
.vs--single.vs--searching .vs__selected {
  display: none;
}
.vs__search::-webkit-search-cancel-button {
  display: none;
}
.vs__search::-webkit-search-decoration, .vs__search::-webkit-search-results-button, .vs__search::-webkit-search-results-decoration, .vs__search::-ms-clear {
  display: none;
}
.vs__search, .vs__search:focus {
  color: var(--vs-search-input-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: var(--vs-line-height);
  font-size: var(--vs-font-size);
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0;
  padding: 0 7px;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 0;
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  z-index: 1;
}
.vs__search::-moz-placeholder {
  color: var(--vs-search-input-placeholder-color);
}
.vs__search::-webkit-input-placeholder {
  color: var(--vs-search-input-placeholder-color);
}
.vs__search:-ms-input-placeholder {
  color: var(--vs-search-input-placeholder-color);
}
.vs__search::-ms-input-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: 0.2;
}
.vs__spinner {
  -ms-flex-item-align: center;
      align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  border-top: 0.9em solid rgba(100, 100, 100, 0.1);
  border-right: 0.9em solid rgba(100, 100, 100, 0.1);
  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left: 0.9em solid rgba(60, 60, 60, 0.45);
  -webkit-transform: translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
          transform: translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
  -webkit-animation: vSelectSpinner 1.1s infinite linear;
  animation: vSelectSpinner 1.1s infinite linear;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}
.vs__spinner, .vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  -webkit-transform: scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
          transform: scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
}
.vs--loading .vs__spinner {
  opacity: 1;
}

/* stylelint-disable */
:root {
  --vs-dropdown-z-index: 1405;
  --vs-border-radius: 0.2rem;
  --vs-dropdown-option--active-bg: var(--octopus-secondary);
  --vs-dropdown-option--active-color: black;
  --vs-font-size: 0.8rem;
  --vs-border-width: 2px;
  --vs-border-color: var(--octopus-border-default);
}
.octopus-app .vs__dropdown-option {
  white-space: initial;
}
.octopus-app .vs--searchable .vs__dropdown-toggle {
  cursor: pointer;
}
.octopus-app .vs__dropdown-toggle {
  padding: 0;
  height: 100%;
}
.octopus-app .vs__search, .octopus-app .vs__search:focus {
  border: var(--vs-selected-border-width) solid transparent;
}
.octopus-app .vs__search:focus {
  min-width: 150px;
}
.octopus-app .multiselect-no-deselect .vs__clear {
  display: none;
}
.octopus-app .multiselect-transparent {
  --vs-border-color: transparent;
}
.octopus-app .multiselect-white {
  --vs-selected-color: white;
  --vs-selected-bg: transparent;
  --vs-dropdown-bg: black;
  --vs-controls-color: white;
}
.octopus-app .multiselect-white .vs__actions path {
  fill: white;
}
.octopus-app .multiselect-in-modal .vs__dropdown-menu {
  position: relative !important;
}

/* stylelint-enable */.octopus-app .category-list-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
}.octopus-app .header-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 10rem;
  background-size: cover;
  background-position: center;
}
.octopus-app .header-img h1 {
  margin: auto 1rem;
  font-size: 2rem;
  color: white;
}
@media (width <= 960px) {
.octopus-app .header-img {
    min-height: 6rem;
}
}
.octopus-app .octopus-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1rem;
}
.octopus-app .octopus-breadcrumb .octopus-breadcrumb-li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  color: white !important;
}
.octopus-app .octopus-breadcrumb .octopus-breadcrumb-li a {
  color: white !important;
  font-weight: bold;
}
.octopus-app .octopus-breadcrumb .octopus-breadcrumb-li::after {
  content: "-";
  margin: 0 0.5rem;
}
.octopus-app .octopus-breadcrumb .octopus-breadcrumb-li:last-child::after {
  content: "";
}.octopus-app {
  --format-switch-size:140px;
  --format-switch-half: calc(var(--format-switch-size) / 2 );
}
.octopus-app .format-switch {
  background: var(--octopus-secondary);
  border-radius: 30px;
  overflow: hidden;
  width: var(--format-switch-size);
  text-align: center;
  color: black;
  border: 2px solid var(--octopus-secondary);
  padding-right: var(--format-switch-half);
  position: relative;
}
.octopus-app .format-switch::before {
  content: "PNG";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: var(--format-switch-half);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 3;
  pointer-events: none;
}
.octopus-app .format-switch-checkbox {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  margin: 0;
}
.octopus-app .format-switch-checkbox + .format-switch-label {
  position: relative;
  padding: 0.5rem 0;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.octopus-app .format-switch-checkbox + .format-switch-label::before {
  content: "";
  background: white;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 30px;
  -webkit-transform: translateX(var(--format-switch-half));
          transform: translateX(var(--format-switch-half));
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.octopus-app .format-switch-checkbox + .format-switch-label .format-switch-label-span {
  position: relative;
}
.octopus-app .format-switch-checkbox:checked + .format-switch-label::before {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition: -webkit-transform 300ms linear;
  transition: -webkit-transform 300ms linear;
  transition: transform 300ms linear;
  transition: transform 300ms linear, -webkit-transform 300ms linear;
}
.octopus-app .format-switch:has(input:focus-visible) {
  -webkit-box-shadow: 0 0 10px 1px var(--octopus-primary) !important;
          box-shadow: 0 0 10px 1px var(--octopus-primary) !important;
}.octopus-app .myQrCode {
  height: 200px !important;
  width: 200px !important;
}.emission-player-container {
  list-style: none;
  background: var(--octopus-background);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: var(--octopus-image-size);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  border: 2px solid var(--octopus-border-default);
  border-radius: var(--octopus-border-radius);
  overflow: hidden;
}
.emission-player-container .emission-item-border-color {
  border-color: var(--octopus-secondary);
}
.emission-player-container .define-width {
  width: 9rem;
}
@media (width <= 960px) {
.emission-player-container .d-flex:not(.flex-column) {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
}
@media (width <= 450px) {
.emission-player-container {
    max-width: var(--octopus-image-size);
}
}@media (width <= 960px) {
.octopus-app .item-presentation-container[data-v-27727fc7] {
    width: 250px !important;
    margin-right: 0.5rem;
}
}
.octopus-app .item-presentation-container .element-description[data-v-27727fc7] {
  height: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-height: unset;
}
.octopus-app .item-presentation-container .element-description p[data-v-27727fc7]:first-child {
  margin-top: 0 !important;
}
.octopus-app .classic-element-container.vertical-item[data-v-27727fc7] {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 400px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.octopus-app .img-box[data-v-27727fc7] {
  position: relative;
}
@media (width <= 960px) {
.octopus-app .img-box[data-v-27727fc7] {
    height: calc(var(--octopus-image-size) - 4);
}
}
.octopus-app .img-box-bigger[data-v-27727fc7] {
  width: 396px;
  height: 396px;
}
.octopus-app .tags[data-v-27727fc7] {
  position: absolute;
  top: 10px;
  left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.octopus-app .tags > span[data-v-27727fc7] {
  background-color: white;
  padding: 0.25em 0.75em;
  font-size: 14px;
  font-weight: bold;
  color: var(--octopus-primary);
  border-radius: var(--octopus-border-radius);
  border: 1px solid color-mix(in lch, var(--octopus-primary), transparent 60%);
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}:root {
  --swiper-navigation-sides-offset: -50px;
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-button-next,
.swiper-button-prev {
  color: var(--octopus-primary) !important;
  inset-block: 0;
  margin: 0;
  width: 40px;
  z-index: 5;
}
.swiper-button-lock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.swiper-slide {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}.list-episode[data-v-99d3ddc2] {
  padding: 2rem 0 1rem;
}
@media (width <= 450px) {
.list-episode[data-v-99d3ddc2] {
    padding: 0.5rem 0 1rem;
}
}
.list-episode h2[data-v-99d3ddc2] {
  margin-bottom: 1rem;
}
@media (width <= 960px) {
.inline-list-element[data-v-99d3ddc2] {
    height: 334px;
}
}.octopus-app .scrolling-comments[data-v-f4d5b9f3] {
  max-height: 715px;
  overflow-y: auto;
}.octopus-app .comment-input-container .comment-input {
  border-bottom: 0.1rem solid var(--octopus-border-default);
  overflow: hidden;
  min-height: 36px;
  resize: none;
}.octopus-app .podcast-inline-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1rem;
}
@media (width <= 450px) {
.octopus-app .podcast-inline-container {
    padding: 1rem 0;
}
}@media (width <= 960px) {
.octopus-app .overflow-phone-auto {
    overflow-y: auto;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
}
.octopus-app .overflow-phone-auto .classic-element-container {
    scroll-snap-align: center;
}
}
.octopus-app .column {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc((100% - 420px - 1rem) / 2);
}
@media (width <= 1550px) {
.octopus-app .column {
    width: calc(100% - 420px - 1rem);
}
}
@media (width <= 960px) {
.octopus-app .column {
    width: auto;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
}
}
.octopus-app .column-margin {
  margin-right: 1rem;
}
@media (width <= 960px) {
.octopus-app .column-margin {
    margin-right: 0;
}
}
.octopus-app .show-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (width <= 1550px) and (width > 960px) {
.octopus-app .show-column.column {
    display: none;
}
}@media (width <= 960px) {
.list-participants .element-list-inline > div[data-v-23a87966] {
    margin: 0 0.5rem 0 0;
}
}
.list-participants .participant-item-container[data-v-23a87966] {
  margin: 0;
}.octopus-app .small-img-box {
  height: 80px;
  width: 80px;
  border-radius: var(--octopus-border-radius);
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0.5rem;
}.octopus-app .program-item-date {
  width: 100px;
  font-size: 1.1rem;
}
@media (width <= 960px) {
.octopus-app .program-item-date {
    font-size: 0.8rem;
}
}
@media (width <= 960px) {
.octopus-app .program-item-img {
    width: 80px;
    height: 80px;
    margin: 0.5rem 0.5rem 0 0 !important;
}
}
.octopus-app .button-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0.5rem;
}
.octopus-app .button-date.bg-primary {
  color: var(--octopus-color-on-primary) !important;
}
.octopus-app .button-date:hover {
  background: var(--octopus-secondary);
}
@media (width <= 960px) {
.octopus-app .button-date {
    width: 80px;
}
}.dp__input_wrap {
  position: relative;
  width: 100%;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}
.dp__input_wrap:focus {
  border-color: var(--dp-border-color-hover);
  outline: none;
}
.dp__input_valid {
  -webkit-box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
          box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
  border-color: var(--dp-success-color);
}
.dp__input_valid:hover {
  border-color: var(--dp-success-color);
}
.dp__input_invalid {
  -webkit-box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
          box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
  border-color: var(--dp-danger-color);
}
.dp__input_invalid:hover {
  border-color: var(--dp-danger-color);
}
.dp__input {
  background-color: var(--dp-background-color);
  border-radius: var(--dp-border-radius);
  font-family: var(--dp-font-family);
  border: 1px solid var(--dp-border-color);
  outline: none;
  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  font-size: var(--dp-font-size);
  line-height: calc(var(--dp-font-size) * 1.5);
  padding: var(--dp-input-padding);
  color: var(--dp-text-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dp__input::-webkit-input-placeholder {
  opacity: 0.7;
}
.dp__input::-moz-placeholder {
  opacity: 0.7;
}
.dp__input:-ms-input-placeholder {
  opacity: 0.7;
}
.dp__input::-ms-input-placeholder {
  opacity: 0.7;
}
.dp__input::placeholder {
  opacity: 0.7;
}
.dp__input:hover:not(.dp__input_focus) {
  border-color: var(--dp-border-color-hover);
}
.dp__input_not_clearable {
  -webkit-padding-end: var(--dp-input-not-clearable-padding) !important;
          padding-inline-end: var(--dp-input-not-clearable-padding) !important;
}
.dp__input_reg {
  caret-color: rgba(0, 0, 0, 0);
}
.dp__input_focus {
  border-color: var(--dp-border-color-focus);
}
.dp__disabled {
  background: var(--dp-disabled-color);
}
.dp__disabled::-webkit-input-placeholder {
  color: var(--dp-disabled-color-text);
}
.dp__disabled::-moz-placeholder {
  color: var(--dp-disabled-color-text);
}
.dp__disabled:-ms-input-placeholder {
  color: var(--dp-disabled-color-text);
}
.dp__disabled::-ms-input-placeholder {
  color: var(--dp-disabled-color-text);
}
.dp__disabled::placeholder {
  color: var(--dp-disabled-color-text);
}
.dp__input_icons {
  display: inline-block;
  width: var(--dp-font-size);
  height: var(--dp-font-size);
  stroke-width: 0;
  font-size: var(--dp-font-size);
  line-height: calc(var(--dp-font-size) * 1.5);
  padding: 6px 12px;
  color: var(--dp-icon-color);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.dp__input_icon {
  cursor: pointer;
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--dp-icon-color);
}
.dp--clear-btn {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  color: var(--dp-icon-color);
  background: rgba(0, 0, 0, 0);
  border: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
}
.dp__input_icon_pad {
  -webkit-padding-start: var(--dp-input-icon-padding);
          padding-inline-start: var(--dp-input-icon-padding);
}
.dp__menu {
  background: var(--dp-background-color);
  border-radius: var(--dp-border-radius);
  min-width: var(--dp-menu-min-width);
  font-family: var(--dp-font-family);
  font-size: var(--dp-font-size);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid var(--dp-menu-border-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dp__menu::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dp__menu::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dp__menu:focus {
  border: 1px solid var(--dp-menu-border-color);
  outline: none;
}
.dp--menu-wrapper {
  position: absolute;
  z-index: 99999;
}
.dp__menu_inner {
  padding: var(--dp-menu-padding);
}
.dp--menu--inner-stretched {
  padding: 6px 0;
}
.dp__menu_index {
  z-index: 99999;
}
.dp-menu-loading, .dp__menu_readonly, .dp__menu_disabled {
  position: absolute;
  inset: 0;
  z-index: 999999;
}
.dp__menu_disabled {
  background: hsla(0, 0%, 100%, 0.5);
  cursor: not-allowed;
}
.dp__menu_readonly {
  background: rgba(0, 0, 0, 0);
  cursor: default;
}
.dp-menu-loading {
  background: hsla(0, 0%, 100%, 0.5);
  cursor: default;
}
.dp--menu-load-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dp--menu-loader {
  width: 48px;
  height: 48px;
  border: var(--dp-loader);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation: dp-load-rotation 1s linear infinite;
          animation: dp-load-rotation 1s linear infinite;
  position: absolute;
}
@-webkit-keyframes dp-load-rotation {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes dp-load-rotation {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.dp__arrow_top {
  left: var(--dp-arrow-left);
  top: 0;
  height: 12px;
  width: 12px;
  background-color: var(--dp-background-color);
  position: absolute;
  -webkit-border-end: 1px solid var(--dp-menu-border-color);
          border-inline-end: 1px solid var(--dp-menu-border-color);
  border-top: 1px solid var(--dp-menu-border-color);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.dp__arrow_bottom {
  left: var(--dp-arrow-left);
  bottom: 0;
  height: 12px;
  width: 12px;
  background-color: var(--dp-background-color);
  position: absolute;
  -webkit-border-end: 1px solid var(--dp-menu-border-color);
          border-inline-end: 1px solid var(--dp-menu-border-color);
  border-bottom: 1px solid var(--dp-menu-border-color);
  -webkit-transform: translate(-50%, 50%) rotate(45deg);
          transform: translate(-50%, 50%) rotate(45deg);
}
.dp__action_extra {
  text-align: center;
  padding: 2px 0;
}
.dp--preset-dates {
  padding: 5px;
  -webkit-border-end: 1px solid var(--dp-border-color);
          border-inline-end: 1px solid var(--dp-border-color);
}
.dp--preset-dates[data-dp-mobile] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  border: none;
  overflow-x: auto;
  max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);
}
.dp--preset-dates-collapsed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  border: none;
  overflow-x: auto;
  max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);
}
.dp__sidebar_left {
  padding: 5px;
  -webkit-border-end: 1px solid var(--dp-border-color);
          border-inline-end: 1px solid var(--dp-border-color);
}
.dp__sidebar_right {
  padding: 5px;
  -webkit-margin-end: 1px solid var(--dp-border-color);
          margin-inline-end: 1px solid var(--dp-border-color);
}
.dp--preset-range {
  display: block;
  width: 100%;
  padding: 5px;
  text-align: left;
  white-space: nowrap;
  color: var(--dp-text-color);
  border-radius: var(--dp-border-radius);
  -webkit-transition: var(--dp-common-transition);
  transition: var(--dp-common-transition);
}
.dp--preset-range:hover {
  background-color: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  cursor: pointer;
}
.dp--preset-range[data-dp-mobile] {
  border: 1px solid var(--dp-border-color);
  margin: 0 3px;
}
.dp--preset-range[data-dp-mobile]:first-child {
  margin-left: 0;
}
.dp--preset-range[data-dp-mobile]:last-child {
  margin-right: 0;
}
.dp--preset-range-collapsed {
  border: 1px solid var(--dp-border-color);
  margin: 0 3px;
}
.dp--preset-range-collapsed:first-child {
  margin-left: 0;
}
.dp--preset-range-collapsed:last-child {
  margin-right: 0;
}
.dp__menu_content_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dp__menu_content_wrapper[data-dp-mobile] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.dp--menu-content-wrapper-collapsed {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.dp__calendar_header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--dp-text-color);
  white-space: nowrap;
  font-weight: bold;
}
.dp__calendar_header_item {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: var(--dp-cell-size);
  padding: var(--dp-cell-padding);
  width: var(--dp-cell-size);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dp__calendar_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: var(--dp-row-margin);
}
.dp__calendar_item {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--dp-text-color);
}
.dp__calendar {
  position: relative;
}
.dp__calendar_header_cell {
  border-bottom: thin solid var(--dp-border-color);
  padding: var(--dp-calendar-header-cell-padding);
}
.dp__cell_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: var(--dp-cell-border-radius);
  height: var(--dp-cell-size);
  padding: var(--dp-cell-padding);
  width: var(--dp-cell-size);
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.dp__cell_inner:hover {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.dp__cell_auto_range_start, .dp__date_hover_start:hover, .dp__range_start {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}
.dp__cell_auto_range_end, .dp__date_hover_end:hover, .dp__range_end {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}
.dp__range_end, .dp__range_start, .dp__active_date {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}
.dp__date_hover_end:hover, .dp__date_hover_start:hover, .dp__date_hover:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}
.dp__cell_offset {
  color: var(--dp-secondary-color);
}
.dp__cell_disabled {
  color: var(--dp-secondary-color);
  cursor: not-allowed;
}
.dp__range_between {
  background: var(--dp-range-between-dates-background-color);
  color: var(--dp-range-between-dates-text-color);
  border-radius: 0;
  border: 1px solid var(--dp-range-between-border-color);
}
.dp__range_between_week {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
  border-radius: 0;
  border-top: 1px solid var(--dp-primary-color);
  border-bottom: 1px solid var(--dp-primary-color);
}
.dp__today {
  border: 1px solid var(--dp-primary-color);
}
.dp__week_num {
  color: var(--dp-secondary-color);
  text-align: center;
}
.dp__cell_auto_range {
  border-radius: 0;
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
}
.dp__cell_auto_range_start {
  border-start-start-radius: var(--dp-cell-border-radius);
  border-end-start-radius: var(--dp-cell-border-radius);
  -webkit-border-start: 1px dashed var(--dp-primary-color);
          border-inline-start: 1px dashed var(--dp-primary-color);
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
}
.dp__cell_auto_range_end {
  border-start-end-radius: var(--dp-cell-border-radius);
  border-end-end-radius: var(--dp-cell-border-radius);
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
  -webkit-border-end: 1px dashed var(--dp-primary-color);
          border-inline-end: 1px dashed var(--dp-primary-color);
}
.dp__calendar_header_separator {
  width: 100%;
  height: 1px;
  background: var(--dp-border-color);
}
.dp__calendar_next {
  -webkit-margin-start: var(--dp-multi-calendars-spacing);
          margin-inline-start: var(--dp-multi-calendars-spacing);
}
.dp__marker_line, .dp__marker_dot {
  height: 5px;
  background-color: var(--dp-marker-color);
  position: absolute;
  bottom: 0;
}
.dp__marker_dot {
  width: 5px;
  border-radius: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.dp__marker_line {
  width: 100%;
  left: 0;
}
.dp__marker_tooltip {
  position: absolute;
  border-radius: var(--dp-border-radius);
  background-color: var(--dp-tooltip-color);
  padding: 5px;
  border: 1px solid var(--dp-border-color);
  z-index: 99999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: default;
}
.dp__tooltip_content {
  white-space: nowrap;
}
.dp__tooltip_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  color: var(--dp-text-color);
}
.dp__tooltip_mark {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: var(--dp-text-color);
  color: var(--dp-text-color);
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.dp__arrow_bottom_tp {
  bottom: 0;
  height: 8px;
  width: 8px;
  background-color: var(--dp-tooltip-color);
  position: absolute;
  -webkit-border-end: 1px solid var(--dp-border-color);
          border-inline-end: 1px solid var(--dp-border-color);
  border-bottom: 1px solid var(--dp-border-color);
  -webkit-transform: translate(-50%, 50%) rotate(45deg);
          transform: translate(-50%, 50%) rotate(45deg);
}
.dp__instance_calendar {
  position: relative;
  width: 100%;
}
.dp__flex_display[data-dp-mobile] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dp--flex-display-collapsed {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dp__cell_highlight {
  background-color: var(--dp-highlight-color);
}
.dp__month_year_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--dp-month-year-row-height);
  color: var(--dp-text-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dp__inner_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  height: var(--dp-month-year-row-button-size);
  width: var(--dp-month-year-row-button-size);
  color: var(--dp-icon-color);
  text-align: center;
  border-radius: 50%;
}
.dp__inner_nav svg {
  height: var(--dp-button-icon-height);
  width: var(--dp-button-icon-height);
}
.dp__inner_nav:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}
[dir=rtl] .dp__inner_nav {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dp__inner_nav_disabled:hover, .dp__inner_nav_disabled {
  background: var(--dp-disabled-color);
  color: var(--dp-disabled-color-text);
  cursor: not-allowed;
}
.dp--year-select, .dp__month_year_select {
  text-align: center;
  cursor: pointer;
  height: var(--dp-month-year-row-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: var(--dp-border-radius);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--dp-text-color);
}
.dp--year-select:hover, .dp__month_year_select:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  -webkit-transition: var(--dp-common-transition);
  transition: var(--dp-common-transition);
}
.dp__month_year_select {
  width: 50%;
}
.dp--year-select {
  width: 100%;
}
.dp__month_year_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.dp__year_disable_select {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.dp--header-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dp__overlay {
  width: 100%;
  background: var(--dp-background-color);
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
  z-index: 99999;
  font-family: var(--dp-font-family);
  color: var(--dp-text-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dp--overlay-absolute {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.dp--overlay-relative {
  position: relative;
}
.dp__overlay_container::-webkit-scrollbar-track {
  -webkit-box-shadow: var(--dp-scroll-bar-background);
          box-shadow: var(--dp-scroll-bar-background);
  background-color: var(--dp-scroll-bar-background);
}
.dp__overlay_container::-webkit-scrollbar {
  width: 5px;
  background-color: var(--dp-scroll-bar-background);
}
.dp__overlay_container::-webkit-scrollbar-thumb {
  background-color: var(--dp-scroll-bar-color);
  border-radius: 10px;
}
.dp__overlay:focus {
  border: none;
  outline: none;
}
.dp__container_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dp__container_block {
  display: block;
}
.dp__overlay_container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
  height: var(--dp-overlay-height);
}
.dp__time_picker_overlay_container {
  height: 100%;
}
.dp__overlay_row {
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-inline: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100%;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dp__flex_row {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dp__overlay_col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33%;
  padding: var(--dp-overlay-col-padding);
  white-space: nowrap;
}
.dp__overlay_cell_pad {
  padding: var(--dp-common-padding) 0;
}
.dp__overlay_cell_active {
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  text-align: center;
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}
.dp__overlay_cell {
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  text-align: center;
}
.dp__overlay_cell:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  -webkit-transition: var(--dp-common-transition);
  transition: var(--dp-common-transition);
}
.dp__cell_in_between {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}
.dp__over_action_scroll {
  right: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dp__overlay_cell_disabled {
  cursor: not-allowed;
  background: var(--dp-disabled-color);
}
.dp__overlay_cell_disabled:hover {
  background: var(--dp-disabled-color);
}
.dp__overlay_cell_active_disabled {
  cursor: not-allowed;
  background: var(--dp-primary-disabled-color);
}
.dp__overlay_cell_active_disabled:hover {
  background: var(--dp-primary-disabled-color);
}
.dp__btn, .dp--qr-btn, .dp--time-overlay-btn, .dp--time-invalid {
  border: none;
  font: inherit;
  -webkit-transition: var(--dp-common-transition);
  transition: var(--dp-common-transition);
  line-height: normal;
}
.dp--year-mode-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: var(--dp-cell-size);
}
.dp--tp-wrap {
  max-width: var(--dp-menu-min-width);
}
.dp--tp-wrap[data-dp-mobile] {
  max-width: 100%;
}
.dp__time_input {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: var(--dp-font-family);
  color: var(--dp-text-color);
}
.dp__time_col_reg_block {
  padding: 0 20px;
}
.dp__time_col_reg_inline {
  padding: 0 10px;
}
.dp__time_col_reg_with_button {
  padding: 0 15px;
}
.dp__time_col_reg_with_button[data-compact~=true] {
  padding: 0 5px;
}
.dp__time_col_sec {
  padding: 0 10px;
}
.dp__time_col_sec_with_button {
  padding: 0 5px;
}
.dp__time_col_sec_with_button[data-collapsed~=true] {
  padding: 0;
}
.dp__time_col {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dp__time_col_block {
  font-size: var(--dp-time-font-size);
}
.dp__time_display_block {
  padding: 0 3px;
}
.dp__time_display_inline {
  padding: 5px;
}
.dp__time_picker_inline_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dp__inc_dec_button {
  padding: 5px;
  margin: 0;
  height: var(--dp-time-inc-dec-button-size);
  width: var(--dp-time-inc-dec-button-size);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  color: var(--dp-icon-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dp__inc_dec_button svg {
  height: var(--dp-time-inc-dec-button-size);
  width: var(--dp-time-inc-dec-button-size);
}
.dp__inc_dec_button:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}
.dp__time_display {
  cursor: pointer;
  color: var(--dp-text-color);
  border-radius: var(--dp-border-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dp__time_display:hover:enabled {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}
.dp__inc_dec_button_inline {
  width: 100%;
  padding: 0;
  height: 8px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dp__inc_dec_button_disabled, .dp__inc_dec_button_disabled:hover {
  background: var(--dp-disabled-color);
  color: var(--dp-disabled-color-text);
  cursor: not-allowed;
}
.dp__pm_am_button {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
  border: none;
  padding: var(--dp-common-padding);
  border-radius: var(--dp-border-radius);
  cursor: pointer;
}
.dp__pm_am_button[data-compact~=true] {
  padding: 7px;
}
.dp__tp_inline_btn_bar {
  width: 100%;
  height: 4px;
  background-color: var(--dp-secondary-color);
  -webkit-transition: var(--dp-common-transition);
  transition: var(--dp-common-transition);
  border-collapse: collapse;
}
.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
  background-color: var(--dp-primary-color);
  -webkit-transform: rotate(12deg) scale(1.15) translateY(-2px);
          transform: rotate(12deg) scale(1.15) translateY(-2px);
}
.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l {
  background-color: var(--dp-primary-color);
  -webkit-transform: rotate(-12deg) scale(1.15) translateY(-2px);
          transform: rotate(-12deg) scale(1.15) translateY(-2px);
}
.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r {
  background-color: var(--dp-primary-color);
  -webkit-transform: rotate(-12deg) scale(1.15) translateY(-2px);
          transform: rotate(-12deg) scale(1.15) translateY(-2px);
}
.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
  background-color: var(--dp-primary-color);
  -webkit-transform: rotate(12deg) scale(1.15) translateY(-2px);
          transform: rotate(12deg) scale(1.15) translateY(-2px);
}
.dp--time-overlay-btn {
  background: none;
}
.dp--time-invalid {
  background-color: var(--dp-disabled-color);
}
.dp__action_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: var(--dp-action-row-padding);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--dp-text-color);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.dp__action_row svg {
  height: var(--dp-button-icon-height);
  width: auto;
}
.dp__selection_preview {
  display: block;
  color: var(--dp-text-color);
  font-size: var(--dp-preview-font-size);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dp__action_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.dp__action_button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: var(--dp-action-buttons-padding);
  line-height: var(--dp-action-button-height);
  -webkit-margin-start: 3px;
          margin-inline-start: 3px;
  height: var(--dp-action-button-height);
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  font-size: var(--dp-preview-font-size);
  font-family: var(--dp-font-family);
}
.dp__action_cancel {
  color: var(--dp-text-color);
  border: 1px solid var(--dp-border-color);
}
.dp__action_cancel:hover {
  border-color: var(--dp-primary-color);
  -webkit-transition: var(--dp-action-row-transition);
  transition: var(--dp-action-row-transition);
}
.dp__action_buttons .dp__action_select {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}
.dp__action_buttons .dp__action_select:hover {
  background: var(--dp-primary-color);
  -webkit-transition: var(--dp-action-row-transition);
  transition: var(--dp-action-row-transition);
}
.dp__action_buttons .dp__action_select:disabled {
  background: var(--dp-primary-disabled-color);
  cursor: not-allowed;
}
.dp-quarter-picker-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-width: var(--dp-menu-min-width);
}
.dp--qr-btn-disabled {
  cursor: not-allowed;
  background: var(--dp-disabled-color);
}
.dp--qr-btn-disabled:hover {
  background: var(--dp-disabled-color);
}
.dp--qr-btn {
  width: 100%;
  padding: var(--dp-common-padding);
}
.dp--qr-btn:not(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between) {
  background: none;
}
.dp--qr-btn:hover:not(.dp--qr-btn-active, .dp--qr-btn-disabled) {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  -webkit-transition: var(--dp-common-transition);
  transition: var(--dp-common-transition);
}
.dp--quarter-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 100%;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.dp--qr-btn-active {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}
.dp--qr-btn-between {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}
:root {
  --dp-common-transition: all 0.1s ease-in;
  --dp-menu-padding: 6px 8px;
  --dp-animation-duration: 0.1s;
  --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
  --dp-transition-timing: ease-out;
  --dp-action-row-transition: all 0.2s ease-in;
  --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --dp-border-radius: 4px;
  --dp-cell-border-radius: 4px;
  --dp-transition-length: 22px;
  --dp-transition-timing-general: 0.1s;
  --dp-button-height: 35px;
  --dp-month-year-row-height: 35px;
  --dp-month-year-row-button-size: 25px;
  --dp-button-icon-height: 20px;
  --dp-calendar-wrap-padding: 0 5px;
  --dp-cell-size: 35px;
  --dp-cell-padding: 5px;
  --dp-common-padding: 10px;
  --dp-input-icon-padding: 35px;
  --dp-input-padding: 6px 30px 6px 12px;
  --dp-input-not-clearable-padding: 12px;
  --dp-menu-min-width: 260px;
  --dp-action-buttons-padding: 1px 6px;
  --dp-row-margin: 5px 0;
  --dp-calendar-header-cell-padding: 0.5rem;
  --dp-multi-calendars-spacing: 10px;
  --dp-overlay-col-padding: 3px;
  --dp-time-inc-dec-button-size: 32px;
  --dp-font-size: 1rem;
  --dp-preview-font-size: 0.8rem;
  --dp-time-font-size: 2rem;
  --dp-action-button-height: 22px;
  --dp-action-row-padding: 8px;
  --dp-direction: ltr;
}
.dp__theme_dark {
  --dp-background-color: #212121;
  --dp-text-color: #fff;
  --dp-hover-color: #484848;
  --dp-hover-text-color: #fff;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #005cb2;
  --dp-primary-disabled-color: #61a8ea;
  --dp-primary-text-color: #fff;
  --dp-secondary-color: #a9a9a9;
  --dp-border-color: #2d2d2d;
  --dp-menu-border-color: #2d2d2d;
  --dp-border-color-hover: #aaaeb7;
  --dp-border-color-focus: #aaaeb7;
  --dp-disabled-color: #737373;
  --dp-disabled-color-text: #d0d0d0;
  --dp-scroll-bar-background: #212121;
  --dp-scroll-bar-color: #484848;
  --dp-success-color: #00701a;
  --dp-success-color-disabled: #428f59;
  --dp-icon-color: #959595;
  --dp-danger-color: #e53935;
  --dp-marker-color: #e53935;
  --dp-tooltip-color: #3e3e3e;
  --dp-highlight-color: rgb(0 92 178 / 20%);
  --dp-range-between-dates-background-color: var(--dp-hover-color, #484848);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);
  --dp-range-between-border-color: var(--dp-hover-color, #fff);
  --dp-loader: 5px solid #005cb2;
}
.dp__theme_light {
  --dp-background-color: #fff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #1976d2;
  --dp-primary-disabled-color: #6bacea;
  --dp-primary-text-color: #fff;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: #ddd;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #aaaeb7;
  --dp-border-color-focus: #aaaeb7;
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-marker-color: #ff6f60;
  --dp-tooltip-color: #fafafa;
  --dp-disabled-color-text: #8e8e8e;
  --dp-highlight-color: rgb(25 118 210 / 10%);
  --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
  --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);
  --dp-loader: 5px solid #1976d2;
}
.dp__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dp__btn {
  background: none;
}
.dp__main {
  font-family: var(--dp-font-family);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 100%;
}
.dp__main * {
  direction: var(--dp-direction, ltr);
}
.dp__pointer {
  cursor: pointer;
}
.dp__icon {
  stroke: currentcolor;
  fill: currentcolor;
}
.dp__button {
  width: 100%;
  text-align: center;
  color: var(--dp-icon-color);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  place-content: center center;
  padding: var(--dp-common-padding);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: var(--dp-button-height);
}
.dp__button.dp__overlay_action {
  position: absolute;
  bottom: 0;
}
.dp__button:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}
.dp__button svg {
  height: var(--dp-button-icon-height);
  width: auto;
}
.dp__button_bottom {
  border-bottom-left-radius: var(--dp-border-radius);
  border-bottom-right-radius: var(--dp-border-radius);
}
.dp__flex_display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dp__flex_display_with_input {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dp__relative {
  position: relative;
}
.calendar-next-enter-active, .calendar-next-leave-active, .calendar-prev-enter-active, .calendar-prev-leave-active {
  -webkit-transition: all var(--dp-transition-timing-general) ease-out;
  transition: all var(--dp-transition-timing-general) ease-out;
}
.calendar-next-enter-from {
  opacity: 0;
  -webkit-transform: translateX(var(--dp-transition-length));
          transform: translateX(var(--dp-transition-length));
}
.calendar-next-leave-to {
  opacity: 0;
  -webkit-transform: translateX(calc(var(--dp-transition-length) * -1));
          transform: translateX(calc(var(--dp-transition-length) * -1));
}
.calendar-prev-enter-from {
  opacity: 0;
  -webkit-transform: translateX(calc(var(--dp-transition-length) * -1));
          transform: translateX(calc(var(--dp-transition-length) * -1));
}
.calendar-prev-leave-to {
  opacity: 0;
  -webkit-transform: translateX(var(--dp-transition-length));
          transform: translateX(var(--dp-transition-length));
}
.dp-menu-appear-bottom-enter-active, .dp-menu-appear-bottom-leave-active, .dp-menu-appear-top-enter-active, .dp-menu-appear-top-leave-active, .dp-slide-up-enter-active, .dp-slide-up-leave-active, .dp-slide-down-enter-active, .dp-slide-down-leave-active {
  -webkit-transition: all var(--dp-animation-duration) var(--dp-transition-timing);
  transition: all var(--dp-animation-duration) var(--dp-transition-timing);
}
.dp-menu-appear-top-enter-from, .dp-menu-appear-top-leave-to, .dp-slide-down-leave-to, .dp-slide-up-enter-from {
  opacity: 0;
  -webkit-transform: translateY(var(--dp-transition-length));
          transform: translateY(var(--dp-transition-length));
}
.dp-menu-appear-bottom-enter-from, .dp-menu-appear-bottom-leave-to, .dp-slide-down-enter-from, .dp-slide-up-leave-to {
  opacity: 0;
  -webkit-transform: translateY(calc(var(--dp-transition-length) * -1));
          transform: translateY(calc(var(--dp-transition-length) * -1));
}
.dp--arrow-btn-nav {
  -webkit-transition: var(--dp-common-transition);
  transition: var(--dp-common-transition);
}
.dp--highlighted {
  background-color: var(--dp-highlight-color);
}
.dp--hidden-el {
  visibility: hidden;
} 
/* stylelint-disable-next-line */
.dp__theme_light {
  --dp-primary-color: var(--octopus-primary);
  --dp-time-font-size: 1rem;
}.octopus-app .classic-input-text .text-indic {
  font-style: italic;
  font-size: 0.7rem;
  color: var(--octopus-gray-text);
}
.octopus-app .classic-input-text textarea {
  height: auto;
  min-height: 120px;
}.octopus-app .classic-content-editable[placeholder]:empty::before {
  content: attr(placeholder);
  color: var(--octopus-primary);
}
.octopus-app .classic-content-editable[placeholder]:empty:focus::before {
  content: "";
}.btn-add-tag[data-v-d96cc618] {
  padding: 4px;
  line-height: 1;
}
.btn-add-tag[data-v-d96cc618]::after {
  content: "+";
  color: var(--octopus-primary);
  font-size: 14px;
  font-weight: bold;
}.octopus-app .wysiwyg-editor .form-input {
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.octopus-app .wysiwyg-editor pre {
  background: var(--octopus-secondary);
  margin: 0;
}
.octopus-app .wysiwyg-editor code {
  display: block;
  white-space: pre-wrap;
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
}
.octopus-app .wysiwyg-editor .editor-menubar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.octopus-app .wysiwyg-editor .editor-menubar button {
  width: 40px;
  height: 40px;
  background: var(--octopus-secondary);
  border-width: 0;
  border-radius: var(--octopus-border-radius);
  margin: 0.2rem;
  padding: 0;
  font-size: 1.1rem;
  font-weight: 600;
}
.octopus-app .wysiwyg-editor .editor-menubar button:hover, .octopus-app .wysiwyg-editor .editor-menubar button.is-active {
  background: var(--octopus-primary-transparent);
}
.octopus-app .wysiwyg-editor .editor-menubar .html-button {
  font-size: 12px;
}
.octopus-app .wysiwyg-editor .editor-menubar svg {
  width: 40px;
  height: 40px;
}
.octopus-app .wysiwyg-editor {
  /* stylelint-disable-next-line */
}
.octopus-app .wysiwyg-editor .ProseMirror {
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
}.octopus-app .page-element.page-element-podcastmaker {
  margin-top: 11rem;
}
.octopus-app .page-element-title-container {
  --top: 0;
  background: black;
  position: absolute;
  right: 0;
  left: 0;
  top: var(--top);
}
.octopus-app .page-element-title-container .page-element-bg {
  height: 15rem;
  opacity: 0.5;
  -webkit-filter: blur(8px);
          filter: blur(8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.octopus-app .page-element-title-container .page-element-title {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.octopus-app .page-element-title-container .page-element-title h1 {
  color: white !important;
  font-size: 2rem;
}.octopus-app .video-wrapper {
  border-radius: 1rem;
  overflow: hidden;
  position: fixed;
  bottom: 2.5rem;
  right: 0;
  z-index: 10;
}
.octopus-app .video-close {
  position: fixed;
  bottom: 16.5rem;
  right: 1rem;
}
@media (width <= 500px) {
.octopus-app .video-close {
    bottom: 10.5rem;
}
.octopus-app .video-wrapper iframe {
    width: 100%;
    max-height: 150px;
}
}.octopus-app .margin-chaptering {
  height: 23px;
}.octopus-app .player-image {
  border-radius: var(--octopus-border-radius);
  height: 2.4rem;
  width: 2.4rem;
  margin-right: 0.5rem;
  cursor: pointer;
  /** PHONES */
}
@media (width <= 450px) {
.octopus-app .player-image {
    height: 1.8rem;
    width: 1.8rem;
}
}
.octopus-app .player-image.big-player-image {
  height: 200px;
  width: 200px;
}
.octopus-app .player-image.link-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--octopus-secondary);
  color: black;
}.octopus-app .play-button-box[data-v-42fe24fa] {
  height: 2.2rem;
  width: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0.5rem;
  border-radius: 50% !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}
.btn[data-v-42fe24fa] {
  color: var(--octopus-player-btn-fg);
  background-color: var(--octopus-player-btn-bg);
}
.play-button-box[data-v-42fe24fa]:not(.small-font) {
  font-size: 1rem !important;
}
.play-big-button-box[data-v-42fe24fa] {
  height: 5rem;
  width: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0.5rem;
  border-radius: 50% !important;
  font-size: 2.5rem !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}.octopus-app .speed-style[data-v-a8a78be8] {
  font-size: 12px;
}
.octopus-app .player-speed-dropdown[data-v-a8a78be8] {
  min-width: 100px;
}.octopus-app .player-grow-content[data-v-d1a7dfc6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: hidden;
  font-size: 0.8rem;
  padding: 0 0.5rem;
}
.player-text[data-v-d1a7dfc6] {
  color: var(--octopus-player-text-color);
}.octopus-app .player-container .img-box[data-v-88414110] {
  width: 10rem;
  height: 10rem;
}
.octopus-app .player-reduce-button[data-v-88414110] {
  position: absolute;
  right: 0;
  font-size: 1.2rem !important;
}
.octopus-app .player-grow-large-content[data-v-88414110] {
  width: 100%;
  padding: 1rem 2rem;
}
@media (width <= 960px) {
.octopus-app .player-grow-large-content[data-v-88414110] {
    padding: 0.5rem;
}
}
.octopus-app .transcript[data-v-88414110] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 1rem;
  width: 100%;
}
.octopus-app .transcript .transcript-info[data-v-88414110] {
  font-style: italic;
  font-size: 16px;
}
.octopus-app .transcript-bg[data-v-88414110] {
  background: var(--octopus-player-transcript-bg-color);
}
.player-text[data-v-88414110] {
  color: var(--octopus-player-text-color);
}.octopus-app iframe {
  border: 0;
}
.octopus-app .max-iframe {
  width: 500px;
}
@media (width <= 960px) {
.octopus-app .max-iframe {
    width: calc(100% - 2rem);
}
}
.octopus-app .sticker {
  -ms-flex-item-align: center;
      align-self: center;
  background: var(--octopus-primary);
  padding: 0.5rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: white;
  font-weight: bold;
  letter-spacing: 1px;
  -webkit-box-shadow: 10px 10px 34px -15px var(--octopus-shadow);
          box-shadow: 10px 10px 34px -15px var(--octopus-shadow);
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  border: solid 2px var(--octopus-gray-text);
}
.octopus-app .sticker:hover {
  -webkit-box-shadow: 2px 8px 4px -6px var(--octopus-shadow);
          box-shadow: 2px 8px 4px -6px var(--octopus-shadow);
  background: transparent;
  color: var(--octopus-primary);
}.octopus-app .tag-list-component .ouest-france-logo[data-v-1a0a831d] {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.octopus-app .tag-list-component .main-of-tag[data-v-1a0a831d] {
  -webkit-box-shadow: var(--octopus-shadow) 0 5px 15px;
          box-shadow: var(--octopus-shadow) 0 5px 15px;
  font-size: 0.9rem;
}
.octopus-app .btn[data-v-1a0a831d] {
  font-size: 12px;
  padding: 4px 8px;
}.blur-with-banner[data-v-1f5e7f7e] {
  position: absolute;
  inset: 0;
  background-color: var(--octopus-background-transparent);
  pointer-events: none;
}
.blur-with-banner .banner[data-v-1f5e7f7e] {
  text-align: center;
  width: 100%;
  font-size: 0.6rem;
  padding: 0.2rem 0;
  color: white;
  background: black;
  text-transform: uppercase;
  position: absolute;
  top: 0;
}article[data-v-41ce2f31] {
  max-height: 254px;
}
@media (width <= 960px) {
article[data-v-41ce2f31] {
    max-height: 500px;
}
article a[data-v-41ce2f31] {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}
article .element-name[data-v-41ce2f31] {
    font-size: 1rem;
}
article .element-description[data-v-41ce2f31] {
    font-size: 0.7rem;
}
}.octopus-app #accessibility-modal .octopus-modal-body {
  min-height: 400px;
}
.octopus-app #accessibility-modal .octopus-modal-body .gap-3 {
  gap: 1rem;
}.octopus-app .processing-planned-spinner .cube {
  margin-right: 1rem;
  font-size: 24px;
  height: 1em;
  width: 1em;
  position: relative;
  -webkit-transform: rotateX(30deg) rotateY(45deg);
          transform: rotateX(30deg) rotateY(45deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation: cube-spin 2.5s infinite ease-in-out alternate;
          animation: cube-spin 2.5s infinite ease-in-out alternate;
}
.octopus-app .processing-planned-spinner .side {
  position: absolute;
  inset: 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.octopus-app .processing-planned-spinner .side::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--octopus-primary);
  -webkit-transform: translateZ(0.5em);
          transform: translateZ(0.5em);
  -webkit-animation: cube-explode 1.5s infinite ease-in-out;
          animation: cube-explode 1.5s infinite ease-in-out;
  opacity: 0.5;
}
.octopus-app .processing-planned-spinner .side:nth-child(1) {
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
}
.octopus-app .processing-planned-spinner .side:nth-child(2) {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.octopus-app .processing-planned-spinner .side:nth-child(3) {
  -webkit-transform: rotateY(270deg);
          transform: rotateY(270deg);
}
.octopus-app .processing-planned-spinner .side:nth-child(4) {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
.octopus-app .processing-planned-spinner .side:nth-child(5) {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}
.octopus-app .processing-planned-spinner .side:nth-child(6) {
  -webkit-transform: rotateX(270deg);
          transform: rotateX(270deg);
}
@-webkit-keyframes cube-spin {
0% {
    -webkit-transform: rotateX(30deg) rotateY(45deg);
            transform: rotateX(30deg) rotateY(45deg);
}
100% {
    -webkit-transform: rotateX(30deg) rotateY(405deg);
            transform: rotateX(30deg) rotateY(405deg);
}
}
@keyframes cube-spin {
0% {
    -webkit-transform: rotateX(30deg) rotateY(45deg);
            transform: rotateX(30deg) rotateY(45deg);
}
100% {
    -webkit-transform: rotateX(30deg) rotateY(405deg);
            transform: rotateX(30deg) rotateY(405deg);
}
}
@-webkit-keyframes cube-explode {
0% {
    -webkit-transform: translateZ(0.5em);
            transform: translateZ(0.5em);
}
50% {
    -webkit-transform: translateZ(0.75em);
            transform: translateZ(0.75em);
}
100% {
    -webkit-transform: translateZ(0.5em);
            transform: translateZ(0.5em);
}
}
@keyframes cube-explode {
0% {
    -webkit-transform: translateZ(0.5em);
            transform: translateZ(0.5em);
}
50% {
    -webkit-transform: translateZ(0.75em);
            transform: translateZ(0.75em);
}
100% {
    -webkit-transform: translateZ(0.5em);
            transform: translateZ(0.5em);
}
}.octopus-app .radio-play-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 0;
  font-size: 1rem;
  color: var(--octopus-color-on-primary);
  background-color: var(--octopus-primary-less-transparent);
  border-radius: var(--octopus-border-radius);
  padding: 0.2rem;
  border: 0;
}.octopus-app iframe {
  border: 0;
}
.octopus-app .max-iframe {
  width: 500px;
}
@media (width <= 960px) {
.octopus-app .max-iframe {
    width: calc(100% - 2rem);
}
}.octopus-app .video-responsive-wrapper[data-v-d9a95cd8] {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  width: 100%;
}
.octopus-app .video-responsive-wrapper iframe[data-v-d9a95cd8], .octopus-app .video-responsive-wrapper #video-element-hls[data-v-d9a95cd8] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  margin: 0 !important;
}.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}
.vjs-svg-icon:before {
  content: none !important;
}
.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
  -webkit-filter: drop-shadow(0 0 0.25em #fff);
          filter: drop-shadow(0 0 0.25em #fff);
}
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10a";
}
.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
}
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f10d";
}
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}
.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-downloading:before {
  content: "\f10f";
}
.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download:before {
  content: "\f110";
}
.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-done:before {
  content: "\f111";
}
.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-off:before {
  content: "\f112";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f113";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f114";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f115";
}
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f116";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f117";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}
.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-repeat:before {
  content: "\f11a";
}
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}
.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}
.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}
.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}
.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}
.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}
.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f123";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f124";
}
.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-shuffle:before {
  content: "\f125";
}
.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cast:before {
  content: "\f126";
}
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}
.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f129";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f12a";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f12b";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f12c";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f12d";
}
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}
.video-js {
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}
.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}
.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}
.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}
.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}
.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}
body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}
.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
  -webkit-transition: all 0s;
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid white;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000000;
}
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}
.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}
.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
  display: block;
}
.vjs-button > .vjs-svg-icon {
  display: inline-block;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}
.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-js .vjs-progress-holder {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
  font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}
.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}
.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari, and Chrome 53 */
  -webkit-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
          box-shadow: 0 0 1em #fff;
}
.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid white;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  -webkit-transition: left 0s;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  -webkit-transition: width 0.1s;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}
.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}
.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}
.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-poster img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.video-js .vjs-live-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}
.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}
.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}
.video-js .vjs-time-control {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.vjs-error .vjs-text-track-display {
  display: none;
}
.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
          transform: translateY(-3em);
}
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
          transform: translateY(-1.5em);
}
.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}
@supports not (inset: 10px) {
.video-js .vjs-text-track-display > div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
          animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-error .vjs-loading-spinner {
  display: none;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
          animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  -webkit-animation-delay: 0.44s;
          animation-delay: 0.44s;
}
@-webkit-keyframes vjs-spinner-show {
to {
    visibility: visible;
}
}
@keyframes vjs-spinner-show {
to {
    visibility: visible;
}
}
@-webkit-keyframes vjs-spinner-spin {
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes vjs-spinner-spin {
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@-webkit-keyframes vjs-spinner-fade {
0% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
}
20% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
}
35% {
    border-top-color: white;
}
60% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
}
100% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
}
}
@keyframes vjs-spinner-fade {
0% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
}
20% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
}
35% {
    border-top-color: white;
}
60% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
}
100% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
}
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}
.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: block;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}
.vjs-error .vjs-text-track-settings {
  display: none;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
}
.vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
}
.vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
}
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
}
}
.vjs-text-track-settings select {
  font-size: inherit;
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}
.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(rgb(114.9141509434, 132.7028301887, 159.3858490566)));
  background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(rgb(114.9141509434, 132.7028301887, 159.3858490566)));
  background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), color-stop(60%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.vjs-error .vjs-title-bar {
  display: none;
}
.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}
.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}
.video-js .vjs-transient-button {
  position: absolute;
  height: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(50, 50, 50, 0.5);
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.video-js:not(.vjs-has-started) .vjs-transient-button {
  display: none;
}
.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
  opacity: 0;
}
.video-js .vjs-transient-button span {
  padding: 0 0.5em;
}
.video-js .vjs-transient-button.vjs-left {
  left: 1em;
}
.video-js .vjs-transient-button.vjs-right {
  right: 1em;
}
.video-js .vjs-transient-button.vjs-top {
  top: 1em;
}
.video-js .vjs-transient-button.vjs-near-top {
  top: 4em;
}
.video-js .vjs-transient-button.vjs-bottom {
  bottom: 4em;
}
.video-js .vjs-transient-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}
@media print {
.video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
}
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}
.video-js *:focus:not(:focus-visible) {
  outline: none;
}
.octopus-app .video-responsive-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  width: 100%;
}
.octopus-app .video-responsive-wrapper iframe, .octopus-app .video-responsive-wrapper #video-element-hls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  margin: 0 !important;
}
.octopus-app .video-live-error {
  text-align: center;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.2rem 0;
  color: white;
  position: absolute;
  top: 0;
  background: var(--octopus-danger);
  z-index: 1;
}
.octopus-app .video-js {
  width: 500px;
  height: 281px;
}.octopus-app .cute-octopus {
  --octopus-position: 120px;
  --color-thought: oklch(100% 0 0deg);
  --color-dark: oklch(23.3% 0.0031 17.38deg);
  --color-green: oklch(82.34% 0.1185 160.23deg);
  position: relative;
  width: 230px;
  height: 300px;
  margin: auto;
  -webkit-filter: drop-shadow(3px 0 5px var(--color-dark));
          filter: drop-shadow(3px 0 5px var(--color-dark));
}
.octopus-app .cute-octopus .head-shape {
  position: absolute;
  top: var(--octopus-position);
  left: 0;
  height: 88px;
  width: 120px;
  background: var(--octopus-primary);
  border-radius: 50% 50% 20% 20%;
}
.octopus-app .cute-octopus .eyes,
.octopus-app .cute-octopus .eyes::after {
  position: absolute;
  top: calc(31.5px + var(--octopus-position));
  left: 34.5px;
  width: 13px;
  height: 13px;
  background: var(--color-dark);
  border-radius: 50%;
  -webkit-animation: blinking 3s ease-in-out infinite alternate;
          animation: blinking 3s ease-in-out infinite alternate;
}
.octopus-app .cute-octopus .eyes::after {
  content: "";
  top: 0;
  left: 41.25px;
}
.octopus-app .cute-octopus .blush {
  position: absolute;
  top: calc(36px + var(--octopus-position));
  left: 9.7px;
  width: 20px;
  height: 20px;
  background: var(--color-green);
  border-radius: 50%;
  -webkit-box-shadow: 80px 0 0 0 var(--color-green);
          box-shadow: 80px 0 0 0 var(--color-green);
}
.octopus-app .cute-octopus .mouth {
  position: absolute;
  top: calc(36px + var(--octopus-position));
  left: 51.7px;
  width: 20px;
  height: 20px;
  background: transparent;
  border-radius: 50%;
  -webkit-box-shadow: 0 7px 0 var(--color-dark);
          box-shadow: 0 7px 0 var(--color-dark);
  -webkit-animation: mouth-open 2s ease-in-out infinite alternate;
          animation: mouth-open 2s ease-in-out infinite alternate;
}
.octopus-app .cute-octopus .leg-1,
.octopus-app .cute-octopus .leg-1::before,
.octopus-app .cute-octopus .leg-1::after {
  position: absolute;
  top: calc(36px + var(--octopus-position));
  left: 0;
  height: 77px;
  width: 26px;
  background: var(--octopus-primary);
  border-radius: 20% 20% 50% 50%;
  -webkit-animation: move-left-small 1.5s ease-in-out infinite alternate;
          animation: move-left-small 1.5s ease-in-out infinite alternate;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
.octopus-app .cute-octopus .leg-1::after {
  content: "";
  top: -9.7px;
  left: 31.5px;
}
.octopus-app .cute-octopus .leg-1::before {
  -webkit-animation: move-left 1.5s ease-in-out infinite alternate;
          animation: move-left 1.5s ease-in-out infinite alternate;
  content: "";
  top: -26px;
  left: 87.7px;
  -webkit-box-shadow: -31.5px 0 0 0 var(--octopus-primary);
          box-shadow: -31.5px 0 0 0 var(--octopus-primary);
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
@-webkit-keyframes move-left {
to {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
}
}
@keyframes move-left {
to {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
}
}
@-webkit-keyframes move-left-small {
to {
    -webkit-transform: translateY(9.7px);
            transform: translateY(9.7px);
}
}
@keyframes move-left-small {
to {
    -webkit-transform: translateY(9.7px);
            transform: translateY(9.7px);
}
}
@-webkit-keyframes blinking {
0%, 50%, 80% {
    background: linear-gradient(var(--color-dark) 100%, transparent 100%);
}
60%, 100% {
    background: linear-gradient(transparent 23%, var(--color-dark) 23%, transparent 30%);
}
}
@keyframes blinking {
0%, 50%, 80% {
    background: linear-gradient(var(--color-dark) 100%, transparent 100%);
}
60%, 100% {
    background: linear-gradient(transparent 23%, var(--color-dark) 23%, transparent 30%);
}
}
@-webkit-keyframes mouth-open {
to {
    -webkit-box-shadow: -3.5px 13px 0 0 var(--color-dark);
            box-shadow: -3.5px 13px 0 0 var(--color-dark);
}
}
@keyframes mouth-open {
to {
    -webkit-box-shadow: -3.5px 13px 0 0 var(--color-dark);
            box-shadow: -3.5px 13px 0 0 var(--color-dark);
}
}
.octopus-app .cute-octopus .thought {
  z-index: 1;
  text-align: center;
  background-color: var(--color-thought);
  padding: 20px;
  border-radius: 30px;
  width: 220px;
  position: absolute;
  font-size: 14px;
}
.octopus-app .cute-octopus .thought::before,
.octopus-app .cute-octopus .thought::after {
  content: "";
  background-color: var(--color-thought);
  border-radius: 50%;
  display: block;
  position: absolute;
  z-index: -1;
}
.octopus-app .cute-octopus .thought::before {
  width: 44px;
  height: 44px;
  top: -12px;
  left: 28px;
  -webkit-box-shadow: -50px 30px 0 -12px var(--color-thought);
          box-shadow: -50px 30px 0 -12px var(--color-thought);
}
.octopus-app .cute-octopus .thought::after {
  bottom: -10px;
  right: 26px;
  width: 30px;
  height: 30px;
  -webkit-box-shadow: 40px -34px 0 0 var(--color-thought), -28px -6px 0 -2px var(--color-thought), -24px 17px 0 -6px var(--color-thought), -5px 25px 0 -10px var(--color-thought);
          box-shadow: 40px -34px 0 0 var(--color-thought), -28px -6px 0 -2px var(--color-thought), -24px 17px 0 -6px var(--color-thought), -5px 25px 0 -10px var(--color-thought);
}.octopus-app .rubrique-list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
  padding: 0 4rem;
}
.octopus-app .rubrique-list-container select {
  width: auto;
  border-radius: var(--octopus-border-radius);
  margin: 0.25rem;
  font-size: 0.6rem;
  padding: 0.5rem;
}
.octopus-app #popoverrubriques-dropdown {
  overflow: initial !important;
}
.octopus-app .rubrique-chooser-minwidth {
  min-width: 400px;
}
@media (width <= 500px) {
.octopus-app .rubrique-chooser-minwidth {
    min-width: 90vw;
}
}.octopus-app .play-button-box {
  height: 2.2rem;
  width: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0.5rem;
  border-radius: 50% !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}/* stylelint-disable */
.octopus-app .status-PENDING {
  background: var(--octopus-warning);
}
.octopus-app .status-NOT_VALID {
  background: var(--octopus-danger);
}
.octopus-app .status-VALIDATED {
  background: var(--octopus-primary);
}
.octopus-app .status-comment, .octopus-app .status-VALIDATED, .octopus-app .status-NOT_VALID, .octopus-app .status-PENDING {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

/* stylelint-enable */.octopus-app .video-responsive-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  width: 100%;
}
.octopus-app .video-responsive-wrapper iframe, .octopus-app .video-responsive-wrapper #video-element-hls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  margin: 0 !important;
}.octopus-app .chapter-selected {
  border: var(--octopus-primary) 3px solid;
}.octopus-app .history-list-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
  position: relative;
}
.octopus-app .hour-past-item {
  font-size: 0.8rem;
  color: oklch(89% 0 0deg);
}.octopus-app .btn-like-comment {
  position: relative;
  cursor: pointer;
  border: none;
  outline: none;
  z-index: 1;
  color: var(--octopus-color-text);
  font-size: 1.2rem;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: transparent;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.octopus-app .btn-like-comment:hover {
  background: var(--octopus-secondary);
  color: oklch(from var(--octopus-color-text) calc(l + 0.1) c h);
}
.octopus-app .btn-like-comment {
  /* Animation */
}
.octopus-app .btn-like-comment.is-active {
  z-index: 2;
  color: white;
  background: black;
  -webkit-animation: 0.8s;
          animation: 0.8s;
}
.octopus-app .btn-like-comment.is-active::before, .octopus-app .btn-like-comment.is-active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2px;
  margin-top: -2px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  color: var(--octopus-color-text);
  border: 1px solid transparent;
  -webkit-box-shadow: -0.8em 0 0 -2px, 0.8em 0 0 -2px, 0 -0.8em 0 -2px, 0 0.8em 0 -2px, -0.6em -0.6em 0 -2px, -0.6em 0.6em 0 -2px, 0.6em -0.6em 0 -2px, 0.6em 0.6em 0 -2px;
          box-shadow: -0.8em 0 0 -2px, 0.8em 0 0 -2px, 0 -0.8em 0 -2px, 0 0.8em 0 -2px, -0.6em -0.6em 0 -2px, -0.6em 0.6em 0 -2px, 0.6em -0.6em 0 -2px, 0.6em 0.6em 0 -2px;
}
.octopus-app .btn-like-comment.is-active::before {
  -webkit-animation: effect-01-animation 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          animation: effect-01-animation 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.octopus-app .btn-like-comment.is-active::after {
  -webkit-animation: effect-02-animation 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          animation: effect-02-animation 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@-webkit-keyframes effect-01-animation {
0% {
    -webkit-transform: rotate(-15deg) scale(0);
            transform: rotate(-15deg) scale(0);
}
40% {
    opacity: 1;
}
100% {
    -webkit-transform: rotate(-30deg) scale(2.5);
            transform: rotate(-30deg) scale(2.5);
    opacity: 0;
}
}
@keyframes effect-01-animation {
0% {
    -webkit-transform: rotate(-15deg) scale(0);
            transform: rotate(-15deg) scale(0);
}
40% {
    opacity: 1;
}
100% {
    -webkit-transform: rotate(-30deg) scale(2.5);
            transform: rotate(-30deg) scale(2.5);
    opacity: 0;
}
}
@-webkit-keyframes effect-02-animation {
0% {
    -webkit-transform: rotate(10deg) scale(0);
            transform: rotate(10deg) scale(0);
}
40% {
    opacity: 1;
}
100% {
    -webkit-transform: rotate(30deg) scale(2);
            transform: rotate(30deg) scale(2);
    opacity: 0;
}
}
@keyframes effect-02-animation {
0% {
    -webkit-transform: rotate(10deg) scale(0);
            transform: rotate(10deg) scale(0);
}
40% {
    opacity: 1;
}
100% {
    -webkit-transform: rotate(30deg) scale(2);
            transform: rotate(30deg) scale(2);
    opacity: 0;
}
}.octopus-app progress[data-v-d6a55417] {
  background-color: var(--octopus-player-progress-background-color);
  border-radius: var(--octopus-border-radius);
  accent-color: var(--octopus-player-progress-color-current);
  color: var(--octopus-player-progress-color-current);
  border: none;
}
.octopus-app progress[data-v-d6a55417]::-moz-progress-bar, .octopus-app progress[data-v-d6a55417]::-webkit-progress-value {
  background: var(--octopus-player-progress-color-current);
}.octopus-app progress[data-v-f7c244d7] {
  background-color: var(--octopus-player-progress-background-color);
  border-radius: var(--octopus-border-radius);
  accent-color: var(--octopus-player-progress-color-current);
  color: var(--octopus-player-progress-color-current);
  border: none;
}
.octopus-app progress[data-v-f7c244d7]::-moz-progress-bar, .octopus-app progress[data-v-f7c244d7]::-webkit-progress-value {
  background: var(--octopus-player-progress-color-current);
}.octopus-app .input-share-player {
  border-radius: 50px;
  width: 60px;
}/* stylelint-disable */
.octopus-app .status-PENDING {
  background: var(--octopus-warning);
}
.octopus-app .status-NOT_VALID {
  background: var(--octopus-danger);
}
.octopus-app .status-VALIDATED {
  background: var(--octopus-primary);
}
.octopus-app .status-comment, .octopus-app .status-VALIDATED, .octopus-app .status-NOT_VALID, .octopus-app .status-PENDING {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

/* stylelint-enable */
.octopus-app .comment-player-container {
  position: relative;
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (width <= 960px) {
.octopus-app .comment-player-container {
    display: none;
}
}
.octopus-app .comment-player-container .comment-border {
  width: auto;
  position: absolute;
  border-left: solid 1px white;
  height: 10px;
}
.octopus-app .comment-player-container .status-comment {
  margin-top: 10px;
  position: absolute;
  background: white;
}/*$vite$:1*/