@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp);body{font-family:Ubuntu,sans-serif}:root{--light-bg-color:#ffc8c8;--light-text-color:#3e4149;--secondary-color:#f99;--dark-bg-color:#3e4149;--dark-text-color:#ffc8c8;--btn-secondary-color:#6c757d}.footer_for-bookhub{font-size:2.3rem;height:5rem;line-height:10rem;margin:0 1.3rem;width:5rem}@media (max-width:768px){img.error-404{width:90%}}.loader-container{background-color:rgba(0,0,0,.6);bottom:0;display:grid;left:0;place-items:center;position:fixed;right:0;top:0}.loader-spinner{-webkit-animation:spin .5s linear infinite;animation:spin .5s linear infinite;border-color:transparent;border-color:#f99 hsla(0,100%,80%,.2);border-radius:50%;border-style:solid;border-width:4px;height:3rem;width:3rem}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.side-bar{min-height:100vh;min-width:12rem;position:fixed;z-index:1}.side-list{display:flex;flex-direction:column;list-style:none;padding-left:2rem}.side-list a{align-items:flex-end;border-radius:5px;display:flex;gap:1.25rem;padding:.5rem}.active,.side-list a:hover{background:var(--secondary-color);border-radius:4px;font-weight:600}@media (max-width:768px){.side-items{display:none}.side-list{align-items:flex-start;flex-direction:row;justify-content:space-evenly;padding-left:0}.side-bar{background-color:var(--secondary-color);bottom:0;left:0;min-height:10vh;width:100%}.links{color:var(--dark-bg-color)}.links:focus{color:var(--light-bg-color)}}.video-container{align-items:flex-start;display:flex;gap:12rem;width:77%}.video{border:1px solid var(--secondary-color);height:65vh;margin-left:26rem;margin-right:28rem;width:100%}.video-actions{align-items:center;border-bottom:1px solid var(--secondary-color);display:flex;flex-wrap:wrap}.chip,.chips{padding:1rem}.video-action-btn{align-items:center;cursor:pointer;display:flex;justify-content:space-around;margin-left:auto;padding:.5rem}.related-videos{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:auto 28rem auto 26rem;width:100%}.desc-div,.related-videos h2{padding:1rem}.item-listing{margin:auto auto auto 22rem}.item-list,.item-listing{align-items:center;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:flex-start}.item-list{padding:auto}@media only screen and (max-width:1300px){.video-container{flex-direction:column}.video{width:100%}}@media (max-width:786px){.video-container{align-items:center;flex-direction:column;justify-content:center;margin-left:0;padding:2rem;width:325px}.item-list,.item-listing{align-items:center;display:flex;flex-direction:column;gap:2.5rem;justify-content:center}.item-listing{margin:auto}.video-action-btn{margin-left:0}.video-action-btn .chip{font-size:0}}@media only screen and (max-width:515px){.related-videos{display:flex;flex-direction:column;gap:1rem;margin-top:14rem}.video{height:30vh}}.card{border:.2px solid var(--dark-text-color);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);max-width:25rem;position:relative;transition:all .6s ease-in-out;width:28rem}.card:hover{box-shadow:var(--secondary-color) 0 19px 43px;-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}.card-img{width:25rem}.video-card-items{border-bottom:0;gap:.5rem;padding:.25rem;width:20rem}.video-card-list{list-style-type:none}.icon-btn{background:none;border:none;border-radius:12px;color:var(--secondary-color);height:13%;padding:.25rem}.three-dots{margin-right:-4rem}.three-dots:hover{background-color:var(--secondary-color);color:var(--light-text-color)}.list-group{background-color:var(--dark-text-color);color:var(--light-text-color);position:absolute;right:1.5rem;top:22rem;width:19rem;z-index:3}.none{display:none}.clear-icon:hover{background-color:var(--secondary-color);border-radius:10px}.show{display:block}.dropdown-list{list-style:none}.dropdown-list li{align-items:flex-end;border-radius:5px;display:flex;gap:1.25rem;padding:.5rem}.dropdown-list li:hover{background-color:var(--secondary-color);border-radius:4px;font-weight:600}.video-listing{margin-left:22rem}.video-card-listing{flex-grow:1;gap:2.25rem;margin-top:-4rem;padding:1rem}.chip{background-color:var(--secondary-color);border:1px solid var(--dark-text-color);border-radius:1.25rem;padding:1.15rem}.chip:hover{background-color:var(--dark-text-color);color:var(--light-text-color)}.chip:active{background-color:var(--light-text-color);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}.chip:active,.chip:focus{color:var(--secondary-color)}.chip:focus{background-color:var(--dark-bg-color)}.chips{background-color:var(--btn-secondary-color);border-radius:4px;-webkit-column-gap:1rem;column-gap:1rem;display:flex;padding:8px 6px;position:-webkit-sticky;position:sticky;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}@media (max-width:786px){.video-listing{margin:auto}.video-card-listing{justify-content:space-around}.chip{padding:.6rem}.chips{border-radius:8px}}.explore-btn{background-color:var(--secondary-color);border:4px solid var(--secondary-color);transition:all .6s ease-in-out}.explore-btn:hover{box-shadow:var(--dark-text-color) 0 19px 43px;-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}@media (max-width:786px){.home-page-img{margin-top:4rem}.btn-next{margin-top:3rem}}.btn-theme{background:transparent;border:none;cursor:pointer}.btn-theme:hover{-webkit-animation:swing .5s ease-in-out;animation:swing .5s ease-in-out}.nav-btn-links{align-items:center;cursor:pointer;display:flex;gap:1.5rem;margin-left:72rem;padding:2rem 0}.login-btn{background-color:var(--secondary-color);border:1.5px solid var(--dark-bg-color);border-radius:4px;cursor:pointer;font-size:1.5rem;padding:.7rem 1.5rem}.login-btn:hover{background-color:var(--light-bg-color);color:var(--dark-bg-color)}@-webkit-keyframes swing{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media (max-width:768px){.nav-btn-links{margin-left:0}.heading-img{width:18rem}}.link{color:var(--light-text-color);text-decoration:underline}.login-signup-container{background-color:var(--light-bg-color);border:4px solid var(--light-text-color);border-radius:4px;margin-bottom:1rem;padding:2rem;text-align:center;width:30%}.login-signup-container h3{color:var(--light-text-color)}.login-test-login-btn{align-items:center;display:flex;gap:2rem;justify-content:center;left:52rem;position:absolute;top:42rem}.input-group{color:var(--light-text-color);margin-bottom:1rem;text-align:left}.input-group input{border:2px solid;border-radius:5px;font-size:1.2rem;height:4vh;margin:5px auto;padding:4px;width:100%}.password-label{position:relative}.no-account{color:var(--light-text-color)}.eye-btn{background:transparent;border:none;cursor:pointer;left:29rem;position:absolute;right:0;top:0}@media (max-width:786px){.login-signup-container{width:50%}.input-group input{height:3vh}.eye-btn{left:13rem}.login-test-login-btn{gap:0;left:8.5rem;position:absolute;top:40.4rem}}.main-container{display:flex;padding:1rem}.ply-empty{margin:auto;width:24rem}.empty-text{margin-top:-1rem}@media (max-width:786px){.ply-empty{width:70%}p.empty-text{font-size:2.5rem}}.modal-container{align-items:center;background-color:rgba(0,0,0,.2);border-radius:0;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;-webkit-transform:none;transform:none;width:100vw;z-index:4}.modal{background:var(--dark-bg-color);margin-inline:auto}input::-webkit-input-placeholder{font-size:1.5rem}input:-ms-input-placeholder{font-size:1.5rem}input::placeholder{font-size:1.5rem}input{font-size:1rem}input.ply-modal-input{font-size:1.2rem;padding:1rem;width:93%}.ply-new-items{background-color:var(--light-bg-color);color:var(--dark-bg-color);gap:18rem;width:100%}.playlist-title{cursor:pointer;left:10px;position:absolute;right:0}.play-list{font-size:1.5rem;list-style:none;padding-left:0}.play-list li{align-items:flex-end;border-radius:5px;display:flex;gap:1.25rem;padding:.5rem}.play-list li:hover{background:var(--dark-bg-color);border-radius:4px;font-weight:600}.playlist-card{align-items:flex-start;border:2px solid var(--dark-text-color);box-shadow:none;display:flex;flex-direction:column;justify-content:center;margin-left:20rem;margin-top:3rem}.playlist-card:hover{box-shadow:0 0 8px 2px rgba(0,0,0,.2);transition:box-shadow .3s ease 0ms}@media (max-width:786px){.playlist-card{margin:1rem auto auto}}.clear-btn-vl{align-items:center;background-color:var(--secondary-color);display:flex;flex-direction:column;justify-content:flex-end;margin-left:auto}.clear-btn-vl:hover{background-color:var(--light-bg-color)}.m-0{margin:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-bottom:0}.mt-0,.my-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.m-2p{margin:2px}.mx-2p{margin-left:2px;margin-right:2px}.my-2p{margin-bottom:2px}.mt-2p,.my-2p{margin-top:2px}.mr-2p{margin-right:2px}.mb-2p{margin-bottom:2px}.ml-2p{margin-left:2px}.m-2{margin:5px}.mx-2{margin-left:5px;margin-right:5px}.my-2{margin-bottom:5px}.mt-2,.my-2{margin-top:5px}.mr-2{margin-right:5px}.mb-2{margin-bottom:5px}.ml-2{margin-left:5px}.m-4{margin:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-4{margin-bottom:1rem}.mt-4,.my-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.ml-96{margin-left:25rem}.m-8{margin:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.my-8{margin-bottom:2rem}.mt-8,.my-8{margin-top:2rem}.mr-8{margin-right:2rem}.mb-8{margin-bottom:2rem}.ml-8{margin-left:2rem}.m-12{margin:3rem}.mx-12{margin-left:3rem;margin-right:3rem}.my-12{margin-bottom:3rem}.mt-12,.my-12{margin-top:3rem}.mr-12{margin-right:3rem}.mb-12{margin-bottom:3rem}.ml-12{margin-left:3rem}.m-16{margin:4rem}.mx-16{margin-left:4rem;margin-right:4rem}.my-16{margin-bottom:4rem}.mt-16,.my-16{margin-top:4rem}.mr-16{margin-right:4rem}.mb-16{margin-bottom:4rem}.ml-16{margin-left:4rem}.mt-32{margin-top:8rem}.m-20{margin:5rem}.mx-20{margin-left:5rem;margin-right:5rem}.my-20{margin-bottom:5rem}.mt-20,.my-20{margin-top:5rem}.mr-20{margin-right:5rem}.mb-20{margin-bottom:5rem}.ml-20{margin-left:5rem}.mt-24{margin-top:5.5rem}.mt-48{margin-top:10rem}.ml-22{margin-left:19rem}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto}.mt-auto,.my-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.bottom-12{bottom:12rem}.p-0{padding:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-bottom:0}.pt-0,.py-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.p-2p{padding:2px}.px-2p{padding-left:2px;padding-right:2px}.py-2p{padding-bottom:2px}.pt-2p,.py-2p{padding-top:2px}.pr-2p{padding-right:2px}.pb-2p{padding-bottom:2px}.pl-2p{padding-left:2px}.p-2{padding:5px}.px-2{padding-left:5px;padding-right:5px}.py-2{padding-bottom:5px}.pt-2,.py-2{padding-top:5px}.pr-2{padding-right:5px}.pb-2{padding-bottom:5px}.pl-2{padding-left:5px}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem}.pt-4,.py-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.p-8{padding:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-8{padding-bottom:2rem}.pt-8,.py-8{padding-top:2rem}.pr-8{padding-right:2rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.p-12{padding:3rem}.px-12{padding-left:3rem;padding-right:3rem}.py-12{padding-bottom:3rem}.pt-12,.py-12{padding-top:3rem}.pr-12{padding-right:3rem}.pb-12{padding-bottom:3rem}.pb-1{padding-bottom:.25rem}.pl-12{padding-left:3rem}.p-16{padding:4rem}.px-16{padding-left:4rem;padding-right:4rem}.py-16{padding-bottom:4rem}.pt-16,.py-16{padding-top:4rem}.pr-16{padding-right:4rem}.pb-16{padding-bottom:4rem}.pl-16{padding-left:4rem}.p-20{padding:5rem}.px-20{padding-left:5rem;padding-right:5rem}.py-20{padding-bottom:5rem}.pt-20,.py-20{padding-top:5rem}.pr-20{padding-right:5rem}.pb-20{padding-bottom:5rem}.pl-20{padding-left:5rem}.px-24{padding-left:6rem;padding-right:6rem}.px-32{padding-left:8rem;padding-right:8rem}.px-36{padding-left:10rem;padding-right:10rem}.py-36{padding-bottom:10rem;padding-top:10rem}.p-auto{padding:auto}.px-auto{padding-left:auto;padding-right:auto}.py-auto{padding-bottom:auto}.pt-auto,.py-auto{padding-top:auto}.pr-auto{padding-right:auto}.pb-auto{padding-bottom:auto}.pl-auto{padding-left:auto}.w-24{width:6rem}.w-32{width:8rem}.w-40{width:10rem}.w-48{width:12rem}.w-64{width:16rem}.w-96{width:24rem}.w-auto{width:auto}.w-25p{width:25%}.w-40p{width:40%}.w-50p{width:50%}.w-60p{width:60%}.w-75p{width:75%}.w-80p{width:80%}.w-100p{width:100%}.w-screen{width:100vw}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-max{width:-webkit-max-content;width:max-content}.w-min{width:-webkit-min-content;width:min-content}.cursor{cursor:pointer}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-fit{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.min-h-max{min-height:-webkit-max-content;min-height:max-content}.min-h-min{min-height:-webkit-min-content;min-height:min-content}.text{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-md{font-size:1.5rem;line-height:2rem}.text-smd{font-size:2rem}.text-xmd{font-size:2.5rem;line-height:2.2rem}.text-lg{font-size:3rem;line-height:1}.text-xlg{font-size:4rem;line-height:2.5}.list-none{list-style:none}.font-thin{font-weight:100}.font-extralight{font-weight:200}.ffont-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.rounded-none{border-radius:0}.border-2{border-radius:2px}.border-4{border-radius:4px}.border-5{border-radius:5px}.border-8{border-radius:8px}.border-round{border-radius:50%}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.gap-2{gap:5px}.gap-x-2{-webkit-column-gap:5px;column-gap:5px}.gap-y-2{row-gap:5px}.gap-4{gap:1rem}.gap-x-4{-webkit-column-gap:1rem;column-gap:1rem}.gap-y-4{row-gap:1rem}.gap-8{gap:2rem}.gap-x-8{-webkit-column-gap:2rem;column-gap:2rem}.gap-y-8{row-gap:2rem}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}
/*# sourceMappingURL=main.11bafb8e.css.map*/