@import url(https://clay-ui.netlify.app/stylesheets/index.css);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--SEARCH-BAR-BG:#f8f8f8;--INPUT-BG:#dedada;--MODAL-OUTLINE-LIGHT:#c7c6c6;--TOGGLE-SLIDER:#c7c6c6;--DELETE-BTN:#8d8888;--CHECK-ICON-BG:#628d62;--TEXT-DARK:#171717;--AUTH-CARD-BG:#ded6d6;--AUTH-CTAS:#ebbd08;--PROFILE-CARD-BG:#dfd877;--MODAL-BG:rgba(30,27,27,0.6941176470588235);--PROFILE-CARD-GRADIENT:linear-gradient(138deg,#dfd877,#fdd41d 50%,#ebbd08);--STATS-BG:#edc514;--STATS-GRADIENT:linear-gradient(325deg,#edc514 2%,#edc514 50%,#e3d022 99%)}.light{--CARD-BG:#e5e4e4;--CTAS:#3b3939;--PAGE-BG:#e5e4e4;--PRIMARY-BG:#ebbd08;--THEME-TEXT:#302e2e;--SCROLLBAR-BG:#e5e4e4;--SCROLLBAR-THUMB:#ded6d6;--GRAY-TEXT:#676666;--SEARCH-BORDER:#676666}.dark{--CARD-BG:#2b2a2a;--CTAS:#ded6d6;--PAGE-BG:#171717;--PRIMARY-BG:#f4d453;--THEME-TEXT:#e9e6e6;--SCROLLBAR-BG:#171717;--SCROLLBAR-THUMB:#2b2a2a;--GRAY-TEXT:#9e9e9e;--SEARCH-BORDER:#2b2a2a}body{height:auto}.category-list::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.suggestions::-webkit-scrollbar,.videos::-webkit-scrollbar{height:7px;background:var(--SCROLLBAR-BG)}.suggestions::-webkit-scrollbar-thumb,.videos::-webkit-scrollbar-thumb{background-color:var(--SCROLLBAR-THUMB);border-radius:10px}.playlists::-webkit-scrollbar{width:7px;background:var(--SCROLLBAR-BG)}.playlists::-webkit-scrollbar-thumb{background-color:var(--SCROLLBAR-THUMB);border-radius:10px}.header{position:fixed;top:0;justify-content:space-between;width:100%;height:3rem;padding:7px 1rem;background-color:var(--PAGE-BG);z-index:4}.header,.main-logo{display:flex;align-items:center}.main-logo{grid-gap:9px;gap:9px}.brand-logo{border-radius:7px;margin:auto;height:2.5rem}.brandname{letter-spacing:2px;font-weight:500}.brandname,.header-ctas,.theme-icon,.user-dialog,.user-icon,.user-options{color:var(--CTAS)}.search-bar{display:flex;align-items:center;position:relative}.search-input{padding:4px;min-width:25rem;border:thin solid var(--SEARCH-BORDER);border-radius:4px;background:var(--CARD-BG);color:var(--THEME-TEXT)}.search-input:focus{outline:none}.theme-icon{font-size:2.12rem;border-radius:50%;padding:5px}.header-ctas{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.header-ctas:hover{cursor:pointer}.user-dialog{display:block;position:relative}.user-icon{font-size:2.12rem;padding:5px;background-color:var(--PAGE-BG);border-radius:50%}.user-icon.active{-webkit-filter:brightness(.8);filter:brightness(.8)}.user-options{position:absolute;top:2.5rem;right:0;width:12rem;display:flex;flex-direction:column;justify-content:center;background-color:var(--CARD-BG);border-radius:.5rem;font-size:1rem;font-weight:500;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.user-options.hide{height:0;padding:0;transition:height .3s ease-out}.user-options.show{height:10rem;transition:height .3s ease-out;padding:1rem}.user-options-ctas{display:flex;flex-direction:column}.hide .user-actions{height:0;padding:0;opacity:0;transition:opacity .3s ease-in .5s;-webkit-transform:scale(0);transform:scale(0)}.user-actions{text-align:center;padding:5px 10px;margin-bottom:7px;background-color:var(--PRIMARY-BG);color:var(--TEXT-DARK);border-radius:.5rem;-webkit-transform:scale(1);transform:scale(1);opacity:1;transition:opacity .2s ease-in .4s}@media (min-width:769px) and (max-width:810px){.search-input{min-width:15rem;margin:auto}}@media (min-width:552px) and (max-width:768px){.brandname{display:none}.search-input{min-width:15rem;margin:auto}}@media (max-width:551px){.brandname{display:none}.search-input{min-width:10rem;margin:auto}.header-ctas{grid-gap:5px;gap:5px}}.sidebar{background-color:var(--PAGE-BG);justify-content:space-evenly;grid-gap:2rem;gap:2rem;position:fixed;top:3rem;height:95vh;min-width:5rem;padding:2rem 1rem 2rem 10px}.sidebar,.sidebar-links{display:flex;flex-direction:column}.sidebar-links{align-items:center;justify-content:center;color:var(--THEME-TEXT);padding:5px;height:5rem}.sidebar-icons{font-size:24px}.sidebar-links.active{background-color:var(--PRIMARY-BG);color:var(--TEXT-DARK);border-radius:1rem}@media (max-width:810px){.sidebar{display:flex;flex-direction:row;top:auto;bottom:0;min-width:100%;z-index:4;justify-content:space-around;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;grid-gap:1rem;gap:1rem}.sidebar-pages{display:none}.sidebar-links{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 10px;max-height:3rem}}.toggle-switch{display:flex;align-items:center;grid-gap:8px;gap:8px}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;inset:0;background-color:var(--TOGGLE-SLIDER)}.slider,.slider:before{position:absolute;transition:.1s}.slider:before{content:"";height:20px;width:20px;left:0;top:1px;background-color:#fff}input:checked+.slider{background-color:var(--PRIMARY-BG)}input:checked+.slider:before{-webkit-transform:translateX(100%);transform:translateX(100%)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media (max-width:499px){.switch{position:relative;display:inline-block;width:33px;height:18px}.slider:before{position:absolute;content:"";height:16px;width:16px}}.video-list{width:calc(100vw - 6.5rem);display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));align-content:flex-start;padding:1rem;margin-top:3rem;margin-left:6.5rem;min-height:100vh}.explore-videos,.video-list{background-color:var(--PAGE-BG);color:var(--THEME-TEXT)}.explore-videos{display:flex;flex-direction:column}.video-title{font-size:1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.video-card{width:20rem;margin:8px;min-height:17.75rem;border-radius:1rem;overflow:hidden;position:relative}.video-card,.video-card.dark{background-color:var(--CARD-BG)}.video-details{display:flex;grid-gap:1rem;gap:1rem;margin-top:7px;padding:5px 7px}.creator-dp{height:2.5rem;width:2.5rem;border-radius:50%}.creator-text .p-grey{color:var(--GRAY-TEXT)}.more-options{position:absolute;right:12px;bottom:15px;align-self:flex-end;padding:5px;font-size:1.75rem;z-index:3;border-radius:50%;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}.dark .more-options{background-color:var(--CARD-BG)}.more-options.active{-webkit-filter:brightness(.7);filter:brightness(.7);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.more-options:hover{cursor:pointer;-webkit-filter:brightness(.8);filter:brightness(.8)}.options-dialog.hide{position:absolute;right:0;bottom:-3rem;height:0}.options-dialog{position:absolute;right:0;bottom:0;height:6.5rem;width:100%;padding:5px 10px;z-index:2;display:flex;flex-direction:column;justify-content:center;grid-gap:8px;gap:8px;transition:height .5s ease-out}.dark .options-dialog,.options-dialog{background-color:var(--CARD-BG)}.options{display:flex;grid-gap:2px;gap:2px;width:85%;align-items:center;justify-content:center;padding:5px 7px;background-color:var(--PRIMARY-BG);border-radius:.5rem;border:none;font-size:1rem;font-weight:500}.options:hover{cursor:pointer;-webkit-filter:brightness(.9);filter:brightness(.9)}.category-list{justify-content:center;flex-wrap:wrap}.category-list,.filters{display:flex;align-items:center;grid-gap:2rem;gap:2rem}.filters{flex-direction:row-reverse;width:calc(100vw - 8.5rem);padding:0 10px;justify-content:space-between;margin:5rem auto 0 8rem}.sort-options{display:flex;position:absolute;right:3rem}.explore-videos .video-list{margin-top:0}.category{padding:3px 10px;border:1.8px solid var(--CTAS);border-radius:2rem}.category:hover{cursor:pointer;-webkit-filter:brightness(.9);filter:brightness(.9)}.history-list{margin:3rem auto 0 6.5rem;padding:1rem;display:flex;flex-direction:column;background-color:var(--PAGE-BG)}.history-list .video-list{margin:0 auto;padding-left:0;width:100%}.history-list .video-list .video-card{margin:0 auto 10px}.clear-all,.history-list .clear-history{align-self:flex-end;padding:4px 10px;border-radius:4px;background-color:var(--PRIMARY-BG);border:2px solid var(--PRIMARY-BG)}.history-list .clear-history:hover{cursor:pointer}.history-video{position:relative;margin:0 auto}.history-list .delete-btn{position:absolute;top:7px;right:10px;font-size:1.875rem}.category.active{background-color:var(--PRIMARY-BG);color:var(--TEXT-DARK);border:none}.error.video-list{display:flex;align-items:center;margin-top:3rem;max-height:calc(100vh - 3rem);min-height:calc(100vh - 3rem);min-width:calc(100vw - 6.5rem)}.error-page{margin:auto;height:70%;width:40%}.error-page img{height:100%}.empty-page{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:50%;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-column:2/span 2}.empty-page img{height:100%}.empty-page p{font-size:large}.flex-col{display:flex;flex-direction:column;width:calc(100vw - 8.5rem)}@media (max-width:1496px){.explore-videos{min-width:100vw}.video-list{width:auto}}@media (min-width:768px) and (max-width:1024px){.options-dialog{height:7.5rem}.filters{flex-direction:column-reverse;align-items:flex-start;grid-gap:1rem;gap:1rem}}@media (max-width:810px){.history-list,.video-list{width:100vw;margin:3rem auto}.history-list{min-height:95vh}.history-list .video-list{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.history-list .delete-btn{position:absolute;top:15px;right:1.875rem;font-size:1.875rem}.empty-page{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:50%;width:50%;grid-column:2/span 2}.filters{flex-direction:column-reverse;align-items:flex-start;margin-left:1.5rem;width:95vw}.category-list,.filters{grid-gap:1rem;gap:1rem}}@media (max-width:690px){.video-list{display:flex;flex-direction:column;width:100vw;margin:auto;align-items:center;min-height:100vh}.category-list{display:flex;justify-content:flex-start;grid-gap:10px;gap:10px;overflow-x:auto;font-size:small}.sort-options{display:flex;position:static;top:4rem;right:1rem}}@media (max-width:480px){.video-list{margin:3rem auto}.video-card{width:auto;min-height:auto}.category-list li{flex-wrap:wrap;justify-content:center;margin-top:1rem}.history-list{margin:3rem auto;height:95vh}.history-list .video-list{margin:0 auto;min-height:calc(100vh - 3rem);width:100%}.filters{grid-gap:0;gap:0;margin-left:12px;align-items:flex-start}.filters>div:first-child{margin-left:.5rem}}@media (min-width:690px) and (max-width:870px){.category-list{font-size:small}.sort-options{display:flex;position:static}}@media (max-width:499px){.category-list{width:85vw;flex-wrap:nowrap;justify-content:flex-start;overflow-x:scroll;grid-gap:2px;gap:2px}.category-list li{font-size:x-small;margin:auto}.category-list p{display:none}.filters{grid-gap:1rem;gap:1rem}.filters>div:first-child{margin-left:.5rem}}.page-body{background-color:var(--PAGE-BG);min-height:100vh;min-width:-webkit-max-content;min-width:max-content;height:100%;display:flex;justify-content:center;align-items:center}.login-container{background:var(--AUTH-CARD-BG);max-width:80%;border-radius:5px;border:none;padding:2rem;color:var(--TEXT-DARK)}.login-container,.login-details{display:flex;flex-direction:column}.login-details{min-width:40%;align-items:flex-start;grid-gap:1rem;gap:1rem}.labelled-input,.login-details{max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}.labelled-input.label-top input{min-width:40%;max-width:100%;width:20rem;border:thin solid var(--DEFAULT-GREY);border-radius:4px}.login-actions{width:100%;margin:auto}.auth-opts{width:100%;display:flex;justify-content:space-between}input[type=checkbox]:hover{cursor:pointer}.auth-btns{display:flex;justify-content:center;width:100%}.link-btn-outline.login-btn{min-width:8rem;margin:auto;background-color:var(--AUTH-CTAS);color:var(--TEXT-DARK);border:none}.login-btn:hover{cursor:pointer;-webkit-filter:brightness(.9);filter:brightness(.9)}.new-user{text-align:center}.password{position:relative}.toggle-login-pwd{position:absolute;top:1.8rem;align-self:flex-end;margin-right:1rem;color:var(--DEFAULT-GREY)}.toggle-login-pwd:hover{cursor:pointer}.sign-up{min-width:8rem;margin:auto;padding:5px 10px;border-radius:4px;background-color:var(--AUTH-CARD-BG);color:var(--DARK-YELLOW);border:none}.sign-up:hover{-webkit-filter:brightness(.95);filter:brightness(.95)}@media (max-width:480px){.page-body{align-items:center;justify-content:center;min-width:100vw}.login-container{max-width:75%;font-size:small;padding:1rem}.container-title{margin-bottom:none}.auth-opts{font-size:small}.auth-btns{grid-gap:5px;gap:5px;width:100%}.link-btn-outline.login-btn{min-width:6.5rem;padding:5px 2px}.new-user Link{font-size:small}.toggle-login-pwd{top:50%}}.sign-up-container{background:var(--AUTH-CARD-BG);min-width:30%;border-radius:5px;border:none;margin:3rem auto;padding:1rem 2rem}.container-title{text-align:center;margin-bottom:2rem}.new-user-form{max-width:100%;min-width:40%;width:100%;display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem;margin:auto}.new-user-form input[type=text],[type=email],[type=password]{max-width:100%;min-width:40%;border:thin solid var(--DEFAULT-GREY);border-radius:4px;padding:5px}.signup-btn{color:var(--TEXT-DARK)}.signup-btn,.signup-btn:hover{background-color:var(--AUTH-CTAS)}.signup-btn:hover{cursor:pointer;-webkit-filter:brightness(.9);filter:brightness(.9)}.existing-user{text-align:center}.checkbox-btn.t-and-c input{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.password{max-width:100%;min-width:40%;width:100%}.password-details{position:relative;display:flex;flex-direction:column}.toggle-pwd{position:absolute;top:.4rem;align-self:flex-end;margin-right:1rem;color:var(--DEFAULT-GREY)}.alerts{margin:0}.toggle-pwd:hover{cursor:pointer}.login{min-width:8rem;margin:auto;padding:5px 10px;border-radius:4px;background-color:var(--AUTH-CARD-BG);color:var(--DARK-YELLOW);border:none}.login:hover{-webkit-filter:brightness(.95);filter:brightness(.95)}.playlist-card{height:auto;width:17rem;background-color:var(--CARD-BG);color:var(--CARD-DARK);margin:0 10px 10px;border-radius:1rem;overflow:hidden}.playlist-details{padding:7px 10px;display:flex;align-items:flex-end;justify-content:space-between}.delete-icon{font-size:1.12rem}.delete-icon:hover{-webkit-filter:brightness(.5);filter:brightness(.5);cursor:pointer}.playlist-thumbnail{max-height:9rem;width:100%;margin:auto}.playlist-videos{position:relative;margin:auto}.delete-video{position:absolute;top:15px;right:15px;font-size:1.875rem}.delete-video:hover{cursor:pointer}:root{--PLAYER-WIDTH:1024px;--PLAYER-HEIGHT:575px}html{scroll-behavior:smooth}.player{background-color:var(--PAGE-BG);margin-top:3rem;margin-left:6.5rem;padding:1rem;min-height:100vh;display:flex;flex-direction:column;color:var(--THEME-TEXT)}.video-player{margin:1rem auto;border-radius:1rem;overflow:hidden;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;align-items:flex-start}.video-player,.video-player.dark{background-color:var(--CARD-BG);display:flex}.videos{display:flex;grid-gap:10px;gap:10px;margin-top:1rem;overflow-x:auto}.suggestions{overflow-x:auto;margin-bottom:2rem}.videocard .video-card{width:15rem;margin:8px;min-height:13.5rem;height:16.15rem;border-radius:1rem}.videocard .video-card .options{font-size:small}.player-ctas{display:flex;grid-gap:1rem;gap:1rem;margin-top:1rem}.player-options{font-size:24px}.player-options:hover{cursor:pointer}.video-text{display:flex;justify-content:space-between;padding:0 10px}@media (min-width:1025px) and (max-width:1200px){:root{--PLAYER-WIDTH:769px;--PLAYER-HEIGHT:432px}}@media (min-width:769px) and (max-width:1024px){:root{--PLAYER-WIDTH:481px;--PLAYER-HEIGHT:270px}.video-player{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.video-details{flex-wrap:wrap}.video-title{width:15rem;word-wrap:break-word}.videocard .video-card .creator-dp{display:none}}@media (max-width:810px){.player{margin:3rem auto}}@media (min-width:340px) and (max-width:768px){:root{--PLAYER-WIDTH:320px;--PLAYER-HEIGHT:178px}.video-player{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.video-details{flex-wrap:wrap}.video-title{width:12rem;word-wrap:break-word}.player-ctas{align-self:flex-end;flex-direction:column;padding-bottom:10px}.player-options{font-size:18px}.videocard .video-card .creator-dp{display:none}}.playlist-modal{position:fixed;z-index:4}.dark .playlist-modal{background-color:var(--PAGE-BG);outline:none}.modal-bg{background-color:var(--MODAL-BG);position:fixed;inset:0;z-index:-1}.modal{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--PAGE-BG);padding:1rem;min-width:20rem;border-radius:1rem;grid-gap:1rem;gap:1rem;z-index:0}.modal,.playlists{display:flex;flex-direction:column}.playlists{min-height:5rem;max-height:10rem;border-radius:4px;grid-gap:10px;gap:10px;padding:4px 7px;overflow-y:auto}.modal-title{text-align:center;display:flex;align-items:center;justify-content:space-between}.add-playlist,.close-modal{color:var(--DELETE-BTN);font-size:22px}.create-playlist{display:flex;align-items:center;grid-gap:10px;gap:10px;position:relative}.add-playlist{position:absolute;right:8px;font-size:1.375rem}.playlist-modal.dark .add-playlist{color:var(--PAGE-BG)}.create-playlist input{width:100%;padding:4px 7px;border-radius:4px;background-color:var(--INPUT-BG);border:none}.create-playlist input:focus{outline:none}.create-playlist-btn{padding:4px 7px;border-radius:4px;background-color:var(--THEME-TEXT);border:none}.close-modal:hover,.create-playlist:hover{cursor:pointer;-webkit-filter:brightness(.9);filter:brightness(.9)}.playlist{display:flex;align-items:center;grid-gap:10px;gap:10px}.check-icon{color:var(--CHECK-ICON-BG)}.check-icon,.circle-icon{font-size:20px}.playlists-container{display:flex;padding-top:10px}.profile-page.video-list{display:flex;min-height:calc(100vh - 3rem);min-width:calc(100vw - 6.5rem);width:calc(100vw - 6.5rem);flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.profile-bg{z-index:0}.profile-bg,.profile-bg:nth-child(2){position:absolute;bottom:0;opacity:.5}.profile-bg:nth-child(2){-webkit-transform:scale(1.2);transform:scale(1.2)}.profile-bg:nth-child(3){bottom:0;opacity:.5;-webkit-transform:scale(1.4);transform:scale(1.4)}.profile-card{position:relative;width:25rem;height:30rem;border-radius:1rem;background:var(--PROFILE-CARD-BG);background:var(--PROFILE-CARD-GRADIENT);color:var(--TEXT-DARK)}.profile-card-header{padding:1rem}.profile-card-body{padding:10px 1rem}.stats-list{grid-gap:1rem;gap:1rem;margin-top:10px}.stats-list,.stats-list-item{display:flex;flex-direction:column}.stats-list-item{grid-gap:5px;gap:5px;padding:10px;border-radius:.5rem;background:var(--STATS-BG);background:var(--STATS-GRADIENT)}@media (max-width:810px){.profile-page.video-list{width:100vw}.profile-bg{z-index:0;-webkit-transform:scale(2);transform:scale(2);width:100%}.profile-bg,.profile-bg:nth-child(2){position:absolute;bottom:0;opacity:.5}.profile-bg:nth-child(2){-webkit-transform:scale(3.2);transform:scale(3.2)}.profile-bg:nth-child(3){bottom:0;opacity:.5;-webkit-transform:scale(5.4);transform:scale(5.4)}}@media (max-width:480px){.profile-card{width:15rem;height:25rem;font-size:small}.profile-bg{z-index:0;-webkit-transform:scale(4);transform:scale(4);width:100%}.profile-bg,.profile-bg:nth-child(2){position:absolute;bottom:0;right:40rem;opacity:.5}.profile-bg:nth-child(2){-webkit-transform:scale(5.2);transform:scale(5.2)}.profile-bg:nth-child(3){bottom:0;right:40rem;opacity:.5;-webkit-transform:scale(7.4);transform:scale(7.4)}}@media (min-width:320px) and (max-width:420px){.profile-bg{z-index:0;-webkit-transform:scale(3);transform:scale(3);width:100%}.profile-bg,.profile-bg:nth-child(2){position:absolute;bottom:0;right:0;opacity:.5}.profile-bg:nth-child(2){-webkit-transform:scale(4.2);transform:scale(4.2)}.profile-bg:nth-child(3){bottom:0;right:0;opacity:.5;-webkit-transform:scale(6.4);transform:scale(6.4)}}
/*# sourceMappingURL=main.a0db6c13.chunk.css.map */