@import"https://fonts.googleapis.com/css2?family=Poppins:ital, wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,700;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora&display=swap";@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css";:root{font-family:Roboto;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}ul,li{list-style:none}a{font-weight:500;color:#000;text-decoration:inherit}a:hover{color:gray}main{flex:1;min-height:90vh}footer{display:flex;justify-content:center;align-items:center;width:90vw;height:2rem;margin:2rem 0 0}h1{font-size:3.2em;font-weight:400;line-height:1.1}button{border:1px solid transparent;padding:.5em 2em;border-radius:.25rem;font-size:.8em;font-weight:600;color:#fff;font-family:inherit;background-color:#fb790f;cursor:pointer;transition:border-color .25s}button:hover{background-color:#e6560f;border-color:#c44607}#root,*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;position:relative}header{min-width:90%;height:5rem}main{width:90%;margin:0 auto}footer{bottom:0;width:90%}h2{font-size:2.3rem;font-weight:600;letter-spacing:-.1rem}p{font-weight:400}.wrap{background-image:url(/images/logo-raku.png);background-repeat:no-repeat;background-size:25%;position:relative}.Navbar{margin-top:1rem;display:flex;justify-items:center;justify-content:space-around;align-items:center;gap:1rem}.Navbar .logout{padding:.6em 1em;background-color:#fff;border:1px solid black;color:#000}footer{display:flex;justify-content:center;align-items:center;width:100vw;height:2rem;margin:2rem 0 0}.slider{margin:2rem auto 0;width:100%;height:100%;overflow:hidden;position:relative}.slides{width:500%;height:500px;display:flex}.slides input{display:none}.slide{width:20%;transition:2s}.slide img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.slide.first{margin-top:-2rem}.navigation-manual{position:absolute;width:100%;margin-top:-50px;display:flex;justify-content:center}.slider-text{position:absolute;width:100%;top:15rem;left:45rem;color:#fefefe;z-index:1;font-family:Lora;font-size:1em}.manual-btn{border:2px solid rgb(237,75,11);padding:5px;border-radius:50%;cursor:pointer;transition:1s}.manual-btn:not(:last-child){margin-right:40px}.manual-btn:hover{background:rgb(237,75,11)}#radio1:checked~.first{margin-left:0}#radio2:checked~.first{margin-left:-20%}#radio3:checked~.first{margin-left:-40%}#radio4:checked~.first{margin-left:-60%}.navigation-auto{position:absolute;display:flex;width:100%;justify-content:center;margin-top:860px;top:-410px}.navigation-auto div{border:2px solid rgb(237,75,11);padding:5px;border-radius:50%;transition:1s}.navigation-auto div:not(:last-child){margin-right:40px}#radio1:checked~.navigation-auto .auto-btn1{background:rgb(237,75,11)}#radio2:checked~.navigation-auto .auto-btn2{background:rgb(237,75,11)}#radio3:checked~.navigation-auto .auto-btn3{background:rgb(237,75,11)}#radio4:checked~.navigation-auto .auto-btn4{background:rgb(237,75,11)}.new-products{width:100%;margin-top:2rem}.new-products .container{width:80%;margin:0 auto;padding:0}.new-products .scroll{overflow-x:scroll}.Home-productCard{display:flex;flex-direction:row-reverse;height:auto;margin-top:2rem;width:max-content}.new-products h2{margin:0}.new-products h5{font-family:"Lora&display";font-weight:700;font-size:1.2rem}.ProductCard{margin-bottom:3rem}.ProductCard .container{margin:0 auto}.ProductCard .name{font-size:1.3rem;padding-bottom:.5rem}.ProductCard .price{color:#ea5d2a;font-size:1rem}.ProductCard .name{font-size:1rem}.ProductCard picture{width:100%;height:100%;object-fit:contain}.ProductCard picture img{width:100%;height:150px}.Store{padding:0;background-color:#fff;width:90vw}.Store .container{width:90%;margin:0 auto}.Store .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-top:2rem}.Store h2{margin:0}.Store h5{font-family:"Lora&display";font-weight:700;font-size:1.2rem}.Create{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.Create button{color:#fff;background-color:#000;padding:.6em 1em;border-radius:.25rem;font-size:.8em}.Create button:hover{background-color:gray;border-color:gray}.Create .btn-create{background-color:gray;border-color:gray;color:#fff;padding:.6em 1em;border-radius:.25rem;font-size:.8em;margin-right:5rem}.Create .btn-create:hover{color:#fff;background-color:#000}.Store .productCard{display:flex;flex-wrap:wrap;justify-content:space-around;gap:.15rem}.About{margin:0;padding:0;background-color:#fff;width:100%}.About .container{width:90%;margin:0 auto}.About .title{padding-top:3rem}.About h2{margin:0}.About h5{font-family:"Lora&display";font-weight:700;font-size:1.2rem}.About p{margin:3rem 5rem;font-weight:300}.Contact{margin:0;padding:0;background-color:#fff;width:100%}.Contact .container{width:90%;margin:0 auto}.Contact .title{padding-top:3rem}.Contact h2{margin:0}.Contact h5{font-family:"Lora&display";font-weight:700;font-size:1.2rem}.Contact p{margin:3rem 5rem;font-weight:300}#Login form{background-color:#fff;width:40rem;margin:5% auto;box-shadow:20px 20px 120px #817c7c80}.Login{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;padding:5rem 25%}.Login .email input,.Login .password input{width:20rem;padding:.5rem;border-radius:.2rem;border:1px solid gray}.Login .email label,.Login .password label{color:gray}.Login .btn-login{margin-top:2rem}.Login p{font-size:1.5rem;color:#5c5b5b}.Login h4{font-size:1rem;font-weight:300}.Login a{color:#02acda}#Signup form{background-color:#fff;width:40rem;margin:5% auto;box-shadow:20px 20px 120px #817c7c80}.Signup{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;padding:5rem 25%}.Signup p{font-size:1.5rem;color:#5c5b5b}.Signup .username input,.Signup .email input,.Signup .password input{width:20rem;padding:.5rem;border-radius:.2rem;border:1px solid gray}.Signup .username label,.Signup .email label,.Signup .password label{color:gray}.Signup .btn-signup{margin-top:2rem}.Signup h4{font-size:1rem;font-weight:300}.Signup a{color:#02acda}.ProfilePage{margin:0 auto;text-align:center}.ProfilePage h3{margin:0 0 1rem}.UserProfile{display:flex;justify-content:space-evenly;gap:2rem}h2{margin:2rem 0 5rem;font-size:3rem}.UserOrders{display:flex;justify-content:center;margin:2rem}.ProfileInfos,.UserShippingAddress,.NoShippingAddress,.OrdersContainer{margin:.5rem;padding:.5rem;border:1px solid black;background-color:#fff;border-radius:.5rem;display:flex;flex-direction:column;justify-items:center;justify-content:space-between;width:20rem}.ProfileInfos span{font-weight:700}.ProfilePage button{margin:.75rem;color:#fff;background-color:#000;padding:.6em 1em;border-radius:.25rem;font-size:.8em}.ProfilePage button:hover{background-color:gray;border-color:gray}.NoShippingAddress button,.NoShippingAddress p,.OrdersContainer button,.OrdersContainer p{margin-top:2.5rem}.DeleteProfileButton .delete-form div{display:flex;align-items:center;justify-content:center}.DeleteProfileButton .delete-form input{height:2rem;padding:.1rem;border:1px solid lightgray;border-radius:.25rem}.DeleteProfileButton .italic{font-style:italic;font-size:.8rem}.DeleteProfileButton .error-dlt{color:red}.DeleteProfileButton button{margin-top:2rem;background-color:red;border:none;border-radius:.25rem}lord-icon{width:1.5rem}.FormEditProfile{display:flex;flex-direction:column;align-items:center}.FormEditProfile form{display:flex;flex-direction:column;align-items:center;justify-items:center;justify-content:space-between;border:1px solid white;border-radius:.5rem;width:20rem;height:20rem;margin:.5rem;padding:.5rem}.FormEditProfile button{margin:.75rem}.FormEditAddress{display:flex;flex-direction:column;align-items:center}.FormEditAddress form{display:flex;flex-direction:column;align-items:center;justify-items:center;justify-content:space-between;border:1px solid white;border-radius:.5rem;width:20rem;height:20rem;margin:.5rem;padding:.5rem}.FormEditAddress button{margin:.75rem}.FormAddAddress{display:flex;flex-direction:column;align-items:center}.FormAddAddress form{display:flex;flex-direction:column;align-items:center;justify-items:center;justify-content:space-between;border:1px solid white;border-radius:.5rem;width:20rem;height:20rem;margin:.5rem;padding:.5rem}.FormAddAddress button{margin:.75rem}.ProductCreatePage{margin:0;padding:0;background-color:#fff;width:100%}.ProductCreatePage .container{width:90%;margin:0 auto}.ProductCreatePage Form{margin-top:1rem;display:flex;flex-direction:column;background-color:#faebd7;padding-top:3rem}.ProductCreatePage Form input{width:100%;padding:8px 20px;margin:3px 0;box-sizing:border-box}.ProductCreatePage Form textarea{width:100%;height:150px;padding:12px 20px;box-sizing:border-box;border:2px solid #ccc;border-radius:4px;background-color:#f8f8f8;resize:none}.ProductCreatePage Form .form-box{display:flex;flex-direction:row;justify-content:space-evenly;gap:3rem}.ProductCreatePage Form button{width:10rem;margin:2rem auto}.ProductCreatePage p{margin:0;padding:0}.ProductCreatePage h2{margin:0}.ProductCreatePage h5{font-family:"Lora&display";font-weight:700;font-size:1.2rem}.DetailedProductCard{margin:0;padding:0;background-color:#fff;width:90vw}.DetailedProductCard .container{width:90%;margin:0 auto}.DetailedProductCard .title{display:flex;flex-direction:column;align-items:flex-end}.DetailedProductCard .title .h2{margin:0}.DetailedProductCard .h5{font-family:"Lora&display";font-weight:700;font-size:1.2rem}.DetailedProductCard .buttons{display:flex;justify-content:center;margin:1rem 0 0;gap:2rem}.DetailedProductCard .btn-block{margin-bottom:2rem;margin-right:1rem;background-color:#000}.DetailedProductCard .btn-block:hover{background-color:gray;border-color:gray}.DetailedProductCard .product-info{display:flex;flex-direction:column;gap:1.5rem;justify-content:right}.DetailedProductCard .product-details{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem}.DetailedProductCard .product-details table{border-bottom:1px solid black}.DetailedProductCard .product-details td{width:15rem;text-align:right}.DetailedProductCard tr,.DetailedProductCard .countInStock,.DetailedProductCard .brand{font-size:1.2rem;font-weight:300;line-height:2rem}.DetailedProductCard tr{position:relative}.DetailedProductCard td:nth-child(2){text-align:right}.DetailedProductCard input{border:none;font-size:1.2rem;font-weight:300;font-family:Roboto}.DetailedProductCard td .price{font-size:2rem;color:#ea5d2a;margin-bottom:2rem;text-align:right}.DetailedProductCard .description{border-top:1px solid black;padding-top:1rem;padding-bottom:3rem}.DetailedProductCard .description p{font-size:1rem;font-weight:200}.DetailedProductCard .product-details .add-btn{display:flex;justify-content:flex-end;margin:3rem 0 1rem}.product-details picture{width:100%;height:100%;object-fit:contain}.product-details picture img{width:30rem;height:100%}.product-details input{text-align:right}.product-details .message{color:#ea5d2a}.EditProductForm{margin:0;padding:0;background-color:#fff;width:100%}.EditProductForm .container{width:90%;margin:0 auto}.EditProductForm Form{margin-top:1rem;display:flex;flex-direction:column;background-color:#faebd7;padding-top:3rem}.EditProductForm Form input{width:100%;padding:8px 20px;margin:3px 0;box-sizing:border-box}.EditProductForm Form textarea{width:100%;height:150px;padding:12px 20px;box-sizing:border-box;border:2px solid #ccc;border-radius:4px;background-color:#f8f8f8;resize:none}.EditProductForm Form .form-box{display:flex;flex-direction:row;justify-content:space-evenly;gap:3rem}.EditProductForm Form button{width:10rem;margin:2rem auto}.EditProductForm p{margin:0;padding:0}.EditProductForm h2{margin:0 5rem}.EditProductForm h5{margin:0 5rem;font-family:"Lora&display";font-weight:700;font-size:1.2rem}.CartPage{display:flex;flex-direction:row;justify-content:space-between;margin-top:5rem}.msg-empty{display:flex;justify-content:center;margin-top:25%;font-size:2rem}.CartPage .productInCart{background-color:#fff;display:flex;flex-direction:row;align-items:center;text-align:center;justify-content:center;gap:5rem;padding:1rem 2rem;margin-top:1rem;border:1px solid grey;border-radius:.5rem;max-width:100%}.CartPage .productInCart div{width:5rem}.CartPage .checkout{margin-top:1rem;display:flex;flex-direction:column;justify-content:space-between;text-align:center;padding:1.5rem;max-width:100%;max-height:10rem;border:1px solid grey;border-radius:.5rem}.checkout button{margin-top:1rem;background-color:#000;display:flex;align-items:center;border:none}.remove-all-btn button{margin-top:2rem;background-color:red;display:flex;align-items:center;font-size:1rem;border:none}.btn-delete,.btn-delete:hover{background-color:#fff;max-width:2rem;border:none}.text{color:#454444;font-size:.9rem}.PaymentMethod .error{color:red}.PaymentMethod h3{margin:1.5rem}.PaymentMethod form button{margin:0 10.5rem}.PaymentMethod{margin:2rem 0}.PaymentMethod form{margin:1.5rem;display:flex;align-items:center;gap:7rem}.CreditCardForm{margin:2rem 0}.CreditCardForm form{margin:1.5rem;display:flex;align-items:center;gap:8rem}.CheckOutPage{margin:0;padding:0;background-color:#fff;width:100%}.CheckOutPage .form{margin:0 5rem}.CheckOutPage h2,.CheckOutPage .shippingAddress h3{margin:1.5rem}.CheckOutPage .shippingAddress{margin:1.5rem;display:flex;align-items:center;gap:7rem}