.overlay{background:rgba(0,0,0,.8);height:100vh;left:0;opacity:1;overflow-y:auto;position:fixed;padding:0;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:999999
}
@media only screen and (min-width:1024px) and (min-height:1024px){
.overlay{padding:0
}
}
.overlay__close{color:#fff;cursor:pointer;font-weight:400;font-size:2rem;line-height:32px;padding:8px 0 12px;position:fixed;right:0;text-align:center;top:0;width:50px;z-index:9001
}
.overlay__close:hover{color:#f36368
}
.overlay__close:active,.overlay__close:focus{outline:0
}
.overlay__content{height:100vh;width:100%
}
@media only screen and (min-width:640px){
.overlay__content--isCentered{text-align:center
}
.overlay__content--isCentered::before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25rem
}
}
.overlay__container{padding:40px 15px;width:100%
}
@media only screen and (min-width:640px){
.overlay__container{display:inline-block;padding:40px 0;text-align:left;vertical-align:middle;width:512px
}
}
.overlay--enter{opacity:0
}
.overlay--leave-to{opacity:0
}
.overlay .galleryOverlay{margin:0;width:100%
}
.overlay .galleryOverlay__container{padding:80px 0 0;position:relative;max-width:600px;width:100%
}
@media only screen and (min-width:640px){
.overlay .galleryOverlay__container{padding:0
}
}
@media only screen and (min-width:1024px){
.overlay .galleryOverlay__container{max-width:none;width:800px;max-height:70vh
}
}
@media only screen and (min-width:1200px){
.overlay .galleryOverlay__container{width:1024px
}
}
@media only screen and (min-height:600px){
.overlay .galleryOverlay__container{max-height:75vh
}
}
.overlay .galleryOverlay__title{color:#fff;margin:0;min-height:32px;line-height:32px;padding-left:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
@media only screen and (min-width:640px){
.overlay .galleryOverlay__title{left:0;padding-left:0;position:absolute;top:-32px
}
}
.overlay .galleryOverlay__frame{max-height:675px;overflow:hidden;position:relative;width:100%;display:flex;justify-content:center;align-items:center
}
@media only screen and (min-width:1024px){
.overlay .galleryOverlay__frame{max-height:calc(75vh - 25px)
}
}
.overlay .galleryOverlay__image{transition:transform .4s ease-in-out
}
@media only screen and (min-width:1200px){
.overlay .galleryOverlay__image--main{max-height:calc(75vh - 25px)
}
}
.overlay .galleryOverlay__previews{margin:0 -2px;padding:15px 0;width:100%
}
.overlay .galleryOverlay__preview{border:2px solid transparent;display:inline-block;height:64px;margin:0 10px;overflow:hidden;position:relative;width:104px
}
.overlay .galleryOverlay__preview--isActive{border-color:#ed1c24
}
.overlay .galleryOverlay__preview:first-child{margin-left:0
}
.overlay .galleryOverlay__preview:last-child{margin-right:0
}
.overlay .galleryOverlay__next,.overlay .galleryOverlay__prev{color:#fff;cursor:pointer;font-size:2rem;height:32px;left:15px;position:absolute;top:calc(50% + 16px);transform:translate3d(0,-50%,0);width:32px;z-index:10
}
@media only screen and (min-width:640px){
.overlay .galleryOverlay__next,.overlay .galleryOverlay__prev{left:-50px;top:50%
}
}
.overlay .galleryOverlay__next{left:auto;right:15px
}
@media only screen and (min-width:640px){
.overlay .galleryOverlay__next{right:-50px
}
}
.overlay .galleryOverlay__close{color:#fff;cursor:pointer;font-size:2rem;height:48px;line-height:48px;position:absolute;right:7px;top:60px;width:48px
}
@media only screen and (min-width:640px){
.overlay .galleryOverlay__close{top:-48px;right:-7px
}
}
@media only screen and (min-width:1024px){
.overlay .galleryOverlay__close{right:-48px;top:-12px
}
}
.overlay .videoOverlay__container{padding:100px 0 0;position:relative;width:100%
}
@media only screen and (min-width:640px){
.overlay .videoOverlay__container{padding:0;width:600px
}
}
@media only screen and (min-width:1200px){
.overlay .videoOverlay__container{width:700px
}
}
@media only screen and (min-width:1200px) and (min-height:880px){
.overlay .videoOverlay__container{width:900px
}
}
.overlay .videoOverlay__frame{height:0;padding-top:56.25%;position:relative;width:100%
}
.overlay .videoOverlay__player{position:absolute;top:0;left:0;width:100%;height:100%
}
.overlay .videoOverlay__information{background:#fff;padding:35px 50px
}
.overlay .videoOverlay__title{color:#010101;font-family:HelveticaNeueCond,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;line-height:2rem
}
.overlay .videoOverlay__date{opacity:.5;color:#010101;font-family:HelveticaNeueCond,Helvetica,sans-serif;font-size:.875rem;font-weight:700;line-height:1.5rem;text-transform:uppercase
}
.overlay .videoOverlay__meta{display:inline-block;line-height:1.625rem;margin:0 0 10px;white-space:nowrap
}
@media only screen and (min-width:640px){
.overlay .videoOverlay__meta{max-width:67%;width:67%;margin:0 0 20px
}
}
.overlay .videoOverlay__channels,.overlay .videoOverlay__tags{display:block;list-style:none;padding:0;position:relative;white-space:normal;vertical-align:top
}
@media only screen and (min-width:640px){
.overlay .videoOverlay__channels,.overlay .videoOverlay__tags{display:inline-block
}
}
.overlay .videoOverlay__tags{display:inline-block
}
@media only screen and (min-width:640px){
.overlay .videoOverlay__tags{max-width:70%
}
}
.overlay .videoOverlay__channels{border-right:1px solid #eeeeef;margin-right:12px;padding-right:12px
}
.overlay .videoOverlay__channel,.overlay .videoOverlay__tag{background:#a7a8aa;color:#fff;display:inline-block;font-family:HelveticaNeueCond,Helvetica,sans-serif;font-size:.75rem;font-weight:700;margin:3px 7px 3px 0;padding:4px 8px;text-transform:uppercase
}
.overlay .videoOverlay__channel:first-child,.overlay .videoOverlay__tag:first-child{margin-left:0
}
.overlay .videoOverlay__channel:nth-child(n+7),.overlay .videoOverlay__tag:nth-child(n+7){display:none
}
.overlay .videoOverlay__channel{background:#ed1c24;color:#fff
}
.overlay .videoOverlay__close{color:#fff;cursor:pointer;font-size:2rem;height:48px;line-height:48px;position:absolute;right:7px;top:52px;width:48px
}
@media only screen and (min-width:640px){
.overlay .videoOverlay__close{top:-48px;right:-7px
}
}
@media only screen and (min-width:1024px){
.overlay .videoOverlay__close{right:-48px;top:40px
}
}
.overlay .videoOverlay__showMore{display:flex;align-items:flex-end;justify-content:center
}
.overlay .videoOverlay__showMoreLink{display:flex;align-items:center;justify-content:center;gap:20px;color:#131313;padding-top:10px;font-size:14px
}
@media only screen and (min-width:640px){
.overlay .videoOverlay__showMoreLink{font-size:16px
}
}
.overlay .videoOverlay__showMoreLink img{width:50px
}
@media only screen and (min-width:640px){
.overlay .videoOverlay__showMoreLink img{width:80px
}
}