@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";#root{width:100%;height:100vh}*{margin:0;padding:0;box-sizing:border-box;font-family:inter,sans-serif}html,body{display:grid;height:100%;width:100%;place-items:center}.wrapper{overflow:hidden;max-width:390px;background:#4c4c4c;padding:30px;border-radius:15px;box-shadow:0 15px 20px #0000001a}.wrapper .title-text{display:flex;width:200%;color:#52abfb;font-style:italic;overflow:hidden;align-items:center}.wrapper .title{width:50%;font-size:35px;font-weight:600;text-align:center}.wrapper .slide-controls{position:relative;display:flex;height:50px;width:100%;overflow:hidden;margin:30px 0 10px;justify-content:space-between;border-radius:15px}.slide-controls .slide{height:100%;width:100%;color:#fff;font-size:18px;font-weight:500;text-align:center;line-height:48px;cursor:pointer;z-index:1;transition:all .6s ease}.slide-controls label.signup{color:#fff}.slide-controls .slider-tab{position:absolute;height:100%;width:50%;left:0;z-index:0;border-radius:10px;background:#52abfb;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}input[type=radio]{display:none}#signup:checked~.slider-tab{left:50%}#signup:checked~label.signup{color:#fff;cursor:default;-webkit-user-select:none;user-select:none}#signup:checked~label.login{color:#52abfb}#login:checked~label.signup{color:#52abfb}#login:checked~label.login{cursor:default;-webkit-user-select:none;user-select:none}.wrapper .form-container{width:100%;overflow:hidden}.form-container .form-inner{display:flex;width:200%}.form-container .form-inner form{width:50%;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.form-inner form .field{height:50px;width:100%;margin-top:20px}.form-inner form .field input{border:0px;box-shadow:none;height:100%;width:100%;outline:none;padding-left:15px;border-radius:15px;color:#fff;background-color:#666;font-size:17px;transition:all .3s ease}.form-inner form .field input::placeholder{color:#fff;transition:all .3s ease}form .field input:focus::placeholder{color:gray}.form-inner form .pass-link{margin-top:20px}.form-inner form .signup-link{text-align:center;margin-top:30px;color:#fff}.form-inner form .pass-link a,.form-inner form .signup-link a{color:#ffff68;text-decoration:none}.form-inner form .pass-link a:hover,.form-inner form .signup-link a:hover{text-decoration:underline}form .btn{height:50px;width:100%;border-radius:15px;position:relative;overflow:hidden}form .btn .btn-layer{height:100%;width:300%;position:absolute;left:-100%;background:#52abfb;border-radius:15px;transition:all .4s ease}form .btn:hover .btn-layer{left:0}form .btn input[type=submit]{height:100%;width:100%;z-index:1;position:relative;background:none;border:none;color:#fff;padding-left:0;border-radius:15px;font-size:20px;font-weight:500;cursor:pointer}*{margin:0;padding:0;font-family:inter,sans-serif;box-sizing:border-box}body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}.dashboard-container{display:flex;flex-direction:column;width:100%;height:100vh;background-color:#fff}.side-bar{position:fixed;top:0;left:0;width:300px;height:100%;background-color:#333;color:#fff;transition:left .3s ease-in-out;display:flex;text-align:center;z-index:1000}.navcontent{display:flex;flex-direction:column;width:100%;height:100%}.navlist{list-style-type:none;padding:20px}.list{padding:5px 5px 5px 10px;border-radius:5px;text-align:start}a{text-decoration:none;color:#fff;font-size:1rem}.list:hover{background-color:#4c4c4c}.h1{font-size:1.5rem;width:100%;height:70px;font-weight:500;display:flex;justify-content:center;align-items:center}.side-bar.open{left:0}.side-bar.closed{left:-300px}.toggle-btn{background-color:transparent;border:none;cursor:pointer;margin-right:auto;padding:10px;width:55px;height:55px;overflow:hidden;transition:opacity 1s ease-in-out}.toggle-btn.open{opacity:0;transition:none}.toggle-btn.close{opacity:1}.close-btn{background-color:transparent;border:none;padding:10px;cursor:pointer;position:absolute;top:8px;left:5px;width:55px;height:55px;overflow:hidden}.main-content-push{display:flex;flex-direction:row;justify-content:flex-end;width:100%;min-width:100%}.main-content-dynamic{transition:width .3s ease-in-out;width:100%}.main-content-dynamic.mainopen{width:calc(100% - 300px)}@media (max-width: 650px){.main-content-dynamic.mainopen{width:100%}.side-bar{background-color:#333333f5}.grid-wrapper{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.main-content-dynamic.mainclosedr{width:100%}.header{transition:width .3s ease-in-out;width:100%;height:70px;background-color:#4c4c4c}.header-content{height:100%;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.headerh1{font-size:2.5rem;color:#52abfb;position:absolute;left:50%;transform:translate(-50%)}.container{max-width:1500px;width:100%;margin:auto;padding:10px}.titlecontainer{width:100%;display:flex;justify-content:center;background-color:#fff;position:sticky;top:0;z-index:999;margin-top:10px;padding:10px}.title{font-size:1.4rem;font-weight:600;color:#4c4c4c;background-color:#fff;width:100%;max-width:1480px}img{width:100%;height:100%;object-fit:cover;border-radius:5px;transition:transform .3s}.img:hover{transform:scale(.98)}.grid-wrapper>div{display:flex;justify-content:center;align-items:center}.grid-wrapper{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:1fr}@media (max-width: 900px){.grid-wrapper{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}@media (max-width: 480px){.grid-wrapper{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}}.grid-wrapper>div{position:relative;width:100%;aspect-ratio:1}.grid-wrapper>div>img{display:contain}.grid-wrapper img:hover{cursor:pointer}.search-bar{transition:transform .3s ease-in-out,width .3s ease-in-out;position:fixed;bottom:10px;left:50%;transform:translate(-50%);width:250px;padding:5px 50px 5px 5px;border:1px solid #ccc;border-radius:5px;background:#fff;z-index:999;display:flex;align-items:center}@media (min-width: 650px){.search-bar.open{transform:translate(calc(-50% + 150px))}}.search-bar input{border:none;outline:none;padding:10px}.search-btn{position:absolute;right:5px;background-color:#52abfb;color:#fff;border:none;padding:10px;cursor:pointer;border-radius:5px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#292929e0;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.modal-content{position:relative;display:flex;align-items:center;border-radius:10px;max-width:95%;max-height:95%;padding:10px 30px}.modal-image{max-width:85vw;max-height:85vh;border-radius:10px}.close-btn-modal{position:absolute;top:10px;right:30px;font-size:1.5rem;background:none;border:none;color:#fff;cursor:pointer;padding:2px 8px 5px;border-radius:10px}.nav-btn{border:none;background-color:transparent;color:#fff;font-size:30px;cursor:pointer;padding:5px;border-radius:5px;margin:10px;transition:background .3s ease-in-out}.nav-btn:hover{background:#18181880}.nav-btn.left{position:absolute;left:-15px}.nav-btn.right{position:absolute;right:-15px}.download-btn{position:absolute;bottom:-45px;left:50%;transform:translate(-50%);background:#52abfb;color:#fff;padding:10px;border-radius:5px;text-decoration:none;font-size:18px}.download-btn:hover{background:#72bdff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}