:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#10141e;box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--darkBlue: #10141e;--blue: #161d2f;--lightBlue: #5a698f;--red: #fc4747;--white: #ffffff}*{box-sizing:border-box}body{box-sizing:border-box;margin:0;padding:0}.wrapper{display:flex;width:100%;height:100vh;align-items:center;padding-top:40px}.navbar{padding-block:40px;display:flex;flex-direction:column;align-items:center;width:100px;height:100%;justify-content:space-between;background-color:var(--blue);border-radius:20px;margin-left:20px}.navbar-content{display:flex;flex-direction:column;align-items:center}.navbar-content ul{list-style-type:none;padding:0;margin-top:50px;display:flex;flex-direction:column;gap:25px}.links a:hover path{fill:#fff}.content{width:calc(100% - 120px);height:100%;display:flex;flex-direction:column;padding-inline:40px}.search-input{display:flex;width:100%;max-width:400px}.search-input input{margin-left:20px;width:100%;background-color:var(--darkBlue);border:none;font-size:24px;color:#fff}.search-input input:focus{outline:none}.swiper{width:100%;height:100%}.swiper-slide{position:relative;cursor:pointer;border-radius:8px;width:470px!important;height:230px!important;text-align:center;font-size:18px;background:#fff;display:flex;align-items:center;background-size:cover;background-position:center}.trending-content{padding-inline:20px;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.trending-bookmark{display:flex;background-color:#10141e85;height:30px;width:30px;border-radius:50%;position:absolute;top:4%;right:4%;align-items:center;justify-content:center}.trending-bookmark svg:hover path{fill:#fff}.recommended{position:relative}.recommended-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:40px}.recommended-item{cursor:pointer;position:relative;overflow:hidden;height:13rem;width:100%;border-radius:8px;transition:transform .3s}.recommended-description,.recommended-title h3{margin-top:10px}.recommended-bookmark{display:flex;background-color:#10141e85;height:30px;width:30px;border-radius:50%;position:absolute;top:4%;right:4%;align-items:center;justify-content:center;cursor:pointer}.recommended .bookmarked svg path{fill:#fff}.recommended-bookmark svg:hover path{fill:#fff}.recommended-hover{opacity:0;position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:opacity .4s}.recommended-hover h4{margin-left:10px;margin-block:0}.recommended-hover-content{background-color:#7a808b66;display:flex;align-items:center;justify-content:center;border-radius:28px;width:117px;height:48px}.recommended-item:hover{transform:scale(1.05)}.recommended-item:hover .recommended-hover{opacity:1}.recommended-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s}.recommended-item:hover:before{opacity:1}.recommended-card{position:relative}