@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}#root{max-width:90%;margin:auto;font-family:Poppins,sans-serif}body{background-color:#ebf2fc}body.dark{background-color:#1a1a1a}body.dark p{color:#a1a1a1}body.dark h3{color:#e1e1e1}body.dark code{color:#a1a1a1}.full{width:100%}.sidebar-message{color:#6d6d6d;font-size:18px;padding:1rem}.error-box{padding:1rem 0;margin:1rem 0;background-color:#ffe0e6;color:#000;padding:.5rem;border-radius:5px}.error-box span{border:1px solid red;display:inline-block;width:25px;background-color:#d44545;color:#fff;border-radius:5px;text-align:center;cursor:pointer}#dashboard{display:grid;grid-template-columns:20% 80%}#dashboard hr{border-color:#fcfafa4b}.dark #dashboard hr{border-color:#e1e1e14b}#dashboard nav{background-color:#fff;padding:1rem 1.5rem;border-radius:15px;box-shadow:0 0 8px #a7a7a733;margin:2rem 0}.dark #dashboard nav{background-color:#1e1e1e;box-shadow:0 0 8px #61616133}#dashboard nav a{outline:none;text-decoration:none;color:#000;text-align:center;margin:1rem;display:block}.dark #dashboard nav a{color:#fff}#dashboard nav div#user-profile{display:flex;justify-content:start;column-gap:1rem;align-items:center}#dashboard nav div#user-profile span{background-color:#266fd5;min-width:45px;text-align:center;border-radius:10px;font-size:24px;padding:.5rem;color:#fff;font-weight:bolder}#dashboard nav div#user-profile p{color:#3b3b3b;font-weight:bolder}.dark #dashboard nav div#user-profile p{color:#e0e0e0}#dashboard ul{list-style:none}#dashboard li{width:100%;border-radius:10px;padding:1rem 1.5rem;margin:1rem 0;font-weight:600;color:#6b6b6b;display:flex;justify-content:start;align-items:center;column-gap:15px;cursor:pointer}.dark #dashboard li{color:#a1a1a1}#dashboard li i{font-size:22px}#dashboard li:hover{background-color:#266fd5;color:#fff}#dashboard-body{margin:1rem;padding:1rem 3rem}#dashboard-body-nav{width:100%;display:flex;justify-content:space-between}#dashboard-body-nav form{width:100%}#dashboard-body input[type=text]{width:50%;padding:.75rem;font-size:18px;font-weight:700;border-radius:10px;outline:none;border:none;box-shadow:0 0 8px #a7a7a733;background-color:#fffbfb}.dark #dashboard-body input[type=text]{background-color:#1e1e1e;box-shadow:0 0 8px #61616133;color:#a1a1a1}#dashboard-body-nav button{background-color:#266fd5;color:#fff;font-weight:bolder;font-size:20px;border-radius:5px;padding:.5rem;min-width:200px;outline:none;border:none}#dashboard-body-nav button.just-button{min-width:50px}#dashboard-body-nav button:active{filter:brightness(85%)}#filter-box{display:flex;justify-content:space-between;align-content:center;margin:2rem 0}.dark #filter-box{color:#a1a1a1}#filter-box a{font-weight:bolder;display:block;text-decoration:none;color:#3b3b3b}.dark #filter-box a{color:#a1a1a1}#dashboard nav>i{display:none}#card-container{display:grid;grid-template-columns:25% 25% 25% 25%;row-gap:2rem;column-gap:2rem}@media screen and (max-width: 1368px){#card-container{grid-template-columns:33% 33% 33%}}@media screen and (max-width: 1168px){#card-container{grid-template-columns:50% 50%}}@media screen and (max-width: 968px){#dashboard{grid-template-columns:100%}#dashboard nav>i{display:block;text-align:center;font-size:24px;border:1px solid #3b3b3b;padding:1rem;border-radius:5px;cursor:pointer;margin-bottom:1rem}.dark #dashboard nav>i{color:#a1a1a1}#dashboard nav>i:active{background-color:#3b3b3b;color:#fff}#dashboard-body{padding:1rem 0;margin:0}#dashboard-body input[type=text]{width:100%}#media-type-selector{display:flex;justify-content:start;flex-wrap:wrap;column-gap:.5rem;row-gap:1.25rem}#media-type-selector span{margin:0}#filter-box{flex-direction:column;row-gap:2rem}#filter-container ul{position:relative;width:100%;margin:auto;right:0}#dashboard-body-nav{display:block}#dashboard-body-nav button{margin:1rem 0}}@media screen and (max-width:768px){#card-container{grid-template-columns:100%}}button{cursor:pointer!important}.blue-button{background-color:#266fd5;color:#fff;font-weight:bolder;font-size:20px;border-radius:5px;padding:.5rem;min-width:200px;outline:none;border:none}.blue-inverted-button{background-color:transparent;color:#266fd5;font-weight:bolder;font-size:20px;border-radius:5px;padding:.5rem;min-width:200px;border:1px solid #266fd5;outline:none}.blue-inverted-button:hover{color:#fff;background-color:#266fd5}button i{font-size:16px}#new-bookmark-box{position:fixed;z-index:1000;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#00000080}#new-bookmark-box form{background-color:#fff;padding:2rem;border-radius:5px;display:flex;justify-content:center;flex-direction:column;width:30%;margin:auto}#new-bookmark-box form h2{text-align:center}#new-bookmark-box form label{color:#3b3b3b;font-weight:bolder}#new-bookmark-box form input[type=text],#new-bookmark-box form select{padding:.5rem;margin:1rem 0;outline:none;border:1px solid #b8b8b8;border-radius:5px;font-weight:18px}#new-bookmark-box form button{padding:.5rem;outline:none;border:none;background-color:#266fd5;font-weight:bolder;color:#fff;border-radius:5px;font-size:18px;margin:1rem 0}#new-bookmark-box a{text-align:center;text-decoration:underline;color:#d44545;cursor:pointer}#new-bookmark-box img{width:30px;margin:auto}.center-box{display:flex;justify-content:center;align-items:center;border-radius:15px;max-width:700px;margin:auto;margin-top:10rem;padding:2rem;font-size:20px;column-gap:2rem}.center-box a{text-decoration:none;color:#3b3b3b;text-align:center;margin-top:1rem}.dark .center-box a{color:#a1a1a1}.center-box b{color:red}.center-box form{border-left:2px solid #3b3b3b31;padding-left:2rem;display:flex;flex-direction:column}.dark .center-box form{border-left-color:#6b6b6b}.center-box form h2{color:#3b3b3b}.dark .center-box h2{color:#a1a1a1}.dark .center-box label{color:#e1e1e1}.center-box input{margin:1.5rem 0;box-shadow:0 0 8px #0003;padding:1rem;width:100%;outline:none;border:none;border-radius:5px}.dark .center-box input{color:#a1a1a1;background-color:#1e1e1e;box-shadow:0 0 8px #61616133}.center-box button{width:100%;font-size:20px;outline:none;color:#fff;background-color:#266fd5;border:none;border-radius:5px;padding:1rem}@media screen and (max-width: 768px){.center-box{flex-direction:column;align-items:start;row-gap:2rem}}.dark #card-container>div>i{color:#a1a1a1}.card{background-color:#fff;border:1px solid #d3d7fa;border-radius:10px 10px 0 0;width:100%;padding:1rem}.dark .card{background-color:#242424;border-color:#3b3b3b}.card>div{display:flex;justify-content:start;align-items:center;column-gap:15px}.card>div a{text-decoration:none;color:#000}.dark .card>div a{color:#e0e0e0}.dark .card h4{color:#a1a1a1}.card p{margin:.5rem 0;color:#3b3b3b}.dark .card p{color:#e1e1e1}.card>div span{border-radius:5px;background-color:#b5d4f1;color:#3b3b3b;padding:.1rem .75rem;font-size:12px;font-weight:600}.card>div img{width:30px;height:30px;object-fit:contain}.archive-button{width:100%;outline:none;color:#d82626;padding:.5rem;border:1px solid #d3d7fa;border-top:none;border-radius:0 0 5px 5px;font-weight:bolder;background-color:#fff}.dark .archive-button,.dark .restore-button,.dark .edit-button{background-color:#242424;border-color:#3b3b3b}.archive-button:hover{background-color:#d82626;color:#fff}.restore-button{width:100%;outline:none;color:#266fd5;padding:.5rem;border:1px solid #d3d7fa;border-top:none;border-left:none;background-color:#fff;border-radius:0 0 5px 5px;font-weight:bolder}.restore-button:hover{background-color:#266fd5;color:#fff}.edit-button{width:100%;outline:none;color:#f2a42f;padding:.5rem;border:1px solid #d3d7fa;border-top:none;border-left:none;background-color:#fff;border-radius:0 0 5px}.edit-button:hover{background-color:#f2a42f;color:#fff}.button-container-three{width:100%;display:grid;grid-template-columns:40% 40% 20%}.button-container-three .archive-button{border-bottom-right-radius:0}.button-container-three .restore-button{border-radius:0}.button-container-two{width:100%;display:grid;grid-template-columns:50% 50%}.button-container-two .archive-button{border-bottom-right-radius:0}.button-container-two .restore-button{border-bottom-left-radius:0}#filter-container ul{position:fixed;right:5%;background-color:#fff;z-index:1;border-radius:15px}.dark #filter-container ul{background-color:#272727}#filter-container ul li{padding:.5rem;margin:0;border-radius:0}#filter-container ul li:last-child{border-bottom-left-radius:15px;border-bottom-right-radius:15px}#filter-container ul li:first-child{border-top-left-radius:15px;border-top-right-radius:15px}#media-type-selector{margin:2rem 0}#media-type-selector span{margin:0 .5rem;color:#3b3b3b;font-weight:700;cursor:pointer;padding:.25rem 1rem;background-color:#fff;box-shadow:0 0 8px #a7a7a733;border-radius:5px}.dark #media-type-selector span{color:#a1a1a1;background-color:#1e1e1e;box-shadow:0 0 8px #61616133}#media-type-selector span.media-type-selected{background-color:purple;color:#fff}#media-type-selector span.media-type-selected:after{content:" ONLY"}.modal-box{position:fixed;z-index:1000;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#00000080}.modal-box form{background-color:#fff;padding:2rem;border-radius:5px;display:flex;justify-content:center;flex-direction:column;width:30%;margin:auto}.dark .modal-box form{background-color:#1e1e1e}.modal-box form h2{text-align:center}.dark .modal-box form h2{color:#e0e0e0}.modal-box form label{color:#3b3b3b;font-weight:bolder}.dark .modal-box form label{color:#e0e0e0}.modal-box form input[type=text],.modal-box form select{padding:.5rem!important;margin:1rem 0!important;outline:none!important;border:1px solid #b8b8b8!important;border-radius:5px!important;font-size:16px!important;width:100%!important;font-weight:700!important}.dark .modal-box form input[type=text],.dark .modal-box form select{background-color:#1e1e1e;border:1px solid #3b3b3b!important;color:#e0e0e0}.modal-box form button{padding:.5rem;outline:none;border:none;background-color:#266fd5;font-weight:bolder;color:#fff;border-radius:5px;font-size:18px;margin:1rem 0}.modal-box a{text-align:center;text-decoration:underline;color:#d44545;cursor:pointer}.modal-box img{width:30px;margin:auto}.modal-box ul{list-style-type:none;margin-top:1rem}.modal-box li{font-size:18px;border-top:1px solid #b8b8b8;padding:1rem 0;display:flex;align-items:center;justify-content:space-between}.modal-half{display:grid;grid-template-columns:50% 50%;column-gap:2rem}.modal-half button{margin:1rem 0}.modal-half img{width:100%;border-radius:15px;box-shadow:0 0 8px #a7a7a780;padding:15px}@media screen and (max-width: 768px){.modal-half{grid-template-columns:100%}}