@import url(https://freshstyleui.netlify.app/styles.css);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css);:root{--primary:#09ff00;--primary-dark:#5a8a00;--secondary:#ffc600;--secondary-dark:#ff9100;--text-color-1:#444;--text-color-2:#666;--bg-color-1:#fff;--bg-color-2:#eee;--box-shadow:0 .5rem 1.5rem rgba(0,0,0,0.1);--background-color:#fff;--danger-color:#df0000}body{background:#eee;background:var(--bg-color-2)}body.active{--text-color-1:#fff;--text-color-2:#eee;--bg-color-1:#333;--bg-color-2:#222;--box-shadow:0 .5rem 1.5rem rgba(0,0,0,0.4)}*{font-family:"Poppins",sans-serif;margin:0;padding:0;box-sizing:border-box;outline:none;border:none;text-decoration:none;transition:all .2s linear}html{font-size:62.5%;overflow-x:hidden;scroll-padding-top:7rem;scroll-behavior:smooth}html::-webkit-scrollbar{width:.4rem;height:.1rem}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:#09ff00;background:var(--primary);border-radius:5rem}section{padding:2rem 7%}.heading{text-align:center;padding-bottom:2rem;color:#444;color:var(--text-color-1);font-size:4rem}.landing-header{margin-top:12rem;padding:0 5rem}.note-cards{margin-top:10rem}.dateOnCard{position:absolute;padding:.4rem;background-color:transparent;font-size:12px}.note-icon-container{margin-left:30rem}.card_tags_container{background-color:var(--bg-color-1);padding:.5rem 1.5rem;position:absolute;bottom:1rem;left:2rem}.card_tags{padding:.2rem .5rem;margin:.1rem .3rem}.card_icons_container{position:absolute;background-color:var(--primary);padding:.8rem 2rem;bottom:1rem;right:2rem}.card_icons{cursor:pointer;font-size:1.8rem;margin:0 .8rem}.palette{position:relative;cursor:pointer;font-size:2rem;text-align:center;margin-left:2rem}.palette,.palette i{display:inline-block}.palette i{line-height:3.2rem;border-radius:50%;height:3.2rem;width:3.2rem;transition:.2s ease-in-out;color:var(--content-color)}.palette:hover i{color:var(--primary-color)}.colorPaletteContainer{position:absolute;background-color:var(--bg-color-1);display:flex;padding:5px;z-index:10;flex-wrap:wrap;width:16.5rem;border-radius:1rem;border:.1rem solid #000}.colorPalette{border:.1rem solid #000;border-radius:50%;width:3rem;height:3rem;margin:5px}.colorPalette:hover{border:.3rem solid var(--primary-color)}@media screen and (max-width:850px){.colorPaletteContainer{right:5px}}.input-container{margin-top:2rem;padding:1rem;border-radius:.5rem;position:relative;width:56%;height:-webkit-max-content;height:max-content;margin-left:4rem}.input-text-section-container{display:flex;align-items:flex-start;justify-content:space-between}.input-text-section-container .text{background-color:transparent;width:100%;height:-webkit-max-content;height:max-content;border:none;margin-bottom:1rem;padding-right:2rem;outline:none;word-wrap:break-word;resize:none}.input-text-section-container .title-text-style{font-weight:500;font-size:3rem}.input-text-section{margin:1rem 0}.active{color:var(--bg-color-1)}.edit-section select{margin-left:1rem}.edit-section-container{display:flex;flex-wrap:wrap;justify-content:space-between}.edit-section-container .tag{border:none;border-radius:.3rem;display:inline-block;padding:3px;background-color:inherit;border:1px solid var(--bg-color-1);font-size:1.5rem}.tag:focus{outline:none}.edit-section-container button{background-color:transparent;border:none;font-size:2rem;font-weight:500;cursor:pointer;border-radius:1rem;padding:.3rem 1rem}.edit-section-container button:hover{color:var(--primary-color);transition:.2s ease-in-out}.add-btn{font-size:1.5rem!important}.box-container{display:flex;margin-top:-8rem}.product-container{margin-top:16rem;min-width:120rem}.filter-container{margin-top:8em;margin-left:2rem;background-color:var(--bg-color-1);padding:1rem;border-radius:.5rem;max-height:25rem;min-width:19rem}.modal-edit{position:fixed;inset:16rem 5rem;margin-left:25rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.input-container{border:.1rem solid var(--primary);border-radius:.8rem}.container-edit-note{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:40rem;border:transparent;border-radius:.5rem}.container-btn-pinned-edit-note{position:relative}.btn-pinned-edit-note{position:absolute;top:1rem;right:1rem}.pin-icon{margin:1rem 0 0;cursor:pointer;color:var(--text-color-1);font-size:2.5rem;font-weight:500}.main-container2{margin-top:5rem;display:flex;justify-content:center}.product-container{margin-top:6rem}.filter-container-landing{margin-top:10rem;margin-bottom:10rem;margin-left:2rem;background-color:var(--bg-color-1);padding:1rem;border-radius:.5rem;max-height:34rem;min-width:16rem}.filter-heading,.filter-sub-heading{display:inline-block;font-size:3rem;font-weight:700;color:var(--text-color-1);margin-bottom:1rem;background-color:var(--bg-color-2);padding:1rem;border-radius:.5rem}.filter-sub-heading{display:block;font-size:2rem}.filter-items{background-color:var(--bg-color-2);padding:.5rem;border-radius:.5rem;margin-bottom:1rem;margin-left:.5rem}.radio-filter{display:flex;flex-direction:row;align-items:center}.fa-star{font-size:1.5rem}.checked{color:orange}.note-cards{min-height:20rem;max-width:35rem}.noting-card{margin-left:15rem;margin-top:5rem;min-height:25rem;max-width:55rem}.main-container{position:absolute}.product-container3{margin-top:6rem;min-width:120rem;margin-left:10rem}.cards{display:flex;flex-direction:row;flex-wrap:wrap}.filter-container-landing31{margin-top:12rem;margin-bottom:10rem;margin-left:2rem;background-color:var(--bg-color-1);padding:0;border-radius:.5rem;max-height:2rem;max-width:2rem}.main{background-color:transparent!important;margin-top:13rem;margin-left:14rem!important}.wrapper{max-width:40rem;margin-bottom:2rem;margin-left:40rem;width:100%;background:var(--bg-color-1);padding:3rem;border-radius:.5rem;box-shadow:0 5px 10px rgba(0,0,0,.2)}.login-wrapper{margin-top:14rem;margin-bottom:6rem}.wrapper h2{position:relative;font-size:4rem;font-weight:600;color:var(--text-color-1)}.wrapper form{margin-top:1rem}.wrapper form .input-box{height:3.5rem;margin:1.2rem 0}form .input-box input{height:100%;width:100%;outline:none;padding:0 1rem;font-size:1.6rem;font-weight:400;color:var(--text-color-1);border:.1rem solid var(--text-color-2);border-radius:.5rem;transition:all .3s ease}.input-box input:focus,.input-box input:valid{border-color:var(--primary);border-radius:.5rem}form .policy{display:flex;align-items:center}form h3{color:var(--text-color-2);border-radius:.5rem;font-size:1.2rem;font-weight:500;margin-left:1rem}.input-box.button input{color:var(--bg-color-2);letter-spacing:1px;border:none;background:var(--primary);cursor:pointer}.input-box.button input:hover{background:var(--primary-dark)}form .text h3 a{color:var(--secondary);text-decoration:none}form .text h3 a:hover{text-decoration:underline}.input-icons{width:100%;margin-bottom:10px}.icon{position:absolute;z-index:10;margin-top:16px;min-width:40px;margin-left:31rem}.main-container{margin-top:5rem;display:grid;grid-template-columns:1fr 4fr;top:0}.product-container2{margin-top:6rem;display:flex}.filter-container-landing3{margin-top:12rem;margin-bottom:10rem;margin-left:2rem;background-color:var(--bg-color-1);padding:1rem;border-radius:.5rem;max-height:8rem;max-width:25rem}.header{position:fixed;top:0;left:0;right:0;background:var(--bg-color-1);box-shadow:var(--box-shadow);padding:1.5rem 7%;z-index:1000;display:flex;align-items:center;justify-content:space-between}.header .logo{font-weight:bolder;font-size:2.5rem;color:var(--text-color-1)}.header .logo i{color:var(--primary);font-size:48px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header .search-form{background:var(--bg-color-2);border-radius:.5rem;display:flex;align-items:center;height:4.5rem;width:50rem}.header .search-form input{height:100%;width:100%;background:none;text-transform:none;font-size:1.5rem;color:var(--text-color-1);padding:1rem}.header .search-form label{font-size:2rem;margin-right:1.5rem;color:var(--text-color-1);cursor:pointer}.header .search-form label:hover{color:var(--primary)}.header .icons{font-size:1rem}.header .icons div{height:4.5rem;width:4rem;line-height:4.5rem;font-size:1.5rem;border-radius:.5rem;margin-left:.2rem;background:var(--bg-color-2);color:var(--text-color-1);cursor:pointer;text-align:center}.header .icons div:hover{color:#fff;background:var(--primary)}#search-btn{display:none}.header .navbar{position:absolute;top:115%;right:7%;background:var(--bg-color-1);border-radius:.5rem;box-shadow:var(--box-shadow);width:25rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top right;transform-origin:top right}.header .navbar.active{-webkit-transform:scale(1);transform:scale(1)}.header .navbar a{display:block;margin:1rem;padding:1rem;font-size:1.5rem;font-weight:600;color:var(--text-color-1);border-radius:.5rem}.active-page,.header .navbar a:hover{color:var(--primary);background:var(--bg-color-2);padding-left:2rem}.sidebar-heading{margin-bottom:0;padding-bottom:0}.header .login-form.active{-webkit-transform:scale(1);transform:scale(1)}.header .login-form .inputBox{margin-bottom:1rem}.header .login-form .inputBox span{font-size:1.7rem;color:var(--text-color-2)}.header .login-form .inputBox input{font-size:1.5rem;color:var(--text-color-1);border-radius:.5rem;padding:1rem;background:var(--bg-color-2);width:100%;text-transform:none;margin:.5rem 0}.header .login-form .remember{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem 0}.header .login-form .remember label{color:var(--text-color-2);font-size:1.5rem;cursor:pointer}.header .login-form .btn{width:100%}.snackbar-container{position:fixed;margin:3rem;width:15rem;border-radius:.5rem;box-shadow:var(--box-shadow);z-index:3000;top:2rem;right:0;color:var(--text-white);padding:1rem;align-items:center}.display-none{display:none}.success{background-color:var(--primary)}.alert{background-color:var(--danger-color)}.sidebar{position:relative;left:120rem;z-index:1000;width:12rem;background-color:var(--bg-color-1);border:.1rem solid #000;max-height:32rem;border-radius:.5rem}.sidebar-heading{font-size:1.8rem;margin-left:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:0;cursor:pointer;padding-top:2rem}.link{border:none}.link,.link:hover{background-color:var(--background-color2)}.link:hover{padding:none}.footer{background:var(--bg-color-1)!important}.footer .box-container .box{display:flex;flex-direction:row;justify-content:center;max-height:4rem}.footer .box-container .box a{display:block;font-size:1.5rem;color:var(--text-color-2);padding:1rem 0;margin:1rem;color:var(--text-color-1)}.footer .box-container .box a:hover{background-color:var(--primary);color:var(--bg-color-1);padding:1rem;border-radius:.5rem}.footer .credit{font-size:2rem;text-align:center;border-top:.1rem solid var(--text-color-2);padding:1rem;margin-top:1rem;color:var(--text-color-2)}.footer .credit span{color:var(--primary)}
/*# sourceMappingURL=main.fdb7ad3a.chunk.css.map */