.content-details-container{height:100%;width:100%}.content-details-container .video-types-container{align-items:center;display:flex;justify-content:center;position:relative}.content-details-container .video-types-container #content-video-types-dropdown{padding-bottom:1em;padding-top:1em;position:relative;width:90%}.content-details-container .content-container{grid-gap:0;display:flex;flex-direction:column;flex-wrap:nowrap;height:calc(100% - 88.8px);overflow-y:auto;padding-bottom:1.5em;width:100%}.content-details-container .content-container .content{border-bottom:1px solid var(--border-color);color:var(--font-color);cursor:pointer;display:flex;flex-direction:row;font-size:.9em;gap:1em;padding:1em;position:relative;width:100%}.content-details-container .content-container .content-project-container{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;height:fit-content;width:100%}.content-details-container .content-container .content:hover,.selected-content{background-color:var(--content-hover-color)}.content .content-thumbnail{border-radius:5px;box-shadow:0 0 7px -1px #000;display:flex;height:fit-content;justify-content:center;position:relative;width:7em}.content .content-thumbnail img{height:auto;width:100%}.content .content-thumbnail .playlist-thumb{align-items:center;background-color:rgba(0,0,0,.85);border-bottom-right-radius:2px;border-top-right-radius:2px;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;right:0;top:0;width:50%}.content .content-details-elem{display:flex;position:relative;width:calc(100% - 7em)}.content .content-details-elem .content-details{width:80%}.content .content-details-elem .content-buttons-container{position:absolute;right:0;top:0}.content .content-details-elem .content-tag{border-radius:5px;bottom:0;font-weight:.7em;padding-left:.2em;padding-right:.2em;right:0}.content .content-details-elem .content-tag,.content-thumbnail-duration{background-color:var(--border-color);color:var(--font-color);position:absolute}.content-thumbnail-duration{border-radius:3px;bottom:.2em;font-size:.8em;padding-left:.5em;padding-right:.5em;right:.2em}.scroll-arrow{background-color:#000;padding-bottom:.5em;padding-top:.5em}#scroll-left{background-image:linear-gradient(90deg,#000,#121212);left:0}#scroll-left,#scroll-right{position:absolute;top:50%;transform:translateY(-50%)}#scroll-right{background-image:linear-gradient(270deg,#000,#121212);right:0}