@import url("https://fonts.googleapis.com/css2?family=Rancho&display=swap");.dark-mode header ul li{color:#fff!important}.dark-mode .folder-card:hover{box-shadow:5px 5px 20px #ff9d00}.dark-mode .folder-card{color:#fff}@media (max-width:768px){.folder-card{flex:0 0 calc(50% - 120px)}}@media (max-width:576px){.folder-card{flex:0 0 calc(100% - 120px)}}body.dark-mode{background:#353535!important;color:#322d2d}.dark-mode .toggle-switch{color:#fff}.dark-mode .form-container{background:#333;box-shadow:0 4px 8px hsla(0,0%,100%,.1)}@media only screen and (max-width:409px){.toggle-switch{position:fixed;top:15px;left:3%!important}}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:#aaa}.dark-mode #get-started-btn{background-color:#fff;color:#333}#search-box.dark-mode{background-color:#2c2c2c}#search-bar.dark-mode{background-color:#2c2c2c;color:#e0e0e0}.dark-mode .filter-options select,.dark-mode .sort-options select{background-color:#2c2c2c;color:#e0e0e0;border-color:#555}.dark-mode .filter-options label,.dark-mode .sort-options label{color:#e0e0e0}:root{--duration:1.5s;--loading-size:250px;--box-size:33px;--box-border-radius:15%}#loading{width:var(--loading-size);height:40vh;display:flex;justify-content:space-between;align-items:center}#loading,.📦{position:relative}.📦{width:var(--box-size);height:var(--box-size);display:block;transform-origin:-50% center}.📦,.📦:after{border-radius:var(--box-border-radius)}.📦:after{content:"";width:100%;height:100%;position:absolute;top:0;right:0;background-color:#add8e6;box-shadow:0 0 10px 0 rgba(255,138,28,.4)}.📦:first-child{animation:slide var(--duration) ease-in-out infinite alternate}.📦:first-child:after{animation:color-change var(--duration) ease-in-out infinite alternate}.📦:nth-child(2){animation:flip-1 var(--duration) ease-in-out infinite alternate}.📦:nth-child(2):after{animation:squidge-1 var(--duration) ease-in-out infinite alternate}.📦:nth-child(3){animation:flip-2 var(--duration) ease-in-out infinite alternate}.📦:nth-child(3):after{animation:squidge-2 var(--duration) ease-in-out infinite alternate}.📦:nth-child(4){animation:flip-3 var(--duration) ease-in-out infinite alternate}.📦:nth-child(4):after{animation:squidge-3 var(--duration) ease-in-out infinite alternate}.📦:nth-child(5){animation:flip-4 var(--duration) ease-in-out infinite alternate}.📦:nth-child(5):after{animation:squidge-4 var(--duration) ease-in-out infinite alternate}.📦:nth-child(2):after{background-color:#ff7d1f}.📦:nth-child(3):after{background-color:#ff9a2e}.📦:nth-child(4):after{background-color:#ffb83e}.📦:nth-child(5):after{background-color:#ffd54e}@keyframes slide{0%{background-color:#ff7d1f;transform:translatex(0)}to{background-color:#ffb83e;transform:translatex(calc(var(--loading-size) - (var(--box-size) * 1.25)))}}@keyframes color-change{0%{background-color:#ff7d1f}to{background-color:#ffb83e}}@keyframes flip-1{0%,15%{transform:rotate(0)}35%,to{transform:rotate(-180deg)}}@keyframes squidge-1{5%{transform-origin:center bottom;transform:scalex(1) scaley(1)}15%{transform-origin:center bottom;transform:scalex(1.3) scaley(.7)}20%,25%{transform-origin:center bottom;transform:scalex(.8) scaley(1.4)}55%,to{transform-origin:center top;transform:scalex(1) scaley(1)}40%{transform-origin:center top;transform:scalex(1.3) scaley(.7)}}@keyframes flip-2{0%,30%{transform:rotate(0)}50%,to{transform:rotate(-180deg)}}@keyframes squidge-2{20%{transform-origin:center bottom;transform:scalex(1) scaley(1)}30%{transform-origin:center bottom;transform:scalex(1.3) scaley(.7)}35%,40%{transform-origin:center bottom;transform:scalex(.8) scaley(1.4)}70%,to{transform-origin:center top;transform:scalex(1) scaley(1)}55%{transform-origin:center top;transform:scalex(1.3) scaley(.7)}}@keyframes flip-3{0%,45%{transform:rotate(0)}65%,to{transform:rotate(-180deg)}}@keyframes squidge-3{35%{transform-origin:center bottom;transform:scalex(1) scaley(1)}45%{transform-origin:center bottom;transform:scalex(1.3) scaley(.7)}50%,55%{transform-origin:center bottom;transform:scalex(.8) scaley(1.4)}85%,to{transform-origin:center top;transform:scalex(1) scaley(1)}70%{transform-origin:center top;transform:scalex(1.3) scaley(.7)}}@keyframes flip-4{0%,60%{transform:rotate(0)}80%,to{transform:rotate(-180deg)}}@keyframes squidge-4{50%{transform-origin:center bottom;transform:scalex(1) scaley(1)}60%{transform-origin:center bottom;transform:scalex(1.3) scaley(.7)}65%,70%{transform-origin:center bottom;transform:scalex(.8) scaley(1.4)}to{transform-origin:center top;transform:scalex(1) scaley(1)}85%{transform-origin:center top;transform:scalex(1.3) scaley(.7)}}