body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;max-width:100%;overflow-x:hidden}body .App .link{color:inherit;text-decoration:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app.dark{background-color:#222;color:#9c9c9c}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.219)}.app.dark .table{background-color:#111}.app.dark .table .tableCell{color:gray}.app.dark .navbarAdmin{border-color:#333;color:gray}.app.dark .navbarAdmin .search{border-color:gray}.app.dark .sidebarAdmin{background-color:#111;border-color:#333}.app.dark .sidebarAdmin .top .logo{color:#999}.app.dark .sidebarAdmin hr{border-color:#333}.app.dark .sidebarAdmin ul li:hover{background-color:#333}.app.dark .datatable .datagrid{border:none;color:gray}.app.dark .datatable .datagrid .cellWithStatus,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .viewButton{color:gray}.app.dark input{background-color:#0000}.slider{height:calc(100vh - 80px);overflow:hidden;position:relative;width:100vw}.slider .contain{display:flex;height:100%;transition:all 1s ease;width:300vw}.slider .contain img{height:100%;object-fit:cover;width:100vw}.slider .icons{bottom:100px;display:flex;gap:10px;left:0;margin:auto;position:absolute;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.slider .icons .icon{align-items:center;border:1px solid #999;cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}.productFeature{margin:100px 200px}.productFeature .top{align-items:center;display:flex;justify-content:space-between;margin-bottom:50px}.productFeature .top h1{flex:2 1;text-transform:capitalize}.productFeature .top p{color:gray;flex:3 1}.productFeature .bottom{display:flex;gap:50px;justify-content:center}.card{display:flex;flex-direction:column;gap:10px;margin-bottom:40px;width:280px}.card .image{height:400px;overflow:hidden;position:relative;width:100%}.card .image:hover .secondImg{z-index:2}.card .image img{height:100%;object-fit:cover;position:absolute;width:100%}.card .image .mainImg{z-index:1}.card .image span{background-color:#fff;color:teal;font-size:12px;font-weight:500;left:5px;padding:3px 5px;position:absolute;top:5px;z-index:3}.card h2{font-size:25px;font-weight:400}.card .prices{display:flex;gap:20px}.card .prices h3{font-size:25px;font-weight:500}.card .prices h3:first-child{color:red;font-size:18px;text-decoration:line-through}.card .icon{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.card .icon .MuiSvgIcon-root{cursor:pointer;font-size:24px}.card .icon .MuiSvgIcon-root:hover{color:teal}.categories{display:flex;gap:10px;height:80vh;margin:10px}.categories .col{display:flex;flex:1 1;flex-direction:column;gap:10px}.categories .col-l{flex:2 1}.categories .row{display:flex;flex:1 1;gap:10px;overflow:hidden;position:relative}.categories .row button{background-color:#fff;border:none;bottom:0;cursor:pointer;font-weight:500;height:50px;left:0;margin:auto;min-width:100px;padding:10px;position:absolute;right:0;text-transform:uppercase;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.categories .row img{height:100%;object-fit:cover;width:100%}.list .imgage{margin-left:10px}.list .case{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:50px}.products{display:flex;margin:60px 20px}.products .toolbar{flex:1 1;height:100%;position:-webkit-sticky;position:sticky;top:50px}.products .toolbar .filterItem{margin-bottom:30px}.products .toolbar .filterItem h2{font-weight:400;margin-bottom:20px}.products .contain{flex:4 1}.productDetails{display:flex;gap:50px;margin-top:50px;padding:20px}.productDetails .left{display:flex;flex:1 1;gap:20px}.productDetails .left .images{flex:1 1}.productDetails .left .images img{cursor:pointer;height:150px;margin-bottom:10px;object-fit:cover;width:100%}.productDetails .left .mainImg{flex:5 1}.productDetails .left .mainImg img{max-height:800px;object-fit:cover;width:100%}.productDetails .right{display:flex;flex:1 1;flex-direction:column;gap:30px}.productDetails .right .price{color:#2879fe;font-size:30px;font-weight:500}.productDetails .right p{font-size:18px;font-weight:300;text-align:justify}.productDetails .right .color-buttons{align-items:center;display:flex;gap:10px}.productDetails .right .color-button{border:none;cursor:pointer;height:50px;outline:none;transition:all .3s ease;width:10px}.productDetails .right .color-button.active{border:2px solid #000}.productDetails .right .color-name{font-size:14px;text-align:left}.productDetails .right .quantity{align-items:center;display:flex;gap:10px}.productDetails .right .quantity button{height:50px;width:50px}.productDetails .right .add,.productDetails .right .quantity button{align-items:center;border:none;cursor:pointer;display:flex;justify-content:center}.productDetails .right .add{background-color:#2879fe;color:#fff;font-weight:500;gap:20px;padding:10px;width:250px}.productDetails .right .links{display:flex;gap:20px}.productDetails .right .links .item{align-items:center;color:#2879fe;display:flex;font-size:14px;gap:10px}.productDetails .right .info{color:gray;display:flex;flex-direction:column;font-size:14px;gap:10px;margin-top:20px}.productDetails .right .info hr{border:1px solid #a3a2a2;margin-left:0;width:200px}.productDetails .right hr{border:1px solid #d6d6d6;width:100%}.about{padding:40px;text-align:center}.about h2{font-size:24px;margin-bottom:20px}.about p{font-size:16px;margin-bottom:10px}.contact{padding:40px;text-align:center}.contact h2{font-size:2rem;margin-bottom:2rem}.contact .contact-details{display:flex;justify-content:space-between}.contact .contact-details .contact-form,.contact .contact-details .contact-info{border:1px solid #ddd;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:1rem;width:48%}.contact .contact-details .contact-form h3,.contact .contact-details .contact-info h3{font-size:1.5rem;margin-bottom:1rem}.contact .contact-details .contact-form p,.contact .contact-details .contact-info p{margin:.5rem 0}.contact .contact-details .contact-form label,.contact .contact-details .contact-info label{display:block;margin-bottom:.5rem}.contact .contact-details .contact-form input,.contact .contact-details .contact-form textarea,.contact .contact-details .contact-info input,.contact .contact-details .contact-info textarea{border:1px solid #ddd;border-radius:4px;margin-bottom:.75rem;padding:.75rem;transition:border-color .3s ease-in-out;width:90%}.contact .contact-details .contact-form input:focus,.contact .contact-details .contact-form textarea:focus,.contact .contact-details .contact-info input:focus,.contact .contact-details .contact-info textarea:focus{border-color:#007bff;outline:none}.contact .contact-details .contact-form button,.contact .contact-details .contact-info button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .3s ease-in-out}.contact .contact-details .contact-form button:hover,.contact .contact-details .contact-info button:hover{background-color:#0056b3}.account{align-items:center;display:flex;flex-direction:column;padding:40px}.account .profile-header{color:#ee4d2d;font-size:24px;margin-bottom:20px}.account .profile-details{border:1px solid #ddd;border-radius:8px;padding:20px;text-align:left;width:400px}.account .profile-details p{margin:10px 0}.account .profile-details p span{font-weight:700}.account .profile-details button{background-color:#ee4d2d;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:20px;padding:8px 16px;transition:background-color .3s}.account .profile-details button:hover{background-color:#f30}.account .profile-details .link{color:#ee4d2d;text-decoration:none}.account .profile-details .link:hover{text-decoration:underline}.auth{align-items:center;background-color:#f9f9f9;display:flex;flex-direction:column;height:100vh;justify-content:center}.auth h1{color:#2196f3;font-size:48px;margin-bottom:30px}.auth h3{color:#2196f3;font-size:24px;margin-bottom:20px}.auth form{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:20px;margin:20px;padding:40px;text-align:center;width:400px}.auth form input{border:1px solid #ccc;border-radius:6px;font-size:16px;outline:none;padding:16px;transition:border-color .2s ease-in-out;width:90%}.auth form input:focus{border-color:#2196f3}.auth form .button-container{display:flex;flex-wrap:wrap;gap:20px}.auth form button{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;height:50px;justify-content:center;outline:none;padding:16px;transition:background-color .2s ease-in-out;width:150px}.auth form button svg{font-size:24px}.auth form .email-button,.auth form .regis-button{background-color:#2196f3}.auth form p{color:#f44336}.auth form p,.auth form span{font-size:14px;text-align:center}.auth form span a{color:#2196f3;font-weight:600;text-decoration:none}.auth form span a:hover{text-decoration:underline}.auth .error-message{color:#f44336}.auth .error-message,.auth .success-message{font-size:14px;margin-top:5px;text-align:left}.auth .success-message{color:green}.navbar{background-color:#000;color:#fff;width:100vw}.navbar .wrapper{display:flex;justify-content:space-between;padding:10px 30px}.navbar .wrapper .item{align-items:center}.navbar .wrapper img{width:20px}.navbar .wrapper .left,.navbar .wrapper .right{align-items:center;display:flex;gap:25px}.navbar .wrapper .right .icons{color:#979797;cursor:pointer;display:flex;gap:25px}.navbar .wrapper .right .icons .search-bar{align-items:center;background-color:#fff;border:1px solid #ccc;display:flex;padding:5px;position:absolute;right:0;top:5%;width:240px;z-index:10}.navbar .wrapper .right .icons .search-bar input{border:none;flex-grow:1;font-size:14px;outline:none;padding:8px}.navbar .wrapper .right .icons .search-bar button{background-color:#007bff;border:none;color:#fff;cursor:pointer;font-size:14px;outline:none;padding:8px 12px}.navbar .wrapper .right .icons .dropdown-menu{background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 4px #0000001a;display:none;flex-direction:column;position:absolute;right:6.5%;top:6.5%;z-index:10}.navbar .wrapper .right .icons .dropdown-menu.active{display:flex}.navbar .wrapper .right .icons .dropdown-link{color:#000;padding:10px 15px;text-decoration:none}.navbar .wrapper .right .icons .dropdown-link:hover{background-color:#f0f0f0}.navbar .wrapper .right .cartIcon{position:relative}.navbar .wrapper .right .cartIcon span{align-items:center;background-color:#2879fe;border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-10px;top:-10px;width:20px}.Cart{background-color:#fff;box-shadow:10px 10px 70px -2px #3f3d3d80;padding:20px;position:absolute;right:10px;top:50px;z-index:999}.Cart h1{color:gray;font-size:24px;font-weight:400;margin-bottom:30px}.Cart .item{align-items:center;display:flex;gap:20px;margin-bottom:30px}.Cart .item img{height:100px;object-fit:cover;width:80px}.Cart .item .details h1{font-size:18px;font-weight:500}.Cart .item .details p{color:gray;font-size:14px;margin-bottom:10px}.Cart .item .details .price{color:#2879fe}.Cart .item .delete{color:red;cursor:pointer;font-size:30px}.Cart .total{font-size:18px;justify-content:space-between}.Cart .total,.Cart button{display:flex;font-weight:500;margin-bottom:20px}.Cart button{align-items:center;background-color:#2879fe;border:none;color:#fff;cursor:pointer;gap:20px;justify-content:center;padding:10px;width:250px}.Cart .reset{color:red;cursor:pointer;font-size:12px}.footer{margin:100px 200px 20px}.footer .top{display:flex;gap:50px}.footer .top .item{display:flex;flex:1 1;flex-direction:column;font-size:14px;gap:10px;text-align:justify}.footer .top .item h1{color:#555;font-size:18px;font-weight:500}.footer .top .item span{color:gray}.footer .bottom{justify-content:space-between;margin-top:50px}.footer .bottom,.footer .bottom .left{align-items:center;display:flex}.footer .bottom .left .logo{color:#2879fe;font-size:24px;font-weight:700}.footer .bottom .left .copyright{color:gray;font-size:12px;margin-left:20px}.footer .bottom .right img{height:50px}.homeAdmin{display:flex}.homeAdmin .homeContainer{flex:6 1}.homeAdmin .homeContainer .charts,.homeAdmin .homeContainer .widgets{display:flex;gap:20px;padding:20px}.homeAdmin .homeContainer .charts{padding:5px 20px}.homeAdmin .homeContainer .listContainer{box-shadow:2px 4px 10px 1px #c9c9c978;margin:20px;padding:20px}.homeAdmin .homeContainer .listContainer .listTitle{color:gray;font-weight:500;margin-bottom:15px}.sidebarAdmin{background-color:#fff;border-right:.5px solid #ebeaea;flex:1 1;min-height:100vh}.sidebarAdmin .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebarAdmin .top .logo{color:#006400;font-size:20px;font-weight:700}.sidebarAdmin hr{border:.5px solid #ebeaea;height:0}.sidebarAdmin .center{padding-left:10px}.sidebarAdmin .center ul{list-style:none;margin:0;padding:0}.sidebarAdmin .center .title{color:#a98c8c;font-size:10px;font-weight:700;margin-bottom:5px;margin-top:15px}.sidebarAdmin .center li{align-items:center;cursor:pointer;display:flex;padding:5px}.sidebarAdmin .center li:hover{background-color:#d2e4d2}.sidebarAdmin .center li .icon{color:#006400;font-size:18px}.sidebarAdmin .center li span{color:#a98c8c;font-size:13px;font-weight:600px;margin-left:10px}.sidebarAdmin .bottom{align-items:center;display:flex;margin-left:10px}.sidebarAdmin .bottom .colorOption{border:1px solid #006400;border-radius:5px;cursor:pointer;height:20px;margin:5px;width:20px}.sidebarAdmin .bottom .colorOption:first-child{background-color:#f5f5f5}.sidebarAdmin .bottom .colorOption:nth-child(2){background-color:#000}.navbarAdmin{align-items:center;border-bottom:.5px solid #ebeaea;color:#555;display:flex;font-size:14px;height:50px}.navbarAdmin .wrapper{align-items:center;display:flex;justify-content:space-between;padding:20px;width:100%}.navbarAdmin .wrapper .search{align-items:center;border:.5px solid #e0dddd;display:flex;padding:3px}.navbarAdmin .wrapper .search input{background-color:#0000;border:none;outline:none}.navbarAdmin .wrapper .search input::placeholder{font-size:12px}.navbarAdmin .wrapper .items{display:flex}.navbarAdmin .wrapper .items .item{align-items:center;display:flex;margin-right:20px;position:relative}.navbarAdmin .wrapper .items .item .icon{font-size:20px}.navbarAdmin .wrapper .items .item .avatar{border-radius:50%;height:30px;width:30px}.navbarAdmin .wrapper .items .item .counter{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:15px;justify-content:center;position:absolute;right:-5px;top:-5px;width:15px}.widget{border-radius:10px;box-shadow:2px 4px 10px 1px #c9c9c978;flex:1 1;height:100px;padding:10px}.widget,.widget .left,.widget .right{display:flex;justify-content:space-between}.widget .left,.widget .right{flex-direction:column}.widget .left .title,.widget .right .title{color:#b6adad;font-size:14px;font-weight:700}.widget .left .counter,.widget .right .counter{font-size:28px;font-weight:300px}.widget .left .link,.widget .right .link{border-bottom:1px solid gray;font-size:12px;width:-webkit-max-content;width:max-content}.widget .left .percentage,.widget .right .percentage{align-items:center;display:flex;font-size:14px}.widget .left .percentage.positive,.widget .right .percentage.positive{color:#4d4ddb}.widget .left .percentage.negative,.widget .right .percentage.negative{color:red}.widget .left .icon,.widget .right .icon{align-self:flex-end;border-radius:5px;font-size:18px;padding:5px}.featured{box-shadow:2px 4px 10px 1px #c9c9c978;flex:2 1;padding:10px}.featured .top{align-items:center;color:gray;display:flex;justify-content:space-between}.featured .top .title{font-size:16px;font-weight:500}.featured .bottom{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px}.featured .bottom .featuredChart{height:100px;width:100px}.featured .bottom .title{color:gray;font-weight:500px}.featured .bottom .amount{font-size:30px}.featured .bottom .desc{color:gray;font-size:12px;font-weight:300;text-align:center}.featured .bottom .summary{align-items:center;display:flex;justify-content:space-between;width:100%}.featured .bottom .summary .item{text-align:center}.featured .bottom .summary .item .itemTitle{color:gray;font-size:14px}.featured .bottom .summary .item .itemResult{align-items:center;display:flex;font-size:14px;margin-top:10px}.featured .bottom .summary .item .itemResult.positive{color:blue}.featured .bottom .summary .item .itemResult.negative{color:red}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.chart{box-shadow:2px 4px 10px 1px #c9c9c978;color:gray;flex:4 1;padding:10px}.chart .title{margin-bottom:20px}.table .cellWrapper{align-items:center;display:flex}.table .cellWrapper .image{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.table .status{border-radius:5px;padding:5px}.table .status.Approved{background-color:rgba(0,128,0,.151);color:green}.table .status.Pending{background-color:rgba(189,189,3,.103);color:#daa520}.listAdmin{display:flex;width:100%}.listAdmin .listContainer{flex:6 1}.datatable{height:600px;padding:20px}.datatable .datatableTitle{align-items:center;color:gray;display:flex;font-size:24px;justify-content:flex-end;margin-bottom:10px;width:100%}.datatable .datatableTitle .link{border:1px solid green;border-radius:5px;color:green;cursor:pointer;font-size:16px;font-weight:400;padding:5px;text-decoration:none}.datatable .cellWithImg{align-items:center;display:flex}.datatable .cellWithImg .cellImg{border-radius:50%;height:32px;margin-right:20px;object-fit:cover;width:32px}.datatable .cellWithStatus{border-radius:5px;padding:5px}.datatable .cellWithStatus.active{background-color:rgba(0,128,0,.151);color:green}.datatable .cellWithStatus.passive{background-color:rgba(255,0,0,.078);color:red}.datatable .cellAction{align-items:center;display:flex;gap:15px}.datatable .cellAction .viewButton{border:1px dotted rgba(0,0,139,.616);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.datatable .cellAction .deleteButton{border:1px dotted rgba(70,10,10,.653);border-radius:5px;color:crimson;cursor:pointer;padding:2px 5px}.single{display:flex;width:100%}.single .singleContainer{flex:6 1}.single .singleContainer .top{display:flex;gap:20px;padding:20px}.single .singleContainer .top .left{box-shadow:2px 4px 10px 1px #c9c9c978;flex:1 1;padding:20px;position:relative}.single .singleContainer .top .left .editButton{background-color:rgba(0,100,0,.162);border-radius:0 0 0 5px;color:#006400;cursor:pointer;font-size:12px;padding:5px;position:absolute;right:0;top:0}.single .singleContainer .top .left .item{display:flex;gap:20px}.single .singleContainer .top .left .item .itemImg{border-radius:50%;height:100px;object-fit:cover;width:100px}.single .singleContainer .top .left .item .details .itemTitle{color:#555;margin-bottom:10px}.single .singleContainer .top .left .item .details .detailItem{font-size:14px;margin-bottom:10px}.single .singleContainer .top .left .item .details .itemKey{color:gray;font-weight:700;margin-right:5px}.single .singleContainer .top .left .item .details .itemValue{font-weight:300}.single .singleContainer .top .right{flex:2 1}.single .bottom{box-shadow:2px 4px 10px 1px #c9c9c978;margin:10px 20px;padding:20px}.single .title{color:#d3d3d3;font-style:16px;margin-bottom:20px}.new{display:flex;width:100%}.new .newContainer{flex:6 1}.new .newContainer .bottom,.new .newContainer .top{box-shadow:2px 4px 10px 1px #c9c9c978;display:flex;margin:20px;padding:10px}.new .newContainer .bottom h1,.new .newContainer .top h1{color:#d3d3d3;font-size:20px}.new .newContainer .bottom .left,.new .newContainer .top .left{flex:1 1;text-align:center}.new .newContainer .bottom .left img,.new .newContainer .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.new .newContainer .bottom .right,.new .newContainer .top .right{flex:2 1}.new .newContainer .bottom .right form,.new .newContainer .top .right form{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:40%}.new .newContainer .bottom .right form .formInput label,.new .newContainer .top .right form .formInput label{align-items:center;display:flex;gap:10px}.new .newContainer .bottom .right form .formInput label .icon,.new .newContainer .top .right form .formInput label .icon{cursor:pointer}.new .newContainer .bottom .right form .formInput input,.new .newContainer .top .right form .formInput input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}.new .newContainer .bottom .right form button,.new .newContainer .top .right form button{background-color:green;border:none;color:#fff;cursor:pointer;font-weight:700;height:40px;padding:10px;width:150px}.update-profile{align-items:center;display:flex;flex-direction:column;padding:20px}.update-profile h1{margin-bottom:20px}.update-profile form{display:flex;flex-direction:column;max-width:400px;width:100%}.update-profile form .form-group{margin-bottom:15px}.update-profile form .form-group label{font-weight:700}.update-profile form .form-group input[type=date],.update-profile form .form-group input[type=email],.update-profile form .form-group input[type=tel],.update-profile form .form-group input[type=text],.update-profile form .form-group select,.update-profile form .form-group textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px;width:100%}.update-profile form .form-group select{height:40px}.update-profile form .form-group input[type=date]{height:32px}.update-profile form button[type=submit]{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}.search-result-page{padding:20px}.search-result-page h1{margin-bottom:20px}.search-result-page .product-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.listProduct{display:flex;width:100%}.listProduct .listContainer{flex:6 1}.tab-container{align-items:center;display:flex;flex-direction:column}.tabs{display:flex;justify-content:center;margin-bottom:20px}.tab{background-color:#f0f0f0;cursor:pointer;flex:0 0 auto;margin:0 10px;padding:10px 20px;text-align:center}.tab.active{background-color:#1a581e;color:#fff}.tab-content{background-color:#fff;padding:20px;width:95%}.Checkout{align-items:center;flex-direction:column}.Checkout .CheckoutHeader{margin-bottom:20px;text-align:center}.Checkout .CheckoutHeader h1{font-size:24px}.Checkout .ItemContainer{display:flex;flex-direction:column;gap:20px;max-width:800px;width:100%}.Checkout .CartItem{align-items:center;border:1px solid #ccc;border-radius:10px;display:flex;padding:10px}.Checkout .CartItem .DeleteButton{background-color:#ff4d4d;border:none;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .3s ease}.Checkout .CartItem .DeleteButton:hover{background-color:#b30000}.Checkout .CartItem img{height:80px;margin-right:10px;object-fit:cover;width:80px}.Checkout .CartItem .ItemDetails{flex:1 1}.Checkout .CartItem .ItemDetails h2{font-size:18px;margin:0}.Checkout .CartItem .ItemDetails p{color:#888;font-size:14px;margin:5px 0}.Checkout .Total{display:flex;font-size:18px;font-weight:700;justify-content:flex-end;margin-top:20px;max-width:800px;width:100%}.Checkout .Total h2{color:#888;margin:0}.Checkout .Total p{font-size:50px;margin-left:10px}.Checkout .CheckoutButton{background-color:#52dc36;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.Checkout .CheckoutButton:hover{background-color:#0056b3}.Checkout{display:flex;font-family:Arial,sans-serif;height:50vh;padding:40px;text-align:center}.Checkout h1{font-size:28px;margin-bottom:20px}.Checkout .layout{display:flex;flex-direction:row}.Checkout .customer-info,.Checkout .payment-methods{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:50px}.Checkout .customer-info h2,.Checkout .payment-methods h2{font-size:24px;margin-bottom:15px}.Checkout .customer-info label,.Checkout .payment-methods label{display:block;font-size:18px;margin-bottom:20px}.Checkout .customer-info label input[type=radio],.Checkout .payment-methods label input[type=radio]{margin:5px}.Checkout .customer-info label input[type=text],.Checkout .payment-methods label input[type=text]{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-top:5px;padding:12px;width:95%}.Checkout .payment-methods{margin-bottom:190px;margin-left:50px}.Checkout .confirm-button{margin-top:auto}.Checkout button{background-color:#52dc36;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:12px 24px;transition:background-color .3s ease}.Checkout button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.1f7810dc.css.map*/