@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:url(/static/media/Nunito-Regular.9d7a6e03c6e3ed49c7ac.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;src:url(/static/media/Nunito-Bold.275dd55e10ba966bcb9b.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-buttons{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.login-buttons button{cursor:pointer;font-size:16px;margin:10px;padding:10px 20px}:root{font-size:16px}.login-container{border-radius:.5rem;display:flex;flex-direction:column;height:27.5rem;justify-content:center;margin-bottom:20px;padding:1.25rem;text-align:center;width:20.5rem}.login-container h2{margin-top:0}.login-container-parent{height:90vh;justify-content:center;margin:0;padding:0}.install-container,.login-container-parent{align-items:center;display:flex;flex-direction:column}.install-container{background-color:#f8f8f8;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.25rem;padding:1.25rem}.install-message{color:#333;font-size:1.125rem;font-weight:700;margin-bottom:.9375rem}.install-button{background-color:#14add6;border:none;border-radius:.25rem;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.0625rem;padding:.75rem 1.5rem;text-transform:uppercase;transition:background-color .3s ease}.install-button:hover{background-color:#384295}.form-group{display:flex;flex-direction:column;margin-bottom:.9375rem}.form-group label{display:block;margin-bottom:.3125rem}.form-group button,.form-group input{border:.0625rem solid #ccc;border-radius:.25rem;box-sizing:border-box;padding:.825rem}.form-group button{background-image:linear-gradient(180deg,#14add6,#384295);border:none;border-radius:.25rem;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;margin-top:.9375rem;padding:.925rem;transition:background-color .3s ease}.form-group button:hover{background-color:#0e80a7}.all-users-container{align-items:center;display:flex;flex-direction:column;padding:20px}.create-user-form,.edit-user-form{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding:10px;width:300px}.create-user-form>*,.edit-user-form>*{margin-bottom:10px}.edit-user-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px}.edit-user-buttons>*{margin:0 10px}.all-users-list{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;width:100%}.user-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;margin:10px;max-width:300px;padding:20px;text-align:center;width:100%}.user-card p{color:#555;font-size:14px;margin:5px 0}.user-card p:first-child{color:#333;font-size:16px;font-weight:700}.back-button{margin-bottom:10px}.btn{background-color:#0e80a7;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none}.all-user-search{border-radius:20px;padding:10px;text-align:center;width:90%}.overlay{background-color:#0000001a;height:100%;justify-content:center;left:0;position:fixed;top:0;z-index:999}.overlay,.overlay-content{align-items:center;display:flex;width:100%}.overlay-content{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000004d;flex-direction:column;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative}.overlay-content .edit-user-form{display:flex;flex-direction:column;gap:1rem}.overlay-content .edit-user-form .btn{align-self:flex-end}.overlay-close{color:#333;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem}.overlay-close:hover{color:#666}.user-card-buttons{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.user-card-buttons .btn{background-color:#0e80a7;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.user-card-buttons .btn:hover{background-color:#0056b3}button{background-color:#0e80a7;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-right:8px;margin-top:20px;padding:15px 16px;transition:background-color .3s ease}button:hover{background-color:#0056b3}.modal{background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#fefefe;border:1px solid #888;margin:15% auto;padding:20px;width:30%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.article-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.article-card h2{color:#333;font-size:24px;margin-bottom:16px;margin-top:0}.article-carousel,.article-variants{margin-bottom:20px}.article-variants{display:flex;flex-wrap:wrap;justify-content:space-between}.variant-box{background-color:#0d7ca1;border-radius:10px;box-shadow:0 2px 4px #0003;margin-bottom:12px;padding:12px;transition:transform .3s ease;width:30%}.variant-box:hover{transform:translateY(-5px)}.variant-attributes{color:#fff;font-size:14px;margin-bottom:8px}.variant-stock{color:#fff;font-weight:700}.article-details{color:#555;font-size:14px;justify-content:space-between}.article-details div{margin-right:16px}.article-carousel img{height:300px;max-width:300px}.article-cards-container{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:20px}@media (max-width:768px){.article-cards-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.article-cards-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.admin-search-articles{border:1px solid #000;border-radius:25px;box-shadow:0 2px 5px #0000001a;font-size:1rem;margin-bottom:20px;padding:.8rem 1rem;text-align:center;transition:box-shadow .3s ease;width:80%}.admin-search-articles:focus{box-shadow:0 2px 10px #0003;outline:none}.dark-overlay{background-color:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.center-buttons,.dark-overlay{align-items:center;display:flex;justify-content:center}.attribute-input{border:1px solid #ccc!important;border-radius:4px!important;box-sizing:border-box!important;font-size:16px!important;padding:10px 12px!important;width:100%!important}.attribute-input:focus{border-color:#2196f3!important;outline:none!important}.search-results{margin-top:8px;max-height:200px;overflow-y:auto}.search-results ul{list-style-type:none;margin:0;padding:0}.search-results li{cursor:pointer;padding:8px}.search-results li:hover{background-color:#f5f5f5}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px #000000e6;cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px #000000e6;top:0}.carousel:hover .slide .legend{opacity:1}.suggestions{background-color:#fff;border:1px solid #ccc;border-top:none;list-style-type:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:1}.suggestions li{cursor:pointer;padding:10px}.suggestions li:hover{background-color:#f5f5f5}.upload-container{gap:20px}.upload-box,.upload-container{align-items:center;display:flex;flex-direction:column}.upload-box{justify-content:center;position:relative}.file-input{display:none}.file-label{background-color:#0e80a7;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.preview-image{margin-top:10px;max-height:300px;max-width:300px}.upload-btn{background-color:#0f73c5}.remove-image,.upload-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.remove-image{background-color:#a6370b}.upload-btn:disabled{background-color:#ccc;cursor:not-allowed}.image-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.image-container{position:relative}.image{max-height:200px;max-width:200px}.delete-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;position:absolute;right:5px;top:5px}.css-nrdprl-MuiTypography-root{font-weight:700!important}.attribute-options{margin-bottom:10px}.attribute-options label{color:#555;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.selectable-boxes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.selectable-box{background-color:#0e80a7;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;position:relative;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.selectable-box:hover{transform:scale(1.05)}.selectable-box.selected{box-shadow:0 0 12px #0e80a7cc}.selectable-box.selected:after{background-color:#0e80a74d;border-radius:6px;bottom:-4px;content:"";left:-4px;pointer-events:none;position:absolute;right:-4px;top:-4px}.card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto 2rem;overflow:hidden;width:90%}.card-content{display:flex;flex-direction:column}.card-image{height:350px;position:relative;width:100%}.card-details{background-color:#fff;flex-grow:1;padding:1rem;position:relative;z-index:1}.card-title{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.card-price{color:#0e80a7;font-size:1rem;font-weight:500}.card-attributes,.card-price{margin-bottom:1rem}.card-quantity button{align-items:center;background-color:#0e80a7;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;transition:background-color .3s ease}.card-quantity button:hover{background-color:#0c6c8d}.card-quantity button svg{height:1em;width:1em}.card-quantity span{color:#333;font-size:1.2rem;font-weight:500;margin:15px 1rem 0}.carousel .control-next.control-arrow,.carousel .control-prev.control-arrow{align-items:center;background-color:#00000080;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:30px;justify-content:center;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:30px}.carousel .control-next.control-arrow:hover,.carousel .control-prev.control-arrow:hover{background-color:#000c}.carousel .control-next.control-arrow:before,.carousel .control-prev.control-arrow:before{border:none;content:""}.card-image img{height:100%;object-fit:cover;width:100%}@media (max-width:768px){.card{width:90%}}.selectable-box.out-of-stock{background-color:red;color:#fff}.user-all-articles-container,.user-container{min-height:100vh;position:relative}.user-container{display:flex;flex-direction:column;padding-bottom:60px}.card-container-wrapper{display:flex;flex-direction:column;flex-grow:1}.bottom-navigation{bottom:0;position:fixed;width:100%;z-index:5}.small-card{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;font-family:Poppins,sans-serif;gap:20px;height:130px;justify-content:space-between;margin:.5rem auto;padding:.5rem;width:1200px}.small-card-section{align-items:center;display:flex;gap:.5rem}.small-card-image{border-radius:8px;height:130px;overflow:hidden;width:130px}.small-card-image img{height:100%;object-fit:cover;width:100%}.small-card-price{color:#0e80a7;font-size:.9rem;font-weight:600}.small-card-attribute{font-size:.8rem;font-weight:600;margin-right:.25rem;text-align:left}.small-card-attributes{display:flex;gap:.25rem}.small-card-attribute span,.small-card-attributes{background-color:#f5f5f5;border-radius:4px;display:inline-block;font-size:.75rem;padding:.15rem .25rem}.small-card-attributes span span{font-weight:500}.quantity-controls{align-items:center;display:flex;margin-left:auto}.quantity-controls button{align-items:center;background-color:#0e80a7;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.85rem;justify-content:center;padding:.5rem;transition:background-color .3s ease}.quantity-controls button:hover{background-color:#0c6c8d}.quantity-controls span{font-size:.9rem;font-weight:500;margin:0 .5rem}.small-card-total{color:#0e80a7;font-size:.9rem;font-weight:600;margin-left:.5rem}@media (max-width:768px){.small-card{align-items:flex-start;flex-direction:column;gap:0;height:auto;padding:.75rem;width:330px}.small-card-section{justify-content:space-between;margin-bottom:.5rem;width:100%}.small-card-attributes{flex-wrap:nowrap;overflow-x:auto}.quantity-controls{margin-left:0}.small-card-total{margin-left:0;margin-top:.5rem}}.placeorder-input-container{display:flex;justify-content:center;margin:2rem auto}.placeorder-input-container input{border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;max-width:80%;outline:none;padding:.75rem 1rem;transition:border-color .3s ease;width:300px}.placeorder-input-container input:focus{border-color:#0e80a7}.place-order-button{background-color:#0e80a7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-left:1rem;margin-top:20px;outline:none;padding:.75rem 1.5rem;transition:background-color .3s ease}.place-order-button:hover{background-color:#0c6c8d}@media (max-width:768px){.placeorder-input-container{align-items:center;flex-direction:column;margin:1.5rem auto}.placeorder-input-container input{margin-bottom:1rem;max-width:100%;width:100%}.place-order-button{margin-left:0}}.order-container{background-color:#fff;border:1px solid #000;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:Nunito,sans-serif;margin:0 auto 20px;max-width:85%;padding:2rem}.order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.order-header h2{color:#333;font-size:1.5rem;font-weight:700}.order-status{font-size:1rem;font-weight:600}.article-details{border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-wrap:wrap;margin-bottom:.5rem;padding:.8rem}.article-details h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.article-details p{margin-bottom:.25rem}.attribute-key{font-weight:600;margin-right:.5rem}@media (max-width:768px){.order-container{padding:1rem}.order-header{align-items:flex-start;flex-direction:column}.order-status{margin-top:.1rem}}@media (max-width:600px){.search-container{align-items:center;display:flex;justify-content:space-between;margin-left:10px;width:600px}.search-container .MuiTextField-root{margin-bottom:16px}.search-container .MuiButton-root{margin-left:0}}