.video-gallery{background-color:var(--background-color-page-body-primary)}.video-gallery__title{max-width:690px;margin-bottom:24px}.video-gallery__content{padding-bottom:1px;display:flex;gap:0;align-items:flex-start}.video-gallery__player{max-width:64%;width:100%}.video-gallery__sidebar{max-width:36%;width:100%;overflow-y:auto;overflow-x:hidden}.video-gallery__sidebar::-webkit-scrollbar{width:6px}.video-gallery__sidebar::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--icon-color-disabled)}.video-gallery__list{display:flex;flex-direction:column;gap:10px;padding:3px;margin-left:6px;list-style:none}.video-gallery__item{overflow:hidden;color:var(--text-color-default);font-size:15px;font-weight:400;line-height:20px;letter-spacing:.2px;border:2px solid transparent;cursor:pointer}.video-gallery__item--active .video-gallery__label{display:block}.video-gallery__item--active .video-gallery__thumbnail:before{content:"";position:absolute;background:var(--background-color-overlay-heavy);width:100%;height:100%;top:0;left:0;z-index:1}.video-gallery__item--active .video-gallery__thumbnail:after{display:none}.video-gallery__card{display:flex;gap:16px;border-radius:4px}.video-gallery__card:hover{background:var(--background-color-surface-hover);border-radius:8px}.video-gallery__thumbnail{height:100px;width:180px;min-width:180px;border-radius:8px;overflow:hidden;position:relative}.video-gallery__thumbnail:after{content:"";position:absolute;inset:0;box-shadow:var(--shadow-color-border-bottom-inside);border-radius:8px;z-index:1}.video-gallery__thumbnail img{min-width:181px;max-width:181px;min-height:136px;max-height:136px;border-radius:8px;margin-top:-18px}.video-gallery__label{display:none;position:absolute;margin:auto;inset:0;max-width:max-content;max-height:max-content;border-radius:4px;z-index:2;background:var(--background-color-page-body-primary);padding:4px 8px;color:var(--additional-color-green-dark);background:var(--additional-color-green-bg);font-size:13px;font-weight:400;line-height:16px;letter-spacing:.5px}.video-gallery__info{display:flex;max-height:100px;align-items:flex-start;padding:9px 16px 9px 0}.video-gallery__description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;height:100%;font-size:15px;font-weight:400;line-height:20px;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;color:var(--text-color-default)}.video-gallery__video-container{position:relative;aspect-ratio:16/9;overflow:visible;border-radius:8px;margin-bottom:0}.video-gallery__video-container--hidden{display:none}.video-gallery__video-container iframe{width:100%;height:100%;border-radius:8px}.video-gallery__video-container iframe:focus-visible{outline:3px solid var(--additional-color-green-dark);outline-offset:-3px}.video-gallery__youtube{position:relative;width:100%;height:100%;cursor:pointer;padding-top:56%}.video-gallery__youtube:after{content:"";position:absolute;inset:0;box-shadow:var(--shadow-color-border-bottom-inside);border-radius:8px}.video-gallery__youtube img{position:absolute;width:101%;height:100%;top:0;left:-1px;object-fit:cover}.video-gallery__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;background:#000c;border-radius:12px;transition:background .2s;z-index:1}.video-gallery__play-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);width:0;height:0;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff}.video-gallery__play-button:hover{background:#ff0000e6}@media(max-width:992px){.video-gallery__title{max-width:100%;margin-bottom:24px}.video-gallery__content{overflow:unset;flex-direction:column}.video-gallery__player{max-width:100%;margin-bottom:16px}.video-gallery__sidebar{position:relative;-webkit-overflow-scrolling:touch;display:block;margin-left:-16px;padding-bottom:16px;width:calc(100% + 32px);max-width:unset;overflow-x:auto;overflow-y:hidden;height:auto!important}.video-gallery__sidebar::-webkit-scrollbar{height:4px}.video-gallery__sidebar::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--icon-color-disabled)}.video-gallery__list{display:flex;flex-direction:row;gap:16px;margin-left:0;padding:0 16px;width:max-content}.video-gallery__item{max-width:180px;flex-shrink:0}.video-gallery__card{flex-direction:column}.video-gallery__card:hover{background:unset}.video-gallery__info{padding:0}}