.videos{position:relative;display:flex;flex-flow:row wrap;justify-content:center;width:100%;height:100%}.videos__play-button{position:absolute;padding:10px 9px 10px 11px;cursor:pointer;border-radius:50%;background:#161616;color:#ffca00;opacity:.9;font-size:16px}.videos__play-button--active{opacity:0;cursor:default}.videos__item{position:relative}.videos__item:not(.videos__item--active){height:480px;max-width:270px;min-width:240px}.videos__item{display:flex;justify-content:center;align-items:center;border-radius:8px}.videos__item>video,.videos__item__preview{background:#000;height:100%;width:100%;border-radius:8px}.videos__item>video>img,.videos__item__preview>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:inherit}.videos__item--active{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999}@media only screen and (max-width:767px){.videos__item--active{border-radius:0;height:100%;min-width:100vw;max-width:100vw}}@media only screen and (min-width:768px){.videos__item--active{height:80%;width:-moz-fit-content;width:fit-content;max-width:45dvh}.videos__item--active>.videos__play-button{transition:opacity .3s;font-size:26px;padding:14px 12px 14px 16px}.videos__item--active .icon-pause{padding:14px}}@media only screen and (max-width:767px){.videos__item--active>video{border-radius:0;height:100%;width:100vw}}.videos__item--active .videos__views-count{margin-top:-36px;gap:4px 0;font-size:1.8rem}@media only screen and (min-width:768px){.videos__item--active .videos__views-count{font-size:2rem}}.videos__item__info{cursor:default;position:absolute;bottom:0;left:0;width:100%;padding:16px;color:#fff;font-size:1.4rem;display:flex;flex-flow:row wrap;justify-content:space-between;background:linear-gradient(180deg,transparent,#000);background-blend-mode:multiply;border-radius:0 0 8px 8px}.videos__item__info__description{max-width:80%;display:flex;flex-flow:column nowrap;justify-content:flex-end}.videos__item__info--medium{font-weight:500}.videos__item__info__button{cursor:pointer;color:#9e9e9e}.videos__item__info *{margin:0}.videos__item__close{display:none}@media only screen and (max-width:767px){.videos__item__close{display:block;position:absolute;top:0;left:0;z-index:6;cursor:pointer;width:100%;min-height:75px;height:10%;color:#fff;font-size:22px;background:linear-gradient(0deg,transparent,rgba(0,0,0,.502))}.videos__item__close-icon{display:flex;justify-content:center;align-items:center;width:48px;height:100%}}.videos__overlay{position:fixed;top:0;left:0;height:100%;width:100%;opacity:.75;background:#161616;z-index:99}.videos__top-button{position:absolute;top:-42px;right:-8px;padding:0 8px;background:#fff;color:#009939;cursor:pointer;display:flex;align-items:center;gap:8px}.videos__views-count{display:flex;flex-flow:column nowrap;align-items:center;color:#fff;font-weight:500}.videos__error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center}.fake-progress-bar{width:100%;height:4px;margin-top:12px;background:#848484;border:none;border-radius:2px}.fake-progress-bar__value{height:100%;background-color:#ffca00;border-radius:inherit}.truncate{overflow:hidden;display:-webkit-box;line-clamp:25;-webkit-line-clamp:25;-webkit-box-orient:vertical}.truncate--5{line-clamp:5;-webkit-line-clamp:5}@media screen and (max-height:900px){.truncate{-webkit-line-clamp:15}}@media screen and (max-height:600px){.truncate{-webkit-line-clamp:10}}@media screen and (max-height:450px){.truncate{-webkit-line-clamp:5}}