@charset "utf-8";
.mejs__offscreen {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal
    }
.mejs__container {
    background: #000;
    box-sizing: border-box;
    font-family: Helvetica, Arial, serif;
    position: relative;
    text-align: left;
    text-indent: 0;
    vertical-align: top
    }
.mejs__container * {
    box-sizing: border-box
    }
.mejs__container video::-webkit-media-controls, .mejs__container video::-webkit-media-controls-panel, .mejs__container video::-webkit-media-controls-panel-container, .mejs__container video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important
    }
.mejs__fill-container, .mejs__fill-container .mejs__container {
    height: 100%;
    width: 100%
    }
.mejs__fill-container {
    background: 0 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative
    }
.mejs__container:focus {
    outline: 0
    }
.mejs__iframe-overlay {
    height: 100%;
    position: absolute;
    width: 100%
    }
.mejs__embed, .mejs__embed body {
    background: #000;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
    }
.mejs__fullscreen {
    overflow: hidden !important
    }
.mejs__container-fullscreen {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
    }
.mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video {
    height: 100% !important;
    width: 100% !important
    }
.mejs__background {
    left: 0;
    position: absolute;
    top: 0
    }
.mejs__mediaelement {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
    }
.mejs__poster {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
    }
:root .mejs__poster-img {
    display: none
    }
.mejs__poster-img {
    border: 0;
    padding: 0
    }
.mejs__overlay {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0
    }
.mejs__layer {
    z-index: 1
    }
.mejs__overlay-play {
    cursor: pointer
    }
.mejs__overlay-button {
    background: url(mejs-controls.f0849a5e79712b10e153.svg) 0 -39px no-repeat;
    height: 80px;
    width: 80px
    }
.mejs__overlay:hover > .mejs__overlay-button {
    background-position: -80px -39px
    }
.mejs__overlay-loading {
    height: 80px;
    width: 80px
    }
.mejs__overlay-loading-bg-img {
    -webkit-animation: 1s linear infinite mejs__loading-spinner;
    animation: 1s linear infinite mejs__loading-spinner;
    background: url(mejs-controls.f0849a5e79712b10e153.svg) -160px -40px no-repeat;
    display: block;
    height: 80px;
    width: 80px;
    z-index: 1
    }
@-webkit-keyframes mejs__loading-spinner {
    100% {
        transform: rotate(360deg)
        }
    }
@keyframes mejs__loading-spinner {
    100% {
        transform: rotate(360deg)
        }
    }
.mejs__controls {
    bottom: 0;
    display: flex;
    height: 40px;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%;
    z-index: 3
    }
.mejs__controls:not([style*="display: none"]) {
    background: rgba(255, 0, 0, 0.7);
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.35))
    }
.mejs__button, .mejs__time, .mejs__time-rail {
    font-size: 10px;
    height: 40px;
    line-height: 10px;
    margin: 0;
    width: 32px
    }
.mejs__button > button {
    background: url(mejs-controls.f0849a5e79712b10e153.svg);
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    margin: 10px 6px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-decoration: none;
    width: 20px
    }
.mejs__button > button:focus {
    outline: #999 dotted 1px
    }
.mejs__container-keyboard-inactive [role=slider], .mejs__container-keyboard-inactive [role=slider]:focus, .mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive button:focus {
    outline: 0
    }
.mejs__time {
    box-sizing: content-box;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    height: 24px;
    overflow: hidden;
    padding: 16px 6px 0;
    text-align: center;
    width: auto
    }
.mejs__play > button {
    background-position: 0 0
    }
.mejs__pause > button {
    background-position: -20px 0
    }
.mejs__replay > button {
    background-position: -160px 0
    }
.mejs__time-rail {
    direction: ltr;
    flex-grow: 1;
    height: 40px;
    margin: 0 10px;
    padding-top: 10px;
    position: relative
    }
.mejs__time-buffering, .mejs__time-current, .mejs__time-float, .mejs__time-float-corner, .mejs__time-float-current, .mejs__time-hovered, .mejs__time-loaded, .mejs__time-marker, .mejs__time-total {
    border-radius: 2px;
    cursor: pointer;
    display: block;
    height: 10px;
    position: absolute
    }
.mejs__time-total {
    background: rgba(255, 255, 255, 0.3);
    margin: 5px 0 0;
    width: 100%
    }
.mejs__time-buffering {
    -webkit-animation: 2s linear infinite buffering-stripes;
    animation: 2s linear infinite buffering-stripes;
    background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-size: 15px 15px
    }
@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0
        } to {
        background-position: 30px 0
        }
    }
@keyframes buffering-stripes {
    from {
        background-position: 0 0
        } to {
        background-position: 30px 0
        }
    }
.mejs__time-loaded {
    background: rgba(255, 255, 255, 0.3)
    }
.mejs__time-current, .mejs__time-handle-content {
    background: rgba(255, 255, 255, 0.9)
    }
.mejs__time-hovered.negative {
    background: rgba(0, 0, 0, 0.2)
    }
.mejs__time-buffering, .mejs__time-current, .mejs__time-hovered, .mejs__time-loaded {
    left: 0;
    transform: scalex(0);
    transform-origin: 0 0;
    transition: 0.15s ease-in all;
    width: 100%
    }
.mejs__time-buffering {
    transform: scalex(1)
    }
.mejs__time-hovered {
    background: rgba(255, 255, 255, 0.5);
    z-index: 10;
    transition: height 0.1s cubic-bezier(0.44, 0, 1, 1)
    }
.mejs__time-hovered.no-hover {
    transform: scalex(0) !important
    }
.mejs__time-handle, .mejs__time-handle-content {
    border: 4px solid transparent;
    cursor: pointer;
    left: 0;
    position: absolute;
    transform: translatex(0);
    z-index: 11
    }
.mejs__time-handle-content {
    border: 4px solid rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    height: 10px;
    left: -7px;
    top: -4px;
    transform: scale(0);
    width: 10px
    }
.mejs__time-rail .mejs__time-handle-content:active, .mejs__time-rail .mejs__time-handle-content:focus, .mejs__time-rail:hover .mejs__time-handle-content {
    transform: scale(1)
    }
.mejs__time-float {
    background: #eee;
    border: 1px solid #333;
    bottom: 100%;
    color: #111;
    display: none;
    height: 17px;
    margin-bottom: 9px;
    position: absolute;
    text-align: center;
    transform: translatex(-50%);
    width: 36px
    }
.mejs__time-float-current {
    display: block;
    left: 0;
    margin: 2px;
    text-align: center;
    width: 30px
    }
.mejs__time-float-corner {
    border: 5px solid #eee;
    border-color: #eee transparent transparent;
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 100%;
    transform: translatex(-50%);
    width: 0
    }
.mejs__long-video .mejs__time-float {
    margin-left: -23px;
    width: 64px
    }
.mejs__long-video .mejs__time-float-current {
    width: 60px
    }
.mejs__broadcast {
    color: #fff;
    height: 10px;
    position: absolute;
    top: 15px;
    width: 100%
    }
.mejs__fullscreen-button > button {
    background-position: -80px 0
    }
.mejs__unfullscreen > button {
    background-position: -100px 0
    }
.mejs__mute > button {
    background-position: -60px 0
    }
.mejs__unmute > button {
    background-position: -40px 0
    }
.mejs__volume-button {
    position: relative
    }
.mejs__volume-button > .mejs__volume-slider {
    -webkit-backface-visibility: hidden;
    background: rgba(50, 50, 50, 0.7);
    border-radius: 0;
    bottom: 100%;
    display: none;
    height: 115px;
    left: 50%;
    margin: 0;
    position: absolute;
    transform: translatex(-50%);
    width: 25px;
    z-index: 1
    }
.mejs__volume-button:hover {
    border-radius: 0 0 4px 4px
    }
.mejs__volume-total {
    background: rgba(255, 255, 255, 0.5);
    height: 100px;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 8px;
    transform: translatex(-50%);
    width: 2px
    }
.mejs__volume-current {
    background: rgba(255, 255, 255, 0.9);
    left: 0;
    margin: 0;
    position: absolute;
    width: 100%
    }
.mejs__volume-handle {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 1px;
    cursor: ns-resize;
    height: 6px;
    left: 50%;
    position: absolute;
    transform: translatex(-50%);
    width: 16px
    }
.mejs__horizontal-volume-slider {
    display: block;
    height: 36px;
    position: relative;
    vertical-align: middle;
    width: 56px
    }
.mejs__horizontal-volume-total {
    background: rgba(50, 50, 50, 0.8);
    border-radius: 2px;
    font-size: 1px;
    height: 8px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 16px;
    width: 50px
    }
.mejs__horizontal-volume-current {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 2px;
    font-size: 1px;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
    }
.mejs__horizontal-volume-handle {
    display: none
    }
.mejs__captions-button, .mejs__chapters-button {
    position: relative
    }
.mejs__captions-button > button {
    background-position: -140px 0
    }
.mejs__chapters-button > button {
    background-position: -180px 0
    }
.mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector {
    background: rgba(50, 50, 50, 0.7);
    border: 1px solid transparent;
    border-radius: 0;
    bottom: 100%;
    margin-right: -43px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 50%;
    visibility: visible;
    width: 86px
    }
.mejs__chapters-button > .mejs__chapters-selector {
    margin-right: -55px;
    width: 110px
    }
.mejs__captions-selector-list, .mejs__chapters-selector-list {
    list-style-type: none !important;
    margin: 0;
    overflow: hidden;
    padding: 0
    }
.mejs__captions-selector-list-item, .mejs__chapters-selector-list-item {
    color: #fff;
    cursor: pointer;
    display: block;
    list-style-type: none !important;
    margin: 0 0 6px;
    overflow: hidden;
    padding: 0
    }
.mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover {
    background-color: rgba(255, 255, 255, 0.4) !important
    }
.mejs__captions-selector-input, .mejs__chapters-selector-input {
    clear: both;
    float: left;
    left: -1000px;
    margin: 3px 3px 0 5px;
    position: absolute
    }
.mejs__captions-selector-label, .mejs__chapters-selector-label {
    cursor: pointer;
    float: left;
    font-size: 10px;
    line-height: 15px;
    padding: 4px 10px 0;
    width: 100%
    }
.mejs__captions-selected, .mejs__chapters-selected {
    color: rgba(33, 248, 248, 1)
    }
.mejs__captions-translations {
    font-size: 10px;
    margin: 0 0 5px
    }
.mejs__captions-layer {
    bottom: 0;
    color: #fff;
    font-size: 16px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center
    }
.mejs__captions-layer a {
    color: #fff;
    text-decoration: underline
    }
.mejs__captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: 400
    }
.mejs__captions-position {
    bottom: 15px;
    left: 0;
    position: absolute;
    width: 100%
    }
.mejs__captions-position-hover {
    bottom: 35px
    }
.mejs__captions-text, .mejs__captions-text * {
    background: rgba(20, 20, 20, 0.5);
    box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
    padding: 0;
    white-space: pre-wrap
    }
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
    display: none
    }
.mejs__overlay-error {
    position: relative
    }
.mejs__overlay-error > img {
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    z-index: -1
    }
.mejs__cannotplay, .mejs__cannotplay a {
    color: #fff;
    font-size: 0.8em
    }
.mejs__cannotplay {
    position: relative
    }
.mejs__cannotplay a, .mejs__cannotplay p {
    display: inline-block;
    padding: 0 15px;
    width: 100%
    }
/*!
 * Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */
.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
.cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
    }
.cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
    }
.cropper-canvas, .cropper-wrap-box {
    overflow: hidden
    }
.cropper-drag-box {
    background-color: #fff;
    opacity: 0
    }
.cropper-modal {
    background-color: #000;
    opacity: 0.5
    }
.cropper-view-box {
    display: block;
    height: 100%;
    outline: rgba(51, 153, 255, 0.75) solid 1px;
    overflow: hidden;
    width: 100%
    }
.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: 0.5;
    position: absolute
    }
.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%
    }
.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3)
    }
.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: 0.75;
    position: absolute;
    top: 50%;
    width: 0
    }
.cropper-center::after, .cropper-center::before {
    background-color: #eee;
    content: " ";
    display: block;
    position: absolute
    }
.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px
    }
.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px
    }
.cropper-face, .cropper-line, .cropper-point {
    display: block;
    height: 100%;
    opacity: 0.1;
    position: absolute;
    width: 100%
    }
.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0
    }
.cropper-line {
    background-color: #39f
    }
.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px
    }
.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px
    }
.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px
    }
.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0
    }
.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: 0.75;
    width: 5px
    }
.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
    }
.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
    }
.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
    }
.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
    }
.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px
    }
.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px
    }
.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px
    }
.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
    }
@media (min-width: 768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px
        }
    }
@media (min-width: 992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
        }
    }
@media (min-width: 1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: 0.75;
        width: 5px
        }
    }
.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: " ";
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
    }
.cropper-invisible {
    opacity: 0
    }
.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
    }
.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0
    }
.cropper-hidden {
    display: none !important
    }
.cropper-move {
    cursor: move
    }
.cropper-crop {
    cursor: crosshair
    }
.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
    cursor: not-allowed
    }
.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto, "Helvetica Neue", sans-serif
    }
.mat-badge-small .mat-badge-content {
    font-size: 9px
    }
.mat-badge-large .mat-badge-content {
    font-size: 24px
    }
.mat-h1, .mat-headline, .mat-typography h1 {
    font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
    margin: 0 0 16px
    }
.mat-h2, .mat-title, .mat-typography h2 {
    font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
    margin: 0 0 16px
    }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
    font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
    margin: 0 0 16px
    }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
    font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
    margin: 0 0 16px
    }
.mat-h5, .mat-typography h5 {
    font: 400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;
    margin: 0 0 12px
    }
.mat-h6, .mat-typography h6 {
    font: 400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;
    margin: 0 0 12px
    }
.mat-body-2, .mat-body-strong {
    font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif
    }
.mat-body, .mat-body-1, .mat-typography {
    font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
    }
.mat-body p, .mat-body-1 p, .mat-typography p {
    margin: 0 0 12px
    }
.mat-caption, .mat-small {
    font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif
    }
.mat-display-4, .mat-typography .mat-display-4 {
    font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: -0.05em;
    margin: 0 0 56px
    }
.mat-display-3, .mat-typography .mat-display-3 {
    font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: -0.02em;
    margin: 0 0 64px
    }
.mat-display-2, .mat-typography .mat-display-2 {
    font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
    letter-spacing: -0.005em;
    margin: 0 0 64px
    }
.mat-display-1, .mat-typography .mat-display-1 {
    font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
    margin: 0 0 64px
    }
.mat-bottom-sheet-container {
    font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
    }
.mat-button, .mat-fab, .mat-flat-button, .mat-icon-button, .mat-mini-fab, .mat-raised-button, .mat-stroked-button {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
    }
.mat-button-toggle, .mat-card {
    font-family: Roboto, "Helvetica Neue", sans-serif
    }
.mat-card-title {
    font-size: 24px;
    font-weight: 500
    }
.mat-card-header .mat-card-title {
    font-size: 20px
    }
.mat-card-content, .mat-card-subtitle {
    font-size: 14px
    }
.mat-checkbox {
    font-family: Roboto, "Helvetica Neue", sans-serif
    }
.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px
    }
.mat-chip {
    font-size: 14px;
    font-weight: 500
    }
.mat-chip .mat-chip-remove.mat-icon, .mat-chip .mat-chip-trailing-icon.mat-icon {
    font-size: 18px
    }
.mat-table {
    font-family: Roboto, "Helvetica Neue", sans-serif
    }
.mat-header-cell {
    font-size: 12px;
    font-weight: 500
    }
.mat-cell, .mat-footer-cell {
    font-size: 14px
    }
.mat-calendar {
    font-family: Roboto, "Helvetica Neue", sans-serif
    }
.mat-calendar-body {
    font-size: 13px
    }
.mat-calendar-body-label, .mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500
    }
.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
    }
.mat-dialog-title {
    font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif
    }
.mat-expansion-panel-header {
    font-size: 15px;
    font-weight: 400
    }
.mat-expansion-panel-content {
    font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
    }
.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: Roboto, "Helvetica Neue", sans-serif
    }
.mat-form-field-wrapper {
    padding-bottom: 1.34375em
    }
.mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125
    }
.mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em
    }
.mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125
    }
.mat-form-field-infix {
    padding: 0.5em 0;
    border-top: 0.84375em solid transparent
    }
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translatey(-1.34375em) scale(0.75);
    width: 133.33333%
    }
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translatey(-1.34374em) scale(0.75);
    width: 133.33334%
    }
.mat-form-field-label-wrapper {
    top: -0.84375em;
    padding-top: 0.84375em
    }
.mat-form-field-label {
    top: 1.34375em
    }
.mat-form-field-underline {
    bottom: 1.34375em
    }
.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: 0.66667em;
    top: calc(100% - 1.79167em)
    }
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em
    }
.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0.4375em 0
    }
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translatey(-1.28125em) scale(0.75) perspective(100px) translatez(0.001px);
    -ms-transform: translatey(-1.28125em) scale(0.75);
    width: 133.33333%
    }
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translatey(-1.28125em) scale(0.75) perspective(100px) translatez(0.00101px);
    -ms-transform: translatey(-1.28124em) scale(0.75);
    width: 133.33334%
    }
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translatey(-1.28125em) scale(0.75) perspective(100px) translatez(0.00102px);
    -ms-transform: translatey(-1.28123em) scale(0.75);
    width: 133.33335%
    }
.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em
    }
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 0.54167em;
    top: calc(100% - 1.66667em)
    }
@media print {
    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
        transform: translatey(-1.28122em) scale(0.75)
        }
    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
        transform: translatey(-1.28121em) scale(0.75)
        }
    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
        transform: translatey(-1.2812em) scale(0.75)
        }
    }
.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: 0.25em 0 0.75em
    }
.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -0.5em
    }
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translatey(-0.59375em) scale(0.75);
    width: 133.33333%
    }
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translatey(-0.59374em) scale(0.75);
    width: 133.33334%
    }
.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0
    }
.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -0.25em
    }
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translatey(-1.59375em) scale(0.75);
    width: 133.33333%
    }
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translatey(-1.59374em) scale(0.75);
    width: 133.33334%
    }
.mat-grid-tile-footer, .mat-grid-tile-header {
    font-size: 14px
    }
.mat-grid-tile-footer .mat-line, .mat-grid-tile-header .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
    }
.mat-grid-tile-footer .mat-line:nth-child(n+2), .mat-grid-tile-header .mat-line:nth-child(n+2) {
    font-size: 12px
    }
input.mat-input-element {
    margin-top: -0.0625em
    }
.mat-menu-item {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 400
    }
.mat-paginator, .mat-paginator-page-size .mat-select-trigger {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px
    }
.mat-radio-button, .mat-select {
    font-family: Roboto, "Helvetica Neue", sans-serif
    }
.mat-select-trigger {
    height: 1.125em
    }
.mat-slide-toggle-content {
    font-family: Roboto, "Helvetica Neue", sans-serif
    }
.mat-slider-thumb-label-text {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: 500
    }
.mat-stepper-horizontal, .mat-stepper-vertical {
    font-family: Roboto, "Helvetica Neue", sans-serif
    }
.mat-step-label {
    font-size: 14px;
    font-weight: 400
    }
.mat-step-sub-label-error {
    font-weight: 400
    }
.mat-step-label-error {
    font-size: 14px
    }
.mat-step-label-selected {
    font-size: 14px;
    font-weight: 500
    }
.mat-tab-group {
    font-family: Roboto, "Helvetica Neue", sans-serif
    }
.mat-tab-label, .mat-tab-link {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500
    }
.mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 {
    font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
    margin: 0
    }
.mat-tooltip {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px
    }
.mat-tooltip-handset {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px
    }
.mat-list-item, .mat-list-option {
    font-family: Roboto, "Helvetica Neue", sans-serif
    }
.mat-list-base .mat-list-item {
    font-size: 16px
    }
.mat-list-base .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
    }
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 14px
    }
.mat-list-base .mat-list-option {
    font-size: 16px
    }
.mat-list-base .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
    }
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 14px
    }
.mat-list-base[dense] .mat-list-item {
    font-size: 12px
    }
.mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
    }
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-list-base[dense] .mat-list-option {
    font-size: 12px
    }
.mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
    }
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 12px
    }
.mat-list-base[dense] .mat-subheader {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: 500
    }
.mat-option {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-optgroup-label {
    font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
    color: rgba(0, 0, 0, 0.54)
    }
.mat-simple-snackbar {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px
    }
.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500
    }
.mat-ripple {
    overflow: hidden;
    position: relative
    }
.mat-ripple.mat-ripple-unbounded {
    overflow: visible
    }
.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity, transform 0s cubic-bezier(0, 0, 0.2, 1);
    transform: scale(0)
    }
@media (-ms-high-contrast: active) {
    .mat-ripple-element {
        display: none
        }
    }
.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none
    }
.cdk-global-overlay-wrapper, .cdk-overlay-container {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
    }
.cdk-overlay-container {
    position: fixed;
    z-index: 1000
    }
.cdk-overlay-container:empty {
    display: none
    }
.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
    }
.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
    }
.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    opacity: 0
    }
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
    }
@media screen and (-ms-high-contrast: active) {
    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: 0.6
        }
    }
.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, 0.32)
    }
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0
    }
.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
    }
.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
    }
@-webkit-keyframes cdk-text-field-autofill-start {
    /*!*/
    }
@keyframes cdk-text-field-autofill-start {
    /*!*/
    }
@-webkit-keyframes cdk-text-field-autofill-end {
    /*!*/
    }
@keyframes cdk-text-field-autofill-end {
    /*!*/
    }
.cdk-text-field-autofill-monitored:-webkit-autofill {
    -webkit-animation-name: cdk-text-field-autofill-start;
    animation-name: cdk-text-field-autofill-start
    }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    -webkit-animation-name: cdk-text-field-autofill-end;
    animation-name: cdk-text-field-autofill-end
    }
textarea.cdk-textarea-autosize {
    resize: none
    }
textarea.cdk-textarea-autosize-measuring {
    height: auto !important;
    overflow: hidden !important;
    padding: 2px 0 !important;
    box-sizing: content-box !important
    }
.mat-ripple-element {
    background-color: rgba(0, 0, 0, 0.1)
    }
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled), .mat-option:hover:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, 0.04)
    }
.mat-option.mat-active {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87)
    }
.mat-option.mat-option-disabled {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #673ab7
    }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #ffd740
    }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #f44336
    }
.mat-optgroup-disabled .mat-optgroup-label {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-pseudo-checkbox {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-pseudo-checkbox::after {
    color: #fafafa
    }
.mat-pseudo-checkbox-disabled {
    color: #b0b0b0
    }
.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate {
    background: #673ab7
    }
.mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate, .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate {
    background: #ffd740
    }
.mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate {
    background: #f44336
    }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
    background: #b0b0b0
    }
.mat-elevation-z0 {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12)
    }
.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12)
    }
.mat-app-background {
    background-color: #fafafa;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-theme-loaded-marker {
    display: none
    }
.mat-autocomplete-panel {
    background: #fff;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)
    }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: #fff
    }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
    color: rgba(0, 0, 0, 0.87)
    }
@media (-ms-high-contrast: active) {
    .mat-badge-content {
        outline: solid 1px;
        border-radius: 0
        }
    .mat-checkbox-disabled {
        opacity: 0.5
        }
    }
.mat-badge-accent .mat-badge-content {
    background: #ffd740;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #f44336
    }
.mat-badge {
    position: relative
    }
.mat-badge-hidden .mat-badge-content {
    display: none
    }
.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: rgba(0, 0, 0, 0.38)
    }
.mat-badge-content {
    color: #fff;
    background: #673ab7;
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform 0.2s ease-in-out;
    transform: scale(0.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
    }
.mat-badge-content._mat-animation-noopable, .ng-animate-disabled .mat-badge-content {
    transition: none
    }
.mat-badge-content.mat-badge-active {
    transform: none
    }
.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
    }
.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
    }
.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
    }
.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
    }
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
    }
.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
    }
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
    }
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
    }
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
    }
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
    }
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
    }
.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
    }
.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
    }
.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
    }
.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
    }
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
    }
.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
    }
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
    }
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
    }
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
    }
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
    }
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
    }
.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
    }
.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
    }
.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
    }
.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
    }
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
    }
.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
    }
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
    }
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
    }
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
    }
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
    }
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
    }
.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
    background: #fff;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-button, .mat-icon-button, .mat-stroked-button {
    color: inherit;
    background: 0 0
    }
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
    color: #673ab7
    }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
    color: #ffd740
    }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
    color: #f44336
    }
.mat-button.mat-accent[disabled], .mat-button.mat-primary[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
    color: rgba(0, 0, 0, 0.26)
    }
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #673ab7
    }
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: #ffd740
    }
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: #f44336
    }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
    background-color: transparent
    }
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
    opacity: 0.1;
    background-color: currentColor
    }
.mat-button-focus-overlay {
    background: #000
    }
.mat-stroked-button:not([disabled]) {
    border-color: rgba(0, 0, 0, 0.12)
    }
.mat-fab, .mat-flat-button, .mat-mini-fab, .mat-raised-button {
    color: rgba(0, 0, 0, 0.87);
    background-color: #fff
    }
.mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary {
    color: #fff;
    background-color: #673ab7
    }
.mat-fab.mat-accent, .mat-flat-button.mat-accent, .mat-mini-fab.mat-accent, .mat-raised-button.mat-accent {
    color: rgba(0, 0, 0, 0.87);
    background-color: #ffd740
    }
.mat-fab.mat-warn, .mat-flat-button.mat-warn, .mat-mini-fab.mat-warn, .mat-raised-button.mat-warn {
    color: #fff;
    background-color: #f44336
    }
.mat-fab.mat-accent[disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled] {
    color: rgba(0, 0, 0, 0.26);
    background-color: rgba(0, 0, 0, 0.12)
    }
.mat-fab.mat-primary .mat-ripple-element, .mat-flat-button.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.1)
    }
.mat-fab.mat-accent .mat-ripple-element, .mat-flat-button.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element {
    background-color: rgba(0, 0, 0, 0.1)
    }
.mat-fab.mat-warn .mat-ripple-element, .mat-flat-button.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.1)
    }
.mat-flat-button:not([class*=mat-elevation-z]), .mat-stroked-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12)
    }
.mat-raised-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
    }
.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12)
    }
.mat-raised-button[disabled]:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12)
    }
.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12)
    }
.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]), .mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12)
    }
.mat-fab[disabled]:not([class*=mat-elevation-z]), .mat-mini-fab[disabled]:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12)
    }
.mat-button-toggle-group, .mat-button-toggle-standalone {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
    }
.mat-button-toggle-group-appearance-standard, .mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.12)
    }
.mat-button-toggle {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: rgba(0, 0, 0, 0.12)
    }
.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, 0.87);
    background: #fff
    }
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #000
    }
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
    border-left: 1px solid rgba(0, 0, 0, 0.12)
    }
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
    border-left: none;
    border-right: 1px solid rgba(0, 0, 0, 0.12)
    }
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: 1px solid rgba(0, 0, 0, 0.12)
    }
.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, 0.54)
    }
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-button-toggle-disabled {
    color: rgba(0, 0, 0, 0.26);
    background-color: #eee
    }
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: #fff
    }
.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd
    }
.mat-card {
    background: #fff;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-card:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12)
    }
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12)
    }
.mat-card-subtitle {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-checkbox-frame {
    border-color: rgba(0, 0, 0, 0.54)
    }
.mat-checkbox-checkmark {
    fill: #fafafa
    }
.mat-checkbox-checkmark-path {
    stroke: #fafafa !important
    }
@media (-ms-high-contrast: black-on-white) {
    .mat-checkbox-checkmark-path {
        stroke: #000 !important
        }
    }
.mat-checkbox-mixedmark {
    background-color: #fafafa
    }
.mat-checkbox-checked.mat-primary .mat-checkbox-background, .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
    background-color: #673ab7
    }
.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #ffd740
    }
.mat-checkbox-checked.mat-warn .mat-checkbox-background, .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
    background-color: #f44336
    }
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
    background-color: #b0b0b0
    }
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #b0b0b0
    }
.mat-checkbox-disabled .mat-checkbox-label {
    color: rgba(0, 0, 0, 0.54)
    }
@media (-ms-high-contrast: active) {
    .mat-checkbox-background {
        background: 0 0
        }
    }
.mat-checkbox .mat-ripple-element {
    background-color: #000
    }
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
    background: #673ab7
    }
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
    background: #ffd740
    }
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
    background: #f44336
    }
.mat-chip.mat-standard-chip {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-chip.mat-standard-chip .mat-chip-remove {
    color: rgba(0, 0, 0, 0.87);
    opacity: 0.4
    }
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12)
    }
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: 0.54
    }
.mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: 0.4
    }
.mat-chip.mat-standard-chip::after {
    background: #000
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #673ab7;
    color: #fff
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: #fff;
    opacity: 0.4
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background: rgba(255, 255, 255, 0.1)
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #f44336;
    color: #fff
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #fff;
    opacity: 0.4
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background: rgba(255, 255, 255, 0.1)
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #ffd740;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: rgba(0, 0, 0, 0.87);
    opacity: 0.4
    }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background: rgba(0, 0, 0, 0.1)
    }
.mat-table {
    background: #fff
    }
.mat-table tbody, .mat-table tfoot, .mat-table thead, .mat-table-sticky, [mat-footer-row], [mat-header-row], [mat-row], mat-footer-row, mat-header-row, mat-row {
    background: inherit
    }
mat-footer-row, mat-header-row, mat-row, td.mat-cell, td.mat-footer-cell, th.mat-header-cell {
    border-bottom-color: rgba(0, 0, 0, 0.12)
    }
.mat-header-cell {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-cell, .mat-footer-cell {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-calendar-arrow {
    border-top-color: rgba(0, 0, 0, 0.54)
    }
.mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button, .mat-datepicker-toggle {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-calendar-table-header {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-calendar-table-header-divider::after {
    background: rgba(0, 0, 0, 0.12)
    }
.mat-calendar-body-label {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-calendar-body-cell-content {
    color: rgba(0, 0, 0, 0.87);
    border-color: transparent
    }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    color: rgba(0, 0, 0, 0.38)
    }
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    background-color: rgba(0, 0, 0, 0.04)
    }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
    border-color: rgba(0, 0, 0, 0.38)
    }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
    border-color: rgba(0, 0, 0, 0.18)
    }
.mat-calendar-body-selected {
    background-color: #673ab7;
    color: #fff
    }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(103, 58, 183, 0.4)
    }
.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
    }
.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #ffd740;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(255, 215, 64, 0.4)
    }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87)
    }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #f44336;
    color: #fff
    }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(244, 67, 54, 0.4)
    }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
    }
.mat-datepicker-content-touch {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12)
    }
.mat-datepicker-toggle-active {
    color: #673ab7
    }
.mat-datepicker-toggle-active.mat-accent {
    color: #ffd740
    }
.mat-datepicker-toggle-active.mat-warn {
    color: #f44336
    }
.mat-dialog-container {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
    background: #fff;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-divider {
    border-top-color: rgba(0, 0, 0, 0.12)
    }
.mat-divider-vertical {
    border-right-color: rgba(0, 0, 0, 0.12)
    }
.mat-expansion-panel {
    background: #fff;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
    }
.mat-action-row {
    border-top-color: rgba(0, 0, 0, 0.12)
    }
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
    background: rgba(0, 0, 0, 0.04)
    }
@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background: #fff
        }
    }
.mat-expansion-panel-header-title {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-expansion-indicator::after, .mat-expansion-panel-header-description {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-expansion-panel-header[aria-disabled=true] {
    color: rgba(0, 0, 0, 0.26)
    }
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description, .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
    color: inherit
    }
.mat-form-field-label, .mat-hint {
    color: rgba(0, 0, 0, 0.6)
    }
.mat-form-field.mat-focused .mat-form-field-label {
    color: #673ab7
    }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #ffd740
    }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #f44336
    }
.mat-focused .mat-form-field-required-marker {
    color: #ffd740
    }
.mat-form-field-ripple {
    background-color: rgba(0, 0, 0, 0.87)
    }
.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #673ab7
    }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #ffd740
    }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #f44336
    }
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
    color: #673ab7
    }
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
    color: #ffd740
    }
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after, .mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker, .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent {
    color: #f44336
    }
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #f44336
    }
.mat-error {
    color: #f44336
    }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .mat-hint {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em;
    background-color: rgba(0, 0, 0, 0.42)
    }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.42) 33%, transparent 0);
    background-size: 4px 100%;
    background-repeat: repeat-x
    }
.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: rgba(0, 0, 0, 0.42)
    }
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.42) 33%, transparent 0);
    background-size: 4px 100%;
    background-repeat: repeat-x
    }
.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: rgba(0, 0, 0, 0.04)
    }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: rgba(0, 0, 0, 0.02)
    }
.mat-form-field-appearance-fill .mat-form-field-underline::before {
    background-color: rgba(0, 0, 0, 0.42)
    }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
    background-color: transparent
    }
.mat-form-field-appearance-outline .mat-form-field-outline {
    color: rgba(0, 0, 0, 0.12)
    }
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #673ab7
    }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
    color: #ffd740
    }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick, .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #f44336
    }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: rgba(0, 0, 0, 0.06)
    }
.mat-icon.mat-primary {
    color: #673ab7
    }
.mat-icon.mat-accent {
    color: #ffd740
    }
.mat-icon.mat-warn {
    color: #f44336
    }
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after, .mat-input-element:disabled {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-input-element {
    caret-color: #673ab7
    }
.mat-input-element::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.42)
    }
.mat-input-element::placeholder {
    color: rgba(0, 0, 0, 0.42)
    }
.mat-input-element::-moz-placeholder {
    color: rgba(0, 0, 0, 0.42)
    }
.mat-input-element::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.42)
    }
.mat-input-element:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.42)
    }
.mat-accent .mat-input-element {
    caret-color: #ffd740
    }
.mat-form-field-invalid .mat-input-element, .mat-warn .mat-input-element {
    caret-color: #f44336
    }
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
    color: #f44336
    }
.mat-list-base .mat-list-item, .mat-list-base .mat-list-option {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-list-base .mat-subheader {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.54)
    }
.mat-list-item-disabled {
    background-color: #eee
    }
.mat-action-list .mat-list-item:focus, .mat-action-list .mat-list-item:hover, .mat-list-option:focus, .mat-list-option:hover, .mat-nav-list .mat-list-item:focus, .mat-nav-list .mat-list-item:hover {
    background: rgba(0, 0, 0, 0.04)
    }
.mat-menu-panel {
    background: #fff
    }
.mat-menu-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)
    }
.mat-menu-item {
    background: 0 0;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-menu-item .mat-icon-no-color, .mat-menu-item-submenu-trigger::after {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-menu-item-highlighted:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item:hover:not([disabled]) {
    background: rgba(0, 0, 0, 0.04)
    }
.mat-paginator {
    background: #fff
    }
.mat-paginator, .mat-paginator-page-size .mat-select-trigger {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-paginator-decrement, .mat-paginator-increment {
    border-top: 2px solid rgba(0, 0, 0, 0.54);
    border-right: 2px solid rgba(0, 0, 0, 0.54)
    }
.mat-paginator-first, .mat-paginator-last {
    border-top: 2px solid rgba(0, 0, 0, 0.54)
    }
.mat-icon-button[disabled] .mat-paginator-decrement, .mat-icon-button[disabled] .mat-paginator-first, .mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-last {
    border-color: rgba(0, 0, 0, 0.38)
    }
.mat-progress-bar-background {
    fill: #d1c4e9
    }
.mat-progress-bar-buffer {
    background-color: #d1c4e9
    }
.mat-progress-bar-fill::after {
    background-color: #673ab7
    }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #ffe57f
    }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #ffe57f
    }
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
    background-color: #ffd740
    }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #ffcdd2
    }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #ffcdd2
    }
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
    background-color: #f44336
    }
.mat-progress-spinner circle, .mat-spinner circle {
    stroke: #673ab7
    }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
    stroke: #ffd740
    }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
    stroke: #f44336
    }
.mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, 0.54)
    }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #673ab7
    }
.mat-radio-button.mat-primary .mat-radio-inner-circle, .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
    background-color: #673ab7
    }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #ffd740
    }
.mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
    background-color: #ffd740
    }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
    border-color: #f44336
    }
.mat-radio-button.mat-warn .mat-radio-inner-circle, .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
    background-color: #f44336
    }
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle, .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, 0.38)
    }
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle, .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
    background-color: rgba(0, 0, 0, 0.38)
    }
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-radio-button .mat-ripple-element {
    background-color: #000
    }
.mat-select-value {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-select-placeholder {
    color: rgba(0, 0, 0, 0.42)
    }
.mat-select-disabled .mat-select-value {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-select-arrow {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-select-panel {
    background: #fff
    }
.mat-select-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)
    }
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0, 0, 0, 0.12)
    }
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #673ab7
    }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #ffd740
    }
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow, .mat-form-field.mat-focused.mat-warn .mat-select-arrow {
    color: #f44336
    }
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-drawer-container {
    background-color: #fafafa;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-drawer {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-drawer.mat-drawer-push {
    background-color: #fff
    }
.mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12)
    }
.mat-drawer-side {
    border-right: 1px solid rgba(0, 0, 0, 0.12)
    }
.mat-drawer-side.mat-drawer-end, [dir=rtl] .mat-drawer-side {
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-right: none
    }
[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: 1px solid rgba(0, 0, 0, 0.12)
    }
.mat-drawer-backdrop.mat-drawer-shown {
    background-color: rgba(0, 0, 0, 0.6)
    }
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #ffd740
    }
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(255, 215, 64, 0.54)
    }
.mat-slide-toggle.mat-checked .mat-ripple-element {
    background-color: #ffd740
    }
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
    background-color: #673ab7
    }
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(103, 58, 183, 0.54)
    }
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
    background-color: #673ab7
    }
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
    background-color: #f44336
    }
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(244, 67, 54, 0.54)
    }
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
    background-color: #f44336
    }
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: #000
    }
.mat-slide-toggle-thumb {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    background-color: #fafafa
    }
.mat-slide-toggle-bar {
    background-color: rgba(0, 0, 0, 0.38)
    }
.mat-slider-track-background {
    background-color: rgba(0, 0, 0, 0.26)
    }
.mat-primary .mat-slider-thumb, .mat-primary .mat-slider-thumb-label, .mat-primary .mat-slider-track-fill {
    background-color: #673ab7
    }
.mat-primary .mat-slider-thumb-label-text {
    color: #fff
    }
.mat-accent .mat-slider-thumb, .mat-accent .mat-slider-thumb-label, .mat-accent .mat-slider-track-fill {
    background-color: #ffd740
    }
.mat-accent .mat-slider-thumb-label-text {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-warn .mat-slider-thumb, .mat-warn .mat-slider-thumb-label, .mat-warn .mat-slider-track-fill {
    background-color: #f44336
    }
.mat-warn .mat-slider-thumb-label-text {
    color: #fff
    }
.mat-slider-focus-ring {
    background-color: rgba(255, 215, 64, 0.2)
    }
.cdk-focused .mat-slider-track-background, .mat-slider:hover .mat-slider-track-background {
    background-color: rgba(0, 0, 0, 0.38)
    }
.mat-slider-disabled .mat-slider-thumb, .mat-slider-disabled .mat-slider-track-background, .mat-slider-disabled .mat-slider-track-fill, .mat-slider-disabled:hover .mat-slider-track-background {
    background-color: rgba(0, 0, 0, 0.26)
    }
.mat-slider-min-value .mat-slider-focus-ring {
    background-color: rgba(0, 0, 0, 0.12)
    }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, 0.87)
    }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, 0.26)
    }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: rgba(0, 0, 0, 0.26);
    background-color: transparent
    }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
    border-color: rgba(0, 0, 0, 0.38)
    }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
    border-color: rgba(0, 0, 0, 0.26)
    }
.mat-slider-has-ticks .mat-slider-wrapper::after {
    border-color: rgba(0, 0, 0, 0.7)
    }
.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
    background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)
    }
.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)
    }
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
    background-color: rgba(0, 0, 0, 0.04)
    }
@media (hover: none) {
    .mat-step-header:hover {
        background: 0 0
        }
    }
.mat-step-header .mat-step-label, .mat-step-header .mat-step-optional {
    color: rgba(0, 0, 0, 0.54)
    }
.mat-step-header .mat-step-icon {
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff
    }
.mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit {
    background-color: #673ab7;
    color: #fff
    }
.mat-step-header .mat-step-icon-state-error {
    background-color: transparent;
    color: #f44336
    }
.mat-step-header .mat-step-label.mat-step-label-active {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-step-header .mat-step-label.mat-step-label-error {
    color: #f44336
    }
.mat-stepper-horizontal, .mat-stepper-vertical {
    background-color: #fff
    }
.mat-stepper-vertical-line::before {
    border-left-color: rgba(0, 0, 0, 0.12)
    }
.mat-horizontal-stepper-header::after, .mat-horizontal-stepper-header::before, .mat-stepper-horizontal-line {
    border-top-color: rgba(0, 0, 0, 0.12)
    }
.mat-sort-header-arrow {
    color: #757575
    }
.mat-tab-header, .mat-tab-nav-bar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12)
    }
.mat-tab-group-inverted-header .mat-tab-header, .mat-tab-group-inverted-header .mat-tab-nav-bar {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: none
    }
.mat-tab-label, .mat-tab-link {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, 0.38)
    }
.mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, 0.87)
    }
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, 0.38)
    }
.mat-tab-group[class*=mat-background-] .mat-tab-header, .mat-tab-nav-bar[class*=mat-background-] {
    border-bottom: none;
    border-top: none
    }
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(209, 196, 233, 0.3)
    }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #673ab7
    }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
    background-color: #fff
    }
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 229, 127, 0.3)
    }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #ffd740
    }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
    background-color: rgba(0, 0, 0, 0.87)
    }
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, 0.3)
    }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #f44336
    }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
    background-color: #fff
    }
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(209, 196, 233, 0.3)
    }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
    background-color: #673ab7
    }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
    color: #fff
    }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, 0.4)
    }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
    border-color: #fff
    }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, 0.4)
    }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.12)
    }
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 229, 127, 0.3)
    }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
    background-color: #ffd740
    }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
    color: rgba(0, 0, 0, 0.87)
    }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, 0.4)
    }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, 0.87)
    }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, 0.4)
    }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
    background-color: rgba(0, 0, 0, 0.12)
    }
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, 0.3)
    }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
    background-color: #f44336
    }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
    color: #fff
    }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, 0.4)
    }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
    border-color: #fff
    }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, 0.4)
    }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.12)
    }
.mat-toolbar {
    background: #f5f5f5;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-toolbar.mat-primary {
    background: #673ab7;
    color: #fff
    }
.mat-toolbar.mat-accent {
    background: #ffd740;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-toolbar.mat-warn {
    background: #f44336;
    color: #fff
    }
.mat-toolbar .mat-focused .mat-form-field-ripple, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-form-field-underline {
    background-color: currentColor
    }
.mat-toolbar .mat-focused .mat-form-field-label, .mat-toolbar .mat-form-field-label, .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow, .mat-toolbar .mat-select-arrow, .mat-toolbar .mat-select-value {
    color: inherit
    }
.mat-toolbar .mat-input-element {
    caret-color: currentColor
    }
.mat-tooltip {
    background: rgba(97, 97, 97, 0.9)
    }
.mat-tree {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    background: #fff
    }
.mat-nested-tree-node, .mat-tree-node {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87)
    }
.mat-snack-bar-container {
    color: rgba(255, 255, 255, 0.7);
    background: #323232;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12)
    }
.mat-simple-snackbar-action {
    color: #ffd740
    }
.align-baseline {
    vertical-align: baseline !important
    }
.align-top {
    vertical-align: top !important
    }
.align-middle {
    vertical-align: middle !important
    }
.align-bottom {
    vertical-align: bottom !important
    }
.align-text-bottom {
    vertical-align: text-bottom !important
    }
.align-text-top {
    vertical-align: text-top !important
    }
.bg-primary {
    background-color: #007bff !important
    }
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #0062cc !important
    }
.bg-secondary {
    background-color: #6c757d !important
    }
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #545b62 !important
    }
.bg-success {
    background-color: #28a745 !important
    }
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #1e7e34 !important
    }
.bg-info {
    background-color: #00adef !important
    }
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #0088bc !important
    }
.bg-warning {
    background-color: #ffc107 !important
    }
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: #d39e00 !important
    }
.bg-danger {
    background-color: #dc3545 !important
    }
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    background-color: #bd2130 !important
    }
.bg-light {
    background-color: #f8f9fa !important
    }
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: #dae0e5 !important
    }
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124 !important
    }
.bg-white {
    background-color: #fff !important
    }
.bg-transparent {
    background-color: transparent !important
    }
.border {
    border: 1px solid #dee2e6 !important
    }
.border-top {
    border-top: 1px solid #dee2e6 !important
    }
.border-right {
    border-right: 1px solid #dee2e6 !important
    }
.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
    }
.border-left {
    border-left: 1px solid #dee2e6 !important
    }
.border-0 {
    border: 0 !important
    }
.border-top-0 {
    border-top: 0 !important
    }
.border-right-0 {
    border-right: 0 !important
    }
.border-bottom-0 {
    border-bottom: 0 !important
    }
.border-left-0 {
    border-left: 0 !important
    }
.border-primary {
    border-color: #007bff !important
    }
.border-secondary {
    border-color: #6c757d !important
    }
.border-success {
    border-color: #28a745 !important
    }
.border-info {
    border-color: #00adef !important
    }
.border-warning {
    border-color: #ffc107 !important
    }
.border-danger {
    border-color: #dc3545 !important
    }
.border-light {
    border-color: #f8f9fa !important
    }
.border-dark {
    border-color: #343a40 !important
    }
.border-white {
    border-color: #fff !important
    }
.rounded-sm {
    border-radius: 0.2rem !important
    }
.rounded {
    border-radius: 0.25rem !important
    }
.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important
    }
.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important
    }
.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important
    }
.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important
    }
.rounded-lg {
    border-radius: 0.3rem !important
    }
.rounded-circle {
    border-radius: 50% !important
    }
.rounded-pill {
    border-radius: 50rem !important
    }
.rounded-0 {
    border-radius: 0 !important
    }
.clearfix::after {
    display: block;
    clear: both;
    content: ""
    }
.d-none {
    display: none !important
    }
.d-inline {
    display: inline !important
    }
.d-inline-block {
    display: inline-block !important
    }
.d-block {
    display: block !important
    }
.d-table {
    display: table !important
    }
.d-table-row {
    display: table-row !important
    }
.d-table-cell {
    display: table-cell !important
    }
.d-flex {
    display: flex !important
    }
.d-inline-flex {
    display: inline-flex !important
    }
@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
        }
    .d-sm-inline {
        display: inline !important
        }
    .d-sm-inline-block {
        display: inline-block !important
        }
    .d-sm-block {
        display: block !important
        }
    .d-sm-table {
        display: table !important
        }
    .d-sm-table-row {
        display: table-row !important
        }
    .d-sm-table-cell {
        display: table-cell !important
        }
    .d-sm-flex {
        display: flex !important
        }
    .d-sm-inline-flex {
        display: inline-flex !important
        }
    }
@media (min-width: 768px) {
    .d-md-none {
        display: none !important
        }
    .d-md-inline {
        display: inline !important
        }
    .d-md-inline-block {
        display: inline-block !important
        }
    .d-md-block {
        display: block !important
        }
    .d-md-table {
        display: table !important
        }
    .d-md-table-row {
        display: table-row !important
        }
    .d-md-table-cell {
        display: table-cell !important
        }
    .d-md-flex {
        display: flex !important
        }
    .d-md-inline-flex {
        display: inline-flex !important
        }
    }
@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
        }
    .d-lg-inline {
        display: inline !important
        }
    .d-lg-inline-block {
        display: inline-block !important
        }
    .d-lg-block {
        display: block !important
        }
    .d-lg-table {
        display: table !important
        }
    .d-lg-table-row {
        display: table-row !important
        }
    .d-lg-table-cell {
        display: table-cell !important
        }
    .d-lg-flex {
        display: flex !important
        }
    .d-lg-inline-flex {
        display: inline-flex !important
        }
    }
@media (min-width: 1300px) {
    .d-xl-none {
        display: none !important
        }
    .d-xl-inline {
        display: inline !important
        }
    .d-xl-inline-block {
        display: inline-block !important
        }
    .d-xl-block {
        display: block !important
        }
    .d-xl-table {
        display: table !important
        }
    .d-xl-table-row {
        display: table-row !important
        }
    .d-xl-table-cell {
        display: table-cell !important
        }
    .d-xl-flex {
        display: flex !important
        }
    .d-xl-inline-flex {
        display: inline-flex !important
        }
    }
@media (min-width: 1600px) {
    .d-xxl-none {
        display: none !important
        }
    .d-xxl-inline {
        display: inline !important
        }
    .d-xxl-inline-block {
        display: inline-block !important
        }
    .d-xxl-block {
        display: block !important
        }
    .d-xxl-table {
        display: table !important
        }
    .d-xxl-table-row {
        display: table-row !important
        }
    .d-xxl-table-cell {
        display: table-cell !important
        }
    .d-xxl-flex {
        display: flex !important
        }
    .d-xxl-inline-flex {
        display: inline-flex !important
        }
    }
@media print {
    .d-print-none {
        display: none !important
        }
    .d-print-inline {
        display: inline !important
        }
    .d-print-inline-block {
        display: inline-block !important
        }
    .d-print-block {
        display: block !important
        }
    .d-print-table {
        display: table !important
        }
    .d-print-table-row {
        display: table-row !important
        }
    .d-print-table-cell {
        display: table-cell !important
        }
    .d-print-flex {
        display: flex !important
        }
    .d-print-inline-flex {
        display: inline-flex !important
        }
    }
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
    }
.embed-responsive::before {
    display: block;
    content: ""
    }
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
    }
.embed-responsive-21by9::before {
    padding-top: 42.857143%
    }
.embed-responsive-16by9::before {
    padding-top: 56.25%
    }
.embed-responsive-4by3::before {
    padding-top: 75%
    }
.embed-responsive-1by1::before {
    padding-top: 100%
    }
.flex-row {
    flex-direction: row !important
    }
.flex-column {
    flex-direction: column !important
    }
.flex-row-reverse {
    flex-direction: row-reverse !important
    }
.flex-column-reverse {
    flex-direction: column-reverse !important
    }
.flex-wrap {
    flex-wrap: wrap !important
    }
.flex-nowrap {
    flex-wrap: nowrap !important
    }
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
    }
.flex-fill {
    flex: 1 1 auto !important
    }
.flex-grow-0 {
    flex-grow: 0 !important
    }
.flex-grow-1 {
    flex-grow: 1 !important
    }
.flex-shrink-0 {
    flex-shrink: 0 !important
    }
.flex-shrink-1 {
    flex-shrink: 1 !important
    }
.justify-content-start {
    justify-content: flex-start !important
    }
.justify-content-end {
    justify-content: flex-end !important
    }
.justify-content-center {
    justify-content: center !important
    }
.justify-content-between {
    justify-content: space-between !important
    }
.justify-content-around {
    justify-content: space-around !important
    }
.align-items-start {
    align-items: flex-start !important
    }
.align-items-end {
    align-items: flex-end !important
    }
.align-items-center {
    align-items: center !important
    }
.align-items-baseline {
    align-items: baseline !important
    }
.align-items-stretch {
    align-items: stretch !important
    }
.align-content-start {
    align-content: flex-start !important
    }
.align-content-end {
    align-content: flex-end !important
    }
.align-content-center {
    align-content: center !important
    }
.align-content-between {
    align-content: space-between !important
    }
.align-content-around {
    align-content: space-around !important
    }
.align-content-stretch {
    align-content: stretch !important
    }
.align-self-auto {
    align-self: auto !important
    }
.align-self-start {
    align-self: flex-start !important
    }
.align-self-end {
    align-self: flex-end !important
    }
.align-self-center {
    align-self: center !important
    }
.align-self-baseline {
    align-self: baseline !important
    }
.align-self-stretch {
    align-self: stretch !important
    }
@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important
        }
    .flex-sm-column {
        flex-direction: column !important
        }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
        }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
        }
    .flex-sm-wrap {
        flex-wrap: wrap !important
        }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
        }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
        }
    .flex-sm-fill {
        flex: 1 1 auto !important
        }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
        }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
        }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
        }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
        }
    .justify-content-sm-start {
        justify-content: flex-start !important
        }
    .justify-content-sm-end {
        justify-content: flex-end !important
        }
    .justify-content-sm-center {
        justify-content: center !important
        }
    .justify-content-sm-between {
        justify-content: space-between !important
        }
    .justify-content-sm-around {
        justify-content: space-around !important
        }
    .align-items-sm-start {
        align-items: flex-start !important
        }
    .align-items-sm-end {
        align-items: flex-end !important
        }
    .align-items-sm-center {
        align-items: center !important
        }
    .align-items-sm-baseline {
        align-items: baseline !important
        }
    .align-items-sm-stretch {
        align-items: stretch !important
        }
    .align-content-sm-start {
        align-content: flex-start !important
        }
    .align-content-sm-end {
        align-content: flex-end !important
        }
    .align-content-sm-center {
        align-content: center !important
        }
    .align-content-sm-between {
        align-content: space-between !important
        }
    .align-content-sm-around {
        align-content: space-around !important
        }
    .align-content-sm-stretch {
        align-content: stretch !important
        }
    .align-self-sm-auto {
        align-self: auto !important
        }
    .align-self-sm-start {
        align-self: flex-start !important
        }
    .align-self-sm-end {
        align-self: flex-end !important
        }
    .align-self-sm-center {
        align-self: center !important
        }
    .align-self-sm-baseline {
        align-self: baseline !important
        }
    .align-self-sm-stretch {
        align-self: stretch !important
        }
    }
@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
        }
    .flex-md-column {
        flex-direction: column !important
        }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
        }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
        }
    .flex-md-wrap {
        flex-wrap: wrap !important
        }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
        }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
        }
    .flex-md-fill {
        flex: 1 1 auto !important
        }
    .flex-md-grow-0 {
        flex-grow: 0 !important
        }
    .flex-md-grow-1 {
        flex-grow: 1 !important
        }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
        }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
        }
    .justify-content-md-start {
        justify-content: flex-start !important
        }
    .justify-content-md-end {
        justify-content: flex-end !important
        }
    .justify-content-md-center {
        justify-content: center !important
        }
    .justify-content-md-between {
        justify-content: space-between !important
        }
    .justify-content-md-around {
        justify-content: space-around !important
        }
    .align-items-md-start {
        align-items: flex-start !important
        }
    .align-items-md-end {
        align-items: flex-end !important
        }
    .align-items-md-center {
        align-items: center !important
        }
    .align-items-md-baseline {
        align-items: baseline !important
        }
    .align-items-md-stretch {
        align-items: stretch !important
        }
    .align-content-md-start {
        align-content: flex-start !important
        }
    .align-content-md-end {
        align-content: flex-end !important
        }
    .align-content-md-center {
        align-content: center !important
        }
    .align-content-md-between {
        align-content: space-between !important
        }
    .align-content-md-around {
        align-content: space-around !important
        }
    .align-content-md-stretch {
        align-content: stretch !important
        }
    .align-self-md-auto {
        align-self: auto !important
        }
    .align-self-md-start {
        align-self: flex-start !important
        }
    .align-self-md-end {
        align-self: flex-end !important
        }
    .align-self-md-center {
        align-self: center !important
        }
    .align-self-md-baseline {
        align-self: baseline !important
        }
    .align-self-md-stretch {
        align-self: stretch !important
        }
    }
@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important
        }
    .flex-lg-column {
        flex-direction: column !important
        }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
        }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
        }
    .flex-lg-wrap {
        flex-wrap: wrap !important
        }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
        }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
        }
    .flex-lg-fill {
        flex: 1 1 auto !important
        }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
        }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
        }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
        }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
        }
    .justify-content-lg-start {
        justify-content: flex-start !important
        }
    .justify-content-lg-end {
        justify-content: flex-end !important
        }
    .justify-content-lg-center {
        justify-content: center !important
        }
    .justify-content-lg-between {
        justify-content: space-between !important
        }
    .justify-content-lg-around {
        justify-content: space-around !important
        }
    .align-items-lg-start {
        align-items: flex-start !important
        }
    .align-items-lg-end {
        align-items: flex-end !important
        }
    .align-items-lg-center {
        align-items: center !important
        }
    .align-items-lg-baseline {
        align-items: baseline !important
        }
    .align-items-lg-stretch {
        align-items: stretch !important
        }
    .align-content-lg-start {
        align-content: flex-start !important
        }
    .align-content-lg-end {
        align-content: flex-end !important
        }
    .align-content-lg-center {
        align-content: center !important
        }
    .align-content-lg-between {
        align-content: space-between !important
        }
    .align-content-lg-around {
        align-content: space-around !important
        }
    .align-content-lg-stretch {
        align-content: stretch !important
        }
    .align-self-lg-auto {
        align-self: auto !important
        }
    .align-self-lg-start {
        align-self: flex-start !important
        }
    .align-self-lg-end {
        align-self: flex-end !important
        }
    .align-self-lg-center {
        align-self: center !important
        }
    .align-self-lg-baseline {
        align-self: baseline !important
        }
    .align-self-lg-stretch {
        align-self: stretch !important
        }
    }
.float-left {
    float: left !important
    }
.float-right {
    float: right !important
    }
.float-none {
    float: none !important
    }
@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
        }
    .float-sm-right {
        float: right !important
        }
    .float-sm-none {
        float: none !important
        }
    }
@media (min-width: 768px) {
    .float-md-left {
        float: left !important
        }
    .float-md-right {
        float: right !important
        }
    .float-md-none {
        float: none !important
        }
    }
@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
        }
    .float-lg-right {
        float: right !important
        }
    .float-lg-none {
        float: none !important
        }
    }
.overflow-auto {
    overflow: auto !important
    }
.overflow-hidden {
    overflow: hidden !important
    }
.position-static {
    position: static !important
    }
.position-relative {
    position: relative !important
    }
.position-absolute {
    position: absolute !important
    }
.position-fixed {
    position: fixed !important
    }
.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
    }
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
    }
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
    }
@supports ((position: -webkit-sticky) or (position: sticky)) {
    . sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
        }
    }
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
    }
.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
    }
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(11, 11, 11, 0.075) !important
    }
.shadow {
    box-shadow: 0 0.5rem 1rem rgba(11, 11, 11, 0.15) !important
    }
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(11, 11, 11, 0.175) !important
    }
.shadow-none {
    box-shadow: none !important
    }
.w-25 {
    width: 25% !important
    }
.w-50 {
    width: 50% !important
    }
.w-75 {
    width: 75% !important
    }
.w-100 {
    width: 100% !important
    }
.w-auto {
    width: auto !important
    }
.h-25 {
    height: 25% !important
    }
.h-50 {
    height: 50% !important
    }
.h-75 {
    height: 75% !important
    }
.h-100 {
    height: 100% !important
    }
.h-auto {
    height: auto !important
    }
.mw-100 {
    max-width: 100% !important
    }
.mh-100 {
    max-height: 100% !important
    }
.min-vw-100 {
    min-width: 100vw !important
    }
.min-vh-100 {
    min-height: 100vh !important
    }
.vw-100 {
    width: 100vw !important
    }
.vh-100 {
    height: 100vh !important
    }
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
    }
.m-0 {
    margin: 0 !important
    }
.mt-0, .my-0 {
    margin-top: 0 !important
    }
.mr-0, .mx-0 {
    margin-right: 0 !important
    }
.mb-0, .my-0 {
    margin-bottom: 0 !important
    }
.ml-0, .mx-0 {
    margin-left: 0 !important
    }
.m-1 {
    margin: 0.25rem !important
    }
.mt-1, .my-1 {
    margin-top: 0.25rem !important
    }
.mr-1, .mx-1 {
    margin-right: 0.25rem !important
    }
.mb-1, .my-1 {
    margin-bottom: 0.25rem !important
    }
.ml-1, .mx-1 {
    margin-left: 0.25rem !important
    }
.m-2 {
    margin: 0.5rem !important
    }
.mt-2, .my-2 {
    margin-top: 0.5rem !important
    }
.mr-2, .mx-2 {
    margin-right: 0.5rem !important
    }
.mb-2, .my-2 {
    margin-bottom: 0.5rem !important
    }
.ml-2, .mx-2 {
    margin-left: 0.5rem !important
    }
.m-3 {
    margin: 1rem !important
    }
.mt-3, .my-3 {
    margin-top: 1rem !important
    }
.mr-3, .mx-3 {
    margin-right: 1rem !important
    }
.mb-3, .my-3 {
    margin-bottom: 1rem !important
    }
.ml-3, .mx-3 {
    margin-left: 1rem !important
    }
.m-4 {
    margin: 1.5rem !important
    }
.mt-4, .my-4 {
    margin-top: 1.5rem !important
    }
.mr-4, .mx-4 {
    margin-right: 1.5rem !important
    }
.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
    }
.ml-4, .mx-4 {
    margin-left: 1.5rem !important
    }
.m-5 {
    margin: 3rem !important
    }
.mt-5, .my-5 {
    margin-top: 3rem !important
    }
.mr-5, .mx-5 {
    margin-right: 3rem !important
    }
.mb-5, .my-5 {
    margin-bottom: 3rem !important
    }
.ml-5, .mx-5 {
    margin-left: 3rem !important
    }
.p-0 {
    padding: 0 !important
    }
.pt-0, .py-0 {
    padding-top: 0 !important
    }
.pr-0, .px-0 {
    padding-right: 0 !important
    }
.pb-0, .py-0 {
    padding-bottom: 0 !important
    }
.pl-0, .px-0 {
    padding-left: 0 !important
    }
.p-1 {
    padding: 0.25rem !important
    }
.pt-1, .py-1 {
    padding-top: 0.25rem !important
    }
.pr-1, .px-1 {
    padding-right: 0.25rem !important
    }
.pb-1, .py-1 {
    padding-bottom: 0.25rem !important
    }
.pl-1, .px-1 {
    padding-left: 0.25rem !important
    }
.p-2 {
    padding: 0.5rem !important
    }
.pt-2, .py-2 {
    padding-top: 0.5rem !important
    }
.pr-2, .px-2 {
    padding-right: 0.5rem !important
    }
.pb-2, .py-2 {
    padding-bottom: 0.5rem !important
    }
.pl-2, .px-2 {
    padding-left: 0.5rem !important
    }
.p-3 {
    padding: 1rem !important
    }
.pt-3, .py-3 {
    padding-top: 1rem !important
    }
.pr-3, .px-3 {
    padding-right: 1rem !important
    }
.pb-3, .py-3 {
    padding-bottom: 1rem !important
    }
.pl-3, .px-3 {
    padding-left: 1rem !important
    }
.p-4 {
    padding: 1.5rem !important
    }
.pt-4, .py-4 {
    padding-top: 1.5rem !important
    }
.pr-4, .px-4 {
    padding-right: 1.5rem !important
    }
.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
    }
.pl-4, .px-4 {
    padding-left: 1.5rem !important
    }
.p-5 {
    padding: 3rem !important
    }
.pt-5, .py-5 {
    padding-top: 3rem !important
    }
.pr-5, .px-5 {
    padding-right: 3rem !important
    }
.pb-5, .py-5 {
    padding-bottom: 3rem !important
    }
.pl-5, .px-5 {
    padding-left: 3rem !important
    }
.m-n1 {
    margin: -0.25rem !important
    }
.mt-n1, .my-n1 {
    margin-top: -0.25rem !important
    }
.mr-n1, .mx-n1 {
    margin-right: -0.25rem !important
    }
.mb-n1, .my-n1 {
    margin-bottom: -0.25rem !important
    }
.ml-n1, .mx-n1 {
    margin-left: -0.25rem !important
    }
.m-n2 {
    margin: -0.5rem !important
    }
.mt-n2, .my-n2 {
    margin-top: -0.5rem !important
    }
.mr-n2, .mx-n2 {
    margin-right: -0.5rem !important
    }
.mb-n2, .my-n2 {
    margin-bottom: -0.5rem !important
    }
.ml-n2, .mx-n2 {
    margin-left: -0.5rem !important
    }
.m-n3 {
    margin: -1rem !important
    }
.mt-n3, .my-n3 {
    margin-top: -1rem !important
    }
.mr-n3, .mx-n3 {
    margin-right: -1rem !important
    }
.mb-n3, .my-n3 {
    margin-bottom: -1rem !important
    }
.ml-n3, .mx-n3 {
    margin-left: -1rem !important
    }
.m-n4 {
    margin: -1.5rem !important
    }
.mt-n4, .my-n4 {
    margin-top: -1.5rem !important
    }
.mr-n4, .mx-n4 {
    margin-right: -1.5rem !important
    }
.mb-n4, .my-n4 {
    margin-bottom: -1.5rem !important
    }
.ml-n4, .mx-n4 {
    margin-left: -1.5rem !important
    }
.m-n5 {
    margin: -3rem !important
    }
.mt-n5, .my-n5 {
    margin-top: -3rem !important
    }
.mr-n5, .mx-n5 {
    margin-right: -3rem !important
    }
.mb-n5, .my-n5 {
    margin-bottom: -3rem !important
    }
.ml-n5, .mx-n5 {
    margin-left: -3rem !important
    }
.m-auto {
    margin: auto !important
    }
.mt-auto, .my-auto {
    margin-top: auto !important
    }
.mr-auto, .mx-auto {
    margin-right: auto !important
    }
.mb-auto, .my-auto {
    margin-bottom: auto !important
    }
.ml-auto, .mx-auto {
    margin-left: auto !important
    }
@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
        }
    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
        }
    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
        }
    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
        }
    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
        }
    .m-sm-1 {
        margin: 0.25rem !important
        }
    .mt-sm-1, .my-sm-1 {
        margin-top: 0.25rem !important
        }
    .mr-sm-1, .mx-sm-1 {
        margin-right: 0.25rem !important
        }
    .mb-sm-1, .my-sm-1 {
        margin-bottom: 0.25rem !important
        }
    .ml-sm-1, .mx-sm-1 {
        margin-left: 0.25rem !important
        }
    .m-sm-2 {
        margin: 0.5rem !important
        }
    .mt-sm-2, .my-sm-2 {
        margin-top: 0.5rem !important
        }
    .mr-sm-2, .mx-sm-2 {
        margin-right: 0.5rem !important
        }
    .mb-sm-2, .my-sm-2 {
        margin-bottom: 0.5rem !important
        }
    .ml-sm-2, .mx-sm-2 {
        margin-left: 0.5rem !important
        }
    .m-sm-3 {
        margin: 1rem !important
        }
    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
        }
    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
        }
    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
        }
    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
        }
    .m-sm-4 {
        margin: 1.5rem !important
        }
    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
        }
    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
        }
    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
        }
    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
        }
    .m-sm-5 {
        margin: 3rem !important
        }
    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
        }
    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
        }
    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
        }
    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
        }
    .p-sm-0 {
        padding: 0 !important
        }
    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
        }
    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
        }
    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
        }
    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
        }
    .p-sm-1 {
        padding: 0.25rem !important
        }
    .pt-sm-1, .py-sm-1 {
        padding-top: 0.25rem !important
        }
    .pr-sm-1, .px-sm-1 {
        padding-right: 0.25rem !important
        }
    .pb-sm-1, .py-sm-1 {
        padding-bottom: 0.25rem !important
        }
    .pl-sm-1, .px-sm-1 {
        padding-left: 0.25rem !important
        }
    .p-sm-2 {
        padding: 0.5rem !important
        }
    .pt-sm-2, .py-sm-2 {
        padding-top: 0.5rem !important
        }
    .pr-sm-2, .px-sm-2 {
        padding-right: 0.5rem !important
        }
    .pb-sm-2, .py-sm-2 {
        padding-bottom: 0.5rem !important
        }
    .pl-sm-2, .px-sm-2 {
        padding-left: 0.5rem !important
        }
    .p-sm-3 {
        padding: 1rem !important
        }
    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
        }
    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
        }
    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
        }
    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
        }
    .p-sm-4 {
        padding: 1.5rem !important
        }
    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
        }
    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
        }
    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
        }
    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
        }
    .p-sm-5 {
        padding: 3rem !important
        }
    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
        }
    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
        }
    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
        }
    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
        }
    .m-sm-n1 {
        margin: -0.25rem !important
        }
    .mt-sm-n1, .my-sm-n1 {
        margin-top: -0.25rem !important
        }
    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -0.25rem !important
        }
    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -0.25rem !important
        }
    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -0.25rem !important
        }
    .m-sm-n2 {
        margin: -0.5rem !important
        }
    .mt-sm-n2, .my-sm-n2 {
        margin-top: -0.5rem !important
        }
    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -0.5rem !important
        }
    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -0.5rem !important
        }
    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -0.5rem !important
        }
    .m-sm-n3 {
        margin: -1rem !important
        }
    .mt-sm-n3, .my-sm-n3 {
        margin-top: -1rem !important
        }
    .mr-sm-n3, .mx-sm-n3 {
        margin-right: -1rem !important
        }
    .mb-sm-n3, .my-sm-n3 {
        margin-bottom: -1rem !important
        }
    .ml-sm-n3, .mx-sm-n3 {
        margin-left: -1rem !important
        }
    .m-sm-n4 {
        margin: -1.5rem !important
        }
    .mt-sm-n4, .my-sm-n4 {
        margin-top: -1.5rem !important
        }
    .mr-sm-n4, .mx-sm-n4 {
        margin-right: -1.5rem !important
        }
    .mb-sm-n4, .my-sm-n4 {
        margin-bottom: -1.5rem !important
        }
    .ml-sm-n4, .mx-sm-n4 {
        margin-left: -1.5rem !important
        }
    .m-sm-n5 {
        margin: -3rem !important
        }
    .mt-sm-n5, .my-sm-n5 {
        margin-top: -3rem !important
        }
    .mr-sm-n5, .mx-sm-n5 {
        margin-right: -3rem !important
        }
    .mb-sm-n5, .my-sm-n5 {
        margin-bottom: -3rem !important
        }
    .ml-sm-n5, .mx-sm-n5 {
        margin-left: -3rem !important
        }
    .m-sm-auto {
        margin: auto !important
        }
    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
        }
    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
        }
    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
        }
    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
        }
    }
@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
        }
    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
        }
    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
        }
    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
        }
    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
        }
    .m-md-1 {
        margin: 0.25rem !important
        }
    .mt-md-1, .my-md-1 {
        margin-top: 0.25rem !important
        }
    .mr-md-1, .mx-md-1 {
        margin-right: 0.25rem !important
        }
    .mb-md-1, .my-md-1 {
        margin-bottom: 0.25rem !important
        }
    .ml-md-1, .mx-md-1 {
        margin-left: 0.25rem !important
        }
    .m-md-2 {
        margin: 0.5rem !important
        }
    .mt-md-2, .my-md-2 {
        margin-top: 0.5rem !important
        }
    .mr-md-2, .mx-md-2 {
        margin-right: 0.5rem !important
        }
    .mb-md-2, .my-md-2 {
        margin-bottom: 0.5rem !important
        }
    .ml-md-2, .mx-md-2 {
        margin-left: 0.5rem !important
        }
    .m-md-3 {
        margin: 1rem !important
        }
    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
        }
    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
        }
    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
        }
    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
        }
    .m-md-4 {
        margin: 1.5rem !important
        }
    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
        }
    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
        }
    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
        }
    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
        }
    .m-md-5 {
        margin: 3rem !important
        }
    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
        }
    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
        }
    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
        }
    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
        }
    .p-md-0 {
        padding: 0 !important
        }
    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
        }
    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
        }
    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
        }
    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
        }
    .p-md-1 {
        padding: 0.25rem !important
        }
    .pt-md-1, .py-md-1 {
        padding-top: 0.25rem !important
        }
    .pr-md-1, .px-md-1 {
        padding-right: 0.25rem !important
        }
    .pb-md-1, .py-md-1 {
        padding-bottom: 0.25rem !important
        }
    .pl-md-1, .px-md-1 {
        padding-left: 0.25rem !important
        }
    .p-md-2 {
        padding: 0.5rem !important
        }
    .pt-md-2, .py-md-2 {
        padding-top: 0.5rem !important
        }
    .pr-md-2, .px-md-2 {
        padding-right: 0.5rem !important
        }
    .pb-md-2, .py-md-2 {
        padding-bottom: 0.5rem !important
        }
    .pl-md-2, .px-md-2 {
        padding-left: 0.5rem !important
        }
    .p-md-3 {
        padding: 1rem !important
        }
    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
        }
    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
        }
    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
        }
    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
        }
    .p-md-4 {
        padding: 1.5rem !important
        }
    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
        }
    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
        }
    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
        }
    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
        }
    .p-md-5 {
        padding: 3rem !important
        }
    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
        }
    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
        }
    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
        }
    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
        }
    .m-md-n1 {
        margin: -0.25rem !important
        }
    .mt-md-n1, .my-md-n1 {
        margin-top: -0.25rem !important
        }
    .mr-md-n1, .mx-md-n1 {
        margin-right: -0.25rem !important
        }
    .mb-md-n1, .my-md-n1 {
        margin-bottom: -0.25rem !important
        }
    .ml-md-n1, .mx-md-n1 {
        margin-left: -0.25rem !important
        }
    .m-md-n2 {
        margin: -0.5rem !important
        }
    .mt-md-n2, .my-md-n2 {
        margin-top: -0.5rem !important
        }
    .mr-md-n2, .mx-md-n2 {
        margin-right: -0.5rem !important
        }
    .mb-md-n2, .my-md-n2 {
        margin-bottom: -0.5rem !important
        }
    .ml-md-n2, .mx-md-n2 {
        margin-left: -0.5rem !important
        }
    .m-md-n3 {
        margin: -1rem !important
        }
    .mt-md-n3, .my-md-n3 {
        margin-top: -1rem !important
        }
    .mr-md-n3, .mx-md-n3 {
        margin-right: -1rem !important
        }
    .mb-md-n3, .my-md-n3 {
        margin-bottom: -1rem !important
        }
    .ml-md-n3, .mx-md-n3 {
        margin-left: -1rem !important
        }
    .m-md-n4 {
        margin: -1.5rem !important
        }
    .mt-md-n4, .my-md-n4 {
        margin-top: -1.5rem !important
        }
    .mr-md-n4, .mx-md-n4 {
        margin-right: -1.5rem !important
        }
    .mb-md-n4, .my-md-n4 {
        margin-bottom: -1.5rem !important
        }
    .ml-md-n4, .mx-md-n4 {
        margin-left: -1.5rem !important
        }
    .m-md-n5 {
        margin: -3rem !important
        }
    .mt-md-n5, .my-md-n5 {
        margin-top: -3rem !important
        }
    .mr-md-n5, .mx-md-n5 {
        margin-right: -3rem !important
        }
    .mb-md-n5, .my-md-n5 {
        margin-bottom: -3rem !important
        }
    .ml-md-n5, .mx-md-n5 {
        margin-left: -3rem !important
        }
    .m-md-auto {
        margin: auto !important
        }
    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
        }
    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
        }
    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
        }
    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
        }
    }
@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
        }
    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
        }
    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
        }
    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
        }
    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
        }
    .m-lg-1 {
        margin: 0.25rem !important
        }
    .mt-lg-1, .my-lg-1 {
        margin-top: 0.25rem !important
        }
    .mr-lg-1, .mx-lg-1 {
        margin-right: 0.25rem !important
        }
    .mb-lg-1, .my-lg-1 {
        margin-bottom: 0.25rem !important
        }
    .ml-lg-1, .mx-lg-1 {
        margin-left: 0.25rem !important
        }
    .m-lg-2 {
        margin: 0.5rem !important
        }
    .mt-lg-2, .my-lg-2 {
        margin-top: 0.5rem !important
        }
    .mr-lg-2, .mx-lg-2 {
        margin-right: 0.5rem !important
        }
    .mb-lg-2, .my-lg-2 {
        margin-bottom: 0.5rem !important
        }
    .ml-lg-2, .mx-lg-2 {
        margin-left: 0.5rem !important
        }
    .m-lg-3 {
        margin: 1rem !important
        }
    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
        }
    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
        }
    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
        }
    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
        }
    .m-lg-4 {
        margin: 1.5rem !important
        }
    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
        }
    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
        }
    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
        }
    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
        }
    .m-lg-5 {
        margin: 3rem !important
        }
    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
        }
    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
        }
    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
        }
    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
        }
    .p-lg-0 {
        padding: 0 !important
        }
    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
        }
    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
        }
    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
        }
    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
        }
    .p-lg-1 {
        padding: 0.25rem !important
        }
    .pt-lg-1, .py-lg-1 {
        padding-top: 0.25rem !important
        }
    .pr-lg-1, .px-lg-1 {
        padding-right: 0.25rem !important
        }
    .pb-lg-1, .py-lg-1 {
        padding-bottom: 0.25rem !important
        }
    .pl-lg-1, .px-lg-1 {
        padding-left: 0.25rem !important
        }
    .p-lg-2 {
        padding: 0.5rem !important
        }
    .pt-lg-2, .py-lg-2 {
        padding-top: 0.5rem !important
        }
    .pr-lg-2, .px-lg-2 {
        padding-right: 0.5rem !important
        }
    .pb-lg-2, .py-lg-2 {
        padding-bottom: 0.5rem !important
        }
    .pl-lg-2, .px-lg-2 {
        padding-left: 0.5rem !important
        }
    .p-lg-3 {
        padding: 1rem !important
        }
    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
        }
    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
        }
    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
        }
    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
        }
    .p-lg-4 {
        padding: 1.5rem !important
        }
    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
        }
    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
        }
    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
        }
    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
        }
    .p-lg-5 {
        padding: 3rem !important
        }
    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
        }
    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
        }
    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
        }
    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
        }
    .m-lg-n1 {
        margin: -0.25rem !important
        }
    .mt-lg-n1, .my-lg-n1 {
        margin-top: -0.25rem !important
        }
    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -0.25rem !important
        }
    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -0.25rem !important
        }
    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -0.25rem !important
        }
    .m-lg-n2 {
        margin: -0.5rem !important
        }
    .mt-lg-n2, .my-lg-n2 {
        margin-top: -0.5rem !important
        }
    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -0.5rem !important
        }
    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -0.5rem !important
        }
    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -0.5rem !important
        }
    .m-lg-n3 {
        margin: -1rem !important
        }
    .mt-lg-n3, .my-lg-n3 {
        margin-top: -1rem !important
        }
    .mr-lg-n3, .mx-lg-n3 {
        margin-right: -1rem !important
        }
    .mb-lg-n3, .my-lg-n3 {
        margin-bottom: -1rem !important
        }
    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -1rem !important
        }
    .m-lg-n4 {
        margin: -1.5rem !important
        }
    .mt-lg-n4, .my-lg-n4 {
        margin-top: -1.5rem !important
        }
    .mr-lg-n4, .mx-lg-n4 {
        margin-right: -1.5rem !important
        }
    .mb-lg-n4, .my-lg-n4 {
        margin-bottom: -1.5rem !important
        }
    .ml-lg-n4, .mx-lg-n4 {
        margin-left: -1.5rem !important
        }
    .m-lg-n5 {
        margin: -3rem !important
        }
    .mt-lg-n5, .my-lg-n5 {
        margin-top: -3rem !important
        }
    .mr-lg-n5, .mx-lg-n5 {
        margin-right: -3rem !important
        }
    .mb-lg-n5, .my-lg-n5 {
        margin-bottom: -3rem !important
        }
    .ml-lg-n5, .mx-lg-n5 {
        margin-left: -3rem !important
        }
    .m-lg-auto {
        margin: auto !important
        }
    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
        }
    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
        }
    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
        }
    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
        }
    }
.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
    }
.text-justify {
    text-align: justify !important
    }
.text-wrap {
    white-space: normal !important
    }
.text-nowrap {
    white-space: nowrap !important
    }
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
    }
.text-left {
    text-align: left !important
    }
.text-right {
    text-align: right !important
    }
.text-center {
    text-align: center !important
    }
@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
        }
    .text-sm-right {
        text-align: right !important
        }
    .text-sm-center {
        text-align: center !important
        }
    }
@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
        }
    .text-md-right {
        text-align: right !important
        }
    .text-md-center {
        text-align: center !important
        }
    }
@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
        }
    .text-lg-right {
        text-align: right !important
        }
    .text-lg-center {
        text-align: center !important
        }
    }
@media (min-width: 1300px) {
    .flex-xl-row {
        flex-direction: row !important
        }
    .flex-xl-column {
        flex-direction: column !important
        }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
        }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
        }
    .flex-xl-wrap {
        flex-wrap: wrap !important
        }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
        }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
        }
    .flex-xl-fill {
        flex: 1 1 auto !important
        }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
        }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
        }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
        }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
        }
    .justify-content-xl-start {
        justify-content: flex-start !important
        }
    .justify-content-xl-end {
        justify-content: flex-end !important
        }
    .justify-content-xl-center {
        justify-content: center !important
        }
    .justify-content-xl-between {
        justify-content: space-between !important
        }
    .justify-content-xl-around {
        justify-content: space-around !important
        }
    .align-items-xl-start {
        align-items: flex-start !important
        }
    .align-items-xl-end {
        align-items: flex-end !important
        }
    .align-items-xl-center {
        align-items: center !important
        }
    .align-items-xl-baseline {
        align-items: baseline !important
        }
    .align-items-xl-stretch {
        align-items: stretch !important
        }
    .align-content-xl-start {
        align-content: flex-start !important
        }
    .align-content-xl-end {
        align-content: flex-end !important
        }
    .align-content-xl-center {
        align-content: center !important
        }
    .align-content-xl-between {
        align-content: space-between !important
        }
    .align-content-xl-around {
        align-content: space-around !important
        }
    .align-content-xl-stretch {
        align-content: stretch !important
        }
    .align-self-xl-auto {
        align-self: auto !important
        }
    .align-self-xl-start {
        align-self: flex-start !important
        }
    .align-self-xl-end {
        align-self: flex-end !important
        }
    .align-self-xl-center {
        align-self: center !important
        }
    .align-self-xl-baseline {
        align-self: baseline !important
        }
    .align-self-xl-stretch {
        align-self: stretch !important
        }
    .float-xl-left {
        float: left !important
        }
    .float-xl-right {
        float: right !important
        }
    .float-xl-none {
        float: none !important
        }
    .m-xl-0 {
        margin: 0 !important
        }
    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
        }
    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
        }
    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
        }
    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
        }
    .m-xl-1 {
        margin: 0.25rem !important
        }
    .mt-xl-1, .my-xl-1 {
        margin-top: 0.25rem !important
        }
    .mr-xl-1, .mx-xl-1 {
        margin-right: 0.25rem !important
        }
    .mb-xl-1, .my-xl-1 {
        margin-bottom: 0.25rem !important
        }
    .ml-xl-1, .mx-xl-1 {
        margin-left: 0.25rem !important
        }
    .m-xl-2 {
        margin: 0.5rem !important
        }
    .mt-xl-2, .my-xl-2 {
        margin-top: 0.5rem !important
        }
    .mr-xl-2, .mx-xl-2 {
        margin-right: 0.5rem !important
        }
    .mb-xl-2, .my-xl-2 {
        margin-bottom: 0.5rem !important
        }
    .ml-xl-2, .mx-xl-2 {
        margin-left: 0.5rem !important
        }
    .m-xl-3 {
        margin: 1rem !important
        }
    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
        }
    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
        }
    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
        }
    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
        }
    .m-xl-4 {
        margin: 1.5rem !important
        }
    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
        }
    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
        }
    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
        }
    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
        }
    .m-xl-5 {
        margin: 3rem !important
        }
    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
        }
    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
        }
    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
        }
    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
        }
    .p-xl-0 {
        padding: 0 !important
        }
    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
        }
    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
        }
    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
        }
    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
        }
    .p-xl-1 {
        padding: 0.25rem !important
        }
    .pt-xl-1, .py-xl-1 {
        padding-top: 0.25rem !important
        }
    .pr-xl-1, .px-xl-1 {
        padding-right: 0.25rem !important
        }
    .pb-xl-1, .py-xl-1 {
        padding-bottom: 0.25rem !important
        }
    .pl-xl-1, .px-xl-1 {
        padding-left: 0.25rem !important
        }
    .p-xl-2 {
        padding: 0.5rem !important
        }
    .pt-xl-2, .py-xl-2 {
        padding-top: 0.5rem !important
        }
    .pr-xl-2, .px-xl-2 {
        padding-right: 0.5rem !important
        }
    .pb-xl-2, .py-xl-2 {
        padding-bottom: 0.5rem !important
        }
    .pl-xl-2, .px-xl-2 {
        padding-left: 0.5rem !important
        }
    .p-xl-3 {
        padding: 1rem !important
        }
    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
        }
    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
        }
    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
        }
    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
        }
    .p-xl-4 {
        padding: 1.5rem !important
        }
    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
        }
    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
        }
    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
        }
    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
        }
    .p-xl-5 {
        padding: 3rem !important
        }
    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
        }
    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
        }
    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
        }
    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
        }
    .m-xl-n1 {
        margin: -0.25rem !important
        }
    .mt-xl-n1, .my-xl-n1 {
        margin-top: -0.25rem !important
        }
    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -0.25rem !important
        }
    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -0.25rem !important
        }
    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -0.25rem !important
        }
    .m-xl-n2 {
        margin: -0.5rem !important
        }
    .mt-xl-n2, .my-xl-n2 {
        margin-top: -0.5rem !important
        }
    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -0.5rem !important
        }
    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -0.5rem !important
        }
    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -0.5rem !important
        }
    .m-xl-n3 {
        margin: -1rem !important
        }
    .mt-xl-n3, .my-xl-n3 {
        margin-top: -1rem !important
        }
    .mr-xl-n3, .mx-xl-n3 {
        margin-right: -1rem !important
        }
    .mb-xl-n3, .my-xl-n3 {
        margin-bottom: -1rem !important
        }
    .ml-xl-n3, .mx-xl-n3 {
        margin-left: -1rem !important
        }
    .m-xl-n4 {
        margin: -1.5rem !important
        }
    .mt-xl-n4, .my-xl-n4 {
        margin-top: -1.5rem !important
        }
    .mr-xl-n4, .mx-xl-n4 {
        margin-right: -1.5rem !important
        }
    .mb-xl-n4, .my-xl-n4 {
        margin-bottom: -1.5rem !important
        }
    .ml-xl-n4, .mx-xl-n4 {
        margin-left: -1.5rem !important
        }
    .m-xl-n5 {
        margin: -3rem !important
        }
    .mt-xl-n5, .my-xl-n5 {
        margin-top: -3rem !important
        }
    .mr-xl-n5, .mx-xl-n5 {
        margin-right: -3rem !important
        }
    .mb-xl-n5, .my-xl-n5 {
        margin-bottom: -3rem !important
        }
    .ml-xl-n5, .mx-xl-n5 {
        margin-left: -3rem !important
        }
    .m-xl-auto {
        margin: auto !important
        }
    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
        }
    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
        }
    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
        }
    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
        }
    .text-xl-left {
        text-align: left !important
        }
    .text-xl-right {
        text-align: right !important
        }
    .text-xl-center {
        text-align: center !important
        }
    }
@media (min-width: 1600px) {
    .flex-xxl-row {
        flex-direction: row !important
        }
    .flex-xxl-column {
        flex-direction: column !important
        }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
        }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
        }
    .flex-xxl-wrap {
        flex-wrap: wrap !important
        }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
        }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
        }
    .flex-xxl-fill {
        flex: 1 1 auto !important
        }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important
        }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important
        }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
        }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
        }
    .justify-content-xxl-start {
        justify-content: flex-start !important
        }
    .justify-content-xxl-end {
        justify-content: flex-end !important
        }
    .justify-content-xxl-center {
        justify-content: center !important
        }
    .justify-content-xxl-between {
        justify-content: space-between !important
        }
    .justify-content-xxl-around {
        justify-content: space-around !important
        }
    .align-items-xxl-start {
        align-items: flex-start !important
        }
    .align-items-xxl-end {
        align-items: flex-end !important
        }
    .align-items-xxl-center {
        align-items: center !important
        }
    .align-items-xxl-baseline {
        align-items: baseline !important
        }
    .align-items-xxl-stretch {
        align-items: stretch !important
        }
    .align-content-xxl-start {
        align-content: flex-start !important
        }
    .align-content-xxl-end {
        align-content: flex-end !important
        }
    .align-content-xxl-center {
        align-content: center !important
        }
    .align-content-xxl-between {
        align-content: space-between !important
        }
    .align-content-xxl-around {
        align-content: space-around !important
        }
    .align-content-xxl-stretch {
        align-content: stretch !important
        }
    .align-self-xxl-auto {
        align-self: auto !important
        }
    .align-self-xxl-start {
        align-self: flex-start !important
        }
    .align-self-xxl-end {
        align-self: flex-end !important
        }
    .align-self-xxl-center {
        align-self: center !important
        }
    .align-self-xxl-baseline {
        align-self: baseline !important
        }
    .align-self-xxl-stretch {
        align-self: stretch !important
        }
    .float-xxl-left {
        float: left !important
        }
    .float-xxl-right {
        float: right !important
        }
    .float-xxl-none {
        float: none !important
        }
    .m-xxl-0 {
        margin: 0 !important
        }
    .mt-xxl-0, .my-xxl-0 {
        margin-top: 0 !important
        }
    .mr-xxl-0, .mx-xxl-0 {
        margin-right: 0 !important
        }
    .mb-xxl-0, .my-xxl-0 {
        margin-bottom: 0 !important
        }
    .ml-xxl-0, .mx-xxl-0 {
        margin-left: 0 !important
        }
    .m-xxl-1 {
        margin: 0.25rem !important
        }
    .mt-xxl-1, .my-xxl-1 {
        margin-top: 0.25rem !important
        }
    .mr-xxl-1, .mx-xxl-1 {
        margin-right: 0.25rem !important
        }
    .mb-xxl-1, .my-xxl-1 {
        margin-bottom: 0.25rem !important
        }
    .ml-xxl-1, .mx-xxl-1 {
        margin-left: 0.25rem !important
        }
    .m-xxl-2 {
        margin: 0.5rem !important
        }
    .mt-xxl-2, .my-xxl-2 {
        margin-top: 0.5rem !important
        }
    .mr-xxl-2, .mx-xxl-2 {
        margin-right: 0.5rem !important
        }
    .mb-xxl-2, .my-xxl-2 {
        margin-bottom: 0.5rem !important
        }
    .ml-xxl-2, .mx-xxl-2 {
        margin-left: 0.5rem !important
        }
    .m-xxl-3 {
        margin: 1rem !important
        }
    .mt-xxl-3, .my-xxl-3 {
        margin-top: 1rem !important
        }
    .mr-xxl-3, .mx-xxl-3 {
        margin-right: 1rem !important
        }
    .mb-xxl-3, .my-xxl-3 {
        margin-bottom: 1rem !important
        }
    .ml-xxl-3, .mx-xxl-3 {
        margin-left: 1rem !important
        }
    .m-xxl-4 {
        margin: 1.5rem !important
        }
    .mt-xxl-4, .my-xxl-4 {
        margin-top: 1.5rem !important
        }
    .mr-xxl-4, .mx-xxl-4 {
        margin-right: 1.5rem !important
        }
    .mb-xxl-4, .my-xxl-4 {
        margin-bottom: 1.5rem !important
        }
    .ml-xxl-4, .mx-xxl-4 {
        margin-left: 1.5rem !important
        }
    .m-xxl-5 {
        margin: 3rem !important
        }
    .mt-xxl-5, .my-xxl-5 {
        margin-top: 3rem !important
        }
    .mr-xxl-5, .mx-xxl-5 {
        margin-right: 3rem !important
        }
    .mb-xxl-5, .my-xxl-5 {
        margin-bottom: 3rem !important
        }
    .ml-xxl-5, .mx-xxl-5 {
        margin-left: 3rem !important
        }
    .p-xxl-0 {
        padding: 0 !important
        }
    .pt-xxl-0, .py-xxl-0 {
        padding-top: 0 !important
        }
    .pr-xxl-0, .px-xxl-0 {
        padding-right: 0 !important
        }
    .pb-xxl-0, .py-xxl-0 {
        padding-bottom: 0 !important
        }
    .pl-xxl-0, .px-xxl-0 {
        padding-left: 0 !important
        }
    .p-xxl-1 {
        padding: 0.25rem !important
        }
    .pt-xxl-1, .py-xxl-1 {
        padding-top: 0.25rem !important
        }
    .pr-xxl-1, .px-xxl-1 {
        padding-right: 0.25rem !important
        }
    .pb-xxl-1, .py-xxl-1 {
        padding-bottom: 0.25rem !important
        }
    .pl-xxl-1, .px-xxl-1 {
        padding-left: 0.25rem !important
        }
    .p-xxl-2 {
        padding: 0.5rem !important
        }
    .pt-xxl-2, .py-xxl-2 {
        padding-top: 0.5rem !important
        }
    .pr-xxl-2, .px-xxl-2 {
        padding-right: 0.5rem !important
        }
    .pb-xxl-2, .py-xxl-2 {
        padding-bottom: 0.5rem !important
        }
    .pl-xxl-2, .px-xxl-2 {
        padding-left: 0.5rem !important
        }
    .p-xxl-3 {
        padding: 1rem !important
        }
    .pt-xxl-3, .py-xxl-3 {
        padding-top: 1rem !important
        }
    .pr-xxl-3, .px-xxl-3 {
        padding-right: 1rem !important
        }
    .pb-xxl-3, .py-xxl-3 {
        padding-bottom: 1rem !important
        }
    .pl-xxl-3, .px-xxl-3 {
        padding-left: 1rem !important
        }
    .p-xxl-4 {
        padding: 1.5rem !important
        }
    .pt-xxl-4, .py-xxl-4 {
        padding-top: 1.5rem !important
        }
    .pr-xxl-4, .px-xxl-4 {
        padding-right: 1.5rem !important
        }
    .pb-xxl-4, .py-xxl-4 {
        padding-bottom: 1.5rem !important
        }
    .pl-xxl-4, .px-xxl-4 {
        padding-left: 1.5rem !important
        }
    .p-xxl-5 {
        padding: 3rem !important
        }
    .pt-xxl-5, .py-xxl-5 {
        padding-top: 3rem !important
        }
    .pr-xxl-5, .px-xxl-5 {
        padding-right: 3rem !important
        }
    .pb-xxl-5, .py-xxl-5 {
        padding-bottom: 3rem !important
        }
    .pl-xxl-5, .px-xxl-5 {
        padding-left: 3rem !important
        }
    .m-xxl-n1 {
        margin: -0.25rem !important
        }
    .mt-xxl-n1, .my-xxl-n1 {
        margin-top: -0.25rem !important
        }
    .mr-xxl-n1, .mx-xxl-n1 {
        margin-right: -0.25rem !important
        }
    .mb-xxl-n1, .my-xxl-n1 {
        margin-bottom: -0.25rem !important
        }
    .ml-xxl-n1, .mx-xxl-n1 {
        margin-left: -0.25rem !important
        }
    .m-xxl-n2 {
        margin: -0.5rem !important
        }
    .mt-xxl-n2, .my-xxl-n2 {
        margin-top: -0.5rem !important
        }
    .mr-xxl-n2, .mx-xxl-n2 {
        margin-right: -0.5rem !important
        }
    .mb-xxl-n2, .my-xxl-n2 {
        margin-bottom: -0.5rem !important
        }
    .ml-xxl-n2, .mx-xxl-n2 {
        margin-left: -0.5rem !important
        }
    .m-xxl-n3 {
        margin: -1rem !important
        }
    .mt-xxl-n3, .my-xxl-n3 {
        margin-top: -1rem !important
        }
    .mr-xxl-n3, .mx-xxl-n3 {
        margin-right: -1rem !important
        }
    .mb-xxl-n3, .my-xxl-n3 {
        margin-bottom: -1rem !important
        }
    .ml-xxl-n3, .mx-xxl-n3 {
        margin-left: -1rem !important
        }
    .m-xxl-n4 {
        margin: -1.5rem !important
        }
    .mt-xxl-n4, .my-xxl-n4 {
        margin-top: -1.5rem !important
        }
    .mr-xxl-n4, .mx-xxl-n4 {
        margin-right: -1.5rem !important
        }
    .mb-xxl-n4, .my-xxl-n4 {
        margin-bottom: -1.5rem !important
        }
    .ml-xxl-n4, .mx-xxl-n4 {
        margin-left: -1.5rem !important
        }
    .m-xxl-n5 {
        margin: -3rem !important
        }
    .mt-xxl-n5, .my-xxl-n5 {
        margin-top: -3rem !important
        }
    .mr-xxl-n5, .mx-xxl-n5 {
        margin-right: -3rem !important
        }
    .mb-xxl-n5, .my-xxl-n5 {
        margin-bottom: -3rem !important
        }
    .ml-xxl-n5, .mx-xxl-n5 {
        margin-left: -3rem !important
        }
    .m-xxl-auto {
        margin: auto !important
        }
    .mt-xxl-auto, .my-xxl-auto {
        margin-top: auto !important
        }
    .mr-xxl-auto, .mx-xxl-auto {
        margin-right: auto !important
        }
    .mb-xxl-auto, .my-xxl-auto {
        margin-bottom: auto !important
        }
    .ml-xxl-auto, .mx-xxl-auto {
        margin-left: auto !important
        }
    .text-xxl-left {
        text-align: left !important
        }
    .text-xxl-right {
        text-align: right !important
        }
    .text-xxl-center {
        text-align: center !important
        }
    }
.text-lowercase {
    text-transform: lowercase !important
    }
.text-uppercase {
    text-transform: uppercase !important
    }
.text-capitalize {
    text-transform: capitalize !important
    }
.font-weight-light {
    font-weight: 300 !important
    }
.font-weight-lighter {
    font-weight: lighter !important
    }
.font-weight-normal {
    font-weight: 400 !important
    }
.font-weight-bold {
    font-weight: 700 !important
    }
.font-weight-bolder {
    font-weight: bolder !important
    }
.font-italic {
    font-style: italic !important
    }
.text-white {
    color: #fff !important
    }
.text-primary {
    color: #007bff !important
    }
a.text-primary:focus, a.text-primary:hover {
    color: #0056b3 !important
    }
.text-secondary {
    color: #6c757d !important
    }
a.text-secondary:focus, a.text-secondary:hover {
    color: #494f54 !important
    }
.text-success {
    color: #28a745 !important
    }
a.text-success:focus, a.text-success:hover {
    color: #19692c !important
    }
.text-info {
    color: #00adef !important
    }
a.text-info:focus, a.text-info:hover {
    color: #0076a3 !important
    }
.text-warning {
    color: #ffc107 !important
    }
a.text-warning:focus, a.text-warning:hover {
    color: #ba8b00 !important
    }
.text-danger {
    color: #dc3545 !important
    }
a.text-danger:focus, a.text-danger:hover {
    color: #a71d2a !important
    }
.text-light {
    color: #f8f9fa !important
    }
a.text-light:focus, a.text-light:hover {
    color: #cbd3da !important
    }
.text-dark {
    color: #343a40 !important
    }
a.text-dark:focus, a.text-dark:hover {
    color: #121416 !important
    }
.text-body {
    color: #212529 !important
    }
.text-muted {
    color: #6c757d !important
    }
.text-black-50 {
    color: rgba(11, 11, 11, 0.5) !important
    }
.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important
    }
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
    }
.text-decoration-none {
    text-decoration: none !important
    }
.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important
    }
.text-reset {
    color: inherit !important
    }
.visible {
    visibility: visible !important
    }
.invisible {
    visibility: hidden !important
    }
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem
    }
.alert-heading {
    color: inherit
    }
.alert-link {
    font-weight: 700
    }
.alert-dismissible {
    padding-right: 4rem
    }
.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit
    }
.alert-primary {
    color: #05458a;
    background-color: #cce5ff;
    border-color: #b8daff
    }
.alert-primary hr {
    border-top-color: #9fcdff
    }
.alert-primary .alert-link {
    color: #032c59
    }
.alert-secondary {
    color: #3d4246;
    background-color: #e2e3e5;
    border-color: #d6d8db
    }
.alert-secondary hr {
    border-top-color: #c8cbcf
    }
.alert-secondary .alert-link {
    color: #25282b
    }
.alert-success {
    color: #1a5c29;
    background-color: #d4edda;
    border-color: #c3e6cb
    }
.alert-success hr {
    border-top-color: #b1dfbb
    }
.alert-success .alert-link {
    color: #0f3417
    }
.alert-info {
    color: #055f82;
    background-color: #cceffc;
    border-color: #b8e8fb
    }
.alert-info hr {
    border-top-color: #a0e0fa
    }
.alert-info .alert-link {
    color: #033b51
    }
.alert-warning {
    color: #8a6a09;
    background-color: #fff3cd;
    border-color: #ffeeba
    }
.alert-warning hr {
    border-top-color: #ffe8a1
    }
.alert-warning .alert-link {
    color: #5a4506
    }
.alert-danger {
    color: #782129;
    background-color: #f8d7da;
    border-color: #f5c6cb
    }
.alert-danger hr {
    border-top-color: #f1b0b7
    }
.alert-danger .alert-link {
    color: #50161b
    }
.alert-light {
    color: #868787;
    background-color: #fefefe;
    border-color: #fdfdfe
    }
.alert-light hr {
    border-top-color: #ececf6
    }
.alert-light .alert-link {
    color: #6d6d6d
    }
.alert-dark {
    color: #202327;
    background-color: #d6d8d9;
    border-color: #c6c8ca
    }
.alert-dark hr {
    border-top-color: #b9bbbe
    }
.alert-dark .alert-link {
    color: #090a0b
    }
.img-fluid {
    max-width: 100%;
    height: auto
    }
.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto
    }
.figure {
    display: inline-block
    }
.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1
    }
.figure-caption {
    font-size: 90%;
    color: #6c757d
    }
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
    }
@media (min-width: 576px) {
    .container {
        max-width: 767px
        }
    }
@media (min-width: 768px) {
    .container {
        max-width: 811px
        }
    }
@media (min-width: 992px) {
    .container {
        max-width: 1119px
        }
    }
@media (min-width: 1300px) {
    .container {
        max-width: 1440px
        }
    }
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%
    }
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 767px
        }
    }
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 811px
        }
    }
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1119px
        }
    }
@media (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1440px
        }
    }
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
    }
.no-gutters {
    margin-right: 0;
    margin-left: 0
    }
.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
    }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
    }
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
    }
.row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%
    }
.row-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%
    }
.row-cols-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
    }
.row-cols-4 > * {
    flex: 0 0 25%;
    max-width: 25%
    }
.row-cols-5 > * {
    flex: 0 0 20%;
    max-width: 20%
    }
.row-cols-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
    }
.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
    }
.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
    }
.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
    }
.col-3 {
    flex: 0 0 25%;
    max-width: 25%
    }
.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
    }
.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
    }
.col-6 {
    flex: 0 0 50%;
    max-width: 50%
    }
.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
    }
.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
    }
.col-9 {
    flex: 0 0 75%;
    max-width: 75%
    }
.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
    }
.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
    }
.col-12 {
    flex: 0 0 100%;
    max-width: 100%
    }
.order-first {
    order: -1
    }
.order-last {
    order: 13
    }
.order-0 {
    order: 0
    }
.order-1 {
    order: 1
    }
.order-2 {
    order: 2
    }
.order-3 {
    order: 3
    }
.order-4 {
    order: 4
    }
.order-5 {
    order: 5
    }
.order-6 {
    order: 6
    }
.order-7 {
    order: 7
    }
.order-8 {
    order: 8
    }
.order-9 {
    order: 9
    }
.order-10 {
    order: 10
    }
.order-11 {
    order: 11
    }
.order-12 {
    order: 12
    }
.offset-1 {
    margin-left: 8.333333%
    }
.offset-2 {
    margin-left: 16.666667%
    }
.offset-3 {
    margin-left: 25%
    }
.offset-4 {
    margin-left: 33.333333%
    }
.offset-5 {
    margin-left: 41.666667%
    }
.offset-6 {
    margin-left: 50%
    }
.offset-7 {
    margin-left: 58.333333%
    }
.offset-8 {
    margin-left: 66.666667%
    }
.offset-9 {
    margin-left: 75%
    }
.offset-10 {
    margin-left: 83.333333%
    }
.offset-11 {
    margin-left: 91.666667%
    }
@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
        }
    .row-cols-sm-1 > * {
        flex: 0 0 100%;
        max-width: 100%
        }
    .row-cols-sm-2 > * {
        flex: 0 0 50%;
        max-width: 50%
        }
    .row-cols-sm-3 > * {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    .row-cols-sm-4 > * {
        flex: 0 0 25%;
        max-width: 25%
        }
    .row-cols-sm-5 > * {
        flex: 0 0 20%;
        max-width: 20%
        }
    .row-cols-sm-6 > * {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
        }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
        }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
        }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
        }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
        }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
        }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
        }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
        }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
        }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
        }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
        }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
        }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
        }
    .order-sm-first {
        order: -1
        }
    .order-sm-last {
        order: 13
        }
    .order-sm-0 {
        order: 0
        }
    .order-sm-1 {
        order: 1
        }
    .order-sm-2 {
        order: 2
        }
    .order-sm-3 {
        order: 3
        }
    .order-sm-4 {
        order: 4
        }
    .order-sm-5 {
        order: 5
        }
    .order-sm-6 {
        order: 6
        }
    .order-sm-7 {
        order: 7
        }
    .order-sm-8 {
        order: 8
        }
    .order-sm-9 {
        order: 9
        }
    .order-sm-10 {
        order: 10
        }
    .order-sm-11 {
        order: 11
        }
    .order-sm-12 {
        order: 12
        }
    .offset-sm-0 {
        margin-left: 0
        }
    .offset-sm-1 {
        margin-left: 8.333333%
        }
    .offset-sm-2 {
        margin-left: 16.666667%
        }
    .offset-sm-3 {
        margin-left: 25%
        }
    .offset-sm-4 {
        margin-left: 33.333333%
        }
    .offset-sm-5 {
        margin-left: 41.666667%
        }
    .offset-sm-6 {
        margin-left: 50%
        }
    .offset-sm-7 {
        margin-left: 58.333333%
        }
    .offset-sm-8 {
        margin-left: 66.666667%
        }
    .offset-sm-9 {
        margin-left: 75%
        }
    .offset-sm-10 {
        margin-left: 83.333333%
        }
    .offset-sm-11 {
        margin-left: 91.666667%
        }
    }
@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
        }
    .row-cols-md-1 > * {
        flex: 0 0 100%;
        max-width: 100%
        }
    .row-cols-md-2 > * {
        flex: 0 0 50%;
        max-width: 50%
        }
    .row-cols-md-3 > * {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    .row-cols-md-4 > * {
        flex: 0 0 25%;
        max-width: 25%
        }
    .row-cols-md-5 > * {
        flex: 0 0 20%;
        max-width: 20%
        }
    .row-cols-md-6 > * {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
        }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
        }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
        }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
        }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
        }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
        }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
        }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
        }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
        }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
        }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
        }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
        }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
        }
    .order-md-first {
        order: -1
        }
    .order-md-last {
        order: 13
        }
    .order-md-0 {
        order: 0
        }
    .order-md-1 {
        order: 1
        }
    .order-md-2 {
        order: 2
        }
    .order-md-3 {
        order: 3
        }
    .order-md-4 {
        order: 4
        }
    .order-md-5 {
        order: 5
        }
    .order-md-6 {
        order: 6
        }
    .order-md-7 {
        order: 7
        }
    .order-md-8 {
        order: 8
        }
    .order-md-9 {
        order: 9
        }
    .order-md-10 {
        order: 10
        }
    .order-md-11 {
        order: 11
        }
    .order-md-12 {
        order: 12
        }
    .offset-md-0 {
        margin-left: 0
        }
    .offset-md-1 {
        margin-left: 8.333333%
        }
    .offset-md-2 {
        margin-left: 16.666667%
        }
    .offset-md-3 {
        margin-left: 25%
        }
    .offset-md-4 {
        margin-left: 33.333333%
        }
    .offset-md-5 {
        margin-left: 41.666667%
        }
    .offset-md-6 {
        margin-left: 50%
        }
    .offset-md-7 {
        margin-left: 58.333333%
        }
    .offset-md-8 {
        margin-left: 66.666667%
        }
    .offset-md-9 {
        margin-left: 75%
        }
    .offset-md-10 {
        margin-left: 83.333333%
        }
    .offset-md-11 {
        margin-left: 91.666667%
        }
    }
@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
        }
    .row-cols-lg-1 > * {
        flex: 0 0 100%;
        max-width: 100%
        }
    .row-cols-lg-2 > * {
        flex: 0 0 50%;
        max-width: 50%
        }
    .row-cols-lg-3 > * {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    .row-cols-lg-4 > * {
        flex: 0 0 25%;
        max-width: 25%
        }
    .row-cols-lg-5 > * {
        flex: 0 0 20%;
        max-width: 20%
        }
    .row-cols-lg-6 > * {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
        }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
        }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
        }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
        }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
        }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
        }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
        }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
        }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
        }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
        }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
        }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
        }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
        }
    .order-lg-first {
        order: -1
        }
    .order-lg-last {
        order: 13
        }
    .order-lg-0 {
        order: 0
        }
    .order-lg-1 {
        order: 1
        }
    .order-lg-2 {
        order: 2
        }
    .order-lg-3 {
        order: 3
        }
    .order-lg-4 {
        order: 4
        }
    .order-lg-5 {
        order: 5
        }
    .order-lg-6 {
        order: 6
        }
    .order-lg-7 {
        order: 7
        }
    .order-lg-8 {
        order: 8
        }
    .order-lg-9 {
        order: 9
        }
    .order-lg-10 {
        order: 10
        }
    .order-lg-11 {
        order: 11
        }
    .order-lg-12 {
        order: 12
        }
    .offset-lg-0 {
        margin-left: 0
        }
    .offset-lg-1 {
        margin-left: 8.333333%
        }
    .offset-lg-2 {
        margin-left: 16.666667%
        }
    .offset-lg-3 {
        margin-left: 25%
        }
    .offset-lg-4 {
        margin-left: 33.333333%
        }
    .offset-lg-5 {
        margin-left: 41.666667%
        }
    .offset-lg-6 {
        margin-left: 50%
        }
    .offset-lg-7 {
        margin-left: 58.333333%
        }
    .offset-lg-8 {
        margin-left: 66.666667%
        }
    .offset-lg-9 {
        margin-left: 75%
        }
    .offset-lg-10 {
        margin-left: 83.333333%
        }
    .offset-lg-11 {
        margin-left: 91.666667%
        }
    }
@media (min-width: 1300px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
        }
    .row-cols-xl-1 > * {
        flex: 0 0 100%;
        max-width: 100%
        }
    .row-cols-xl-2 > * {
        flex: 0 0 50%;
        max-width: 50%
        }
    .row-cols-xl-3 > * {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    .row-cols-xl-4 > * {
        flex: 0 0 25%;
        max-width: 25%
        }
    .row-cols-xl-5 > * {
        flex: 0 0 20%;
        max-width: 20%
        }
    .row-cols-xl-6 > * {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
        }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
        }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
        }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
        }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
        }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
        }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
        }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
        }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
        }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
        }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
        }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
        }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
        }
    .order-xl-first {
        order: -1
        }
    .order-xl-last {
        order: 13
        }
    .order-xl-0 {
        order: 0
        }
    .order-xl-1 {
        order: 1
        }
    .order-xl-2 {
        order: 2
        }
    .order-xl-3 {
        order: 3
        }
    .order-xl-4 {
        order: 4
        }
    .order-xl-5 {
        order: 5
        }
    .order-xl-6 {
        order: 6
        }
    .order-xl-7 {
        order: 7
        }
    .order-xl-8 {
        order: 8
        }
    .order-xl-9 {
        order: 9
        }
    .order-xl-10 {
        order: 10
        }
    .order-xl-11 {
        order: 11
        }
    .order-xl-12 {
        order: 12
        }
    .offset-xl-0 {
        margin-left: 0
        }
    .offset-xl-1 {
        margin-left: 8.333333%
        }
    .offset-xl-2 {
        margin-left: 16.666667%
        }
    .offset-xl-3 {
        margin-left: 25%
        }
    .offset-xl-4 {
        margin-left: 33.333333%
        }
    .offset-xl-5 {
        margin-left: 41.666667%
        }
    .offset-xl-6 {
        margin-left: 50%
        }
    .offset-xl-7 {
        margin-left: 58.333333%
        }
    .offset-xl-8 {
        margin-left: 66.666667%
        }
    .offset-xl-9 {
        margin-left: 75%
        }
    .offset-xl-10 {
        margin-left: 83.333333%
        }
    .offset-xl-11 {
        margin-left: 91.666667%
        }
    }
@media (min-width: 1600px) {
    .col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
        }
    .row-cols-xxl-1 > * {
        flex: 0 0 100%;
        max-width: 100%
        }
    .row-cols-xxl-2 > * {
        flex: 0 0 50%;
        max-width: 50%
        }
    .row-cols-xxl-3 > * {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    .row-cols-xxl-4 > * {
        flex: 0 0 25%;
        max-width: 25%
        }
    .row-cols-xxl-5 > * {
        flex: 0 0 20%;
        max-width: 20%
        }
    .row-cols-xxl-6 > * {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
        }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
        }
    .col-xxl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
        }
    .col-xxl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
        }
    .col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%
        }
    .col-xxl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    .col-xxl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
        }
    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%
        }
    .col-xxl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
        }
    .col-xxl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
        }
    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%
        }
    .col-xxl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
        }
    .col-xxl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
        }
    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%
        }
    .order-xxl-first {
        order: -1
        }
    .order-xxl-last {
        order: 13
        }
    .order-xxl-0 {
        order: 0
        }
    .order-xxl-1 {
        order: 1
        }
    .order-xxl-2 {
        order: 2
        }
    .order-xxl-3 {
        order: 3
        }
    .order-xxl-4 {
        order: 4
        }
    .order-xxl-5 {
        order: 5
        }
    .order-xxl-6 {
        order: 6
        }
    .order-xxl-7 {
        order: 7
        }
    .order-xxl-8 {
        order: 8
        }
    .order-xxl-9 {
        order: 9
        }
    .order-xxl-10 {
        order: 10
        }
    .order-xxl-11 {
        order: 11
        }
    .order-xxl-12 {
        order: 12
        }
    .offset-xxl-0 {
        margin-left: 0
        }
    .offset-xxl-1 {
        margin-left: 8.333333%
        }
    .offset-xxl-2 {
        margin-left: 16.666667%
        }
    .offset-xxl-3 {
        margin-left: 25%
        }
    .offset-xxl-4 {
        margin-left: 33.333333%
        }
    .offset-xxl-5 {
        margin-left: 41.666667%
        }
    .offset-xxl-6 {
        margin-left: 50%
        }
    .offset-xxl-7 {
        margin-left: 58.333333%
        }
    .offset-xxl-8 {
        margin-left: 66.666667%
        }
    .offset-xxl-9 {
        margin-left: 75%
        }
    .offset-xxl-10 {
        margin-left: 83.333333%
        }
    .offset-xxl-11 {
        margin-left: 91.666667%
        }
    }
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    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::-ms-expand {
    background-color: transparent;
    border: 0
    }
.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
    }
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
    }
.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
    }
.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
    }
.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
    }
.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
    }
.form-control::placeholder {
    color: #6c757d;
    opacity: 1
    }
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
    }
select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
    }
.form-control-file, .form-control-range {
    display: block;
    width: 100%
    }
.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
    }
.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
    }
.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5
    }
.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
    }
.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
    }
.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem
    }
.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem
    }
select.form-control[multiple], select.form-control[size], textarea.form-control {
    height: auto
    }
.form-group {
    margin-bottom: 1rem
    }
.form-text {
    display: block;
    margin-top: 0.25rem
    }
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
    }
.form-row > .col, .form-row > [class*=col-] {
    padding-right: 5px;
    padding-left: 5px
    }
.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
    }
.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem
    }
.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    color: #6c757d
    }
.form-check-label {
    margin-bottom: 0
    }
.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem
    }
.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0
    }
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745
    }
.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;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem
    }
.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
    display: block
    }
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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)
    }
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 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)
    }
.custom-select.is-valid, .was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat #fff
    }
.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25)
    }
.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #28a745
    }
.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
    display: block
    }
.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #28a745
    }
.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
    border-color: #28a745
    }
.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
    }
.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25)
    }
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745
    }
.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #28a745
    }
.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25)
    }
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545
    }
.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;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem
    }
.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
    display: block
    }
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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='%23dc3545' 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)
    }
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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)
    }
.custom-select.is-invalid, .was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat #fff
    }
.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25)
    }
.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545
    }
.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block
    }
.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #dc3545
    }
.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    border-color: #dc3545
    }
.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
    }
.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25)
    }
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545
    }
.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #dc3545
    }
.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25)
    }
.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
    }
.form-inline .form-check {
    width: 100%
    }
@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
        }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
        }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
        }
    .form-inline .form-control-plaintext {
        display: inline-block
        }
    .form-inline .custom-select, .form-inline .input-group {
        width: auto
        }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
        }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0
        }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
        }
    .form-inline .custom-control-label {
        margin-bottom: 0
        }
    }
.dropdown, .dropleft, .dropright, .dropup {
    position: relative
    }
.dropdown-toggle {
    white-space: nowrap
    }
.dropdown-toggle::after {
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent
    }
.dropdown-toggle:empty::after {
    margin-left: 0
    }
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    min-width: 10rem;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.25rem
    }
.dropdown-menu-left {
    right: auto;
    left: 0
    }
.dropdown-menu-right {
    right: 0;
    left: auto
    }
@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
        }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
        }
    }
@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
        }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
        }
    }
@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
        }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
        }
    }
@media (min-width: 1300px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
        }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
        }
    }
@media (min-width: 1600px) {
    .dropdown-menu-xxl-left {
        right: auto;
        left: 0
        }
    .dropdown-menu-xxl-right {
        right: 0;
        left: auto
        }
    body.ad-paw-is-visible .sidenav--talk .menu-left__brand .logo {
        padding: 40px 25px
        }
    }
.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem
    }
.dropup .dropdown-toggle::after {
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent
    }
.dropup .dropdown-toggle:empty::after {
    margin-left: 0
    }
.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem
    }
.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
    vertical-align: 0
    }
.dropright .dropdown-toggle:empty::after {
    margin-left: 0
    }
.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem
    }
.dropleft .dropdown-toggle::after {
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    display: none
    }
.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
    vertical-align: 0
    }
.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
    }
.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
    }
.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
    }
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
    }
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
    }
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
    }
.dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent
    }
.dropdown-menu.show {
    display: block
    }
.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap
    }
.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529
    }
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
    }
.nav-link {
    display: block;
    padding: 0.5rem 1rem
    }
.nav-link:focus, .nav-link:hover {
    text-decoration: none
    }
.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
    }
.nav-tabs {
    border-bottom: 1px solid #dee2e6
    }
.nav-tabs .nav-item {
    margin-bottom: -1px
    }
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem
    }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
    }
.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
    }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
    }
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
    }
.nav-pills .nav-link {
    border-radius: 0.25rem
    }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff
    }
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
    }
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
    }
.tab-content > .tab-pane {
    display: none
    }
.tab-content > .active {
    display: block
    }
.carousel {
    position: relative
    }
.carousel.pointer-event {
    touch-action: pan-y
    }
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
    }
.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
    }
.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out
    }
.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {
    transform: translatex(100%)
    }
.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {
    transform: translatex(-100%)
    }
.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
    }
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
    }
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s
    }
@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right, .carousel-item {
        transition: none
        }
    }
.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease
    }
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9
    }
.carousel-control-prev {
    left: 0
    }
.carousel-control-next {
    right: 0
    }
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
    }
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
    }
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
    }
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
    }
.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease
    }
@media (prefers-reduced-motion: reduce) {
    .carousel-control-next, .carousel-control-prev, .carousel-indicators li {
        transition: none
        }
    }
.carousel-indicators .active {
    opacity: 1
    }
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
    }
.newsletter-block .notice a {
    text-decoration: underline
    }
.newsletter-block .notice a:hover {
    text-decoration: none
    }
.c-card--audio .c-card__toggle:before, .c-card-placeholder--audio .c-card-placeholder__image::before, .c-card-placeholder--audio-compact .c-card-placeholder__image::before, .c-card-placeholder__image::after {
    display: block;
    position: absolute;
    content: ""
    }
*, ::after, ::before {
    box-sizing: inherit
    }
* {
    font: inherit
    }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0
    }
html {
    box-sizing: border-box
    }
article, aside, details, figcaption, figure, footer, form legend, header, hgroup, main, menu, nav, picture, section, time {
    display: block
    }
h1, h2, h3, h4, h5, h6 {
    font-weight: 400
    }
ol, ul {
    list-style: none
    }
blockquote, q {
    quotes: none
    }
figure, img, picture, svg, video {
    max-width: 100%
    }
figure > img, picture > img {
    width: 100%;
    max-width: inherit
    }
article ul {
    list-style-type: disc
    }
article ol {
    list-style-type: decimal
    }
button, input, select, textarea {
    margin: 0
    }
button {
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
    }
select.form-control::-ms-expand {
    display: none
    }
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
    }
input::-ms-clear {
    display: none
    }
table {
    border-spacing: 0;
    border-collapse: collapse
    }
address {
    font-style: normal
    }
body {
    background-color: #fff;
    font-size: 1em
    }
a {
    text-decoration: none;
    cursor: pointer
    }
a.cta::after {
    content: "⟶";
    margin-left: 0.5em
    }
.logo--cmi.logo--inverted .text--cogeco {
    fill: #fff
    }
.mat-expansion-panel-header, body, input {
    font-family: "Work Sans", Helvetica, Arial, sans-serif;
    font-feature-settings: "lnum"
    }
.c-headline > * > h2, .c-headline > :not(article) > h1, .c-headline > h1, .c-headline > h2, .c-list-header > * > h2, .c-list-header > :not(article) > h1, .c-list-header > h1, .c-list-header > h2, .collaborators > * > h2, .collaborators > :not(article) > h1, .collaborators > h1, .collaborators > h2, .container > * > h2, .container > :not(article) > h1, .container > h1, .container > h2, .contest__form > * > h2, .contest__form > :not(article) > h1, .contest__form > h1, .contest__form > h2, .djs > * > h2, .djs > :not(article) > h1, .djs > h1, .djs > h2, .l-sidebar > * > h2, .l-sidebar > :not(article) > h1, .l-sidebar > h1, .l-sidebar > h2, .l-wrap__left > * > h2, .l-wrap__left > :not(article) > h1, .l-wrap__left > h1, .l-wrap__left > h2, .l-wrap__right > * > h2, .l-wrap__right > :not(article) > h1, .l-wrap__right > h1, .l-wrap__right > h2, .row > * > * > h2, .row > * > :not(article) > h1, .row > * > h1, .row > * > h2, .story__gallery > * > h2, .story__gallery > :not(article) > h1, .story__gallery > h1, .story__gallery > h2, .tab-pane > * > h2, .tab-pane > :not(article) > h1, .tab-pane > h1, .tab-pane > h2, form legend > * > h2, form legend > :not(article) > h1, form legend > h1, form legend > h2, tops-vote > * > h2, tops-vote > :not(article) > h1, tops-vote > h1, tops-vote > h2 {
    text-transform: uppercase
    }
.c-headline > * > h1, .c-headline > h1, .c-list-header > * > h1, .c-list-header > h1, .collaborators > * > h1, .collaborators > h1, .container > * > h1, .container > h1, .contest__form > * > h1, .contest__form > h1, .djs > * > h1, .djs > h1, .l-sidebar > * > h1, .l-sidebar > h1, .l-wrap__left > * > h1, .l-wrap__left > h1, .l-wrap__right > * > h1, .l-wrap__right > h1, .row > * > * > h1, .row > * > h1, .story__gallery > * > h1, .story__gallery > h1, .tab-pane > * > h1, .tab-pane > h1, form legend > * > h1, form legend > h1, tops-vote > * > h1, tops-vote > h1 {
    margin-bottom: 1.5rem;
    font-size: 2rem;
    line-height: 2.5rem
    }
@media (min-width: 768px) {
    .c-headline > * > h1, .c-headline > h1, .c-list-header > * > h1, .c-list-header > h1, .collaborators > * > h1, .collaborators > h1, .container > * > h1, .container > h1, .contest__form > * > h1, .contest__form > h1, .djs > * > h1, .djs > h1, .l-sidebar > * > h1, .l-sidebar > h1, .l-wrap__left > * > h1, .l-wrap__left > h1, .l-wrap__right > * > h1, .l-wrap__right > h1, .row > * > * > h1, .row > * > h1, .story__gallery > * > h1, .story__gallery > h1, .tab-pane > * > h1, .tab-pane > h1, form legend > * > h1, form legend > h1, tops-vote > * > h1, tops-vote > h1 {
        font-size: 2.25rem;
        line-height: 2.75rem
        }
    }
@media (min-width: 992px) {
    .c-headline > * > h1, .c-headline > h1, .c-list-header > * > h1, .c-list-header > h1, .collaborators > * > h1, .collaborators > h1, .container > * > h1, .container > h1, .contest__form > * > h1, .contest__form > h1, .djs > * > h1, .djs > h1, .l-sidebar > * > h1, .l-sidebar > h1, .l-wrap__left > * > h1, .l-wrap__left > h1, .l-wrap__right > * > h1, .l-wrap__right > h1, .row > * > * > h1, .row > * > h1, .story__gallery > * > h1, .story__gallery > h1, .tab-pane > * > h1, .tab-pane > h1, form legend > * > h1, form legend > h1, tops-vote > * > h1, tops-vote > h1 {
        font-size: 2.625rem;
        line-height: 3.125rem
        }
    }
.c-headline > * > h2, .c-headline > h2, .c-list-header > * > h2, .c-list-header > h2, .collaborators > * > h2, .collaborators > h2, .container > * > h2, .container > h2, .contest__form > * > h2, .contest__form > h2, .djs > * > h2, .djs > h2, .l-sidebar > * > h2, .l-sidebar > h2, .l-wrap__left > * > h2, .l-wrap__left > h2, .l-wrap__right > * > h2, .l-wrap__right > h2, .row > * > * > h2, .row > * > h2, .story__gallery > * > h2, .story__gallery > h2, .tab-pane > * > h2, .tab-pane > h2, form legend > * > h2, form legend > h2, tops-vote > * > h2, tops-vote > h2 {
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.25rem
    }
@media (min-width: 1300px) {
    .c-headline > * > h2, .c-headline > h2, .c-list-header > * > h2, .c-list-header > h2, .collaborators > * > h2, .collaborators > h2, .container > * > h2, .container > h2, .contest__form > * > h2, .contest__form > h2, .djs > * > h2, .djs > h2, .l-sidebar > * > h2, .l-sidebar > h2, .l-wrap__left > * > h2, .l-wrap__left > h2, .l-wrap__right > * > h2, .l-wrap__right > h2, .row > * > * > h2, .row > * > h2, .story__gallery > * > h2, .story__gallery > h2, .tab-pane > * > h2, .tab-pane > h2, form legend > * > h2, form legend > h2, tops-vote > * > h2, tops-vote > h2 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 2.5rem
        }
    }
.c-headline > * > h3, .c-headline > h3, .c-list-header > * > h3, .c-list-header > h3, .collaborators > * > h3, .collaborators > h3, .container > * > h3, .container > h3, .contest__form > * > h3, .contest__form > h3, .djs > * > h3, .djs > h3, .l-sidebar > * > h3, .l-sidebar > h3, .l-wrap__left > * > h3, .l-wrap__left > h3, .l-wrap__right > * > h3, .l-wrap__right > h3, .row > * > * > h3, .row > * > h3, .story__gallery > * > h3, .story__gallery > h3, .tab-pane > * > h3, .tab-pane > h3, form legend > * > h3, form legend > h3, tops-vote > * > h3, tops-vote > h3 {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.625rem;
    text-transform: uppercase
    }
.l-wrap__left > h3, .l-wrap__right > h3 {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.4rem;
    text-transform: uppercase
    }
.l-sidebar h3 {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #d6d7d9
    }
.hero--video .l-sidebar h3 {
    border-color: #525559;
    color: #fff
    }
.sidenav a {
    transition: color 0.25s;
    color: inherit
    }
.sidenav__container {
    height: 100%;
    overflow-y: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch
    }
.sidenav__container::-webkit-scrollbar-button, .sidenav__container::-webkit-scrollbar-corner, .sidenav__container::-webkit-scrollbar-track-piece {
    display: none
    }
.sidenav__container::-webkit-scrollbar {
    display: initial;
    width: 5px;
    background-color: rgba(11, 11, 11, 0.1)
    }
.sidenav__container::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.5)
    }
.menu-left {
    z-index: 98;
    width: 250px;
    transition: left 0.25s ease-in-out;
    position: fixed;
    top: 80px;
    bottom: 75px;
    left: -250px
    }
.sidenav--talk .menu-left {
    color: #fff
    }
.sidenav-is-open .sidenav--talk .menu-left {
    left: 0
    }
@media (min-width: 768px) {
    .menu-left {
        top: 0
        }
    .sidenav--talk .menu-left {
        top: 0;
        left: 0;
        width: 180px
        }
    .sidenav--music .menu-left {
        top: 0
        }
    }
.sidenav--talk .menu-left__nav {
    position: relative;
    margin: 0 25px;
    padding: 15px 0
    }
.sidenav--talk .menu-left__nav a {
    position: relative;
    font-size: 1.1em;
    line-height: 40px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
    }
.sidenav--talk .menu-left__subnav {
    margin: 0 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25)
    }
.sidenav--music .menu-left {
    background-color: #fff
    }
.sidenav-is-open .sidenav--music .menu-left {
    left: 0
    }
.sidenav--music .menu-left__nav {
    margin: 0 30px;
    padding: 20px 0;
    list-style: none
    }
.sidenav--music .menu-left__nav label, .sidenav--music .menu-left__nav > li > a {
    font-size: 1.25em;
    line-height: 40px
    }
.sidenav--music .menu-left__subnav {
    margin: 0 30px;
    border-top: 1px solid rgba(11, 11, 11, 0.25);
    border-bottom: 1px solid rgba(11, 11, 11, 0.25)
    }
.menu-left-layer {
    visibility: hidden;
    z-index: 3;
    transition: opacity 0.5s, visibility 0.5s;
    opacity: 0;
    background-color: rgba(11, 11, 11, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 75px;
    left: 0
    }
.sidenav-is-open .menu-left-layer {
    visibility: visible;
    opacity: 1
    }
.menu-left__brand .logo {
    position: relative
    }
.sidenav--talk .menu-left__brand .logo {
    padding: 25px
    }
.sidenav--music .menu-left__brand .logo {
    padding: 60px 30px
    }
.menu-left__search {
    display: flex;
    padding: 0.5em 25px;
    border-bottom: 1px solid #0b0b0b;
    background-color: #fff
    }
@media (min-width: 768px) {
    .sidenav--music .menu-left__nav {
        padding-top: 0
        }
    .menu-left__search {
        display: none
        }
    }
.layout--talk .menu-left__search {
    border: 0
    }
.menu-left__search input {
    flex: 1 0 50%;
    width: 75%;
    padding: 0;
    border: 0;
    outline: 0
    }
.menu-left__search button {
    flex: 0 0 20px;
    padding: 0;
    transition: color 0.5s;
    border: 0;
    background: 0 0;
    color: #999da1;
    text-align: right;
    cursor: pointer
    }
.menu-left__nav a, .menu-left__subnav a {
    display: block;
    z-index: 1;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer
    }
.menu-left__nav a.is-active, .menu-left__subnav a.is-active {
    opacity: 0.5;
    cursor: default
    }
.menu-left__subnav {
    padding: 1.5rem 0
    }
.menu-left__subnav + .menu-left__subnav {
    border-top: 0
    }
.menu-left__subnav a {
    padding: 0.25rem 0;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
    }
.menu-left__social {
    margin-top: 0.5rem;
    margin-right: 25px;
    margin-bottom: 0.5rem
    }
.sidenav--music .menu-left__social {
    margin-left: 15px
    }
.sidenav--talk .menu-left__social {
    margin-left: 5px
    }
.menu-left__external path, .menu-left__snow-report path, .menu-left__subnav path {
    fill: currentColor
    }
.menu-left__external {
    margin-top: 10px;
    padding: 1.25rem 25px
    }
.sidenav--music .menu-left__external {
    background-color: #ebecec
    }
.sidenav--talk .menu-left__external {
    background-color: rgba(11, 11, 11, 0.2)
    }
.menu-left__external svg {
    height: 30px;
    width: 100%
    }
@media (min-width: 1300px) {
    .sidenav--talk .menu-left {
        width: 250px
        }
    body:not(.ad-paw-is-visible) .sidenav--talk .menu-left__brand .logo {
        padding: 40px 25px
        }
    .menu-left__external {
        padding-right: 30px;
        padding-left: 30px
        }
    }
.menu-left__snow-report {
    margin-top: 20px;
    padding: 10px 25px
    }
.sidenav--music .menu-left__snow-report {
    padding: 10px 30px
    }
.menu-left__snow-report svg {
    height: 17px;
    width: 100%
    }
.menu-accordion ul {
    display: none;
    padding-left: 0;
    list-style: none
    }
.menu-accordion li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
.menu-accordion label, .menu-accordion > li > a {
    margin: 0;
    padding: 0;
    cursor: pointer
    }
.menu-accordion a, .menu-accordion label {
    display: block;
    position: relative;
    padding-left: 0;
    font-weight: 700
    }
.menu-accordion a {
    color: inherit;
    line-height: 30px
    }
.menu-accordion label::after {
    content: "▾";
    position: absolute;
    top: 45%;
    transform: translatey(-50%);
    transition: transform 0.3s
    }
.sidenav--talk .menu-accordion label::after {
    margin-left: 5px
    }
.sidenav--music .menu-accordion label::after {
    right: 10px;
    font-size: 16px
    }
.menu-accordion input {
    position: absolute;
    opacity: 0
    }
.menu-accordion input:checked + label::after {
    transform: translatey(-48%) rotate(-180deg)
    }
.menu-accordion input:checked + label + ul, .menu-accordion input:checked + label:nth-of-type(n) + ul {
    display: block
    }
.sports-nav {
    position: relative;
    padding: 15px 10px;
    background-color: #e31837
    }
.sports-nav__wrapper {
    margin: 1rem 0 2rem
    }
.sports-nav > .container {
    display: flex;
    align-items: center;
    padding: 0
    }
.sports-nav::after {
    content: "";
    display: block;
    width: 25px;
    background-image: linear-gradient(-90deg, #e31837 10%, rgba(227, 24, 55, 0) 100%);
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0
    }
.sports-nav .sports-tag-bg {
    fill: #fff
    }
.sports-nav .sports-tag-letters {
    fill: #e31837
    }
.sports-nav ul {
    margin: 0;
    padding: 0 20px 0 0;
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    list-style: none
    }
.sports-nav ul::-webkit-scrollbar-button, .sports-nav ul::-webkit-scrollbar-corner, .sports-nav ul::-webkit-scrollbar-track-piece {
    display: none
    }
.sports-nav ul::-webkit-scrollbar {
    display: initial;
    height: 5px
    }
.sports-nav ul::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #f07184
    }
.sports-nav ul::-webkit-scrollbar-track {
    background-color: #c3152f
    }
.sports-nav ul > li {
    display: inline-block
    }
.sports-nav ul > li + li {
    margin-left: 0.5rem
    }
.sports-nav a:not([tabindex]) {
    transition: color 0.3s;
    color: #fff;
    font-weight: 700;
    text-decoration: none
    }
.sports-nav a:not([tabindex]):hover {
    color: rgba(255, 255, 255, 0.5)
    }
.sports-nav__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px
    }
@media (min-width: 1300px) {
    .sports-nav__logo {
        margin-right: 20px
        }
    }
.sports-nav__logo svg {
    width: 90px;
    height: 17px
    }
.l-header--dark {
    background-color: #0b0b0b
    }
@media (min-width: 768px) {
    .layout--music .l-header {
        padding-bottom: 1rem
        }
    .l-header--dark {
        color: #fff
        }
    }
.l-header__topbar {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    height: 100px
    }
.l-header__navbar {
    position: relative;
    justify-content: center;
    margin-top: 70px
    }
.l-header__navbar::after {
    clear: both;
    content: "";
    display: block
    }
.theme--rythmefm .l-header__navbar {
    margin-top: 100px
    }
.l-header__navbar > .container {
    position: relative
    }
.l-header__navbar .sidenav-toggle {
    width: 22px;
    height: 40px;
    padding: 0;
    transform: translatey(-50%);
    outline: 0 !important;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0
    }
@media (min-width: 992px) {
    .sports-nav {
        padding-right: 20px;
        padding-left: 20px
        }
    .sports-nav ul > li + li {
        margin-left: 1rem
        }
    .sports-nav a:not([tabindex]) {
        font-size: 1.1rem
        }
    .sports-nav__logo svg {
        width: 121px;
        height: 23px
        }
    .l-header__navbar {
        margin-top: 100px
        }
    .l-header__navbar .sidenav-toggle::after {
        content: "Menu";
        display: inline-block;
        padding-left: 2rem;
        color: #252525;
        font-size: 12.8px;
        font-weight: 700;
        line-height: 40px;
        text-transform: uppercase
        }
    .l-header--inversed .l-header__navbar .sidenav-toggle::after {
        color: #fff
        }
    }
.l-header__navbar .sidenav-toggle:hover .icon--hamburger::before {
    top: -2px
    }
.l-header__navbar .sidenav-toggle:hover .icon--hamburger::after {
    top: 2px
    }
.l-header__nav {
    display: flex;
    justify-content: center;
    margin: 0 100px;
    text-align: center;
    padding-left: 0;
    list-style: none
    }
@media (min-width: 992px) {
    .l-header__nav {
        max-width: calc(100% - 20rem);
        margin: 0 auto
        }
    }
.l-header__nav > li {
    margin: 0 0.8em;
    white-space: nowrap
    }
@media (max-width: 1299.98px) {
    .l-header__nav > li:nth-child(n+6) {
        display: none
        }
    }
@media (max-width: 991.98px) {
    .l-header__nav > li:nth-child(n+5) {
        display: none
        }
    }
@media (max-width: 1599.98px) {
    .ad-paw-is-visible .l-header__nav > li:nth-child(n+6) {
        display: none
        }
    }
.l-header__nav > li a {
    transition: color 0.3s;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase
    }
.l-header__social {
    display: flex;
    z-index: 2;
    justify-content: right;
    transform: translatey(-50%);
    position: absolute;
    top: 50%;
    right: 0
    }
.l-header__social a {
    color: inherit;
    font-size: 1.25rem;
    text-decoration: none
    }
.l-header__social a:last-child {
    margin-right: 0
    }
.topbar {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    transition: transform 0.3s ease-in-out
    }
@media (max-width: 767.98px) {
    .topbar {
        z-index: 99;
        height: 80px;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(11, 11, 11, 0.3);
        will-change: transform;
        position: fixed;
        top: 0;
        left: 0
        }
    }
.topbar.is-hidden {
    transform: translatey(-100%)
    }
.topbar > .container {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    width: 100%
    }
.topbar__btn {
    position: relative;
    padding: 0;
    outline: 0 !important;
    cursor: pointer;
    height: 22px;
    width: 22px
    }
@media (min-width: 768px) {
    .layout--talk .topbar {
        padding: 1.5rem 0 2rem
        }
    .layout--music .topbar {
        padding-top: 60px
        }
    .layout--talk .topbar__logo, .topbar__btn {
        display: none
        }
    }
.topbar__search {
    display: flex;
    position: relative;
    width: 25%;
    max-width: 200px;
    border-bottom: 2px solid #797e83;
    color: #797e83
    }
.l-header--inversed .topbar__search {
    border-color: #fff;
    color: #fff
    }
.l-header--inversed .topbar__search .form-control {
    color: #fff
    }
.l-header--inversed .topbar__search .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.75)
    }
.l-header--inversed .topbar__search .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.75)
    }
.l-header--inversed .topbar__search .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.75)
    }
.l-header--inversed .topbar__search .form-control::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.75)
    }
.l-header--inversed .topbar__search .form-control::placeholder {
    color: rgba(255, 255, 255, 0.75)
    }
@media (min-width: 992px) {
    .topbar__search {
        max-width: 275px
        }
    }
.topbar__search .form-control {
    padding-right: 0;
    padding-left: 0;
    border: none;
    background-color: transparent
    }
.topbar__search .form-control:focus {
    box-shadow: none
    }
.topbar__search .form-control::-webkit-input-placeholder {
    color: #797e83
    }
.topbar__search .form-control::-moz-placeholder {
    color: #797e83
    }
.topbar__search .form-control:-ms-input-placeholder {
    color: #797e83
    }
.topbar__search .form-control::-ms-input-placeholder {
    color: #797e83
    }
.topbar__search .form-control::placeholder {
    color: #797e83
    }
.topbar__logo {
    max-width: 175px;
    transform: translate(-50%, -50%);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%
    }
.topbar__logo a, .topbar__logo svg {
    display: block
    }
.topbar__logo img, .topbar__logo svg {
    max-width: 100%;
    margin: 0 auto
    }
.topbar__member {
    display: flex;
    justify-content: space-between
    }
.topbar__member .user__profile {
    cursor: pointer
    }
.topbar__member .user__profile .dropdown-toggle {
    display: flex;
    align-items: center
    }
.topbar__member .user__details {
    margin-right: 0.75rem
    }
.topbar__member .user__name {
    font-size: 0.875rem;
    line-height: 1.125rem
    }
.topbar__member .user__avatar img {
    flex-basis: 2rem
    }
@media (max-width: 767.98px) {
    .topbar__member .user__details {
        display: none
        }
    .topbar__member .o-btn {
        display: flex;
        justify-content: center;
        padding: 0;
        border: 1px solid #0b0b0b;
        border-radius: 32px;
        background-color: transparent !important;
        color: #0b0b0b !important
        }
    .topbar__member .o-btn.user__avatar {
        padding: 0.25rem;
        border-color: #d6d7d9 !important
        }
    .topbar__member .o-btn .icon {
        margin: 0
        }
    }
.topbar__member .o-btn span {
    display: flex;
    flex-direction: column;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1
    }
.main {
    padding-bottom: 75px;
    overflow: hidden;
    background-color: #fff
    }
.main .container {
    width: calc(100% - 40px);
    max-width: 1200px;
    padding-right: 0;
    padding-left: 0
    }
.main .container + .container {
    margin-top: 4rem
    }
.main .container--ad {
    width: calc(100% + 70px);
    margin-top: 4rem;
    margin-left: -35px
    }
.main .container--ad + .container {
    margin-top: 4rem
    }
@media (min-width: 768px) {
    .topbar__logo {
        width: 225px;
        max-width: none
        }
    .main .container--ad {
        width: 100%;
        margin-left: 0
        }
    .layout--talk .main {
        padding-left: 180px
        }
    }
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0
    }
.container-sports {
    margin-bottom: 2rem;
    padding-bottom: 30px;
    background-color: #0b0b0b
    }
.l-wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem
    }
@media (min-width: 1300px) {
    .layout--talk .main {
        padding-left: 250px
        }
    body:not(.ad-paw-is-visible) .l-wrap {
        flex-direction: row
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .l-wrap {
        flex-direction: row
        }
    body.ad-paw-is-visible .l-wrap--inverse .l-wrap__left {
        order: 1
        }
    }
@media (min-width: 992px) {
    body.layout--music:not(.ad-paw-is-visible) .l-wrap {
        flex-direction: row
        }
    }
.l-wrap--inverse .l-wrap__left {
    order: 2
    }
.l-wrap--inverse .l-wrap__right {
    order: 1
    }
.l-wrap__left {
    min-width: 0;
    margin-bottom: 2rem
    }
@media (min-width: 1300px) {
    body.layout--music.ad-paw-is-visible .l-wrap {
        flex-direction: row
        }
    .l-wrap + * {
        margin-top: 2rem
        }
    body:not(.ad-paw-is-visible) .l-wrap--inverse .l-wrap__left {
        order: 1
        }
    body:not(.ad-paw-is-visible) .l-wrap--inverse .l-wrap__right {
        order: 2
        }
    body.layout--talk:not(.ad-paw-is-visible) .l-wrap__left {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding-right: 15px
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .l-wrap--inverse .l-wrap__right {
        order: 2
        }
    body.layout--talk.ad-paw-is-visible .l-wrap__left {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding-right: 15px
        }
    }
@media (min-width: 992px) {
    body.layout--music:not(.ad-paw-is-visible) .l-wrap__left {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding-right: 15px
        }
    }
@media (min-width: 1300px) {
    body.layout--music.ad-paw-is-visible .l-wrap__left {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding-right: 15px
        }
    body.layout--talk:not(.ad-paw-is-visible) .l-wrap__right {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-left: 15px
        }
    }
@media (min-width: 1600px) {
    body.layout--talk.ad-paw-is-visible .l-wrap__right {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-left: 15px
        }
    body.layout--talk.ad-paw-is-visible .l-sidebar .c-block--sticker, body.layout--talk.ad-paw-is-visible .l-sidebar .o-list, body.layout--talk.ad-paw-is-visible .l-sidebar > * > h3, body.layout--talk.ad-paw-is-visible .l-sidebar > h3 {
        max-width: 300px;
        margin-right: auto;
        margin-left: auto
        }
    }
@media (min-width: 992px) {
    body.layout--music:not(.ad-paw-is-visible) .l-wrap__right {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-left: 15px
        }
    body.layout--music:not(.ad-paw-is-visible) .l-sidebar .c-block--sticker, body.layout--music:not(.ad-paw-is-visible) .l-sidebar .o-list, body.layout--music:not(.ad-paw-is-visible) .l-sidebar > * > h3, body.layout--music:not(.ad-paw-is-visible) .l-sidebar > h3 {
        max-width: 300px;
        margin-right: auto;
        margin-left: auto
        }
    }
@media (min-width: 1300px) {
    body.layout--music.ad-paw-is-visible .l-wrap__right {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-left: 15px
        }
    body.layout--music.ad-paw-is-visible .l-sidebar .c-block--sticker, body.layout--music.ad-paw-is-visible .l-sidebar .o-list, body.layout--music.ad-paw-is-visible .l-sidebar > * > h3, body.layout--music.ad-paw-is-visible .l-sidebar > h3, body.layout--talk:not(.ad-paw-is-visible) .l-sidebar .c-block--sticker, body.layout--talk:not(.ad-paw-is-visible) .l-sidebar .o-list, body.layout--talk:not(.ad-paw-is-visible) .l-sidebar > * > h3, body.layout--talk:not(.ad-paw-is-visible) .l-sidebar > h3 {
        max-width: 300px;
        margin-right: auto;
        margin-left: auto
        }
    .l-footer .footer__nav a {
        margin-right: 1em
        }
    }
.l-sidebar .sticky-wrapper.is-stuck {
    position: static
    }
.l-footer {
    margin-top: 2rem;
    padding: 4rem 0;
    background-color: #ebecec
    }
@media (min-width: 768px) {
    .l-footer .container {
        display: flex;
        flex-direction: row;
        align-items: flex-start
        }
    .l-footer .footer__station {
        flex: 0 0 150px
        }
    }
.l-footer .footer__station {
    margin-right: 10%
    }
@media (max-width: 767.98px) {
    .topbar__member .o-btn span {
        display: none
        }
    body {
        padding-top: 80px
        }
    .l-footer .footer__station {
        display: none
        }
    }
.l-footer .footer__nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
    }
@media (min-width: 768px) {
    .l-footer .footer__nav {
        flex: 1 1 calc(100% - 350px)
        }
    .l-footer .footer__copyright {
        margin-top: 2rem
        }
    }
.l-footer .footer__nav a {
    display: block;
    padding: 0 0 0.5em;
    font-weight: 700
    }
.l-footer .footer__col {
    flex: 1 0 200px;
    margin-right: 2rem
    }
.l-footer .footer__copyright {
    flex: 0 0 100%;
    clear: both;
    font-size: 12.8px
    }
.l-footer .footer__logos {
    display: flex;
    align-items: center;
    margin: 1rem 0 2rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1)
    }
.l-footer .footer__logos a {
    display: block
    }
.l-footer .footer__logos a + a {
    padding-left: 1.5rem
    }
.l-footer .logo--cmi {
    height: 38px;
    width: 115px
    }
.l-footer .logo--quebec511 {
    height: 50px;
    width: 40px
    }
.l-footer .logo--quebec511 .text {
    fill: #fff
    }
.story__title {
    margin-bottom: 2rem;
    letter-spacing: 0 !important;
    font-size: 2rem;
    line-height: 2.5rem
    }
@media (min-width: 768px) {
    .l-footer .footer__logos {
        flex: 1 1 200px;
        justify-content: flex-end;
        margin: 0;
        padding-top: 0;
        border-top: 0;
        text-align: right
        }
    .story__title {
        font-size: 2.25rem;
        line-height: 2.75rem
        }
    }
@media (min-width: 992px) {
    .story__title {
        font-size: 2.625rem;
        line-height: 3.125rem
        }
    }
.story__byline-share {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
    }
.story__byline {
    flex: 1 1 60%;
    margin: 0 1rem 2rem 0;
    line-height: 1.2
    }
.story__byline::after {
    clear: both;
    content: "";
    display: block
    }
.story__byline .c-avatar {
    margin: -5px 1rem 0 0;
    float: left
    }
.story__byline .time {
    margin-top: 0.5rem;
    color: #797e83;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.story__byline .time span {
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.story__sponsored {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3px;
    padding: 1rem 1.5rem;
    background-color: #494b63;
    background-image: url(/cdn.cogecolive.com/websites-public/Decouverte_feat_block_background.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    color: #fff
    }
.story__sponsored svg {
    flex: 0 1 30%;
    min-width: 200px;
    margin: 0 1.5rem 1rem 0
    }
.story__sponsored p {
    flex: 1 1 60%;
    min-width: 300px;
    max-width: 500px;
    line-height: 1rem !important;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase
    }
.story__sponsored p strong {
    font-style: italic
    }
.story__embed, .story__gallery, .story__media, .story__quote, .story__share, .story__text {
    margin-bottom: 2rem
    }
.story__media {
    position: relative
    }
.story__media > * {
    display: block
    }
.story__media img {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%
    }
.story__media .story__media-container {
    position: relative;
    overflow: hidden
    }
.story__media .source {
    display: block;
    z-index: 3;
    padding: 1rem;
    background-color: rgba(11, 11, 11, 0.3);
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.story__media .caption {
    padding: 0.75rem 0;
    color: #999da1;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.story__optin, .story__text {
    max-width: 45rem;
    margin-right: auto;
    margin-left: auto
    }
.story__text .source {
    padding: 0.5em 0 0;
    color: #999da1;
    text-align: right;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.story__quote {
    max-width: 45rem;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.25rem;
    line-height: 1.625rem
    }
.story__quote blockquote {
    margin-left: 0;
    padding: 2rem;
    border-left: 3px solid #d6d7d9;
    color: #656a6e;
    font-style: italic
    }
.story__quote .blockquote__footer {
    margin-top: 1rem;
    color: #525559;
    font-weight: 700
    }
.story__quote .blockquote__footer::before {
    content: "—";
    margin-right: 0.5em
    }
.story__embed, .story__gallery {
    margin-top: 3rem;
    clear: both
    }
.story__embed iframe, .story__embed twitter-widget, .story__embed twitterwidget, .story__gallery iframe, .story__gallery twitter-widget, .story__gallery twitterwidget {
    display: block;
    max-width: 100%;
    margin: 0 auto !important
    }
.story--audio {
    position: relative
    }
.story--audio .story__header {
    display: flex;
    padding-bottom: 2rem
    }
.story--audio .story__title {
    font-size: 31.25px
    }
.story--audio .story__byline-share {
    align-items: center
    }
.story__header {
    margin-bottom: 2rem;
    border-bottom: 1px solid #d6d7d9
    }
.story__header .story__controls {
    display: flex;
    flex: 0 0 5rem;
    flex-direction: column;
    align-items: center;
    margin: 0 1rem 0 0
    }
.story__header .story__controls button {
    margin: 0 auto
    }
.story__header .story__controls .duration {
    margin: 0.5rem 0 0;
    font-size: 12.8px;
    text-align: center
    }
.story__header .story__controls .duration::after {
    content: "min";
    display: block;
    font-size: 10.24px;
    letter-spacing: 1px
    }
.story__header .story__meta {
    flex: 1 1 calc(100% - 5rem)
    }
.story__share {
    margin-top: 1rem
    }
@media (min-width: 768px) {
    .story__share {
        margin: 0
        }
    }
.story__featuring h3 {
    margin-bottom: 1rem
    }
.contact-section {
    margin-bottom: 4rem
    }
.contact-section legend {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #d6d7d9
    }
@media (max-width: 991.98px) {
    .contact-section__info {
        margin-bottom: 2rem
        }
    }
.contact-section__info address, .contact-section__info p {
    margin-bottom: 1.5rem
    }
.contest__header {
    position: relative;
    padding: 2rem 0;
    border-bottom: 1px solid #797e83
    }
.contest__header--box {
    border: 0
    }
@media (min-width: 1300px) {
    .contest__header--box {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 2rem;
        border-bottom: 0;
        background-color: #fff;
        box-shadow: 0 10px 20px 0 rgba(11, 11, 11, 0.2)
        }
    }
@media (min-width: 992px) {
    .contest__details--box, .contest__header--box {
        margin-right: auto;
        margin-left: auto
        }
    .contest__details--box {
        display: flex;
        align-items: center;
        justify-content: space-between
        }
    }
.contest__title {
    margin: 0 0 0.5em;
    font-size: 31.25px;
    line-height: 1.2
    }
@media (min-width: 768px) {
    .contest__title {
        font-size: 39.0625px
        }
    .contest__header--box .contest__share {
        z-index: 2
        }
    }
@media (min-width: 1300px) {
    .contest__title {
        font-size: 48.828125px
        }
    .contest__header--box .contest__title {
        max-width: calc(100% - 150px);
        margin-bottom: 0
        }
    }
.contest__details {
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: #d6d7d9
    }
.contest__details--box {
    background-color: #252525;
    color: #fff;
    line-height: 1.2
    }
.contest__details--box small {
    color: #999da1
    }
.contest__details .enddate {
    margin-bottom: 0.5em;
    font-weight: 700
    }
@media (min-width: 992px) {
    .contest__details .enddate {
        margin-bottom: 0
        }
    }
.contest__share {
    margin-bottom: 1rem
    }
.contest__header--box .contest__share {
    margin: 0
    }
.contest__body {
    max-width: 50rem;
    margin: 2rem auto 3rem
    }
.contest__body p {
    line-height: 1.6em
    }
.contest__body iframe {
    max-width: 100%;
    margin: 2rem 0
    }
.contest__membership {
    display: none;
    margin-bottom: 4rem;
    padding: 2rem;
    border-radius: 10px;
    text-align: center
    }
@media (min-width: 768px) {
    .contest__membership {
        padding: 2rem 3rem
        }
    .l-faq .col-lg-6 {
        flex: 50%;
        max-width: 50%
        }
    }
.contest__membership .logo {
    margin-bottom: 1rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
    }
.contest__membership .logo img {
    width: 250px;
    max-width: 100%
    }
.contest__membership p {
    margin-top: 1rem
    }
.contest__form h2, .contest__form h3 {
    margin-bottom: 1em
    }
.contest__form hr {
    margin: 2rem 0;
    border-top: 1px solid #d6d7d9
    }
.contest__rules {
    padding: 2rem;
    border: 2px solid #d6d7d9;
    border-radius: 5px
    }
.contest-policy {
    max-width: 55rem;
    padding: 3rem;
    border: 1px solid #d6d7d9
    }
.contest-policy a:not(.o-btn) {
    text-decoration: underline
    }
.contest-policy li {
    margin-bottom: 1.5em
    }
.contest-policy > .o-btn {
    margin-top: 2rem
    }
.contest-policy address {
    margin: 2rem 0;
    padding: 1.5rem 1rem 1.5rem 2rem;
    border-left: 3px solid #d6d7d9;
    background-color: #ebecec;
    color: #656a6e
    }
.contest-policy address p:last-child {
    margin-bottom: 0
    }
.contest-policy h1, .contest-policy h2, .contest-policy h3 {
    margin: 1em 0 0.5em;
    line-height: 1.1
    }
.contest-policy h1 {
    margin-top: 0;
    font-size: 39.0625px
    }
.rules__cta {
    margin-bottom: 2rem;
    text-align: center
    }
.l-faq {
    margin-bottom: 4rem
    }
@media (max-width: 767.98px) {
    .l-faq .col-lg-6:first-child {
        margin-bottom: 1rem
        }
    }
.l-faq__link {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    height: 100%;
    padding: 2rem 0.5rem;
    border: 2px solid #d6d7d9;
    border-radius: 10px
    }
.l-faq__link svg {
    align-self: center;
    height: 65px;
    width: 65px
    }
.l-faq__link .l-faq__title {
    align-self: center;
    max-width: 140px;
    margin-left: 12px;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px
    }
.l-faq__link .l-faq__title span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.275em;
    line-height: 18px
    }
@media (min-width: 1300px) {
    .l-faq__link svg {
        height: 100px;
        width: 100px
        }
    .l-faq__link .l-faq__title {
        max-width: 250px;
        margin-left: 32px;
        font-size: 35px;
        line-height: 43px
        }
    .l-faq__link .l-faq__title span {
        font-size: 20px;
        line-height: 24px
        }
    }
.l-faq__link:hover {
    border: 2px solid #0b0b0b
    }
.l-faq .faq-section__content {
    width: calc(100% - 70px);
    max-width: 800px;
    margin: 0 auto
    }
.l-faq .faq-section__content h2 {
    margin: 1.5rem 0
    }
@media (min-width: 768px) {
    .l-faq .faq-section__content h2 {
        margin: 2rem 0
        }
    }
.l-faq .faq-section__content h4 {
    margin: 3rem 0 2rem;
    color: #797e83
    }
.l-faq__section + .l-faq__section {
    margin-top: 50px;
    border-top: 1px solid #0b0b0b
    }
.l-faq__panel-header {
    padding: 1.5rem !important
    }
.l-faq__panel-header h5 {
    padding-right: 15px
    }
.l-faq__panel {
    margin-bottom: 10px !important
    }
.host__presentation {
    margin-bottom: 2rem
    }
@media (min-width: 576px) {
    .menu-left-layer {
        bottom: 75px
        }
    .host__presentation {
        display: flex;
        align-items: flex-start
        }
    }
.host__image {
    flex: 1 1 50%;
    margin: 0 0 2rem
    }
@media (min-width: 576px) {
    .host__image {
        flex-basis: 40%
        }
    .host__details {
        padding-left: 2rem
        }
    }
.host__details {
    flex: 1 1 50%
    }
.host__title {
    margin: 0 0 0.5em;
    font-size: 31.25px
    }
@media (min-width: 768px) {
    .host__details {
        flex-basis: 60%
        }
    .host__title {
        font-size: 48.828125px
        }
    }
@media (min-width: 1300px) {
    .host__title {
        font-size: 61.035156px
        }
    }
.host__subtitle {
    margin-bottom: 1em
    }
.host__biography {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #d6d7d9
    }
.host__grid {
    margin-bottom: 3rem
    }
.host__grid h3 {
    margin-bottom: 2rem
    }
.l-member-profile .image-upload {
    margin-bottom: 35px;
    text-align: center
    }
.l-member-profile .image-upload .uploaded-img-preview {
    display: block;
    width: 50%;
    max-width: 120px;
    height: 50%;
    margin: 0 auto 15px
    }
@media (min-width: 768px) {
    .l-member-profile .image-upload .uploaded-img-preview {
        margin-bottom: 30px
        }
    }
.l-member-profile__info h3 {
    margin: 0 0 1em
    }
.l-member-profile newsletter-component p {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.125rem
    }
.music .breadcrumb .breadcrumb-tab-container a:focus {
    text-decoration: none
    }
.music .music-album-list {
    margin-top: 30px
    }
.music .music-album-list .music-album-row {
    margin-bottom: 30px
    }
.music .music-album-list .top-numbered-row {
    justify-content: center;
    align-items: center;
    max-width: 0;
    max-height: 60px
    }
.music .music-album-list .album {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    padding: 20px
    }
@media (max-width: 575.98px) {
    .music .music-album-list .music-album-row {
        margin-bottom: 0
        }
    .music .music-album-list .album {
        margin-bottom: 20px
        }
    }
.music .music-album-list .album .album-cover {
    margin-bottom: 10px;
    position: relative
    }
.music .music-album-list .album .album-cover:hover .play-btn-container {
    display: block
    }
.music .music-album-list .album .album-cover img {
    max-width: 200px;
    margin: 0 auto
    }
.music .music-album-list .album .album-cover .play-btn-container {
    position: absolute;
    right: calc(50% - 36px);
    top: calc(50% - 36px);
    display: none
    }
.music .music-album-list .album .album-cover .play-btn-container.active {
    display: block
    }
.music .music-album-list .album .album-cover .play-btn-container .play-show-btn {
    width: 69px;
    height: 69px;
    font-size: 25px
    }
.music .music-album-list .album p {
    margin-bottom: 0
    }
.music .music-album-list .album .album-name {
    font-size: 1.2em;
    color: #252525
    }
.music .music-album-list .album .album-artist {
    font-size: 1em;
    color: #797e83
    }
.music .music-album-list .load-more {
    margin: 30px 0;
    text-align: center
    }
.music .top-list {
    display: table;
    width: 100%;
    padding-left: 0
    }
.music .top-list .song {
    display: table-row
    }
.music .top-list .cell {
    display: table-cell;
    border-bottom: 1px solid #797e83;
    padding: 20px 0 13px
    }
.music .top-list .cell.song-cover {
    position: relative;
    width: 90px;
    text-align: center
    }
.music .top-list .cell.song-cover:hover .play-btn-container {
    display: block
    }
.music .top-list .cell.song-cover .play-btn-container {
    position: absolute;
    right: calc(50% - 18px);
    top: calc(50% - 15px);
    display: none
    }
.music .top-list .cell.song-cover .play-btn-container.active {
    display: block
    }
.music .top-list .cell.song-cover .play-btn-container .play-show-btn {
    padding: 7px 13px
    }
.music .top-list .cell.song-cover img {
    max-width: 60px
    }
.music .top-list .cell .song-name {
    position: relative;
    top: -5px
    }
@media (max-width: 575.98px) {
    .music .top-list .cell {
        padding-bottom: 0
        }
    .music .top-list .cell .song-name {
        top: -15px
        }
    }
.music .top-list .cell.song-vote {
    text-align: right
    }
.music .top-list .cell.song-vote i.vote-active {
    color: green
    }
.music .top-list .cell.song-vote li {
    display: inline;
    list-style-type: none;
    margin-left: 10px
    }
.music .top-list .cell .song-artist {
    color: #797e83;
    font-size: 0.8em;
    position: relative;
    top: -5px
    }
.music .recently-played .songs-list {
    display: table;
    width: 100%
    }
.music .recently-played .songs-list .song {
    display: table-row
    }
.music .recently-played .songs-list .cell {
    display: table-cell;
    border-bottom: 1px solid #797e83;
    padding: 20px 0 13px
    }
.music .recently-played .songs-list .cell.song-time {
    width: 70px;
    text-align: center;
    color: #797e83
    }
.music .recently-played .songs-list .cell .song-time-mobile-only {
    display: none
    }
@media (max-width: 575.98px) {
    .music .top-list .cell .song-artist {
        top: 0
        }
    .music .recently-played .songs-list .cell {
        padding-bottom: 0
        }
    .music .recently-played .songs-list .cell.song-time {
        display: none
        }
    .music .recently-played .songs-list .cell .song-time-mobile-only {
        display: block;
        font-size: 0.8em;
        position: relative;
        top: -23px
        }
    }
.music .recently-played .songs-list .cell.song-cover {
    position: relative;
    width: 90px;
    text-align: center
    }
.music .recently-played .songs-list .cell.song-cover:hover .play-btn-container {
    display: block
    }
.music .recently-played .songs-list .cell.song-cover .play-btn-container {
    position: absolute;
    right: calc(50% - 18px);
    top: calc(50% - 15px);
    display: none
    }
.music .recently-played .songs-list .cell.song-cover .play-btn-container.active {
    display: block
    }
.music .recently-played .songs-list .cell.song-cover .play-btn-container .play-show-btn {
    padding: 7px 13px
    }
.music .recently-played .songs-list .cell.song-cover img {
    max-width: 60px
    }
.music .recently-played .songs-list .cell .song-name {
    display: block;
    position: relative;
    top: -11px
    }
@media (max-width: 575.98px) {
    .music .recently-played .songs-list .cell .song-name {
        bottom: 5px;
        top: 0
        }
    }
.music .recently-played .songs-list .cell .song-artist {
    color: #797e83;
    font-size: 1em;
    position: relative;
    top: -10px
    }
.music .recently-played .load-more {
    margin: 30px 0;
    text-align: center
    }
.music .album .album-details {
    margin-top: 30px;
    margin-bottom: 20px
    }
.music .album .album-details .album-cover {
    max-width: 430px
    }
.music .album .album-details p {
    margin-bottom: 0
    }
.music .album .album-details .album-title {
    font-size: 2.4em
    }
@media (max-width: 575.98px) {
    .music .recently-played .songs-list .cell .song-artist {
        bottom: 5px;
        top: 0
        }
    .music .album .album-details .album-title {
        font-size: 2em;
        margin-top: 12px
        }
    }
.music .album .album-details .album-artist {
    font-size: 1.5em;
    margin-bottom: 10px
    }
.music .album .album-details .album-date {
    color: #252525;
    font-size: 1em
    }
.music .album .album-details .album-similar {
    margin-top: 50px
    }
.music .album .album-details .album-similar p {
    margin-bottom: 10px
    }
.music .album .album-details .album-similar ul {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.music .album .album-details .album-similar li {
    display: inline;
    margin-right: 10px
    }
.music .album .album-details .album-similar li img {
    max-width: 100px
    }
.music .album .songs-list {
    margin: 0 0 30px;
    padding: 0
    }
.music .album .songs-list li {
    border-bottom: 1px solid #d6d7d9;
    padding: 10px;
    position: relative;
    list-style-type: none
    }
.music .album .songs-list li:hover .play-btn-container {
    display: block
    }
.music .album .songs-list li:hover .song-menu {
    display: inline-block;
    cursor: pointer
    }
.music .album .songs-list .play-btn-container {
    display: none;
    left: 0
    }
.music .album .songs-list .play-btn-container.active {
    display: block
    }
.music .album .songs-list .song-menu:hover {
    cursor: pointer
    }
.music .album .songs-list .song-track {
    display: inline-block;
    width: 30px
    }
.music .album .songs-list .song-title {
    display: inline-block;
    width: calc(100% - 120px)
    }
.music .album .songs-list .song-duration {
    color: #999da1;
    display: inline;
    text-align: right
    }
.music .album .songs-list .song-duration .dropdown-toggle::after {
    display: none
    }
.music .album .songs-list .song-menu {
    display: none;
    text-align: center;
    width: 18px
    }
.music .album .songs-list .song-menu i {
    color: #6d7176
    }
.playlist-list-item {
    padding: 0.75rem 0;
    border-bottom: 1px solid #d6d7d9
    }
@media (min-width: 576px) {
    .playlist-list-item {
        padding: 0.75rem 1rem
        }
    }
.playlist-list-item p {
    margin: 0
    }
.playlist-list-item .title {
    font-size: 20px;
    font-weight: 700
    }
.playlist-item {
    position: relative
    }
.playlist-item-time {
    width: 75px;
    text-align: center;
    color: #797e83;
    font-weight: 700
    }
.playlist-item-default {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #ebecec;
    color: #797e83;
    font-size: 30px
    }
@media (min-width: 768px) {
    .playlist-item-default {
        width: 75px;
        height: 75px
        }
    }
.playlist-item .play-btn {
    border: 0;
    font-size: 1.5em;
    background: 0 0;
    position: absolute;
    cursor: pointer;
    z-index: 1111;
    top: 0;
    left: 44%;
    outline: 0
    }
.play-btn-wrapper {
    width: 50px;
    text-align: center
    }
.album-accordion i {
    color: #000
    }
.album-accordion a, .album-accordion a:hover {
    text-decoration: none
    }
.obituaries .obituary-item {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    height: 150px;
    margin-bottom: 30px;
    cursor: pointer
    }
.obituaries .obituary-item .obituary-description {
    padding-left: 170px;
    padding-top: 20px
    }
.obituaries .obituary-item .obituary-image {
    float: left;
    width: 150px;
    max-width: 150px;
    height: 150px;
    max-height: 150px;
    background-size: cover;
    background-position: center
    }
.obituaries .obituary-item .obituary-date {
    font-size: 0.8em
    }
.obituaries .obituary-item .obituary-name {
    margin-bottom: 0
    }
.l-404 {
    margin-bottom: 4rem
    }
.l-404__search {
    display: flex;
    position: relative;
    width: 100%;
    max-width: 300px;
    border-bottom: 2px solid #797e83;
    color: #797e83
    }
.l-404__search .form-control {
    padding-right: 0;
    padding-left: 0;
    border: none;
    background-color: transparent
    }
.l-404__search .form-control:focus {
    box-shadow: none
    }
.l-404__search .form-control::-webkit-input-placeholder {
    color: #797e83
    }
.l-404__search .form-control::-moz-placeholder {
    color: #797e83
    }
.l-404__search .form-control:-ms-input-placeholder {
    color: #797e83
    }
.l-404__search .form-control::-ms-input-placeholder {
    color: #797e83
    }
.l-404__search .form-control::placeholder {
    color: #797e83
    }
.search__header {
    padding: 2rem 0 1rem
    }
.search__tag {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem
    }
.search__term {
    padding: 1rem 0;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.25rem
    }
.epq-header {
    position: relative;
    background-color: #17245d;
    background: linear-gradient(180deg, #17245d 0, #0065b0 50%, rgba(6, 114, 187, 0) 100%)
    }
@media (min-width: 992px) {
    .l-404__search {
        max-width: 375px
        }
    .epq-header {
        margin-top: -3rem
        }
    .l-wrap--audio .l-sidebar .ad__container > div::before {
        margin-top: -20px
        }
    }
.epq-header svg {
    z-index: 1;
    position: absolute;
    top: 1rem;
    right: 2rem
    }
.epq-header__head {
    padding: 1rem 0;
    color: #fff;
    font-family: Quicksand, "Work Sans", sans-serif
    }
@media (min-width: 768px) {
    .epq-header__head {
        padding: 2rem 0
        }
    }
.epq-header__head > * {
    margin: 0 !important;
    text-transform: none !important;
    font-weight: 700 !important
    }
.epq-header__box {
    position: relative;
    z-index: 3;
    margin-bottom: 2rem;
    padding: 1rem;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 5px 5px 0 #0067b1
    }
@media (min-width: 768px) {
    .epq-header__box {
        margin-bottom: 3rem;
        padding: 2rem
        }
    }
@media (min-width: 1300px) {
    .epq-header__box {
        padding: 2rem 3rem
        }
    }
.epq-header__box label {
    font-weight: 700
    }
.epq-header__box .col-form-label, .epq-header__box label {
    font-size: 0.875rem;
    line-height: 1.125rem
    }
.epq-header__inputs {
    margin-bottom: 1rem
    }
.epq-header__services label {
    margin-bottom: -0.75rem
    }
.epq-header__services .c-checkbox {
    margin-top: 0.75rem
    }
.shop-details {
    margin-bottom: 4rem
    }
.shop-details__header {
    display: flex;
    margin-bottom: 1.5rem
    }
.shop-details__header .o-btn {
    background-color: #00adef
    }
.shop-details__logo {
    flex: 0 0 6rem;
    margin-right: 1rem
    }
@media (min-width: 768px) {
    .shop-details__logo {
        flex-basis: 11rem;
        margin-right: 1.5rem
        }
    }
@media (min-width: 1600px) {
    .shop-details__logo {
        max-width: 11.5rem
        }
    }
.shop-details__meta {
    flex: 1 1 calc(100% - 9.5rem)
    }
@media (min-width: 576px) {
    .shop-details__meta {
        flex-basis: 1 1 calc(100% - 11.5rem)
        }
    }
.shop-details__meta h2 {
    margin-bottom: 1.5rem;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.95rem
    }
.shop-details__meta h5 {
    margin-bottom: 0.75rem;
    color: #525559;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.shop-details__description {
    padding: 2rem 0;
    border-top: 1px solid #d6d7d9;
    font-size: 0.875rem;
    line-height: 1.125rem
    }
.shop-details__col h3 {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #d6d7d9;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.4rem;
    text-transform: uppercase
    }
.shop-details__col h3:not(:first-child) {
    margin-top: 1.5rem
    }
.shop-details__col p {
    margin-bottom: 0.75rem
    }
.l-video__embed {
    position: relative;
    margin-bottom: 1.5rem;
    padding-top: 56.25%;
    border: 1px solid #252525;
    height: 0;
    width: 100%
    }
.l-video__embed.is-hidden {
    display: none
    }
.l-video__embed iframe, .l-video__embed video, .l-video__embed > div {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
    }
.l-video__title {
    font-size: 2rem;
    line-height: 2.5rem
    }
.l-video__meta {
    flex: 1 1 60%
    }
.l-video__meta time {
    color: #999da1
    }
.l-video__caption {
    flex: 0 0 100%;
    margin-top: 1.5rem
    }
.l-video__share {
    margin-top: 2rem
    }
.l-wrap__left .l-video__share {
    align-content: flex-start;
    margin-top: 0
    }
@media (min-width: 768px) {
    .l-video__meta {
        display: flex;
        flex-wrap: wrap;
        width: 100%
        }
    .l-video__title {
        flex: 0 0 73%
        }
    .l-video__share {
        flex: 0 0 27%;
        justify-content: flex-end;
        margin-top: 0
        }
    .l-video__info {
        max-width: 70%
        }
    }
.weather .card-title {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid #252525
    }
.weather .current-weather-row {
    margin-top: 40px
    }
.weather .current-weather-row .col-md-6 {
    align-items: stretch;
    border: 10px solid #fff;
    border-radius: 15px;
    background-color: #ececec
    }
.weather .current-weather-box {
    padding: 10px 0
    }
.weather .short-forecast-box {
    height: 100%;
    text-align: center
    }
.weather .short-forecast-box.border-right {
    padding-right: 15px;
    border-right: 1px solid #d6d7d9
    }
.weather .short-forecast-box img {
    width: 46px;
    padding-bottom: 10px
    }
.weather .weekly-forecast-row .weekly-forecast-box:not(:last-child) {
    border-right: 1px solid #d6d7d9
    }
.weather .weekly-forecast-row .weather-icon {
    width: 46px
    }
.weather .weekly-forecast-row .description-mobile {
    display: none
    }
@media (max-width: 575.98px) {
    .music .album .album-details .album-similar {
        margin-top: 20px
        }
    .music .album .album-details .album-similar li img {
        max-width: 60px
        }
    .weather .short-forecast-box {
        margin-bottom: 10px;
        padding-top: 10px
        }
    .weather .weekly-forecast-row .description-mobile {
        display: inline-block
        }
    }
.weather .weekly-forecast-row .description {
    display: inherit
    }
.card-noshadow {
    background-color: #f1f1f1
    }
@media (max-width: 575.98px) {
    .weather .weekly-forecast-row .description {
        display: none
        }
    .card-noshadow {
        margin-top: 30px
        }
    }
.short-forecast:last-child {
    border-right: none !important;
    border-bottom: none !important
    }
.today-weather span {
    font-size: 14px
    }
.weekly:last-child {
    border-right: none !important;
    border-bottom: none !important
    }
.weekly {
    border-right: 1px solid #bdbdbd !important;
    box-shadow: none !important
    }
@media (max-width: 1299.98px) {
    .epq-header svg {
        display: none
        }
    .weekly {
        border-right: none !important;
        border-bottom: 1px solid grey !important
        }
    }
.weekly .description {
    width: 8rem
    }
.col-vertical-ad {
    max-width: calc(100% - 330px)
    }
body > img {
    display: none
    }
.ad {
    position: relative;
    text-align: center
    }
.l-sidebar > .ad {
    margin-bottom: 3rem
    }
.ad__container {
    position: relative
    }
.player__ad .ad__container {
    height: 35px
    }
.ad__container > div::before {
    content: "Publicité";
    display: block;
    z-index: 2;
    color: #797e83;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 20px;
    text-transform: uppercase
    }
.theme--thebeat .ad__container > div::before {
    content: "Advertisement"
    }
.ad--1x1 .ad__container > div::before, .o-list--grid .ad__container > div::before {
    display: none
    }
.player__ad .ad__container > div::before {
    height: 12px;
    margin-left: -26px;
    transform: translatey(-50%) rotate(-90deg);
    font-size: 7px;
    line-height: 12px;
    position: absolute;
    top: 50%;
    left: 0
    }
@media (min-width: 768px) and (max-width: 991.98px) {
    .hero .ad {
        padding: 2rem 0 calc(2rem + 20px)
        }
    .c-lightbox .ad__container > div::before {
        margin-top: -20px
        }
    }
.ad--house {
    margin: 2rem 0
    }
.ad--1x1 {
    margin-bottom: 0
    }
.ad--1x1 .ad__container::before {
    display: none
    }
.ad--banner, .ad--horizontal {
    margin-bottom: 4rem;
    padding: 2rem 0 calc(2rem + 20px);
    clear: both;
    background-color: #ebecec
    }
@media (max-width: 767.98px) {
    .weather .short-forecast-box.border-right {
        border-right: 0 !important;
        border-bottom: 1px solid #d6d7d9
        }
    .weekly .weekly-right {
        margin-right: -38px
        }
    .ad--banner, .ad--horizontal {
        width: calc(100% + 70px);
        margin-left: -35px
        }
    }
.l-header--dark .ad--banner, .l-header--dark .ad--horizontal {
    background-color: transparent
    }
.l-wrap__right:not(.l-sidebar) .ad--banner, .l-wrap__right:not(.l-sidebar) .ad--horizontal, .o-list--grid .ad--banner, .o-list--grid .ad--horizontal, .o-list--users .ad--banner, .o-list--users .ad--horizontal {
    margin-bottom: 0
    }
.l-header .ad--horizontal, .l-header--dark .ad--horizontal {
    margin-bottom: 0;
    padding: 1rem 0 calc(1rem + 20px)
    }
@media (min-width: 768px) {
    .player__ad .ad__container {
        height: 75px
        }
    .l-sidebar:not(.l-wrap__right) .ad__container > div::before, .l-wrap__right > :first-child .ad__container > div::before, .o-list--grid-ad .ad__container > div::before {
        margin-top: -20px
        }
    .l-header--dark .ad__container > div::before, .l-header--inversed .ad__container > div::before {
        color: #fff
        }
    .ad--banner, .ad--horizontal {
        padding: 0;
        background-color: transparent
        }
    .l-header .ad--horizontal, .l-header--dark .ad--horizontal {
        padding-bottom: 0
        }
    }
.container + .ad--horizontal {
    width: calc(100% - 30px);
    margin-left: 15px
    }
.ad--full-width {
    width: 100% !important
    }
.ad--video {
    display: none;
    z-index: 999;
    margin: 0;
    padding-top: 56.25%;
    background-color: #0b0b0b;
    position: fixed;
    bottom: 75px;
    left: 0;
    height: 0;
    width: 100%
    }
@media (min-width: 768px) {
    .ad--video {
        bottom: calc(75px + 3rem);
        left: 1rem;
        padding: 0;
        height: 236px;
        width: 419px
        }
    .layout--talk .ad--video {
        left: calc(180px + 1rem)
        }
    }
@media (min-width: 1300px) {
    .layout--talk .ad--video {
        left: calc(250px + 2rem)
        }
    }
.ad--video .ad__container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.ad--video .ad__container::before {
    margin-top: -20px;
    background-color: #0b0b0b;
    color: #fff
    }
.ad--video .ad__container div, .ad--video .ad__container video {
    top: 0;
    left: 0
    }
.ad--video .ad__container video {
    top: 20px !important
    }
.ad--video .ad__container iframe, .ad--video .ad__container > div {
    width: 100% !important;
    height: 100% !important
    }
.ad--video .mejs__container, .ad--video .mejs__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.ad--video .video-ad-element {
    display: none
    }
.centraide-banner {
    background-color: #022343
    }
.centraide-banner > a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px 10px 20px;
    border: 4px solid #ee3024;
    color: #fff;
    text-decoration: none
    }
.centraide-banner > a:hover {
    color: #fff
    }
.centraide-banner__title {
    display: block
    }
@media (min-width: 992px) {
    .ad--video {
        height: 362px;
        width: 640px
        }
    .centraide-banner__title {
        padding-right: 20px;
        border-right: 1px solid #fff
        }
    }
.centraide-banner__title svg {
    max-width: 100%;
    height: 53px;
    width: 300px
    }
.centraide-banner__cta {
    display: none;
    max-width: 400px;
    padding: 0 20px;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase
    }
@media (min-width: 992px) {
    .centraide-banner__cta {
        display: block
        }
    }
@media (min-width: 1300px) {
    .centraide-banner > a {
        padding: 10px 10%
        }
    .centraide-banner__cta {
        font-size: 1.25rem
        }
    }
.centraide-banner__image {
    display: none;
    padding-left: 25px
    }
@media (min-width: 576px) {
    .centraide-banner__image {
        display: block
        }
    }
.centraide-banner__image ul {
    position: relative;
    margin: 0;
    overflow: hidden;
    border: 3px solid #fff;
    border-radius: 50%;
    padding-left: 0;
    list-style: none;
    height: 75px;
    width: 75px
    }
.centraide-banner__image li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: 12s infinite centraide-fade;
    animation: 12s infinite centraide-fade
    }
.centraide-banner__image li:nth-child(2) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
    }
.centraide-banner__image li:nth-child(3) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
    }
.centraide-banner__image li:nth-child(4) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s
    }
.centraide-banner__image li:nth-child(5) {
    -webkit-animation-delay: 8s;
    animation-delay: 8s
    }
.centraide-banner__image li:nth-child(6) {
    -webkit-animation-delay: 10s;
    animation-delay: 10s
    }
.centraide-banner__image img {
    width: 100%
    }
.centraide-banner__logo {
    display: block;
    margin-left: 30px;
    padding: 5px;
    border-radius: 5px;
    background-color: #ee3024
    }
.centraide-banner__logo svg {
    display: block
    }
@-webkit-keyframes centraide-fade {
    0%, 100%, 15% {
        opacity: 1
        } 17%, 98% {
        opacity: 0
        }
    }
@keyframes centraide-fade {
    0%, 100%, 15% {
        opacity: 1
        } 17%, 98% {
        opacity: 0
        }
    }
.la-tribune-banner {
    position: relative;
    height: auto;
    margin: 2rem 0;
    background-color: #ebebeb
    }
.la-tribune-banner > a {
    display: block;
    width: 100%
    }
.la-tribune-banner > a:hover .la-tribune-banner__intro, .la-tribune-banner > a:hover .la-tribune-banner__title {
    color: #252525;
    text-decoration: none
    }
.la-tribune-banner .la-tribune-banner__grouplogo {
    display: block;
    position: relative;
    width: 100%;
    height: 55px;
    background-color: #d71826
    }
.la-tribune-banner .la-tribune-banner__grouplogo img {
    display: block;
    width: 100%;
    max-width: 80px;
    position: absolute;
    top: 10px;
    left: 10px
    }
.la-tribune-banner .la-tribune-banner__liner {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    height: 175px;
    background-image: url(/cdn.cogecolive.com/websites-public/la-tribune-hero.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%
    }
.la-tribune-banner .la-tribune-banner__text .tag--block {
    display: block;
    margin: 0;
    padding-right: 0;
    background-color: transparent;
    position: absolute;
    top: -40px;
    right: 10px
    }
.la-tribune-banner .la-tribune-banner__title {
    display: block;
    margin-top: 15px;
    font-size: 25px;
    font-weight: 900;
    line-height: 25px;
    text-align: center
    }
.la-tribune-banner .la-tribune-banner__intro {
    display: none
    }
.la-tribune-banner .la-tribune-banner__logo img {
    display: block;
    width: 100%;
    max-width: 100px;
    position: absolute;
    right: 10px;
    bottom: 10px
    }
@media (min-width: 768px) {
    .la-tribune-banner {
        height: 180px
        }
    .la-tribune-banner > a {
        display: flex;
        align-items: flex-start
        }
    .la-tribune-banner .la-tribune-banner__grouplogo {
        flex: 0 0 8rem;
        width: 8rem;
        height: 180px
        }
    .la-tribune-banner .la-tribune-banner__grouplogo img {
        top: auto;
        bottom: 10px
        }
    .la-tribune-banner .la-tribune-banner__liner {
        display: block;
        flex: 1 1 100%;
        max-width: calc(100% - 8rem);
        height: 180px
        }
    .la-tribune-banner .la-tribune-banner__text {
        max-width: 320px;
        margin-left: -160px;
        text-align: left;
        position: absolute;
        left: 50%
        }
    .la-tribune-banner .la-tribune-banner__text .tag--block {
        display: inline-block;
        padding: 0.5em;
        background-color: #d71826;
        position: relative;
        top: 0;
        right: auto
        }
    .la-tribune-banner .la-tribune-banner__title {
        text-align: left
        }
    .la-tribune-banner .la-tribune-banner__intro {
        display: block;
        margin: 0;
        font-weight: 600;
        line-height: 20px
        }
    .la-tribune-banner .la-tribune-banner__intro span {
        font-weight: 900
        }
    }
@media (min-width: 992px) {
    .la-tribune-banner .la-tribune-banner__grouplogo {
        flex: 0 0 12rem;
        width: 12rem
        }
    .la-tribune-banner .la-tribune-banner__grouplogo img {
        bottom: 20px;
        left: 20px;
        max-width: 100px
        }
    .la-tribune-banner .la-tribune-banner__liner {
        max-width: calc(100% - 12rem)
        }
    .la-tribune-banner .la-tribune-banner__text {
        max-width: 350px;
        margin-left: -175px
        }
    .la-tribune-banner .la-tribune-banner__title {
        font-size: 30px;
        font-weight: 900;
        line-height: 33px
        }
    .la-tribune-banner .la-tribune-banner__logo img {
        right: 20px;
        bottom: 20px;
        max-width: 120px
        }
    }
.c-alert {
    max-width: 1440px;
    margin: 20px 0;
    padding: 0 20px
    }
.c-alert__link {
    display: flex;
    align-items: center
    }
.c-alert__inner {
    display: block;
    position: relative;
    flex: 1 1 60%
    }
@media (min-width: 1300px) {
    .la-tribune-banner .la-tribune-banner__intro {
        font-weight: 400
        }
    .la-tribune-banner .la-tribune-banner__intro span {
        font-weight: 700
        }
    .c-alert__inner {
        display: flex;
        justify-content: space-between;
        align-items: center
        }
    }
.c-alert--success {
    padding: 0.5rem;
    background-color: #50b36d;
    color: #fff;
    font-weight: 700;
    text-align: center
    }
.c-alert--neutral {
    padding: 0.5rem;
    background-color: #656a6e;
    color: #fff;
    font-weight: 700;
    text-align: center
    }
.c-alert--snowreport {
    padding: 0;
    border-radius: 5px;
    background-color: #ff784f;
    transition: background-color 0.3s ease;
    overflow: hidden
    }
.layout--music .c-alert--snowreport {
    margin-bottom: -1rem
    }
.c-alert--snowreport > a {
    display: block;
    position: relative;
    padding: 1rem;
    color: #fff;
    text-align: center;
    text-decoration: none
    }
@media (min-width: 992px) {
    .c-alert--snowreport > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.5rem
        }
    }
.c-alert--snowreport > a > * {
    display: block
    }
.c-alert--snowreport > a:hover {
    color: #fff !important
    }
.c-alert--snowreport .logo {
    display: block;
    width: 315px;
    max-width: 100%;
    margin: 0 auto 10px
    }
@media (min-width: 768px) {
    .c-alert--snowreport .logo {
        text-align: center;
        margin-bottom: 10px
        }
    }
@media (min-width: 992px) {
    .c-alert--snowreport .logo {
        flex: 0 0 315px;
        margin-right: 1rem;
        margin-bottom: 0;
        text-align: center
        }
    }
.c-alert--snowreport .cta {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3;
    text-transform: uppercase
    }
@media (min-width: 768px) {
    .c-alert--snowreport .cta {
        flex: 1 1 calc(100% - 315px)
        }
    }
.c-alert--snowreport .cta::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.25rem;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
    border-left-color: inherit;
    content: ""
    }
.c-alert--snowreport .sponsor {
    display: flex;
    flex-direction: column;
    justify-content: center
    }
.c-alert--snowreport .sponsor__header {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 3px
    }
@media (max-width: 767.98px) {
    .c-alert--snowreport .sponsor {
        position: absolute;
        right: 0;
        bottom: 20px
        }
    .c-alert--snowreport .sponsor__header {
        display: none
        }
    }
.c-alert--snowreport .sponsor iframe {
    width: 80px;
    height: 35px;
    border: 0;
    outline: 0
    }
@media (min-width: 768px) {
    .c-alert--snowreport .sponsor iframe {
        width: 100px;
        height: 60px;
        border-left: 1px solid rgba(255, 255, 255, 0.3)
        }
    }
.audio-module {
    margin-bottom: 2rem;
    background-color: #797e83
    }
.audio-module .swiper-container {
    display: block
    }
.audio-module .swiper-container .js-swiper-next, .audio-module .swiper-container .js-swiper-prev {
    display: none
    }
.audio-module__header {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    color: #fff
    }
.audio-module__title {
    margin: 0 0 0.5rem;
    font-size: 25px;
    font-weight: 700
    }
@media (min-width: 992px) {
    .audio-module__title {
        margin-bottom: 0
        }
    }
.audio-module__nav {
    display: flex;
    align-items: center;
    margin: 0;
    white-space: nowrap
    }
.audio-module__nav li {
    border-bottom: 3px solid transparent;
    font-weight: 700;
    padding-left: 0;
    list-style: none
    }
.audio-module__nav li a {
    display: block;
    padding: 0.25rem 0;
    color: #fff
    }
.audio-module__nav li:first-child {
    margin-right: 0.5rem
    }
@media (min-width: 576px) {
    .audio-module__nav li:first-child {
        margin-right: 0.75rem
        }
    }
.audio-module__nav li.is-active {
    border-bottom: 3px solid #fff
    }
.audio-module .swiper-pagination-bullet {
    background-color: #fff
    }
.audio-module .swiper-wrapper {
    padding: 0 0 3rem 0.8rem
    }
.audio-module .swiper-slide {
    width: 18rem
    }
.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 {
    display: block
    }
.c-broadcast-banner + .c-broadcast-banner {
    margin-top: 2rem
    }
.c-broadcast-banner > * {
    display: flex;
    position: relative;
    padding: 2rem 1rem 1rem;
    border-radius: 4px;
    background-color: #0b0b0b;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top
    }
.container-sports .c-broadcast-banner > * {
    margin-top: 1.5rem;
    margin-bottom: 1rem
    }
@media (max-width: 1299.98px) {
    .c-broadcast-banner > * {
        justify-content: center;
        padding-bottom: 3.5rem
        }
    .c-broadcast-banner.is-live > * {
        padding-bottom: 4.5rem
        }
    }
@media (min-width: 1300px) {
    .c-alert--snowreport .sponsor iframe {
        width: 140px
        }
    .c-broadcast-banner > * {
        align-items: center;
        padding: 0.75rem 1.5rem 0.75rem 0.75rem
        }
    }
.c-broadcast-banner__cta {
    display: flex;
    align-items: center;
    padding: 0.5rem 1.5rem 0.5rem 0.5rem;
    border: 2px solid #fff;
    border-radius: 3rem;
    color: #fff;
    letter-spacing: 0 !important;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.625rem;
    text-transform: uppercase
    }
.c-broadcast-banner--sports .c-broadcast-banner__cta {
    background-color: rgba(227, 24, 55, 0.8)
    }
.c-broadcast-banner--sports a:hover .c-broadcast-banner__cta {
    background-color: #e31837
    }
@media (min-width: 1300px) {
    .c-broadcast-banner__cta {
        flex: 0 0 10.5rem;
        margin-right: 1.5rem;
        background-position: right 0 bottom -50%
        }
    }
.c-broadcast-banner__play {
    display: inline-block;
    margin-right: 1rem;
    height: 2.5rem;
    width: 2.5rem
    }
@media (min-width: 1300px) {
    .c-broadcast-banner__play {
        height: 3rem;
        width: 3rem
        }
    .c-broadcast-banner__logo {
        flex: 0 0 4rem
        }
    }
.c-broadcast-banner__logo {
    display: block;
    width: 65px;
    margin-right: 1rem
    }
.c-broadcast-banner__logo img {
    display: block;
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 100%
    }
.c-broadcast-banner__text {
    color: #fff
    }
.c-broadcast-banner__text h3 {
    margin-bottom: 0.25rem;
    letter-spacing: 0 !important;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.625rem;
    text-transform: uppercase
    }
@media (max-width: 1299.98px) {
    .c-broadcast-banner__cta {
        position: absolute;
        bottom: 1rem
        }
    .c-broadcast-banner__text {
        padding-bottom: 1rem
        }
    .c-broadcast-banner__text h3 {
        margin-top: 0.5rem
        }
    .c-broadcast-banner__coming, .c-broadcast-banner__tag {
        position: absolute;
        top: 0;
        right: 0;
        left: 0
        }
    }
@media (min-width: 1300px) {
    .c-broadcast-banner__text {
        flex: 1 1 50%
        }
    .c-broadcast-banner__text h3 {
        font-size: 1.5rem;
        line-height: 1.95rem
        }
    }
.c-broadcast-banner__text p {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.05rem;
    text-transform: uppercase
    }
.c-broadcast-banner__coming, .c-broadcast-banner__date, .c-broadcast-banner__tag {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    text-align: center;
    white-space: nowrap;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.05rem;
    text-transform: uppercase
    }
.c-broadcast-banner--sports .c-broadcast-banner__coming, .c-broadcast-banner--sports .c-broadcast-banner__tag {
    background-color: rgba(227, 24, 55, 0.8);
    color: #fff
    }
@media (min-width: 1300px) {
    .c-broadcast-banner__text p {
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: 2px;
        line-height: 1.4rem;
        text-transform: uppercase
        }
    .c-broadcast-banner__tag {
        margin-left: 1rem
        }
    .c-broadcast-banner__coming {
        margin-right: 1rem
        }
    }
.c-broadcast-banner__date {
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.4rem;
    text-transform: uppercase
    }
@media (max-width: 1299.98px) {
    .c-broadcast-banner__date {
        position: absolute;
        bottom: 1rem
        }
    }
.play360 {
    overflow: hidden;
    border-left: 5px solid #e31837;
    background-repeat: no-repeat;
    background-size: cover
    }
.impactfeed {
    display: flex;
    margin: 0 0 2rem;
    padding: 10px;
    background-color: #47729d;
    background-image: url(/cdn.cogecolive.com/websites-public/985_impact_banner_only.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 100%
    }
@media (min-width: 992px) {
    .impactfeed {
        padding: 10px 0 10px 20px
        }
    }
@media (min-width: 1300px) {
    .impactfeed {
        margin-bottom: 1.5rem;
        padding-left: 35px;
        background-position: left center;
        background-size: 100% auto
        }
    }
.impactfeed .o-btn {
    color: #fff
    }
.impactfeed .sports-streams__info {
    align-self: center;
    padding-left: 10px
    }
.impactfeed .sports-streams__info .listen {
    margin: 0;
    opacity: 1;
    text-shadow: 0 0 5px rgba(34, 34, 66, 0.5);
    font-size: 1.25rem;
    line-height: 1.625rem
    }
.furyfeed {
    display: flex;
    margin: 0 0 2rem;
    padding: 10px;
    background-image: url(/cdn.cogecolive.com/websites-public/fury-bg-banner.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 100%
    }
@media (min-width: 992px) {
    .impactfeed .sports-streams__info .listen {
        font-size: 2rem;
        line-height: 2.5rem
        }
    .furyfeed {
        padding: 10px 0 10px 20px
        }
    }
.furyfeed .sports-streams__info {
    flex: none;
    align-self: center;
    padding-left: 10px
    }
.furyfeed .sports-streams__info .listen {
    margin: 0;
    opacity: 1;
    font-size: 18px
    }
@media (min-width: 992px) {
    .furyfeed .sports-streams__info .listen {
        font-size: 20px
        }
    }
@media (min-width: 1300px) {
    .furyfeed {
        margin-bottom: 1.5rem;
        padding-left: 35px;
        background-position: left center;
        background-size: 100% auto
        }
    .furyfeed .sports-streams__info .listen {
        font-size: 37px
        }
    }
.rougeetnoirfeed {
    display: flex;
    margin: 0 0 2rem;
    padding: 10px 10px 10px 30px;
    background-image: url(/cdn.cogecolive.com/websites-public/rouge-et-noir-bg-banner.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%
    }
.rougeetnoirfeed .sports-streams__info {
    flex: none;
    align-self: center;
    padding-left: 10px
    }
.rougeetnoirfeed .sports-streams__info .listen {
    margin: 0;
    opacity: 1;
    font-size: 18px
    }
@media (min-width: 992px) {
    .rougeetnoirfeed .sports-streams__info .listen {
        font-size: 20px
        }
    }
@media (min-width: 1300px) {
    .rougeetnoirfeed {
        margin-bottom: 1.5rem;
        padding-left: 35px;
        background-size: 100% auto
        }
    .rougeetnoirfeed .sports-streams__info .listen {
        font-size: 37px
        }
    }
.play360 {
    margin: 2rem 0;
    background-image: url(/cdn.cogecolive.com/websites-public/985sp_web_banner_bg_hockey.jpg);
    background-position: left center
    }
.play360 a {
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 4.5rem 1rem 1rem 20%;
    color: #fff
    }
.play360 a:hover {
    color: #fff;
    text-decoration: none
    }
.play360__image {
    position: relative;
    overflow: hidden;
    border: 5px solid #fff;
    border-radius: 50%;
    height: 80px;
    width: 80px
    }
@media (max-width: 991.98px) {
    .weather .weekly-forecast-row .weekly-forecast-box:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid #d6d7d9
        }
    .play360__image {
        z-index: 1;
        position: absolute;
        top: 1rem;
        left: 5%
        }
    }
@media (min-width: 992px) {
    .play360 a {
        flex-direction: row;
        align-items: center;
        padding: 2rem
        }
    .play360__image {
        margin-right: 2rem;
        margin-left: auto;
        height: 150px;
        width: 150px
        }
    }
.play360__image img {
    width: 130%;
    height: auto;
    transform: translatex(-50%);
    position: absolute;
    top: 0;
    left: 50%
    }
.play360__tag {
    display: inline-block;
    margin-bottom: 0.3em;
    padding: 5px 0.5em;
    background-color: #e31837;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
    }
.play360__tag em {
    margin-right: 0.5em;
    color: #e31837;
    font-style: normal
    }
.play360__meta {
    display: block;
    position: relative;
    z-index: 2;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 1rem
    }
@media (min-width: 992px) {
    .play360__meta {
        flex: 0 1 55%;
        margin-bottom: 0
        }
    }
.play360__title {
    margin-bottom: 0.25em;
    font-size: 1.7rem;
    font-weight: 900;
    line-height: 1.1
    }
.play360__description {
    font-weight: 700;
    line-height: 1.2
    }
.play360__logo img {
    width: 50px
    }
.play360__logo p {
    margin: 0 0 0.5em;
    font-size: 10.24px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    white-space: nowrap
    }
@-webkit-keyframes btnFlicker {
    0%, 100% {
        opacity: 1
        } 50% {
        opacity: .5
        }
    }
@keyframes btnFlicker {
    0%, 100% {
        opacity: 1
        } 50% {
        opacity: .5
        }
    }
.sports-streams {
    margin-bottom: 3rem
    }
.sports-streams__item.limpact {
    position: relative;
    flex-direction: row-reverse;
    align-items: flex-end;
    justify-content: center;
    min-height: 170px;
    padding: 20px 15px 25px;
    border-radius: 0;
    background-color: #86aaca;
    background-image: url(/cdn.cogecolive.com/websites-public/985_arcadio-jeremy_impact_banner_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: none
    }
.sports-streams__item.limpact::before {
    content: "";
    display: block;
    width: 10px;
    background-color: #fdb913;
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
    }
.sports-streams__item.limpact:hover {
    background-color: #86aaca
    }
.sports-streams__item.limpact:hover .o-btn {
    opacity: 0.5
    }
@media (min-width: 768px) {
    .play360 a {
        padding-top: 2rem
        }
    .sports-streams__item.limpact {
        padding: 2.5% 5% 2% 6%;
        background-position: left top;
        background-size: 100% auto
        }
    }
@media (min-width: 992px) {
    .play360__title {
        font-size: 2.5rem
        }
    .play360__logo {
        margin-left: auto;
        text-align: center
        }
    .play360__logo img {
        width: 100px
        }
    .sports-streams__item.limpact {
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        background-size: auto 100%
        }
    .sports-streams__item.limpact .o-btn {
        width: 50%;
        margin: 0 30px;
        font-size: 1.5rem;
        line-height: 1.95rem
        }
    }
.sports-streams__item.limpact .o-btn {
    display: block;
    padding: 0.75rem 1rem;
    transition: opacity 0.5s ease;
    border: 2px solid #fff;
    border-radius: 0.25rem;
    background-color: rgba(134, 170, 202, 0.5);
    color: #fff
    }
.sports-streams__item.limpact .o-btn span {
    display: inline-flex;
    align-items: center
    }
.sports-streams__item.limpact .o-btn--ghost {
    color: #fff
    }
.sports-streams__item.limpact .sports-streams__logo {
    flex: 0 0 100px;
    margin-left: 20px
    }
.sports-streams__item.limpact .sports-streams__logo svg {
    display: block;
    width: 90px;
    margin: 0 0 0 auto
    }
@media (min-width: 992px) {
    .sports-streams__item.limpact .sports-streams__logo {
        flex: 0 0 120px
        }
    .sports-streams__item.limpact .sports-streams__logo svg {
        width: 120px;
        margin: 0
        }
    }
.sports-streams__item.fury {
    display: block;
    position: relative;
    padding: 20px 30px 25px 35px;
    background-image: url(/cdn.cogecolive.com/websites-public/fury-background.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: none
    }
.sports-streams__item.fury .sports-streams__hover {
    display: block;
    z-index: 1;
    transition: width 0.5s ease-in-out;
    background: rgba(197, 18, 48, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 10px
    }
.sports-streams__item.fury .sports-streams__title {
    display: block;
    margin-bottom: -5px
    }
.sports-streams__item.fury .sports-streams__title img {
    display: block;
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 100%
    }
@media (min-width: 768px) {
    .sports-streams__item.fury {
        padding: 2.5% 5% 2% 6%
        }
    .sports-streams__item.fury .sports-streams__hover {
        width: 20px
        }
    .sports-streams__item.fury .sports-streams__title {
        margin-bottom: -15px
        }
    }
.sports-streams__item.fury .sports-streams__cta {
    display: inline-block;
    position: relative;
    z-index: 8;
    width: 100%;
    margin-top: 0;
    padding: 5px 0 3px;
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    border-radius: 5px;
    background-color: #c51230;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
    }
.sports-streams__item.fury:hover .sports-streams__hover {
    width: 100%
    }
.sports-streams__item.fury:hover .sports-streams__cta {
    background-color: #fff;
    color: #c51230
    }
.sports-streams__item.rougeetnoir {
    display: block;
    position: relative;
    padding: 15px 30px 15px 35px;
    background-image: url(/cdn.cogecolive.com/websites-public/rouge-et-noir-background.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: none
    }
.sports-streams__item.rougeetnoir .sports-streams__hover {
    display: block;
    z-index: 1;
    transition: width 0.5s ease-in-out;
    background: rgba(173, 25, 35, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 10px
    }
@media (min-width: 768px) {
    .sports-streams__item.fury .sports-streams__cta {
        font-size: 1rem
        }
    .sports-streams__item.rougeetnoir {
        padding: 2% 5% 2% 6%
        }
    .sports-streams__item.rougeetnoir .sports-streams__hover {
        width: 20px
        }
    }
.sports-streams__item.rougeetnoir .sports-streams__title {
    display: block
    }
.sports-streams__item.rougeetnoir .sports-streams__title img {
    display: block;
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 100%
    }
.sports-streams__item.rougeetnoir .sports-streams__cta {
    display: inline-block;
    position: relative;
    z-index: 8;
    width: 100%;
    margin-top: 10px;
    padding: 5px 0 3px;
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    border-radius: 5px;
    background-color: #ad1923;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
    }
.sports-streams__item.rougeetnoir:hover .sports-streams__hover {
    width: 100%
    }
.sports-streams__item.rougeetnoir:hover .sports-streams__cta {
    background-color: #fff;
    color: #ad1923
    }
.sports-streams__item.senators {
    display: block;
    position: relative;
    padding: 15px 30px 15px 35px;
    background-image: url(/cdn.cogecolive.com/websites-public/senators_background_v2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: none
    }
@media (min-width: 768px) {
    .sports-streams__item.rougeetnoir .sports-streams__cta {
        font-size: 1rem
        }
    .sports-streams__item.senators {
        padding: 2% 5% 2% 6%
        }
    }
.sports-streams__item.senators .sports-streams__title {
    display: block
    }
.sports-streams__item.senators .sports-streams__title img {
    display: block;
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 100%
    }
.sports-streams__item.senators .sports-streams__cta {
    display: inline-block;
    position: relative;
    z-index: 8;
    width: 100%;
    margin-top: 10px;
    padding: 5px 0 3px;
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    border-radius: 5px;
    background-color: #d69f0f;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
    }
.sports-streams__item.senators:hover .sports-streams__hover {
    width: 100%
    }
.sports-streams__item.senators:hover .sports-streams__cta {
    background-color: #fff;
    color: #ad1923
    }
.sortie-zone-banner {
    position: relative;
    height: auto;
    margin-bottom: 4rem;
    padding: 20px 20px 50px;
    background-image: radial-gradient(circle at 50% 190px, #bbd5e7 0, #3e6994 120%);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100% 100%;
    overflow: hidden
    }
.sortie-zone-banner .background_img {
    height: 10%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
    }
.sortie-zone-banner > a {
    display: block;
    width: 100%;
    max-width: 450px;
    margin: 0 auto
    }
.sortie-zone-banner .sortie-zone-banner__mainTitle {
    display: block;
    position: relative;
    width: 100%;
    max-width: 450px
    }
.sortie-zone-banner .sortie-zone-banner__mainTitle img {
    display: block;
    width: 100%;
    max-width: 80px;
    position: absolute;
    top: 10px;
    left: 10px
    }
.sortie-zone-banner .sortie-zone-banner__liner {
    position: relative
    }
.sortie-zone-banner .sortie-zone-banner__text {
    padding-bottom: 20px
    }
.sortie-zone-banner .sortie-zone-banner__text h3 {
    color: #264b80;
    font-size: 15px;
    font-weight: 700
    }
.sortie-zone-banner .o-btn--primary {
    background-color: #264b80;
    position: absolute;
    right: 0
    }
.sortie-zone-banner .sortie-zone-banner__logo {
    width: 80px;
    height: auto
    }
.sortie-zone-banner .sortie-zone-banner__logo img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto
    }
@media (min-width: 768px) {
    .sports-streams__item.senators .sports-streams__cta {
        font-size: 1rem
        }
    .sortie-zone-banner .background_img {
        height: 15%
        }
    .sortie-zone-banner .sortie-zone-banner__liner {
        display: block;
        max-width: 100%
        }
    .sortie-zone-banner .sortie-zone-banner__text h3 {
        font-size: 1rem
        }
    }
@media (min-width: 992px) {
    .sortie-zone-banner {
        padding: 30px 20px 40px;
        background-image: radial-gradient(circle at 80% 125px, #bbd5e7 0, #3e6994 100%)
        }
    .sortie-zone-banner > a {
        display: flex;
        align-items: flex-start;
        max-width: none;
        margin: 0
        }
    .sortie-zone-banner .sortie-zone-banner__mainTitle {
        flex: 0 0 45%;
        width: 100%
        }
    .sortie-zone-banner .sortie-zone-banner__liner {
        display: block;
        flex: 1 1 45%;
        max-width: 100%;
        margin-left: 20px
        }
    .sortie-zone-banner .sortie-zone-banner__text {
        max-width: 300px
        }
    .sortie-zone-banner .o-btn--primary {
        position: relative;
        right: auto
        }
    .sortie-zone-banner .sortie-zone-banner__logo {
        width: 90px;
        position: absolute;
        top: 20px;
        right: 20px
        }
    }
@media (min-width: 1300px) {
    .sortie-zone-banner {
        padding: 50px 20px 55px 73px
        }
    .sortie-zone-banner .background_img {
        height: 20%
        }
    .sortie-zone-banner .sortie-zone-banner__liner {
        margin-left: 40px
        }
    .sortie-zone-banner .sortie-zone-banner__text {
        max-width: 350px;
        padding-bottom: 15px
        }
    .sortie-zone-banner .sortie-zone-banner__text h3 {
        font-size: 18px
        }
    .coronavirus {
        margin-bottom: 1.5rem
        }
    }
.coronavirus {
    display: flex;
    padding: 1rem;
    border-left: 10px solid #ff042d;
    background-color: #0b0b0b;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff
    }
@media (max-width: 991.98px) {
    .coronavirus {
        flex-direction: column;
        align-items: center;
        text-align: center
        }
    .coronavirus .coronavirus__liner {
        margin-bottom: 1rem
        }
    }
.coronavirus:hover {
    color: #fff !important
    }
.coronavirus:hover .coronavirus__cta {
    background-color: #fdb913;
    color: #252525
    }
.coronavirus.coronavirus--v1 {
    background-image: url(/cdn.cogecolive.com/websites-public/coronavirus-banner_mobile_1.jpg)
    }
@media (min-width: 992px) {
    .coronavirus {
        justify-content: space-between;
        padding: 1rem 2rem
        }
    .coronavirus.coronavirus--v1 {
        background-image: url(/cdn.cogecolive.com/websites-public/coronavirus-banner_desktop_1.jpg)
        }
    }
.coronavirus.coronavirus--v2 {
    background-image: url(/cdn.cogecolive.com/websites-public/coronavirus-banner_mobile_2.jpg)
    }
@media (min-width: 992px) {
    .coronavirus.coronavirus--v2 {
        background-image: url(/cdn.cogecolive.com/websites-public/coronavirus-banner_desktop_2.jpg)
        }
    }
.coronavirus.coronavirus--v3 {
    background-image: url(/cdn.cogecolive.com/websites-public/coronavirus-banner_mobile_3.jpg)
    }
.coronavirus__liner > * {
    display: block;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1
    }
.coronavirus__liner .ttl {
    color: #fdb913
    }
.coronavirus__liner .subttl {
    color: #fff
    }
.coronavirus__cta {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1rem;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 0.4rem;
    background-color: #ff042d;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase
    }
.coronavirus__cta icon {
    margin-left: 0.75rem
    }
.epq-directory-banner {
    display: block;
    position: relative;
    padding: 1rem;
    background: linear-gradient(180deg, #17245d 0, #0065b0 100%);
    border-radius: 8px;
    color: #fff;
    font-family: Quicksand, "Work Sans", sans-serif;
    font-weight: 700
    }
.epq-directory-banner:hover:not(.o-btn) {
    color: #fff
    }
.epq-directory-banner:hover:not(.o-btn) .epq-directory-banner__cta {
    background-color: #fff;
    color: #00adef
    }
@media (min-width: 1300px) {
    body:not(.ad-paw-is-visible) .epq-directory-banner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 270px
        }
    body:not(.ad-paw-is-visible) .epq-directory-banner__cta {
        margin: 0 0 0 1.5rem
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .epq-directory-banner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 270px
        }
    body.ad-paw-is-visible .epq-directory-banner__cta {
        margin: 0 0 0 1.5rem
        }
    }
.epq-directory-banner__liner > * {
    display: block
    }
.epq-directory-banner__liner .subttl {
    font-size: 0.875rem;
    line-height: 1.125rem
    }
.epq-directory-banner__liner .ttl {
    font-size: 1.125rem;
    line-height: 1.55rem
    }
.epq-directory-banner__cta {
    display: inline-flex;
    align-items: center;
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 5rem;
    background-color: #00adef;
    letter-spacing: 1px;
    font-size: 0.875rem;
    line-height: 1.125rem
    }
@media (min-width: 1300px) {
    .epq-directory-banner__cta {
        font-size: 1rem;
        line-height: 1.375rem
        }
    }
.epq-directory-banner__cta icon {
    margin-left: 0.75rem
    }
.epq-directory-banner__illustration {
    display: none
    }
@media (min-width: 768px) {
    .epq-directory-banner__liner .subttl {
        font-size: 1.125rem;
        line-height: 1.55rem
        }
    .epq-directory-banner__liner .ttl {
        font-size: 1.5rem;
        line-height: 1.95rem
        }
    body:not(.ad-paw-is-visible) .epq-directory-banner__illustration {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .epq-directory-banner__illustration {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0
        }
    }
.epq-directory-banner__illustration svg {
    display: block;
    height: 106px;
    width: 231px
    }
.epq-add-cta {
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    padding: 1.5rem;
    border: 2px solid #00adef;
    border-radius: 8px;
    text-align: center
    }
.epq-add-cta .line-1 {
    margin-bottom: 0.5rem;
    color: #00adef;
    font-family: Quicksand, "Work Sans", sans-serif;
    font-weight: 700
    }
.epq-add-cta .line-2 {
    text-transform: uppercase;
    font-size: 1.75rem;
    line-height: 2.25rem
    }
.epq-add-cta svg {
    margin: 0.75rem auto
    }
.epq-add-cta p {
    margin: 0 0 0.75rem;
    font-size: 0.875rem;
    line-height: 1.125rem
    }
.epq-add-cta .o-btn {
    background-color: #00adef
    }
.esne-promo-banner {
    display: flex;
    position: relative;
    align-items: center;
    padding: 1rem;
    background-image: url(/cdn.cogecolive.com/websites-public/esne_background_desktop.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    color: #fff;
    font-family: Quicksand, "Work Sans", sans-serif;
    font-weight: 700;
    text-align: center
    }
@media (max-width: 991.98px) {
    .esne-promo-banner {
        flex-direction: column;
        align-items: center;
        background-image: url(/cdn.cogecolive.com/websites-public/esne_background_mobile.jpg);
        text-align: center
        }
    }
.esne-promo-banner:hover:not(.o-btn) {
    color: #fff
    }
.esne-promo-banner:hover:not(.o-btn) .esne-promo-banner__cta {
    background-color: #fff;
    color: #00adef
    }
@media (min-width: 992px) {
    .coronavirus.coronavirus--v3 {
        background-image: url(/cdn.cogecolive.com/websites-public/coronavirus-banner_desktop_3.jpg)
        }
    body:not(.ad-paw-is-visible) .esne-promo-banner {
        display: flex;
        align-items: center;
        padding: 1rem 2rem
        }
    body:not(.ad-paw-is-visible) .esne-promo-banner__cta {
        margin: 0 1.5rem 0 0
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .esne-promo-banner {
        display: flex;
        align-items: center;
        padding: 1rem 2rem
        }
    body.ad-paw-is-visible .esne-promo-banner__cta {
        margin: 0 1.5rem 0 0
        }
    }
.esne-promo-banner__title-wrapper {
    display: inline-flex;
    align-items: center;
    margin-right: 2rem;
    text-align: left
    }
.esne-promo-banner__liner {
    flex: 0 0 150px;
    max-width: 150px
    }
.esne-promo-banner__liner > * {
    display: block
    }
.esne-promo-banner__liner .subttl {
    font-size: 1.5rem;
    line-height: 1.95rem
    }
@media (min-width: 768px) {
    .esne-promo-banner__liner {
        flex: 0 0 220px;
        max-width: 220px
        }
    .esne-promo-banner__liner .subttl {
        font-size: 2.25rem;
        line-height: 2.75rem
        }
    }
.esne-promo-banner__liner .ttl {
    margin-top: -10px;
    font-size: 1.5rem;
    line-height: 1.95rem
    }
.esne-promo-banner__logo {
    flex: 1 1 150px;
    max-width: 150px;
    padding-top: 21px
    }
@media (min-width: 768px) {
    .esne-promo-banner__liner .ttl {
        margin-top: -15px;
        font-size: 2.25rem;
        line-height: 2.75rem
        }
    .esne-promo-banner__logo {
        flex: 1 1 200px;
        max-width: 200px
        }
    }
.esne-promo-banner__cta {
    display: inline-block;
    align-items: center;
    align-content: flex-end;
    margin-top: 1rem;
    padding: 0.5rem 2.5rem;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 5rem;
    background-color: #fff;
    color: #1a2968;
    letter-spacing: 1px;
    font-size: 1.125rem;
    line-height: 1.55rem
    }
@media (min-width: 992px) {
    .esne-promo-banner__cta {
        position: absolute;
        right: 1rem;
        margin-top: 0
        }
    body:not(.ad-paw-is-visible) .c-block--nocontent {
        min-height: 10rem
        }
    }
.c-block {
    margin-bottom: 4rem;
    text-align: center
    }
.c-block--cta {
    margin-top: 2rem
    }
.c-block--nocontent, .c-block--unavailable {
    padding: 3rem;
    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
    }
.c-featured-content-block {
    margin-bottom: 4rem;
    padding: 1.5rem 1rem 1rem;
    background-color: #0b0b0b;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    color: #fff
    }
.c-featured-content-block.c-featured-content-block--sponsored {
    background-color: #494b63;
    background-image: url(/cdn.cogecolive.com/websites-public/Decouverte_feat_block_background.jpg)
    }
.c-featured-content-block.c-featured-content-block--sponsored .c-card--news .o-tag {
    background-color: rgba(11, 11, 11, 0.5)
    }
.c-featured-content-block.c-featured-content-block--sponsored a:hover {
    color: #aeb2da
    }
.c-featured-content-block a {
    color: #fff
    }
.c-featured-content-block__header {
    margin-bottom: 1.5rem;
    text-align: center
    }
@media (min-width: 1300px) {
    .c-featured-content-block {
        padding-top: 2rem;
        padding-right: 1rem;
        padding-left: 1.5rem
        }
    .c-featured-content-block__header {
        margin-bottom: 0;
        text-align: left
        }
    .c-featured-content-block__logo {
        padding-top: 1rem
        }
    }
.c-featured-content-block__header .o-tag {
    border-color: #fff;
    opacity: 0.5;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.c-featured-content-block__header h2, .c-featured-content-block__header h3 {
    margin-bottom: 0.5rem
    }
.c-featured-content-block__header h2 {
    padding-bottom: 0.5em;
    border-bottom: 3px solid #fff;
    font-size: 2rem;
    line-height: 2.5rem
    }
.c-featured-content-block__header .info {
    font-size: 0.75rem;
    line-height: 1rem
    }
.c-featured-content-block__header .info em {
    font-style: italic;
    font-weight: 700
    }
.c-featured-content-block__logo {
    margin-bottom: 0.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2)
    }
.c-featured-content-block__logo svg {
    max-width: 300px
    }
.c-featured-content-block .o-list, .c-featured-content-block .o-list__item {
    margin-bottom: 0
    }
.c-featured-content-block__footer {
    padding-top: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    text-align: right
    }
.c-featured-content-block__footer a {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.05rem;
    text-transform: uppercase
    }
.c-featured-content-block__footer a::after {
    content: "▸";
    margin-left: 0.25rem
    }
.c-breadcrumb {
    margin-bottom: 2rem;
    padding: 1rem 0
    }
@media (min-width: 992px) {
    .c-breadcrumb {
        margin-bottom: 3rem
        }
    .c-breadcrumb--block {
        padding: 2rem 0
        }
    .c-breadcrumb__trail {
        flex: 0 0 100%
        }
    }
.c-breadcrumb--block ul {
    margin-bottom: 0.5rem
    }
.c-breadcrumb--line {
    border-bottom: 1px solid #d6d7d9
    }
.l-header--dark .c-breadcrumb--line {
    border-bottom: 1px solid #525559;
    background-color: #0b0b0b
    }
.c-breadcrumb__trail {
    display: flex;
    margin: 0;
    padding-left: 0;
    list-style: none
    }
.c-breadcrumb--video .c-breadcrumb__trail a {
    color: #fff
    }
.c-breadcrumb li {
    display: inline-block;
    flex-shrink: 0;
    max-width: 500px;
    font-size: 12.8px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
    }
@media (min-width: 768px) {
    .esne-promo-banner__cta {
        font-size: 1.5rem;
        line-height: 1.95rem
        }
    .c-breadcrumb li {
        font-size: 16px
        }
    }
.c-breadcrumb li::first-letter {
    text-transform: uppercase
    }
.c-breadcrumb li::after {
    content: "";
    display: inline-block;
    margin: 0 0.5rem;
    border-style: solid;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent #252525;
    border-width: 5px 0 5px 5px
    }
.c-breadcrumb li:last-child {
    flex-shrink: 1;
    opacity: 0.4
    }
.c-breadcrumb li:last-child::after {
    display: none
    }
.c-breadcrumb h1 {
    margin-bottom: 0
    }
.c-breadcrumb__links {
    margin-top: 1rem;
    margin-bottom: -1rem;
    padding-top: 3px;
    overflow-x: auto;
    border-bottom: 1px solid #0b0b0b;
    background-color: #fff;
    white-space: nowrap
    }
.c-breadcrumb__links a {
    display: inline-block;
    margin-right: 1rem;
    border-bottom: 3px solid transparent;
    font-weight: 700;
    line-height: 2.25em;
    text-transform: uppercase
    }
.c-breadcrumb__links a.is-active {
    border-color: #fff
    }
.c-breadcrumb__logo svg {
    display: block;
    margin-top: 1rem
    }
.layout--music .c-breadcrumb__logo .decouverte-logo path, .layout--music .c-breadcrumb__logo .discovery-logo path {
    fill: #797e83
    }
.c-breadcrumb__logo .decouverte-logo {
    height: 39px;
    width: 300px
    }
@media (min-width: 992px) {
    .c-breadcrumb__links {
        margin-top: 2rem;
        margin-bottom: -2rem
        }
    .c-breadcrumb__logo .decouverte-logo {
        height: 52px;
        width: 400px
        }
    }
.c-breadcrumb__logo .discovery-logo {
    height: 39px;
    width: 204px
    }
.c-breadcrumb.c-breadcrumb--video {
    margin-bottom: 0;
    background-color: #0b0b0b;
    box-shadow: none
    }
.c-breadcrumb.c-breadcrumb--video a, .c-breadcrumb.c-breadcrumb--video li, .c-breadcrumb.c-breadcrumb--video li:after {
    color: #fff
    }
.c-breadcrumb.c-breadcrumb--video li:after {
    border-style: solid;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent #fff;
    border-width: 5px 0 5px 5px
    }
.c-breadcrumb.c-breadcrumb--video li:last-child {
    opacity: 1
    }
.c-breadcrumb--epq {
    position: relative;
    margin-top: -2rem;
    padding: 1rem 0;
    background-color: #17245d;
    background: linear-gradient(180deg, #17245d 0, #0065b0 100%);
    color: #fff;
    font-family: Quicksand, "Work Sans", sans-serif
    }
@media (min-width: 992px) {
    .c-breadcrumb__logo .discovery-logo {
        height: 52px;
        width: 273px
        }
    .c-breadcrumb--epq {
        margin-top: -3rem;
        padding: 2rem 0
        }
    }
.c-breadcrumb--epq h1, .c-breadcrumb--epq h3 {
    margin: 0 !important;
    text-transform: none !important;
    font-weight: 700 !important
    }
.c-breadcrumb--epq .epq-link {
    display: inline-flex;
    align-items: center;
    margin-top: 0.75rem;
    padding: 0.25rem 0.75rem;
    border-radius: 4rem;
    background-color: #00adef;
    color: #fff;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem
    }
.c-breadcrumb--epq .epq-link:hover {
    background-color: #fff;
    color: #00adef
    }
.c-breadcrumb--epq .epq-link icon {
    margin-right: 0.5rem
    }
.c-breadcrumb--epq .epq-illustration {
    position: absolute;
    right: 1.5rem;
    bottom: 0
    }
@media (max-width: 1299.98px) {
    .c-breadcrumb--epq .epq-illustration {
        display: none
        }
    }
.o-btn {
    display: inline-flex;
    align-items: center;
    transition: all 70ms ease-in;
    color: inherit;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer
    }
.o-btn:focus {
    outline: 0
    }
.o-btn--ghost, .o-btn--primary {
    padding: 0.75rem 1rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 16.8px
    }
.o-btn--ghost.o-btn--icon-only, .o-btn--primary.o-btn--icon-only {
    padding: 0.75rem
    }
.o-btn--ghost .icon, .o-btn--primary .icon {
    font-size: 1rem
    }
.o-btn--primary, .o-btn--secondary {
    border-radius: 0.25rem
    }
.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;
    font-size: 14px;
    letter-spacing: 1px
    }
.o-btn--facebook:not(.o-btn--icon-only) svg {
    margin-right: 0.75rem;
    height: 24px;
    width: 24px
    }
@media (max-width: 767.98px) {
    .c-featured-content-block__logo svg {
        height: auto;
        width: 100%
        }
    .audio-module__nav .o-btn--ghost.o-btn--icon-only, .audio-module__nav .o-btn--primary.o-btn--icon-only {
        padding: 0.5rem
        }
    .o-btn--facebook:not(.o-btn--icon-only) {
        max-width: 220px
        }
    .o-btn--facebook:not(.o-btn--icon-only) svg {
        width: 48px;
        height: auto
        }
    }
.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;
    font-size: 14px;
    letter-spacing: 1px
    }
.o-btn--twitter:not(.o-btn--icon-only) svg {
    margin-right: 0.75rem;
    height: 24px;
    width: 24px
    }
@media (max-width: 767.98px) {
    .o-btn--twitter:not(.o-btn--icon-only) {
        max-width: 220px
        }
    .o-btn--twitter:not(.o-btn--icon-only) svg {
        width: 48px;
        height: auto
        }
    }
.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;
    font-size: 14px;
    letter-spacing: 1px
    }
.o-btn--google:not(.o-btn--icon-only) svg {
    margin-right: 0.75rem;
    height: 38px;
    width: 38px
    }
@media (max-width: 767.98px) {
    .o-btn--google:not(.o-btn--icon-only) {
        max-width: 220px
        }
    .o-btn--google:not(.o-btn--icon-only) svg {
        width: 53px;
        height: auto
        }
    }
.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;
    font-size: 14px;
    letter-spacing: 1px
    }
.o-btn--rss:not(.o-btn--icon-only) svg {
    margin-right: 0.75rem;
    height: 24px;
    width: 24px
    }
@media (max-width: 767.98px) {
    .o-btn--rss:not(.o-btn--icon-only) {
        max-width: 220px
        }
    .o-btn--rss:not(.o-btn--icon-only) svg {
        width: 48px;
        height: auto
        }
    }
.o-btn--secondary {
    padding: 0.75rem 1rem;
    color: inherit;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 14px;
    border: 1px solid;
    border-color: inherit
    }
.o-btn--secondary.o-btn--icon-only {
    padding: 0.5rem
    }
.o-btn-list--icons .o-btn--secondary {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
    }
.o-btn--ghost {
    border-color: transparent;
    background-color: transparent
    }
.o-btn--lg {
    padding: 1rem;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 22.4px
    }
.o-btn--icon-left icon {
    margin-right: 0.5rem
    }
.o-btn--icon-right icon {
    margin-left: 0.5rem
    }
.o-btn--icon-circle {
    border-radius: 50%
    }
.o-btn--disabled, .o-btn.swiper-button-disabled, .o-btn:disabled {
    opacity: 0.25;
    cursor: not-allowed
    }
.o-btn.is-loading {
    position: relative;
    padding-right: 2.5rem
    }
.o-btn.is-loading icon {
    display: none
    }
.o-btn.is-loading::after, .o-btn.is-loading::before {
    content: "";
    display: block;
    border-radius: 1rem;
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    height: 1rem;
    width: 1rem
    }
.o-btn.is-loading.o-btn--lg::after, .o-btn.is-loading.o-btn--lg::before {
    top: 1.2rem
    }
.o-btn.is-loading::before {
    border: 2px solid rgba(255, 255, 255, 0.3)
    }
.o-btn.is-loading::after {
    -webkit-animation: 0.8s linear infinite loading-spin;
    animation: 0.8s linear infinite loading-spin;
    border: 2px solid transparent;
    border-top-color: #fff
    }
@media (min-width: 768px) {
    .form-row > [class*=col-md] .o-btn {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 38px
        }
    .form-row > [class*=col-md] .o-btn.is-loading::after, .form-row > [class*=col-md] .o-btn.is-loading::before {
        top: 0.7rem !important
        }
    }
@-webkit-keyframes loading-spin {
    0% {
        transform: rotate(0)
        } 100% {
        transform: rotate(360deg)
        }
    }
@keyframes loading-spin {
    0% {
        transform: rotate(0)
        } 100% {
        transform: rotate(360deg)
        }
    }
.c-card {
    outline: 0
    }
.c-card--shadow, .c-card--tinted {
    margin-bottom: 2rem;
    padding: 1rem
    }
.c-card--shadow {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 5px 20px 0 rgba(11, 11, 11, 0.2)
    }
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--user-small .c-card__image img, .c-card--user-vertical .c-card__image img, .c-card--user-vertical-panel .c-card__image img {
    border-radius: 50%
    }
.c-card__timestamp {
    margin-top: 1rem;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.c-card--news {
    display: block;
    transition: color 0.3s ease
    }
.c-card--news .c-card__rank {
    flex: 0 0 2rem;
    color: #999da1;
    font-size: 1rem;
    line-height: 1.375rem
    }
.c-card--news .c-card__image > a, .c-card--news .c-card__title > a {
    display: block
    }
.c-card--news .c-card__image--1x1 .c-card__image-container {
    position: relative;
    height: 0;
    padding-top: 100%;
    overflow: hidden
    }
.c-card--news .c-card__image--1x1 .c-card__image-container img {
    width: auto;
    max-width: none;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
    }
.c-card--news .c-card__image--16x9 .c-card__image-container {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden
    }
.c-card--news .c-card__image--16x9 .c-card__image-container img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0
    }
.c-card--news .c-card__image--4x3 .c-card__image-container {
    position: relative;
    height: 0;
    padding-top: 75%;
    overflow: hidden
    }
.c-card--news .c-card__image--4x3 .c-card__image-container img {
    width: auto;
    max-width: none;
    height: 100%;
    position: absolute;
    top: 0;
    left: -15%
    }
.c-card--news .c-card__image > a {
    display: block
    }
.c-card--news .c-card__image .o-tag {
    position: absolute;
    bottom: 0;
    left: 0
    }
.c-card--news .c-card__category {
    margin-bottom: 0.5rem;
    color: #999da1;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.c-card--news .c-card__category a {
    color: #999da1
    }
.c-card--news .c-card__summary {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    line-height: 1rem
    }
.c-card--news .c-card__sponsored {
    display: flex;
    align-items: center;
    color: #999da1;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.c-card--news .c-card__sponsored a {
    flex: 1 1 50%;
    margin-left: 0.5rem
    }
.c-card--news .c-card__sponsored img {
    max-width: 100%;
    max-height: 3rem
    }
.c-card--news-vertical:hover .c-card__image img {
    transform: scale(1.05)
    }
.c-card--news-vertical .c-card__image, .c-card--news-vertical .c-card__title {
    margin-bottom: 1rem
    }
.l-hero__news .c-card--news-vertical-large {
    margin-bottom: 2rem
    }
@media (min-width: 1300px) {
    .l-hero__news .c-card--news-vertical-large {
        margin-bottom: 0
        }
    }
.c-card--news-vertical-large .c-card__title {
    font-size: 1rem;
    line-height: 1.375rem
    }
@media (min-width: 768px) {
    .c-card--news-vertical-large .c-card__title {
        font-size: 1.75rem;
        line-height: 2.25rem
        }
    .c-card--audio {
        padding-right: 0
        }
    }
.c-card--news-vertical-medium .c-card__title {
    font-size: 1rem;
    line-height: 1.375rem
    }
.c-card--news-vertical-small .c-card__title {
    font-size: 0.875rem;
    line-height: 1.125rem
    }
.c-card--news-horizontal {
    display: flex;
    align-items: flex-start
    }
.c-card--news-horizontal .c-card__image {
    flex: 0 0 7.5rem;
    margin-right: 1rem
    }
@media (min-width: 576px) {
    .c-card--news-horizontal .c-card__image {
        flex-basis: 50%;
        max-width: 9.5rem
        }
    }
.c-card--news-horizontal .c-card__image .o-tag--audio span {
    display: none
    }
.c-card--news-horizontal .c-card__meta {
    flex: 1 1 calc(100% - 9.5rem)
    }
.c-card--news-horizontal .c-card__title {
    font-size: 0.875rem;
    line-height: 1.125rem
    }
.c-card--news-horizontal .c-card__description {
    margin-top: 1rem
    }
@media (min-width: 576px) {
    .c-card--news-horizontal .c-card__meta {
        flex-basis: 1 1 calc(100% - 11.5rem)
        }
    .c-card--news-horizontal:not(.c-card--news-w-rank):not(.c-card--news-horizontal-compact) .c-card__title {
        font-size: 1.125rem;
        line-height: 1.55rem
        }
    }
.c-card--news-horizontal-compact .c-card__image {
    flex-basis: 5rem
    }
.c-card--news-horizontal-compact .c-card__image--1x1 img {
    transform: translatex(-27px)
    }
.c-card--audio {
    display: flex;
    position: relative
    }
.story__body .c-card--audio {
    margin-bottom: 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid #d6d7d9;
    border-bottom: 1px solid #d6d7d9
    }
.story__body audio-card + audio-card .c-card--audio {
    margin-top: -2rem
    }
.story__body audio-card + audio-card .c-card--audio, .story__body audio-card:first-child .c-card--audio {
    border-top: 0
    }
.c-card--audio .c-card__cta, .c-card--audio .host, .c-card--audio > input {
    display: none
    }
.c-card--audio > input:checked ~ .c-card__meta .c-card__cta, .c-card--audio > input:checked ~ .c-card__meta .host {
    display: block
    }
.c-card--audio > input:checked + .c-card__toggle:before {
    top: 0.2rem;
    transform: rotate(-45deg)
    }
.c-card--audio .c-card__toggle {
    transition: transform 0.2s ease-in;
    position: absolute;
    top: 0;
    right: 0;
    height: 1.5rem;
    width: 1.5rem
    }
.c-card--audio .c-card__toggle:before {
    width: 50%;
    height: 50%
    }
.story__body .c-card--audio .c-card__toggle {
    top: 1.5rem
    }
.c-card--audio .c-card__toggle::before {
    top: -0.2rem;
    right: 0.25rem;
    left: auto;
    transform: rotate(135deg);
    border-width: 1.5px 1.5px 0 0;
    border-style: solid;
    border-color: #0b0b0b
    }
.c-card--audio .c-card__time {
    display: flex;
    justify-content: center;
    width: 4rem
    }
.c-card--audio .c-card__rank {
    display: block
    }
.c-card--audio .c-card__rank span {
    color: #999da1
    }
.c-card--audio .c-card__image {
    flex: 0 0 4rem;
    margin: 0 1rem 0 0
    }
@media (min-width: 576px) {
    .c-card--audio .c-card__image {
        flex-basis: 6rem
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .c-block--nocontent {
        min-height: 10rem
        }
    .c-card--news-horizontal .c-card__image {
        max-width: 11.5rem
        }
    .c-card--audio .c-card__image {
        flex-basis: 8rem
        }
    .c-card--audio .c-card__controls {
        margin-top: 0
        }
    }
.c-card--audio .c-card__image > a {
    display: block
    }
.c-card--audio .c-card__image img {
    border-radius: 4px
    }
.c-card--audio .c-card__controls {
    flex: 0 0 40px;
    margin-right: 1rem
    }
.c-card--audio .c-card__controls .duration {
    margin-top: 0.5rem;
    text-align: center;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.c-card--audio .c-card__meta {
    flex: 1 1 0;
    padding-right: 3rem
    }
.c-card--audio .c-card__info {
    flex: 3;
    margin-right: 2rem
    }
.c-card--audio .c-card__title {
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.125rem
    }
@media (min-width: 576px) {
    .c-card--audio .c-card__title {
        font-size: 1.125rem;
        line-height: 1.55rem
        }
    }
.c-card--audio .host {
    font-size: 0.875rem;
    line-height: 1.125rem
    }
.c-card--audio .host span {
    color: #999da1;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.c-card--audio .c-card__cta {
    flex-basis: 0 0 100%;
    margin-top: 1rem;
    color: #999da1
    }
@media (min-width: 768px) {
    .c-card--audio .c-card__cta {
        flex: 0 1 1rem;
        align-items: flex-start
        }
    }
.c-card--audio:not(.c-card--audio-compact) .c-card__rank {
    flex: 0 0 3rem
    }
@media (min-width: 992px) {
    .c-card--audio .c-card__meta {
        padding-right: 7rem
        }
    .c-card--audio:not(.c-card--audio-compact) .c-card__toggle {
        display: none
        }
    .c-card--audio:not(.c-card--audio-compact) .c-card__controls {
        margin-top: 1rem
        }
    .c-card--audio:not(.c-card--audio-compact) .c-card__cta, .c-card--audio:not(.c-card--audio-compact) .host {
        display: block
        }
    }
@media (min-width: 1600px) {
    .c-card--audio:not(.c-card--audio-compact) .c-card__meta {
        margin-top: 0.5rem
        }
    }
.c-card--audio .c-card__description {
    display: none;
    flex-basis: 100%;
    margin-top: 2rem
    }
.c-card--audio .c-card__related {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem
    }
@media (min-width: 768px) {
    .c-card--audio .c-card__related {
        flex-wrap: nowrap;
        margin-top: 2rem
        }
    }
.c-card--audio .c-card__related h3 {
    flex: 0 0 100%;
    justify-content: flex-start;
    padding: 0.5rem 0 0.75rem;
    border-top: 2px solid #797e83;
    color: #797e83;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.05rem;
    text-transform: uppercase
    }
@media (min-width: 768px) {
    .c-card--audio .c-card__related h3 {
        display: flex;
        flex: 0 0 9.25rem;
        align-items: center;
        margin-right: 1rem;
        padding: 0.5rem;
        border-top: none;
        border-left: 4px solid #797e83
        }
    }
.c-card--audio .c-card__related .c-card__image {
    flex: 0 0 6rem;
    margin-right: 1rem
    }
.c-card--audio .c-card__related .c-card__image > a {
    display: block
    }
.c-card--audio .c-card__related .c-card__title {
    flex: 1 1 calc(100% - 7rem);
    font-size: 0.875rem;
    line-height: 1.125rem
    }
@media (min-width: 992px) {
    .c-card--audio:not(.c-card--audio-compact) .c-card__cta {
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 0
        }
    .story__body .c-card--audio:not(.c-card--audio-compact) .c-card__cta {
        top: 1.5rem
        }
    .c-card--audio .c-card__related .c-card__title {
        margin-top: 0.5rem
        }
    }
.c-card--audio-compact {
    flex-wrap: nowrap
    }
.c-card--audio-compact .c-card__cta, .c-card--audio-compact .host {
    display: none
    }
.c-card--audio-compact .c-card__image {
    flex: 0 0 4rem
    }
.c-card--audio-compact .c-card__meta {
    padding-right: 0
    }
.c-card--audio-compact .c-card__title {
    padding-right: 3rem;
    font-size: 0.875rem;
    line-height: 1.125rem
    }
.c-card--audio-w-rank .c-card__rank {
    flex: 0 0 2rem
    }
.c-card--audio-w-rank .c-card__image {
    display: none
    }
.c-card--audio-box {
    display: block;
    position: relative;
    max-height: 215px;
    margin: 0 0 0 25px;
    padding: 20px 20px 20px 35px;
    border-radius: 0.25rem;
    background-color: #fff
    }
.audio-module .c-card--audio-box {
    margin-right: 25px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2)
    }
.c-card--audio-box .c-card__image {
    position: absolute;
    top: 1em;
    left: -28px
    }
.c-card--audio-box .c-card__image img {
    height: 55px;
    width: 55px
    }
.c-card--audio-box .c-card__meta::after {
    clear: both;
    content: "";
    display: block
    }
.c-card--audio-box .c-card__meta .o-btn {
    float: left
    }
.c-card--audio-box .c-card__meta .info {
    width: calc(100% - 48px);
    margin-left: 8px;
    float: left
    }
.c-card--audio-box .c-card__cta {
    position: absolute;
    right: 0;
    bottom: 0
    }
.c-card--audio-box .c-card__title {
    max-height: 112px;
    margin-bottom: 1em;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 5
    }
.c-card--audio-box .info p {
    margin: 2px 0 5px;
    font-size: 12.8px
    }
.c-card--audio-box .info .timeago {
    opacity: 0.5
    }
.c-card--tqm {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    border-radius: 8px;
    background-color: #ebecec
    }
@media (min-width: 768px) {
    .c-card--audio .c-card__related .c-card__title {
        font-size: 1rem;
        line-height: 1.375rem
        }
    .c-card--tqm {
        flex-wrap: nowrap
        }
    }
.c-card--tqm h3 {
    flex: 0 0 100%;
    justify-content: flex-start;
    margin-bottom: 0.75rem;
    color: #797e83;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.4rem;
    text-transform: uppercase
    }
@media (min-width: 576px) {
    .c-card--tqm h3 {
        flex-basis: 9rem;
        margin-bottom: 0
        }
    }
@media (min-width: 1600px) {
    .c-card--tqm h3 {
        flex-basis: 11.5rem
        }
    }
@media (min-width: 576px) {
    .c-card--tqm .c-card__meta {
        flex: 1 1 calc(100% - 9rem)
        }
    }
@media (min-width: 1600px) {
    .c-card--tqm .c-card__meta {
        flex-basis: calc(100% - 11.5rem)
        }
    }
.c-card--tqm .c-card__title {
    margin-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.375rem
    }
@media (min-width: 576px) {
    .c-card--tqm .c-card__title {
        font-size: 1.125rem;
        line-height: 1.55rem
        }
    }
.c-card--tqm .c-card__content {
    color: #525559
    }
.c-card--user a {
    display: block
    }
.c-card--user .c-card__image img {
    border-radius: 50%
    }
.c-card--user .role {
    margin-top: 0.125rem;
    color: #999da1;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.c-card--user-box, .c-card--user-vertical, .c-card--user-vertical-large {
    text-align: center
    }
.c-card--user-vertical img, .c-card--user-vertical-large img {
    margin: 0 auto
    }
.c-card--user-vertical .c-card__image {
    margin-bottom: 0.5rem
    }
.c-card--user-vertical .c-card__title {
    font-size: 0.875rem;
    line-height: 1.125rem
    }
.c-card--user-vertical-large .c-card__image {
    margin-bottom: 1rem
    }
.c-card--user-box {
    padding: 2rem 1rem;
    border-radius: 10px;
    background-color: #f0f1f1
    }
.c-card--user-box .c-card__image {
    display: inline-block;
    width: 8rem;
    margin-bottom: 0.5rem
    }
.c-card--user-box .c-card__title {
    font-size: 1.25rem;
    line-height: 1.625rem
    }
.c-card--user-box .shows {
    margin-top: 0.5em;
    color: #999da1;
    font-size: 12.8px;
    padding-left: 0;
    list-style: none
    }
.c-card--user-box .shows li {
    display: inline-block;
    margin: 0.25em;
    line-height: 1.1
    }
.c-card--user-box .shows li:last-child {
    margin-bottom: 0
    }
.c-card--user-horizontal, .c-card--user-horizontal-small {
    display: flex;
    align-items: center
    }
.c-card--user-horizontal-small::after, .c-card--user-horizontal::after {
    clear: both;
    content: "";
    display: block
    }
.c-card--user-horizontal .c-card__image, .c-card--user-horizontal-small .c-card__image {
    flex: 0 0 4rem;
    margin-right: 0.75rem
    }
.c-card--user-horizontal-small .c-card__image {
    flex-basis: 2rem
    }
.c-card--show-large.is-live .status, .c-card--show-small.is-live .status {
    display: block;
    margin-bottom: 0.25rem
    }
.c-card--show-large.is-live .status::before, .c-card--show-small.is-live .status::before {
    content: "";
    display: inline-block;
    margin-right: 0.5rem;
    margin-bottom: 2px;
    -webkit-animation-name: live-status;
    animation-name: live-status;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 50%;
    vertical-align: middle;
    height: 5px;
    width: 5px
    }
.c-card--show-large img, .c-card--show-small img {
    border-radius: 4px
    }
.c-card--show-small {
    display: flex;
    align-items: center
    }
.c-card--show-small .c-card__image {
    flex: 0 0 4rem;
    margin: 0 1rem 0 0
    }
.c-card--show-small .c-card__title {
    margin: 0
    }
.c-card--show-large {
    display: flex
    }
@media (min-width: 768px) {
    .c-card--show-large {
        align-items: center
        }
    }
.c-card--show-large .c-card__time {
    display: flex;
    flex: 0 0 50px;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin: 0 0.5rem;
    line-height: 1
    }
@media (min-width: 768px) {
    .c-card--show-large .c-card__time {
        flex-basis: 75px
        }
    }
@media (min-width: 1300px) {
    .c-card--show-large .c-card__time {
        flex-basis: 140px;
        font-size: 1.125rem;
        line-height: 1.55rem
        }
    }
.c-card--show-large .c-card__image {
    flex: 0 0 50px;
    margin-right: 1rem
    }
@media (min-width: 768px) {
    .c-card--show-large .c-card__image {
        flex-basis: 75px
        }
    }
@media (min-width: 1300px) {
    .c-card--show-large .c-card__image {
        flex-basis: 110px;
        margin-right: 2rem
        }
    body:not(.ad-paw-is-visible) .c-card--video-horizontal {
        display: flex
        }
    }
.c-card--show-large .c-card__title {
    margin-bottom: 0.25rem;
    font-size: 1.25rem;
    line-height: 1.625rem
    }
.c-card--show-large .status {
    display: none;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.c-card--show-large .hosts {
    margin: 0;
    color: #797e83
    }
.c-card--song.is-playing .js-play-audio {
    display: none
    }
.c-card--song.is-playing .js-pause-audio {
    display: block
    }
.c-card--song .c-card__image {
    flex: 0 0 40px;
    margin: 0
    }
.c-card--song .js-pause-audio {
    display: none
    }
.c-card--song .c-card__rank, .c-card--song .c-card__time {
    font-weight: 700
    }
.c-card--song .c-card__time {
    flex: 0 0 60px;
    font-size: 12.8px;
    text-align: left
    }
@media (min-width: 768px) {
    .c-card--song .c-card__time {
        flex: 0 0 100px;
        font-size: 16px;
        text-align: center
        }
    }
.c-card--song .c-card__rank {
    position: relative;
    flex: 0 0 50px;
    padding-right: 10px;
    text-align: center
    }
.c-card--song .c-card__rank > span {
    vertical-align: middle
    }
.c-card--song .c-card__rank .history {
    position: absolute;
    top: 49%;
    right: 10px
    }
@media (min-width: 768px) {
    .c-card--song .c-card__rank {
        flex: 0 0 100px;
        font-size: 25px
        }
    .c-card--song .c-card__rank .history {
        top: 58%;
        right: 25px
        }
    }
.c-card--song .c-card__rank .history--falling, .c-card--song .c-card__rank .history--rising {
    display: inline-block;
    width: 2px;
    height: 6px
    }
.c-card--song .c-card__rank .history--falling::before, .c-card--song .c-card__rank .history--rising::before {
    content: "";
    display: block;
    z-index: 2
    }
.c-card--song .c-card__rank .history--falling {
    background-color: #e67478
    }
.c-card--song .c-card__rank .history--falling::before {
    border-style: solid;
    height: 0;
    width: 0;
    border-color: #e67478 transparent transparent;
    border-width: 4px 4px 0;
    position: absolute;
    bottom: -4px;
    left: -3px
    }
.c-card--song .c-card__rank .history--rising {
    background-color: #50b36d
    }
.c-card--song .c-card__rank .history--rising::before {
    border-style: solid;
    height: 0;
    width: 0;
    border-color: transparent transparent #50b36d;
    border-width: 0 4px 4px;
    position: absolute;
    top: -4px;
    left: -3px
    }
.c-card--song .dropdown-item.is-active {
    display: none
    }
.c-card--song .artist {
    margin-top: 0.25em
    }
.c-card--song-vertical {
    display: block;
    position: relative
    }
.c-card--song-vertical .c-card__image {
    height: 0;
    padding-top: 100%;
    background-color: #000
    }
.c-card--song-vertical .c-card__image img {
    z-index: 1;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
    }
.c-card--song-vertical .c-card__controls {
    z-index: 2;
    padding-top: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%
    }
.c-card--song-vertical .c-card__meta {
    display: flex;
    align-items: center;
    padding: 15px 0
    }
.c-card--song-vertical .c-card__meta .rank {
    flex: 0 0 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #fff;
    color: #0b0b0b;
    font-size: 20px;
    font-weight: 700;
    line-height: 50px;
    text-align: center
    }
.c-card--song-vertical .c-card__meta .track-info {
    width: calc(100% - 65px);
    padding-left: 10px
    }
.c-card--song-vertical .c-card__meta p {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
    }
.c-card--song-vertical .c-card__meta .artist {
    font-size: 12.8px
    }
.c-card--song-vertical .c-card__title {
    line-height: 1.4
    }
.c-card--song-horizontal {
    display: flex;
    position: relative;
    align-items: center;
    padding: 7px 0
    }
.c-card--song-horizontal .c-card__image {
    margin-right: 0.75rem
    }
.c-card--song-horizontal .c-card__controls {
    position: relative;
    z-index: 2;
    width: 40px;
    margin: 0;
    color: #fff;
    text-align: center
    }
@media (min-width: 768px) {
    .c-card--song-horizontal {
        padding: 10px 0
        }
    .c-card--song-horizontal .c-card__image {
        flex: 0 0 75px;
        margin-right: 0
        }
    .c-card--song-horizontal .c-card__controls {
        flex: 0 0 75px;
        margin: 0
        }
    .c-card--song-horizontal .c-card__meta {
        padding-left: 0
        }
    }
.c-card--song-horizontal .c-card__meta {
    flex: 1 1 calc(100% - 150px);
    overflow: hidden
    }
.c-card--song-horizontal .c-card__meta p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
    }
@media (min-width: 768px) {
    .c-card--song-horizontal .c-card__title {
        font-size: 20px
        }
    }
.c-card--song-horizontal .c-card__cta {
    display: flex;
    flex: 0 0 34px;
    justify-content: flex-end
    }
.c-card--song-horizontal .c-card__down {
    flex: 0 0 40px
    }
.c-card--song-w-vote .c-card__meta {
    flex: 1 1 calc(100% - 290px)
    }
.c-card--song-w-vote .c-card__cta {
    flex: 0 0 150px
    }
@media (max-width: 767.98px) {
    .c-card--song-horizontal .c-card__controls {
        position: absolute;
        left: 0
        }
    .c-card--song-w-rank .c-card__controls {
        position: absolute;
        left: 50px
        }
    }
.c-card--song-feed {
    font-size: 12.8px
    }
.c-card--song-feed .c-card__image {
    flex: 0 0 70px;
    margin-right: 10px
    }
.c-card--song-feed .c-card__image::after {
    content: "";
    display: block;
    z-index: 0;
    transition: opacity 0.3s ease;
    opacity: 0;
    background-color: #0b0b0b;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.c-card--song-feed .c-card__image:hover::after {
    opacity: 0.4
    }
.c-card--song-feed .timeago {
    font-size: 10.24px
    }
.c-card--gallery {
    position: relative;
    height: 320px;
    overflow: hidden;
    border-radius: 0;
    background-color: #0b0b0b;
    text-align: center;
    cursor: pointer
    }
.c-card--gallery::after {
    content: "";
    z-index: 1;
    transition: opacity 0.3s;
    background: linear-gradient(-180deg, rgba(11, 11, 11, 0) 33%, rgba(11, 11, 11, 0.7) 100%), linear-gradient(36deg, rgba(170, 170, 170, 0) 49%, rgba(170, 170, 170, 0.1) 73%, rgba(170, 170, 170, 0.5) 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.hero__item:hover .c-card--gallery::after {
    opacity: 0.75
    }
.c-card--video:hover .c-card--gallery::after {
    opacity: 1
    }
.c-carousel--media-photos .c-card--gallery {
    width: 100%
    }
.c-card--gallery:hover .c-card__image {
    transform: scale(1.1);
    opacity: 0.8
    }
.c-card--gallery .c-card__image {
    z-index: 1;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.c-card--gallery .c-card__meta {
    z-index: 3;
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0
    }
.c-card--gallery .c-card__title {
    margin: 0.5em 2rem 0;
    transition: color 0.3s ease;
    color: #fff;
    font-size: 20px
    }
.c-card--gallery .c-card__cta {
    display: none
    }
@media (max-width: 1299.98px) {
    .c-lightbox .c-card--gallery {
        height: auto;
        background-color: transparent;
        text-align: left
        }
    .c-lightbox .c-card--gallery:hover .c-card__image {
        transform: none;
        opacity: 1
        }
    .c-lightbox .c-card--gallery:hover .c-card__title {
        color: #525559
        }
    .c-lightbox .c-card--gallery a {
        display: flex;
        align-items: center;
        width: auto;
        height: auto;
        background: 0 0;
        position: relative;
        top: auto;
        left: auto
        }
    .c-lightbox .c-card--gallery a::after {
        clear: both;
        content: "";
        display: none
        }
    .c-lightbox .c-card--gallery .c-card__image {
        flex: 0 0 75px;
        margin: 0;
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        height: 75px;
        width: 75px
        }
    .c-lightbox .c-card--gallery .c-card__meta {
        width: auto;
        position: relative;
        bottom: auto;
        left: auto
        }
    .c-lightbox .c-card--gallery .c-card__meta .tag {
        display: none
        }
    .c-lightbox .c-card--gallery .c-card__title {
        flex: 1;
        margin: 0;
        padding-left: 15px;
        font-size: 16px
        }
    }
.c-card--gallery-full .tag {
    border: 3px solid #fff;
    background-color: transparent
    }
.c-card--gallery-full .c-card__meta {
    display: flex;
    flex-direction: column;
    align-items: center
    }
.c-card--gallery-full .c-card__meta .c-card__title {
    order: 0;
    margin-top: 0;
    margin-bottom: 1rem
    }
.c-card--gallery-full .c-card__meta .tag {
    order: 1
    }
.c-card--gallery-full .c-card__cta {
    display: inline-block;
    margin-top: 1rem;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
    }
@media (max-width: 991.98px) {
    .c-card--gallery-full .c-card__cta, .c-card--video-block .c-card__meta .c-card__controls {
        display: none
        }
    }
@media (min-width: 992px) {
    .c-card--gallery-full {
        height: 0;
        padding-top: 56.25%
        }
    .c-card--gallery-full .c-card__meta {
        transform: translatey(-50%);
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 0
        }
    .c-card--gallery-full .c-card__title {
        font-size: 31.25px
        }
    .c-card--gallery-full .c-card__cta {
        z-index: 2;
        transform: translatex(-50%);
        position: absolute;
        bottom: 6%;
        left: 50%
        }
    }
.c-card--gallery-full .c-card__cta svg {
    margin-left: 0.5rem
    }
.c-card--video {
    display: block
    }
.c-card--video:hover figure {
    transform: scale(1.05)
    }
.c-card--video:hover .o-btn {
    background-color: #0b0b0b
    }
.c-card--video .c-card__image {
    display: block;
    z-index: 2;
    width: 100%;
    transition: background-color 0.3s;
    background-color: rgba(53, 53, 53, 0.25);
    cursor: pointer;
    position: relative;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden
    }
.c-card--video .c-card__image img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0
    }
.c-card--video .c-card__image figure {
    z-index: 1;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.c-card--video .c-card__image-container {
    position: relative
    }
.c-card--video .c-card__image-container .c-card__controls {
    z-index: 3;
    position: absolute;
    bottom: 1rem;
    left: 1rem
    }
.c-card--video .c-card__image-container .c-card__controls .o-btn {
    box-shadow: 3px 3px 5px rgba(11, 11, 11, 0.25)
    }
.c-card--video .c-card__meta {
    display: block;
    position: relative;
    z-index: 4
    }
.c-card--video .c-card__meta a {
    text-decoration: none
    }
.media-section .c-card--video .c-card__meta {
    color: #fff
    }
.c-card--video .c-card__timestamp {
    color: #797e83
    }
.c-card--video-block {
    position: relative
    }
.c-card--video-block .c-card__image::after {
    content: "";
    z-index: 1;
    transition: opacity 0.3s;
    background: linear-gradient(-180deg, rgba(11, 11, 11, 0) 33%, rgba(11, 11, 11, 0.7) 100%), linear-gradient(36deg, rgba(170, 170, 170, 0) 49%, rgba(170, 170, 170, 0.1) 73%, rgba(170, 170, 170, 0.5) 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.hero__item:hover .c-card--video-block .c-card__image::after {
    opacity: 0.75
    }
.c-card--video:hover .c-card--video-block .c-card__image::after {
    opacity: 1
    }
.c-card--video-block .c-card__meta {
    margin-top: 1rem
    }
@media (min-width: 992px) {
    .c-card--video-block .c-card__meta {
        margin-top: 0;
        padding-left: 4rem;
        color: #fff;
        position: absolute;
        right: 1rem;
        bottom: 1rem;
        left: 1rem
        }
    .c-card--video-block .c-card__meta .c-card__controls {
        position: absolute;
        top: 0;
        left: 0
        }
    .c-card--video-block .c-card__image-container .c-card__controls {
        display: none
        }
    .c-card--video-block .c-card__timestamp {
        color: #fff
        }
    .c-card--video-block .c-card__title {
        text-shadow: 0 4px 4px rgba(11, 11, 11, 0.5);
        font-size: 1.5rem;
        line-height: 1.95rem
        }
    }
.c-card--video-block .tag {
    z-index: 2;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 0;
    left: 50%
    }
.c-card--video-vertical-small .c-card__meta {
    margin-top: 1rem
    }
.c-card--video-horizontal-small {
    display: flex
    }
.c-card--video-horizontal-small .c-card__image-container {
    flex: 0 0 8rem;
    max-width: 30rem;
    margin-right: 1rem
    }
.c-card--video-horizontal-small .c-card__image-container .c-card__controls {
    bottom: 0.5rem;
    left: 0.5rem
    }
.c-card--video-horizontal-small .c-card__meta {
    flex: 1 1 calc(100% - 9rem)
    }
.c-card--video-horizontal-small .c-card__title {
    font-size: 0.875rem;
    line-height: 1.125rem
    }
.c-card--video-horizontal-small .c-card__timestamp {
    display: none
    }
.c-card--video-horizontal .c-card__meta {
    margin-top: 1rem
    }
@media (min-width: 1300px) {
    body:not(.ad-paw-is-visible) .c-card--video-horizontal .c-card__meta {
        flex: 1 1 40%
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .c-card--video-horizontal {
        display: flex
        }
    body.ad-paw-is-visible .c-card--video-horizontal .c-card__meta {
        flex: 1 1 40%
        }
    }
@media (min-width: 1300px) {
    body:not(.ad-paw-is-visible) .c-card--video-horizontal .c-card__image-container {
        flex: 0 0 60%;
        max-width: 30rem;
        margin-right: 1.5rem
        }
    body:not(.ad-paw-is-visible) .c-card--video-horizontal .c-card__title {
        font-size: 1.5rem;
        line-height: 1.95rem
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .c-card--video-horizontal .c-card__image-container {
        flex: 0 0 60%;
        max-width: 30rem;
        margin-right: 1.5rem
        }
    body.ad-paw-is-visible .c-card--video-horizontal .c-card__title {
        font-size: 1.5rem;
        line-height: 1.95rem
        }
    body.ad-paw-is-visible .c-onair {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 1.5rem
        }
    }
.c-card--promo {
    display: block;
    min-height: 250px
    }
.c-card--promo:not(.c-card--promo-large):hover .c-card__image {
    transform: scale(1.02)
    }
.c-card--promo .c-card__image {
    display: block;
    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: 767.98px) {
    .media-section .c-card--video .c-card__meta {
        margin-bottom: 2rem
        }
    .c-card--promo .c-card__meta {
        margin: -1rem 20px 0;
        padding: 15px 25px;
        background-color: #fff;
        box-shadow: 0 10px 20px 0 rgba(11, 11, 11, 0.2)
        }
    }
.o-list .c-card--promo .c-card__meta {
    margin: -1rem 20px 0;
    padding: 15px 25px;
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(11, 11, 11, 0.2)
    }
.c-card--promo-large .c-card__title {
    margin-top: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.55rem
    }
.c-card--promo-large .c-card__subtitle {
    font-weight: 700
    }
@media (min-width: 768px) {
    .c-card--promo-large .c-card__meta {
        display: flex;
        z-index: 3;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
        }
    .c-card--promo-large .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%), linear-gradient(36deg, rgba(170, 170, 170, 0) 49%, rgba(170, 170, 170, 0.1) 73%, rgba(170, 170, 170, 0.5) 100%);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
        }
    .hero__item:hover .c-card--promo-large .c-card__meta::after {
        opacity: 0.75
        }
    .c-card--video:hover .c-card--promo-large .c-card__meta::after {
        opacity: 1
        }
    .c-card--promo-large .c-card__subtitle, .c-card--promo-large .c-card__title {
        position: relative;
        z-index: 4;
        margin-right: 1.5rem;
        margin-left: 1.5rem;
        color: #fff
        }
    .c-card--promo-large .c-card__title {
        margin-bottom: 2.5rem;
        font-size: 1.5rem;
        line-height: 1.95rem
        }
    .c-card--promo-large .c-card__blur {
        z-index: 2;
        opacity: 0.75;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
        -webkit-filter: blur(25px);
        filter: blur(25px);
        position: absolute;
        bottom: -5rem;
        left: -10rem;
        height: 175px;
        width: 150%
        }
    }
.c-card--show-promo {
    display: flex;
    flex: 1 0 50%;
    margin-bottom: 1rem;
    background-position: left 25%;
    background-size: cover
    }
@media (min-width: 992px) {
    .c-card--show-promo {
        margin-right: 30px;
        margin-bottom: 0
        }
    }
.c-card--show-promo:last-child {
    margin-right: 0
    }
.c-card--show-promo a {
    display: block;
    z-index: 2;
    padding: 2rem 2rem 2rem 43%;
    transition: color 0.3s ease
    }
.c-card--show-promo a:hover .cta::before {
    height: 100%
    }
.c-card--show-promo .host {
    margin: 0.75rem 0;
    font-size: 1.25rem;
    line-height: 1
    }
.c-card--show-promo .schedule {
    display: block;
    margin-top: 0.25rem;
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 1
    }
.c-card--show-promo .cta {
    display: inline-block;
    position: relative;
    padding: 8px 10px;
    border: 1px solid #fff;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.125rem
    }
.c-card--show-promo .cta span {
    position: relative;
    z-index: 3
    }
.c-card--show-promo .cta span::after {
    content: "→";
    margin-left: 8px
    }
.c-card--show-promo .cta::before {
    content: "";
    display: block;
    z-index: 2;
    transition: height 0.2s ease;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%
    }
.c-card--show-promo .c-card__title {
    padding-bottom: 0.2em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 1.75rem;
    line-height: 1
    }
.c-onair {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    padding-bottom: 0.75rem;
    border-radius: 4px
    }
.c-onair__title {
    margin-bottom: 0.75rem;
    padding: 0.25rem;
    border-radius: 4px 4px 0 0;
    color: #fff;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.05rem;
    text-transform: uppercase
    }
@media (min-width: 1300px) {
    .c-card--show-promo .c-card__title {
        font-size: 2rem;
        line-height: 1
        }
    body:not(.ad-paw-is-visible) .c-onair {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 1.5rem
        }
    body.ad-paw-is-visible .c-onair__title {
        margin-bottom: 1.5rem
        }
    }
.c-onair__title::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 2px;
    -webkit-animation-name: live-status;
    animation-name: live-status;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 50%;
    background-color: #fff;
    vertical-align: middle;
    height: 7px;
    width: 7px
    }
.c-onair__header {
    display: flex;
    flex-direction: column;
    align-items: center
    }
@media (min-width: 992px) {
    body:not(.ad-paw-is-visible) .c-onair__title {
        margin-bottom: 1.5rem
        }
    body:not(.ad-paw-is-visible) .c-onair__header {
        flex-direction: row;
        justify-content: space-between
        }
    }
@media (min-width: 1300px) {
    body.ad-paw-is-visible .c-onair__header {
        flex-direction: row;
        justify-content: space-between
        }
    body:not(.ad-paw-is-visible) .c-onair__header {
        display: block;
        margin-bottom: 1.5rem;
        text-align: center
        }
    body:not(.ad-paw-is-visible) .c-onair .show-presentation {
        display: block
        }
    }
.c-onair .show-presentation {
    display: flex;
    align-items: center;
    padding-right: 1rem;
    padding-left: 1rem
    }
.c-onair .show-presentation > a {
    flex: 0 0 5rem;
    margin-right: 1rem
    }
.c-onair .show-presentation > .show-meta {
    flex: 1 1 calc(100% - 5rem)
    }
.c-onair .show-presentation img {
    border-radius: 4px;
    box-shadow: 0 5px 20px 0 rgba(11, 11, 11, 0.2);
    height: 5rem;
    width: 5rem
    }
.c-onair .show-title {
    margin: 0.5rem 0
    }
.c-onair .show-hosts {
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.c-onair .show-cta {
    flex-wrap: wrap;
    margin-top: 1rem
    }
@media (min-width: 992px) {
    body:not(.ad-paw-is-visible) .c-onair .show-cta {
        justify-content: flex-start;
        margin: 0 1rem
        }
    }
@media (min-width: 1300px) {
    body:not(.ad-paw-is-visible) .c-onair .show-presentation img {
        margin: 0 0 0.5rem;
        height: 9rem;
        width: 9rem
        }
    body.ad-paw-is-visible .c-onair .show-cta {
        justify-content: flex-start;
        margin: 0 1rem
        }
    body:not(.ad-paw-is-visible) .c-onair .show-cta {
        justify-content: center;
        margin-top: 1rem
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .c-onair__header {
        display: block;
        margin-bottom: 1.5rem;
        text-align: center
        }
    body.ad-paw-is-visible .c-onair .show-presentation {
        display: block
        }
    body.ad-paw-is-visible .c-onair .show-presentation img {
        margin: 0 0 0.5rem;
        height: 9rem;
        width: 9rem
        }
    body.ad-paw-is-visible .c-onair .show-cta {
        justify-content: center;
        margin-top: 1rem
        }
    }
.c-onair .show-cta .o-btn {
    min-width: 50px;
    margin: 0 0.5rem 0.5rem
    }
.c-onair .ad {
    margin: 0
    }
.c-card--shop {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    border: 1px solid #d6d7d9;
    border-radius: 8px
    }
@media (min-width: 768px) {
    .c-card--shop {
        flex-wrap: nowrap
        }
    }
.c-card--shop a:hover {
    color: #00adef
    }
.c-card--shop .c-card__image {
    flex: 0 0 2.5rem;
    margin-right: 1rem
    }
@media (min-width: 768px) {
    .c-card--shop .c-card__image {
        flex-basis: 6rem;
        margin-right: 1.5rem
        }
    }
.c-card--shop .c-card__image img {
    display: block;
    border: 1px solid #ebecec
    }
.c-card--shop .c-card__meta {
    flex: 1 1 calc(100% - 3.5rem)
    }
.c-card--shop .c-card__meta h4 {
    margin-bottom: 0.75rem;
    font-weight: 700
    }
@media (min-width: 768px) {
    .c-card--shop .c-card__meta h4 {
        margin: 0 1.5rem 1.5rem 0;
        font-size: 1.125rem;
        line-height: 1.55rem
        }
    }
.c-card--shop .c-card__meta address {
    color: #656a6e;
    font-size: 0.875rem;
    line-height: 1.125rem
    }
.c-card--shop .c-card__cta {
    margin: 1rem 0 0 3.5rem
    }
@media (min-width: 768px) {
    .c-card--shop .c-card__cta {
        margin: 0 0 0 auto;
        font-size: 1.125rem;
        line-height: 1.55rem
        }
    }
.c-card--shop .c-card__cta .o-btn-list--icons {
    flex-wrap: nowrap
    }
.c-card--shop .c-card__cta .o-btn {
    margin-left: 0.75rem
    }
.c-card--shop .c-card__cta .o-btn:first-child {
    margin-left: 0
    }
.c-carousel {
    position: relative
    }
.c-carousel .container > .c-carousel__title {
    margin-bottom: 0
    }
.c-carousel__header {
    margin-bottom: 1rem
    }
.c-carousel--horizontal .c-carousel__header {
    display: flex;
    justify-content: space-between
    }
.c-carousel__container {
    display: flex;
    align-items: baseline;
    padding: 0 0 2rem;
    overflow-x: scroll;
    white-space: nowrap
    }
.c-carousel__container::-webkit-scrollbar {
    display: initial;
    height: 5px
    }
.c-carousel__container::-webkit-scrollbar-thumb {
    border-radius: 5px
    }
.c-carousel__title {
    margin: 0
    }
.c-carousel--music .c-carousel__title {
    margin: 0 1rem;
    font-size: 1.5625em;
    font-weight: 700;
    line-height: 1;
    text-align: center
    }
.c-carousel--hero .c-carousel__nav {
    z-index: 9;
    color: #fff;
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem
    }
.c-carousel--users .c-carousel__nav {
    position: absolute;
    top: 1rem;
    right: 0
    }
.c-carousel--audio {
    display: flex;
    align-items: baseline;
    padding: 0 0 2rem 1rem;
    overflow-x: scroll;
    white-space: nowrap
    }
.c-carousel--audio::-webkit-scrollbar-corner, .c-carousel--audio::-webkit-scrollbar-track-piece {
    display: none
    }
.c-carousel--audio::-webkit-scrollbar {
    display: initial;
    height: 5px;
    background-color: rgba(11, 11, 11, 0.1)
    }
.c-carousel--audio::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.5)
    }
.c-carousel--audio .c-card--audio-box {
    flex: 0 0 240px;
    width: 240px;
    margin-right: 25px
    }
.c-carousel--hero {
    height: 100%
    }
.c-carousel--hero .swiper-container {
    display: block;
    height: 100%
    }
.c-carousel--hero .swiper-slide {
    overflow: hidden
    }
.c-carousel--promo {
    margin-bottom: 2rem
    }
.c-carousel--promo .swiper-container {
    display: block
    }
@media (max-width: 767.98px) {
    .c-carousel--promo .swiper-container {
        padding-bottom: 2.5rem
        }
    .c-header--show .show-image {
        text-align: center
        }
    }
.c-carousel--promo .swiper-container .js-swiper-next, .c-carousel--promo .swiper-container .js-swiper-prev {
    display: none
    }
@media (min-width: 992px) {
    .c-carousel--promo {
        margin-bottom: 0
        }
    }
.c-carousel--promo .swiper-pagination {
    bottom: 0;
    height: 25px
    }
.c-carousel--other .swiper-container {
    display: block;
    padding-bottom: 30px
    }
.c-carousel--other .swiper-container .figcaption {
    padding: 1.5rem;
    background-color: #0b0b0b;
    color: #fff
    }
@media (min-width: 768px) {
    .c-carousel--promo .swiper-pagination {
        height: 2rem
        }
    .c-carousel--promo .swiper-pagination-bullet {
        background-color: #fff
        }
    .c-carousel--other .swiper-container .figcaption {
        background-color: rgba(11, 11, 11, 0.65);
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0
        }
    }
.c-carousel--other .swiper-container .figcaption h4 {
    font-size: 1.25rem;
    line-height: 1.625rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
    }
.c-carousel--other .swiper-container .figcaption .source {
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.c-carousel--other .swiper-container .figcaption .caption {
    margin-bottom: 0.5rem
    }
.c-carousel--other .swiper-slide img {
    display: block
    }
.c-carousel--other .swiper-pagination {
    bottom: 0 !important;
    height: 25px
    }
.c-carousel--other .swiper-pagination-bullet {
    background-color: #0b0b0b
    }
.c-carousel--other .js-btn-next, .c-carousel--other .js-btn-prev {
    z-index: 3;
    position: absolute;
    top: 50%
    }
.c-carousel--other .js-btn-prev {
    left: 0;
    transform: translate(-100%, -50%)
    }
.c-carousel--other .js-btn-next {
    right: 0;
    transform: translate(100%, -50%)
    }
.c-carousel--users {
    margin-bottom: 4rem
    }
.c-carousel--users .swiper-container {
    display: block
    }
.c-carousel--users .swiper-slide {
    width: 10rem;
    padding-bottom: 2rem
    }
.c-carousel--users .swiper-pagination-bullet-active {
    background-color: #0b0b0b
    }
.c-carousel--music {
    padding-bottom: 0.5rem
    }
.l-sidebar .c-carousel--music {
    margin-bottom: 2rem
    }
.c-carousel--music .swiper-slide {
    width: 210px;
    transition: opacity 0.5s ease
    }
.c-carousel--music .carousel-item {
    width: 210px;
    margin: 0 auto
    }
.c-carousel--music .carousel-indicators {
    display: none
    }
.c-carousel--music .carousel-control-next, .c-carousel--music .carousel-control-prev {
    width: 48px;
    height: 48px;
    transform: translatey(-100%);
    opacity: 1;
    z-index: 2;
    position: absolute;
    top: 50%
    }
.c-carousel--music .carousel-control-next::after, .c-carousel--music .carousel-control-next::before, .c-carousel--music .carousel-control-prev::after, .c-carousel--music .carousel-control-prev::before {
    display: inline-block;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fff;
    content: "";
    position: absolute;
    top: 50%
    }
.c-carousel--music .carousel-control-next span, .c-carousel--music .carousel-control-prev span {
    display: none
    }
.c-carousel--music .carousel-control-prev {
    left: 0
    }
.c-carousel--music .carousel-control-prev::before {
    transform: rotate(45deg);
    transform-origin: 1px 50%
    }
.c-carousel--music .carousel-control-prev::after {
    transform: rotate(-45deg);
    transform-origin: 1px 50%
    }
.c-carousel--music .carousel-control-next {
    right: 0
    }
.c-carousel--music .carousel-control-next::before {
    transform: rotate(45deg);
    transform-origin: 19px 50%
    }
.c-carousel--music .carousel-control-next::after {
    transform: rotate(-45deg);
    transform-origin: 19px 50%
    }
.c-date-selector {
    display: flex;
    position: relative;
    align-items: center;
    border: 1px solid #999da1;
    border-radius: 4px
    }
.c-date-selector__date {
    flex: 1;
    padding: 0 1rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.05rem;
    text-transform: uppercase
    }
@media (min-width: 992px) {
    .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: 0.875rem;
    text-transform: uppercase
    }
.c-date-selector input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    width: 0
    }
.dropdown-menu {
    z-index: 89;
    padding: 0.5rem 0;
    border: 0;
    box-shadow: 0 5px 20px 0 rgba(11, 11, 11, 0.2)
    }
.dropdown-menu::before {
    content: "";
    display: block
    }
.dropdown .dropdown-menu::before {
    position: absolute;
    top: -0.5rem;
    left: 10px;
    border-style: solid;
    height: 0;
    width: 0;
    border-color: transparent transparent #fff;
    border-width: 0 0.75rem 0.5rem
    }
.dropup .dropdown-menu::before {
    position: absolute;
    bottom: -0.5rem;
    left: 10px;
    border-style: solid;
    height: 0;
    width: 0;
    border-color: #fff transparent transparent;
    border-width: 0.5rem 0.75rem 0
    }
.dropdown-menu[x-placement=bottom-right]::before {
    right: 10px;
    left: auto
    }
.topbar .dropdown-menu {
    margin-top: 1rem
    }
.show .dropdown-menu {
    display: block
    }
.dropdown-item {
    display: flex;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    transition: color 0.3s ease, opacity 0.3s ease;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 24px
    }
.dropdown-item:hover:not(.disabled) {
    opacity: 0.75
    }
.dropdown-item:active, .dropdown-item:hover {
    background-color: transparent
    }
.dropdown-item.disabled {
    color: #999da1 !important
    }
.dropdown-divider, .dropdown-toggle::after {
    display: none
    }
.dropup[placement=top-right] .dropdown-menu::before {
    right: 10px;
    left: auto
    }
.form {
    max-width: 60rem;
    margin-right: auto;
    margin-bottom: 2rem;
    margin-left: auto;
    padding: 2rem 1.5rem;
    border: 2px solid #d6d7d9;
    border-radius: 5px
    }
.form--small {
    max-width: 35rem
    }
.form--box {
    margin-bottom: 2rem;
    border-radius: 10px;
    background-color: #d6d7d9
    }
@media (min-width: 768px) {
    .form--box {
        margin-bottom: 0;
        padding-right: 2.5rem;
        padding-left: 2.5rem
        }
    }
.form--contest {
    margin-bottom: 2rem;
    padding: 2rem 1.5rem;
    border: 2px solid #d6d7d9;
    border-radius: 10px
    }
@media (min-width: 768px) {
    .form--contest {
        margin-bottom: 0;
        padding-right: 2.5rem;
        padding-left: 2.5rem
        }
    }
.form--no-border {
    margin-bottom: 0;
    padding: 0;
    border: 0
    }
.form .cta {
    padding: 2em 0 0.5em;
    float: right;
    font-size: 0.8em
    }
.form h2, .form h3 {
    margin-bottom: 1em
    }
.form hr {
    margin: 2rem 0;
    border-top: 1px solid #d6d7d9
    }
.form__header {
    margin-bottom: 2.5em
    }
.form__header h2, .form__header h3, .form__header p {
    margin-bottom: 0
    }
.form legend {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #d6d7d9;
    font-size: 1rem;
    line-height: 1.375rem
    }
.form legend p:not(:first-child) {
    margin-top: 1em
    }
.form legend p:not(:first-child):last-child {
    margin-bottom: 0
    }
.form legend strong {
    font-weight: 700
    }
.form legend em {
    font-style: italic
    }
.form__additional {
    margin-bottom: 2rem;
    padding-bottom: 1em;
    border-bottom: 1px solid #d6d7d9
    }
.form__label {
    padding-bottom: 0.5em;
    font-size: 16px;
    font-weight: 700
    }
.form__group--btn .form__input {
    width: calc(100% - 45px);
    float: left
    }
.form__group--btn .form__input input {
    width: 100%
    }
.form__button {
    color: #656a6e
    }
.form__button:focus {
    outline: 0
    }
.l-header--dark .form__button {
    color: #fff
    }
.form__group--btn .form__button {
    width: 40px;
    height: 40px;
    float: right
    }
.l-header__search .form__button {
    width: 20px
    }
.form__submit, .form__success {
    text-align: center
    }
.form__note {
    margin-top: 0.625rem;
    margin-bottom: 1rem
    }
.form__submit .form__note {
    margin-top: 2rem;
    margin-bottom: 0;
    text-align: center
    }
.form__submit .form__note p {
    margin: 0 auto
    }
.form__submit {
    margin-top: 1rem
    }
.form re-captcha {
    display: block;
    margin-bottom: 1rem
    }
.form__captcha {
    text-align: center
    }
.form__captcha re-captcha {
    display: inline-block
    }
.form__note a, .form__text a {
    text-decoration: underline
    }
.form__text {
    margin-top: 2rem
    }
.form__disclaimer, .form__note {
    color: #797e83;
    font-size: 0.75rem;
    line-height: 1rem
    }
.form__note p {
    max-width: 750px;
    margin: 0
    }
.form__note p + p {
    margin-top: 1em
    }
.form__disclaimer {
    margin-top: 1rem
    }
.form__validation {
    margin-top: 2rem;
    padding: 1rem;
    border: 2px solid #0b0b0b;
    border-radius: 5px
    }
.form__validation p + p {
    margin-top: 0.75rem
    }
.form__validation strong {
    font-weight: 700
    }
.form__validation.is-error {
    border-color: #e67478;
    color: #e67478
    }
.form__validation.is-success {
    border-color: #50b36d;
    color: #50b36d
    }
.form__social {
    text-align: center
    }
.form .image-preview.logo {
    width: 80px
    }
.form .image-preview.centered {
    margin: 0 auto
    }
.c-select, .c-text-input, .c-textarea {
    display: block;
    width: 100%;
    padding: 0 5px;
    transition: border-color 0.3s ease, background-color 0.3s ease;
    border: 2px solid #d6d7d9;
    border-radius: 5px;
    background-color: #d6d7d9;
    color: #0b0b0b;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3
    }
.c-select.has-error:not(.valid), .c-text-input.has-error:not(.valid), .c-textarea.has-error:not(.valid) {
    border-color: #e67478 !important;
    background-color: #fff !important
    }
.c-select:focus, .c-text-input:focus, .c-textarea:focus {
    border-color: #ebecec;
    background-color: #ebecec
    }
.l-header--dark .c-select, .l-header--dark .c-text-input, .l-header--dark .c-textarea {
    color: #fff
    }
.c-select, .c-text-input {
    height: 40px
    }
.c-select--transparent, .c-select--transparent:focus, .c-text-input--transparent, .c-text-input--transparent:focus {
    background-color: transparent
    }
.c-select--rounded, .c-text-input--rounded {
    border-radius: 999em
    }
.l-header__search .c-select, .l-header__search .c-text-input {
    padding: 0
    }
.form__group--btn .c-select, .form__group--btn .c-text-input {
    border: 0;
    border-radius: 0
    }
.c-text-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
    }
.c-checkbox, .c-radio {
    display: inline-block;
    position: relative;
    margin: 0 2rem 0 0
    }
.c-checkbox label, .c-radio label {
    position: relative;
    cursor: pointer
    }
.c-checkbox input, .c-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0
    }
.c-checkbox input + label, .c-radio input + label {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
.c-radio label {
    padding: 0 0 0 1.5rem
    }
.c-radio label::after, .c-radio label::before {
    content: "";
    display: block;
    transform: translatey(-50%)
    }
.c-radio label::before {
    transition: background-color 0.2s ease-out;
    border: 2px solid #999da1;
    border-radius: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    height: 16px;
    width: 1rem
    }
.c-radio label::after {
    transition: background-color 0.2s ease-out;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 4px;
    height: 8px;
    width: 0.5rem
    }
.c-radio input:checked + label::after, .c-radio input:checked + label::before {
    border-color: #2c97de
    }
.c-checkbox label {
    padding: 0 0 0 2rem;
    font-weight: 400
    }
.c-checkbox label::before {
    content: "";
    display: block;
    transition: background-color 0.2s ease-out;
    border-radius: 4px;
    background-color: #d6d7d9;
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 1.5rem
    }
.c-checkbox input:checked + label::before {
    background-color: #2c97de
    }
.c-checkbox input:checked + label::after {
    content: "";
    display: block;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0;
    position: absolute;
    top: 4px;
    left: 7px;
    height: 12px;
    width: 6px
    }
.c-select optgroup, .c-select option {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
    }
.c-select optgroup {
    color: #797e83
    }
.c-select option {
    color: #0b0b0b
    }
.c-textarea {
    height: 150px;
    padding: 5px
    }
.c-field__text {
    padding: 0.5em 0;
    border-bottom: 1px solid #d6d7d9
    }
.c-field legend {
    padding-top: 5px;
    color: #999da1;
    font-size: 12.8px
    }
label {
    display: inline-block;
    margin-bottom: 0.5rem
    }
.sa {
    margin: 0 auto;
    padding: 26px;
    height: 140px;
    width: 140px
    }
.sa-success {
    position: relative;
    box-sizing: content-box;
    padding: 0;
    border: 4px solid #50b36d;
    border-radius: 50%;
    background-color: #fff;
    height: 80px;
    width: 80px
    }
.sa-success::after, .sa-success::before {
    content: "";
    position: absolute;
    transform: rotate(45deg);
    background-color: #fff;
    height: 120px;
    width: 60px
    }
.sa-success::before {
    top: -17px;
    left: 5px;
    transform: rotate(-45deg);
    transform-origin: 60px 60px;
    border-radius: 40px 0 0 40px;
    height: 80px;
    width: 26px
    }
.sa-success::after {
    top: -11px;
    left: 30px;
    transform: rotate(-45deg);
    transform-origin: 0 60px;
    -webkit-animation: 4.25s ease-in rotatePlaceholder;
    animation: 4.25s ease-in rotatePlaceholder;
    border-radius: 0 120px 120px 0
    }
.sa-success-placeholder {
    z-index: 2;
    box-sizing: content-box;
    border: 4px solid rgba(165, 220, 134, 0.25);
    border-radius: 50%;
    position: absolute;
    top: -4px;
    left: -4px;
    height: 80px;
    width: 80px
    }
.sa-success-fix {
    z-index: 1;
    transform: rotate(-45deg);
    background-color: #fff;
    position: absolute;
    top: 8px;
    left: 28px;
    height: 90px;
    width: 5px
    }
.sa-success-long, .sa-success-tip {
    position: absolute;
    z-index: 2;
    height: 5px;
    border-radius: 2px;
    background-color: #50b36d
    }
.sa-success-tip {
    top: 46px;
    left: 14px;
    width: 25px;
    transform: rotate(45deg);
    -webkit-animation: 0.75s animateSuccessTip;
    animation: 0.75s animateSuccessTip
    }
.sa-success-long {
    top: 38px;
    right: 8px;
    width: 47px;
    transform: rotate(-45deg);
    -webkit-animation: 0.75s animateSuccessLong;
    animation: 0.75s animateSuccessLong
    }
@-webkit-keyframes animateSuccessTip {
    0%, 54% {
        top: 19px;
        left: 1px;
        width: 0
        } 70% {
        top: 37px;
        left: -8px;
        width: 50px
        } 84% {
        top: 48px;
        left: 21px;
        width: 17px
        } 100% {
        top: 45px;
        left: 14px;
        width: 25px
        }
    }
@keyframes animateSuccessTip {
    0%, 54% {
        top: 19px;
        left: 1px;
        width: 0
        } 70% {
        top: 37px;
        left: -8px;
        width: 50px
        } 84% {
        top: 48px;
        left: 21px;
        width: 17px
        } 100% {
        top: 45px;
        left: 14px;
        width: 25px
        }
    }
@-webkit-keyframes animateSuccessLong {
    0%, 65% {
        top: 54px;
        right: 46px;
        width: 0
        } 84% {
        top: 35px;
        right: 0;
        width: 55px
        } 100% {
        top: 38px;
        right: 8px;
        width: 47px
        }
    }
@keyframes animateSuccessLong {
    0%, 65% {
        top: 54px;
        right: 46px;
        width: 0
        } 84% {
        top: 35px;
        right: 0;
        width: 55px
        } 100% {
        top: 38px;
        right: 8px;
        width: 47px
        }
    }
@-webkit-keyframes rotatePlaceholder {
    0%, 5% {
        transform: rotate(-45deg)
        } 100%, 12% {
        transform: rotate(-405deg)
        }
    }
@keyframes rotatePlaceholder {
    0%, 5% {
        transform: rotate(-45deg)
        } 100%, 12% {
        transform: rotate(-405deg)
        }
    }
.c-header--countdown {
    padding: 1rem;
    background-color: #ebecec
    }
.c-header--countdown h2, .c-header--countdown p {
    margin: 0 0 1rem
    }
@media (min-width: 1300px) {
    body:not(.ad-paw-is-visible) .c-header--countdown {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2rem
        }
    body:not(.ad-paw-is-visible) .c-header--countdown h2, body:not(.ad-paw-is-visible) .c-header--countdown p {
        margin-bottom: 0
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .c-header--countdown {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2rem
        }
    body.ad-paw-is-visible .c-header--countdown h2, body.ad-paw-is-visible .c-header--countdown p {
        margin-bottom: 0
        }
    }
.c-header--countdown h2 {
    font-size: 2rem;
    line-height: 2.5rem
    }
@media (min-width: 768px) {
    .form .cta {
        padding: 0
        }
    .c-header--countdown h2 {
        font-size: 2.25rem;
        line-height: 2.75rem
        }
    .c-header--show .show-meta img {
        margin-right: 1rem;
        float: left
        }
    }
@media (min-width: 1300px) {
    body:not(.ad-paw-is-visible) .c-header--countdown h2 {
        flex: 0 1 50%
        }
    body:not(.ad-paw-is-visible) .c-header--countdown p {
        margin-right: 1rem
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .c-header--countdown h2 {
        flex: 0 1 50%
        }
    body.ad-paw-is-visible .c-header--countdown p {
        margin-right: 1rem
        }
    }
.c-header--countdown p {
    flex: 0 0 30%
    }
.c-header--show {
    margin-bottom: 3rem;
    padding: 1.5rem;
    overflow: hidden
    }
.c-header--show .show-image {
    position: relative
    }
.c-header--show .show-image .image-16x9 {
    z-index: 1;
    width: 620px;
    position: absolute;
    top: -20px;
    left: -30%
    }
@media (max-width: 1299.98px) {
    .c-header--show .show-image .image-16x9 {
        display: none
        }
    }
.c-header--show .show-image .image-16x9::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 225px
    }
.c-header--show .show-image .image-16x9 span {
    display: block;
    background-size: cover;
    position: relative;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden
    }
.c-header--show .show-image .image-16x9 span img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0
    }
.c-header--show .show-meta {
    margin-bottom: 1rem
    }
@media (min-width: 1300px) {
    .c-header--show {
        display: flex;
        align-items: center;
        padding: 0
        }
    .c-header--show .show-image {
        flex: 0 0 33%;
        height: 250px
        }
    .c-header--show .show-info {
        display: flex;
        position: relative;
        z-index: 2;
        flex: 1 1 67%;
        justify-content: space-between;
        padding: 1.5rem 0
        }
    .c-header--show .show-meta {
        max-width: 35rem;
        margin-bottom: 0;
        padding-right: 1.5rem
        }
    .c-header--show .show-meta img {
        display: none
        }
    }
.c-header--show .show-meta img {
    width: 8rem;
    margin-bottom: 1rem;
    border-radius: 4px
    }
.c-header--show .show-status {
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.05rem;
    text-transform: uppercase
    }
.c-header--show .show-status span {
    display: inline-block
    }
.c-header--show .show-status span::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 2px;
    -webkit-animation-name: live-status;
    animation-name: live-status;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 50%;
    background-color: #fff;
    vertical-align: middle;
    height: 7px;
    width: 7px
    }
.c-header--show .show-title {
    margin-bottom: 0.5rem
    }
.c-header--show .show-schedule {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.05rem;
    text-transform: uppercase
    }
.c-header--show .show-hosts {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.25)
    }
.c-header--show .show-hosts span {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.c-header--show .show-hosts a {
    text-decoration: underline;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.4rem;
    text-transform: uppercase
    }
.c-header--show .show-hosts a:hover {
    text-decoration: none
    }
.c-header--show .show-description {
    max-height: 4.5rem;
    margin-top: 0.75rem;
    overflow: hidden;
    font-size: 0.875rem;
    line-height: 1.125rem
    }
.c-header--show .show-cta {
    align-items: flex-start
    }
@media (min-width: 1300px) {
    .c-header--show .show-cta {
        display: flex;
        flex-direction: column;
        padding-right: 2rem
        }
    }
.c-header--show .show-cta > * {
    margin-bottom: 0.5rem;
    white-space: nowrap
    }
.c-header--show .show-cta > :last-child {
    margin-bottom: 0
    }
@media (max-width: 991.98px) {
    .c-header--show .show-cta > * {
        margin-right: 0.25rem;
        margin-left: 0.25rem
        }
    .c-header--show .show-cta > :first-child {
        margin-left: 0
        }
    }
@-webkit-keyframes live-status {
    0%, 100% {
        opacity: 1
        } 50% {
        opacity: 0
        }
    }
@keyframes live-status {
    0%, 100% {
        opacity: 1
        } 50% {
        opacity: 0
        }
    }
.c-headline {
    margin-bottom: 1.5rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #d6d7d9
    }
@media (min-width: 768px) {
    .c-header--show .show-hosts {
        clear: both
        }
    .c-headline {
        display: flex;
        align-items: center;
        justify-content: space-between
        }
    .layout--talk .hero {
        margin-top: 0
        }
    }
.c-headline > h2, .c-headline > h3 {
    margin-bottom: 0.5rem
    }
.c-headline__cta {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.05rem;
    text-transform: uppercase
    }
.c-headline__cta::after {
    content: "▸";
    margin-left: 0.25rem
    }
.hero {
    position: relative;
    margin: 20px 0 2rem
    }
.hero::after {
    clear: both;
    content: "";
    display: block
    }
.container-sports .hero {
    margin-bottom: 0
    }
.hero--videos {
    margin-top: 0;
    padding: 1rem 0 1px;
    background-color: #0b0b0b;
    color: #fff
    }
.hero--videos .c-card__title {
    color: #fff
    }
.hero--videos .o-list__item {
    border-color: #252525
    }
.hero__item {
    position: relative;
    overflow: hidden
    }
.hero__item a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.hero__item--ad {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ebecec
    }
@media (max-width: 767.98px) {
    .c-header--show .show-cta, .c-header--show .show-meta {
        text-align: center
        }
    .hero__item--ad {
        width: calc(100% + 70px);
        margin-left: -35px
        }
    }
@media (min-width: 1300px) {
    body:not(.ad-paw-is-visible) .hero--grid3 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .hero--grid3 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between
        }
    }
.hero--grid3 .hero__header {
    color: #fff
    }
.hero--grid3 .hero__header::after {
    content: "";
    z-index: 1;
    transition: opacity 0.3s;
    background: linear-gradient(-180deg, rgba(11, 11, 11, 0) 33%, rgba(11, 11, 11, 0.7) 100%), linear-gradient(36deg, rgba(170, 170, 170, 0) 49%, rgba(170, 170, 170, 0.1) 73%, rgba(170, 170, 170, 0.5) 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.hero__item:hover .hero--grid3 .hero__header::after {
    opacity: 0.75
    }
.c-card--video:hover .hero--grid3 .hero__header::after {
    opacity: 1
    }
.hero--grid3 .hero__item {
    width: 100%;
    height: 20em;
    margin-bottom: 30px
    }
.hero--grid3 .hero__item .hero__title {
    display: block;
    width: 85%;
    font-size: 1.5625em
    }
@media (min-width: 768px) {
    .hero--grid3 .hero__item {
        height: 100%
        }
    .hero--grid3 .hero__articles {
        height: 40em
        }
    .hero--grid3 .hero__articles--primary .hero__item .hero__title {
        font-size: 1.953125em
        }
    }
@media (min-width: 1300px) {
    .hero--grid3 .hero__articles {
        height: auto
        }
    .container-sports .hero--grid3 .hero__articles {
        margin-top: 30px
        }
    body:not(.ad-paw-is-visible) .hero--grid3 .hero__articles {
        display: flex;
        flex: 0 0 100%;
        max-width: 100%
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .hero--grid3 .hero__articles {
        display: flex;
        flex: 0 0 100%;
        max-width: 100%
        }
    }
@media (min-width: 768px) {
    .hero--grid3 .hero__articles--primary {
        height: 60%;
        margin-bottom: 20px
        }
    .container-sports .hero--grid3 .hero__articles--primary {
        margin-top: 20px
        }
    .hero--grid3 {
        height: 40.6em
        }
    }
@media (min-width: 1300px) {
    .hero--grid3 .hero__articles--primary {
        height: 100%;
        margin-bottom: 0
        }
    .container-sports .hero--grid3 .hero__articles--primary {
        margin-top: 0
        }
    body:not(.ad-paw-is-visible) .hero--grid3 .hero__articles--primary {
        position: relative;
        width: 100%;
        padding-right: 15px;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding-left: 0
        }
    .hero--grid3 .hero__articles--secondary .hero__item {
        height: 47%
        }
    body:not(.ad-paw-is-visible) .hero--grid3 .hero__articles--secondary .hero__item {
        margin: 0 0 30px;
        height: 47%;
        width: 100%
        }
    body:not(.ad-paw-is-visible) .hero--grid3 .hero__articles--secondary .hero__item:last-child {
        margin-bottom: 0
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .hero--grid3 .hero__articles--primary {
        position: relative;
        width: 100%;
        padding-right: 15px;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding-left: 0
        }
    body.ad-paw-is-visible .hero--grid3 .hero__articles--secondary .hero__item {
        margin: 0 0 30px;
        height: 47%;
        width: 100%
        }
    body.ad-paw-is-visible .hero--grid3 .hero__articles--secondary .hero__item:last-child {
        margin-bottom: 0
        }
    }
.hero--grid3 .hero__articles--secondary .hero__item:last-child {
    margin-bottom: 0
    }
@media (min-width: 576px) and (max-width: 1299.98px) {
    .hero--grid3 .hero__articles--secondary {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        width: 100%;
        height: 40%;
        margin: 0
        }
    }
@media (min-width: 1300px) {
    body:not(.ad-paw-is-visible) .hero--grid3 .hero__articles--secondary {
        position: relative;
        width: 100%;
        padding-left: 15px;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-right: 0
        }
    body:not(.ad-paw-is-visible) .hero--grid3 {
        height: 30em
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .hero--grid3 .hero__articles--secondary {
        position: relative;
        width: 100%;
        padding-left: 15px;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-right: 0
        }
    body.ad-paw-is-visible .hero--grid3 {
        height: 30em
        }
    }
@media (min-width: 576px) {
    .hero--grid3 .hero__articles--secondary .hero__item {
        margin-left: 20px
        }
    .hero--grid3 .hero__articles--secondary .hero__item:first-child {
        margin: 0
        }
    .hero--grid3 .hero__articles--secondary .hero__item .hero__title {
        font-size: 1.25rem;
        line-height: 1.625rem
        }
    .hero--grid3 .hero__articles--secondary .hero__item .hero__audios {
        position: absolute;
        top: 10px;
        right: 25px
        }
    .hero--grid5 {
        margin-right: -5px;
        margin-left: -5px
        }
    }
.hero--grid5 .hero__item {
    height: 320px;
    margin-bottom: 1em
    }
@media (min-width: 768px) {
    body:not(.ad-paw-is-visible) .hero--grid5 .hero__item {
        width: 50%;
        margin-bottom: 0;
        float: left;
        border: 5px solid #fff
        }
    body:not(.ad-paw-is-visible) .hero--grid5 .hero__item:first-child {
        width: 100%
        }
    }
@media (min-width: 992px) {
    .c-header--countdown h2 {
        font-size: 2.625rem;
        line-height: 3.125rem
        }
    body.ad-paw-is-visible .hero--grid5 .hero__item {
        width: 50%;
        margin-bottom: 0;
        float: left;
        border: 5px solid #fff
        }
    body:not(.ad-paw-is-visible) .hero--grid5 .hero__item {
        width: 33.333333%;
        height: 375px
        }
    }
@media (min-width: 768px) {
    body.ad-paw-is-visible .hero--grid5 .hero__item:first-child {
        width: 100%
        }
    }
.hero__image {
    z-index: 1;
    transition: transform 0.3s;
    background-color: #0b0b0b;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.hero__blur {
    display: none
    }
@supports not (-ms-high-contrast: none) {
    . hero__blur {
        display: block;
        z-index: 2;
        opacity: .9;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
        -webkit-filter: blur(25px);
        filter: blur(25px);
        position: absolute;
        bottom: -5rem;
        left: -10rem;
        height: 175px;
        width: 150%
        } . c-carousel--hero . hero__blur {
        left: auto;
        width: 100%;
        background-position: right bottom
        }
    }
.hero__header {
    display: flex;
    z-index: 3;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.hero__header::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%), linear-gradient(36deg, rgba(170, 170, 170, 0) 49%, rgba(170, 170, 170, 0.1) 73%, rgba(170, 170, 170, 0.5) 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.hero__item:hover .hero__header::after {
    opacity: 0.75
    }
.c-card--video:hover .hero__header::after {
    opacity: 1
    }
.hero .o-tag, .hero__title {
    position: relative;
    z-index: 4;
    margin-right: 1rem;
    margin-left: 1rem;
    color: #fff
    }
.hero .o-tag {
    margin-bottom: 0.5rem
    }
.hero__title {
    max-width: 90%;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.25
    }
.hero__title::after {
    clear: both;
    content: "";
    display: block
    }
.c-carousel--hero .hero__title {
    margin-right: 80px
    }
.l-hero {
    display: flex;
    flex-direction: column
    }
@media (min-width: 1300px) {
    body.ad-paw-is-visible .hero--grid5 .hero__item {
        width: 33.333333%;
        height: 375px
        }
    body.ad-paw-is-visible .hero--grid5 .hero__item:first-child {
        width: 66.666667%;
        height: 375px
        }
    body.ad-paw-is-visible .hero__title {
        font-size: 1.75rem;
        line-height: 1.25
        }
    body.ad-paw-is-visible .c-carousel--hero .hero__title {
        margin-right: 200px
        }
    body:not(.ad-paw-is-visible) .l-hero {
        flex-direction: row;
        flex-wrap: nowrap !important;
        justify-content: space-between
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .l-hero {
        flex-direction: row;
        flex-wrap: nowrap !important;
        justify-content: space-between
        }
    }
.l-hero__news, .l-hero__onair {
    display: block
    }
.l-hero__news {
    order: 1
    }
@media (min-width: 992px) {
    body:not(.ad-paw-is-visible) .hero--grid5 .hero__item:first-child {
        width: 66.666667%;
        height: 375px
        }
    body:not(.ad-paw-is-visible) .hero__title {
        font-size: 1.75rem;
        line-height: 1.25
        }
    body:not(.ad-paw-is-visible) .c-carousel--hero .hero__title {
        margin-right: 200px
        }
    body:not(.ad-paw-is-visible) .l-hero__news {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
        }
    }
@media (min-width: 1300px) {
    body.ad-paw-is-visible .l-hero__news {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
        }
    body:not(.ad-paw-is-visible) .l-hero__news {
        order: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .l-hero__news {
        order: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
        }
    }
.l-hero__onair {
    order: 0
    }
@media (min-width: 1300px) {
    body:not(.ad-paw-is-visible) .l-hero__onair {
        order: 1;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .l-hero__onair {
        order: 1;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    }
@media (min-width: 992px) {
    body:not(.ad-paw-is-visible) .l-hero__news-primary {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
        }
    }
@media (min-width: 1300px) {
    body.ad-paw-is-visible .l-hero__news-primary {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
        }
    }
@media (min-width: 992px) {
    body:not(.ad-paw-is-visible) .l-hero__news-secondary {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    .c-lightbox {
        padding-top: 65px
        }
    }
@media (min-width: 1300px) {
    body.ad-paw-is-visible .l-hero__news-secondary {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    }
icon {
    display: flex;
    align-items: center;
    justify-content: center
    }
icon[size="12x12"] {
    height: 12px;
    width: 12px
    }
icon[size="16x16"] {
    height: 16px;
    width: 16px
    }
.o-btn--icon-only icon[name=play] {
    margin-right: -1px;
    margin-left: 1px
    }
.icon {
    display: inline-block;
    stroke: none;
    fill: currentColor;
    height: 1rem;
    width: 1rem
    }
.icon use {
    stroke: none;
    fill: inherit
    }
.icon.icon--outline {
    stroke: currentColor
    }
.icon.icon--outline use {
    stroke: inherit
    }
.icon.icon--outline.icon--stroke-1 {
    stroke-width: 1px
    }
.icon.icon--outline.icon--stroke-2 {
    stroke-width: 2px
    }
.icon.icon--outline.icon--stroke-3 {
    stroke-width: 3px
    }
.icon.icon--outline.icon--stroke-4 {
    stroke-width: 4px
    }
.icon.icon--outline.icon--stroke-1 use, .icon.icon--outline.icon--stroke-3 use {
    transform: translatex(0.5px) translatey(0.5px)
    }
.icon--xs {
    height: 0.5em;
    width: 0.5em
    }
.icon--sm {
    height: 0.8em;
    width: 0.8em
    }
.icon--lg {
    height: 1.6em;
    width: 1.6em
    }
.icon--xl {
    height: 2em;
    width: 2em
    }
.icon--hamburger {
    overflow: visible;
    transform: translatex(-50%) translatey(-50%);
    transition: background-color 0.3s;
    background-color: #252525;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    height: 2px;
    width: 22px
    }
@media (min-width: 768px) {
    .l-header--inversed .icon--hamburger {
        background-color: #fff
        }
    }
@media (max-width: 767.98px) {
    .sidenav-is-open .icon--hamburger {
        background-color: rgba(37, 37, 37, 0)
        }
    .sidenav-is-open .icon--hamburger::after, .sidenav-is-open .icon--hamburger::before {
        background-color: #252525
        }
    .sidenav-is-open .icon--hamburger::before {
        transform: rotate(45deg)
        }
    }
.icon--hamburger::after, .icon--hamburger::before {
    content: "";
    display: block;
    z-index: 99;
    transform: translatez(0);
    transform-origin: center center;
    -webkit-backface-visibility: hidden;
    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)
    }
.icon--hamburger::after {
    transform: translatey(6px)
    }
@media (max-width: 767.98px) {
    .sidenav-is-open .icon--hamburger::after {
        transform: rotate(-45deg)
        }
    }
.icon-text-aligner {
    display: flex;
    align-items: center
    }
.icon-text-aligner .icon {
    flex-shrink: 0;
    margin-right: 0.5em;
    color: inherit
    }
.icon-text-aligner .icon use {
    fill: currentColor;
    color: inherit
    }
.icon-text-aligner .icon.icon--align-right {
    margin-right: 0;
    margin-left: 0.5em
    }
.icon-text-aligner .icon.icon--outline use {
    stroke: currentColor
    }
.c-lightbox {
    z-index: 99;
    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
    }
.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
        }
    }
.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
    }
.c-lightbox__logo {
    display: none
    }
@media (min-width: 768px) {
    .c-lightbox__logo {
        display: block;
        margin-right: 1rem;
        float: left
        }
    }
.c-lightbox__stage {
    display: block;
    width: 100%;
    background-color: #000
    }
.c-lightbox__stage .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
    }
.c-lightbox__stage .figcaption {
    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: 992px) {
    .c-lightbox__header {
        right: 400px
        }
    .c-lightbox__header h1 {
        font-size: 1.2rem;
        line-height: 1.25
        }
    .c-lightbox__stage {
        width: auto;
        position: fixed;
        top: 65px;
        right: 400px;
        bottom: 75px;
        left: 0
        }
    .c-lightbox__stage.swiper-container-autoheight, .c-lightbox__stage.swiper-container-autoheight .swiper-slide {
        height: inherit
        }
    .c-lightbox__stage .swiper-wrapper {
        height: 100% !important
        }
    .c-lightbox__stage .figcaption {
        transform: translatey(calc(100% - 50px))
        }
    }
.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::after, .c-lightbox__stage .figcaption .caption-handle::before {
    content: "";
    display: block;
    margin-top: -1px;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    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)
    }
.c-lightbox__stage .figcaption h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
    }
.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 {
        display: flex;
        flex-flow: row wrap
        }
    .c-lightbox__stage .figcaption h4 {
        flex: 0 0 70%;
        order: 1;
        width: 100%
        }
    .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.subtitle-gallery {
        flex-basis: 100%;
        order: 4
        }
    }
.c-lightbox__stage .figcaption .caption {
    display: block;
    margin: 0 0 1rem;
    font-size: 0.8rem;
    line-height: 1.5
    }
.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
    }
.c-lightbox__stage img.swiper-lazy {
    transition: opacity 0.3s ease;
    opacity: 0
    }
.c-lightbox__stage img.swiper-lazy-loaded {
    opacity: 1
    }
.c-lightbox__stage-ad {
    display: none;
    z-index: 10;
    align-items: center;
    justify-content: center;
    transition: opacity 0.1s ease, visibility 0.1s ease;
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.ad-is-visible .c-lightbox__stage-ad {
    display: flex
    }
.c-lightbox__aside {
    padding: 2rem;
    background-color: #0b0b0b
    }
@media (min-width: 768px) {
    .c-lightbox__aside {
        display: flex;
        flex-wrap: wrap
        }
    }
@media (min-width: 992px) {
    .c-lightbox__stage .figcaption h4 {
        padding: 10px 0;
        font-size: 20px;
        line-height: 30px
        }
    .c-lightbox__stage .figcaption .caption {
        font-size: 0.9rem
        }
    .c-lightbox__stage img {
        max-height: 100%;
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%
        }
    .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: fixed;
        top: 0;
        right: 0;
        bottom: 75px
        }
    }
.c-lightbox__aside .aside__meta {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem
    }
@media (min-width: 768px) {
    .c-lightbox__aside .aside__meta {
        flex: 1 1 50%;
        margin-right: 2rem
        }
    }
@media (min-width: 992px) {
    .c-lightbox__aside .aside__meta {
        display: block;
        flex: 0 0 250px;
        margin-right: 0;
        padding: 0 50px
        }
    .c-lightbox__aside .aside__caption {
        max-height: 45vh;
        overflow-y: auto
        }
    }
.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
    }
.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: 768px) {
    .c-lightbox__aside .aside__ad {
        flex: 0 0 300px
        }
    }
@media (min-width: 992px) {
    .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-size: 12.8px;
    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
    }
.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: 992px) {
    .c-lightbox__controls {
        margin-right: 0
        }
    .c-lightbox__header .c-lightbox__share {
        margin-left: auto
        }
    .c-lightbox__aside .c-lightbox__share {
        flex: 0 0 65px
        }
    }
.related-gallery {
    width: 85%;
    margin-top: 2rem;
    margin-bottom: 2rem
    }
.related-gallery__next {
    position: relative;
    height: 250px
    }
.related-gallery__next a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    left: 5px
    }
.related-gallery__next a::after {
    content: "";
    display: block;
    z-index: 1;
    opacity: 0.5;
    background-color: rgba(11, 11, 11, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.related-gallery__next a > * {
    position: relative;
    z-index: 2
    }
.related-gallery__next .tag {
    margin-top: 1rem
    }
.related-gallery__next h2 {
    margin: 0 2rem 1rem;
    font-size: 1.25rem
    }
@media (min-width: 576px) {
    .related-gallery__next h2 {
        font-size: 1.5rem
        }
    }
.related-gallery__secondary {
    width: 50%;
    float: left
    }
@media (max-width: 767.98px) {
    .related-gallery__secondary {
        display: none
        }
    }
.related-gallery__secondary:nth-child(3) {
    display: none
    }
.related-gallery__secondary a {
    display: block;
    position: relative;
    height: 0;
    margin: 10px 5px 0;
    padding-top: 55%;
    background-position: center center;
    background-size: cover
    }
.related-gallery__secondary a::after {
    content: "";
    display: block;
    z-index: 1;
    opacity: 0.5;
    background-image: linear-gradient(-180deg, rgba(11, 11, 11, 0.2), rgba(11, 11, 11, 0.85));
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.related-gallery__secondary h2 {
    z-index: 2;
    width: 80%;
    font-size: 1.2rem;
    position: absolute;
    bottom: 1rem;
    left: 10%
    }
.o-list {
    margin-bottom: 3rem;
    padding-left: 0;
    list-style: none
    }
.c-header + .o-list {
    margin-top: 0;
    margin-bottom: 0
    }
.l-sidebar .o-list:not(.o-list--vertical) li {
    padding-top: 0.75rem
    }
.o-list__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #d6d7d9
    }
.o-list__header strong {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.05rem;
    text-transform: uppercase
    }
@media (max-width: 991.98px) {
    .o-list--overflow-x {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch
        }
    .o-list--overflow-x > li {
        flex: 1;
        min-width: 12.5rem;
        margin-right: 1.5rem
        }
    .o-list--overflow-x > li:last-child {
        margin-right: 1.5rem
        }
    }
.o-list--vertical > li {
    padding: 1rem 0;
    border-bottom: 1px solid #d6d7d9
    }
.o-list--vertical > li:first-child {
    padding-top: 0
    }
.hero--video .o-list--vertical > li {
    border-color: #252525
    }
.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--grid-2, .o-list--grid-3, .o-list--grid-4, .o-list--grid-ad {
    margin-right: -15px;
    margin-bottom: 0;
    margin-left: -15px
    }
.o-list--grid-2::after, .o-list--grid-3::after, .o-list--grid-4::after, .o-list--grid-ad::after {
    clear: both;
    content: "";
    display: block
    }
.o-list--grid-2 > li, .o-list--grid-3 > li, .o-list--grid-4 > li, .o-list--grid-ad > li {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
    }
.o-list--grid-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start
    }
.o-list--grid-2 > li {
    margin-bottom: 2rem
    }
@media (min-width: 768px) {
    body:not(.ad-paw-is-visible) .o-list--grid-2 > li {
        margin-bottom: 0;
        flex: 0 0 50%;
        max-width: 50%
        }
    }
@media (min-width: 992px) {
    body.ad-paw-is-visible .o-list--grid-2 > li {
        margin-bottom: 0;
        flex: 0 0 50%;
        max-width: 50%
        }
    }
.o-list--grid-4 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start
    }
.container > .o-list--grid-4 {
    margin-bottom: 4rem
    }
.o-list--grid-4 > li {
    margin-bottom: 2rem
    }
@media (min-width: 576px) {
    .o-list--grid-4 > li {
        flex: 0 0 50%;
        max-width: 50%
        }
    }
@media (min-width: 576px) and (max-width: 991.98px) {
    .o-list--grid-4 > li:nth-child(2n+1) {
        clear: left
        }
    }
@media (min-width: 992px) {
    body:not(.ad-paw-is-visible) .o-list--grid-4 > li {
        flex: 0 0 25%;
        max-width: 25%
        }
    body:not(.ad-paw-is-visible) .o-list--grid-4:not(.o-list--photos):not(.o-list--videos) > li {
        margin-bottom: 0
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .o-list--grid-4 > li {
        flex: 0 0 25%;
        max-width: 25%
        }
    body.ad-paw-is-visible .o-list--grid-4:not(.o-list--photos):not(.o-list--videos) > li {
        margin-bottom: 0
        }
    }
.o-list--grid-3 {
    margin-bottom: 3rem
    }
.o-list--grid-3 > li {
    margin-right: -4px;
    margin-bottom: 2rem;
    vertical-align: top
    }
@media (min-width: 768px) {
    body:not(.ad-paw-is-visible) .o-list--grid-3 > li {
        flex: 0 0 50%;
        max-width: 50%
        }
    .o-list--grid-3 > li[data-block-type=ad] {
        min-height: 0;
        margin-bottom: 0;
        float: right
        }
    }
@media (min-width: 992px) {
    body.ad-paw-is-visible .o-list--grid-3 > li {
        flex: 0 0 50%;
        max-width: 50%
        }
    }
@media (min-width: 1300px) {
    .related-gallery__next {
        height: 350px
        }
    .related-gallery__secondary:nth-child(3) {
        display: block
        }
    .related-gallery__secondary {
        width: 33.333333%
        }
    body:not(.ad-paw-is-visible) .o-list--grid-3 > li {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    }
@media (min-width: 1600px) {
    body.ad-paw-is-visible .o-list--grid-3 > li {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    }
.o-list--grid-ad > li {
    min-height: 300px;
    margin-right: -4px;
    margin-bottom: 2rem;
    vertical-align: top
    }
@media (min-width: 992px) {
    .o-list--grid-ad > li {
        flex: 0 0 50%;
        max-width: 50%
        }
    .newsletter-block__cta {
        font-size: 20px
        }
    }
@media (min-width: 1300px) {
    .o-list--grid-ad > li {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
        }
    }
@media (min-width: 768px) {
    .o-list--grid-ad > li[data-block-type=ad] {
        min-height: 0;
        margin-bottom: 0;
        float: right
        }
    }
.o-list--grid-ad.o-list--photos > li {
    min-height: 320px
    }
.o-list--grid-small {
    display: flex;
    flex-wrap: wrap
    }
.o-list--grid-small > li {
    flex: 0 1 15rem;
    min-width: 15rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem
    }
.o-list--grid-small > li:last-child, .o-list--grid-small > li:nth-child(2n) {
    margin-right: 0
    }
.o-list + .text-center {
    margin-top: 2rem;
    margin-bottom: 4rem
    }
.c-list-header {
    padding: 0.5rem 1rem;
    background-color: #252525;
    color: #fff
    }
.c-header--countdown + .c-list-header {
    margin-top: -1.5rem
    }
h3 + .c-list-header, h4 + .c-list-header {
    margin-top: 1em
    }
.c-list-header--date {
    padding: 1rem
    }
.c-list-header > h3, .c-list-header > h4 {
    margin-bottom: 0.5em
    }
@media (min-width: 768px) {
    .c-list-header {
        display: flex;
        align-items: center;
        justify-content: space-between
        }
    .c-list-header > h3, .c-list-header > h4 {
        margin-bottom: 0
        }
    }
.c-list-header__date {
    position: relative
    }
.c-list-header__date span {
    margin-right: 0.5em;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
    }
.c-list-header__date input {
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    width: 0
    }
.o-btn-list, .o-btn-list--icons {
    display: flex;
    flex-wrap: wrap
    }
.c-card--audio .o-btn-list, .c-card--audio .o-btn-list--icons, .c-card--song .o-btn-list, .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--center {
    justify-content: center
    }
.o-btn-list--vertical {
    flex-direction: column;
    align-items: center
    }
.o-btn-list--vertical .o-btn {
    white-space: normal
    }
.o-btn-list--vertical .o-btn + .o-btn {
    margin-top: 0.75rem
    }
.c-loading-spinner {
    margin-bottom: 3rem;
    padding: 1rem;
    border-radius: 0.5rem;
    background-color: #ebecec;
    text-align: center
    }
.c-loading-spinner__ripple {
    display: inline-block;
    position: relative;
    height: 64px;
    width: 64px
    }
.c-loading-spinner__ripple div {
    position: absolute;
    -webkit-animation: 1s cubic-bezier(0, 0.2, 0.8, 1) infinite loading-ripple;
    animation: 1s cubic-bezier(0, 0.2, 0.8, 1) infinite loading-ripple;
    border: 4px solid #797e83;
    border-radius: 50%;
    opacity: 1
    }
.c-loading-spinner__ripple div:nth-child(2) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
    }
.c-loading-spinner p {
    color: #797e83;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.4rem;
    text-transform: uppercase
    }
@-webkit-keyframes loading-ripple {
    0% {
        top: 28px;
        left: 28px;
        opacity: 1;
        height: 0;
        width: 0
        } 100% {
        top: -1px;
        left: -1px;
        opacity: 0;
        height: 58px;
        width: 58px
        }
    }
@keyframes loading-ripple {
    0% {
        top: 28px;
        left: 28px;
        opacity: 1;
        height: 0;
        width: 0
        } 100% {
        top: -1px;
        left: -1px;
        opacity: 0;
        height: 58px;
        width: 58px
        }
    }
.c-modal__header {
    display: flex;
    justify-content: space-between;
    padding: 1rem 1.5rem 0
    }
.c-modal__header > h2, .c-modal__header > h3 {
    font-size: 1.25rem;
    letter-spacing: 0.1em;
    line-height: 40px;
    text-transform: uppercase
    }
.c-modal__title {
    flex: 1 1 50%;
    margin: 0
    }
.c-modal__content {
    padding: 1.5rem 1.5rem 0
    }
.c-modal__header + .c-modal__content {
    padding-top: 0.5rem
    }
.c-modal__link {
    padding: 1.5rem 0
    }
.c-modal__footer {
    display: flex;
    justify-content: flex-end;
    padding: 1.5rem
    }
.c-modal__audio {
    display: flex;
    margin-bottom: 1.5rem;
    padding: 1rem;
    border: 1px solid #d6d7d9;
    border-radius: 0.25em
    }
.c-modal__audio-image {
    flex: 0 0 5rem;
    margin: 0 1rem 0 0;
    border-radius: 4px
    }
.c-modal__audio-meta {
    flex: 1 1 calc(100% - 5rem)
    }
.c-modal__audio-meta h4 {
    margin: 0.25em 0 0.5em;
    font-size: 16px
    }
.c-modal__audio-meta p {
    font-size: 12.8px
    }
.modal {
    z-index: 1050;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
    }
.modal-backdrop {
    z-index: 1040;
    transition: opacity 0.5s ease-in;
    background-color: #0b0b0b;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw
    }
.modal-backdrop.fade {
    opacity: 0
    }
.modal-backdrop.fade.show {
    opacity: 0.5
    }
.modal-content, .modal-dialog {
    display: flex;
    position: relative
    }
.modal-dialog {
    align-items: center;
    justify-content: center;
    max-width: 500px;
    min-height: calc(100% - 2rem);
    margin: 1rem auto
    }
.modal-content {
    flex-direction: column;
    width: 100%;
    border-radius: 0.25em;
    background-color: #fff;
    box-shadow: 0 1px 8px rgba(11, 11, 11, 0.1), 0 16px 48px rgba(11, 11, 11, 0.1), 0 24px 60px rgba(11, 11, 11, 0.1)
    }
.newsletter-block {
    margin-bottom: 4rem;
    padding: 2em;
    color: #fff;
    text-align: center
    }
@media (min-width: 1300px) {
    .newsletter-block {
        text-align: left;
        display: flex;
        align-items: center
        }
    }
.newsletter-block header {
    margin-bottom: 1rem;
    flex: 1 1 80%
    }
.newsletter-block header > * {
    max-width: 525px;
    margin-left: auto;
    margin-right: auto
    }
@media (min-width: 1300px) {
    .newsletter-block header {
        margin-bottom: 0
        }
    .newsletter-block header > * {
        margin-left: 0;
        padding-right: 1rem
        }
    }
.newsletter-block__btn {
    flex: 0 1 400px
    }
.newsletter-block__cta {
    margin: 0;
    font-weight: 700;
    line-height: 1.2
    }
.newsletter-block__title {
    flex-basis: 55%;
    margin: 0 1rem 0.25em 0;
    font-size: 25px;
    line-height: 1
    }
.newsletter-block .notice {
    max-width: 525px;
    margin: 1.5rem auto 0;
    font-size: 10.24px;
    line-height: 1.2
    }
.c-pagination {
    margin-bottom: 4rem
    }
.c-pagination--simple {
    margin-bottom: 0
    }
.c-pagination--simple .c-pagination__item {
    min-width: 0;
    border: 0
    }
.c-pagination--simple .c-pagination__item > a {
    padding: 0.5rem;
    color: #797e83
    }
.c-pagination--simple .c-pagination__item--selected {
    background-color: transparent
    }
.c-pagination--simple .c-pagination__item--selected a {
    color: #0b0b0b
    }
.c-pagination__list {
    display: flex;
    align-items: stretch;
    justify-content: center
    }
.c-pagination__list > li {
    display: inline-block
    }
.c-pagination__item {
    display: inline-block;
    display: inline-flex;
    min-width: 2rem;
    margin-left: 0.5rem;
    border: 1px solid #d6d7d9;
    border-radius: 2px;
    line-height: 1;
    white-space: nowrap
    }
.c-pagination__item--selected {
    background-color: #525559
    }
.c-pagination__item--selected a {
    color: #fff
    }
.c-pagination__item--disabled {
    opacity: 0.5;
    pointer-events: none
    }
.c-pagination__item--ellipsis a {
    color: #797e83
    }
.c-pagination__item:first-child icon {
    margin-right: 0.75rem
    }
.c-pagination__item:last-child icon {
    margin-left: 0.75rem
    }
.c-pagination__item > a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem
    }
@media (max-width: 767.98px) {
    .c-pagination__item:first-child icon {
        margin-right: 0
        }
    .c-pagination__item:last-child icon {
        margin-left: 0
        }
    .c-pagination__item:first-child span, .c-pagination__item:last-child span, .c-pagination__item:nth-child(5), .c-pagination__item:nth-child(6) {
        display: none
        }
    }
.c-card-placeholder__animation {
    display: flex;
    position: relative;
    -webkit-animation-name: placeholderShimmer;
    animation-name: placeholderShimmer;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background: linear-gradient(to right, #ebecec, #d6d7d9 18%, #ebecec 33%);
    background-size: 900px 104px
    }
.c-card-placeholder__image {
    position: relative
    }
.c-card-placeholder__image::after {
    background-color: #fff
    }
.c-card-placeholder__image span {
    display: block
    }
.c-card-placeholder__image.is-16x9 span {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden
    }
.c-card-placeholder__image.is-16x9 span img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0
    }
.c-card-placeholder__image.is-1x1 span {
    position: relative;
    height: 0;
    padding-top: 100%;
    overflow: hidden
    }
.c-card-placeholder__image.is-1x1 span img {
    width: auto;
    max-width: none;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
    }
.c-card-placeholder__text {
    display: flex;
    flex-direction: column;
    align-items: flex-end
    }
.c-card-placeholder--audio .c-card-placeholder__image {
    flex: 0 0 4rem
    }
@media (min-width: 576px) {
    .c-card-placeholder--audio .c-card-placeholder__image {
        flex-basis: 6rem
        }
    }
.c-card-placeholder--audio .c-card-placeholder__image::before {
    z-index: 2;
    border-radius: 20px;
    background-color: #ebecec;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    left: 5rem
    }
@media (min-width: 576px) {
    .c-card-placeholder--audio .c-card-placeholder__image::before {
        left: 7rem
        }
    }
@media (min-width: 992px) {
    .newsletter-block__title {
        font-size: 39.0625px
        }
    .newsletter-block .notice {
        margin: 1.5rem auto 0
        }
    .c-card-placeholder--audio {
        max-width: calc(100% - 9rem)
        }
    .c-card-placeholder--audio .c-card-placeholder__image::before {
        top: 1rem
        }
    }
@media (min-width: 1600px) {
    .c-card-placeholder--audio .c-card-placeholder__image {
        flex-basis: 8rem
        }
    .c-card-placeholder--audio .c-card-placeholder__image::before {
        left: 9rem
        }
    }
.c-card-placeholder--audio .c-card-placeholder__image::after {
    z-index: 1;
    height: 100%;
    width: calc(40px + 2rem);
    position: absolute;
    top: 0;
    right: calc(-40px - 2rem)
    }
.c-card-placeholder--audio .c-card-placeholder__text {
    flex: 1 1 calc(100% - 9.5rem)
    }
@media (min-width: 576px) {
    .c-card-placeholder--audio .c-card-placeholder__text {
        flex-basis: 1 1 calc(100% - 11.5rem)
        }
    }
.c-card-placeholder--audio .c-card-placeholder__text > * {
    background-color: #fff
    }
.c-card-placeholder--audio .firstline-top {
    flex: 0 0 1px;
    width: 100%
    }
@media (min-width: 992px) {
    .c-card-placeholder--audio .firstline-top {
        flex-basis: 10px
        }
    }
.c-card-placeholder--audio .firstline-right {
    flex: 0 0 20px;
    width: 10px
    }
@media (min-width: 576px) {
    .c-card-placeholder--audio .firstline-right {
        width: 55px
        }
    }
.c-card-placeholder--audio .firstline-space {
    flex: 0 0 10px;
    width: 100%
    }
.c-card-placeholder--audio .secondline-right {
    flex: 0 0 20px;
    width: 20%
    }
.c-card-placeholder--audio .secondline-space {
    flex: 1 1 1px;
    width: 100%
    }
@media (min-width: 1600px) {
    .c-card-placeholder--audio .secondline-space {
        flex: 0 0 25px
        }
    .c-card-placeholder--audio .thirdline-right {
        flex: 0 0 10px;
        width: calc(100% - 18rem)
        }
    .c-card-placeholder--audio .thirdline-space {
        flex: 1 1 20px;
        width: 100%
        }
    }
.c-card-placeholder--news-default .c-card-placeholder__image {
    flex: 0 0 7.5rem
    }
@media (min-width: 576px) {
    .c-card-placeholder--news-default .c-card-placeholder__image {
        flex-basis: 50%;
        max-width: 9.5rem
        }
    }
.c-card-placeholder--news-default .c-card-placeholder__image::after {
    height: 100%;
    width: 1rem;
    position: absolute;
    top: 0;
    right: -1rem
    }
.c-card-placeholder--news-default .c-card-placeholder__text {
    flex: 1 1 calc(100% - 9.5rem)
    }
@media (min-width: 576px) {
    .c-card-placeholder--news-default .c-card-placeholder__text {
        flex-basis: 1 1 calc(100% - 11.5rem)
        }
    }
.c-card-placeholder--news-default .c-card-placeholder__text > * {
    background-color: #fff
    }
.c-card-placeholder--news-default .firstline-top {
    flex: 0 0 10px;
    width: 100%
    }
.c-card-placeholder--news-default .firstline-right {
    flex: 0 0 20px;
    width: 10px
    }
@media (min-width: 576px) {
    .c-card-placeholder--news-default .firstline-right {
        width: 55px
        }
    }
.c-card-placeholder--news-default .firstline-space {
    flex: 0 0 10px;
    width: 100%
    }
.c-card-placeholder--news-default .secondline-right {
    flex: 0 0 20px;
    width: 20%
    }
.c-card-placeholder--news-default .secondline-space {
    flex: 1 1 1px;
    width: 100%
    }
@media (min-width: 1600px) {
    .c-card-placeholder--news-default .c-card-placeholder__image {
        max-width: 11.5rem
        }
    .c-card-placeholder--news-default .secondline-space {
        flex: 0 0 25px
        }
    .c-card-placeholder--news-default .thirdline-right {
        flex: 0 0 10px;
        width: calc(100% - 15rem)
        }
    .c-card-placeholder--news-default .thirdline-space {
        flex: 1 1 20px;
        width: 100%
        }
    }
.c-card-placeholder--audio-compact .c-card-placeholder__image {
    flex: 0 0 4rem
    }
.c-card-placeholder--audio-compact .c-card-placeholder__image::before {
    z-index: 2;
    border-radius: 20px;
    background-color: #ebecec;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0.5rem;
    left: 5rem
    }
.c-card-placeholder--audio-compact .c-card-placeholder__image::after {
    z-index: 1;
    height: 100%;
    width: calc(40px + 2rem);
    position: absolute;
    top: 0;
    right: calc(-40px - 2rem)
    }
.c-card-placeholder--audio-compact .c-card-placeholder__text {
    flex: 1 1 calc(100% - 9.5rem)
    }
.c-card-placeholder--audio-compact .c-card-placeholder__text > * {
    background-color: #fff
    }
.c-card-placeholder--audio-compact .firstline-top {
    flex: 0 0 1px;
    width: 100%
    }
.c-card-placeholder--audio-compact .firstline-right {
    flex: 0 0 10px;
    width: 5px
    }
.c-card-placeholder--audio-compact .firstline-space {
    flex: 0 0 5px;
    width: 100%
    }
.c-card-placeholder--audio-compact .secondline-right {
    flex: 0 0 10px;
    width: 10%
    }
.c-card-placeholder--audio-compact .secondline-space {
    flex: 1 1 1px;
    width: 100%
    }
.c-card-placeholder--audio-compact .thirdline-right {
    flex: 0 0 5px;
    width: calc(100% - 7.5rem)
    }
.c-card-placeholder--audio-compact .thirdline-space {
    flex: 1 1 20px;
    width: 100%
    }
.c-card-placeholder--news-compact .c-card-placeholder__image {
    flex-basis: 5rem
    }
.c-card-placeholder--news-compact .c-card-placeholder__image .c-card__image--1x1 img {
    transform: translatex(-27px)
    }
.c-card-placeholder--news-compact .c-card-placeholder__image::after {
    height: 100%;
    width: 1rem;
    position: absolute;
    top: 0;
    right: -1rem
    }
.c-card-placeholder--news-compact .c-card-placeholder__text {
    flex: 1 1 calc(100% - 9.5rem)
    }
.c-card-placeholder--news-compact .c-card-placeholder__text > * {
    background-color: #fff
    }
.c-card-placeholder--news-compact .firstline-top {
    flex: 0 0 5px;
    width: 100%
    }
.c-card-placeholder--news-compact .firstline-right {
    flex: 0 0 10px;
    width: 10px
    }
@media (min-width: 576px) {
    .c-card-placeholder--news-compact .firstline-right {
        width: 25px
        }
    }
.c-card-placeholder--news-compact .firstline-space {
    flex: 0 0 5px;
    width: 100%
    }
.c-card-placeholder--news-compact .secondline-right {
    flex: 0 0 10px;
    width: 20%
    }
.c-card-placeholder--news-compact .secondline-space {
    flex: 1 1 1px;
    width: 100%
    }
.c-card-placeholder--news-compact .thirdline-right {
    flex: 0 0 5px;
    width: calc(100% - 7.5rem)
    }
.c-card-placeholder--news-compact .thirdline-space {
    flex: 1 1 20px;
    width: 100%
    }
.c-video-placeholder {
    margin-bottom: 1.5rem;
    border: 1px solid #252525;
    position: relative;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden
    }
.c-video-placeholder img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0
    }
.c-video-placeholder::after, .c-video-placeholder::before {
    content: "";
    display: block;
    margin: -1.5rem 0 0 -1.5rem;
    border-radius: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 3rem;
    width: 3rem
    }
.c-video-placeholder::before {
    border: 4px solid rgba(255, 255, 255, 0.3)
    }
.c-video-placeholder::after {
    -webkit-animation: 0.8s linear infinite loading-spin;
    animation: 0.8s linear infinite loading-spin;
    border: 4px solid transparent;
    border-top-color: #fff
    }
@-webkit-keyframes placeholderShimmer {
    0% {
        background-position: -468px 0
        } 100% {
        background-position: 468px 0
        }
    }
@keyframes placeholderShimmer {
    0% {
        background-position: -468px 0
        } 100% {
        background-position: 468px 0
        }
    }
.player {
    display: flex;
    z-index: 999;
    align-items: stretch;
    width: 100%;
    height: 75px;
    background-color: #252525;
    color: #fff;
    position: fixed;
    bottom: 0
    }
.player .mejs__container, .player__audio {
    position: absolute;
    top: 75px;
    left: 0
    }
.player__go-back {
    display: flex;
    position: relative;
    align-items: center;
    margin-left: -30px;
    padding: 0 20px 0 10px;
    transition: margin-left 0.3s ease;
    background-color: #0b0b0b;
    cursor: pointer
    }
.audio-is-playing .player__go-back, .song-is-playing .player__go-back {
    margin-left: 0
    }
.player__go-back:hover::after, .player__go-back:hover::before {
    right: 13px
    }
.player__go-back img {
    width: 35px;
    margin-right: 5px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border: 2px solid #0b0b0b;
    border-radius: 50%
    }
@media (max-width: 575.98px) {
    .player__go-back img {
        display: none
        }
    }
.player__go-back::after, .player__go-back::before {
    content: "";
    display: inline-block;
    margin-top: -1px;
    transform-origin: 1px 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: right 0.3s;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 10px;
    height: 2px;
    width: 10px
    }
.player__go-back::before {
    transform: rotate(45deg)
    }
.player__go-back::after {
    transform: rotate(-45deg)
    }
.player__image img {
    height: 75px;
    width: 75px
    }
.player__controls, .player__options {
    display: flex;
    align-items: center;
    padding: 0 15px;
    color: #fff
    }
.video-ad-is-playing .player__controls, .video-ad-is-playing .player__meta {
    opacity: 0.2
    }
.player__controls .o-btn {
    background-color: #fff;
    color: #252525
    }
.player__meta {
    display: flex;
    flex: 0 0 200px;
    flex-direction: column;
    justify-content: center;
    max-width: calc(100% - 210px)
    }
@media (min-width: 576px) {
    .player__go-back {
        margin-left: -70px
        }
    .player__meta {
        max-width: calc(100% - 245px)
        }
    }
@media (min-width: 768px) {
    .player__meta {
        flex: 0 1 240px;
        max-width: 240px
        }
    }
.player__meta > * {
    margin: 0
    }
.audio-is-playing .player__meta .show-schedule, .audio-is-playing .player__meta .show-title, .song-is-playing .player__meta .show-schedule, .song-is-playing .player__meta .show-title {
    display: none
    }
.player__meta .show-title, .player__meta .song-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
    }
.player__meta .show-title a, .player__meta .song-title a {
    display: block;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
    }
.player__meta .show-schedule, .player__meta .song-artist {
    margin: 0;
    opacity: 0.5;
    font-size: 12px;
    line-height: 16px
    }
.player__meta .audio-title {
    display: none;
    max-height: 33.6px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.2;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
    }
.audio-is-playing .player__meta .audio-title {
    display: block
    }
.player__meta .audio-info h5 {
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.player__meta .song-info {
    display: none;
    max-width: 250px
    }
.song-is-playing .player__meta .song-info {
    display: block
    }
.player__meta .song-info > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
    }
.player__meta .song-title {
    font-weight: 700
    }
.player__options {
    display: none
    }
@media (min-width: 576px) {
    .audio-is-playing .player__options, .song-is-playing .player__options {
        display: flex
        }
    }
.player__options a {
    outline: 0 !important;
    color: #fff
    }
.player__timeline .mat-slider-horizontal, .player__volume .mat-slider-horizontal {
    width: 100%;
    min-width: 0;
    height: auto;
    margin-top: -5px;
    padding: 0
    }
.player__timeline .mat-slider-horizontal .mat-slider-thumb-container, .player__timeline .mat-slider-horizontal .mat-slider-wrapper, .player__volume .mat-slider-horizontal .mat-slider-thumb-container, .player__volume .mat-slider-horizontal .mat-slider-wrapper {
    top: 0
    }
.player__timeline .mat-slider-horizontal .mat-slider-track-background, .player__timeline .mat-slider-horizontal .mat-slider-track-fill, .player__timeline .mat-slider-horizontal .mat-slider-track-wrapper, .player__timeline .mat-slider-horizontal .mat-slider-wrapper, .player__volume .mat-slider-horizontal .mat-slider-track-background, .player__volume .mat-slider-horizontal .mat-slider-track-fill, .player__volume .mat-slider-horizontal .mat-slider-track-wrapper, .player__volume .mat-slider-horizontal .mat-slider-wrapper {
    height: 6px
    }
.player__timeline .mat-slider-wrapper, .player__volume .mat-slider-wrapper {
    border-radius: 10px;
    background-color: #0b0b0b
    }
.audio-is-playing .player__timeline .mat-slider-wrapper, .audio-is-playing .player__volume .mat-slider-wrapper, .song-is-playing .player__timeline .mat-slider-wrapper, .song-is-playing .player__volume .mat-slider-wrapper {
    background-color: #d6d7d9
    }
.player__timeline .mat-slider-track-wrapper, .player__volume .mat-slider-track-wrapper {
    border-radius: 10px
    }
.player__timeline .mat-slider-thumb, .player__volume .mat-slider-thumb {
    display: none;
    z-index: 2;
    transform: none;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 2px 2px 2px rgba(11, 11, 11, 0.25);
    cursor: pointer;
    position: absolute;
    top: -3px;
    right: -6px;
    height: 12px;
    width: 12px
    }
.audio-is-playing .player__timeline .mat-slider-thumb, .audio-is-playing .player__volume .mat-slider-thumb, .song-is-playing .player__timeline .mat-slider-thumb, .song-is-playing .player__volume .mat-slider-thumb {
    display: block
    }
.player__timeline .mat-slider-disabled .mat-slider-thumb, .player__volume .mat-slider-disabled .mat-slider-thumb {
    transform: none;
    border: none
    }
.player__timeline {
    display: flex;
    flex-basis: 250px;
    flex-grow: 1;
    align-items: center;
    margin: 0
    }
@media (min-width: 992px) {
    .player__timeline {
        flex-basis: 400px;
        margin: 0 2em
        }
    }
.player__timeline .player-time-left, .player__timeline .player-time-right {
    flex: 1 0 60px;
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    text-align: center
    }
@media (max-width: 767.98px) {
    .player__timeline {
        display: none
        }
    .audio-is-playing .player__timeline, .song-is-playing .player__timeline {
        display: block;
        z-index: 99;
        margin: 0;
        position: fixed;
        right: 0;
        bottom: 80px;
        left: 0
        }
    .player__timeline .mat-slider-horizontal, .player__timeline .player__slider {
        height: 6px
        }
    .player__timeline .mat-slider-horizontal .mat-slider-wrapper {
        right: 0;
        left: 0
        }
    .player__timeline .mat-slider-horizontal .mat-slider-wrapper .mat-slider-thumb:hover {
        transform: scale(1.2)
        }
    .player__timeline .mat-slider-horizontal .mat-slider-wrapper .mat-slider-track-wrapper {
        border-radius: 0
        }
    .audio-is-playing .player__timeline .player-time-left, .audio-is-playing .player__timeline .player-time-right, .song-is-playing .player__timeline .player-time-left, .song-is-playing .player__timeline .player-time-right {
        display: none
        }
    .player__ad {
        position: absolute;
        top: -35px;
        right: 0;
        left: 0
        }
    }
.player__slider {
    width: 100%
    }
.player__music {
    display: flex;
    flex: 0 1 200px;
    align-items: center;
    justify-content: center;
    margin-right: 2em
    }
@media (max-width: 991.98px) {
    .player__music {
        display: none
        }
    }
.audio-is-playing .player__music, .song-is-playing .player__music {
    display: none
    }
.player__music figure {
    width: 40px;
    margin: 0 15px 0 0
    }
.player__music .meta {
    max-width: 150px
    }
@media (max-width: 1299.98px) {
    .player__music .meta {
        display: none
        }
    }
.player__music h6 {
    color: #656a6e;
    font-size: 10.24px;
    text-transform: uppercase
    }
.player__music p {
    margin: 0;
    font-size: 0.7em;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
    }
.player__music .title {
    font-weight: 700
    }
.player__volume {
    display: flex;
    flex-basis: 100px;
    align-items: center;
    margin: 0 2em 0 0
    }
@media (max-width: 991.98px) {
    .player__volume {
        display: none
        }
    .index-header--sports .tabs {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
        }
    }
.player__volume .mat-slider-wrapper {
    background-color: #fff
    }
.player__volume .mat-slider-thumb {
    display: block
    }
@media print {
    *, ::after, ::before {
        color: #000 !important;
        text-shadow: none !important;
        box-shadow: none !important
        }
    abbr[title]::after {
        content: "(" attr(title) ")"
        }
    pre {
        white-space: pre-wrap !important
        }
    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
        }
    thead {
        display: table-header-group
        }
    img, tr {
        page-break-inside: avoid
        }
    h2, h3, p {
        orphans: 3;
        widows: 3
        }
    h2, h3 {
        page-break-after: avoid
        }
    @page {
        margin: 0.5cm;
        size: portrait
        }
    body {
        width: auto !important;
        min-width: 100% !important;
        max-width: none !important;
        font: 10pt Georgia, "Times New Roman", Times, serif !important;
        line-height: 1.3 !important
        }
    body h1 {
        font-size: 20pt !important
        }
    body h2 {
        font-size: 17pt !important
        }
    .main {
        margin: 0 !important;
        overflow: visible
        }
    .main .container {
        width: auto !important;
        max-width: none !important
        }
    .main .badge {
        border: 1px solid #000
        }
    .main .table {
        border-collapse: collapse !important
        }
    .main .table td, .main .table th {
        background-color: #fff !important
        }
    .main .table-bordered td, .main .table-bordered th {
        border: 1px solid #ddd !important
        }
    .main .ad, .main .ad__container, .main .navbar, .main .sports-nav__wrapper, .main header {
        display: none !important
        }
    .main .story__media {
        width: 50%;
        margin: 0 20px 20px 0;
        float: left
        }
    .main .story__body-content {
        max-width: none !important;
        padding: 0
        }
    .main .story__quote .blockquote__footer, .main .story__quote blockquote {
        font-size: 10pt !important
        }
    .main .story .story__embed, .main .story__aside--audio, .main .story__gallery, .main .story__share {
        display: none !important
        }
    .main .l-wrap {
        display: block !important
        }
    .main .l-wrap__right, .main footer, .player, nav.sidenav {
        display: none !important
        }
    }
.media-section {
    margin: 2em 0;
    padding: 1rem 0;
    background-color: #0b0b0b
    }
.media-section .media-photos, .media-section .media-videos {
    padding-bottom: 2rem
    }
.media-section .tabs {
    margin-bottom: 2rem;
    white-space: nowrap
    }
.media-section .c-card--gallery .tag--block {
    background-color: #fff;
    color: #252525
    }
.media-section .tabs__item {
    margin-right: 0.5em;
    color: #fff;
    line-height: 1.75
    }
.media-section .tabs__item:hover:not(.active) {
    color: #d6d7d9
    }
.media-section .tabs__item.is-active::after {
    height: 5px;
    border-radius: 10px
    }
.media-section__nav {
    display: flex;
    justify-content: space-between;
    align-items: center
    }
.media-section .more {
    color: #fff !important
    }
@media (max-width: 575.98px) {
    .media-section .more {
        display: none
        }
    }
.snackbar-custom-message-container {
    padding: 0 !important;
    background-color: #50b36d
    }
.snackbar-custom-message-container .snackbar-custom-message span {
    display: block;
    padding: 0.5rem 1rem
    }
.snackbar-custom-message-container .snackbar-custom-message .title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: 700
    }
@media (max-width: 767.98px) {
    .cdk-overlay-container {
        top: 80px
        }
    }
.c-switch {
    position: relative;
    display: inline-block;
    display: flex;
    padding: 3px;
    border-radius: 10rem;
    border: 1px solid #d6d7d9
    }
.c-switch:active, .c-switch:focus-within {
    outline: 0;
    box-shadow: 0 0 0 3px #999da1
    }
.c-switch__item {
    position: relative;
    display: inline-block;
    flex: 1 1 50%;
    min-width: 3.5rem;
    padding: 4px 10px
    }
.c-switch__input {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    padding: 0;
    border: 0;
    white-space: nowrap;
    overflow: hidden;
    height: 1px;
    width: 1px
    }
.c-switch__label {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    transition: all 0.3s;
    color: #797e83;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
.c-switch__input:checked ~ .c-switch__label {
    color: #fff
    }
.c-switch__input:focus ~ .c-switch__label, .c-switch__label :not(*):focus-within {
    background-color: transparent
    }
.c-switch__marker {
    transition: transform 0.3s;
    border-radius: 50em;
    background-color: #2c97de;
    z-index: 1;
    position: absolute;
    top: 0;
    left: -100%;
    height: 100%;
    width: 100%
    }
.c-switch__input:checked ~ .c-switch__marker {
    transform: translatex(100%)
    }
.tabs {
    flex-direction: row;
    padding-left: 0;
    list-style: none
    }
.tabs--headline {
    margin-top: -5px;
    overflow-x: auto;
    white-space: nowrap
    }
.tabs--underline {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
    }
.tabs--large {
    font-size: 31.25px
    }
@media (min-width: 576px) {
    .tabs--large {
        font-size: 39.0625px
        }
    }
.tabs__wrapper {
    margin-bottom: 2rem;
    border-bottom: 2px solid #0b0b0b
    }
.tabs__item {
    display: inline-block;
    position: relative;
    margin-right: 20px;
    color: inherit;
    font-weight: 700;
    line-height: 2;
    cursor: pointer
    }
.tabs__item:hover {
    text-decoration: none
    }
.tabs__item:last-child {
    margin-right: 0
    }
.tabs__item.active::after, .tabs__item.is-active::after {
    content: "";
    display: block;
    background-color: #252525;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%
    }
.audio-module .tabs__item.active::after, .audio-module .tabs__item.is-active::after, .media-section .tabs__item.active::after, .media-section .tabs__item.is-active::after {
    background-color: #fff
    }
.index-header--sports .tabs__item.active::after, .index-header--sports .tabs__item.is-active::after {
    background-color: #e31837
    }
.tabs__item a {
    text-decoration: none
    }
.tabs--underline .tabs__item {
    padding: 1em 0;
    text-transform: uppercase
    }
.tabs--underline .tabs__item.active, .tabs--underline .tabs__item.is-active {
    color: #797e83
    }
.tabs--underline .tabs__item.active::after, .tabs--underline .tabs__item.is-active::after {
    content: "";
    display: block;
    background-color: #797e83;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 6px;
    width: 100%
    }
.c-tab {
    display: inline-block;
    padding: 0 1rem 0 0;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.05rem;
    text-transform: uppercase
    }
@media (min-width: 768px) {
    .c-tab {
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: 2px;
        line-height: 1.4rem;
        text-transform: uppercase;
        width: 50%;
        max-width: 50%
        }
    }
.c-tab + .c-tab {
    padding-left: 1rem;
    border-left: 1px solid #d6d7d9
    }
.c-tab-nav {
    margin-bottom: 1.5rem
    }
.page-nav .c-tab-nav {
    margin-bottom: 0
    }
@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
    }
.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;
    color: #999da1;
    white-space: nowrap
    }
.page-nav .c-tab-nav__item > a {
    padding: 1em 0
    }
.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
    }
.o-tag {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
    background-color: #0b0b0b;
    color: #fff;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 0.875rem;
    text-transform: uppercase
    }
.o-tag--outlined {
    border: 1px solid #999da1;
    background-color: transparent;
    color: #999da1
    }
.o-tag--box {
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 0;
    background-color: transparent;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.05rem;
    text-transform: uppercase
    }
.o-tag--audio, .o-tag--audio-compact {
    padding: 0.5rem;
    border-radius: 0 4px 0 0
    }
.o-tag icon {
    margin-right: 0.5rem
    }
.tag {
    display: inline-block;
    margin: 0;
    color: inherit;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
    }
.tag--block {
    color: #fff;
    line-height: 1;
    padding: 0.5em;
    background-color: #797e83
    }
.tag--block-inverse {
    color: #797e83;
    background-color: #fff
    }
.tag--rounded {
    padding: 0 1em;
    border-radius: 30px
    }
.tag--small {
    font-size: 12.8px;
    line-height: 30px
    }
.contest__rules .c-text p {
    font-size: 1rem;
    line-height: 1.375rem
    }
.c-text h2, .c-text h3, .c-text h4 {
    margin-top: 1.5rem;
    margin-bottom: 0.75em
    }
.c-text h2 {
    margin-top: 3rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.95rem
    }
.c-text h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.625rem
    }
.c-text blockquote, .c-text ol li, .c-text p, .c-text ul li {
    margin-bottom: 1.5rem
    }
.c-text p {
    font-size: 1.125rem;
    line-height: 1.625rem
    }
.c-text ol li, .c-text ul li {
    font-size: 1rem;
    line-height: 1.375rem
    }
.c-text ol, .c-text ul {
    padding-left: 1em
    }
.c-text ul {
    list-style-type: disc
    }
.c-text ol {
    list-style-type: decimal
    }
.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 {
    margin: 3rem auto
    }
.c-text > :first-child {
    margin-top: 0
    }
.c-text > :last-child {
    margin-bottom: 0
    }
.c-text__divider {
    display: flex;
    align-items: center;
    margin: 2rem auto;
    text-align: center
    }
.c-text__divider span {
    padding: 0 1rem;
    font-size: 0.75em;
    text-transform: uppercase;
    white-space: nowrap
    }
.c-text__divider::after, .c-text__divider::before {
    content: "";
    display: inline-block;
    flex-grow: 1;
    background-color: #d6d7d9;
    vertical-align: middle;
    height: 1px;
    width: 20px
    }
.ima-ad-container {
    z-index: 98 !important
    }
.video-js .vjs-control:focus, video {
    outline: 0
    }
.video-js.vjs-cogeco-skin {
    color: #fff;
    font-family: "Work Sans", Helvetica, Arial, sans-serif;
    font-size: 10px
    }
.video-js.vjs-cogeco-skin .vjs-big-play-button {
    width: 2em;
    height: 2em;
    border: 0;
    border-radius: 100%;
    font-size: 4em;
    line-height: 2em;
    top: 50%;
    left: 50%;
    margin-top: -1em;
    margin-left: -1em
    }
.video-js.vjs-cogeco-skin:hover .vjs-big-play-button {
    background-color: #0b0b0d
    }
.video-js.vjs-cogeco-skin .vjs-control-bar, .video-js.vjs-cogeco-skin .vjs-menu-button .vjs-menu-content {
    background-color: rgba(11, 11, 13, 0.75)
    }
.video-js.vjs-cogeco-skin .vjs-current-time, .video-js.vjs-cogeco-skin .vjs-duration, .video-js.vjs-cogeco-skin .vjs-time-divider {
    display: block
    }
.video-js.vjs-cogeco-skin .vjs-time-control, .video-js.vjs-cogeco-skin .vjs-time-divider {
    padding: 0;
    line-height: 34px
    }
.video-js.vjs-cogeco-skin .vjs-time-divider {
    min-width: 0;
    padding: 0 0.313rem
    }
.video-js.vjs-cogeco-skin .vjs-current-time-display, .video-js.vjs-cogeco-skin .vjs-duration-display {
    font-size: 0.75rem
    }
.video-js.vjs-cogeco-skin .vjs-poster {
    outline: 0
    }
.video-js.vjs-cogeco-skin .vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.3rem
    }
.video-js.vjs-cogeco-skin .vjs-slider {
    background-color: rgba(88, 88, 104, 0.5)
    }
.video-js.vjs-cogeco-skin .vjs-load-progress div {
    background: rgba(88, 88, 104, 0.75)
    }
.video-js.vjs-cogeco-skin .vjs-progress-control .vjs-load-progres, .video-js.vjs-cogeco-skin .vjs-progress-control .vjs-play-progress, .video-js.vjs-cogeco-skin .vjs-progress-control .vjs-progress-holder, .video-js.vjs-cogeco-skin .vjs-progress-control .vjs-progress-holder:after {
    height: 6px
    }
.video-js.vjs-cogeco-skin .vjs-progress-control .vjs-progress-holder {
    margin: 0
    }
.video-js.vjs-cogeco-skin .vjs-progress-control:hover .vjs-progress-holder {
    font-size: inherit
    }
.video-js.vjs-cogeco-skin .vjs-progress-control .vjs-progress-holder:after {
    display: block
    }
.video-js.vjs-cogeco-skin .vjs-playback-rate {
    display: none
    }
.video-js.vjs-cogeco-skin .vjs-progress-control {
    width: 100%;
    height: auto;
    margin-right: 40px;
    position: absolute;
    bottom: 30px;
    left: 0
    }
.video-js.vjs-cogeco-skin .vjs-remaining-time {
    display: none
    }
.video-js.vjs-cogeco-skin .vjs-control:before {
    text-shadow: none !important
    }
.video-js.vjs-cogeco-skin .vjs-load-progress {
    background: rgba(88, 88, 104, 0.5);
    height: 100% !important
    }
.video-js.vjs-cogeco-skin .vjs-mouse-display, .video-js.vjs-cogeco-skin .vjs-play-progress::after {
    font-family: sans-serif
    }
.video-js.vjs-cogeco-skin .vjs-play-progress::before {
    font-size: 1.4em
    }
.video-js.vjs-cogeco-skin .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {
    display: none
    }
.video-js.vjs-cogeco-skin .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip {
    font-size: 0.65rem
    }
.video-js.vjs-cogeco-skin .vjs-mouse-display:before {
    content: ""
    }
.video-js.vjs-cogeco-skin .vjs-volume-panel.vjs-volume-panel-horizontal {
    margin-right: 10px
    }
.video-js.vjs-cogeco-skin .vjs-volume-bar.vjs-slider-horizontal, .video-js.vjs-cogeco-skin .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    height: 6px
    }
.video-js.vjs-cogeco-skin .vjs-volume-bar {
    margin-top: 1.25em
    }
.video-js.vjs-cogeco-skin .vjs-volume-bar, .video-js.vjs-cogeco-skin .vjs-volume-level {
    border-radius: 6px
    }
.video-js.vjs-cogeco-skin .vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.2em;
    font-size: 1.3em
    }
.video-js.vjs-cogeco-skin .vjs-picture-in-picture-control {
    position: absolute;
    right: 35px;
    bottom: 1px
    }
.video-js.vjs-cogeco-skin .vjs-fullscreen-control {
    top: 50%;
    box-sizing: border-box;
    margin-top: -7px;
    margin-right: 10px;
    border: 2px solid #fff;
    cursor: pointer;
    height: 16px;
    width: 22px;
    position: absolute;
    right: 0;
    bottom: 1px
    }
.video-js.vjs-cogeco-skin.vjs-fullscreen .vjs-fullscreen-control {
    background-color: #fff
    }
.video-js.vjs-cogeco-skin.vjs-fullscreen .vjs-fullscreen-control:after {
    content: "";
    display: block;
    background-color: #0b0b0b;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    width: 5px
    }
.video-js.vjs-cogeco-skin .vjs-fullscreen-control .vjs-icon-placeholder {
    display: none
    }
.video-js.vjs-cogeco-skin .vjs-quality-selector {
    margin: 0 35px 0 auto
    }
.video-js.vjs-cogeco-skin .vjs-quality-selector .vjs-menu-button {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%
    }
.video-js.vjs-cogeco-skin .vjs-quality-selector .vjs-icon-placeholder::before {
    content: "";
    font-family: VideoJS;
    font-size: 1.7em;
    line-height: 31px
    }
.video-js.vjs-cogeco-skin .vjs-quality-selector .vjs-menu-item {
    text-transform: uppercase
    }
use {
    pointer-events: none
    }
.ie11-no-flash {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0 20px;
    background: #fff;
    color: #000;
    height: 75px;
    line-height: 75px;
    z-index: 10000
    }
.bg-white {
    color: #333
    }
.bg-dark {
    color: #fff;
    background-color: #252525 !important
    }
.bg-grey {
    background-color: #525559
    }
.bg-grey-light {
    background-color: #f1f1f1
    }
.bg-black {
    background-color: #000
    }
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block
    }
.center-center-absolute-x {
    position: absolute;
    left: 50%;
    transform: translatex(-50%)
    }
[hidden] {
    display: none !important
    }
.pointer {
    cursor: pointer
    }
.four-o-four {
    margin-bottom: 50px;
    text-align: center
    }
.four-o-four .warning-container {
    padding: 50px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1)
    }
.four-o-four .warning-container h2 {
    margin-bottom: 40px;
    font-size: 3em
    }
.four-o-four .warning-container h3 {
    margin-bottom: 40px;
    font-weight: 600
    }
.four-o-four .warning-container form, .four-o-four .warning-container h4, .four-o-four .warning-container p {
    width: 500px;
    margin: 0 auto
    }
.four-o-four .warning-container .card-text {
    width: 100% !important
    }
.four-o-four .warning-container h4 {
    margin-bottom: 50px;
    font-weight: 500;
    line-height: 30px
    }
.four-o-four .warning-container .technical-problem {
    margin-bottom: 50px
    }
.four-o-four .warning-container form {
    position: relative;
    margin-bottom: 40px
    }
.four-o-four .warning-container form i {
    position: absolute;
    top: 13px;
    right: 12px
    }
.four-o-four .warning-container form input {
    padding: 10px;
    border: 2px solid #757a7f;
    border-radius: 3px
    }
.four-o-four .warning-container .last-added-articles {
    border-top: 1px solid #979797
    }
.four-o-four .warning-container .last-added-articles h2 {
    margin-top: 30px;
    font-size: 1.6em;
    font-weight: 600;
    text-align: left
    }
.four-o-four img {
    max-width: 100%
    }
.four-o-four h2 {
    margin-bottom: 20px
    }
.error-msg {
    height: auto;
    color: #fff;
    background: rgba(226, 22, 22, 0.61);
    border-radius: 5px;
    padding: 6px;
    margin-left: 10px;
    margin-right: 10px
    }
.signin-form .form-control:disabled, .signin-form .form-control[readonly] {
    background: 0 0
    }
.user-right-border {
    border-right: 1px solid rgba(238, 233, 255, 0.35) !important
    }
@media (max-width: 767.98px) {
    .user-right-border {
        border-right: 0 !important
        }
    }
@media (max-width: 575.98px) {
    .four-o-four .warning-container {
        padding: 15px
        }
    .four-o-four .warning-container h2 {
        font-size: 1.5em
        }
    .four-o-four .warning-container h3 {
        font-size: 1.4em
        }
    .four-o-four .warning-container form, .four-o-four .warning-container h4, .four-o-four .warning-container p {
        width: 100%
        }
    .user-right-border {
        border-right: 0 !important
        }
    }
.search-form {
    position: relative
    }
.search-form .search-bar {
    border: none
    }
.l-header--dark .search-form .search-bar {
    color: #fff;
    border-color: #fff
    }
.search-form .search-icon {
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 15px
    }
.l-header--dark .search-form .search-icon {
    color: #fff
    }
.timeago:first-letter {
    text-transform: uppercase
    }
.tag {
    margin-right: 10px
    }
.modal-share-podcast.modal-header {
    padding-bottom: 0
    }
.modal-share-podcast.modal-header .modal-title {
    font-weight: 600
    }
.modal-share-podcast.modal-body .dark-bg {
    background: #444;
    border-radius: 3px
    }
.embed-widget iframe {
    max-width: 100%
    }
a.article-link-live-feed {
    padding: 8px;
    color: #fff !important
    }
a.article-link-live-feed:hover {
    color: #fff !important
    }
.rotate-phone-layer {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #4f29d8;
    color: #fff;
    z-index: 100000;
    text-align: center;
    font-size: 1.5rem;
    padding: 0 20px
    }
.rotate-phone-layer i {
    font-size: 4rem
    }
.modal.show .modal-dialog {
    padding: 0;
    border: none;
    background: 0 0;
    box-shadow: none
    }
@media (min-width: 992px) {
    .tabs--underline {
        white-space: normal
        }
    .sports-streams {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
        }
    .sports-streams--single {
        display: block
        }
    }
.sports-streams__item {
    display: flex;
    align-items: center;
    padding: 0.75rem 0.5rem 0.75rem 1rem;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #00adef;
    box-shadow: 3px 3px 0 #17629f;
    transition: background-color 0.3s;
    cursor: pointer
    }
.sports-streams__item:hover {
    background-color: #1e7ecb
    }
@media (min-width: 992px) {
    .sports-streams__item {
        width: calc(50% - 10px);
        margin: 0 20px 20px 0
        }
    .sports-streams__item:nth-child(2n) {
        margin-right: 0
        }
    .story__body-content .sports-streams__item {
        width: 100%;
        margin-bottom: 2rem
        }
    }
.sports-streams__info {
    color: #fff;
    flex: 1 1 60%;
    padding-left: 1rem
    }
.sports-streams__info > * {
    margin: 0;
    line-height: 1.1
    }
.sports-streams__info .listen {
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0.6;
    margin-bottom: 0.3em
    }
.sports-streams__info .team {
    font-size: 1.1em;
    font-weight: 700
    }
.sports-streams__logo {
    flex: 0 0 80px
    }
.sports-streams__logo img {
    width: 100%
    }
.story__gallery .carousel-indicators li {
    margin-top: 0
    }
music-list + * {
    margin-top: 2rem !important
    }
.carousel {
    outline: 0
    }
.progress-bar {
    background-color: #392490
    }
.dropup .dropdown-toggle::after {
    display: none
    }
.modal.black-modal .modal-content {
    color: #fff;
    border: none;
    border-radius: 15px;
    background: #333
    }
.modal.black-modal .modal-footer, .modal.black-modal .modal-header {
    border: none
    }
.modal.black-modal .close {
    color: #fff
    }
.modal.black-modal a {
    text-decoration: underline
    }
.modal.black-modal a:hover {
    color: #fff
    }
.modal.gallery-modal {
    background: #000;
    height: calc(100% - 70px)
    }
.modal.gallery-modal .modal-lg {
    min-width: 100%
    }
.modal.gallery-modal .modal-lg .modal-content {
    background: #000;
    color: #fff
    }
.modal.gallery-modal .modal-lg .modal-content .modal-header {
    background: #000;
    color: #fff;
    border: none
    }
.modal.gallery-modal .modal-lg .modal-content .modal-body {
    background: #000;
    color: #fff
    }
.modal-content-card {
    width: 100%;
    height: auto;
    background: #392490;
    border-radius: 15px;
    padding: 10px
    }
.modal-error-message {
    width: 50%;
    text-align: center;
    margin-left: 25%
    }
.signup-subscribe-form .unsubscribe-message {
    margin-top: 3rem
    }
@media (max-width: 575.98px) {
    .signup-subscribe-form .unsubscribe-message {
        margin-top: 10px
        }
    }