/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/client/assets/sass/app.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --bs-border-width: 2px;
  --bs-border-color: #d6d7d9;
  --bs-border-radius: 0.375rem;
}

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 620px;
  --bs-breakpoint-lg: 960px;
  --bs-breakpoint-xl: 1300px;
  --bs-breakpoint-xxl: 1524px;
}

.row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.375rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.375rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.75rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.75rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1.5rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1.5rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 2.25rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 2.25rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 4.5rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 4.5rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.375rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.375rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.75rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.75rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 2.25rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 2.25rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 4.5rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 4.5rem;
  }
}
@media (min-width: 620px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.375rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.375rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.75rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.75rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 2.25rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 2.25rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 4.5rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 4.5rem;
  }
}
@media (min-width: 960px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.375rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.375rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.75rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.75rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 2.25rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 2.25rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 4.5rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 4.5rem;
  }
}
@media (min-width: 1300px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.375rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.375rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.75rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.75rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 2.25rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 2.25rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 4.5rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 4.5rem;
  }
}
@media (min-width: 1524px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.375rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.375rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.75rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.75rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 2.25rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 2.25rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 4.5rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 4.5rem;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.45rem + 2px);
  padding-bottom: calc(0.45rem + 2px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 2px);
  padding-bottom: calc(0.5rem + 2px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 2px);
  padding-bottom: calc(0.25rem + 2px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.45rem 0.9rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #0b0b0b;
  appearance: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #d6d7d9;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: #999da1;
  opacity: 1;
}
.form-control:disabled {
  background-color: #d6d7d9;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.45rem 0.9rem;
  margin: -0.45rem -0.9rem;
  margin-inline-end: 0.9rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 2px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.45rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: 2px 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.45rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 0.375rem;
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: 0.375rem;
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3e%3cpath fill="none" stroke="%238b96a0" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 5l6 6 6-6"/%3e%3c/svg%3e');
  display: block;
  width: 100%;
  padding: 0.45rem 2.7rem 0.45rem 0.9rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #0b0b0b;
  appearance: none;
  background-color: #fff;
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.9rem center;
  background-size: 14px 10px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.9rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #d6d7d9;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #0b0b0b;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2811, 11, 11, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: 2.75rem;
  min-height: 2.75rem;
  line-height: 1;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 0.75rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.8);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 2px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 0.75rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.75rem;
  padding-bottom: 0.75rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.75rem;
  padding-bottom: 0.75rem;
}
.form-floating > .form-select {
  padding-top: 1.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.7) translateY(-0.4rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.7) translateY(-0.4rem) translateX(0.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 0.75rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: #fff;
  border-radius: 0.375rem;
}
.form-floating > textarea:disabled ~ label::after {
  background-color: #d6d7d9;
}
.form-floating > .form-control-plaintext ~ label {
  border-width: 2px 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: 2px solid var(--bs-border-color);
  border-radius: 0.375rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3.6rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * 2px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #00c875;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #0b0b0b;
  background-color: rgba(0, 200, 117, 0.9);
  border-radius: var(--bs-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #00c875;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"%3e%3cpath fill="%2300c875" d="M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z"/%3e%3c/svg%3e');
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #00c875;
  box-shadow: 0 0 0 0.25rem rgba(0, 200, 117, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #00c875;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"%3e%3cpath fill="%2300c875" d="M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z"/%3e%3c/svg%3e');
  padding-right: 4.125rem;
  background-position: right 0.9rem center, center right 2.25rem;
  background-size: 14px 10px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #00c875;
  box-shadow: 0 0 0 0.25rem rgba(0, 200, 117, 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #00c875;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #00c875;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 200, 117, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #00c875;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #e44258;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #0b0b0b;
  background-color: rgba(228, 66, 88, 0.9);
  border-radius: var(--bs-border-radius);
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #e44258;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12" fill="none" stroke="%23e44258"%3e%3ccircle cx="6" cy="6" r="4.5"/%3e%3cpath stroke-linejoin="round" d="M5.8 3.6h.4L6 6.5z"/%3e%3ccircle cx="6" cy="8.2" r=".6" fill="%23e44258" stroke="none"/%3e%3c/svg%3e');
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #e44258;
  box-shadow: 0 0 0 0.25rem rgba(228, 66, 88, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #e44258;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12" fill="none" stroke="%23e44258"%3e%3ccircle cx="6" cy="6" r="4.5"/%3e%3cpath stroke-linejoin="round" d="M5.8 3.6h.4L6 6.5z"/%3e%3ccircle cx="6" cy="8.2" r=".6" fill="%23e44258" stroke="none"/%3e%3c/svg%3e');
  padding-right: 4.125rem;
  background-position: right 0.9rem center, center right 2.25rem;
  background-size: 14px 10px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #e44258;
  box-shadow: 0 0 0 0.25rem rgba(228, 66, 88, 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #e44258;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #e44258;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(228, 66, 88, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #e44258;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 0.875rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 340px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: rgba(11, 11, 11, 0.175);
  --bs-popover-border-width: 0;
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: 8px;
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 0.75rem;
  --bs-popover-body-padding-y: 0.375rem;
  --bs-popover-body-color: #fff;
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 400px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: 16px;
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: none;
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #0b0b0b;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 250px;
  }
}
@media (min-width: 960px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1300px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 619.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 959.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1299.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1523.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.75rem;
  --bs-tooltip-padding-y: 0.375rem;
  --bs-tooltip-margin: 0;
  --bs-tooltip-font-size: 0.765625rem;
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: #0b0b0b;
  --bs-tooltip-border-radius: 0.375rem;
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.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 {
  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,d09GRgABAAAAABUgAAsAAAAAItAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV33Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADwwAABdk9R/WHmhlYWQAABGcAAAAKwAAADYn8kSnaGhlYQAAEcgAAAAdAAAAJA+RCL1obXR4AAAR6AAAABMAAAC8Q44AAGxvY2EAABH8AAAAYAAAAGB7SIHGbWF4cAAAElwAAAAfAAAAIAFAAI9uYW1lAAASfAAAASUAAAIK1cf1oHBvc3QAABOkAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7xDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADbZCycAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1gUV5auc6urCmxEGrq6VRD6ATQP5dHPKK8GRIyoKApoEBUDAiGzGmdUfKNRM4qLZrUZdGKcGN/GZJKd0SyOWTbfbmZ2NxqzM5IxRtNZd78vwYlJdtREoO7sudVNq6PmmxmKqrqPU+eee173P80Bh39Cu9DOEY4DHZBK3i20D/QRLcfxbE5sEVtwLpZzclw4ibFIkSCJUcZ4MBpMnnzwuKNsGWBL5i3qy6kO2dVpvUpKbkAP9fq62rdeGJ+TM/7C1nbIutfuWrWk5ci4zMxxR1qW/N+9JsmCGXj9VKWhFx/6tr/nz78INDm2C9yPF/fDcxLuyKxLBZ1ZBz2QTi+RSkiH5RrDQJ/GgGQadX9m0YSURs7GpSG905Zsk41uj14yul1OtieZ7QUk5GRG/YiS7PYYPSAZNRed9sq3+bOpz00rKb7pe/ZEZvbALxZAHT3AFoH8GXP3rt67QFn40kt8W13FjLTDb48c+fSi5/7h0P4dL5yz7DPtbmgmYxfQA9RL2+EOfTcvdp+1vmuBpvOll1As1S6ak0IvJzC7sKWJFtJgBd2uWcg+0Zyg7dzQfhcjXRgXGZRf5/a4A58IDU777Nl252AUk4m2ByRRjqTNqIDCEJeAnU3iCFwrkrNwXEzg4yFevBwypzxkcX+AIfk3VEKl3XmWbT8788SzvpvFJaiOezL6QyuSr9VNf97csNu0z3LuhR0wATUxZAfVBwVOy+nQFhxYdWaXlXe4HC4zWGWzzsrLDtmhI9pOWOHv7PTT7XybH1Z0+v2d5Abd3kmG+TsH23CS/KwTxx/JkzEwx6jcQOUc42LLwHJ/J93uZ9ygh3HuZGwqsY9dWDHQ58dxNqyqKRQTYdxwTubiOSs3FiMDkq0WSZQgCT0GBDOg2lxOAd1FlPVGs4AKBAcYHHaP2wPkHaivmLF5zYqnIZrvcHx5gN4k/6tchNW1DtdgNL2KrxEkS/kfnIHoVnp1VjmjpTf5r0lTzLj0mdS28tX+XGorU364eMPmnWVl8J36nlKGw3CZhjEiuMw8h8mKvhGD+4/lElBWjAhLJMg6fTw4zPZ8cOmcGQBm2Qxml1nAm13CpYGq1JKUlJJUzQn1PTAO0mgv6VMMpA/DuRfSWEu4lDIxdbAtdWIKvnn2Vk766CWfz9fpY0sH/UpdP50rfszaVpdVRmvIejEdLMk45s4Bu0EWHjeOySmFyZSiMahvZdNSn29peoI/YexYfKQTLeurTXXwEVLeSfInTWHkkMaeUx7sBvOCSTSj3AlcKjfueyS36tCrXDlgRtF0etFq9jhc1kfKuBT/OwMr0F4UUTTh1AN0g20+H/ScPcsIEsYu9d/zN5PmjprPtNwI1ZZcDK6iC97Mcjp2y2aX36f+QbpGHrgRuHlXJ+Zf6PFRL2uQSp8vxHeF2IoRb8Rd2rhMzsNxSRmEuKK4JFnkojhMcx6jzqHzGMGFcW+MhBj0bhf6cowN+45I4LHvwT6fteu7M42wGRI/pxcg6/MZdEvt1U1XaulHFXuLmqov/MukvRVL35/b3ODM1+4aPjtzeK7zmUkV2h3DN54HaQ9GzJvxHRb6Ks2gB81fwqraT+A7GvZJrRLRofU6G0urNL+zFw3v0FaVDFxsKEZW56F31r6ip6vOL+FCObBPuIMRiXld9RaMdLzRIOGhPey2T9vA/35DmZPK9IWaT9d/WgOGMieYqJ/dzjLIhZU118gbysxrNUGefxD6UO/hyNNllpFTOIbx32kSFQctnweV5PxTMHLjRqiAN+fQE9gL+Xy5WB6MOS4GJJuYbDUHhcKDhHGRbLzOpjsjdM1+iwAZLGeieehACX2hhI7SjK/ZUTNrvVje31TxJiFBGYViWFkCn9PMeX9fS6qVbzfCj4fOCTzDnuWy2c4xA7mdNkA3RS9FH2VeqzdCBlixxbzXjvkHU1I8BOYFb1pZvPIHSSIj4svT8xpzcxtXN+ZKyjdDvbz08niiF3PqV9Tn5NST8vg48MTaY8E5xqSSIsWoWHo+LtAzxdH/GDUyp37CBEYfso04F/NlMTcDJUTpECLY0HFGQHImE8xsEUdgnrQlixIvGhJA1BvxpDHGxEMBYFeNOHcBJlSjwe2JcSfbBEsGOPPBHg/6SBBOCsLLw0SpUxod0Z1bFMfLkbQ3UiZxEyd0Dx8t+SRBu18Q9msFbI4e3p1THEfkSEh7kEJ5orR10qTWDvbgPWn5aWvCYyOAjwgXyjJi34uMjo58L25cmRAeQZWI2PA1QQLsPESAH8WGFwZZ4SPoR73BHPzIPMJj9AreBzKUmrH4todT18ANvi1oc3YGjUT/0j+ExUwq8PI9BLaCQIpvewwYu2evAG/Vo/5avPdY7o+BemLLXw3y+AdkzP9bpIxB1wm5EYq8fesHbPEPtm6HrHvtx4jcGPR8fDDpkZBefIjB46QnlUNRltv4Z/pO/J6dxEjhYAtmoMeq+GozvUVvNYOW3m6GCIhoprcfr97B8AcIQYsfD8ljUvGNjvkrpj0ETA48ZMIxCeqsRIsQALE0gi2GB+glSOfbOjW3GSBM9yPq8/rpJXrJDz0BPxV6xdN4uiCGDQed3WhgFkBUZEFsmeyyBpzXrm7UGTBZG8Lh5aubFufk5eUsbrrFGr7McYdbltxa0nKYqRKbQjvikXYkTGM0f2xuyM3Ly21oXnWfvf6I1BmZwfh7EWWIYsg2nHhsDhOnczhJcmI6eBAmy3jZ3RiJmKQR/JA99FcwsfaVbNDDyi1rL9NPj9hfo61wjM6BjzOLijLpeTgk/pL+ip6tfYWupzeOgPny2tcUu9J/9mhxJlgyi985NFRbvCVewXUNXLJaW0RxZqtRYtnfYdcYomXQWdnJHQA3jiEEkeTQWcWxdDP9IvvVWvo2TK553XEMEq+s69/QDU1Q7p0zxwsm9qS379whr8NI2PJqLUyGyfNeX3eFfnJU2U+uHR9cVV1IqgurqwuV44XVp0h2qN55X5XJwtk59yP0IZuHrqBOBIuIYhkcoT6Kx79Pu2HS/IPZIMOqLWs/pteOOk4NPgEb6QAIdAPsyZk5Mwd+wVaHMexJv719W7xCu2l37UG6lvYdBcvHa08p89741zd63phTRGqL5ggo6SlvdbWXzCqsPq78NnSu7wnKy2HNZbVoRCI7UJEOyRj+sPE002tOOY7Qa5fXboFWkLNeqYUSZRocp9XwSUZxcQZ9Hw6LV2pOoVmvHQEDbGIENEG5i6bLgMSM4n8+FNLTtAds99DaWEvgcf4o5SyYe9x+kF6/tGoTPAdRmS/XQIEy//QxKC2oqioAI3tS5auvxCtzT6y6RK8fhChYcwCJaMJhxc0vqSxQ/qmgsrKAlBZUHlauheTpvd9uj5DnLzJct6qfq5fXbYHVIGcfrIVJihbaVLu1wW7Vbs8zK0A8e9Jvb91S9cVMjPrazD6gpfeZTXzYbCFMcppVRsGMpp55OWgx1/3JeAxW1Y7AORgM/m3rWrsdLkQVmEVSU16cX/e7uvkvpqRiQsG06XJ0t64Tf+l0nG1dt025gyOIZlvq5u9KSU1N2TW/rsWnnMRPyTDkctbhvIcNvYIXWyLzdwYLoYesUbaQG4iK2cWO2gdpeUYLqDD0MUTOPhDIGnZEs58yArR86FznuWEsU4YDi2x26dA4klkn8Qa6vhk2QUfX4Jxm/ngX9r7ogn1dmlmwqZmuhxtdg9XN/DEcUgqb+9hMyNansfaQET2mcROCmGEMVqxm5u+h6kN2MOwgqykV2wH9yQG9DvVFU38Pogaf4FVuE62KI/oJ02RDdWW2w5dqQwU/8+N1q1DlvsL863u61KLE7x/o8w0VJQM/Y/SQ3unIrqxueEa1BqT5VFNsO7p39/UC771a77RowpaKe9nvJQIT1Pog5LGx8XblBKmCNGTf3xMogAQvPnz9PYKX/08sVDTG1OKUlOLUgS/UaZtm1NAaYTsl7i9ZQ+L6O4Rl0OGa577LuWvc+C+x96/vYh0lLBuM+7XwI/dTLtdT7v4d6rRTWDnku0IBrqFnZ5bVIqKP8lasJlithWnaLhTsr8qFJBulF/70p4undou36HeTJ5+jv1fCybeQ8nH3+Xv6aENczmOFlab+hqMDg1rLOt12A+tiUFrYDwQ6c3RUJp601nzegTNX6WlYAI2zSUV945F6zU56ZmZVQaWspWcIADxJ9GmljQUnL2p2Dpr5T8H+5KJFu+vqBq8qvyHRzStLHPEO5SPYCV9nZe0yZT2RcH0oHvegSzNEJ0oGWU8iQWM12dgPEugngVceGIwZgPFp0BiT1a0a3R5Rcot7ihfA1J/20v96jX7zmTX9s583H0kwx6WnLd09cXrR9LGroOa9sHNbdyz8wcKk5lqhaVFJZNwmqtw884MXNdvJujpBa3xzuSaZH9sxa06Z7x+HJSduPbdYHv/DgmEhfbehvlmGN7JUkcG78GDM12CeyFFTPNqVeNxC1gzjz+c2nVo63Xxs8rKJWXoBJM0tmEbfGm4qzpoOH3xpzQfyxLzW1gnE9NHo6tol1eMEic4ZVPrjnVi0kqAe2sQ2bgqupScaq8WGlUWgWHI51SKJl/UYT6zccNsCSkBtiVZLsiefuFSDYT3Fi8Zk7EUnmjTRYtsFeuDDJS05MW79M3mr3mla+d8dzac31KTPmBYfFiYSUef48PhPjm9ryZsSGZZkdNvzq0Y9rdNcwDq5Dg5C3QW+7UN64IKptvS3tvHbvu5c9pv1Exau21rc9LIpwpQwUjTq8576yeVDz5+4WZ1nXT43wV60rPLJbDp/UksNrP3iQ2SA63Pst058gOYDbhRnRUw8l/sRt4HbxPzO4WYpInCpuVgSbVh6JXuwnnJngKTTCwaPWmG5Xbhpm1U0Yt3FyBGpGYemPM77p2TD904JjgJ2QFpFLeYpGx8X15Qx1Zk31p5ki9ZLUuXE0lmuJlcakJMVLeFS1iIvrB8drY0aloilakqCZwzwRORtxlgwxS4IThggJd4TDxoiaAIT80fFPGrCPPru+puFn504P/ybr4ihA/6dKASLshEJic7xE8tmzu3KzA7TABBe8y5fNbWo3ilQn/SuFKM16b2l5bOeayqfGhYmhIulU+fVNDdWVv4NMzX10MBHyPR5uhWUu8D9P1VnIMt4nGNgZGBgAOJ/1bf64vltvjJwszOAwAOlmqvINEc/WJyDgQlEAQA+dgnjAHicY2BkYGBnAAGOPgaG//85+hkYGVCBPgBGJwNkAAAAeJxjYGBgYB/EmKMPtxwAhg4B0gAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAe4CLgKKAtAC/ANiA4wDqAPgBDAEsATaBQgFWgXABggGLgZwBqwG9gdOB4oH0ggqCHAIhgicCMgJJAlWCYgJrAnyCkAKdgrkC7J4nGNgZGBg0GdoZmBnAAEmIOYCQgaG/2A+AwAaqwHQAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkXlT2zAQxf1C4thJAwRajt4HRy8VMwwfSJHXsQZZcnUQ+PYoTtwpM+wf2t9brWZ2n5JBsol58nJcYYAdDDFCijEy5JhgileYYRd72MccBzjEa7zBEY5xglO8xTu8xwd8xCd8xhd8xTec4RwXuMR3/MBP/MJvMPzBFYpk2Cr+OF0fTEgrFI1aHhxN740KDbEmeJpsWZlVj40s+45aLuv9KijlhCXSjLQnu/d/4UH6sWul1mRzFxZeekUuE7z10mg3qMtM1FGQddPSrLQyvJR6OaukItYXDp6pCJrmz0umqkau5pZ2hFmm7m+ImG5W2t0kZoJXUtPhVnYTbbdOBdeCVGqpJe7XKTqSbRK7zbdwXfR0U+SVsStuS3Y76em6+Ic3xYiHUppc04Nn0lMzay3dSxNcp8auDlWlaCi48yetFD7Y9USsx87G45cuop1ZxQUtjLnL4j53FO0a+5X08UXqQ7NQNo92R0XOz7sxWEnxN2TneJI8Acttu4Q=) 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;
  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 {
  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;
  transition: all 0.4s;
}
.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  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;
  transition: none;
  appearance: 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: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  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 > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  display: flex;
  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: #73859f;
  background-color: rgba(115, 133, 159, 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 {
  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;
  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:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  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;
  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;
  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;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  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 {
  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(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 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 {
  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-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  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 */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  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 {
  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;
  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;
  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;
  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;
  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 {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  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;
  transform: translateY(-50%);
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  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;
  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%;
  object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  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 {
  align-items: center;
  cursor: pointer;
  flex: none;
  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 {
  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;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  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 {
  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 {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  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;
  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%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  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: flex;
  justify-content: center;
  align-items: center;
  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;
  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 {
  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);
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.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-description-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-description-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 {
  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-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: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 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: 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;
  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;
  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;
}
@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;
}

/**
 * Copyright 2014 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.ima-ad-container {
  top: 0em;
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
}

/* Move overlay if user fast-clicks play button. */
.video-js.vjs-playing .bumpable-ima-ad-container {
  margin-top: -4em;
}

/* Move overlay when controls are active. */
.video-js.vjs-user-inactive.vjs-playing .bumpable-ima-ad-container {
  margin-top: 0em;
}

.video-js.vjs-paused .bumpable-ima-ad-container,
.video-js.vjs-playing:hover .bumpable-ima-ad-container,
.video-js.vjs-user-active.vjs-playing .bumpable-ima-ad-container {
  margin-top: -4em;
}

.ima-controls-div {
  bottom: 0em;
  height: 1.4em;
  position: absolute;
  overflow: hidden;
  display: none;
  opacity: 1;
  background-color: rgba(7, 20, 30, 0.7); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to top, rgba(7, 20, 30, 0.7) 0%, rgba(7, 20, 30, 0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0007141E", endColorstr="#07141E",GradientType=0 ); /* IE6-9 */
}

.ima-controls-div.ima-controls-div-showing {
  height: 3.7em;
}

.ima-countdown-div {
  height: 1em;
  color: #FFFFFF;
  text-shadow: 0 0 0.2em #000;
  cursor: default;
}

.ima-seek-bar-div {
  top: 1.2em;
  height: 0.3em;
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
}

.ima-progress-div {
  width: 0em;
  height: 0.3em;
  background-color: #ECC546;
}

.ima-play-pause-div, .ima-mute-div, .ima-slider-div, .ima-fullscreen-div {
  width: 2.33em;
  height: 1.33em;
  top: 0.733em;
  left: 0em;
  position: absolute;
  color: #CCCCCC;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
  font-family: VideoJS;
  cursor: pointer;
}

.ima-mute-div {
  left: auto;
  right: 5.667em;
}

.ima-slider-div {
  left: auto;
  right: 2.33em;
  width: 3.33em;
  height: 0.667em;
  top: 1.33em;
  background-color: #555555;
}

.ima-slider-level-div {
  width: 100%;
  height: 0.667em;
  background-color: #ECC546;
}

.ima-fullscreen-div {
  left: auto;
  right: 0em;
}

.ima-playing:before {
  content: "\f103";
}

.ima-paused:before {
  content: "\f101";
}

.ima-playing:hover:before, .ima-paused:hover:before {
  text-shadow: 0 0 1em #fff;
}

.ima-non-muted:before {
  content: "\f107";
}

.ima-muted:before {
  content: "\f104";
}

.ima-non-muted:hover:before, .ima-muted:hover:before {
  text-shadow: 0 0 1em #fff;
}

.ima-non-fullscreen:before {
  content: "\f108";
}

.ima-fullscreen:before {
  content: "\f109";
}

.ima-non-fullscreen:hover:before, .ima-fullscreen:hover:before {
  text-shadow: 0 0 1em #fff;
}

.c-collection-featured__visual:after, .c-collection-featured__visual:before, .c-podcast-header__bg:after, .c-hero-header:after, .c-podcast-shortcut-block__bg:after, .c-broadcast-banner:after {
  display: block;
  position: absolute;
  content: "";
}

.skip-main {
  z-index: -999;
  position: absolute;
  top: auto;
  left: -999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-main:focus {
  z-index: 1119;
  left: auto;
  top: auto;
  padding: 0.5em 1em;
  width: auto;
  height: auto;
  overflow: auto;
  background-color: #fff;
  color: blue;
}

*, *::after, *::before {
  box-sizing: inherit;
}

* {
  font: inherit;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, hr {
  margin: 0;
  padding: 0;
  border: 0;
}

html {
  box-sizing: border-box;
}

article, aside, details, figcaption, figure, picture,
footer, header, hgroup, menu, nav, section, main, form legend, time {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

figure,
picture {
  max-width: 100%;
}
figure > img,
picture > img {
  width: 100%;
  max-width: inherit;
}

img, video, svg {
  max-width: 100%;
}

article ul {
  list-style-type: disc;
}
article ol {
  list-style-type: decimal;
}

button, input, textarea, select {
  margin: 0;
}

button {
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  color: inherit;
  line-height: inherit;
  appearance: none;
}

select.form-control::-ms-expand {
  display: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: searchfield-cancel-button !important;
}

input::-ms-clear {
  display: none;
}

label {
  display: inline-block;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

address {
  font-style: normal;
}

body {
  padding-top: 55px;
  transition: padding-top 0.3s ease;
  background-color: #fff;
  scroll-margin-top: 55px;
}
@media (min-width: 1300px) {
  body.layout--music {
    padding-top: 95px;
  }
}
@media (min-width: 1300px) {
  body.layout--music.theme--rythmefm, body.layout--music.theme--cime, body.layout--music.theme--planete {
    padding-top: 127px;
  }
}
@media (min-width: 1300px) {
  body.layout--talk {
    padding-top: 127px;
  }
}

a {
  text-decoration: none;
  cursor: pointer;
}
a.cta::after {
  content: "⟶";
  margin-left: 0.5em;
}

.logo--cmi.logo--inverted .text--media,
.logo--cmi.logo--inverted .text--cogeco {
  fill: #fff;
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

body {
  font-size: 1em;
}

body,
input,
#didomi-host {
  font-family: "Work Sans", Helvetica, Arial, sans-serif;
  font-feature-settings: "lnum";
}

.c-section-header h1 em, .c-section-header h2 em, .c-section-header h3 em, .c-section-header h4 em, .c-section-header h5 em,
.c-page-header-section h1 em,
.c-page-header-section h2 em,
.c-page-header-section h3 em,
.c-page-header-section h4 em,
.c-page-header-section h5 em,
.c-category-header h1 em,
.c-category-header h2 em,
.c-category-header h3 em,
.c-category-header h4 em,
.c-category-header h5 em {
  font-style: italic;
}
.c-section-header h1,
.c-page-header-section h1,
.c-category-header h1 {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}
@media (min-width: 960px) {
  .c-section-header h1,
  .c-page-header-section h1,
  .c-category-header h1 {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1.2;
  }
}
.c-section-header h2,
.c-page-header-section h2,
.c-category-header h2 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.l-wrap__right .c-section-header h2,
.l-wrap__right .c-page-header-section h2,
.l-wrap__right .c-category-header h2 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}
@media (min-width: 960px) {
  .l-wrap__right .c-section-header h2,
  .l-wrap__right .c-page-header-section h2,
  .l-wrap__right .c-category-header h2 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.55rem;
  }
}
.c-section-header h3,
.c-page-header-section h3,
.c-category-header h3 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.55rem;
}
@media (min-width: 960px) {
  .c-section-header h3,
  .c-page-header-section h3,
  .c-category-header h3 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.625rem;
  }
}
.l-wrap__right .c-section-header h3,
.l-wrap__right .c-page-header-section h3,
.l-wrap__right .c-category-header h3 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
}
@media (min-width: 960px) {
  .l-wrap__right .c-section-header h3,
  .l-wrap__right .c-page-header-section h3,
  .l-wrap__right .c-category-header h3 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.55rem;
  }
}
.c-section-header h4,
.c-page-header-section h4,
.c-category-header h4 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
}
@media (min-width: 960px) {
  .c-section-header h4,
  .c-page-header-section h4,
  .c-category-header h4 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.625rem;
  }
}
.c-section-header h5,
.c-page-header-section h5,
.c-category-header h5 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
}
@media (min-width: 960px) {
  .c-section-header h5,
  .c-page-header-section h5,
  .c-category-header h5 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.55rem;
  }
}

.c-text h1,
.c-block h1,
.story h1,
.contest__header h1,
.c-header h1,
.l-video__meta h1,
.c-hero-header__meta h1,
.contact-section h1 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.95rem;
}
@media (min-width: 960px) {
  .c-text h1,
  .c-block h1,
  .story h1,
  .contest__header h1,
  .c-header h1,
  .l-video__meta h1,
  .c-hero-header__meta h1,
  .contact-section h1 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.5rem;
  }
}
.c-text h2,
.c-block h2,
.story h2,
.contest__header h2,
.c-header h2,
.l-video__meta h2,
.c-hero-header__meta h2,
.contact-section h2 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
}
@media (min-width: 960px) {
  .c-text h2,
  .c-block h2,
  .story h2,
  .contest__header h2,
  .c-header h2,
  .l-video__meta h2,
  .c-hero-header__meta h2,
  .contact-section h2 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.95rem;
  }
}
.c-text h3,
.c-block h3,
.story h3,
.contest__header h3,
.c-header h3,
.l-video__meta h3,
.c-hero-header__meta h3,
.contact-section h3 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.55rem;
}
@media (min-width: 960px) {
  .c-text h3,
  .c-block h3,
  .story h3,
  .contest__header h3,
  .c-header h3,
  .l-video__meta h3,
  .c-hero-header__meta h3,
  .contact-section h3 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.625rem;
  }
}
.c-text h4,
.c-block h4,
.story h4,
.contest__header h4,
.c-header h4,
.l-video__meta h4,
.c-hero-header__meta h4,
.contact-section h4 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
}

.c-text ul,
.c-podcast-header__description ul,
.c-show-header__description ul {
  list-style-type: disc;
}
.c-text ol,
.c-podcast-header__description ol,
.c-show-header__description ol {
  list-style-type: decimal;
}

main .container,
.l-footer .container {
  max-width: 1424px;
  --bs-gutter-x: 20px;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 620px) {
  main .container,
  .l-footer .container {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }
}
main .container + .container,
.l-footer .container + .container {
  margin-top: 4rem;
}
main .container + cmi-slider-container,
main .container + cmi-podcast-slider,
main .container + cmi-collection-featured,
main .container + cmi-content-list-container,
.l-footer .container + cmi-slider-container,
.l-footer .container + cmi-podcast-slider,
.l-footer .container + cmi-collection-featured,
.l-footer .container + cmi-content-list-container {
  display: block;
  margin-top: 4rem;
}

main > * > .container > cmi-ad:first-child {
  display: block;
  margin-top: 2rem;
}
@media (min-width: 1300px) {
  main > * > .container > cmi-ad:first-child {
    margin-top: 0;
  }
}

.l-footer {
  margin-bottom: 75px;
  padding: 2.5rem 0 3rem;
}
@media (min-width: 1300px) {
  .l-footer {
    padding: 3rem 0 2rem;
  }
}
.l-footer__content {
  display: flex;
}
.l-footer__station {
  margin-right: 10%;
}
.l-footer__nav {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1300px) {
  .l-footer__nav {
    max-width: 50%;
  }
}
.l-footer__nav ul {
  flex: 1 1 33%;
  padding: 0 2rem 0 0;
}
.l-footer__nav ul li {
  margin-bottom: 0.25rem;
}
.l-footer__nav a {
  display: inline-block;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.l-footer__logos {
  flex: 0 0 auto;
  margin-left: auto;
}
.l-footer__logos ul {
  display: flex;
}
.l-footer__logos ul li {
  flex: 0 0 auto;
  margin-left: 2rem;
}
.l-footer__line {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1300px) {
  .l-footer__line {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
.l-footer__links {
  flex: 0 0 100%;
  margin: 2rem 0;
}
@media (min-width: 1300px) {
  .l-footer__links {
    flex: 1 1 auto;
    margin: 0;
  }
}
.l-footer__links ul {
  display: flex;
  flex-wrap: wrap;
}
.l-footer__links ul li {
  margin-top: 0.25rem;
  margin-right: 0.75rem;
}
.l-footer__links a {
  display: block;
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
}
.l-footer .container > .o-btn-list {
  margin-top: 2rem;
}
.l-footer .o-btn-list a {
  margin-right: 1rem;
}

.c-banner--mobileapp {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 1.5rem 0 2rem;
}
@media (min-width: 960px) {
  .c-banner--mobileapp {
    padding: 0.25rem 0.75rem;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    background-color: rgba(11, 11, 11, 0.15);
  }
}
.c-banner--mobileapp__liner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 100%;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}
@media (min-width: 960px) {
  .c-banner--mobileapp__liner {
    flex: 0 0 auto;
  }
}
.c-banner--mobileapp__liner img {
  margin-right: 1rem;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.c-banner--mobileapp__badges {
  display: flex;
  justify-content: center;
  flex: 0 0 100%;
  margin-top: 1.5rem;
}
.c-banner--mobileapp__badges a {
  display: block;
}
@media (min-width: 960px) {
  .c-banner--mobileapp__badges {
    flex: 0 0 auto;
    margin-top: 0;
    margin-left: 1rem;
  }
}

.l-header {
  z-index: 1050;
  width: 100%;
  margin-bottom: 3rem;
  position: fixed;
  top: 0;
  left: 0;
}
@media (min-width: 1300px) {
  .l-header {
    align-items: stretch;
  }
}
@media (min-width: 1300px) {
  .l-header[data-topbar=true] {
    padding-top: 32px;
    transition: padding-top 0.3s ease;
  }
  .l-header[data-topbar=true].l-header--fixed {
    padding-top: 0;
  }
}
.l-header li:not(.dropdown-item) > a,
.l-header .utility-nav__item,
.l-header .dropdown-toggle {
  color: #0b0b0b;
}
.l-header__navigation {
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  transition: height 0.3s ease;
  box-shadow: 0 4px 10px rgba(11, 11, 11, 0.1);
  background-color: #fff;
}
.l-header--fixed .l-header__navigation {
  height: 55px;
}
.l-header__navigation .l-header-content {
  height: 100%;
}
.l-header__wrapper {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(11, 11, 11, 0.1);
}
@media (min-width: 1300px) {
  .l-header__wrapper {
    padding-left: 0;
    box-shadow: none;
  }
}
.l-header.js-search-is-focused .search-text {
  display: none;
}
.l-header.js-search-is-focused .search-text--close {
  display: block;
}
.l-header__hamburger {
  position: relative;
  margin-right: 1rem;
  height: 22px;
  width: 22px;
}
.l-header__sidenav {
  z-index: 2;
  width: calc(100% - 1rem);
  max-width: 22rem;
  overflow: auto;
  background-color: #fff;
  box-shadow: 8px 0 16px rgba(11, 11, 11, 0.1);
  transition: left 0.3s ease;
  position: fixed;
  top: 55px;
  bottom: 75px;
  left: -22rem;
}
.js-sidenav-is-open .l-header__sidenav {
  left: 0;
}
.l-header__sidenav .sidenav-section {
  padding: 1.5rem 1rem;
  background-color: #252525;
}
.l-header__sidenav .sidenav-section .divider {
  margin: 1.5rem 0;
}
.l-header__sidenav .sidenav-section a {
  color: #fff !important;
}
.l-header__sidenav .sidenav-section a:hover {
  color: #999da1 !important;
}
.l-header__sidenav .primary-nav,
.l-header__sidenav .secondary-nav {
  padding: 1rem;
}
.l-header__sidenav .primary-nav a:not(.o-tag),
.l-header__sidenav .secondary-nav a:not(.o-tag),
.l-header__sidenav .fourth-nav a:not(.o-tag) {
  display: block;
  font-weight: 600;
}
.l-header__sidenav .secondary-nav a:not(.o-tag),
.l-header__sidenav .fourth-nav a:not(.o-tag) {
  margin: 0.25rem 0;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.0125em;
}
.l-header__sidenav .secondary-nav a:not(.o-tag).story-btn,
.l-header__sidenav .fourth-nav a:not(.o-tag).story-btn {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  border: 1px solid #d6d7d9;
  color: #525559;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
}
.l-header__sidenav .primary-nav {
  border-bottom: 1px solid #ebecec;
}
.l-header__sidenav .primary-nav a {
  margin: 0.75rem 0;
  font-size: 19px;
  letter-spacing: 0.01em;
}
.l-header__sidenav .secondary-nav {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.l-header__sidenav .secondary-nav .o-tag {
  display: block;
  margin-top: 0.75rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.9rem;
}
.l-header__sidenav .secondary-nav .o-tag + .o-tag {
  margin-top: 0.5rem;
}
.l-header__sidenav .social-nav {
  margin: 1.5rem 0;
  padding: 0.75rem 0;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
}
.l-header__sidenav .social-nav p {
  display: none;
}
.l-header__sidenav .sidenav-col-nav ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.l-header__sidenav .sidenav-col-nav li {
  margin: 0.125rem 0;
}
.l-header__sidenav .sidenav-col-nav a {
  font-size: 13px;
}
.l-header__sidenav .network-nav {
  padding: 0 calc(1rem - 8px);
  color: #fff;
}
.l-header__sidenav .network-nav .ng-fa-icon {
  transform: rotate(180deg);
}
.l-header__sidenav .network-nav.show .ng-fa-icon {
  transform: rotate(0);
}
.l-header__sidenav .sidenav-btn {
  display: inline-block !important;
  padding: 0.25rem 0.75rem;
  margin-top: 0.75rem !important;
  margin-right: 0.5rem !important;
  border-radius: 24px;
  background-color: #4b4e51;
  color: #ebecec;
  font-size: 14px !important;
}
.l-header__topbar {
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.5);
  transition: top 0.3s ease;
  position: absolute;
  top: -32px;
  left: 0;
  height: 32px;
  width: 100%;
}
@media (min-width: 1300px) {
  .l-header__topbar {
    padding: 0 1rem;
  }
  .l-header--fixed .l-header__topbar {
    top: -64px;
  }
}
.l-header__topbar li:not(.dropdown-item) > a,
.l-header__topbar .dropdown-toggle {
  color: #fff;
}
.l-header__topbar li:not(.dropdown-item) > a:focus-visible,
.l-header__topbar .dropdown-toggle:focus-visible {
  outline: 2px dotted #00adef;
}
@media (min-width: 1300px) {
  .l-header__logo {
    display: flex;
    align-items: center;
  }
  .layout--talk .l-header__logo {
    justify-content: center;
    flex: 0 0 150px;
    transition: flex-basis 0.3s ease;
  }
  .layout--talk .l-header--fixed .l-header__logo {
    flex-basis: 110px;
  }
  .layout--music .l-header__logo {
    flex: 0 0 auto;
    padding: 0 32px;
  }
  .layout--music .l-header--fixed .l-header__logo {
    flex: 0 0 auto;
    padding: 0 24px;
  }
}
@media (min-width: 1300px) {
  .l-header__logo a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .l-header__logo a:focus-visible {
    outline: 2px dotted #00adef;
  }
}
.l-header__logo img {
  transition: width 0.3s ease, height 0.3s ease;
}
@media (min-width: 1300px) {
  .l-header-content {
    flex: 1 1 auto;
  }
}
@media (min-width: 1300px) {
  .l-header__first-row {
    display: flex;
    align-items: center;
    height: 55px;
    border-bottom: 1px solid #ebecec;
    border-left: 1px solid #ebecec;
  }
}
.l-header__second-row {
  justify-content: space-between;
  padding-right: 1rem;
  padding-left: 1.5rem;
}
@media (min-width: 1300px) {
  .l-header__second-row {
    display: flex;
    align-items: center;
    height: 40px;
    border-left: 1px solid #ebecec;
  }
  .l-header--fixed .l-header__second-row {
    display: none;
  }
  .l-header__second-row .o-tag {
    font-size: 0.8rem;
    line-height: normal;
  }
  .l-header__second-row .o-tag + .o-tag {
    margin-left: 0.75rem;
  }
  .l-header__second-row .o-tag--discovery {
    margin-right: 0.75rem;
    padding: 0.25rem 0.5rem;
    transition: color 0.3s ease;
  }
  .l-header__second-row .o-tag--discovery:hover:not(.o-btn):not(.c-card-content__listen) {
    color: #0b0b0b;
  }
}
.l-header__search {
  z-index: 3;
  max-width: 620px;
  transition: top 0.3s ease, left 0.3s ease;
  position: absolute;
  top: -50px;
  right: 0;
  height: 50px;
  width: 100%;
}
.js-search-is-focused .l-header__search {
  top: 55px;
}
@media (min-width: 1300px) {
  .js-search-is-focused .l-header__search {
    top: auto;
    display: block;
  }
}
@media (min-width: 576px) {
  .js-sidenav-is-open .l-header__search {
    left: 22rem;
  }
}
@media (min-width: 1300px) {
  .js-sidenav-is-open .l-header__search {
    left: auto;
  }
}
@media (min-width: 1300px) {
  .l-header__first-row > .l-header__search {
    display: none;
    flex: 1 1 auto;
    max-width: none;
    position: relative;
    top: auto;
    left: auto;
    height: 54px;
    width: auto;
  }
  .js-search-is-focused .l-header__first-row > .l-header__search {
    display: block;
  }
}
.l-header__search .search-form,
.l-header__search .search-input-wrapper {
  display: block;
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
}
.l-header__search .search-form {
  min-width: 300px;
}
.l-header__search .search-input-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
}
.l-header__search .search-input {
  padding-left: 1rem;
  margin-right: 2.5rem;
  border: 0;
  color: #252525;
  font-style: normal;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 27px;
  outline: none;
  background-color: #eeefef;
  height: 100%;
  width: 100%;
}
@media (min-width: 1300px) {
  .l-header__search .search-input {
    margin-right: 0;
  }
}
.l-header__search .search-input::-webkit-search-decoration, .l-header__search .search-input::-webkit-search-cancel-button, .l-header__search .search-input::-webkit-search-results-button, .l-header__search .search-input::-webkit-search-results-decoration {
  display: none;
}
.l-header__search .search-btn-submit {
  display: block;
  transform: translateY(-50%);
  color: #999da1;
  position: absolute;
  top: 50%;
  right: 1rem;
  height: 24px;
  width: 24px;
}
.l-header__search .search-btn-submit:hover {
  cursor: pointer;
}
.l-header__onair {
  margin-left: auto;
  margin-right: 1rem;
}
@media (min-width: 1300px) {
  .l-header__onair {
    margin-left: 1rem;
    margin-right: 0;
  }
  .js-search-is-focused .l-header__onair {
    display: none;
  }
}
.l-header__onair .dropdown-menu {
  position: relative;
  margin-top: -2px !important;
  border-radius: 4px 0 4px 4px;
  filter: drop-shadow(0px 4px 8px rgba(11, 11, 11, 0.1));
}
@media (min-width: 1300px) {
  .l-header__onair .dropdown-menu {
    border-radius: 0 4px 4px 4px;
  }
}
.l-header__network-nav {
  margin-right: auto;
}

.l-header__first-row .primary-nav, .l-header__second-row .primary-nav, .l-header__topbar .primary-nav,
.l-header__first-row .secondary-nav,
.l-header__second-row .secondary-nav,
.l-header__topbar .secondary-nav,
.l-header__first-row .third-nav,
.l-header__second-row .third-nav,
.l-header__topbar .third-nav,
.l-header__first-row .fourth-nav,
.l-header__second-row .fourth-nav,
.l-header__topbar .fourth-nav,
.l-header__first-row .utility-nav,
.l-header__second-row .utility-nav,
.l-header__topbar .utility-nav,
.l-header__first-row .social-nav,
.l-header__second-row .social-nav,
.l-header__topbar .social-nav {
  display: flex;
  align-items: center;
}

.l-header__first-row .primary-nav > a,
.l-header__first-row .primary-nav .dropdown-toggle-text {
  display: block;
  height: 55px;
  padding: 0 1.5rem;
  border-right: 1px solid #ebecec;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 55px;
  text-transform: uppercase;
}
.l-header__first-row .primary-nav > a:focus-visible,
.l-header__first-row .primary-nav .dropdown-toggle-text:focus-visible {
  outline: 2px dotted #00adef;
}
.l-header__first-row .primary-nav > a.is-active {
  border-bottom: 3px solid #ebecec;
}
.l-header__first-row .primary-nav .more-nav__button {
  height: 100%;
}

@media (min-width: 1300px) {
  .more-nav__button {
    display: flex;
    align-items: flex-end;
    height: 40px;
  }
  .more-nav__button .dropdown-toggle-text {
    padding: 4px 8px 10px;
    border-radius: 4px 4px 0 0;
  }
  .more-nav__button .ng-fa-icon {
    display: inline-block;
    margin-left: 0.25rem;
  }
}
.more-nav.show .dropdown-toggle-text {
  background-color: #fff;
}
.more-nav.show .dropdown-toggle-text .ng-fa-icon {
  transform: rotate(180deg);
}

.l-header__second-row .secondary-nav > a:not(.o-tag),
.l-header__second-row .secondary-nav .dropdown-toggle-text {
  display: block;
  margin-right: 1rem;
  padding: 10px 0;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.025em;
  white-space: nowrap;
}
.l-header__second-row .secondary-nav > a:not(.o-tag):focus-visible,
.l-header__second-row .secondary-nav .dropdown-toggle-text:focus-visible {
  outline: 2px dotted #00adef;
}
.l-header__second-row .secondary-nav > a:not(.o-tag).is-active,
.l-header__second-row .secondary-nav .dropdown-toggle-text.is-active {
  padding-bottom: 7px;
  border-bottom: 3px solid #0b0b0b;
}
.l-header__second-row .secondary-nav .dropdown-menu {
  border-radius: 0 4px 4px 4px;
}
.l-header__second-row .secondary-nav > a.story-btn {
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  border: 1px solid #d6d7d9;
  color: #525559;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}
.l-header__second-row .secondary-nav > a.story-btn.is-active {
  border-color: #0b0b0b;
}
.l-header__second-row .secondary-nav > a.story-btn:hover {
  color: #0b0b0b;
}

.l-header__topbar .fourth-nav {
  margin-right: 1.5rem;
}
.l-header__topbar .fourth-nav a {
  display: inline-block;
  margin-left: 1rem;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.l-header__first-row .utility-nav {
  margin-left: auto;
}
.utility-nav__item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #ebecec;
  height: 55px;
  width: 55px;
}
.utility-nav__item:hover {
  cursor: pointer;
}
.utility-nav .user-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #797e83;
  background-color: #d6d7d9;
}

.network-nav.show .dropdown-toggle {
  color: #0b0b0b;
}
.network-nav.show .dropdown-toggle-text {
  background-color: #fff;
}
.network-nav.show .dropdown-toggle-text .ng-fa-icon {
  transform: rotate(180deg);
}
.network-nav__button {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.025em;
}
.l-header__topbar .network-nav__button {
  display: flex;
  align-items: flex-end;
  height: 32px;
}
.l-header__sidenav .network-nav__button {
  color: #fff;
}
.network-nav__button .dropdown-toggle-text {
  display: block;
}
.l-header__sidenav .network-nav__button .dropdown-toggle-text {
  padding: 6px 8px 9px;
  border-radius: 0 0 4px 4px;
}
.l-header__topbar .network-nav__button .dropdown-toggle-text {
  padding: 6px 8px 9px;
  border-radius: 4px 4px 0 0;
}
.network-nav__button .ng-fa-icon {
  display: inline-block;
  margin-left: 0.25rem;
}
.network-nav .dropdown-menu {
  border-radius: 4px 4px 0 0;
}
@media (min-width: 1300px) {
  .network-nav .dropdown-menu {
    border-radius: 0 0 4px 4px;
  }
  .l-header__sidenav .network-nav .dropdown-menu {
    border-radius: 4px 4px 0 0;
  }
  .l-header__topbar .network-nav .dropdown-menu {
    padding-top: 0.5rem;
  }
}
.l-header__topbar .network-nav {
  margin-right: auto;
}

.social-nav {
  display: flex;
  align-items: center;
}
.layout--music .l-header__topbar .social-nav {
  margin-left: auto;
}
.social-nav p {
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}
.social-nav ul {
  display: flex;
  align-items: center;
}
.l-header .social-nav ul li {
  margin-left: 0.75rem;
}
.l-footer .social-nav ul li, .l-header__sidenav .social-nav ul li {
  margin-right: 1.5rem;
  margin-left: 0;
}
.l-header__topbar .social-nav ul li {
  margin-left: 1rem;
  margin-right: 0;
}

.search-text--close {
  display: none;
}
.search-text > * {
  display: block;
}

.search-btn {
  transition: color 0.3s ease;
}
.search-btn--close {
  display: none;
}
.js-search-is-focused .search-btn--close {
  display: block;
}

.l-wrap {
  margin-bottom: 4rem;
}
@media (min-width: 960px) {
  .l-wrap {
    display: grid;
    grid-template-columns: auto 300px;
  }
}
.l-wrap--overlay {
  position: relative;
  z-index: 2;
  margin-top: -5rem;
}
@media (min-width: 960px) {
  .l-wrap--overlay .l-wrap__right {
    margin-top: calc(5rem + 2.5rem);
  }
}
.l-wrap__left {
  margin-bottom: 3rem;
}
@media (min-width: 960px) {
  .l-wrap__left {
    margin-bottom: 0;
    padding-right: 40px;
  }
}
@media (min-width: 1300px) {
  .l-wrap__left {
    padding-right: 64px;
  }
}
.l-wrap__left--overflow {
  overflow: hidden;
}
.l-wrap__right .sticky-top {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
@media (min-width: 960px) {
  .l-wrap__right .sticky-top {
    position: sticky;
    top: calc(55px + 1rem);
    z-index: 1020;
  }
  .l-wrap__right .sticky-top > * {
    width: 100%;
  }
}

.HeroGrid__heroColumns-2, .HeroGrid__heroColumns-3 {
  display: grid;
}
@media (min-width: 1300px) {
  .HeroGrid__heroColumns-2, .HeroGrid__heroColumns-3 {
    grid-column-gap: 32px;
    margin-top: 2rem;
  }
}
@media (min-width: 1300px) {
  .HeroGrid__heroColumns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1100px) {
  .HeroGrid__heroColumns-3 {
    grid-column-gap: 32px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 960px) {
  .l-card-grid--fullwidth {
    display: grid;
    align-items: flex-start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 32px;
  }
}
@media (min-width: 1200px) {
  .l-card-grid--fullwidth {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.l-card-grid--left-two {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-column-gap: 32px;
}
@media (min-width: 768px) {
  .l-card-grid--left-two {
    align-items: flex-start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 960px) {
  .l-card-grid--left-two {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 1300px) {
  .l-card-grid--left-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1100px) {
  .l-card-grid--left-three {
    display: grid;
    align-items: flex-start;
  }
  .l-card-grid--left-three:not(.has-featured) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 32px;
  }
  .l-card-grid--left-three.has-featured {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: 32px;
  }
  .l-card-grid--left-three.has-featured > *:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
@media (min-width: 1300px) {
  .l-card-grid--left-three.has-featured {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: 32px;
  }
}
.l-card-grid--left-four {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-gap: 32px;
}
@media (min-width: 960px) {
  .l-card-grid--left-four {
    align-items: flex-start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1300px) {
  .l-card-grid--left-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.l-card-grid--left-six {
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 32px;
}
@media (min-width: 960px) {
  .l-card-grid--left-six {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1300px) {
  .l-card-grid--left-six {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.l-wrap + .l-card-grid {
  margin-top: 3rem;
}

@media (min-width: 960px) {
  .l-wrap__right .o-list,
  .l-wrap__right .c-block--sticker,
  .l-wrap__right .c-section-header {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
  }
}
.l-wrap__right__widget {
  max-width: 300px;
  margin-right: auto;
  margin-bottom: 3rem;
  margin-left: auto;
}
.l-wrap__right .sticky-wrapper.is-stuck {
  position: static;
}

body > img {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body > img:not(caption) {
  position: absolute !important;
}
body > img * {
  overflow: hidden !important;
}

.ad {
  display: flex;
  position: relative;
  justify-content: center;
  text-align: center;
}
.ad > * {
  min-width: 300px;
}
.c-player-control-bar__banner-ad .ad > * {
  min-width: 0;
}
.ad[data-ad-min-size="300x250"] > * {
  min-height: 250px;
}
.ad[data-ad-min-size=fluid] > * {
  display: block !important;
  width: 100%;
  min-height: 50px;
}
@media screen and (min-width: 828px) {
  .ad[data-ad-min-size=fluid] > * {
    min-height: 90px;
  }
}
.ad[data-ad-min-size="320x50"] > * {
  min-height: 50px;
}
@media screen and (min-width: 948px) {
  .ad[data-ad-min-size="320x50"] > * {
    min-height: 90px;
  }
}
.ad__container {
  position: relative;
}
.ad__container > div::before, .ad__stage > div::before {
  content: "Publicité";
  display: block;
  z-index: 2;
  color: #797e83;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
}
.theme--thebeat .ad__container > div::before, .theme--thebeat .ad__stage > div::before {
  content: "Advertisement";
}
@media (max-width: 959.98px) {
  .c-hero__item--ad .ad__container > div::before, .c-hero__item--ad .ad__stage > div::before {
    color: rgba(255, 255, 255, 0.75);
  }
}
.c-podcast-hero .ad__container > div::before, .c-podcast-hero .ad__stage > div::before {
  color: rgba(255, 255, 255, 0.75);
}
.ad--1x1 .ad__container > div::before, .o-list--grid .ad__container > div::before,
.ad__container > div::before .ad--video, .ad--1x1 .ad__stage > div::before, .o-list--grid .ad__stage > div::before,
.ad__stage > div::before .ad--video {
  display: none;
}
.player__ad .ad__container > div::before, .player__ad .ad__stage > div::before {
  width: 75px;
  transform: rotate(-90deg) translateY(-50%) translateX(-33.5px);
  transform-origin: left center;
  font-size: 7px;
  line-height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
}
.ad--banner, .ad--horizontal {
  padding: 3rem 0;
  clear: both;
}
cmi-ad[type$="0"] .ad--banner, cmi-ad[type$="0"] .ad--horizontal {
  padding: 1.5rem 0;
}
.ad-flex-is-displayed .ad--banner[data-ad-min-size=fluid], .ad-flex-is-displayed .ad--horizontal[data-ad-min-size=fluid] {
  padding-top: 0;
}
.ad--banner[data-ad-min-size=fluid] .ad__container > div::before, .ad--horizontal[data-ad-min-size=fluid] .ad__container > div::before {
  display: none;
}
.l-wrap__right .ad--banner, .container > * > .ad--banner, .l-wrap__right .ad--horizontal, .container > * > .ad--horizontal {
  padding-top: 0;
}
.l-wrap__right .sticky-top > *:last-child .ad--banner, .l-wrap__right .sticky-top > *:last-child .ad--horizontal {
  padding-bottom: 0;
}
.ad--hockey-banner {
  width: 100%;
  clear: both;
}
.ad--hockey-banner .ad__container:not([style*="display: none"]) {
  width: 100%;
  margin-bottom: 2rem;
}
@media (min-width: 960px) {
  .ad--hockey-banner .ad__container:not([style*="display: none"]) {
    margin-top: 1rem;
  }
}
.ad--hockey-banner .ad__container:not([style*="display: none"]) div[id^=google_ads_iframe_] {
  width: 100% !important;
  max-width: 100% !important;
}
.ad--hockey-banner .ad__container:not([style*="display: none"]) div[id^=google_ads_iframe_] iframe {
  width: 100% !important;
  max-width: 100% !important;
  height: 100px !important;
}
@media (max-width: 959.98px) {
  .ad--hockey-banner .ad__container:not([style*="display: none"]) div[id^=google_ads_iframe_] iframe {
    height: 150px !important;
  }
}

.c-ad-player {
  display: block;
  z-index: 2001;
  background-color: rgba(11, 11, 11, 0.75);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 75px;
  left: 0;
}
.c-ad-player__stage {
  display: flex;
  flex-direction: column;
  padding: 32px;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 1100px) {
  .c-ad-player__stage {
    flex-direction: row;
  }
}
.c-ad-player__player, .c-ad-player__companion {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-ad-player__player {
  flex: 1 1 auto;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  word-break: initial;
}
.c-ad-player__companion {
  flex: 0 0 auto;
  min-width: 300px;
}
.c-ad-player__player-wrapper {
  position: relative;
  padding-top: 56.25%;
  background-color: #0b0b0b;
  height: 0;
  width: 100%;
}
@media screen and (min-width: 740px) {
  .c-ad-player__player-wrapper {
    padding-top: 0;
    height: 360px;
    width: 640px;
  }
}
@media screen and (min-width: 1400px) {
  .c-ad-player__player-wrapper {
    height: 405px;
    width: 720px;
  }
}
.c-ad-player__container {
  position: relative;
}
.c-ad-player__player-wrapper:before, .c-ad-player__container:before {
  display: block;
  content: "Publicité";
  position: absolute;
  top: -20px;
  width: 100%;
  z-index: 2;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
}
.theme--thebeat .c-ad-player__player-wrapper:before, .theme--thebeat .c-ad-player__container:before {
  content: "Advertisement";
}

#ad-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#ad-container > div,
#ad-container > div > iframe {
  width: 100% !important;
  height: 100% !important;
}

/* Video.js overrides */
.ima-ad-container {
  z-index: 1111;
  display: block;
}

.ima-controls-div {
  display: block;
  width: 100%;
}

.ima-seek-bar-div {
  width: 100%;
}

.ima-countdown-div {
  padding: 0 4px;
}

.c-alert__link {
  display: flex;
  align-items: center;
}
.c-alert__inner {
  display: block;
  position: relative;
  flex: 1 1 60%;
}
@media (min-width: 1300px) {
  .c-alert__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.c-alert--success, .c-alert--neutral {
  padding: 1rem 1.5rem;
  border-radius: 8px;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}
.c-alert--success {
  background-color: #00c875;
  color: #fff;
}
.c-alert--neutral {
  background-color: #ebecec;
  color: #656a6e;
}
.c-alert--snowreport {
  position: relative;
  z-index: 1;
  margin-bottom: 2rem;
}
.c-alert--snowreport > a {
  display: block;
  background-color: #eda63c;
  border-radius: 16px;
  padding: 0.75rem 1rem;
  color: #fff;
  text-decoration: none;
  box-shadow: 2px 3px 0 rgba(11, 11, 11, 0.2);
}
@media (min-width: 960px) {
  .c-alert--snowreport > a {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1rem 1.5rem;
  }
}
.c-alert--snowreport > a:hover {
  background-color: #ffc34f;
  color: #fff !important;
}
.c-alert--snowreport .c-alert__logo {
  display: block;
  margin-bottom: 0.25rem;
}
@media (min-width: 960px) {
  .c-alert--snowreport .c-alert__logo {
    flex: 0 0 265px;
    margin-bottom: 0;
  }
}
.c-alert--snowreport .c-alert__logo .snowreport-logo--fr {
  height: 24px;
  width: 185px;
}
@media (min-width: 960px) {
  .c-alert--snowreport .c-alert__logo .snowreport-logo--fr {
    height: 30px;
    width: 234px;
  }
}
.c-alert--snowreport .c-alert__logo .snowreport-logo--en {
  height: 24px;
  width: 128px;
}
@media (min-width: 960px) {
  .c-alert--snowreport .c-alert__logo .snowreport-logo--en {
    height: 30px;
    width: 158px;
  }
}
.c-alert--snowreport .c-alert__cta {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}
@media (min-width: 960px) {
  .c-alert--snowreport .c-alert__cta {
    padding: 0 1.5rem;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.55rem;
  }
}

.c-announcement-bar {
  position: relative;
  z-index: 2;
  color: #fff;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
@media (min-width: 1300px) {
  .c-announcement-bar {
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.c-announcement-bar.is-breaking-news {
  background-color: #e44258;
  color: #fff;
}
.c-announcement-bar.is-breaking-news .c-announcement-bar__tag {
  background-color: #c33a4c;
  color: #fff;
}
.c-announcement-bar__tag {
  margin-bottom: 0.25rem;
  padding: 0.125rem 0.5rem;
  border: 1px solid #fff;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.05rem;
  text-transform: uppercase;
}
@media (min-width: 960px) {
  .c-announcement-bar__tag {
    margin: 0 0.75rem 0 0;
  }
}
.c-announcement-bar__close {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
}
.c-announcement-bar__content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex: 1 1 auto;
  margin-right: 0.75rem;
  padding: 0.5rem 1rem;
}
@media (min-width: 960px) {
  .c-announcement-bar__content {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
.c-announcement-bar__content span {
  display: block;
}
.has-link .c-announcement-bar__content span {
  max-width: calc(100% - 12rem);
}
.c-announcement-bar a {
  display: block;
  color: #fff;
}
.c-announcement-bar a:hover:not(.o-btn) {
  color: #fff;
}

.c-avatar {
  border-radius: 50%;
}
.c-avatar--xs {
  height: 1.25rem;
  width: 1.25rem;
}
.c-avatar--sm {
  height: 2rem;
  width: 2rem;
}
.c-avatar--md {
  height: 4rem;
  width: 4rem;
}
.c-avatar--lg {
  height: 8rem;
  width: 8rem;
}

.c-broadcast-banner {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 1rem;
  margin: 0 0 3rem;
  overflow: hidden;
  border-radius: 8px;
  color: #fff;
  background-size: cover;
  background-position: center top;
}
.c-broadcast-banner:after {
  width: 100%;
  height: 100%;
}
@media (min-width: 960px) {
  .c-broadcast-banner {
    align-items: center;
  }
}
.c-broadcast-banner::after {
  background-color: rgba(11, 11, 11, 0.75);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-broadcast-banner > * {
  position: relative;
  z-index: 2;
}
.c-broadcast-banner__image {
  flex: 0 0 6rem;
  border-radius: 8px;
  overflow: hidden;
}
.c-broadcast-banner__image img {
  display: block;
}
.c-broadcast-banner__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding-left: 1rem;
  flex: 1 1 auto;
}
.c-broadcast-banner__meta {
  flex: 1 1 auto;
}
.c-broadcast-banner__title {
  margin-top: 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.55rem;
}
@media (min-width: 960px) {
  .c-broadcast-banner__title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.95rem;
  }
}
.c-broadcast-banner__subtitle {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
}

cmi-broadcast-banner + cmi-broadcast-banner {
  margin-top: 2rem;
}

.c-block {
  margin-bottom: 4rem;
  text-align: center;
}
.c-block--form,
.c-block > .c-text {
  text-align: left;
}
.c-block[class*="--width"] {
  margin-right: auto;
  margin-left: auto;
}
.c-block[class*="--width"].c-block--elevated {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.c-block--width-sm {
  max-width: 27rem;
}
.c-block--width-md {
  max-width: 45rem;
}
.c-block--elevated {
  padding: 1.5rem 2rem;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 25px rgba(11, 11, 11, 0.05);
}
.c-block--elevated + .c-block--elevated {
  margin-top: 4rem;
}
.l-card-grid--left-two > .c-block--elevated + .c-block--elevated {
  margin-top: 0;
}
.c-block--form {
  max-width: 1180px;
  margin: 0 auto 4rem;
}
.c-block > h2,
.c-block > h3 {
  margin-bottom: 0.75rem;
}
.c-block--cta {
  margin-top: 2rem;
}
.c-block--nocontent, .c-block--unavailable {
  padding: 6rem;
  background-color: #ebecec;
  color: #797e83;
  font-weight: 700;
}
.c-date-selector + .c-block--nocontent, .c-date-selector + .c-block--unavailable {
  margin-top: 2rem;
}
.c-block--nocontent {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
@media (min-width: 960px) {
  .c-block--nocontent {
    min-height: 10rem;
  }
}
@media (max-width: 619.98px) {
  .c-block--promo .col-lg-6:nth-child(1) {
    margin-bottom: 2rem;
  }
}
.c-block--promo img {
  max-width: 1000px;
  border-radius: 8px;
  height: auto;
  width: 100%;
}
.c-block--discovery {
  display: inline-block;
  margin-bottom: 2rem;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  background: linear-gradient(90deg, #ffdfe5 5%, #ffdbc6 100%);
  color: #6c344f;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
}
.c-block--discovery em {
  color: #d63b50;
  font-weight: 700;
}
.c-block--troubleshooting {
  padding: 2rem;
  border-radius: 15px;
  border: 3px solid #d6d7d9;
}
.c-block--troubleshooting header {
  margin-bottom: 2rem;
  padding: 0 2rem 2rem;
  border-bottom: 1px solid #d6d7d9;
}
.c-block--troubleshooting header h2 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.95rem;
}
.c-block--troubleshooting header p {
  color: #797e83;
}
@media (min-width: 960px) {
  .c-block--troubleshooting .troubleshoot-cols {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    grid-column-gap: 32px;
    text-align: left;
  }
}
.c-block--troubleshooting .troubleshoot-form {
  margin-bottom: 2rem;
  padding: 2rem;
  background-color: #f0f4f6;
  border-radius: 15px;
}
.c-block--troubleshooting .troubleshoot-form h3 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.625rem;
}
.c-block--troubleshooting .troubleshoot-form p {
  margin: 1rem 0;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.c-block--troubleshooting .troubleshoot-list {
  text-align: left;
}
.c-block--troubleshooting .troubleshoot-list h4 {
  margin-bottom: 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}
.c-block--troubleshooting .troubleshoot-list h5 {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
}
.c-block--troubleshooting .troubleshoot-list p {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.c-block--troubleshooting .troubleshoot-list p strong {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
}
.c-block--troubleshooting .troubleshoot-list ul li {
  display: flex;
}
.c-block--troubleshooting .troubleshoot-list ul li img {
  margin-right: 0.75rem;
}
.c-block--troubleshooting .troubleshoot-list ul li div {
  flex-basis: calc(100% - 60px);
  margin-left: 1rem;
}
.c-block--related + .c-block--related {
  display: block;
  margin-top: 2rem;
}
.c-block--newsletter-form {
  margin-bottom: 0;
}
@media (min-width: 1300px) {
  .c-block--newsletter-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.c-block--newsletter-form .c-block__meta {
  padding-right: 2rem;
}
@media (min-width: 1300px) {
  .c-block--newsletter-form .c-block__meta {
    flex: 0 0 50%;
    margin-right: 3rem;
  }
}
.c-block--newsletter-form .c-block__meta h2 {
  margin-bottom: 1.5rem;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.1;
}
@media (min-width: 1300px) {
  .c-block--newsletter-form .c-block__meta h2 {
    font-size: 2.625rem;
    font-weight: 500;
    line-height: 1.1;
  }
}
.c-block--newsletter-form .c-block__meta h3 {
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25;
}
@media (min-width: 1300px) {
  .c-block--newsletter-form .c-block__meta h3 {
    margin-bottom: 0;
  }
}
@media (min-width: 1300px) {
  .c-block--newsletter-form .c-block__form {
    flex: 0 0 calc(50% - 3rem);
    margin-bottom: 0;
  }
}
.c-block--newsletter-form > .c-text--disclaimer {
  flex: 0 0 100%;
  margin-top: 2rem;
  text-align: left !important;
}

.c-block-sponsored-rail {
  margin-bottom: 4rem;
  padding: 2.5rem 0 2rem;
  background: rgba(194, 135, 135, 0.1);
}
.c-block-sponsored-rail .c-section-header__title {
  background: linear-gradient(90deg, #943434 0%, #c28787 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
  text-fill-color: transparent;
}
.c-block-sponsored-rail .c-section-header__controls > a {
  border: 0;
  background-color: #d63b50;
  color: #fff;
}
.c-block-sponsored-rail .c-section-header__controls > a:hover {
  color: rgba(255, 255, 255, 0.75);
}
.c-block-sponsored-rail .c-slider,
.c-block-sponsored-rail .c-card-content[data-content-card-type=vertical],
.c-block-sponsored-rail .c-block--discovery {
  margin-bottom: 0;
}
.c-block-sponsored-rail .c-block--discovery {
  font-size: 0.75rem;
  line-height: 1rem;
}

.music-request-block {
  margin-bottom: 6rem;
  padding: 4rem 0;
  background-color: red;
  color: #fff;
}

.c-block-mobile-app {
  padding: 2rem;
  border-radius: 16px;
  color: #fff;
}
.c-block-mobile-app--cmi {
  background: linear-gradient(0deg, #c0596d 0%, #001e62 100%);
}
@media (min-width: 1300px) {
  .c-block-mobile-app--cmi {
    align-items: center;
  }
}
@media (max-width: 1299.98px) {
  .c-block-mobile-app--cmi .c-block-mobile-app__visual {
    display: none;
  }
}
.c-block-mobile-app--cmi .app-screen {
  height: 427px;
  width: 200px;
}
@media (min-width: 1300px) {
  .c-block-mobile-app--cmi .app-screen {
    height: 581px;
    width: 285px;
  }
}
.c-block-mobile-app--talk {
  background-color: #0b0b0b;
}
@media (min-width: 1300px) {
  .c-block-mobile-app--talk {
    align-items: flex-start;
  }
}
.c-block-mobile-app--talk .lagace {
  border-radius: 16px;
  height: 200px;
  width: 200px;
}
@media (min-width: 1300px) {
  .c-block-mobile-app--talk .lagace {
    height: 325px;
    width: 325px;
  }
}
@media (min-width: 1300px) {
  .c-block-mobile-app {
    display: flex;
    padding: 4rem;
  }
}
.c-block-mobile-app__visual {
  position: relative;
  flex: 0 0 auto;
  margin-bottom: 2rem;
}
@media (min-width: 1300px) {
  .c-block-mobile-app__visual {
    margin-bottom: 0;
  }
}
.c-block-mobile-app__visual img {
  display: block;
}
.c-block-mobile-app__visual .app-icon {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (min-width: 1300px) {
  .c-block-mobile-app__visual .app-icon {
    right: 0.75rem;
    bottom: 0.75rem;
  }
}
.c-block-mobile-app__meta {
  flex: 1 1 auto;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
@media (min-width: 1300px) {
  .c-block-mobile-app__meta {
    padding: 0 2rem;
  }
}
@media (min-width: 1300px) {
  .c-block-mobile-app__meta {
    padding: 0 4rem;
  }
}
.c-block-mobile-app__meta .app-icon {
  margin-bottom: 2rem;
}
.c-block-mobile-app__meta .head {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 2.25rem;
}
@media (min-width: 1300px) {
  .c-block-mobile-app__meta .head {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 2.75rem;
  }
}
.c-block-mobile-app__meta p {
  margin-bottom: 1rem;
}
.c-block-mobile-app__meta .o-btn-list {
  margin-top: 1.5rem;
}
.c-block-mobile-app__meta .o-btn-list a {
  margin-right: 1rem;
}
.c-block-mobile-app .app-icon {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
}

.c-breadcrumb-nav {
  display: block;
  margin-bottom: 1rem;
}
.c-breadcrumb-nav > nav {
  display: flex;
  align-items: center;
}
.c-hero-header .c-breadcrumb-nav {
  margin-bottom: 0;
}
.c-hero-header .c-breadcrumb-nav a {
  color: rgba(255, 255, 255, 0.8);
}
.c-hero-header .c-breadcrumb-nav a:hover:not(.o-btn) {
  color: #fff;
}
.c-breadcrumb-nav__list {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-breadcrumb-nav__list li {
  display: flex;
  align-items: center;
  letter-spacing: 0.02em;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
}
@media (max-width: 959.98px) {
  .c-breadcrumb-nav__list li {
    display: none;
  }
  .c-breadcrumb-nav__list li:nth-last-child(2) {
    display: flex;
    align-items: center;
  }
  .c-breadcrumb-nav__list li:nth-last-child(2)::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    margin-right: 0.25rem;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"%3E%3Cpath fill="%230b0b0b" d="M-1.5 256l17-17 160-160 17-17 33.9 33.9-17 17-143 143 143 143 17 17-33.9 33.9-17-17-160-160-17-17z"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    color: #525559;
    font-size: 1.2em;
  }
  .c-breadcrumb-nav__list li:nth-last-child(2)::after {
    display: none;
  }
}
.c-breadcrumb-nav__list li a {
  color: #525559;
}
.c-breadcrumb-nav__list li img {
  display: block;
}
@media (min-width: 960px) {
  .c-breadcrumb-nav__list li:last-child {
    display: block;
    max-width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #797e83;
  }
  .c-hero-header .c-breadcrumb-nav__list li:last-child {
    color: rgba(255, 255, 255, 0.6);
  }
  .c-breadcrumb-nav__list li:not(:last-child)::after {
    content: "";
    display: block;
    width: 8px;
    height: 12px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"%3E%3Cpath fill="%23797e83" d="M301.5 256L278.9 278.6 118.9 438.6 96.3 461.3 51 416 73.6 393.4 211 256 73.6 118.6 51 96 96.3 50.7 118.9 73.4 278.9 233.4 301.5 256z"/%3E%3C/svg%3E');
    background-size: contain;
    margin: 0 0.5rem;
  }
  .c-hero-header .c-breadcrumb-nav__list li:not(:last-child)::after {
    opacity: 0.6;
  }
}
.c-breadcrumb-nav__tag {
  margin-left: 0.75rem;
  padding-left: 0.75rem;
  border-left: 1px solid #d6d7d9;
}
@media (max-width: 959.98px) {
  .c-breadcrumb-nav__tag {
    margin-left: 1rem;
    padding-left: 1rem;
  }
}

.o-btn {
  display: inline-flex;
  align-items: center;
  transition: color 0.3s ease-in, background-color 0.3s ease-in, border-color 0.3s ease-in;
  color: inherit;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}
.o-btn:focus {
  outline: none;
}
.o-btn--primary, .o-btn--secondary, .o-btn--ghost {
  padding: 0.75rem 1rem;
  font-weight: 600;
  font-size: 1rem;
}
.o-btn--primary.o-btn--icon-only, .o-btn--secondary.o-btn--icon-only, .o-btn--ghost.o-btn--icon-only {
  padding: 0.75rem;
}
.modal-header .o-btn--primary.o-btn--icon-only, .modal-header .o-btn--secondary.o-btn--icon-only, .modal-header .o-btn--ghost.o-btn--icon-only {
  padding-right: 0;
}
.o-btn--primary.o-btn--icon-only.o-btn--player-control, .o-btn--secondary.o-btn--icon-only.o-btn--player-control, .o-btn--ghost.o-btn--icon-only.o-btn--player-control {
  padding: 1rem;
}
.o-btn--primary, .o-btn--secondary {
  border-radius: 24px;
}
.story__share .o-btn--primary, .contest__share .o-btn--primary, .story__body-content .o-btn--primary {
  border: 1px solid #d6d7d9;
  background-color: #fff;
  color: #0b0b0b;
}
.o-btn--secondary {
  padding: 0.75rem 1rem;
  background-color: #fff;
  border: 1px solid #ebecec;
  color: #0b0b0b;
}
.o-btn--secondary.o-btn--inverted {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.o-btn--secondary.o-btn--inverted:hover {
  border-color: #fff;
}
.o-btn--block {
  display: flex;
  justify-content: center;
  width: 100%;
  border-radius: 4px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55rem;
}
.o-btn--block span {
  display: flex;
  align-items: center;
}
.o-btn--block span .ng-fa-icon {
  margin: 0 0.5rem;
}
.o-btn--block-vendor {
  padding: 0.75rem 1rem;
  border: 1px solid #d6d7d9;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.o-btn--block-vendor:hover {
  border-color: #797e83;
}
.o-btn--block-vendor img {
  flex: 0;
}
.o-btn--ghost {
  border-color: transparent;
  background-color: transparent;
}
.o-btn--icon-only .ng-fa-icon {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  aspect-ratio: 1;
  align-items: center;
}
.o-btn--icon-only.o-btn--sm {
  padding: 0.5rem;
}
.o-btn--icon-only.o-btn--sm .icon {
  width: 12px;
  height: 12px;
}
.o-btn--sm {
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
}
.o-btn--lg {
  padding: 1rem 2rem;
}
.o-btn--icon-left cmi-icon,
.o-btn--icon-left .ng-fa-icon,
.o-btn--icon-left > img {
  margin-right: 0.5rem;
}
.o-btn--icon-right cmi-icon,
.o-btn--icon-right .ng-fa-icon,
.o-btn--icon-right > img {
  margin-left: 0.5rem;
}
.o-btn--icon-circle {
  border-radius: 50%;
}
.o-btn--player-control-small {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 38px;
  width: 38px;
}
.o-btn--disabled, .o-btn:disabled, .o-btn.swiper-button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.o-btn:not(.o-btn--icon-circle).is-loading {
  position: relative;
  padding-left: 2.25rem;
}
.o-btn:not(.o-btn--icon-circle).is-loading cmi-icon,
.o-btn:not(.o-btn--icon-circle).is-loading .ng-fa-icon {
  display: none;
}
.o-btn:not(.o-btn--icon-circle).is-loading::before, .o-btn:not(.o-btn--icon-circle).is-loading::after {
  content: "";
  display: block;
  border-radius: 1rem;
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  height: 1rem;
  width: 1rem;
}
.o-btn:not(.o-btn--icon-circle).is-loading.o-btn--lg {
  padding-left: 2.5rem;
}
.o-btn:not(.o-btn--icon-circle).is-loading.o-btn--lg::before, .o-btn:not(.o-btn--icon-circle).is-loading.o-btn--lg::after {
  top: 1rem;
  left: 1rem;
}
.o-btn:not(.o-btn--icon-circle).is-loading.o-btn--sm::before, .o-btn:not(.o-btn--icon-circle).is-loading.o-btn--sm::after {
  top: 7px;
}
.o-btn:not(.o-btn--icon-circle).is-loading.o-btn--block {
  padding-left: 1rem;
}
.o-btn:not(.o-btn--icon-circle).is-loading.o-btn--block::before, .o-btn:not(.o-btn--icon-circle).is-loading.o-btn--block::after {
  border-width: 4px;
  top: calc(50% - 0.75rem);
  left: calc(50% - 0.75rem);
  height: 1.5rem;
  width: 1.5rem;
}
.o-btn:not(.o-btn--icon-circle).is-loading.o-btn--block span {
  opacity: 0;
}
.o-btn:not(.o-btn--icon-circle).is-loading.o-btn--secondary::before {
  border-color: #d6d7d9;
}
.o-btn:not(.o-btn--icon-circle).is-loading.o-btn--secondary::after {
  border-top-color: #0b0b0b;
}
.o-btn:not(.o-btn--icon-circle).is-loading::before {
  border: 2px solid rgba(255, 255, 255, 0.3);
}
.player .o-btn:not(.o-btn--icon-circle).is-loading::before {
  border-color: rgba(11, 11, 11, 0.3);
}
.o-btn:not(.o-btn--icon-circle).is-loading::after {
  animation: loading-spin 0.8s linear infinite;
  border: 2px solid transparent;
  border-top-color: #fff;
}
.player .o-btn:not(.o-btn--icon-circle).is-loading::after {
  border-top-color: #0b0b0b;
}
.o-btn--facebook:not(.o-btn--icon-only) {
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 2px;
  background-color: #1877f2 !important;
  box-shadow: 0 0 2px 0 rgba(11, 11, 11, 0.12), 0 2px 2px 0 rgba(11, 11, 11, 0.24);
  color: #fff !important;
}
@media (max-width: 575.98px) {
  .o-btn--facebook:not(.o-btn--icon-only) {
    max-width: 220px;
  }
}
.o-btn--facebook:active {
  background-color: #4267b2 !important;
}
.o-btn--twitter:not(.o-btn--icon-only) {
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 2px;
  background-color: #1da1f2 !important;
  box-shadow: 0 0 2px 0 rgba(11, 11, 11, 0.12), 0 2px 2px 0 rgba(11, 11, 11, 0.24);
  color: #fff !important;
}
@media (max-width: 575.98px) {
  .o-btn--twitter:not(.o-btn--icon-only) {
    max-width: 220px;
  }
}
.o-btn--google:not(.o-btn--icon-only) {
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 1px;
  border-radius: 2px;
  background-color: #4285f4 !important;
  box-shadow: 0 0 2px 0 rgba(11, 11, 11, 0.12), 0 2px 2px 0 rgba(11, 11, 11, 0.24);
  color: #fff !important;
}
@media (max-width: 575.98px) {
  .o-btn--google:not(.o-btn--icon-only) {
    max-width: 220px;
  }
}
.o-btn--google:active {
  background-color: #3367d6 !important;
}
.o-btn--rss:not(.o-btn--icon-only) {
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 2px;
  background-color: #ee802f !important;
  box-shadow: 0 0 2px 0 rgba(11, 11, 11, 0.12), 0 2px 2px 0 rgba(11, 11, 11, 0.24);
  color: #fff !important;
}
@media (max-width: 575.98px) {
  .o-btn--rss:not(.o-btn--icon-only) {
    max-width: 220px;
  }
}
@media (min-width: 620px) {
  .row > [class*=col-md] .o-btn {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 38px;
  }
  .row > [class*=col-md] .o-btn.is-loading::before, .row > [class*=col-md] .o-btn.is-loading::after {
    top: 0.7rem !important;
  }
}
.o-btn--expand-text {
  display: inline-block;
  margin-top: 0.25rem;
  cursor: pointer;
  opacity: 0.7;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.05rem;
  text-transform: uppercase;
}
.o-btn--expand-text:hover {
  opacity: 1;
}
.o-btn--expand-text .ng-fa-icon {
  margin-left: 0.125rem;
}

.c-card-content__listen {
  display: inline-flex;
  align-items: center;
  border-radius: 24px;
  padding-right: 0.75rem;
  transition: background-color 0.5s ease;
  cursor: pointer;
}
.c-card-content__listen .o-btn {
  flex: 0 0 auto;
  margin-right: 0.5rem;
  border: 2px solid #fff;
  box-shadow: 0px 4px 8px rgba(11, 11, 11, 0.1);
}
.c-card-content__listen .cta {
  margin-right: 0.5rem;
  font-size: 14px;
  font-weight: 600;
}
.c-card-content__listen .duration {
  margin-right: 0.5rem;
  font-size: 13px;
  font-weight: 400;
}
.c-card-content__listen .visualizer {
  flex: 0 0 26px;
}
.c-card-content__listen img {
  display: block;
  border: 2px solid #fff;
  border-radius: 16px;
  height: 22px;
  width: 22px;
}

@keyframes loading-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.c-card {
  outline: none;
}
article-card + article-card .c-card {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #d6d7d9;
}
.c-card:hover {
  text-decoration: none;
}
.c-card__image {
  position: relative;
}
.c-card__image img {
  display: block;
  transition: transform 0.3s ease-in-out;
}
.c-card__timestamp {
  margin-top: 1rem;
  color: #797e83;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}

.c-card-content {
  position: relative;
}
.c-card-content__tag {
  z-index: 2;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 4px 4px 0 0;
  background: radial-gradient(55% 190% at 20% -80%, #f1d7d7 0%, #fff 100%);
  color: #d63b50;
  box-shadow: 0px 0px 25px rgba(91, 39, 39, 0.1);
  height: 24px;
  width: 100px;
}
.c-card-content__tag span {
  background: linear-gradient(90deg, #d63b50 0%, #ff6e70 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}
.c-card-content__thumbnail {
  position: relative;
  transform: translateZ(0);
  background-color: #ebecec;
  overflow: hidden;
}
.c-card-content__thumbnail[data-image-ratio="1x1"] a:not(.o-btn) {
  padding-top: 100%;
}
.c-card-content__thumbnail a:not(.o-btn) {
  position: relative;
  display: block;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.c-card-content__thumbnail .o-btn.o-btn--icon-circle {
  z-index: 2;
  background-color: rgba(11, 11, 11, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  color: #fff;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.c-card-content__thumbnail .o-tag {
  z-index: 2;
  position: absolute;
  top: 4px;
  right: 4px;
}
.c-card-content__media {
  z-index: 3;
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  background-color: rgba(11, 11, 11, 0.4);
  color: #fff;
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}
.c-card-content[data-content-card-type=sidebar] .c-card-content__media {
  display: none;
}
.c-card-content__image {
  display: block;
}
.c-card-content__image img {
  z-index: 1;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
}
.c-card-content__meta .o-tag-list {
  margin-bottom: 0.75rem;
}
.c-card-content__meta-suptitle {
  position: relative;
  margin-bottom: 0.5rem;
  color: #797e83;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
}
.is-sponsored .c-card-content__meta .c-card-content__listen {
  background-color: #ebecec;
  color: #0b0b0b;
}
.is-sponsored .c-card-content__meta .c-card-content__listen .o-btn--primary {
  background: linear-gradient(90deg, #d63b50 0%, #ff6e70 100%);
}
.c-card-content__meta-timestamp {
  margin-top: 1rem;
  color: #999da1;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.1;
}
.c-card-content__meta-timestamp a {
  color: #999da1;
  font-style: italic;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.1;
}
.c-card-content__cta {
  margin-top: 1rem;
}
.c-card-content__sponsors {
  margin-top: 1rem;
  color: #999da1;
  font-size: 0.5rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.7rem;
  text-transform: uppercase;
}
.c-card-content__sponsors span {
  display: block;
  margin-bottom: 0.5rem;
}
.c-card-content.is-sponsored .c-card-content__meta-suptitle {
  color: #953739;
}
.c-card-content .eq {
  display: flex;
  align-items: flex-end;
  height: 16px;
  width: 22px;
}
.c-card-content .eq div {
  width: 2px;
  margin-right: 3px;
  border-radius: 4px;
  transition: 0.5s;
  animation: equalize 4s 0s infinite;
  animation-timing-function: linear;
}
.c-card-content .eq div:nth-child(1) {
  height: 8px;
  transition: 0.5s;
  animation-delay: -1.9s;
}
.c-card-content .eq div:nth-child(2) {
  height: 16px;
  animation-delay: -2.9s;
}
.c-card-content .eq div:nth-child(3) {
  height: 13px;
  animation-delay: -3.9s;
}
.c-card-content[data-content-card-type=featured-slide] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #0b0b0b;
  color: #fff;
  border-radius: 16px;
  overflow: hidden;
}
.c-card-content[data-content-card-type=featured-slide] > * {
  flex: 0 0 auto;
}
.c-card-content[data-content-card-type=featured-slide].is-sponsored .c-card-content__meta-timestamp {
  display: none;
}
.c-card-content[data-content-card-type=featured-slide] .c-card-content__thumbnail,
.c-card-content[data-content-card-type=featured-slide] .c-card-content__meta {
  position: relative;
  z-index: 2;
}
.c-card-content[data-content-card-type=featured-slide] .c-card-content__bg {
  z-index: 1;
  background-size: cover;
  background-position: right center;
  filter: blur(24px);
  opacity: 0.3;
  position: absolute;
  top: -32px;
  right: -32px;
  bottom: -32px;
  left: -32px;
}
.c-card-content[data-content-card-type=featured-slide] .c-card-content__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 auto;
  padding: 1.5rem;
}
.c-card-content[data-content-card-type=featured-slide] .c-card-content__meta .o-tag-list {
  margin-bottom: 1rem;
}
.c-card-content[data-content-card-type=featured-slide] .c-card-content__meta-suptitle {
  color: rgba(255, 255, 255, 0.7);
}
.c-card-content[data-content-card-type=featured-slide] .c-card-content__meta-title {
  margin-bottom: auto;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.c-card-content[data-content-card-type=featured-slide] .c-card-content__meta-title a {
  color: #fff;
}
.c-card-content[data-content-card-type=featured-slide] .c-card-content__meta-timestamp {
  color: rgba(255, 255, 255, 0.7);
}
.c-card-content[data-content-card-type=featured-slide] .c-card-content__meta-timestamp a {
  color: #fff;
}
.c-card-content[data-content-card-type=featured-1] {
  width: 100%;
  margin-bottom: 2rem;
  border-radius: 8px;
  box-shadow: 0px 0px 25px rgba(11, 11, 11, 0.05);
  background-color: #fff;
}
@media (min-width: 620px) {
  .c-card-content[data-content-card-type=featured-1] {
    display: flex;
    align-items: flex-start;
    padding: 1rem;
  }
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=featured-1] {
    display: block;
    padding: 0;
  }
}
@media (min-width: 1100px) {
  .c-card-content[data-content-card-type=featured-1] {
    display: flex;
    padding: 1rem;
  }
}
.c-card-content[data-content-card-type=featured-1] .c-card-content__thumbnail {
  border-radius: 8px 8px 0 0;
}
@media (min-width: 620px) {
  .c-card-content[data-content-card-type=featured-1] .c-card-content__thumbnail {
    flex: 0 0 50%;
    border-radius: 8px;
  }
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=featured-1] .c-card-content__thumbnail {
    border-radius: 8px 8px 0 0;
  }
}
@media (min-width: 1100px) {
  .c-card-content[data-content-card-type=featured-1] .c-card-content__thumbnail {
    flex: 0 0 50%;
    border-radius: 8px;
  }
}
@media (min-width: 1300px) {
  .c-card-content[data-content-card-type=featured-1] .c-card-content__thumbnail {
    flex-basis: 60%;
  }
}
.c-card-content[data-content-card-type=featured-1] .c-card-content__meta {
  margin-top: -1rem;
  padding: 0 1.5rem 2rem 1.5rem;
}
@media (min-width: 620px) {
  .c-card-content[data-content-card-type=featured-1] .c-card-content__meta {
    margin-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=featured-1] .c-card-content__meta {
    margin-top: -1rem;
    padding: 0 1.5rem 1rem 1.5rem;
  }
}
@media (min-width: 1100px) {
  .c-card-content[data-content-card-type=featured-1] .c-card-content__meta {
    flex: 1 1 auto;
    margin-top: 0;
    padding: 0 1.5rem 1rem 1.5rem;
  }
}
.c-card-content[data-content-card-type=featured-1] .c-card-content__meta-title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=featured-1] .c-card-content__meta-title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.95rem;
  }
}
.c-card-content[data-content-card-type=featured-1] .c-card-content__meta-description {
  margin-top: 0.75rem;
  color: #797e83;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.475;
}
.c-card-content[data-content-card-type=featured-2] {
  width: 100%;
  margin-bottom: 2rem;
  border-radius: 8px;
  box-shadow: 0px 0px 25px rgba(11, 11, 11, 0.05);
  background-color: #fff;
}
.HeroGrid__heroColumns-2 > *:last-child > .c-card-content[data-content-card-type=featured-2] {
  margin-bottom: 0;
}
@media (min-width: 1300px) {
  .HeroGrid__heroColumns-2 > *:nth-last-child(-n+2) > .c-card-content[data-content-card-type=featured-2] {
    margin-bottom: 0;
  }
}
@media (min-width: 620px) and (max-width: 1299.98px) {
  .c-card-content[data-content-card-type=featured-2] {
    display: flex;
    align-items: flex-start;
    padding: 1rem;
  }
}
.c-card-content[data-content-card-type=featured-2] .c-card-content__thumbnail {
  border-radius: 8px 8px 0 0;
}
@media (min-width: 620px) and (max-width: 1299.98px) {
  .c-card-content[data-content-card-type=featured-2] .c-card-content__thumbnail {
    flex: 0 0 50%;
    border-radius: 8px;
  }
}
.c-card-content[data-content-card-type=featured-2] .c-card-content__image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.c-card-content[data-content-card-type=featured-2] .c-card-content__meta {
  position: relative;
  padding: 2rem 1.5rem;
}
@media (min-width: 1300px) {
  .c-card-content[data-content-card-type=featured-2] .c-card-content__meta {
    margin-left: 0;
    padding: 2rem 1.5rem 1.5rem 1.5rem;
  }
  .c-card-content[data-content-card-type=featured-2] .c-card-content__meta .o-tag-list {
    transform: translateY(-50%);
    position: absolute;
    top: 0;
  }
}
@media (min-width: 620px) and (max-width: 1299.98px) {
  .c-card-content[data-content-card-type=featured-2] .c-card-content__meta {
    flex: 1 1 auto;
    padding: 0 1.5rem 1.5rem 1.5rem;
  }
}
.c-card-content[data-content-card-type=featured-2] .c-card-content__meta-title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.55rem;
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=featured-2] .c-card-content__meta-title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.625rem;
  }
}
.c-card-content[data-content-card-type=featured-2row] {
  margin-bottom: 1.5rem;
  padding: 1.5rem 2rem;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 25px rgba(11, 11, 11, 0.05);
}
.c-podcasts-hero .c-card-content[data-content-card-type=featured-2row] {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 32px;
}
@media (min-width: 1300px) {
  .c-card-content[data-content-card-type=featured-2row] {
    margin-bottom: 0;
  }
}
@media (min-width: 1300px) {
  .c-card-content[data-content-card-type=featured-2row] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
.c-card-content[data-content-card-type=featured-2row] .c-card-content__thumbnail {
  flex: 0 0 6rem;
  max-width: 10rem;
  margin-bottom: 1.5rem;
  border-radius: 8px;
  background-color: transparent;
}
@media (min-width: 620px) {
  .c-card-content[data-content-card-type=featured-2row] .c-card-content__thumbnail {
    flex-basis: 10rem;
  }
}
@media (min-width: 1300px) {
  .c-card-content[data-content-card-type=featured-2row] .c-card-content__thumbnail {
    flex-basis: 8rem;
    margin-bottom: 0;
  }
}
.c-card-content[data-content-card-type=featured-2row] .o-tag-list {
  margin-bottom: 0.75rem;
}
.c-card-content[data-content-card-type=featured-2row] .c-card-content__image-meta {
  display: flex;
  flex: 1 1 auto;
}
@media (min-width: 768px) {
  .c-card-content[data-content-card-type=featured-2row] .c-card-content__image-meta {
    display: block;
  }
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=featured-2row] .c-card-content__image-meta {
    display: flex;
    flex-basis: 10rem;
  }
}
@media (min-width: 1300px) {
  .c-card-content[data-content-card-type=featured-2row] .c-card-content__image-meta {
    flex-basis: 8rem;
    margin-bottom: 0;
  }
}
.c-card-content[data-content-card-type=featured-2row] .c-card-content__meta {
  padding-left: 1.5rem;
}
@media (min-width: 768px) {
  .c-card-content[data-content-card-type=featured-2row] .c-card-content__meta {
    padding-left: 0;
  }
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=featured-2row] .c-card-content__meta {
    padding-left: 1.5rem;
  }
}
.c-card-content[data-content-card-type=featured-2row] .c-card-content__meta > a {
  font-style: italic;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.c-card-content[data-content-card-type=featured-2row] .c-card-content__meta-title {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.55rem;
}
@media (min-width: 1300px) {
  .c-card-content[data-content-card-type=featured-2row] .c-card-content__meta-title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.625rem;
  }
}
.c-card-content[data-content-card-type=featured-2row] .c-card-content__meta-suptitle {
  margin: 0;
  font-size: 1rem;
  line-height: 1.375rem;
}
.c-card-content[data-content-card-type=featured-2row] .c-card-content__meta-description {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.5em;
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=featured-2row] .c-card-content__meta-description {
    flex: 0 0 100%;
  }
}
.c-card-content[data-content-card-type=featured-2row] .c-card-content__meta-description p + p {
  margin-top: 0.75rem;
}
.c-card-content[data-content-card-type=featured-widget] {
  display: flex;
  align-items: flex-start;
}
.c-card-content[data-content-card-type=featured-widget] .c-card-content__thumbnail {
  flex: 0 0 6rem;
  border-radius: 8px;
}
.c-card-content[data-content-card-type=featured-widget] .c-card-content__meta {
  flex: 1 1 auto;
  margin-left: 1.5rem;
}
.c-card-content[data-content-card-type=featured-widget] .c-card-content__meta-suptitle, .c-card-content[data-content-card-type=featured-widget] .c-card-content__meta-timestamp {
  color: rgba(255, 255, 255, 0.75);
}
.c-card-content[data-content-card-type=featured-widget] .c-card-content__meta-title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.55rem;
}
.c-card-content[data-content-card-type=featured-widget] .c-card-content__meta-title a {
  color: #fff;
}
.c-card-content[data-content-card-type=featured-widget] .c-card-content__meta-title a:hover:not(.o-btn) {
  color: rgba(255, 255, 255, 0.8);
}
.c-card-content[data-content-card-type=featured-widget] .c-card-content__sponsor {
  color: #fff;
}
.c-card-content[data-content-card-type=horizontal] {
  display: flex;
  align-items: flex-start;
  max-width: 50rem;
}
.c-card-content[data-content-card-type=horizontal] .c-card-content__thumbnail {
  flex: 0 0 6rem;
  border-radius: 8px;
}
@media (min-width: 620px) {
  .c-card-content[data-content-card-type=horizontal] .c-card-content__thumbnail {
    flex-basis: 16rem;
  }
}
@media (min-width: 620px) {
  .c-card-content[data-content-card-type=horizontal] .c-card-content__thumbnail[data-image-ratio="1x1"] {
    flex-basis: 10rem;
  }
}
.c-card-content[data-content-card-type=horizontal] .c-card-content__thumbnail[data-image-ratio="1x1"] a,
.c-card-content[data-content-card-type=horizontal] .c-card-content__thumbnail[data-image-ratio="1x1"] div {
  padding-top: 100%;
}
@media (min-width: 620px) {
  .c-card-content[data-content-card-type=horizontal] .c-card-content__thumbnail[data-image-ratio="1x1"] a,
  .c-card-content[data-content-card-type=horizontal] .c-card-content__thumbnail[data-image-ratio="1x1"] div {
    padding-top: 100%;
  }
}
.c-card-content[data-content-card-type=horizontal] .c-card-content__thumbnail[data-image-ratio="1x1"] a .c-card-content__image,
.c-card-content[data-content-card-type=horizontal] .c-card-content__thumbnail[data-image-ratio="1x1"] div .c-card-content__image {
  left: 0;
  transform: none;
}
.c-card-content[data-content-card-type=horizontal] .c-card-content__thumbnail a {
  padding-top: 100%;
}
@media (min-width: 620px) {
  .c-card-content[data-content-card-type=horizontal] .c-card-content__thumbnail a {
    padding-top: 56.25%;
  }
}
.c-card-content[data-content-card-type=horizontal] .c-card-content__image {
  transform: translate(-5.3rem);
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 100%;
}
@media (min-width: 620px) {
  .c-card-content[data-content-card-type=horizontal] .c-card-content__image {
    left: 0;
    transform: none;
  }
}
.c-card-content[data-content-card-type=horizontal] .c-card-content__image img {
  width: auto;
  max-width: none;
  height: 100%;
}
.c-card-content[data-content-card-type=horizontal] .c-card-content__meta {
  flex: 1 1 calc(100% - (6rem + 1.5rem));
  margin-left: 1.5rem;
}
@media (min-width: 620px) {
  .c-card-content[data-content-card-type=horizontal] .c-card-content__meta {
    flex-basis: calc(100% - (16rem + 1.5rem));
  }
}
.c-card-content[data-content-card-type=horizontal] .c-card-content__meta-time {
  margin-bottom: 0.5rem;
  color: #999da1;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
}
.c-card-content[data-content-card-type=horizontal] .c-card-content__meta-title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.55rem;
}
.c-card-content[data-content-card-type=horizontal] .c-card-content__meta-description {
  max-height: 3.1em;
  margin-top: 0.75rem;
  color: #797e83;
  overflow: hidden;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.475;
}
.c-card-content[data-content-card-type=horizontal] .c-card-content__meta-team {
  margin-top: 0.75rem;
  color: #797e83;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.c-card-content[data-content-card-type=horizontal] .c-card-content__meta-team a {
  font-weight: 600;
}
.c-card-content[data-content-card-type=horizontal][data-item-type=speaker] {
  align-items: center;
  gap: 0.75rem;
}
.c-card-content[data-content-card-type=horizontal][data-item-type=speaker] .c-card-content__thumbnail {
  background-color: transparent;
}
.c-card-content[data-content-card-type=horizontal][data-item-type=speaker] .c-card-content__thumbnail[data-image-ratio="1x1"] {
  flex-basis: 2rem;
}
.c-card-content[data-content-card-type=horizontal][data-item-type=speaker] .c-card-content__meta {
  margin-left: 0;
}
.c-card-content[data-content-card-type=horizontal][data-item-type=speaker] .c-card-content__meta-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.c-card-content[data-content-card-type=horizontal][data-item-type=show] {
  align-items: center;
  flex-wrap: wrap;
  max-width: none;
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=horizontal][data-item-type=show] .o-btn {
    margin-top: 0.75rem;
  }
}
.c-card-content[data-content-card-type=horizontal][data-item-type=show] .c-card-content__meta {
  position: relative;
}
.c-card-content[data-content-card-type=horizontal][data-item-type=show] .c-card-content__meta > .o-btn--secondary.o-btn--sm {
  margin-top: 1.5rem;
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=horizontal][data-item-type=show] .c-card-content__meta > .o-btn--secondary.o-btn--sm {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-top: 0;
  }
}
.c-card-content[data-content-card-type=horizontal][data-item-type=show] .c-card-content__meta-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=horizontal][data-item-type=show] .c-card-content__meta-title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.95rem;
  }
}
.c-card-content[data-content-card-type=horizontal][data-item-type=show] .c-card-content__replay-list {
  flex: 0 0 100%;
  margin-top: 1.5rem;
  padding: 1rem;
  border: 1px solid #d6d7d9;
  border-radius: 16px;
}
@media (min-width: 1300px) {
  .c-card-content[data-content-card-type=horizontal][data-item-type=show] .c-card-content__replay-list {
    flex: 1 1 100%;
    padding: 1.5rem;
    margin-left: calc(16rem + 1.5rem);
  }
}
.c-card-content[data-content-card-type=horizontal][data-item-type=show] .c-card-content__replay-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.c-card-content[data-content-card-type=horizontal][data-item-type=show] .c-card-content__replay-list-header h5 {
  flex: 1 0 auto;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}
.c-card-content[data-content-card-type=horizontal][data-item-type=show] .c-card-content__replay-list-empty {
  text-align: center;
  color: #656a6e;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
}
.c-card-content[data-content-card-type=vertical] {
  margin-bottom: 2.5rem;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 0px 25px rgba(11, 11, 11, 0.05);
  overflow: hidden;
}
@media (min-width: 620px) {
  .c-card-content[data-content-card-type=vertical] {
    display: flex;
    align-items: flex-start;
    padding: 1rem;
  }
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=vertical] {
    display: block;
    padding: 0;
  }
  .l-card-grid--fullwidth .c-card-content[data-content-card-type=vertical], .l-card-grid--left .c-card-content[data-content-card-type=vertical] {
    height: 100%;
  }
  .HeroGrid__heroColumns-3 > * .c-card-content[data-content-card-type=vertical] {
    margin-bottom: 0;
  }
}
@media (min-width: 1300px) {
  div[class^=l-card-grid] .c-card-content[data-content-card-type=vertical], .c-slider--column .c-card-content[data-content-card-type=vertical] {
    margin-bottom: 0;
  }
}
.c-card-content[data-content-card-type=vertical].is-sponsored .c-card-content__meta-timestamp {
  display: none;
}
.c-card-content[data-content-card-type=vertical] .c-card-content__thumbnail {
  border-radius: 8px 8px 0 0;
}
@media (min-width: 620px) {
  .c-card-content[data-content-card-type=vertical] .c-card-content__thumbnail {
    flex: 0 0 50%;
    border-radius: 8px;
  }
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=vertical] .c-card-content__thumbnail {
    border-radius: 8px 8px 0 0;
  }
}
@media (min-width: 1100px) {
  .c-card-content[data-content-card-type=vertical] .c-card-content__thumbnail {
    flex: 0 0 50%;
  }
}
@media (min-width: 1300px) {
  .c-card-content[data-content-card-type=vertical] .c-card-content__thumbnail {
    flex-basis: 60%;
  }
}
.c-card-content[data-content-card-type=vertical] .c-card-content__meta {
  padding: 1rem;
}
@media (min-width: 620px) {
  .c-card-content[data-content-card-type=vertical] .c-card-content__meta {
    padding: 0 1.5rem 1rem 1.5rem;
  }
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=vertical] .c-card-content__meta {
    padding: 1rem;
  }
}
.c-slider .c-card-content[data-content-card-type=vertical] .c-card-content__meta .c-card-content__cta {
  margin-top: auto;
}
.c-card-content[data-content-card-type=vertical] .c-card-content__meta-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.c-card-content[data-content-card-type=vertical][data-item-type=video] {
  border-radius: 0;
  box-shadow: none;
}
.c-card-content[data-content-card-type=vertical][data-item-type=video] .c-card-content__thumbnail {
  border-radius: 4px;
  overflow: hidden;
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=vertical][data-item-type=video] .c-card-content__meta {
    margin-top: 0.75rem;
    padding: 0;
  }
}
.c-card-content[data-content-card-type=slide] .c-card-content__thumbnail {
  border-radius: 8px;
  background-color: transparent;
}
@media (min-width: 576px) {
  .c-card-content[data-content-card-type=slide] .c-card-content__thumbnail[data-image-ratio="16x9"] a:not(.o-btn) {
    padding-top: 56.25%;
  }
}
.c-slider[data-slide-per-view=auto] .c-card-content[data-content-card-type=slide] .c-card-content__thumbnail[data-image-ratio="1x1"] + .c-card-content__meta .c-card-content__meta-title {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
}
.c-card-content[data-content-card-type=slide] .c-card-content__image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.c-card-content[data-content-card-type=slide] .c-card-content__image img {
  width: auto;
  max-width: none;
  height: 100%;
}
.c-card-content[data-content-card-type=slide] .c-card-content__meta {
  padding-top: 1rem;
}
.c-card-content[data-content-card-type=slide] .c-card-content__meta-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.c-card-content[data-content-card-type=slide] .c-card-content__meta-suptitle {
  display: none;
}
.c-card-content[data-content-card-type=slide] .c-card-content__meta .o-tag-list {
  margin-bottom: 0.25rem;
}
.c-card-content[data-content-card-type=player] {
  margin-bottom: 2rem;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0px 0px 25px rgba(11, 11, 11, 0.05);
}
.c-card-content[data-content-card-type=player] .c-card-content__info {
  display: flex;
  align-items: flex-start;
}
.c-card-content[data-content-card-type=player] .c-card-content__thumbnail {
  flex: 0 0 40%;
  margin-right: 1rem;
  border-radius: 8px;
}
.c-card-content[data-content-card-type=player] .c-card-content__meta {
  flex: 1 1 60%;
}
.c-card-content[data-content-card-type=player] .c-card-content__meta-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.c-card-content[data-content-card-type=player] .c-player-waveform {
  margin-top: 1rem;
}
.c-card-content[data-content-card-type=sidebar] {
  display: flex;
  align-items: flex-start;
}
.c-card-content[data-content-card-type=sidebar] .c-card-content__thumbnail {
  flex: 0 0 6rem;
  border-radius: 8px;
}
.c-card-content[data-content-card-type=sidebar] .c-card-content__thumbnail a {
  padding-top: 100%;
}
.c-card-content[data-content-card-type=sidebar] .c-card-content__listen span {
  display: none;
}
.c-card-content[data-content-card-type=sidebar] .c-card-content__meta {
  flex: 1 1 calc(100% - 6rem);
  margin-left: 1rem;
}
.c-card-content[data-content-card-type=sidebar] .c-card-content__meta .o-tag-list {
  margin-bottom: 0.25rem;
}
.c-card-content[data-content-card-type=sidebar] .c-card-content__meta-suptitle {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=sidebar] .c-card-content__meta-suptitle {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1rem;
  }
}
.c-card-content[data-content-card-type=sidebar] .c-card-content__meta-title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.55rem;
}
@media (min-width: 960px) {
  .c-card-content[data-content-card-type=sidebar] .c-card-content__meta-title {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.3;
  }
}
.c-card-content[data-content-card-type=sidebar] .c-card-content__meta-timestamp {
  display: none;
}
.c-card-content[data-content-card-type=sidebar] .c-card-content__cta {
  display: none;
}
.c-card-content--compact {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0.5rem 0;
}
.c-card-content--compact .o-btn {
  flex: 0 0 auto;
}
.c-card-content--compact__duration {
  flex: 0 0 auto;
  width: 2.75rem;
  margin-top: 6px;
  color: #797e83;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}
.c-card-content--compact__title {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
}

@keyframes equalize {
  0% {
    height: 19px;
  }
  4% {
    height: 11px;
  }
  8% {
    height: 13px;
  }
  12% {
    height: 16px;
  }
  16% {
    height: 8px;
  }
  20% {
    height: 13px;
  }
  24% {
    height: 13px;
  }
  28% {
    height: 10px;
  }
  32% {
    height: 16px;
  }
  36% {
    height: 19px;
  }
  40% {
    height: 2px;
  }
  44% {
    height: 13px;
  }
  48% {
    height: 19px;
  }
  52% {
    height: 13px;
  }
  56% {
    height: 1px;
  }
  60% {
    height: 13px;
  }
  64% {
    height: 19px;
  }
  68% {
    height: 13px;
  }
  72% {
    height: 19px;
  }
  76% {
    height: 2px;
  }
  80% {
    height: 19px;
  }
  84% {
    height: 16px;
  }
  88% {
    height: 19px;
  }
  92% {
    height: 2px;
  }
  96% {
    height: 19px;
  }
  100% {
    height: 19px;
  }
}
.c-card-content-link {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.c-card-content-link .c-card-content-link__thumbnail {
  flex: 0 0 6rem;
  border-radius: 8px;
  overflow: hidden;
}
@media (min-width: 620px) {
  .c-card-content-link .c-card-content-link__thumbnail {
    flex-basis: 11rem;
  }
}
.c-card-content-link .c-card-content-link__thumbnail a {
  position: relative;
  display: block;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.c-card-content-link .c-card-content-link__image {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 100%;
}
@media (min-width: 620px) {
  .c-card-content-link .c-card-content-link__image {
    left: 0;
    transform: none;
  }
}
.c-card-content-link .c-card-content-link__image img {
  width: auto;
  max-width: none;
  height: 100%;
}
.c-card-content-link .c-card-content-link__meta {
  flex: 1 1 auto;
  padding-top: 0.5rem;
  margin-left: 1.5rem;
}
.c-card-content-link .c-card-content-link__meta-suptitle {
  position: relative;
  margin-bottom: 0.5rem;
  color: #797e83;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.c-card-content-link .c-card-content-link__meta-title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.625rem;
}
.c-card-content-link .c-card-content-link__meta-timestamp {
  margin-top: 0.75rem;
  color: #999da1;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}

.c-card-music-content {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  padding: 2rem;
  border-radius: 16px;
  background-color: #797e83;
}
.c-card-music-content__meta {
  flex: 1 1 auto;
  margin-right: 2rem;
}
.c-card-music-content__meta p {
  margin: 1rem 0;
}
.c-card-music-content__title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.25rem;
}
.c-card-music-content__thumbnail {
  position: relative;
  flex: 0 0 110px;
}
@media (min-width: 960px) {
  .c-card-music-content__thumbnail {
    flex-basis: 140px;
  }
}
.c-card-music-content__thumbnail .countdown-position {
  display: block;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 42px;
  color: #fff;
  background-color: #0b0b0b;
  position: absolute;
  top: -8px;
  right: -24px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}
@media (min-width: 960px) {
  .c-card-music-content__thumbnail .countdown-position {
    padding: 0.5rem 0.75rem;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.25rem;
  }
}
.c-card-music-content__thumbnail img {
  height: auto;
  border-radius: 4px;
}

.c-card--countdown-vertical {
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 25px rgba(11, 11, 11, 0.05);
}
div[class^=l-card-grid] .c-card--countdown-vertical {
  margin-bottom: 2rem;
}
.c-card--countdown-vertical .c-card__header {
  border-bottom: 1px solid #ebecec;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
}
.c-card--countdown-vertical .c-card__header .edition-vote {
  display: inline-block;
  margin-left: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 24px;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
}
.c-card--countdown-vertical .c-card__header .edition-date {
  flex: 0 0 auto;
  font-size: 0.75rem;
  line-height: 1rem;
}
.c-card--countdown-vertical .c-card__title {
  flex: 0 0 auto;
  margin-right: 0.75rem;
}
.c-card--countdown-vertical .c-card__title > a {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.625rem;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.c-card--countdown-vertical .c-card__cta {
  padding: 0.75rem 1rem;
  border-top: 1px solid #ebecec;
  text-align: right;
}
.c-card--countdown-vertical .c-card__cta a {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
}
.c-card--countdown-vertical .c-card__song-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.c-card--countdown-vertical .c-card__song-grid .c-card-song {
  width: 100%;
  padding: 1.5rem;
}
.c-card--countdown-vertical .c-card__song-grid .c-card-song:first-child {
  border-right: 1px solid #ebecec;
}

.c-card-newsletter {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  border: 2px solid #d6d7d9;
  border-radius: 8px;
  background-color: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
}
.c-card-newsletter:hover {
  border-color: #797e83;
  box-shadow: 0 4px 12px rgba(11, 11, 11, 0.1);
}
.c-card-newsletter.is-selected {
  border-color: #00adef;
}
.c-card-newsletter.is-selected .c-card-newsletter__action .o-btn {
  pointer-events: none;
}
.c-card-newsletter__content {
  display: flex;
  flex: 0 0 auto;
}
.c-card-newsletter__content .o-tag {
  margin-top: 0.5rem;
}
.c-card-newsletter__content h3 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
}
.c-card-newsletter__image {
  flex: 0 0 auto;
  margin-right: 1rem;
  border-radius: 8px;
  overflow: hidden;
  height: 80px;
  width: 80px;
}
.c-card-newsletter__image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.c-card-newsletter__description {
  flex: 1 1 auto;
  color: #999da1;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.c-card-newsletter__action {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-card-newsletter__action .o-btn {
  min-width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.c-card-newsletter__action a {
  text-decoration: underline;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}

.c-card--promo {
  display: block;
  min-height: 250px;
}
.c-card--promo .c-card__image {
  display: block;
  position: relative;
  z-index: 1;
  transition: transform 0.3s ease;
  position: relative;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.c-card--promo .c-card__image img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.c-card--promo .c-card__meta {
  display: block;
  position: relative;
  z-index: 1;
}
@media (max-width: 575.98px) {
  .c-card--promo .c-card__meta {
    margin: -1.5rem 1rem 12px;
    padding: 15px 25px;
    background-color: #fff;
    box-shadow: 0 -8px 16px 0 rgba(11, 11, 11, 0.2);
  }
}
@media (min-width: 620px) {
  .c-card--promo .c-card__meta {
    display: flex;
    position: relative;
    z-index: 3;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .c-card--promo .c-card__meta::after {
    content: "";
    z-index: 2;
    transition: opacity 0.3s;
    background: linear-gradient(-180deg, rgba(11, 11, 11, 0) 33%, rgba(11, 11, 11, 0.7) 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .hero__item:hover .c-card--promo .c-card__meta::after {
    opacity: 0.75;
  }
  .c-card--video:hover .c-card--promo .c-card__meta::after {
    opacity: 1;
  }
}
@media (min-width: 620px) {
  .c-card--promo .c-card__subtitle,
  .c-card--promo .c-card__title {
    position: relative;
    z-index: 4;
    margin-right: 1.5rem;
    margin-left: 1.5rem;
    color: #fff;
  }
}
.c-card--promo .c-card__subtitle {
  margin-bottom: 0.5rem;
}
@media (min-width: 620px) {
  .c-card--promo .c-card__subtitle {
    margin-right: 8rem;
  }
}
.c-card--promo .c-card__title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55rem;
}
@media (min-width: 620px) {
  .c-card--promo .c-card__title {
    margin-bottom: 1rem;
    margin-right: 8rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.625rem;
  }
}

.c-podcast-shortcut-block {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 3rem;
  padding: 1.5rem;
  border-radius: 16px;
  background-color: #0b0b0b;
  color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
}
@media (min-width: 960px) {
  .c-podcast-shortcut-block {
    flex-direction: row;
    align-items: center;
  }
}
.c-podcast-shortcut-block:hover:not(.o-btn):not(.c-card-content__listen) {
  color: #fff;
}
.c-podcast-shortcut-block:hover:not(.o-btn):not(.c-card-content__listen) .o-btn .ng-fa-icon {
  transform: translateX(5px);
}
.c-podcast-shortcut-block__meta, .c-podcast-shortcut-block__image,
.c-podcast-shortcut-block .o-btn {
  position: relative;
  z-index: 2;
}
.c-podcast-shortcut-block__meta {
  margin: 1rem 0;
  flex: 1 1 auto;
  order: 2;
}
@media (min-width: 960px) {
  .c-podcast-shortcut-block__meta {
    order: 1;
  }
}
.c-podcast-shortcut-block__meta > * {
  display: block;
}
.c-podcast-shortcut-block__meta .line-1 {
  margin-bottom: 0.25rem;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.2;
}
.c-podcast-shortcut-block__meta .line-2 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
}
.c-podcast-shortcut-block__image,
.c-podcast-shortcut-block .o-btn {
  flex: 0 0 auto;
}
.c-podcast-shortcut-block__image {
  order: 1;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  overflow: hidden;
}
@media (min-width: 960px) {
  .c-podcast-shortcut-block__image {
    order: 2;
    margin: 0 1.5rem;
  }
}
.c-podcast-shortcut-block__image img {
  display: block;
  height: 120px;
  width: 120px;
}
.c-podcast-shortcut-block .o-btn {
  order: 3;
  border-radius: 24px;
  background-color: #fff;
  color: #0b0b0b;
  font-weight: 600;
}
.c-podcast-shortcut-block .o-btn .ng-fa-icon {
  transition: transform 0.3s ease;
}
.c-podcast-shortcut-block__bg {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  filter: blur(24px);
  z-index: 1;
  position: absolute;
  top: -24px;
  right: -24px;
  bottom: -24px;
  left: -24px;
}
.c-podcast-shortcut-block__bg:after {
  width: 100%;
  height: 100%;
}
.c-podcast-shortcut-block__bg::after {
  background: linear-gradient(270deg, rgba(11, 11, 11, 0) 45%, #0b0b0b 100%), linear-gradient(180deg, rgba(11, 11, 11, 0.2) 0%, rgba(11, 11, 11, 0.6) 100%);
}

.c-card-song .c-card-song__image {
  border-radius: 8px;
  overflow: hidden;
}
.c-card-song .c-card-song__image img {
  display: block;
}
.c-card-song[data-content-card-type=horizontal] {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.75rem;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(11, 11, 11, 0.05);
}
.c-card-song[data-content-card-type=horizontal].is-result .c-card-song__image {
  flex-basis: 6rem;
}
.c-card-song[data-content-card-type=horizontal].is-result .o-btn-list {
  margin-right: 1rem;
}
.c-card-song[data-content-card-type=horizontal] .c-card-song__time,
.c-card-song[data-content-card-type=horizontal] .c-card-song__position {
  flex: 0 0 6rem;
  color: #999da1;
}
.c-card-song[data-content-card-type=horizontal] .c-card-song__time {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.55rem;
}
.c-card-song[data-content-card-type=horizontal] .c-card-song__position {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.25rem;
}
.c-card-song[data-content-card-type=horizontal] .c-card-song__image {
  flex: 0 0 3rem;
  margin-right: 1rem;
}
@media (min-width: 620px) {
  .c-card-song[data-content-card-type=horizontal] .c-card-song__image {
    flex-basis: 6rem;
  }
}
.c-card-song[data-content-card-type=horizontal] .c-card-song__meta {
  flex: 1 1 auto;
  min-width: 0;
  margin-right: auto;
  padding-right: 1rem;
}
.c-card-song[data-content-card-type=horizontal] .c-card-song__title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-card-song[data-content-card-type=horizontal] .c-card-song__artist {
  color: #999da1;
  font-size: 0.875rem;
  line-height: 1.125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-card-song[data-content-card-type=horizontal] .o-btn-list {
  flex: 0 0 auto;
}
.c-card-song[data-content-card-type=vertical] {
  position: relative;
  margin-bottom: 2rem;
}
.c-card-song[data-content-card-type=vertical].is-result .c-card-song__meta {
  display: flex;
  text-align: left;
}
.c-card-song[data-content-card-type=vertical].is-result .c-card-song__meta .position {
  flex: 0 0 auto;
  padding: 0.25rem 0.5rem;
  margin-right: 0.75rem;
  border-radius: 4px 0 0 4px;
  background-color: #0b0b0b;
  color: #fff;
  font-size: 2rem;
  line-height: 2.5rem;
}
.c-card-song[data-content-card-type=vertical].is-result .c-card-song__meta .position + div {
  flex: 1 1 auto;
  overflow: hidden;
}
.c-card-song[data-content-card-type=vertical].is-result .c-card-song__meta .c-card-song__title {
  margin-top: 0.25rem;
}
.c-card-song[data-content-card-type=vertical]:hover .o-btn-list {
  opacity: 1;
}
.c-card-song[data-content-card-type=vertical] .c-card-song__time {
  z-index: 3;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  background-color: #fff;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
}
.c-card-song[data-content-card-type=vertical] .c-card-song__image {
  position: relative;
  z-index: 1;
  height: 0;
  margin-bottom: 0.75rem;
  padding-top: 100%;
}
.c-card-song[data-content-card-type=vertical] .c-card-song__image > * {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.c-card-song[data-content-card-type=vertical] .c-card-song__meta {
  text-align: center;
}
.c-card-song[data-content-card-type=vertical] .c-card-song__title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-card-song[data-content-card-type=vertical] .c-card-song__artist {
  color: #999da1;
  font-size: 0.875rem;
  line-height: 1.125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-card-song[data-content-card-type=vertical] .o-btn-list {
  z-index: 3;
  padding-top: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
}
.c-card-song[data-content-card-type=vertical] .o-btn-list > .o-btn {
  transition: background-color 0.3s ease;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.c-card-song[data-content-card-type=vertical].is-result .c-card-song__meta {
  text-align: left;
}

.c-date-selector {
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 1.5rem;
  border: 1px solid #999da1;
  border-radius: 4px;
}
.c-date-selector__date {
  flex: 1;
  padding: 0 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.05rem;
  text-transform: uppercase;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
@media (min-width: 960px) {
  .c-date-selector__date {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.4rem;
    text-transform: uppercase;
  }
}
.c-tab-nav .c-date-selector__date {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.05rem;
  text-transform: uppercase;
}
.c-date-selector input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 0;
  width: 0;
}

ngb-datepicker.dropdown-menu {
  z-index: 1070;
  background-color: #fff;
}

.ngb-dp-header .ngb-dp-navigation-chevron {
  border-width: 2px 2px 0 0;
  height: 8px;
  width: 8px;
}
.ngb-dp-header .ngb-dp-arrow-btn {
  cursor: pointer;
}
.ngb-dp-header .ngb-dp-arrow-btn:focus {
  outline: 0;
}
.ngb-dp-header .ngb-dp-arrow-btn:disabled {
  opacity: 0.5;
  cursor: default;
}

.ngb-dp-weekday {
  color: #656a6e;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}

.ngb-dp-day {
  color: #0b0b0b;
  border-radius: 3px;
}
.ngb-dp-day:hover {
  background-color: #ebecec;
}

[ngbDatepickerDayView].outside {
  color: #d6d7d9;
  opacity: 1;
}

.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
  cursor: pointer;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  padding: 1rem;
  margin: 0;
  list-style: none;
}
.dropdown-menu.show {
  display: block;
}
.l-header .dropdown-menu, .c-player-onair .dropdown-menu, .c-podcast-header .dropdown-menu, .c-hero-header .dropdown-menu, .c-section-header__filters .dropdown-menu {
  margin-top: -2px !important;
  border-radius: 8px;
  background-color: #fff;
  filter: drop-shadow(rgba(11, 11, 11, 0.15) 0px 4px 8px);
}

.dropdown-item {
  display: block;
  width: 100%;
  clear: both;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item + .dropdown-item {
  margin-top: 0.75rem;
}
.dropdown-item a {
  display: flex;
  align-items: center;
}
.dropdown-item .ng-fa-icon {
  display: inline-flex;
  min-width: 20px;
}
.dropdown-item .ng-fa-icon + span {
  margin-left: 0.5rem;
}
.l-header .dropdown-item, .c-player-onair .dropdown-item, .c-podcast-header .dropdown-item, .c-hero-header .dropdown-item, .c-section-header__filters .dropdown-item {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.025em;
}

.c-form {
  text-align: left;
}
.c-form--card {
  padding: 1.5rem;
  border-radius: 12px;
  background-color: #ebecec;
}
.c-form--card h4 {
  margin-bottom: 1.5rem;
  color: #999da1;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.55rem;
}
.c-form__line-link {
  display: inline-block;
  margin-top: 0.5rem;
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.c-form__password-wizard {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 0;
  font-size: 0.75rem;
  line-height: 1rem;
}
.c-form__password-wizard > * {
  flex: 1 1 calc(50% - 0.5rem);
  margin-right: 0.5rem;
  white-space: nowrap;
}
.c-form__password-wizard .fa-fw {
  height: 12px;
  width: 12px;
}
.c-form__password-wizard .is-valid {
  color: #00c875;
}
.c-form__submit {
  margin-top: 2rem;
  text-align: center;
}
.c-form__validation {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  padding: 1.5rem;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
}
.c-form__validation .ng-fa-icon {
  flex: 0 0 auto;
  margin-right: 0.75rem;
}
.c-form__validation span {
  flex: 1 1 auto;
}
.c-form__validation--error {
  background-color: #f9dade;
}
.c-form__validation--success {
  background-color: #ccf4e3;
}
.c-form__validation + .c-text {
  margin-top: 1.5rem;
}
.c-form__success-message {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-modal--form .c-form__success-message {
  padding: 2.5rem 0 2rem;
}
.c-form__success-message > img {
  margin-bottom: 1.5rem;
}
.c-form__success-message p {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.55rem;
}
.c-form hr {
  margin: 1.5rem 0;
  border-top: 1px solid #ebecec;
}
.c-form .form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.c-form .col-form-label {
  padding-top: 0;
}
.c-form .input-group .form-control {
  z-index: 1;
  padding-right: calc(1.5em + 0.75rem);
  border-radius: 0.375rem !important;
}
.c-form .input-group .form-control.is-invalid {
  background-position: calc(100% - 43px) center;
}
.c-form .input-group .form-control + .input-group-append {
  z-index: 5;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
}
.c-form .input-group button {
  padding: 0.5rem;
  cursor: pointer;
}
.c-form .form-check-input:checked {
  background-color: #252525;
}
.c-form .form-check-input.is-invalid ~ .form-check-label {
  color: #252525;
}
.c-form .form-check-label {
  color: #252525;
  line-height: 1.25;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.c-form radio-component.ng-invalid .invalid-feedback {
  display: block;
}
.c-form .invalid-feedback {
  font-size: 0.75em;
}

.rc-anchor,
.grecaptcha-badge {
  visibility: hidden;
}

.c-header--countdown {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3rem;
  padding: 1.5rem;
  text-align: center;
}
@media (min-width: 960px) {
  .c-header--countdown {
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    text-align: left;
  }
}
.c-header--countdown .c-header__image {
  position: relative;
  display: none;
}
@media (min-width: 960px) {
  .c-header--countdown .c-header__image {
    display: block;
    flex: 0 0 20rem;
    margin-right: 1.5rem;
  }
}
.c-header--countdown .c-header__image img {
  display: block;
}
.c-header--countdown .c-header__meta {
  flex: 1 1 calc(100% - 20rem);
}
@media (min-width: 960px) {
  .c-header--countdown .c-header__meta {
    padding: 1.5rem;
  }
}
.c-header--countdown .c-header__cta {
  flex: 0 0 auto;
  margin-top: 1.5rem;
}
@media (min-width: 960px) {
  .c-header--countdown .c-header__cta {
    padding-right: 1.5rem;
  }
}
.c-header--countdown .description {
  margin-top: 0.75rem;
  padding-right: 1.5rem;
}
.c-header--countdown .description p {
  max-width: 40rem;
  margin-top: 0;
  font-size: 1rem;
  line-height: 1.375rem;
}

.c-search-header {
  margin-bottom: 3rem;
}
.c-search-header__input-wrapper {
  position: relative;
  height: 64px;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 8px;
  background-color: #e9ecf5;
  transition: 0.5s ease-out;
  transition-property: background-color, border-color;
}
.c-search-header__input-wrapper:hover {
  background-color: #d8dce9;
}
.c-search-header__input-wrapper:focus-within {
  border-color: #a9bfdd;
}
.c-search-header__form-submit, .c-search-header__form-reset {
  flex: 0 0 auto;
  height: 100%;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.c-search-header__form-submit.is-loading::before, .c-search-header__form-submit.is-loading::after {
  width: 1.5rem !important;
  height: 1.5rem !important;
  top: 1.2rem !important;
  left: 1.2rem !important;
}
.c-search-header__form-submit.is-loading::before {
  border-width: 3px !important;
  border-color: rgba(11, 11, 11, 0.1) !important;
}
.c-search-header__form-submit.is-loading::after {
  border-width: 3px !important;
  border-top-color: #0b0b0b !important;
}
.c-search-header__form-input {
  flex-grow: 1;
  display: inline-block;
  min-width: 0;
  height: 100%;
  padding-left: 0.75rem;
  background-color: transparent;
  border: none;
  color: #0b0b0b;
  font-family: "Work Sans", Helvetica, Arial, sans-serif;
  outline: none;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}
.c-search-header__history {
  display: flex;
  align-items: center;
}
.c-search-header__history > span {
  margin-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.c-search-header__history > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.c-search-header__history-chip {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  justify-content: space-between;
  padding: 0 0 0 0.75rem;
  border-radius: 16px;
  background-color: #ebecec;
}
.c-search-header__history-label, .c-search-header__history-remove {
  cursor: pointer;
}
.c-search-header__history-label {
  font-size: 0.75rem;
  line-height: 1rem;
}
.c-search-header__history-remove {
  height: 24px;
  padding: 0 0.25rem;
}

.c-page-header-section {
  margin-bottom: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #d6d7d9;
}
.c-page-header-section__heading {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (min-width: 960px) {
  .c-page-header-section__heading {
    flex-direction: row;
  }
}
@media (min-width: 960px) {
  .c-page-header-section__heading h1 {
    margin-top: 1rem;
  }
}
.c-page-header-section__heading p {
  margin-top: 0;
  max-width: 39rem;
  font-style: italic;
  color: #797e83;
  font-size: 1rem;
  line-height: 1.375rem;
}
@media (min-width: 960px) {
  .c-page-header-section__heading p {
    margin-left: 3rem;
    padding-left: 3rem;
    border-left: 1px solid #d6d7d9;
  }
}
.c-page-header-section > p {
  margin-top: 1.5rem;
  color: #656a6e;
  max-width: 800px;
  font-size: 1.125rem;
  line-height: 1.55rem;
}

.c-category-header {
  margin-bottom: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #d6d7d9;
}
.c-category-header__row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 960px) {
  .c-category-header__row {
    flex-direction: row;
    align-items: center;
  }
}
.c-category-header__row--tags {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #d6d7d9;
}
.c-category-header__row--tags .c-category-nav__scrollable {
  margin-top: 0;
}
.c-category-header__title {
  flex-shrink: 0;
}
.c-category-header__title h1 {
  margin-bottom: 0.5rem;
}
.c-category-header__title h1 img {
  display: block;
}
@media (min-width: 960px) {
  .c-category-header__title {
    margin-right: 2rem;
  }
}
.c-category-header__scrollable {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  margin-top: 1rem;
}
@media (min-width: 960px) {
  .c-category-header__scrollable {
    width: auto;
    margin-top: 0;
  }
}
.c-category-header__scroll-container {
  display: flex;
  align-items: center;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.c-category-header__scroll-container::-webkit-scrollbar {
  display: none;
}
.c-category-header__scroll-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 100%;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  color: #525559;
  z-index: 2;
}
.c-podcasts-hero .c-category-header__scroll-control {
  color: #fff;
}
.c-category-header__scroll-control.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.c-podcasts-hero .c-category-header__scroll-control--left, .c-podcasts-hero .c-category-header__scroll-control--right {
  background: none;
}
.c-category-header__scroll-control--left {
  left: 0;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
}
.c-category-header__scroll-control--right {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, #fff 100%);
}
.c-category-header__link {
  position: relative;
  flex-shrink: 0;
  margin-right: 1.5rem;
  white-space: nowrap;
  letter-spacing: 0.5px;
  color: #525559;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
}
.c-podcasts-hero .c-category-header__link {
  color: rgba(255, 255, 255, 0.8);
}
.c-podcasts-hero .c-category-header__link:hover {
  color: #fff !important;
}
.c-category-header__link::after {
  position: absolute;
  right: -1.5rem;
  content: "/";
  margin: 0 0.5rem;
  color: #d6d7d9;
  pointer-events: none;
}
.c-podcasts-hero .c-category-header__link::after {
  color: rgba(255, 255, 255, 0.3);
}
.c-category-header__link:last-child::after {
  display: none;
}

.c-hero-header {
  position: relative;
  z-index: 1;
  margin-bottom: 4rem;
  background-color: #0b0b0b;
  overflow: hidden;
}
.c-hero-header:after {
  width: 100%;
  height: 125px;
}
.c-hero-header--arcand {
  background-image: url("https://cdn.cogecolive.com/websites-public/Paul_Arcand_Env_BG_optimized.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #3f4542;
  color: #fff;
}
.c-hero-header--arcand::after {
  display: none;
}
.c-hero-header--arcand .c-hero-header__description a {
  color: #fff;
  text-decoration: underline;
}
.c-hero-header--arcand .c-hero-header__description a:hover {
  color: rgba(255, 255, 255, 0.6);
}
.c-hero-header .ad--banner {
  z-index: 4;
}
.c-hero-header h1 span {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.c-hero-header h1 span:not(caption) {
  position: absolute !important;
}
.c-hero-header h1 span * {
  overflow: hidden !important;
}
.c-hero-header .container {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 960px) {
  .c-hero-header .container {
    display: flex;
    flex-direction: row;
  }
}
.c-hero-header__visual, .c-hero-header__meta {
  position: relative;
}
.c-hero-header__visual {
  z-index: 2;
  -webkit-mask: linear-gradient(to top, transparent 5%, #fff 15% 80%, transparent 95%);
  -webkit-mask-size: 110% 110%;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-composite: source-in;
  mask: linear-gradient(to top, transparent 5%, #fff 15% 80%, transparent 95%);
  mask-size: 110% 110%;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-composite: intersect;
  transform: scale(110%);
}
@media (min-width: 960px) {
  .c-hero-header__visual {
    flex-basis: 696px;
    margin: 0 calc(20px * -4) 0 calc(20px * -1);
    transform: translateX(20px);
    -webkit-mask: linear-gradient(to top, #fff 0%, #fff 80%, transparent 95%), linear-gradient(to left, transparent 10%, #fff 15% 85%, transparent 95%);
    -webkit-mask-size: 110% 110%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-composite: source-in;
    mask: linear-gradient(to top, #fff 0%, #fff 80%, transparent 95%), linear-gradient(to left, transparent 10%, #fff 15% 85%, transparent 95%);
    mask-size: 110% 110%;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-composite: intersect;
  }
}
.c-hero-header__visual img {
  display: block;
  height: 100%;
  width: 100%;
}
@media (min-width: 960px) {
  .c-hero-header__visual img {
    align-self: stretch;
    object-fit: cover;
    height: 100%;
    width: auto;
  }
}
.c-hero-header__meta {
  z-index: 3;
  padding-bottom: 2rem;
}
@media (min-width: 960px) {
  .c-hero-header__meta {
    flex: 1 1 40%;
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 1300px) {
  .c-hero-header__meta {
    flex-basis: 50%;
  }
}
.c-hero-header__title {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: flex-end;
  margin: 1.5rem 0;
}
.c-hero-header__title .dropdown {
  margin-bottom: 16px;
}
.c-hero-header__title .dropdown-menu {
  width: max-content;
}
.c-hero-header__title h1 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.95rem;
}
@media (min-width: 960px) {
  .c-hero-header__title h1 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.1;
  }
}
.c-hero-header__title h1 img {
  display: block;
  object-fit: contain;
  max-width: 300px;
  margin: 8px 0;
  max-height: 105px;
}
.c-hero-header__tags {
  margin-top: 1rem;
}
.c-hero-header__description {
  margin: 1.5rem 0;
}
@media (min-width: 960px) {
  .c-hero-header__description {
    max-width: 645px;
  }
}
.c-hero-header__tags + .c-hero-header__description {
  margin-top: 0.75rem;
}
.c-hero-header__hosts {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55rem;
}
.c-hero-header__sponsors span {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}

.c-podcasts-hero {
  background-color: #0b0b0b;
  margin-bottom: 4rem;
  color: #fff;
}
.c-podcasts-hero .container {
  overflow: auto;
}
.c-podcasts-hero__heading {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (min-width: 960px) {
  .c-podcasts-hero__heading {
    flex-direction: row;
    align-items: center;
  }
}
.c-podcasts-hero__heading h1 {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5rem;
}
@media (min-width: 620px) {
  .c-podcasts-hero__heading h1 {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 2.75rem;
  }
}
@media (min-width: 960px) {
  .c-podcasts-hero__heading h1 {
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 3.75rem;
  }
}
.c-podcasts-hero__heading p {
  max-width: 39rem;
  font-style: italic;
  font-size: 1rem;
  line-height: 1.375rem;
}
@media (min-width: 960px) {
  .c-podcasts-hero__heading p {
    margin-left: 3rem;
    padding: 1rem 0 1rem 3rem;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.c-podcasts-hero__tags {
  margin-bottom: 2rem;
  padding: 1rem 0 1rem 1rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
}
@media (min-width: 960px) {
  .c-podcasts-hero__tags {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.c-podcasts-hero__tags h3 {
  margin-bottom: 0.75rem;
  font-style: italic;
  opacity: 0.5;
  font-size: 1rem;
  line-height: 1.375rem;
}
.c-podcasts-hero .c-card-content__meta-title a,
.c-podcasts-hero .c-card-content__meta a,
.c-podcasts-hero .c-card-content__meta-description a {
  color: rgba(255, 255, 255, 0.8);
}
.c-podcasts-hero .c-card-content__meta-title a:hover:not(.o-btn):not(.c-card-content__listen),
.c-podcasts-hero .c-card-content__meta a:hover:not(.o-btn):not(.c-card-content__listen),
.c-podcasts-hero .c-card-content__meta-description a:hover:not(.o-btn):not(.c-card-content__listen) {
  color: #fff;
}

.c-podcast-header {
  position: relative;
  margin-bottom: 3rem;
  border-radius: 16px;
  overflow: hidden;
  background-color: #0b0b0b;
  color: #fff;
}
.c-podcast-header__bg {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.2;
  filter: blur(24px);
  z-index: 1;
  position: absolute;
  top: -24px;
  right: -24px;
  bottom: -24px;
  left: -24px;
}
.c-podcast-header__bg:after {
  width: 100%;
  height: 100%;
}
.c-podcast-header__bg::after {
  background: linear-gradient(to left, rgba(11, 11, 11, 0) 0%, #0b0b0b 100%);
}
.c-podcast-header__container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  z-index: 2;
}
.c-podcast-header__container > * {
  flex: 1 1 100%;
  width: 100%;
}
@media (min-width: 1300px) {
  .c-podcast-header__container {
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: start;
  }
}
.c-podcast-header__visual {
  width: 16rem;
  margin-bottom: 2rem;
}
@media (min-width: 1300px) {
  .c-podcast-header__visual {
    flex: 0 0 16rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1300px) {
  .c-podcast-header__meta {
    flex: 0 0 calc(100% - 16rem);
  }
}
.c-podcast-header__video {
  margin-top: 1.5rem;
}
.c-podcast-header__image {
  position: relative;
  height: 0;
  padding-top: 100%;
}
.c-podcast-header__image img {
  display: block;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
}
.c-podcast-header__meta > * {
  margin-bottom: 1.5rem;
}
.c-podcast-header__meta > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 1300px) {
  .c-podcast-header__heading {
    margin-right: 2rem;
  }
}
.c-podcast-header__heading > * {
  margin-bottom: 0.75rem;
}
.c-podcast-header__heading > *:last-child {
  margin-bottom: 0;
}
.c-podcast-header__title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.95rem;
}
@media (min-width: 960px) {
  .c-podcast-header__title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.1;
  }
}
@media (min-width: 1300px) {
  .c-podcast-header__description {
    padding-right: 2rem;
  }
}
.c-podcast-header__description a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: underline;
}
.c-podcast-header__description a:hover {
  color: #fff;
  text-decoration: none;
}
.c-podcast-header__episode-hosts span, .c-podcast-header__sponsors span {
  display: block;
  flex-basis: 100%;
  margin-bottom: 0.5rem;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}
.c-podcast-header__episode-hosts {
  display: flex;
  flex-wrap: wrap;
}
.c-podcast-header__episode-hosts cmi-speaker-card + cmi-speaker-card {
  margin-left: 0.75rem;
}
.c-podcast-header__hosts {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55rem;
}
.c-podcast-header__sponsors {
  margin-top: 1.5rem;
}
.c-podcast-header__subtitle {
  margin-top: 0.5rem;
  font-size: 1.5rem;
  line-height: 1.95rem;
}
.c-podcast-header time {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.c-podcast-header__links {
  margin-top: 1rem;
}
.c-card-content__listen + .c-podcast-header__links {
  margin-top: 2rem;
}
.c-podcast-header__links .o-btn {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.c-podcast-header__links .o-btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.c-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.c-section-header[data-has-options=true] {
  justify-content: flex-start;
}
.c-section-header[data-has-options=true] .c-section-header__title {
  flex-grow: 0;
}
.c-section-header--discovery {
  margin-bottom: 1rem;
  padding: 0.5rem 0.75rem;
  background: linear-gradient(90deg, #ffdfe5 5%, #ffdbc6 100%);
  color: #6c344f;
  border-radius: 8px;
}
.c-section-header--discovery .c-section-header__title {
  flex: 0 0 auto;
  font-weight: 700;
}
.c-section-header--discovery .c-section-header__cta {
  border: 0;
  background-color: #d63b50;
  color: #fff;
}
.c-section-header--discovery .c-section-header__cta:hover:not(.o-btn):not(.c-card-content__listen) {
  color: #efb1b9;
}
.c-section-header--discovery .popover {
  --bs-popover-bg: #6c344f;
}
.c-section-header--discovery .popover-arrow {
  top: -5px;
}
.c-section-header--filters {
  flex-wrap: wrap;
}
.l-wrap__right .c-section-header {
  max-width: 500px;
  margin-bottom: 1.5rem;
}
.c-block .c-section-header, .c-form > .c-section-header, .c-form .row + .c-section-header {
  margin: 2rem 0;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #ebecec;
}
.c-block .c-section-header:first-child, .c-form > .c-section-header:first-child, .c-form .row + .c-section-header:first-child {
  margin-top: 0;
}
.c-section-header div[class^=l-card-grid], div[class*=l-card-grid] + .c-section-header, cmi-content-list-container + .c-section-header, .row + .c-section-header {
  margin-top: 4rem;
}
.c-section-header--seperator {
  padding-top: 1.5rem;
  border-top: 1px solid #ebecec;
}
.c-section-header__heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.c-section-header__heading .c-section-header__title {
  margin-right: 0.75rem;
}
.c-section-header__sponsor {
  display: flex;
  align-items: center;
  margin: 0.25rem 0;
  color: #797e83;
  font-size: 0.5rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.7rem;
  text-transform: uppercase;
}
.c-section-header__sponsor > * {
  display: flex;
  align-items: center;
}
.c-section-header__sponsor span {
  display: inline-block;
  margin-right: 0.5rem;
  white-space: nowrap;
}
.c-section-header__popover {
  display: none;
  flex: 0 0 auto;
  min-width: 7rem;
  margin: 0 1.5rem;
  padding: 0.25rem 0.5rem;
  border-radius: 24px;
  border: 1px solid rgba(11, 11, 11, 0.5);
  color: #252525;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 1.1;
  line-height: 1rem;
}
@media (min-width: 620px) {
  .c-section-header__popover {
    display: block;
  }
}
.c-section-header--discovery .c-section-header__popover {
  border: 0;
  background-color: rgba(255, 255, 255, 0.25);
}
.c-section-header__popover em {
  font-style: italic;
  font-weight: 700;
}
.c-section-header__title {
  flex: 1 1 auto;
}
.c-section-header__options {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin-left: 2rem;
  margin-right: auto;
}
@media (max-width: 959.98px) {
  .c-section-header__options {
    display: none;
  }
}
.c-section-header__button {
  display: inline-flex;
  align-items: center;
  height: 2rem;
  margin-left: 0.5rem;
  padding: 0 0.75rem;
  transition: border-color 0.3s ease, color 0.3s ease;
  border-radius: 1rem;
  border: 1px solid #d6d7d9;
  white-space: nowrap;
  cursor: pointer;
}
.c-section-header__button:hover {
  color: #0b0b0b;
  border-color: #0b0b0b;
}
.c-section-header__button.is-active {
  border: 0;
  background-color: #ebecec;
}
.c-section-header__controls {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.25rem;
}
@media (max-width: 619.98px) {
  .c-section-header__controls > .o-btn {
    display: none;
  }
}
.c-section-header__controls > a {
  height: 2rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 2rem;
}
.c-section-header__cta {
  display: flex;
  position: relative;
  align-items: center;
  flex: 0 1 auto;
  margin-left: auto;
  padding: 0.5rem 0.75rem;
  border: 1px solid #d6d7d9;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
}
@media (max-width: 575.98px) {
  .c-section-header__cta {
    flex: 0 0 36px;
    text-indent: -9999px;
    overflow: hidden;
    height: 36px;
    width: 36px;
  }
}
.c-section-header__cta .ng-fa-icon {
  margin-left: 0.25rem;
}
@media (max-width: 575.98px) {
  .c-section-header__cta .ng-fa-icon {
    margin-left: 0;
    text-indent: initial;
    position: absolute;
    top: 9px;
    left: 5px;
  }
}
.c-section-header__filters {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
}

.c-show-header {
  position: relative;
  margin-bottom: 3rem;
  border-radius: 8px;
  background-color: #ebecec;
}
@media (min-width: 1300px) {
  .c-show-header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: stretch;
    min-height: 320px;
  }
}
.c-show-header__visual {
  position: relative;
}
@media (min-width: 1300px) {
  .c-show-header__visual {
    flex: 0 0 50%;
    border-radius: 0 8px 8px 0;
    overflow: hidden;
  }
}
.c-show-header__visual .o-tag {
  position: absolute;
  top: 4px;
  right: 4px;
}
.c-show-header__image {
  overflow: hidden;
  mask-image: linear-gradient(to bottom, black 80%, transparent 98%);
  mask-mode: alpha;
}
@media (min-width: 1300px) {
  .c-show-header__image {
    mask-image: linear-gradient(to left, black 85%, transparent 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.c-show-header__image img {
  border-radius: 8px 8px 0 0;
}
@media (min-width: 1300px) {
  .c-show-header__image img {
    width: auto;
    max-width: none;
    height: 100%;
    transform: translateX(-50%);
    border-radius: 0 8px 8px 0;
    position: absolute;
    top: 0;
    left: 50%;
  }
}
.c-show-header__meta {
  padding: 1.5rem;
}
@media (min-width: 1300px) {
  .c-show-header__meta {
    display: flex;
    flex: 1 1 50%;
    flex-direction: column;
    justify-content: center;
  }
  .c-show-header__meta > * {
    position: relative;
    z-index: 2;
  }
}
.c-show-header__title {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.95rem;
}
@media (min-width: 1300px) {
  .c-show-header__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
  }
}
.c-show-header__schedule {
  margin-bottom: 1rem;
  font-style: italic;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.c-show-header__team span {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.05rem;
  text-transform: uppercase;
}
.c-show-header__team a {
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.05rem;
  text-transform: uppercase;
}
.c-show-header__description {
  margin-top: 1rem;
}
.c-show-header .ngx-ellipsis-more {
  font-size: 0.8em;
  font-weight: 700;
}
.c-show-header .ngx-ellipsis-more::before {
  content: " ";
}
.c-show-header .o-btn-list {
  margin-top: 0.75rem;
}

cmi-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
cmi-icon[size="16x16"] {
  height: 16px;
  width: 16px;
}
cmi-icon[icon=play] svg {
  transform: translateX(1px);
}

.icon {
  display: inline-block;
  stroke: none;
  fill: currentColor;
  height: 1rem;
  width: 1rem;
}
.icon use {
  stroke: none;
  fill: inherit;
}
.icon--hamburger {
  overflow: visible;
  transform: translateX(-50%) translateY(-50%);
  transition: background-color 0.3s;
  background-color: #0b0b0b;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  height: 2px;
  width: 22px;
}
.l-header__sticky .icon--hamburger {
  background-color: #fff;
}
.js-sidenav-is-open .l-header__sticky .icon--hamburger {
  background-color: rgba(255, 255, 255, 0);
}
.js-sidenav-is-open .l-header__sticky .icon--hamburger::before, .js-sidenav-is-open .l-header__sticky .icon--hamburger::after {
  background-color: #fff;
}
.js-sidenav-is-open .icon--hamburger {
  background-color: rgba(11, 11, 11, 0);
}
.js-sidenav-is-open .icon--hamburger::before, .js-sidenav-is-open .icon--hamburger::after {
  background-color: #0b0b0b;
}
.icon--hamburger::before, .icon--hamburger::after {
  content: "";
  display: block;
  z-index: 99;
  transform: translateZ(0);
  transform-origin: center center;
  backface-visibility: hidden;
  transition: transform 0.3s;
  background-color: inherit;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
.icon--hamburger::before {
  transform: translateY(-6px);
}
.js-sidenav-is-open .icon--hamburger::before {
  transform: rotate(45deg);
}
.icon--hamburger::after {
  transform: translateY(6px);
}
.js-sidenav-is-open .icon--hamburger::after {
  transform: rotate(-45deg);
}

.c-lightbox {
  z-index: 1055;
  padding-top: 65px;
  overflow-y: auto;
  background-color: #0b0b0b;
  color: #fff;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 75px;
  left: 0;
}
@media (min-width: 960px) {
  .c-lightbox {
    padding-top: 65px;
  }
}
.c-lightbox a {
  color: #fff;
}
.lightbox-is-visible .c-lightbox {
  display: block;
}
.c-lightbox__close {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background-color: transparent;
}
.c-lightbox__header {
  display: flex;
  z-index: 2;
  align-items: center;
  height: 65px;
  padding: 10px 0;
  background-color: #0b0b0b;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
@media (min-width: 576px) {
  .c-lightbox__header {
    padding: 0 0 0 1rem;
  }
}
@media (min-width: 960px) {
  .c-lightbox__header {
    right: 400px;
  }
}
.c-lightbox__header.title-is-visible {
  align-items: flex-start;
  padding-top: 13px;
}
.c-lightbox__header.title-is-visible h1 {
  margin-top: 10px;
  padding-bottom: 10px;
  overflow: visible;
  background-color: rgba(11, 11, 11, 0.75);
  line-height: 1.2;
  white-space: normal;
}
.c-lightbox__header h1,
.c-lightbox__header h2 {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-lightbox__header h1 {
  position: relative;
  max-width: calc(100% - 150px);
  padding: 0 10px;
  font-size: 1rem;
  font-weight: 700;
}
@media (min-width: 960px) {
  .c-lightbox__header h1 {
    font-size: 1.2rem;
    line-height: 1.25;
  }
}
.c-lightbox__logo {
  display: none;
}
@media (min-width: 620px) {
  .c-lightbox__logo {
    display: block;
    margin-right: 1rem;
    float: left;
  }
}
.c-lightbox__stage {
  display: block;
  width: 100%;
  background-color: black;
}
@media (min-width: 960px) {
  .c-lightbox__stage {
    width: auto;
    position: fixed;
    top: 65px;
    right: 400px;
    bottom: 75px;
    left: 0;
  }
}
.c-lightbox__stage cmi-slider-container {
  display: block;
  height: 100%;
  width: 100%;
}
.c-lightbox__stage .figcaption {
  position: relative;
  padding: 0 25px;
  transform: translateY(calc(100% - 30px));
  transition: transform 0.2s ease;
  background-color: rgba(16, 16, 16, 0.85);
  text-align: left;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (min-width: 960px) {
  .c-lightbox__stage .figcaption {
    transform: translateY(calc(100% - 50px));
  }
}
@media (min-width: 1300px) {
  .c-lightbox__stage .figcaption {
    display: flex;
    flex-flow: row wrap;
  }
}
.c-lightbox__stage .figcaption.figcaption-is-visible {
  transform: translateY(0);
}
.c-lightbox__stage .figcaption.figcaption-is-visible .caption-handle::before {
  transform: rotate(45deg);
}
.c-lightbox__stage .figcaption.figcaption-is-visible .caption-handle::after {
  transform: rotate(-45deg);
}
.c-lightbox__stage .figcaption.figcaption-is-visible h4 {
  padding-top: 10px;
  overflow: visible;
  line-height: 18px;
  white-space: pre-wrap;
}
.c-lightbox__stage .figcaption .caption-handle {
  margin-top: -30px;
  border-top-left-radius: 8px;
  background-color: rgba(16, 16, 16, 0.85);
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  width: 30px;
}
.c-lightbox__stage .figcaption .caption-handle::before, .c-lightbox__stage .figcaption .caption-handle::after {
  content: "";
  display: block;
  margin-top: -1px;
  transform-origin: 50% 50%;
  backface-visibility: hidden;
  transition: transform 0.3s, width 0.3s, left 0.3s;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 9px;
  height: 2px;
  width: 10px;
}
.c-lightbox__stage .figcaption .caption-handle::before {
  transform: rotate(-45deg);
}
.c-lightbox__stage .figcaption .caption-handle::after {
  left: 15px;
  transform: rotate(45deg);
}
@media all and (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
  .c-lightbox__stage .figcaption .caption-handle {
    display: none;
  }
}
.c-lightbox__stage .figcaption h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 960px) {
  .c-lightbox__stage .figcaption h4 {
    padding: 10px 0;
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 1300px) {
  .c-lightbox__stage .figcaption h4 {
    flex: 0 0 70%;
    order: 1;
    width: 100%;
  }
}
.c-lightbox__stage .figcaption .source {
  display: block;
  height: 50px;
  margin-top: 10px;
  color: #999da1;
  font-size: 0.8rem;
}
@media (min-width: 1300px) {
  .c-lightbox__stage .figcaption .source {
    flex: 0 0 30%;
    order: 2;
    margin-left: auto;
    line-height: 1.2rem;
    text-align: right;
  }
}
.c-lightbox__stage .figcaption .caption {
  display: block;
  margin: 0 0 1rem;
  font-size: 0.8rem;
  line-height: 1.5;
}
@media (min-width: 960px) {
  .c-lightbox__stage .figcaption .caption {
    font-size: 0.9rem;
  }
}
@media (min-width: 1300px) {
  .c-lightbox__stage .figcaption .caption.subtitle-gallery {
    flex-basis: 100%;
    order: 4;
  }
}
.c-lightbox__stage .figcaption p {
  margin: 0;
}
.c-lightbox__stage .figcaption p + p {
  margin-top: 1em;
}
.c-lightbox__stage img {
  width: auto !important;
  max-width: 100%;
  height: auto;
  max-height: 70vh;
  margin: 0 auto;
  border: 0;
  vertical-align: middle;
}
@media (min-width: 960px) {
  .c-lightbox__stage img {
    max-height: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
  }
}
.c-lightbox__stage img.swiper-lazy {
  transition: opacity 0.3s ease;
  opacity: 0;
}
.c-lightbox__stage img.swiper-lazy-loaded {
  opacity: 1;
}
.c-lightbox__aside {
  padding: 2rem;
  background-color: #0b0b0b;
}
@media (min-width: 620px) {
  .c-lightbox__aside {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 960px) {
  .c-lightbox__aside {
    z-index: 3;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 400px;
    padding: 65px 0 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}
.c-lightbox__aside .aside__meta {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
@media (min-width: 620px) {
  .c-lightbox__aside .aside__meta {
    flex: 1 1 50%;
    margin-right: 2rem;
  }
}
@media (min-width: 960px) {
  .c-lightbox__aside .aside__meta {
    display: block;
    flex: 0 0 250px;
    margin-right: 0;
    padding: 0 50px;
  }
}
.c-lightbox__aside .aside__credits {
  order: 2;
  color: #797e83;
  font-size: 0.8rem;
}
.c-lightbox__aside .aside__caption {
  order: 1;
  margin: 0 0 1rem;
  padding-right: 15px;
  line-height: 1.5em;
}
@media (min-width: 960px) {
  .c-lightbox__aside .aside__caption {
    max-height: 45vh;
    overflow-y: auto;
  }
}
.c-lightbox__aside .aside__caption::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #252525;
}
.c-lightbox__aside .aside__caption::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #797e83;
}
.c-lightbox__aside .aside__caption::-webkit-scrollbar {
  width: 5px;
}
.c-lightbox__aside .aside__caption p {
  margin: 0;
}
.c-lightbox__aside .aside__caption p + p {
  margin-top: 1em;
}
@media (min-width: 620px) {
  .c-lightbox__aside .aside__ad {
    flex: 0 0 300px;
  }
}
@media (min-width: 960px) {
  .c-lightbox__aside .aside__ad {
    flex: 0 0 250px;
    margin: auto 0 2rem;
  }
}
.c-lightbox__pagination {
  display: block;
  width: 50px;
  margin-right: 10px;
  float: left;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
  white-space: nowrap;
}
.c-lightbox__pagination .current::after {
  content: " de ";
}
.theme--thebeat .c-lightbox__pagination .current::after {
  content: " of ";
}
.c-lightbox__aside .c-lightbox__pagination {
  margin-right: auto;
}
@media (max-width: 575.98px) {
  .c-lightbox__pagination {
    display: none;
  }
}
.c-lightbox__controls {
  display: flex;
  align-items: center;
  margin-right: 1rem;
  margin-left: auto;
}
@media (min-width: 960px) {
  .c-lightbox__controls {
    margin-right: 0;
  }
}
.c-lightbox__aside .c-lightbox__controls {
  flex: 0 0 65px;
  padding: 0 2rem;
  border-bottom: 1px solid #525559;
  text-align: right;
}
.c-lightbox__share {
  z-index: 3;
  order: 0;
  padding-bottom: 1rem;
}
@media (min-width: 960px) {
  .c-lightbox__header .c-lightbox__share {
    margin-left: auto;
  }
}
@media (min-width: 960px) {
  .c-lightbox__aside .c-lightbox__share {
    flex: 0 0 65px;
  }
}

.o-list {
  margin-bottom: 3rem;
  padding-left: 0;
  list-style: none;
}
.c-header + .o-list {
  margin-top: 0;
  margin-bottom: 0;
}
.o-list__cta {
  margin-top: 2rem;
  text-align: center;
}
.o-list--vertical-small > li {
  margin-bottom: 0.5rem;
}
.l-wrap__right .o-list--vertical {
  max-width: 500px;
  margin-bottom: 2.5rem;
}
.o-list--vertical.o-list--discovery > li {
  border-bottom-color: rgba(241, 215, 215, 0.25);
}
.o-list--vertical > li {
  padding: 1rem 0;
  border-bottom: 1px solid #ebecec;
}
.l-wrap__left .o-list--vertical > li {
  padding: 1.5rem 0;
}
.o-list--vertical > li:first-child {
  padding-top: 0;
}
.o-list--vertical > li > p {
  margin: 0.5rem 0;
}
.o-list--vertical > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.epq-list-wrapper .o-list--vertical > li {
  border-bottom: 0;
}
.o-list--vertical-no-space {
  margin-bottom: 0;
}
.l-wrap__left .o-list--vertical-no-space > li {
  padding: 0;
}

.c-content-list--border {
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid #d6d7d9;
}
@media (min-width: 960px) {
  .c-content-list--border {
    padding: 2rem;
  }
}
.c-content-list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  margin-bottom: 1rem;
}
.c-content-list__header .c-section-header {
  margin: 0;
}
.c-content-list__nav {
  display: flex;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #d6d7d9;
}
.c-content-list__nav-item {
  display: flex;
  position: relative;
  gap: 1rem;
  margin-bottom: -4px;
  padding: 0.25rem 0;
  border-bottom: 3px solid #fff;
}
.c-content-list__nav-item + .c-content-list__nav-item {
  margin-left: 1rem;
}
.c-content-list__nav-item.is-active {
  border-bottom-color: #0b0b0b;
}
.c-content-list__nav-item > button {
  color: #0b0b0b;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.c-content-list__nav-item .visually-hidden {
  position: absolute;
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}

.o-btn-list,
.o-btn-list--icons {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.story__body-content .o-btn-list,
.story__body-content .o-btn-list--icons {
  margin-bottom: 2rem;
}
.c-card--audio .o-btn-list, .c-card--song .o-btn-list,
.c-card--audio .o-btn-list--icons,
.c-card--song .o-btn-list--icons {
  flex-wrap: nowrap;
}
.o-btn-list .o-btn,
.o-btn-list--icons .o-btn {
  margin: 0.25rem;
  white-space: nowrap;
}
.o-btn-list .ngbdatepicker,
.o-btn-list--icons .ngbdatepicker {
  position: absolute;
  bottom: 0;
  left: 0;
}

.o-btn-list {
  align-items: center;
}
.o-btn-list--center {
  justify-content: center;
}
.o-btn-list--vertical {
  flex-direction: column;
  align-items: center;
}
.o-btn-list--vertical .o-btn {
  margin: 0;
  white-space: normal;
}
.o-btn-list--vertical .o-btn + .o-btn {
  margin-top: 0.75rem;
}
.o-btn-list--icons-vertical .o-btn {
  margin: 0;
  padding: 0;
  border-width: 0;
  border-radius: 0;
  justify-content: center;
  color: #999da1;
  height: 42px;
  width: 42px;
}
@media (min-width: 960px) {
  .o-btn-list--icons-vertical .o-btn {
    border-width: 1px;
  }
}
.o-btn-list--icons-vertical .o-btn:hover {
  background-color: #ebecec;
}
.o-btn-list--icons-vertical .o-btn + .o-btn {
  border-top: 0;
}
@media (min-width: 960px) {
  .o-btn-list--icons-vertical .o-btn:first-child {
    border-radius: 4px 4px 0 0;
  }
}
@media (min-width: 960px) {
  .o-btn-list--icons-vertical .o-btn:last-child {
    border-radius: 0 0 4px 4px;
  }
}

.o-sponsors-list {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.75rem;
}
.o-sponsors-list a {
  display: block;
}
.o-sponsors-list img {
  display: block;
  object-fit: contain;
  height: 30px;
  width: auto;
}
@media (min-width: 620px) {
  .o-sponsors-list--heading {
    gap: 0.5rem 1.5rem;
  }
}
@media (min-width: 620px) {
  .o-sponsors-list--heading img {
    height: 52px;
  }
}

.o-tag-list {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.c-modal {
  align-items: center;
  justify-content: center;
}
.c-modal.d-block {
  display: block !important;
}
.c-modal__header {
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1rem 1rem 0;
  border-bottom: none;
}
.modal-dialog-scrollable .c-modal__header {
  margin-bottom: 0;
  padding-right: 0.75rem;
  border-bottom: 1px solid #ebecec;
}
.c-modal__header--close-only {
  justify-content: flex-end;
  margin-bottom: 0;
}
.c-modal__logo {
  margin-bottom: 1.5rem;
  text-align: center;
}
.c-modal__content {
  padding: 0 1.5rem 1.5rem;
}
.c-modal--form .c-modal__content {
  padding-right: 2rem;
  padding-left: 2rem;
}
.modal-dialog-scrollable .c-modal__content {
  padding: 1.5rem;
}
.c-modal__content hr {
  margin: 1.5rem 0;
  border-top: 1px solid #ebecec;
}
.c-modal__content .c-text {
  margin-bottom: 1rem;
}
.c-modal__content .c-text:last-child {
  margin-bottom: 0;
}
.c-modal__content .note {
  color: #797e83;
  font-size: 0.75rem;
  line-height: 1rem;
}
.c-modal__title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.95rem;
}
.c-modal__title--center {
  margin-bottom: 1.5rem;
  text-align: center;
}
.c-modal__link {
  margin-top: 1.5rem;
}
.c-modal__link .form-control {
  font-size: 12px;
}
.c-modal__footer {
  display: flex;
}
.c-modal--form .c-modal__footer {
  padding: 0.5rem 1.5rem;
  justify-content: flex-start;
}
.c-modal__footer-link {
  margin-top: 1.5rem;
  text-align: center;
}
.c-modal__audio {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: 1rem;
  border: 1px solid #d6d7d9;
  border-radius: 0.25em;
}
.c-modal__audio-image {
  position: relative;
  flex: 0 0 140px;
  margin-right: 1rem;
}
.c-modal__audio-image.is-1x1 {
  flex-basis: 80px;
}
.c-modal__audio-image img {
  border-radius: 4px;
}
.c-modal__audio-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}
.c-modal__podcast-meta {
  align-self: center;
}
.c-modal__podcast-meta h2 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55rem;
}

.modal:focus,
.modal-backdrop:focus {
  outline: none;
}

.modal {
  height: calc(100% - 75px);
}

.ngb-modal-window.component-host-scrollable {
  overflow-y: auto;
}

@media (min-width: 993px) {
  .QSIWebResponsive > * > *[role=dialog] {
    bottom: 90px !important;
  }
}

.QSIWebResponsiveShadowBox {
  height: calc(100% - 75px) !important;
}

.c-navigation-trending {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.5rem 0 0.5rem 0.75rem;
  margin-bottom: 1rem;
  border-radius: 8px;
  background-color: #eef1f4;
  color: #797e83;
}
.c-navigation-trending__tag {
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}
@media (max-width: 575.98px) {
  .c-navigation-trending__tag {
    display: none;
  }
}
.c-navigation-trending__nav {
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
}
@media (min-width: 620px) {
  .c-navigation-trending__nav {
    position: absolute;
    left: 90px;
    right: 0;
    overflow-x: scroll;
    scrollbar-width: none;
  }
  .c-navigation-trending__nav::-webkit-scrollbar {
    display: none;
  }
}
.c-navigation-trending__link {
  display: block;
  padding: 0 0.75rem;
  border-right: 1px solid #d3dcea;
  color: #445063;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
}
@media (max-width: 575.98px) {
  .c-navigation-trending__link:first-child {
    padding-left: 0;
  }
}
.c-navigation-trending__link:last-child {
  border-right: 0;
}

.c-player-control-bar {
  display: flex;
  z-index: 1080;
  color: #fff;
  transition: transform 0.4s ease-in-out;
  position: fixed;
  bottom: 0;
  height: 75px;
  width: 100%;
}
.c-player-control-bar .mejs__offscreen {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.c-player-control-bar .mejs__offscreen:not(caption) {
  position: absolute !important;
}
.c-player-control-bar .mejs__offscreen * {
  overflow: hidden !important;
}
.c-player-control-bar .mejs__container {
  position: absolute;
  top: 75px;
  left: 0;
}
.c-player-control-bar__back-to-live {
  display: flex;
  align-items: center;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  z-index: 3;
  position: absolute;
  top: -56px;
  left: 4px;
  height: 52px;
  width: 115px;
}
@media (min-width: 620px) {
  .c-player-control-bar__back-to-live {
    width: 325px;
  }
}
.c-player-control-bar__back-to-live:hover .icon {
  transform: scale(1.1);
}
.c-player-control-bar__back-to-live .back-image {
  flex: 0 0 92px;
  width: auto;
  mask: linear-gradient(to left, transparent 5%, #fff 20% 100%);
  mask-size: 110% 110%;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-composite: intersect;
  -webkit-mask-size: 110% 110%;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-composite: source-in;
}
@media (max-width: 575.98px) {
  .c-player-control-bar__back-to-live .back-image {
    display: none;
  }
}
.c-player-control-bar__back-to-live .back-image img {
  display: block;
}
.c-player-control-bar__back-to-live cmi-icon {
  flex: 0 0 auto;
  margin: 0 0.5rem 0 0.75rem;
}
@media (min-width: 620px) {
  .c-player-control-bar__back-to-live cmi-icon {
    margin-right: 0.75rem;
    margin-left: -12px;
  }
}
.c-player-control-bar__back-to-live cmi-icon .icon {
  transition: transform 0.3s ease;
  transform-origin: center center;
  height: 24px;
  width: 24px;
}
.c-player-control-bar__back-to-live .back-meta {
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 0.5rem;
  text-align: left;
}
.c-player-control-bar__back-to-live .back-heading {
  font-style: italic;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.1;
}
.c-player-control-bar__back-to-live .back-show {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
}
@media (max-width: 575.98px) {
  .c-player-control-bar__back-to-live .back-show {
    display: none;
  }
}
.c-player-control-bar__container {
  display: flex;
  flex: 1 1 auto;
  max-width: 100%;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
}
@media (min-width: 620px) {
  .c-player-control-bar__container {
    gap: 1rem;
  }
}
.c-player-control-bar__container > * {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  max-width: 100%;
}
@media (min-width: 1300px) {
  .c-player-control-bar__container > * {
    flex-grow: 0;
    flex-basis: 33.3333333333%;
  }
}
.c-player-control-bar__container .left {
  gap: 0.25rem;
}
@media (min-width: 620px) {
  .c-player-control-bar__container .left {
    gap: 0.5rem;
  }
}
@media (min-width: 960px) {
  .c-player-control-bar__container .left {
    gap: 0.75rem;
  }
}
.c-player-control-bar__container .left .o-tag {
  margin-left: 0.75rem;
}
.c-player-control-bar__container .center {
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
.c-player-control-bar__container .right {
  flex: 0 0 auto;
  justify-content: flex-end;
}
@media (min-width: 1300px) {
  .c-player-control-bar__container .right {
    flex-grow: 1;
  }
}
.c-player-control-bar__container a {
  color: #fff;
}
.c-player-control-bar__container a:hover:not(.o-btn):not(.c-card-content__listen) {
  color: rgba(255, 255, 255, 0.8);
}
.c-player-control-bar__companion-ad {
  display: flex;
  z-index: 2;
  align-items: center;
  justify-content: center;
  transform: translateY(-100%);
  background-color: rgba(11, 11, 11, 0.7);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.c-player-control-bar__companion-ad > * > * {
  margin: 1rem;
}
.c-player-control-bar__banner-ad {
  flex: 0 0 auto;
}
@media (max-width: 959.98px) {
  .c-player-control-bar__banner-ad {
    display: none;
  }
}
.c-player-control-bar__image {
  flex: 0 0 60px;
  border-radius: 0.375rem;
  overflow: hidden;
}
.c-player-control-bar__image img {
  display: block;
}
.c-player-control-bar__image-loading {
  position: relative;
  border-radius: 0.375rem;
  background-color: rgba(11, 11, 11, 0.25);
  height: 60px;
  width: 60px;
}
.c-player-control-bar__image-loading::after {
  content: "";
  display: block;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  height: 24px;
  width: 24px;
}
.c-player-control-bar__meta {
  flex: 1 1 auto;
  min-width: 0;
}
.c-player-control-bar__meta .text-line-1 {
  display: flex;
  align-items: baseline;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.c-player-control-bar__meta .text-line-1--truncated {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.c-player-control-bar__meta .text-line-1--truncated + .text-line-2 {
  margin-top: 0;
}
*[data-active-format=audio] .c-player-control-bar__meta .text-line-1, *[data-active-format=podcastepisode] .c-player-control-bar__meta .text-line-1 {
  display: -webkit-box;
  white-space: wrap;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c-player-control-bar__meta .text-line-1 a {
  flex: 0 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-player-control-bar__meta .text-line-1 .o-tag {
  flex-shrink: 0;
  margin-left: 0.5rem;
}
.c-player-control-bar__meta .text-line-2 {
  margin-top: 0.125rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}
.c-player-control-bar__controls {
  position: relative;
  display: flex;
  justify-content: center;
  flex: 0 0 auto;
}
@media (min-width: 620px) {
  .c-player-control-bar__controls {
    gap: 0.5rem;
  }
}
@media (max-width: 959.98px) {
  .c-player-control-bar__seek-btn {
    display: none;
  }
}
@media (max-width: 619.98px) {
  .c-player-control-bar__skip-btn {
    display: none;
  }
}
.c-player-control-bar__error {
  transform: translateY(calc(-100% - 4px));
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 620px) {
  .c-player-control-bar__error {
    transform: translate(-50%, calc(-100% - 4px));
    left: 50%;
  }
}
.c-player-control-bar__error.popover {
  --bs-popover-bg: #e44258;
  --bs-popover-border-color: #e44258;
  --bs-popover-arrow-border: #e44258;
  width: 300px;
  max-width: none;
}
@media (min-width: 960px) {
  .c-player-control-bar__error.popover {
    width: 450px;
  }
}
.c-player-control-bar__error.popover .popover-body {
  padding-right: 42px;
  color: #fff;
}
.c-player-control-bar__error.popover .popover-body a {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}
.c-player-control-bar__error.popover .popover-arrow {
  position: absolute;
  bottom: -8px;
  left: 12px;
}
@media (min-width: 620px) {
  .c-player-control-bar__error.popover .popover-arrow {
    transform: translateX(-8px);
    left: 50%;
  }
}
.c-player-control-bar__error.popover .o-btn {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
}
@media (min-width: 620px) {
  .c-player-control-bar__playlist {
    margin-left: 1rem;
  }
}
.c-player-control-bar__playlist-button {
  position: relative;
}
.c-player-control-bar__playlist-button .playlist-count {
  display: block;
  position: absolute;
  top: 0;
  right: -2px;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  border-radius: 10px;
}
.c-player-control-bar__controls > .o-btn,
.c-player-control-bar .c-volume-slider .o-btn, .c-player-control-bar__playlist > .o-btn {
  border-radius: 50%;
  color: #fff;
}
.c-player-control-bar__controls > .o-btn:hover,
.c-player-control-bar .c-volume-slider .o-btn:hover, .c-player-control-bar__playlist > .o-btn:hover {
  color: #fff;
}
.c-player-control-bar__controls > .o-btn:hover:not(:disabled),
.c-player-control-bar .c-volume-slider .o-btn:hover:not(:disabled), .c-player-control-bar__playlist > .o-btn:hover:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.1);
}
.c-player-control-bar__controls > .o-btn:active,
.c-player-control-bar .c-volume-slider .o-btn:active, .c-player-control-bar__playlist > .o-btn:active {
  background-color: rgba(255, 255, 255, 0.3);
}
.c-player-control-bar__controls > .o-btn:focus-visible,
.c-player-control-bar .c-volume-slider .o-btn:focus-visible, .c-player-control-bar__playlist > .o-btn:focus-visible {
  outline: 2px solid #fff;
}
.c-player-control-bar .c-volume-slider {
  display: flex;
  align-items: center;
}
@media (max-width: 959.98px) {
  .c-player-control-bar .c-volume-slider {
    display: none;
  }
}
.c-player-control-bar .c-volume-slider__button {
  flex: 0 0 auto;
  padding: 0.25rem;
  margin-right: 1rem;
}
.c-player-control-bar .c-volume-slider__button .ng-fa-icon {
  display: flex;
  align-items: center;
  height: 20px;
  width: 20px;
}
.c-player-control-bar .c-volume-slider .mdc-slider {
  flex: 1 1 auto;
}
.c-player-control-bar .mdc-slider {
  margin: 0;
  height: 16px;
  --mdc-slider-active-track-height: 4px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 4px;
  --mdc-slider-active-track-color: #fff;
  --mdc-slider-active-track-shape: 4px;
  --mdc-slider-handle-width: 12px;
  --mdc-slider-handle-height: 12px;
  --mdc-slider-handle-shape: 6px;
  --mdc-slider-handle-elevation: none;
  --mdc-slider-handle-color: #fff;
  --mdc-slider-focus-handle-color: #fff;
}
.c-player-control-bar .mdc-slider:hover .mdc-slider__thumb-knob {
  opacity: 1;
}
.c-player-control-bar .mdc-slider .mdc-slider__input {
  height: 12px;
}
.c-player-control-bar .mdc-slider .mdc-slider__thumb {
  top: -16px;
}
.c-player-control-bar .mdc-slider .mdc-slider__track--inactive {
  background-color: rgba(255, 255, 255, 0.4);
}
.c-player-control-bar .mdc-slider .mdc-slider__thumb-knob {
  opacity: 0;
  border: none;
  transition: opacity 0.2s ease-in-out;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.c-player-content {
  position: relative;
  background-color: #fff;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.13);
  border-radius: 8px;
}
.c-player-content.c-player-content--featured {
  margin-bottom: 1.5rem;
  margin-left: 0;
}
.c-player-content__notice {
  display: flex;
  z-index: 5;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background-color: rgba(255, 255, 255, 0.95);
  color: #656a6e;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-player-content__show, .c-player-content__player, .c-player-content__speakers, .c-player-content__title {
  padding: 1rem;
}
@media (min-width: 960px) {
  .c-player-content__show, .c-player-content__player, .c-player-content__speakers, .c-player-content__title {
    padding: 1rem 1.5rem;
  }
}
.c-player-content__player .c-player-waveform {
  flex: 1 1 100%;
}
.c-player-content__meta {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-bottom: 1px solid #ebecec;
}
.c-player-content--featured .c-player-content__meta {
  border-top: 1px solid #ebecec;
  border-bottom: 0;
}
.c-player-content__meta p {
  color: #999da1;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}
.c-player-content__meta-head {
  margin-bottom: 0.25rem;
}
.c-player-content__meta-show {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55rem;
}
.c-player-content__meta-image {
  flex: 0 0 48px;
}
.multiple-speakers .c-player-content__meta-image {
  flex-basis: 32px;
}
@media (min-width: 960px) {
  .c-player-content__meta-image {
    margin-right: 0.75rem;
    flex-basis: 32px;
  }
  .multiple-speakers .c-player-content__meta-image {
    flex-basis: 20px;
  }
}
.c-player-content__meta-image img {
  display: block;
  border-radius: 24px;
  height: 48px;
  width: 48px;
}
.multiple-speakers .c-player-content__meta-image img {
  height: 20px;
  width: 20px;
}
@media (min-width: 960px) {
  .c-player-content__meta-image img {
    height: 32px;
    width: 32px;
  }
}
@media (max-width: 619.98px) {
  .multiple-speakers .c-player-content__meta-speaker {
    float: left;
  }
}
@media (min-width: 960px) {
  p + .c-player-content__meta-speaker {
    margin-top: 0.5rem;
  }
}
.c-player-content__meta-speaker + p {
  clear: both;
}
@media (min-width: 960px) {
  .c-player-content__meta-speaker + p {
    margin-top: 0.25rem;
  }
}
.c-player-content__meta-speaker span {
  display: none;
}
@media (min-width: 960px) {
  .c-player-content__meta-speaker span {
    display: block;
  }
}
.c-player-content__meta-speaker a, .c-player-content__meta-speaker > span {
  display: flex;
  align-items: center;
  margin-bottom: 0.125rem;
  font-weight: 700;
  white-space: nowrap;
}
.c-player-content__show {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
}
.c-player-content__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c-player-content__title h4 {
  margin-top: 0.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55rem;
}
@media (min-width: 960px) {
  .c-player-content__speakers {
    flex: 0 0 auto;
    border-left: 1px solid #ebecec;
  }
}
.c-player-content__speakers > p:nth-child(1) {
  display: none;
}
@media (min-width: 960px) {
  .c-player-content__speakers > p:nth-child(1) {
    display: block;
  }
}

.c-player-onair {
  display: flex;
}
.c-player-onair--navigation {
  align-items: center;
  margin: 0 0.75rem 0 auto;
}
@media (min-width: 1300px) {
  .c-player-onair--navigation {
    margin: 0 0.75rem;
  }
}
.c-player-onair--navigation .c-player-onair__image {
  position: relative;
  margin-right: 0.5rem;
  border-radius: 8px;
  overflow: hidden;
  z-index: 1;
  height: 38px;
  width: 38px;
}
.c-player-onair--navigation .c-player-onair__play-btn {
  position: relative;
  order: -1;
  margin-right: -2px;
  padding: 0.5rem;
  border: 2px solid #fff;
  z-index: 2;
}
.c-player-onair--navigation .c-player-onair__play-btn .icon {
  height: 12px;
  width: 12px;
}
.c-player-onair--navigation .airing-show-meta {
  max-width: 175px;
  margin-right: 0.5rem;
}
@media (max-width: 575.98px) {
  .c-player-onair--navigation .airing-show-meta {
    display: none;
  }
}
.c-player-onair--navigation .airing-show-meta .meta-heading {
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}
.c-player-onair--standalone {
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  border-radius: 16px;
}
@media (min-width: 1300px) {
  .c-player-onair--standalone {
    flex-wrap: nowrap;
    margin-bottom: 4rem;
    padding-right: 1rem;
  }
}
.c-player-onair--standalone .c-player-onair__show {
  flex: 0 0 100%;
  padding-right: 0.75rem;
}
@media (min-width: 1300px) {
  .c-player-onair--standalone .c-player-onair__show {
    flex: 1 1 auto;
    align-self: stretch;
  }
}
.c-player-onair--standalone .c-player-onair__show .c-player-onair__image {
  position: relative;
  flex: 0 0 auto;
  align-self: stretch;
  max-width: 115px;
  min-height: 87px;
  aspect-ratio: 15/9;
  mask: linear-gradient(to left, transparent 5%, #fff 20% 100%);
  mask-size: 110% 110%;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-composite: intersect;
  -webkit-mask-size: 110% 110%;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-composite: source-in;
  border-top-left-radius: 16px;
  overflow: hidden;
  z-index: 1;
  height: 100%;
  width: auto;
}
@media (min-width: 620px) {
  .c-player-onair--standalone .c-player-onair__show .c-player-onair__image {
    max-width: 155px;
  }
}
@media (min-width: 1300px) {
  .c-player-onair--standalone .c-player-onair__show .c-player-onair__image {
    border-bottom-left-radius: 16px;
  }
}
.c-player-onair--standalone .c-player-onair__show .c-player-onair__image img {
  max-width: none;
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: auto;
}
.c-player-onair--standalone .c-player-onair__show .c-player-onair__play-btn {
  position: relative;
  flex: 0 0 auto;
  margin: 0 0.5rem 0 -1.5rem;
  z-index: 2;
}
.c-player-onair--standalone .c-player-onair__show .c-player-onair__play-btn:hover .icon, .c-player-onair--standalone .c-player-onair__show .c-player-onair__play-btn:focus-visible .icon {
  transform: scale(1.1);
}
.c-player-onair--standalone .c-player-onair__show .c-player-onair__play-btn:focus-visible {
  color: #00adef;
}
.c-player-onair--standalone .c-player-onair__show .c-player-onair__play-btn .icon {
  transform-origin: center center;
  transition: transform 0.3s ease-in;
  height: 26px;
  width: 26px;
}
.c-player-onair--standalone .c-player-onair__show .airing-show-meta {
  flex: 1 0 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
}
@media (min-width: 960px) {
  .c-player-onair--standalone .c-player-onair__show .airing-show-meta {
    flex-grow: 0;
    width: auto;
  }
}
.c-player-onair--standalone .c-player-onair__show .airing-show-meta .meta-heading {
  font-style: italic;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
}
.c-player-onair--standalone .c-player-onair__show .airing-show-meta .meta-name {
  padding: 2px 0;
}
@media (min-width: 620px) {
  .c-player-onair--standalone .c-player-onair__show .airing-show-meta .meta-name {
    font-size: 1.125rem;
  }
}
.c-player-onair--standalone .c-player-onair__show .airing-join {
  flex: 0 0 auto;
  margin-left: 0.75rem;
}
.c-player-onair--standalone .c-player-onair__upcoming,
.c-player-onair--standalone .c-player-onair__recently-played {
  background-color: rgba(11, 11, 11, 0.7);
}
@media (min-width: 1300px) {
  .c-player-onair--standalone .c-player-onair__upcoming,
  .c-player-onair--standalone .c-player-onair__recently-played {
    background-color: transparent;
  }
}
@media (max-width: 619.98px) {
  .layout--music .c-player-onair--standalone .c-player-onair__upcoming .upcoming-heading,
  .layout--music .c-player-onair--standalone .c-player-onair__upcoming .recently-heading,
  .layout--music .c-player-onair--standalone .c-player-onair__recently-played .upcoming-heading,
  .layout--music .c-player-onair--standalone .c-player-onair__recently-played .recently-heading {
    display: none;
  }
}
@media (min-width: 1300px) {
  .c-player-onair--standalone .c-player-onair__upcoming .upcoming-show img,
  .c-player-onair--standalone .c-player-onair__upcoming .recently-song-list img,
  .c-player-onair--standalone .c-player-onair__recently-played .upcoming-show img,
  .c-player-onair--standalone .c-player-onair__recently-played .recently-song-list img {
    height: 48px;
    width: 48px;
  }
}
.c-player-onair--standalone .c-player-onair__upcoming {
  flex: 1 1 auto;
  padding: 0.5rem 0.75rem;
  border-bottom-left-radius: 16px;
}
.layout--music .c-player-onair--standalone .c-player-onair__upcoming {
  flex: 0 0 50%;
}
@media (min-width: 1300px) {
  .layout--music .c-player-onair--standalone .c-player-onair__upcoming {
    flex: 1 1 auto;
  }
}
.layout--talk .c-player-onair--standalone .c-player-onair__upcoming {
  border-bottom-right-radius: 16px;
}
@media (min-width: 1300px) {
  .layout--talk .c-player-onair--standalone .c-player-onair__upcoming {
    flex-grow: 0;
  }
}
.c-player-onair--standalone .c-player-onair__upcoming .o-btn {
  margin-left: auto;
}
.c-player-onair--standalone .c-player-onair__recently-played {
  flex: 0 0 50%;
  justify-content: flex-end;
  padding: 0.5rem 0.75rem;
  border-bottom-right-radius: 16px;
}
@media (min-width: 1300px) {
  .c-player-onair--standalone .c-player-onair__recently-played {
    flex: 0 0 auto;
  }
}
.c-player-onair > * {
  display: flex;
  align-items: center;
}
.c-player-onair .upcoming-heading,
.c-player-onair .recently-heading {
  font-size: 0.9rem;
  font-style: italic;
  font-weight: 600;
  opacity: 0.5;
  line-height: 1.1;
}
@media (max-width: 575.98px) {
  .layout--music .c-player-onair .upcoming-heading,
  .layout--music .c-player-onair .recently-heading {
    display: none;
  }
}
.c-player-onair .upcoming-show img,
.c-player-onair .recently-song-list img {
  display: block;
  border-radius: 4px;
}
.c-player-onair__image img {
  display: block;
}
.c-player-onair__show {
  flex: 1 1 auto;
}
.c-player-onair__show .airing-show-meta {
  padding: 0.5rem 0;
}
.c-player-onair__show .airing-show-meta > * {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.c-player-onair__show .airing-show-meta .meta-name {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1;
}
.c-player-onair__show .airing-show-meta .meta-hosts {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.c-player-onair__show .airing-join .o-btn {
  padding: 0.25rem;
  border-radius: 4px;
}
.c-player-onair__show .airing-join .o-btn:focus-visible {
  outline: 2px solid #00adef;
}
.c-player-onair__show .airing-join .o-btn .ng-fa-icon {
  display: flex;
  align-items: center;
  aspect-ratio: 1;
}
.c-player-onair__upcoming {
  padding: 0 1.5rem;
  gap: 0.75rem;
}
@media (min-width: 1300px) {
  .c-player-onair__upcoming {
    gap: 1rem;
  }
}
.c-player-onair__upcoming .upcoming-show {
  display: flex;
  align-items: center;
}
@media (max-width: 619.98px) {
  .c-player-onair__upcoming .upcoming-show + .upcoming-show {
    display: none;
  }
}
.c-player-onair__upcoming .upcoming-show-meta {
  flex: 1 1 auto;
  margin-left: 0.75rem;
}
@media (min-width: 1300px) {
  .c-player-onair__upcoming .upcoming-show-meta {
    max-width: 200px;
  }
}
.c-player-onair__upcoming .upcoming-show-meta .meta-time {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.c-player-onair__upcoming .upcoming-show-meta .meta-name {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
}
.c-player-onair__upcoming .upcoming-show-meta .meta-hosts {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.c-player-onair__upcoming .upcoming-show-meta > * {
  display: block;
}
.c-player-onair__recently-played .recently-heading {
  margin-right: 0.75rem;
}
.c-player-onair__recently-played .recently-song-list {
  display: flex;
  position: relative;
  gap: 0.5rem;
}
@media (min-width: 1300px) {
  .c-player-onair__recently-played .recently-song-list {
    gap: 0.75rem;
  }
}
.c-player-onair__recently-played .recently-song-list img {
  display: block;
}
@media (min-width: 1300px) {
  .c-player-onair__recently-played .recently-song-list li:hover .recently-song-list__info {
    opacity: 1;
  }
}
.c-player-onair__recently-played .recently-song-list__info {
  transform: translateY(100%);
  overflow: hidden;
  font-size: 0.7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s ease;
  position: absolute;
  right: 0;
  bottom: -4px;
  left: 0;
}

.c-player-playlist {
  z-index: 1080;
  width: 300px;
  height: 300px;
  padding: 0.75rem 1.5rem 1.5rem;
  background-color: #0b0b0b;
  border-radius: 1rem 1rem 0 0;
  color: #fff;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 75px;
  height: 300px;
  width: 300px;
}
.c-player-playlist__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-player-playlist__header .o-btn {
  padding-right: 0;
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}
.c-player-playlist__heading {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.c-player-playlist__heading .playlist-count {
  display: inline-block;
  margin-left: 0.25rem;
  padding: 3px 5px;
  font-size: 11px;
  line-height: 12px;
  border-radius: 2px;
}
.c-player-playlist__list {
  flex: 1 0 auto;
  padding: 0 1.5rem;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #525559 transparent;
  position: absolute;
  top: 48px;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-player-playlist__list::-webkit-scrollbar {
  width: 8px;
}
.c-player-playlist__list::-webkit-scrollbar-track {
  background: transparent;
}
.c-player-playlist__list::-webkit-scrollbar-thumb {
  background-color: #0b0b0b;
  border: 1px solid #525559;
  border-radius: 10px;
}
.c-player-playlist__list::-webkit-scrollbar-thumb:hover {
  background-color: #525559;
}
.c-player-playlist__list li {
  padding: 0.5rem 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.c-player-playlist__list li + li {
  border-top: 1px solid #525559;
}
.c-player-playlist__list li p {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  right: 1.5rem;
  bottom: 0.75rem;
  left: 1.5rem;
}

.c-player-timeline {
  display: flex;
  align-items: center;
}
.c-player-timeline__time {
  flex: 0 0 32px;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}
.c-player-timeline__time--left {
  margin-right: 0.75rem;
}
.c-player-timeline__time--right {
  margin-left: 0.75rem;
}
.c-player-timeline .mdc-slider {
  flex: 1 1 auto;
}

.c-player-waveform {
  display: flex;
  align-items: center;
}
.c-player-waveform__controls {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 0.75rem;
}
@media (min-width: 576px) {
  .c-player-content .c-player-waveform__controls {
    margin-right: 2rem;
  }
}
@media (min-width: 576px) {
  .c-player-waveform__controls > *:nth-child(2) {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
}
.c-player-waveform__controls .o-btn--player-control-small {
  display: none;
  background-color: #d6d7d9;
}
@media (min-width: 576px) {
  .c-player-waveform__controls .o-btn--player-control-small {
    display: block;
  }
}
.c-player-waveform__timeline {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  height: 60px;
}
.c-player-waveform__timeline-current, .c-player-waveform__timeline-duration {
  flex: 0 1 auto;
  width: 45px;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}
@media (min-width: 960px) {
  .c-player-waveform__timeline-current, .c-player-waveform__timeline-duration {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.05rem;
    text-transform: uppercase;
  }
}
.c-player-waveform__timeline-current {
  text-align: right;
}
.c-player-waveform__timeline-duration {
  margin-left: 16px;
}
.c-player-waveform__waveform {
  position: relative;
  flex: 1 1 calc(100% - 106px);
  height: 60px;
  overflow: hidden;
}
.c-player-waveform__waveform::before {
  content: "";
  z-index: 3;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-player-waveform__waveform.wave-1::before {
  background-image: url("https://cdn.cogecolive.com/websites-public/waveform_438_full-width.svg");
}
.c-player-waveform__waveform.wave-2::before {
  background-image: url("https://cdn.cogecolive.com/websites-public/waveform_648_full-width.svg");
}
.c-player-waveform__waveform.wave-3::before {
  background-image: url("https://cdn.cogecolive.com/websites-public/waveform_124_full-width.svg");
}
.c-player-waveform__waveform.wave-4::before {
  background-image: url("https://cdn.cogecolive.com/websites-public/waveform_327_full-width.svg");
}
.c-player-waveform__waveform .progress {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
}
.c-player-waveform__share {
  margin-left: 1.5rem;
}
.c-player-waveform__share .o-btn {
  border: 1px solid #ebecec;
  background-color: #fff;
  color: #0b0b0b;
}
.c-player-waveform__share .o-btn:hover {
  border-color: #797e83;
  background-color: #fff;
}

.c-video-player {
  position: relative;
  background-color: #0b0b0b;
  border-radius: 0.5rem;
  overflow: hidden;
}
.story__body-content .c-video-player {
  margin-bottom: 2rem;
}
.c-video-player--fixed {
  z-index: 1075;
  position: fixed;
  right: 16px;
  bottom: calc(75px + 0.75rem);
  transform: translateY(calc(100% + 180px));
  transition: transform 0.2s ease-in-out;
  height: 180px;
  width: 320px;
}
@media (min-width: 1300px) {
  .c-video-player--fixed {
    transform: translateY(calc(100% + 250px));
    height: 250px;
    width: 450px;
  }
}
.video-player-is-pinned .c-video-player--fixed {
  transform: translateY(0);
}
.c-video-player__container {
  padding-top: 56.25%;
  height: 0;
  width: 100%;
}
.c-video-player__container > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.c-video-player__ad-overlay {
  display: flex;
  z-index: 5;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background-color: rgba(11, 11, 11, 0.95);
  color: #fff;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-video-player__button {
  z-index: 2003;
  margin: 0.5rem;
  border-radius: 0.25rem;
  background-color: #0b0b0b;
  color: #fff;
  filter: drop-shadow(0px 4px 8px rgba(11, 11, 11, 0.1));
  cursor: pointer;
  height: 2rem;
  width: 2rem;
  position: absolute;
  top: 0;
  right: 0;
}

.c-podcast-widget {
  position: relative;
  padding: 1rem;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 0px 25px rgba(11, 11, 11, 0.05);
}
.c-podcast-widget__notice {
  display: flex;
  z-index: 5;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background-color: rgba(255, 255, 255, 0.95);
  color: #656a6e;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-podcast-widget__player {
  display: flex;
}
.c-podcast-widget__thumbnail {
  flex: 0 0 150px;
}
.c-podcast-widget__thumbnail img {
  border-radius: 4px;
}
.c-podcast-widget__meta {
  flex: 1 1 auto;
  padding-left: 1.5rem;
}
.c-podcast-widget__podcast-info {
  margin-bottom: 0.5rem;
  color: #999da1;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.c-podcast-widget__podcast-info a {
  font-weight: 700;
}
.c-podcast-widget__title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55rem;
}
.c-podcast-widget__controls {
  display: flex;
  margin: 1rem 0 0.5rem;
}
.c-podcast-widget__timeline {
  position: relative;
  flex: 1 1 auto;
  height: 12px;
  margin: 0.75rem 0 0 0.75rem;
  border-radius: 6px;
  background-color: #ebecec;
  cursor: pointer;
}
.c-podcast-widget__timeline .progress {
  height: 100%;
  border-radius: 6px;
  background: linear-gradient(90deg, #d63b50 0%, #ff6d70 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.c-podcast-widget__timeline-time {
  color: #d6d7d9;
  cursor: default;
  position: absolute;
  top: 16px;
  left: 0;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}
.c-podcast-widget__links {
  display: flex;
  margin-top: 0.5rem;
  padding-left: 0;
  list-style: none;
}
.c-podcast-widget__links li {
  margin-right: 1rem;
}
.c-podcast-widget__links a {
  color: #999da1;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}

.popover-body {
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
}
.popover-body em {
  font-style: italic;
  font-weight: 700;
}

.c-promo-banner {
  border-radius: 8px;
  overflow: hidden;
}
.c-promo-banner a {
  display: block;
  height: 0;
  padding-top: 37.5%;
  background-image: var(--promo-banner-bg-mobile);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 576px) {
  .c-promo-banner a {
    padding-top: 21.4285714286%;
    background-image: var(--promo-banner-bg-tablet);
  }
}
@media (min-width: 960px) {
  .c-promo-banner:not(.c-promo-banner--left-column) a {
    padding-top: 5%;
    background-image: var(--promo-banner-bg-desktop);
  }
}

.banner-mobile-app {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background: linear-gradient(90deg, #222c57 30%, #754662 100%);
  border-radius: 16px;
  color: #fff;
  gap: 0.75rem;
}
@media (min-width: 576px) {
  .banner-mobile-app {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
  }
}
@media (min-width: 960px) {
  .banner-mobile-app {
    gap: 2rem;
  }
}
.banner-mobile-app__visual {
  flex: 0 0 56px;
}
.banner-mobile-app__visual img {
  display: block;
  filter: drop-shadow(6px 5px 10px rgba(11, 11, 11, 0.15));
  border-radius: 12px;
  height: 56px;
  width: 56px;
}
.banner-mobile-app__text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 576px) {
  .banner-mobile-app__text {
    flex: 1 1 auto;
  }
}
@media (min-width: 960px) {
  .banner-mobile-app__text {
    flex-direction: row;
    align-items: center;
    flex: 1 1 auto;
    gap: 1.5rem;
  }
  .banner-mobile-app__text > * {
    flex: 1 1 auto;
  }
}
.banner-mobile-app__liner {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.banner-mobile-app__cta {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}
.banner-mobile-app__links {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 576px) {
  .banner-mobile-app__links {
    flex-direction: column;
    align-items: stretch;
    flex: 0 0 auto;
  }
}
@media (min-width: 960px) {
  .banner-mobile-app__links {
    flex-direction: row;
    align-items: center;
    flex: 0 0 auto;
  }
}
.banner-mobile-app__links a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
  color: #fff;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}
.banner-mobile-app__links a:hover:not(.o-btn):not(.c-card-content__listen) {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #fff;
  color: #fff;
}
.banner-mobile-app__links a img {
  display: block;
  margin-right: 0.5rem;
}

.banner-bonmatch {
  display: flex;
  flex-wrap: wrap;
  border-radius: 8px;
  background-color: #030f35;
  color: #fff;
}
@media (min-width: 1300px) {
  .banner-bonmatch {
    flex-wrap: nowrap;
    align-items: center;
  }
}
.banner-bonmatch:hover {
  color: #fff !important;
}
.banner-bonmatch:hover .banner-bonmatch__cta {
  background-color: #fff;
  color: #0b0b0b;
}
.banner-bonmatch__meta {
  position: relative;
  display: flex;
  align-items: center;
  flex: 0 0 100%;
  height: 75px;
  padding: 0 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px 8px 0 0;
  background-image: url("https://cdn.cogecolive.com/websites-public/bon-match_banner_background.jpg");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 105% center;
}
@media (min-width: 1300px) {
  .banner-bonmatch__meta {
    flex: 0 0 auto;
    padding-right: 100px;
  }
}
.banner-bonmatch__meta .banner-bonmatch__logo {
  position: relative;
  z-index: 2;
}
.banner-bonmatch__meta .banner-bonmatch__dany-martin {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (min-width: 1300px) {
  .banner-bonmatch__meta .banner-bonmatch__dany-martin {
    position: relative;
    align-self: flex-end;
    margin-left: 1rem;
  }
}
.banner-bonmatch__liner {
  display: none;
  margin: 0 2rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
}
.banner-bonmatch__liner strong {
  font-weight: 700;
  font-style: italic;
}
@media (min-width: 960px) {
  .banner-bonmatch__liner {
    display: block;
    flex: 1 1 calc(100% - 400px);
    align-self: center;
    position: relative;
    z-index: 3;
  }
}
@media (min-width: 1300px) {
  .banner-bonmatch__liner {
    flex: 1 1 auto;
    margin: 0 1.5rem 0 -80px;
  }
}
@media (min-width: 1524px) {
  .banner-bonmatch__liner {
    flex: 1 1 auto;
    margin-left: 0;
  }
}
.banner-bonmatch__cta {
  display: inline-block;
  margin: 1rem auto;
  padding: 0.75rem 1.5rem;
  border-radius: 32px;
  background-color: #d61220;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}
@media (min-width: 960px) {
  .banner-bonmatch__cta {
    flex: 0 0 auto;
    margin: 1rem 2rem 1rem 0;
  }
}
@media (min-width: 1300px) {
  .banner-bonmatch__cta {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.c-skeleton__listen {
  display: none;
}
.c-skeleton__image {
  height: 0;
  padding-top: 56.25%;
}
.c-skeleton--breadcrumb {
  display: flex;
  margin-bottom: 1rem;
}
.c-skeleton--breadcrumb .c-skeleton__breadcrumb-item {
  position: relative;
  width: 75px;
  height: 1rem;
  background-color: #ebecec;
}
.c-skeleton--breadcrumb .c-skeleton__breadcrumb-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 2px;
  right: -0.9rem;
  display: block;
  width: 8px;
  height: 12px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"%3E%3Cpath fill="%23d6d7d9" d="M301.5 256L278.9 278.6 118.9 438.6 96.3 461.3 51 416 73.6 393.4 211 256 73.6 118.6 51 96 96.3 50.7 118.9 73.4 278.9 233.4 301.5 256z"/%3E%3C/svg%3E');
  background-size: contain;
}
.c-skeleton--breadcrumb .c-skeleton__breadcrumb-item + .c-skeleton__breadcrumb-item {
  margin-left: 1.25rem;
}
.c-skeleton--player-onair {
  display: flex;
  align-items: center;
}
.c-skeleton--player-onair-navigation .c-skeleton__image {
  flex: 0 0 38px;
  height: 38px;
}
.c-skeleton--player-onair-standalone .c-skeleton__image {
  flex: 0 0 155px;
  height: 87px;
}
.c-skeleton--player-onair .c-skeleton__image {
  padding-top: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.c-skeleton--content-card-horizontal {
  display: flex;
}
.c-skeleton--content-card-horizontal .c-skeleton__image,
.c-skeleton--content-card-horizontal .c-skeleton__subtitle,
.c-skeleton--content-card-horizontal .c-skeleton__title-line-1,
.c-skeleton--content-card-horizontal .c-skeleton__title-line-2,
.c-skeleton--content-card-horizontal .c-skeleton__cta {
  background-color: #ebecec;
}
.c-skeleton--content-card-horizontal .c-skeleton__thumbnail {
  flex: 0 0 6rem;
}
@media (min-width: 620px) {
  .c-skeleton--content-card-horizontal .c-skeleton__thumbnail {
    flex-basis: 16rem;
  }
}
.c-skeleton--content-card-horizontal .c-skeleton__image {
  border-radius: 8px;
  padding-top: 100%;
}
@media (min-width: 620px) {
  .c-skeleton--content-card-horizontal .c-skeleton__image {
    padding-top: 56.25%;
  }
}
.c-skeleton--content-card-horizontal .c-skeleton__meta {
  flex: 1 1 calc(100% - 6rem);
  margin-left: 1.5rem;
}
@media (min-width: 620px) {
  .c-skeleton--content-card-horizontal .c-skeleton__meta {
    flex-basis: calc(100% - 16rem);
  }
}
.c-skeleton--content-card-horizontal .c-skeleton__subtitle {
  max-width: 260px;
  height: 10px;
  width: 50%;
}
.c-skeleton--content-card-horizontal .c-skeleton__title-line-1 {
  margin-top: 16px;
  height: 13px;
  width: 100%;
}
.c-skeleton--content-card-horizontal .c-skeleton__title-line-2 {
  margin-top: 16px;
  height: 13px;
  width: 80%;
}
.c-skeleton--content-card-horizontal .c-skeleton__cta {
  max-width: 260px;
  margin-top: 32px;
  height: 8px;
  width: 100%;
}
.c-skeleton--content-card-vertical {
  display: flex;
}
@media (min-width: 960px) {
  .c-skeleton--content-card-vertical {
    display: block;
  }
}
.c-skeleton--content-card-vertical .c-skeleton__image,
.c-skeleton--content-card-vertical .c-skeleton__subtitle,
.c-skeleton--content-card-vertical .c-skeleton__title-line-1,
.c-skeleton--content-card-vertical .c-skeleton__title-line-2 {
  background-color: #ebecec;
}
.c-skeleton--content-card-vertical .c-skeleton__thumbnail {
  flex: 0 0 6rem;
}
@media (min-width: 576px) {
  .c-skeleton--content-card-vertical .c-skeleton__thumbnail {
    flex-basis: 10rem;
  }
}
.c-skeleton--content-card-vertical .c-skeleton__image {
  border-radius: 8px;
  margin-bottom: 1.5rem;
}
.c-skeleton--content-card-vertical .c-skeleton__subtitle {
  max-width: 260px;
  height: 10px;
  width: 50%;
}
.c-skeleton--content-card-vertical .c-skeleton__title-line-1 {
  margin-top: 16px;
  height: 13px;
  width: 100%;
}
.c-skeleton--content-card-vertical .c-skeleton__title-line-2 {
  margin-top: 16px;
  height: 13px;
  width: 80%;
}
.c-skeleton--content-card-featured-1 {
  width: 100%;
  margin-bottom: 2rem;
}
@media (min-width: 620px) {
  .c-skeleton--content-card-featured-1 {
    display: flex;
    align-items: flex-start;
  }
}
@media (min-width: 960px) {
  .c-skeleton--content-card-featured-1 {
    display: block;
  }
}
@media (min-width: 1100px) {
  .c-skeleton--content-card-featured-1 {
    display: flex;
  }
}
.c-skeleton--content-card-featured-1 .c-skeleton__image,
.c-skeleton--content-card-featured-1 .c-skeleton__subtitle,
.c-skeleton--content-card-featured-1 .c-skeleton__title-line-1,
.c-skeleton--content-card-featured-1 .c-skeleton__title-line-2,
.c-skeleton--content-card-featured-1 .c-skeleton__cta {
  background-color: #ebecec;
}
.c-skeleton--content-card-featured-1 .c-skeleton__thumbnail {
  margin-bottom: 0.75rem;
}
@media (min-width: 620px) {
  .c-skeleton--content-card-featured-1 .c-skeleton__thumbnail {
    flex: 0 0 55%;
    margin-bottom: 0;
  }
}
@media (min-width: 960px) {
  .c-skeleton--content-card-featured-1 .c-skeleton__thumbnail {
    flex-basis: 100%;
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1100px) {
  .c-skeleton--content-card-featured-1 .c-skeleton__thumbnail {
    flex-basis: 55%;
    margin-bottom: 0;
  }
}
.c-skeleton--content-card-featured-1 .c-skeleton__image {
  border-radius: 8px;
}
@media (min-width: 1100px) {
  .c-skeleton--content-card-featured-1 .c-skeleton__meta {
    flex: 1 1 45%;
    margin-left: 1.5rem;
  }
}
.c-skeleton--content-card-featured-1 .c-skeleton__subtitle {
  max-width: 260px;
  height: 10px;
  width: 50%;
}
.c-skeleton--content-card-featured-1 .c-skeleton__title-line-1 {
  margin-top: 16px;
  height: 20px;
  width: 100%;
}
.c-skeleton--content-card-featured-1 .c-skeleton__title-line-2 {
  margin-top: 8px;
  height: 20px;
  width: 80%;
}
.c-skeleton--content-card-featured-1 .c-skeleton__cta {
  max-width: 260px;
  margin-top: 32px;
  height: 8px;
  width: 100%;
}
.c-skeleton--content-card-sidebar {
  display: flex;
}
.c-skeleton--content-card-sidebar .c-skeleton__image,
.c-skeleton--content-card-sidebar .c-skeleton__subtitle,
.c-skeleton--content-card-sidebar .c-skeleton__title-line-1,
.c-skeleton--content-card-sidebar .c-skeleton__title-line-2,
.c-skeleton--content-card-sidebar .c-skeleton__cta {
  background-color: #ebecec;
}
.c-skeleton--content-card-sidebar .c-skeleton__thumbnail {
  flex: 0 0 6rem;
}
.c-skeleton--content-card-sidebar .c-skeleton__image {
  border-radius: 8px;
  padding-top: 100%;
}
.c-skeleton--content-card-sidebar .c-skeleton__meta {
  flex: 1 1 calc(100% - 6rem);
  margin-left: 1rem;
}
.c-skeleton--content-card-sidebar .c-skeleton__subtitle {
  margin-top: 6px;
  height: 10px;
  width: 70%;
}
.c-skeleton--content-card-sidebar .c-skeleton__title-line-1 {
  margin-top: 8px;
  height: 13px;
  width: 100%;
}
.c-skeleton--content-card-sidebar .c-skeleton__title-line-2 {
  margin-top: 8px;
  height: 13px;
  width: 100%;
}
.c-skeleton--content-card-sidebar .c-skeleton__cta {
  margin-top: 8px;
  height: 13px;
  width: 70%;
}
.c-skeleton--audio-card-slider {
  padding-bottom: 24px;
  border-radius: 8px;
  background-color: #d6d7d9;
}
.c-skeleton--audio-card-slider .c-skeleton__image,
.c-skeleton--audio-card-slider .c-skeleton__title-line-1,
.c-skeleton--audio-card-slider .c-skeleton__title-line-2 {
  background-color: #ebecec;
}
.c-skeleton--audio-card-slider .c-skeleton__image {
  margin-bottom: 80px;
  border-radius: 8px 8px 0 0;
}
.c-skeleton--audio-card-slider .c-skeleton__title-line-1,
.c-skeleton--audio-card-slider .c-skeleton__title-line-2 {
  margin-right: 24px;
  margin-left: 24px;
  height: 13px;
}
.c-skeleton--audio-card-slider .c-skeleton__title-line-2 {
  width: 70%;
  min-width: 100px;
  margin-top: 12px;
  margin-bottom: 16px;
}
.c-skeleton--audio-card-slider .c-skeleton__cta {
  margin-left: 24px;
  border-radius: 40px;
  background-color: #999da1;
  height: 40px;
  width: 145px;
}
.c-skeleton--show-card-vertical .c-skeleton__image,
.c-skeleton--show-card-vertical .c-skeleton__subtitle,
.c-skeleton--show-card-vertical .c-skeleton__title-line-1 {
  background-color: #ebecec;
}
.c-skeleton--show-card-vertical .c-skeleton__image {
  margin-bottom: 16px;
  border-radius: 8px;
}
.c-skeleton--show-card-vertical .c-skeleton__subtitle {
  margin-bottom: 12px;
  height: 7px;
  width: 72px;
}
.c-skeleton--show-card-vertical .c-skeleton__title-line-1 {
  min-width: 100px;
  height: 13px;
  width: 70%;
}
.c-skeleton--show-card-horizontal-large {
  display: flex;
  align-items: center;
}
.c-skeleton--show-card-horizontal-large .c-skeleton__image,
.c-skeleton--show-card-horizontal-large .c-skeleton__subtitle,
.c-skeleton--show-card-horizontal-large .c-skeleton__title-line-1,
.c-skeleton--show-card-horizontal-large .c-skeleton__title-line-2 {
  background-color: #ebecec;
}
.c-skeleton--show-card-horizontal-large .c-skeleton__thumbnail {
  flex: 0 0 6rem;
}
@media (min-width: 960px) {
  .c-skeleton--show-card-horizontal-large .c-skeleton__thumbnail {
    flex-basis: 14rem;
  }
}
.c-skeleton--show-card-horizontal-large .c-skeleton__image {
  border-radius: 8px;
  padding-top: 100%;
}
@media (min-width: 960px) {
  .c-skeleton--show-card-horizontal-large .c-skeleton__image {
    padding-top: 56.25%;
  }
}
.c-skeleton--show-card-horizontal-large .c-skeleton__meta {
  flex: 1 1 calc(100% - 6rem);
  margin-left: 1.5rem;
}
@media (min-width: 960px) {
  .c-skeleton--show-card-horizontal-large .c-skeleton__meta {
    flex-basis: calc(100% - 14rem);
  }
}
.c-skeleton--show-card-horizontal-large .c-skeleton__subtitle {
  max-width: 260px;
  height: 20px;
  width: 60px;
}
.c-skeleton--show-card-horizontal-large .c-skeleton__title-line-1 {
  margin-top: 16px;
  height: 24px;
  width: 100%;
}
.c-skeleton--show-card-horizontal-large .c-skeleton__title-line-2 {
  margin-top: 32px;
  height: 13px;
  width: 50%;
}
.c-block--elevated .c-skeleton--podcast-card-slider {
  margin-bottom: 2rem;
}
.c-skeleton--podcast-card-slider .c-skeleton__image,
.c-skeleton--podcast-card-slider .c-skeleton__title-line-1 {
  background-color: #ebecec;
}
.c-skeleton--podcast-card-slider .c-skeleton__image {
  margin-bottom: 16px;
  padding-top: 100%;
  border-radius: 8px;
}
.c-skeleton--podcast-card-slider .c-skeleton__title-line-1 {
  min-width: 100px;
  height: 13px;
  height: 13px;
  width: 80%;
}
.c-skeleton--speaker-card-vertical {
  display: flex;
  flex-direction: column;
  min-height: 250px;
  margin-bottom: 2rem;
  border-radius: 16px;
  background-color: #ebecec;
}
.c-skeleton--speaker-card-vertical .c-skeleton__image,
.c-skeleton--speaker-card-vertical .c-skeleton__title-line-1 {
  background-color: #d6d7d9;
}
.c-skeleton--speaker-card-vertical .c-skeleton__image {
  margin-bottom: 1.5rem;
}
.c-skeleton--speaker-card-vertical .c-skeleton__title-line-1 {
  height: 16px;
  width: 120px;
}
.c-skeleton--page-content {
  display: flex;
  flex-direction: column-reverse;
}
.c-skeleton--page-content .c-skeleton__image,
.c-skeleton--page-content .c-skeleton__subtitle,
.c-skeleton--page-content .c-skeleton__title-line-1,
.c-skeleton--page-content .c-skeleton__title-line-2,
.c-skeleton--page-content .c-skeleton__cta {
  background-color: #ebecec;
}
.c-skeleton--page-content .c-skeleton__image {
  margin-top: 32px;
}
.c-skeleton--page-content .c-skeleton__subtitle {
  margin-top: 16px;
  height: 10px;
  width: 50%;
}
.c-skeleton--page-content .c-skeleton__title-line-1 {
  margin-top: 16px;
  height: 28px;
  width: 80%;
}
.c-skeleton--page-content .c-skeleton__title-line-2 {
  margin-top: 12px;
  height: 28px;
  width: 100%;
}
.c-skeleton--onair .c-skeleton__btn1,
.c-skeleton--onair .c-skeleton__btn2 {
  background-color: #ebecec;
}
@media (max-width: 959.98px) {
  .c-skeleton--onair .c-skeleton__image {
    margin-bottom: 1rem;
    padding-top: 0;
    border-radius: 4px;
    background-color: #ebecec;
    height: 6rem;
    width: 6rem;
  }
}
@media (min-width: 1300px) {
  .c-skeleton--onair .c-skeleton__image {
    border-radius: 8px 8px 0 0;
  }
}
.c-skeleton--onair .c-skeleton__btn1,
.c-skeleton--onair .c-skeleton__btn2 {
  height: 48px;
  border-radius: 4px;
}
@media (max-width: 959.98px) {
  .c-skeleton--onair .c-skeleton__btn1,
  .c-skeleton--onair .c-skeleton__btn2 {
    width: 50%;
  }
}
@media (min-width: 1300px) {
  .c-skeleton--onair .c-skeleton__btn1,
  .c-skeleton--onair .c-skeleton__btn2 {
    width: 100%;
    max-width: 300px;
  }
}
.c-skeleton--onair .c-skeleton__btn2 {
  margin-left: 0.5rem;
}
@media (min-width: 1300px) {
  .c-skeleton--onair .c-skeleton__btn2 {
    margin-top: 5px;
    margin-bottom: 32px;
    margin-left: 0;
  }
}
.c-skeleton--show-header {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 3rem;
  border-radius: 8px;
  background-color: #ebecec;
}
.c-skeleton--show-header .c-skeleton__thumbnail {
  flex: 0 0 50%;
  order: 1;
}
.c-skeleton--show-header .c-skeleton__meta {
  flex: 0 0 50%;
  order: 0;
  padding: 0.75rem 1rem 1rem 1rem;
}
@media (min-width: 960px) {
  .c-skeleton--show-header .c-skeleton__meta {
    padding-left: 2rem;
  }
}
.c-skeleton--show-header .c-skeleton__subtitle,
.c-skeleton--show-header .c-skeleton__title-line-1,
.c-skeleton--show-header .c-skeleton__title-line-2,
.c-skeleton--show-header .c-skeleton__cta {
  background-color: #d6d7d9;
}
.c-skeleton--show-header .c-skeleton__subtitle {
  margin-bottom: 1rem;
  height: 32px;
  width: 60%;
}
.c-skeleton--show-header .c-skeleton__title-line-1 {
  margin-bottom: 1rem;
  height: 14px;
  width: 40%;
}
.c-skeleton--show-header .c-skeleton__title-line-2,
.c-skeleton--show-header .c-skeleton__cta {
  margin-bottom: 0.75rem;
  height: 16px;
  width: 90%;
}
.c-skeleton--promo-slider {
  display: block;
  width: 100%;
}
.c-skeleton--promo-slider .c-skeleton__image {
  background-color: #ebecec;
}
.c-skeleton--music-hero {
  background-color: #ebecec;
  height: 100%;
  width: 100%;
}
.c-skeleton--song-card-horizontal {
  display: flex;
}
.c-skeleton--song-card-horizontal .c-skeleton__image,
.c-skeleton--song-card-horizontal .c-skeleton__title-line-1,
.c-skeleton--song-card-horizontal .c-skeleton__title-line-2,
.c-skeleton--song-card-horizontal .c-skeleton__cta {
  background-color: #ebecec;
}
.c-skeleton--song-card-horizontal .c-skeleton__thumbnail {
  flex: 0 0 3rem;
}
.c-skeleton--song-card-horizontal .c-skeleton__image {
  border-radius: 8px;
  padding-top: 100%;
}
.c-skeleton--song-card-horizontal .c-skeleton__meta {
  position: relative;
  flex: 1 1 calc(100% - 3rem);
  margin-left: 1.5rem;
}
.c-skeleton--song-card-horizontal .c-skeleton__title-line-1 {
  height: 13px;
  width: 150px;
}
.c-skeleton--song-card-horizontal .c-skeleton__title-line-2 {
  margin-top: 12px;
  height: 13px;
  width: 60px;
}
.c-skeleton--song-card-horizontal .c-skeleton__cta {
  border-radius: 20px;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
  height: 40px;
  width: 40px;
}
.c-skeleton--embed-video-player {
  position: relative;
}
.c-skeleton--embed-video-player::before, .c-skeleton--embed-video-player::after {
  content: "";
  display: block;
  margin: -1.5rem 0 0 -1.5rem;
  border-radius: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 3rem;
  width: 3rem;
}
.c-skeleton--embed-video-player::before {
  border: 4px solid rgba(255, 255, 255, 0.3);
}
.c-skeleton--embed-video-player::after {
  animation: loading-spin 0.8s linear infinite;
  border: 4px solid transparent;
  border-top-color: #fff;
}
.c-skeleton--countdown-card-vertical {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  padding: 1.5rem;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 25px rgba(11, 11, 11, 0.05);
}
.c-skeleton--countdown-card-vertical > *::before {
  background-color: #ebecec;
}
.c-skeleton--countdown-card-vertical .c-skeleton__thumbnail {
  height: 25px;
  width: 100%;
}
.c-skeleton--countdown-card-vertical .c-skeleton__thumbnail::before {
  content: "";
  display: block;
  height: 100%;
  width: 70%;
}
.c-skeleton--countdown-card-vertical .c-skeleton__subtitle,
.c-skeleton--countdown-card-vertical .c-skeleton__title-line-1 {
  flex: 0 0 50%;
  height: 100%;
  margin-top: 0.75rem;
  padding: 0.75rem;
}
.c-skeleton--countdown-card-vertical .c-skeleton__subtitle::before,
.c-skeleton--countdown-card-vertical .c-skeleton__title-line-1::before {
  content: "";
  display: block;
  padding-top: 100%;
  height: 0;
  width: 100%;
}
.c-skeleton--countdown-card-vertical .c-skeleton__title-line-2,
.c-skeleton--countdown-card-vertical .c-skeleton__cta {
  flex: 0 0 50%;
  height: 1rem;
  margin-top: 0.5rem;
}
.c-skeleton--countdown-card-vertical .c-skeleton__title-line-2::before,
.c-skeleton--countdown-card-vertical .c-skeleton__cta::before {
  content: "";
  display: block;
  margin: 0 auto;
  height: 100%;
  width: 60%;
}
.c-skeleton--content-card-featured {
  height: 355px;
  border-radius: 16px;
  background-color: #ebecec;
}

.l-wrap__left cmi-slider-container {
  display: block;
  width: 100%;
}

.c-slider {
  position: relative;
  margin-bottom: 4rem;
}
.l-wrap__left .c-slider {
  margin-bottom: 3rem;
}
cmi-podcast-slider .c-slider {
  margin-bottom: 0;
}
.story__gallery .c-slider {
  margin-bottom: 0;
}
.c-slider[data-slide-per-view=auto] .swiper-slide {
  width: 125px !important;
}
.c-slider--stage {
  display: block;
  height: 100%;
  width: 100%;
}
.c-slider--stage > *,
.c-slider--stage > * > * {
  display: block;
  height: 100%;
  width: 100%;
}
.c-slider--stage .swiper-wrapper {
  height: 100% !important;
}
.c-slider--stage .swiper-slide {
  position: relative;
  height: 100%;
}
.c-slider--featured .c-slider__control-prev,
.c-slider--featured .c-slider__control-next, .c-slider--standalone .c-slider__control-prev,
.c-slider--standalone .c-slider__control-next {
  z-index: 2;
  position: absolute;
  top: 50%;
}
.c-slider--featured .c-slider__control-prev, .c-slider--standalone .c-slider__control-prev {
  left: 0;
}
.c-slider--featured .c-slider__control-next, .c-slider--standalone .c-slider__control-next {
  right: 0;
}
.c-slider--featured > .container {
  position: relative;
}
.c-slider--featured .swiper-slide {
  width: 325px;
  height: auto;
}
.c-slider--featured .c-slider__wrapper.is-loading .container {
  gap: 16px;
  overflow: hidden;
}
@media (min-width: 1300px) {
  .c-slider--featured .c-slider__wrapper.is-loading .container {
    gap: 24px;
  }
}
.c-slider--featured .c-slider__wrapper.is-loading cmi-skeleton-card {
  flex: 1 0 325px;
}
@media (min-width: 1300px) {
  .c-slider--featured .c-slider__wrapper.is-loading cmi-skeleton-card {
    flex-shrink: 1;
    flex-basis: auto;
  }
}
.c-slider--fullwidth .swiper-slide, .c-slider--column .swiper-slide {
  height: auto;
}
.c-slider--fullwidth .swiper-slide > *:not(.swiper-slide-placeholder), .c-slider--column .swiper-slide > *:not(.swiper-slide-placeholder) {
  display: block;
  height: calc(100% - 45px);
}
.c-slider--fullwidth .c-card-content {
  height: calc(100% + 45px);
}
.c-slider--fullwidth .c-card-content[data-content-card-type=vertical] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.c-slider--fullwidth .c-card-content[data-content-card-type=vertical] .c-card-content__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 auto;
}
.c-slider--fullwidth .c-card-content[data-content-card-type=vertical] .c-card-content__meta .c-card-content__listen {
  margin-top: auto;
}
.c-slider--fullwidth[data-slide-per-view="4"] .swiper-slide, .c-slider--fullwidth[data-slide-per-view="5"] .swiper-slide {
  width: 250px;
  padding-bottom: 25px;
}
.c-slider--fullwidth[data-slide-per-view="4"] .swiper-slide .c-card-content, .c-slider--fullwidth[data-slide-per-view="5"] .swiper-slide .c-card-content {
  margin-bottom: 0;
}
.c-slider--fullwidth[data-slide-per-view="4"] .swiper-slide .c-card-content__meta-title a, .c-slider--fullwidth[data-slide-per-view="5"] .swiper-slide .c-card-content__meta-title a {
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c-slider--fullwidth[data-slide-per-view="4"] .swiper-slide .c-card-content[data-content-card-type=vertical], .c-slider--fullwidth[data-slide-per-view="5"] .swiper-slide .c-card-content[data-content-card-type=vertical] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.c-slider--fullwidth[data-slide-per-view="4"] .swiper-slide .c-card-content[data-content-card-type=vertical] .c-card-content__thumbnail, .c-slider--fullwidth[data-slide-per-view="5"] .swiper-slide .c-card-content[data-content-card-type=vertical] .c-card-content__thumbnail {
  flex-basis: auto;
}
.c-slider--fullwidth[data-slide-per-view="4"] .swiper-slide .c-card-content[data-content-card-type=vertical] .c-card-content__meta-suptitle, .c-slider--fullwidth[data-slide-per-view="5"] .swiper-slide .c-card-content[data-content-card-type=vertical] .c-card-content__meta-suptitle {
  display: block;
  max-width: 100%;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.c-slider--fullwidth[data-slide-per-view="4"] .swiper-slide .c-card-content[data-content-card-type=vertical] .c-card-content__meta-title, .c-slider--fullwidth[data-slide-per-view="5"] .swiper-slide .c-card-content[data-content-card-type=vertical] .c-card-content__meta-title {
  margin-bottom: 1rem;
}
.c-slider--fullwidth[data-slide-per-view="6"] .swiper-slide {
  width: 130px;
}
.c-slider--column .swiper-slide {
  width: 250px;
  padding-bottom: 25px;
}
.c-slider__wrapper {
  width: 100%;
}
.c-slider__wrapper > .container {
  position: relative;
}
@media (min-width: 620px) {
  .c-slider__wrapper.is-loading .container {
    display: flex;
    justify-content: space-between;
  }
}
.c-slider__wrapper.is-loading .swiper-slide {
  margin-right: 16px;
}
@media (min-width: 620px) {
  .c-slider__wrapper.is-loading .swiper-slide {
    margin-right: 24px;
  }
}

.c-slider-wrapper--featured-replay {
  position: relative;
}
.c-slider-wrapper--featured-replay > .container {
  z-index: 2;
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%;
}
.c-slider-wrapper--featured-replay .c-section-header__options,
.c-slider-wrapper--featured-replay .c-section-header__controls {
  position: relative;
  z-index: 3;
}
.c-slider-wrapper--featured-replay .c-section-header__controls {
  z-index: 4;
}
.c-slider-wrapper--featured-replay .c-slider .c-section-header__title {
  opacity: 0;
}

.swiper-slide-placeholder {
  height: 0;
  background-color: #ebecec;
  border-radius: 8px;
}
*[data-slide-thumb-ratio="16x9"] .swiper-slide-placeholder {
  padding-top: 56.25%;
}
*[data-slide-thumb-ratio="1x1"] .swiper-slide-placeholder {
  padding-top: 100%;
}

cmi-podcast-slider + cmi-podcast-slider {
  display: block;
  margin-top: 4rem;
}
cmi-podcast-slider + .container {
  margin-top: 6rem;
}

.story {
  max-width: 50rem;
  margin-right: auto;
  margin-left: auto;
}
.story__byline {
  margin-bottom: 1.5rem;
  color: #999da1;
}
.story__byline time {
  display: inline-block;
}
.story__byline .published-on {
  font-size: 0.75rem;
  line-height: 1rem;
}
.story__strapline {
  margin-bottom: 0.75rem;
  color: #797e83;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55rem;
}
.story__title {
  margin-bottom: 0.75rem;
}
.story__text, .story__share, .story__media, .story__embed, .story__gallery, .story__quote, .story__widget {
  margin-bottom: 2rem;
}
.story__media {
  position: relative;
}
.story__media > * {
  display: block;
}
.story__media-caption {
  z-index: 2;
  margin-top: 0.75rem;
  text-align: right;
  font-size: 0.75rem;
  line-height: 1rem;
}
.story__media-source {
  color: #999da1;
}
.story__image {
  height: 0;
  padding-top: 56.25%;
  background-color: #ebecec;
}
.story__image img {
  z-index: 2;
  display: block;
  position: relative;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
}
.story__body {
  margin-bottom: 4rem;
}
@media (min-width: 960px) {
  .story__body {
    display: flex;
  }
}
@media (min-width: 960px) {
  .story__share {
    flex: 0 0 50px;
    margin-right: 2rem;
  }
}
@media (min-width: 960px) {
  .story__share .o-btn-list--icons {
    flex-direction: column;
    align-items: flex-start;
  }
  .story__share .o-btn-list--icons .o-btn + .o-btn {
    margin-top: 0.25rem;
  }
}
@media (min-width: 960px) {
  .story__body-content {
    flex: 1 1 calc(100% - 50px);
    min-width: 0;
  }
}
.story__text, .story__optin {
  max-width: 45rem;
  margin-right: auto;
  margin-left: auto;
}
.story__text .source {
  margin-top: 0.5rem;
  color: #797e83;
  font-size: 0.75rem;
  line-height: 1rem;
}
.story__quote {
  max-width: 45rem;
  margin-right: auto;
  margin-left: auto;
  padding: 2rem;
  border-left: 3px solid #d6d7d9;
  color: #656a6e;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.story__quote > div {
  font-style: italic;
}
.story__quote footer {
  margin-top: 1rem;
  font-weight: 700;
}
.story__quote footer::before {
  content: "—";
  margin-right: 0.5em;
}
.story__embed, .story__gallery {
  clear: both;
}
.story__embed iframe,
.story__embed twitterwidget,
.story__embed twitter-widget, .story__gallery iframe,
.story__gallery twitterwidget,
.story__gallery twitter-widget {
  display: block;
  max-width: 100%;
  margin: 0 auto !important;
}
.story__gallery {
  padding: 2rem;
  border-radius: 8px;
  background-color: #ebecec;
}
.story__gallery h3 {
  margin-top: -0.75rem;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55rem;
}
.story__gallery .figcaption {
  margin-top: 0.75rem;
  color: #0b0b0b;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
}
.story__gallery .source {
  margin-top: 0.25rem;
  color: #797e83;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}

.c-tab-nav {
  margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .c-tab-nav--w-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.c-tab-nav .c-date-selector {
  flex: 1;
  margin-bottom: 0;
}
.c-tab-nav__list {
  display: flex;
  overflow-x: auto;
}
.c-tab-nav--w-date .c-tab-nav__list {
  margin-bottom: 1rem;
}
@media (min-width: 576px) {
  .c-tab-nav--w-date .c-tab-nav__list {
    margin-bottom: 0;
  }
}
.c-tab-nav__list--underline {
  border-bottom: 1px solid #999da1;
}
.c-tab-nav__item {
  margin-right: 1.5rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.4rem;
  text-transform: uppercase;
}
.c-tab-nav__item > a {
  display: block;
  padding: 0.25rem 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  white-space: nowrap;
}
.c-tab-nav__list--underline .c-tab-nav__item > a {
  margin-bottom: -4px;
  padding: 0.5em 0;
}
.c-tab-nav__item::last-child {
  margin-right: 0;
}
.c-tab-nav__item.is-active > a {
  border-bottom-color: inherit;
  color: #0b0b0b;
}

.c-search-tabs {
  margin-bottom: 2.5rem;
  overflow: auto;
  scrollbar-width: none;
}
.c-search-tabs ul {
  position: relative;
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
}
@media (min-width: 960px) {
  .c-search-tabs ul {
    gap: 2rem;
  }
}
.c-search-tabs ul::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 2px solid #d6d7d9;
}
.c-search-tabs__tab {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 0.75rem;
  border: none;
  background: none;
  cursor: pointer;
  color: #525559;
}
.c-search-tabs__tab.is-active {
  color: #0b0b0b;
}
.c-search-tabs__tab.is-active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  border-radius: 2px;
  border-bottom: 2px solid #0b0b0b;
}
.c-search-tabs__label {
  margin-right: 0.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}
@media (min-width: 960px) {
  .c-search-tabs__label {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.95rem;
  }
}
.c-search-tabs__count {
  padding: 1px 4px;
  border-radius: 2px;
  font-size: 0.75rem;
  background-color: #ebecec;
  color: #0b0b0b;
}

.o-tag {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  background-color: #d6d7d9;
  color: #797e83;
  white-space: nowrap;
  font-style: italic;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1;
}
.o-tag--sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.1;
}
.o-tag--discovery {
  background: linear-gradient(90deg, #ffdfe5 5%, #ffdbc6 100%);
  color: #6c344f;
}
.o-tag--surface-dark {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.o-tag--navigation {
  padding: 0.5rem 1rem;
  border-radius: 24px;
  background-color: #ebecec;
  color: #0b0b0b;
}
.o-tag--navigation + .o-tag--navigation {
  margin-left: 1rem;
}
.o-tag--navigation:hover {
  background-color: #d6d7d9;
  color: #656a6e;
}
.o-tag--is-live::before {
  content: "";
  display: inline-block;
  margin-right: 0.5rem;
  animation-name: live-status;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  border-radius: 50%;
  background-color: #fff;
  vertical-align: middle;
  height: 5px;
  width: 5px;
}

@keyframes live-status {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c-text.c-text--small p,
.c-text.c-text--small ul,
.c-text.c-text--small ol {
  font-size: 0.875rem;
  line-height: 1.5em;
}
.c-text--disclaimer {
  color: #797e83;
  font-size: 0.75rem;
  line-height: 1rem;
}
.c-block--elevated .c-text--disclaimer {
  margin-bottom: 0 !important;
  text-align: center;
}
.o-btn + .c-text--disclaimer {
  margin-top: 1.5rem;
}
.c-text--disclaimer a {
  color: #0b0b0b !important;
  text-decoration: underline !important;
}
.c-text--disclaimer a:hover {
  text-decoration: none !important;
}
.c-text-expand {
  display: flex;
  flex-direction: row;
}
.c-text-expand > div {
  max-height: 6em;
  overflow: hidden;
}
.c-text .c-block, .c-block--elevated .c-text {
  margin-bottom: 2rem;
}
.c-text .c-block p,
.c-text .c-block ul,
.c-text .c-block ol, .c-block--elevated .c-text p,
.c-block--elevated .c-text ul,
.c-block--elevated .c-text ol {
  color: #525559;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
}
.c-text .c-block p.cta-link,
.c-text .c-block ul.cta-link,
.c-text .c-block ol.cta-link, .c-block--elevated .c-text p.cta-link,
.c-block--elevated .c-text ul.cta-link,
.c-block--elevated .c-text ol.cta-link {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.c-text .c-block p.cta-link a,
.c-text .c-block ul.cta-link a,
.c-text .c-block ol.cta-link a, .c-block--elevated .c-text p.cta-link a,
.c-block--elevated .c-text ul.cta-link a,
.c-block--elevated .c-text ol.cta-link a {
  font-weight: 700;
}
.c-text p,
.c-text hr,
.c-text blockquote,
.c-text ul,
.c-text ol {
  margin-bottom: 1.5rem;
}
.c-text p {
  font-size: 1.125rem;
  line-height: 1.625rem;
}
.contest__rules .c-text p {
  font-size: 1rem;
  line-height: 1.375rem;
}
.c-modal .c-text p {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.c-text p.c-text__sponsored-logo {
  display: flex;
  align-items: center;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.875rem;
  text-transform: uppercase;
}
.c-text p.c-text__sponsored-logo img {
  margin-left: 0.75rem;
}
.c-text p:last-child {
  margin-bottom: 0;
}
.c-text h2, .c-text h3 {
  margin-bottom: 1rem;
}
.c-text ul,
.c-text ol {
  padding-left: 2rem;
  font-size: 1.125rem;
  line-height: 1.625rem;
}
.c-text ul > li,
.c-text ol > li {
  margin-bottom: 0.5rem;
}
.c-text .story__text > img {
  display: block;
  margin: 0 auto;
}
.c-text figcaption {
  margin-top: 0.5rem;
  text-align: right;
}
.c-text strong {
  font-weight: 700;
}
.c-text em {
  font-style: italic;
}
.c-text hr {
  border-top: 1px solid #d6d7d9;
}
.c-text small {
  font-size: 0.75rem;
  line-height: 1rem;
}
.c-text > *:first-child {
  margin-top: 0;
}
.c-text > *:last-child {
  margin-bottom: 0;
}
.c-text + .o-btn-list {
  margin-top: 1.5rem;
}
.c-text__divider {
  display: flex;
  align-items: center;
  margin: 2rem auto;
  text-align: center;
}
.c-text__divider span {
  padding: 0 1rem;
  color: #797e83;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
}
.c-text__divider::before, .c-text__divider::after {
  content: "";
  display: inline-block;
  flex-grow: 1;
  background-color: #d6d7d9;
  vertical-align: middle;
  height: 1px;
  width: 20px;
}

.ima-ad-container {
  z-index: 98 !important;
}

.ima-slider-level-div {
  top: -10px;
  height: 10px;
}

.video-js {
  font-family: "Work Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  overflow: hidden;
}
.video-js *, .video-js::after, .video-js::before {
  box-sizing: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.video-js.vjs-fullscreen, .video-js.vjs-fullscreen .vjs-tech {
  width: 100% !important;
  height: 100% !important;
}
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 10em;
}
.video-js .vjs-controls-disabled .vjs-big-play-button {
  display: none !important;
}
.video-js .vjs-control {
  width: 3em;
}
.video-js .vjs-menu-button-inline:before {
  width: 1.5em;
}
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
  padding: 0 0.4em 0.3em;
}
.video-js.vjs-ended .vjs-loading-spinner {
  display: none;
}
.video-js.vjs-ended .vjs-big-play-button {
  display: block !important;
}
.video-js .vjs-control {
  color: inherit;
}
.video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 8.35em;
}
.video-js .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover .vjs-menu .vjs-menu-content {
  height: 3em;
  width: 6.35em;
}
.video-js .vjs-spacer,
.video-js .vjs-time-control {
  display: flex;
  flex: 1 1 auto;
}
.video-js .vjs-time-control {
  flex: 0 1 auto;
  width: auto;
}
.video-js .vjs-time-control.vjs-current-time {
  margin-left: 1em;
}
.video-js .vjs-time-control.vjs-time-divider {
  width: 1px;
  min-width: 0;
  padding: 0;
}
.video-js .vjs-time-control.vjs-time-divider div {
  width: 100%;
  text-align: center;
}
.video-js .vjs-time-control .vjs-current-time-display,
.video-js .vjs-time-control .vjs-duration-display {
  width: 100%;
}
.video-js .vjs-time-control .vjs-current-time-display {
  text-align: right;
}
.video-js .vjs-time-control .vjs-duration-display {
  text-align: left;
}
.video-js .vjs-play-progress:before,
.video-js .vjs-progress-control .vjs-play-progress:before,
.video-js .vjs-remaining-time, .video-js .video-js .vjs-volume-level:after,
.video-js .vjs-volume-level:before, .video-js.vjs-live .vjs-time-control.vjs-current-time, .video-js.vjs-live .vjs-time-control.vjs-duration, .video-js.vjs-live .vjs-time-control.vjs-time-divider, .video-js.vjs-no-flex .vjs-time-control.vjs-remaining-time {
  display: none;
}
.video-js.vjs-no-flex .vjs-time-control {
  display: table-cell;
  width: 4em;
}
.video-js .vjs-progress-control {
  position: absolute;
  top: -0.5em;
  right: 0;
  left: 0;
  height: 0.5em;
  width: 100%;
}
.video-js .vjs-progress-control .vjs-load-progress,
.video-js .vjs-progress-control .vjs-play-progress,
.video-js .vjs-progress-control .vjs-progress-holder {
  height: 100%;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0;
}
.video-js .vjs-progress-control:hover {
  top: -1em;
  height: 1em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.3em;
}
.video-js .vjs-control-bar {
  transition: transform 0.1s ease 0s;
}
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar, .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar {
  visibility: visible;
  opacity: 1;
  transform: translateY(3em);
  transition: transform 1s ease 0s;
}
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control {
  height: 0.25em;
  top: -0.25em;
  pointer-events: none;
  transition: height 1s, top 1s;
}
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen .vjs-progress-control {
  opacity: 0;
  transition: opacity 1s ease 1s;
}
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar, .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar {
  visibility: visible;
  opacity: 1;
  transform: translateY(3em);
  transition: transform 1s ease 0s;
}
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
  height: 0.25em;
  top: -0.25em;
  pointer-events: none;
  transition: height 1s, top 1s;
}
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control {
  opacity: 0;
  transition: opacity 1s ease 1s;
}
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control {
  opacity: 0;
  transition: opacity 1s ease 1s;
}
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {
  visibility: visible;
  opacity: 1;
  transform: translateY(3em);
  transition: transform 1s ease 0s;
}
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
  height: 0.25em;
  top: -0.25em;
  pointer-events: none;
  transition: height 1s, top 1s;
}
.video-js.vjs-live .vjs-live-control {
  margin-left: 1em;
}
.video-js .vjs-play-progress::before,
.video-js .vjs-volume-level::before,
.video-js .vjs-icon-circle::before,
.vjs-seek-to-live-control .video-js .vjs-icon-placeholder::before,
.video-js .vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "\f116";
}
.video-js .vjs-slider-horizontal .vjs-volume-level::before {
  top: -0.2em;
  right: -0.5em;
  font-size: 1.3em;
  line-height: 0.35em;
}
.video-js .vjs-volume-bar {
  margin-top: 1.25em;
}
.video-js .vjs-volume-bar.vjs-slider-horizontal, .video-js .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  height: 6px;
}
.video-js .vjs-volume-bar,
.video-js .vjs-volume-level {
  border-radius: 6px;
}
.video-js .vjs-volume-level::before {
  content: "\f116";
  z-index: 1;
  position: absolute;
}
.video-js.vjs-paused:hover .vjs-big-play-button {
  transition: transform 0.3s ease;
  transform: scale(1.1);
}
.video-js .vjs-big-play-button {
  width: 2em;
  height: 1em !important;
  margin-top: -0.5em !important;
  margin-left: -1em;
  border: none;
  border-radius: 0%;
  background-color: rgba(11, 11, 11, 0);
  transition: border-color 0.4s, outline 0.4s, background-color 0.4s;
  color: #fff;
  font-size: 8em;
  line-height: 1em !important;
  position: absolute;
  top: 50%;
  left: 50%;
}
.video-js .vjs-menu-button-popup .vjs-menu {
  left: -3em;
}
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: transparent;
  width: 12em;
  left: -1.5em;
  padding-bottom: 0.5em;
}
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item,
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
  background-color: #252525;
  margin: 0.3em 0;
  padding: 0.5em;
  border-radius: 0.3em;
}
.video-js .vjs-big-play-button:active,
.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
  background-color: rgba(11, 11, 11, 0);
}
.video-js .vjs-control-bar2 {
  background-color: #0b0b0b;
}
.video-js .vjs-control-bar {
  background-color: rgba(11, 11, 11, 0.4) !important;
  color: #fff;
  font-size: 14px;
}
.video-js .vjs-load-progress {
  background: rgba(255, 255, 255, 0.8);
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow: none;
}
.video-js .vjs_video_3_ima-countdown-div {
  padding: 0 0 0.75rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.video-js .ima-play-pause-div, .video-js .ima-mute-div, .video-js .ima-fullscreen-div {
  top: 2.1em;
}
.video-js .ima-slider-div {
  top: 2.2em;
}

.vjs-slider:focus {
  box-shadow: none;
}

.vjs-menu-button-inline .vjs-menu {
  left: 3em;
}

.video-js.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started.video-js .vjs-big-play-button {
  display: block;
}

.video-js .vjs-load-progress div,
.vjs-seeking .vjs-big-play-button,
.vjs-waiting .vjs-big-play-button {
  display: none !important;
}

.yoopify-app {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 1rem;
  padding: 1rem;
  transition: background-color 0.1s ease-in;
  border-radius: 0.25rem;
  background-color: #3a6695;
  color: #fff;
  cursor: pointer;
}
@media (min-width: 960px) {
  .yoopify-app {
    margin-bottom: 0;
  }
}
@media (min-width: 1300px) {
  .yoopify-app {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.yoopify-app .expand {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.yoopify-app__icon {
  flex: 0 0 44px;
  margin-right: 1rem;
}
.yoopify-app__content {
  flex: 1 1 calc(100% - 3rem);
}
.yoopify-app__content h4 {
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 1300px) {
  .yoopify-app__content h4 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
  }
}
.yoopify-app__content h4 span {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
}
@media (min-width: 1300px) {
  .yoopify-app__content h4 span {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1;
  }
}

.c-collection-featured {
  position: relative;
  margin-bottom: 4rem;
  padding: 1rem 0 1.5rem;
  background-color: #0b0b0b;
  color: #fff;
}
@media (min-width: 1300px) {
  .c-collection-featured {
    padding: 2rem 0;
  }
}
.c-collection-featured--espace-paul-arcand {
  background-color: #3f4542;
}
.c-collection-featured--espace-paul-arcand .c-collection-featured__contents > * {
  background-color: rgba(11, 11, 11, 0.3);
}
.c-collection-featured--espace-paul-arcand .c-collection-featured__visual::before {
  background: linear-gradient(180deg, rgba(63, 69, 66, 0) 0%, #3f4542 100%);
}
.c-collection-featured--espace-paul-arcand .c-collection-featured__visual::after {
  background: linear-gradient(90deg, rgba(63, 69, 66, 0) 0%, #3f4542 100%);
}
@media (min-width: 1300px) {
  .c-collection-featured .container {
    padding-left: 375px;
  }
}
.c-collection-featured__visual {
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  height: 150px;
  width: 215px;
}
.c-collection-featured__visual:before {
  width: 100%;
  height: 30px;
}
.c-collection-featured__visual:after {
  width: 75px;
  height: 100%;
}
@media (min-width: 1300px) {
  .c-collection-featured__visual {
    height: 100%;
    width: 470px;
  }
}
.c-collection-featured__visual::before {
  background-color: green;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 1300px) {
  .c-collection-featured__visual::before {
    display: none;
  }
}
.c-collection-featured__visual::after {
  background-color: green;
  position: absolute;
  top: 0;
  right: 0;
}
.c-collection-featured__header, .c-collection-featured__contents {
  position: relative;
  z-index: 2;
}
.c-collection-featured__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  min-height: 100px;
  padding-left: 160px;
  margin-bottom: 1rem;
}
@media (min-width: 1300px) {
  .c-collection-featured__header {
    min-height: 0;
    padding-left: 0;
  }
}
.c-collection-featured__header span {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.c-collection-featured__header span:not(caption) {
  position: absolute !important;
}
.c-collection-featured__header span * {
  overflow: hidden !important;
}
.c-collection-featured__header a {
  display: block;
}
.c-collection-featured__header img {
  max-width: 240px;
  max-height: 60px;
  height: auto;
  margin: 0 2rem 0.75rem 0;
  object-fit: contain;
}
@media (min-width: 620px) {
  .c-collection-featured__header img {
    max-width: 300px;
    max-height: 70px;
  }
}
@media (min-width: 1300px) {
  .c-collection-featured__header img {
    max-width: 330px;
    max-height: 80px;
  }
}
.c-collection-featured__contents {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-gap: 1rem;
}
.c-collection-featured__contents > * {
  padding: 0.75rem;
  border-radius: 16px;
}
@media (min-width: 1300px) {
  .c-collection-featured__contents > * {
    padding: 1.5rem;
  }
}

cmi-collection-featured + cmi-podcast-slider {
  display: block;
  margin-top: 4rem;
}

.c-opt-in-widget {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  background-color: #0b0b0b;
  border-radius: 16px;
}
@media (min-width: 1300px) {
  .c-opt-in-widget {
    flex-direction: row;
  }
}
.c-opt-in-widget--sidebar {
  flex-direction: column;
}
.HeroGrid__ContainerGrid + * > .c-opt-in-widget {
  margin-top: 3rem;
}
.l-wrap__left > *:last-child > .c-opt-in-widget {
  margin-bottom: 0;
}
.c-opt-in-widget:not(.c-opt-in-widget--sidebar) {
  margin-bottom: 4rem;
}
@media (min-width: 1300px) {
  .c-opt-in-widget:not(.c-opt-in-widget--sidebar) .c-opt-in-widget__meta {
    display: flex;
    flex-direction: row;
    flex: 1 1 50%;
    margin-right: 1.5rem;
  }
}
.c-opt-in-widget:not(.c-opt-in-widget--sidebar) .c-opt-in-widget__image {
  display: none;
  margin-bottom: 1rem;
}
@media (min-width: 1300px) {
  .c-opt-in-widget:not(.c-opt-in-widget--sidebar) .c-opt-in-widget__image {
    display: block;
    flex: 0 0 auto;
    margin: 0 1rem 0 0;
  }
}
@media (min-width: 960px) {
  .c-opt-in-widget:not(.c-opt-in-widget--sidebar) .c-opt-in-widget__text {
    flex: 1 1 auto;
  }
}
@media (min-width: 1300px) {
  .c-opt-in-widget:not(.c-opt-in-widget--sidebar) .c-opt-in-widget__text {
    margin-bottom: 0;
  }
}
@media (min-width: 960px) {
  .c-opt-in-widget:not(.c-opt-in-widget--sidebar) .c-opt-in-widget__text h3 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
  }
}
@media (min-width: 960px) {
  .c-opt-in-widget:not(.c-opt-in-widget--sidebar) .c-opt-in-widget__content {
    flex: 1 1 50%;
  }
}
.c-opt-in-widget:not(.c-opt-in-widget--sidebar) .c-opt-in-widget__form .o-btn {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}
@media (min-width: 1300px) {
  .c-opt-in-widget:not(.c-opt-in-widget--sidebar) .c-opt-in-widget__form {
    display: flex;
    align-items: flex-start;
  }
  .c-opt-in-widget:not(.c-opt-in-widget--sidebar) .c-opt-in-widget__form .o-btn {
    margin: 0 0 0 0.75rem;
  }
}
.c-opt-in-widget__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.c-opt-in-widget__text {
  margin-bottom: 1rem;
}
.c-opt-in-widget__text .o-tag {
  margin-bottom: 0.25rem;
}
.c-opt-in-widget__text h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}
.c-opt-in-widget__text p {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.c-opt-in-widget__image {
  border-radius: 8px;
  overflow: hidden;
}
.c-opt-in-widget__image img {
  display: block;
}
@media (min-width: 960px) {
  .c-opt-in-widget__image img {
    height: 96px;
    width: 96px;
  }
}
.c-opt-in-widget__input {
  flex: 1 1 auto;
}
.c-opt-in-widget__error {
  margin-top: 0.75rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
}
.c-opt-in-widget__form .o-btn {
  margin-top: 0.75rem;
}
.c-opt-in-widget__validation {
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 4px;
}
.c-opt-in-widget__validation.is-success > p:first-child {
  margin-bottom: 0.25rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.55rem;
}
.c-opt-in-widget__validation.is-success p {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.c-opt-in-widget__disclaimer {
  margin-top: 0.75rem;
  opacity: 0.7;
  font-size: 0.6rem;
  line-height: 1.3;
}
.c-opt-in-widget__disclaimer a {
  text-decoration: underline;
}
.c-opt-in-widget__disclaimer a:hover {
  opacity: 1;
}

.c-recently-played-widget {
  padding: 0 1.5rem;
}
.header-is-fixed .c-recently-played-widget {
  display: none;
}
.c-recently-played-widget__header {
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.05rem;
  text-transform: uppercase;
}
.l-header__onair-bar--expanded .c-recently-played-widget__header {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.25rem;
  text-transform: uppercase;
}
.c-recently-played-widget__list {
  position: relative;
  display: flex;
  align-items: center;
}
.c-recently-played-widget__more {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
}
.c-recently-played-widget__more, .c-recently-played-widget__song, .c-recently-played-widget__cover-fallback {
  border-radius: 4px;
  height: 70px;
  width: 70px;
}
.c-recently-played-widget__more img, .c-recently-played-widget__song img, .c-recently-played-widget__cover-fallback img {
  border-radius: 4px;
}
.c-recently-played-widget__song, .c-recently-played-widget__cover-fallback {
  margin-right: 0.5rem;
}
.c-recently-played-widget__song:hover .c-recently-played-widget__song-info, .c-recently-played-widget__cover-fallback:hover .c-recently-played-widget__song-info {
  opacity: 1;
  transform: translateY(calc(100% + 4px));
}
.c-recently-played-widget__cover-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ebecec;
  color: #999da1;
}
.c-recently-played-widget__song-info {
  opacity: 0;
  white-space: nowrap;
  transition: opacity 0.4s ease, transform 0.4s ease;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.announcer__presentation {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 4rem;
}
@media (min-width: 1300px) {
  .announcer__presentation {
    flex-wrap: nowrap;
  }
}
.announcer__image {
  flex: 0 0 16rem;
  margin-bottom: 2rem;
}
@media (min-width: 1300px) {
  .announcer__image {
    flex: 0 0 40%;
    order: 2;
    margin-bottom: 0;
  }
}
.announcer__image img {
  border-radius: 8px;
}
.announcer__details {
  flex: 1 1 100%;
}
@media (min-width: 1300px) {
  .announcer__details {
    flex: 1 1 60%;
    order: 1;
    padding-right: 2rem;
  }
}
.announcer__details .c-text {
  margin-bottom: 2rem;
}
.announcer__details .o-btn {
  margin-top: 1.5rem;
}
.announcer__replay {
  padding: 4rem 0;
  margin-bottom: 4rem;
}
.announcer__replay cmi-slider-container {
  display: block;
}
.announcer__replay cmi-slider-container + cmi-slider-container {
  margin-top: 2rem;
}
.announcer__replay cmi-slider-container + cmi-slider-container .c-section-header__title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
}
.announcer__replay .c-slider {
  margin-bottom: 0;
}

.contact-section > .row {
  margin-bottom: 2rem;
  border-bottom: 1px solid #ebecec;
}
.contact-section h3 {
  margin-bottom: 0.75rem;
}
.contact-section table {
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.5em;
}
.contact-section table th {
  display: block;
  margin-right: 1rem;
  padding: 0.25rem 0;
  font-weight: 700;
  text-align: left;
}
.contact-section table td {
  padding: 0.25rem 0;
}
.contact-section p {
  margin-bottom: 2rem;
}

.c-authentification-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1.5rem 0;
}
@media (min-width: 960px) {
  .c-authentification-form {
    padding: 2.5rem 2rem;
  }
}
@media (min-width: 1300px) {
  .c-authentification-form {
    padding: 2.5rem 4rem;
  }
}
.c-authentification-form__logo {
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 960px) {
  .c-authentification-form__logo {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 960px) {
  .c-authentification-form__onboarding {
    flex: 0 0 60%;
  }
}
@media (min-width: 1300px) {
  .c-authentification-form__onboarding {
    flex-basis: 50%;
  }
}
.c-authentification-form__onboarding h3 {
  margin-bottom: 2rem;
  text-align: center;
}
.c-authentification-form__onboarding .c-form {
  max-width: 375px;
  margin: 0 auto;
}
.c-authentification-form__onboarding .c-form > .c-text {
  text-align: center;
}
.c-authentification-form__onboarding .o-btn-list + .c-text {
  margin-top: 1.5rem;
}
.c-authentification-form__onboarding .o-btn--ghost {
  font-size: 0.75rem;
  line-height: 1rem;
}
.c-authentification-form__visual {
  display: none;
}
@media (min-width: 960px) {
  .c-authentification-form__visual {
    display: flex;
    justify-content: center;
    flex: 0 0 40%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
}
@media (min-width: 1300px) {
  .c-authentification-form__visual {
    flex-basis: 50%;
    background-position: top center;
  }
}
.c-authentification-form__message {
  margin-top: 3rem;
  text-align: center;
}
@media (min-width: 960px) {
  .c-authentification-form__message {
    margin-top: 4rem;
  }
}
.c-authentification-form__message > img {
  margin-bottom: 1.5rem;
}
.c-authentification-form__back-btn {
  display: flex;
  justify-content: center;
  margin-top: 0.75rem;
  padding: 0.25rem 0.75rem;
  border-radius: 4px;
  background-color: #ebecec;
  color: #0b0b0b;
  font-size: 0.75rem;
  line-height: 1rem;
}
.c-authentification-form__back-btn:hover {
  background-color: #d6d7d9;
}
.c-authentification-form__disclaimer {
  flex: 0 0 100%;
  padding: 1.5rem 1.5rem 0;
  color: #797e83;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
}
.c-authentification-form__disclaimer a {
  color: #0b0b0b;
  text-decoration: underline;
}
.c-authentification-form__disclaimer a:hover {
  text-decoration: none;
}
.c-authentification-form__disclaimer p + p {
  margin-top: 1rem;
}
@media (min-width: 960px) {
  .c-authentification-form__disclaimer {
    padding: 2rem 4rem 0;
  }
}

.l-music-list-vote {
  margin-top: 4rem;
  padding: 1.5rem;
  border: 1px solid #d6d7d9;
  border-radius: 8px;
}
.l-music-list-vote h3 + .c-alert {
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
}
.l-music-list-vote .o-list {
  margin-bottom: 0;
}
.l-music-list-vote .c-card--song + .c-alert {
  margin: 1rem 0;
}

.music-list-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.music-list-header h2 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.25rem;
}
.music-list-header h2::first-letter {
  text-transform: uppercase;
}
.music-list-header h4 {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.05rem;
  text-transform: uppercase;
}
.music-list-header .music-list-nav {
  flex-wrap: nowrap;
}
.music-list-header .music-list-nav__dropdown .o-btn[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.music-list-header .music-list-nav__dropdown .dropdown-menu {
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #ebecec;
  border-top: 0;
}
.music-list-header .music-list-nav__dropdown .dropdown-item {
  color: #656a6e;
  font-weight: 700;
}
.music-list-header .music-list-nav__dropdown .dropdown-item:hover {
  color: #0b0b0b;
}

.c-newsletters-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-bottom: 6rem;
}
.c-newsletters-grid.is-submitted .c-card-newsletter {
  cursor: default;
  pointer-events: none;
  opacity: 0.75;
}
@media (min-width: 620px) {
  .c-newsletters-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1300px) {
  .c-newsletters-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.c-newsletter-form-sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 -4px 12px rgba(11, 11, 11, 0.1);
  padding-bottom: 75px;
  z-index: 1040;
}
.c-newsletter-form-sticky__content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
}
@media (min-width: 960px) {
  .c-newsletter-form-sticky__content {
    flex-direction: row;
    align-items: center;
    gap: 2rem;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
.c-newsletter-form-sticky__counter {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.55rem;
}
@media (min-width: 960px) {
  .c-newsletter-form-sticky__counter {
    flex: 1 0 auto;
    font-size: 1.25rem;
  }
}
.c-newsletter-form-sticky__count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #00adef;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}
.c-newsletter-form-sticky__form {
  max-width: 600px;
}
.c-newsletter-form-sticky__form form {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 960px) {
  .c-newsletter-form-sticky__form form {
    flex: 1 1 auto;
  }
}
.c-newsletter-form-sticky__form .o-btn--primary {
  padding-right: 2rem;
  padding-left: 2rem;
}
.c-newsletter-form-sticky__disclaimer {
  margin-top: 0.75rem;
  color: #797e83;
  font-size: 0.65rem;
  line-height: 1.3;
}
.c-newsletter-form-sticky__input {
  flex: 1 1 auto;
}
.c-newsletter-form-sticky__error {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.c-newsletter-form-sticky__validation.is-success {
  margin: 2rem;
  text-align: center;
}
.c-newsletter-form-sticky__validation.is-success p strong {
  display: block;
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.55rem;
}
.c-newsletter-form-sticky__validation.is-error {
  margin-top: 0.75rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid #f9dade;
  border-radius: 4px;
  color: #e44258;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.l-error-page .c-form {
  margin-bottom: 2rem;
}

.l-podcasts .o-tag--outlined {
  border-color: #fff;
  color: #fff;
}
.l-podcasts__cover {
  margin-bottom: 1.5rem;
  max-width: 20rem;
}
@media (max-width: 619.98px) {
  .l-podcasts__cover {
    width: 60%;
  }
}
@media (min-width: 960px) {
  .l-podcasts__cover {
    flex: 0 0 25rem;
    margin-bottom: 0;
  }
}
@media (min-width: 960px) {
  .l-podcasts__meta {
    flex: 1 1 calc(100% - 25rem);
    padding-left: 2rem;
  }
}
.l-podcasts__meta .o-tag {
  margin-top: 1rem;
}
.l-podcasts__meta .o-tag:not(.o-tag--outlined) {
  background-color: #ff6e70 !important;
  color: #fff !important;
}
.l-podcasts__meta .o-btn {
  margin-right: 0.5rem !important;
  margin-left: 0 !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-radius: 2rem;
  box-shadow: 0px 4px 8px rgba(11, 11, 11, 0.1);
}
.l-podcasts__episode {
  margin-bottom: 0.25rem;
  color: #b8a8d7;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.4rem;
  text-transform: uppercase;
}
.l-podcasts__title, .l-podcasts__subtitle {
  font-weight: 700;
}
.l-podcasts__title {
  max-width: 40rem;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.625rem;
}
@media (min-width: 960px) {
  .l-podcasts__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
  }
}
.l-podcasts__subtitle {
  margin-top: 0.25rem;
  color: #b8a8d7;
  font-size: 1.125rem;
  line-height: 1.55rem;
}
.l-podcasts__hosted-by {
  margin: 1.5rem 0;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.4rem;
  text-transform: uppercase;
}
.l-podcasts__time {
  margin: 1rem 0 2rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.05rem;
  text-transform: uppercase;
}
.l-podcasts__links .o-btn, .l-podcasts__share .o-btn {
  background-color: #fff;
  color: #33058c;
}
.l-podcasts__links .o-btn:hover, .l-podcasts__share .o-btn:hover {
  background-color: #ff6e70;
}
.l-podcasts__links {
  margin-top: 1.5rem;
}
.l-podcasts__share {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
}
.l-podcasts-header__title {
  display: flex;
  margin-bottom: 2rem;
}
.l-podcasts-header__logo {
  flex: 0 0 6rem;
  margin-right: 1.5rem;
}

.episode__details {
  margin-bottom: 4rem;
}
@media (min-width: 1300px) {
  .episode__details {
    display: flex;
  }
}
.episode__details .c-section-header {
  margin-bottom: 1rem;
}
@media (min-width: 1300px) {
  .episode__hosts {
    flex: 1 1 35%;
    margin-right: 1.5rem;
  }
}
@media (min-width: 1300px) {
  .episode__summary {
    flex: 1 1 65%;
  }
}
.episode__summary p {
  font-size: 0.875rem;
  line-height: 1.5em;
}

.l-troubleshooting {
  max-width: 1100px;
  margin: 2rem auto;
}
@media (min-width: 960px) {
  .l-troubleshooting {
    margin: 4rem auto;
  }
}
.l-troubleshooting__liner {
  margin-bottom: 1.5rem;
  color: #999da1;
  font-size: 1.5rem;
  line-height: 1.95rem;
}
@media (min-width: 960px) {
  .l-troubleshooting__liner {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}
.l-troubleshooting__intro {
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #ebecec;
}
.l-troubleshooting__faq h2 {
  margin-bottom: 0.75rem;
  color: #797e83;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}
.l-troubleshooting .accordion {
  margin-bottom: 1.5rem;
}
.l-troubleshooting .accordion-button {
  font-size: 1rem;
  font-weight: 500;
}
.l-troubleshooting .c-block--elevated .c-text {
  margin-bottom: 0;
}

.l-video {
  padding: 1.5rem;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 25px rgba(11, 11, 11, 0.05);
  margin-bottom: 4rem;
}
@media (min-width: 960px) {
  .l-video {
    padding: 2rem;
  }
}
.l-video__embed {
  position: relative;
  margin-bottom: 1.5rem;
  padding-top: 56.25%;
  height: 0;
  width: 100%;
}
.l-video__embed.is-hidden {
  display: none;
}
.l-video__embed iframe,
.l-video__embed > div,
.l-video__embed video {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.l-video__title {
  margin-bottom: 1.5rem;
  font-size: 2rem;
  line-height: 2.5rem;
}
.l-video__share {
  margin-bottom: 1.5rem;
}

#didomi-host .didomi-popup-backdrop {
  background-color: rgba(235, 236, 236, 0.4) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
#didomi-host .didomi-exterior-border {
  border-color: transparent;
  box-shadow: 0px 8px 24px rgba(11, 11, 11, 0.1);
}
#didomi-host .didomi-popup-container.didomi-popup__dialog.didomi-popup-notice {
  padding: 32px 48px !important;
}
#didomi-host .didomi-mobile .didomi-popup-container.didomi-popup__dialog.didomi-popup-notice {
  padding: 28px !important;
}
#didomi-host .didomi-popup-notice.didomi-popup-notice-with-data-processing p span {
  font-size: inherit !important;
  font-weight: 400 !important;
}
#didomi-host .didomi-popup-notice.didomi-popup-notice-with-data-processing p span.didomi-notice-data-processing-title {
  font-weight: 700 !important;
  margin-bottom: 12px;
}
#didomi-host .didomi-notice-data-processing-container p span.didomi-notice-data-processing-title {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
}
#didomi-host .didomi-notice-data-processing-container p span.didomi-notice-data-processing-list {
  display: block;
  text-align: left !important;
  font-size: 14px !important;
  line-height: 18px !important;
}
#didomi-host .didomi-popup-footer .didomi-popup-actions div.didomi-buttons-all {
  margin-right: 12px;
  margin-bottom: 24px;
}
#didomi-host .didomi-mobile #didomi-popup .didomi-popup-notice p {
  text-align: left !important;
}
#didomi-host .didomi-mobile #buttons {
  position: sticky;
  bottom: 6px;
  padding-bottom: 32px;
  margin-bottom: -32px;
  border-radius: 8px;
  background-color: #fff;
}
#didomi-host .didomi-mobile #buttons::before {
  content: "";
  display: block;
  background: linear-gradient(0deg, white, rgba(255, 255, 255, 0));
  height: 32px;
  width: 100%;
  position: absolute;
  top: -32px;
}
#didomi-host .didomi-popup-container {
  border-color: transparent !important;
  border-radius: 8px !important;
}
#didomi-host .didomi-exterior-border {
  border-color: transparent !important;
  box-shadow: none !important;
}
#didomi-host .didomi-popup-container .didomi-popup-notice-logo-container {
  text-align: left !important;
}
#didomi-host .didomi-popup-notice .didomi-popup-notice-logo {
  width: 135px !important;
  margin-bottom: 32px;
}
#didomi-host .didomi-buttons .didomi-button.didomi-button-highlight,
#didomi-host .didomi-buttons .didomi-button.didomi-button-standard {
  min-width: 0 !important;
  height: auto !important;
  padding: 12px 24px !important;
  border-radius: 24px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  transition: color 0.3s ease-in, background-color 0.3s ease-in, border-color 0.3s ease-in !important;
}
#didomi-host .didomi-buttons .didomi-button.didomi-button-highlight span,
#didomi-host .didomi-buttons .didomi-button.didomi-button-standard span {
  white-space: nowrap;
}
#didomi-host #didomi-notice-disagree-button,
#didomi-host #didomi-notice-agree-button,
#didomi-host #didomi-notice-learn-more-button {
  padding: 12px 24px !important;
}
#didomi-host .didomi-buttons .didomi-button.didomi-button-standard {
  border: 1px solid #ebecec !important;
  background-color: #fff !important;
  color: #0b0b0b !important;
}
#didomi-host .didomi-buttons .didomi-button.didomi-button-standard:hover {
  border-color: #0b0b0b !important;
}
#didomi-host .didomi-buttons .didomi-button.didomi-button-highlight {
  background-color: #004282 !important;
  color: #fff !important;
}
#didomi-host .didomi-buttons .didomi-button.didomi-button-highlight:hover {
  background-color: #0057B8 !important;
}
#didomi-host .didomi-components-radio__option {
  border-radius: 4px !important;
  box-shadow: none !important;
}
#didomi-host .didomi-components-radio__option.didomi-components-radio__option--agree {
  background-color: #00c875 !important;
  border-color: transparent !important;
}
#didomi-host .didomi-components-radio__option.didomi-components-radio__option--disagree {
  background-color: #e44258 !important;
  border-color: transparent !important;
}
#didomi-host [dataTooltip] {
  border-bottom-color: #00adef !important;
}
#didomi-host [dataTooltip]:focus::after {
  padding: 12px;
  border: none;
  border-radius: 4px;
}
#didomi-host .didomi-popup-notice .didomi-popup-notice-text p {
  font-size: 14px !important;
  line-height: 18px !important;
}
#didomi-host .didomi-popup-notice .didomi-popup-notice-text > p > strong:first-child {
  display: block;
  font-size: 18px;
  margin-bottom: 12px;
}
#didomi-host .didomi-popup-notice .didomi-popup-notice-text > p > br:nth-child(2) {
  display: none;
}
#didomi-host .didomi-popup-notice .didomi-popup-notice-text-container .didomi-popup-notice-data-processing-list {
  display: none;
}
#didomi-host .didomi-popup-notice .didomi-popup-notice-buttons {
  justify-content: flex-end !important;
}
#didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-header {
  padding: 12px 20px 0 !important;
}
#didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-header + .didomi-consent-popup-body {
  padding-top: 12px !important;
}
#didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-preferences-purposes-features {
  display: none;
}
#didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-body__subtext {
  margin-bottom: 0 !important;
  font-size: 12px;
}
#didomi-host .didomi-consent-popup-preferences .parent-feature-and-special-purpose {
  display: block;
  margin-top: 8px;
}
#didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-body {
  padding-top: 8px;
  color: #0b0b0b;
  font-size: 13px !important;
  line-height: 17px !important;
}
#didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-body .didomi-consent-popup-body__explanation {
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #ebecec;
}
#didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-body .didomi-consent-popup-body__explanation a {
  font-weight: 500;
}
#didomi-host .didomi-consent-popup-preferences .didomi-components-accordion {
  margin-top: 12px;
}
#didomi-host .didomi-consent-popup-preferences .didomi-popup-actions {
  margin-right: 16px;
  margin-bottom: 24px;
}

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