@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display-swap";.cart{width:240px;background:#d3d3d3;position:absolute;height:95vh;padding:0 30px;right:-100%;transition:all .3s;z-index:10}.cart li h3{color:#000;font-size:1rem}.cart.active{right:0}.cartLayout{display:flex;flex-direction:column;height:90%;justify-content:space-between}.totalCard{display:flex;flex-direction:column}.total{display:flex;flex-direction:row;justify-content:space-between}.checkoutButton{justify-self:center}.quantity{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:-7%}.sidenav{width:240px;background:#d3d3d3;position:absolute;height:95vh;padding:0 30px;left:-100%;transition:all .3s}.sidenav.active{left:0}ul{padding:0}ul li{list-style-type:none;margin:10px 0}ul li a{color:#000;text-decoration:none;font-size:16px;display:block;padding:10px 15px}ul li a:hover,ul li a.active{background:#172b4d}.modal-window{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:1.5rem;border-radius:10px;width:50%;height:50%;position:relative;box-shadow:0 4px 20px #0003}.credentialField{margin-bottom:20px;width:400px}.modal-close{position:absolute;top:10px;right:12px;border:none;background:none;font-size:1.2rem;cursor:pointer}.modal-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.errorText{color:#c53030;margin-bottom:2%;font-size:.9rem;display:none}.errorText.active{display:block}.loginOrRegisterContainer{display:flex;gap:10px}.sign-in-btn{background-color:#000;color:#fff;padding:.5rem 1.25rem;border-radius:8px;border:none;cursor:pointer;font-size:1rem;margin-bottom:10px}.sign-in-btn:hover{background-color:#1d4ed8}.register-btn{background-color:#000;color:#fff;padding:.5rem 1.25rem;border-radius:8px;border:none;cursor:pointer;font-size:1rem;margin-bottom:10px}.register-btn:hover{background-color:#1d4ed8}.google-btn{background-color:#000;color:#fff;padding:.5rem 1.25rem;border-radius:8px;border:none;cursor:pointer;font-size:1rem}.google-btn:hover{background-color:#c53030}header{padding:30px;background:#fff;height:2vh;display:flex;flex-direction:row;justify-content:space-between;align-items:center}header svg{font-size:30px;color:#011627;align-self:flex-start}header h1{color:#000}.rightSideBarIcons{display:flex;flex-direction:row;gap:20px}