@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);@import url(https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&display=swap);.search-bar{display:flex;height:30px;justify-content:right;margin-top:10px;padding-bottom:40px;position:relative;right:10px;top:20px}.search-input{border:2px solid var(--black-color);border-radius:5px;height:7px;max-width:300px;padding:10px;width:40%}.search-button,.search-input{font-family:Merienda,serif;font-size:15px;font-style:normal;font-weight:400}.search-button{align-items:center;background-color:var(--silver-color);color:#000;display:flex;justify-content:center;margin-left:10px;padding:5px;position:relative}.search-button:hover{background-color:var(--hover-color)}.search-button:disabled{background-color:var(--dark-color)}.footer{background-color:#00000074;border-top:2px solid var(--silver-color);color:#fff;padding:7px 0;text-align:center;width:100%}.footer a{color:#000;font-weight:700;text-decoration:none}.footer a:hover{text-decoration:underline}.footer .contact-info{font-size:13px}.footer .contact-info p{font-family:Merienda,serif;font-style:normal;font-weight:400;margin:4px}.footer .contact-info p span{color:#000;font-weight:700}.footer .contact-info svg{padding:0 5px}.result-page{flex:1 1;flex-direction:column;font-family:Philosopher,serif;font-style:normal;font-weight:400;padding-bottom:30px}.result-page,.results-container{align-items:center;display:flex;text-align:center}.results-container{flex-direction:row;flex-wrap:wrap;justify-content:center}#genderp{margin:5px}.save-barcode-page{align-items:center;display:flex;flex-direction:column;width:100%}.save-barcode-page h3{font-size:25px;margin:0;padding:5px}.save-barcode-page form{align-items:center;display:flex;flex-direction:column;max-width:500px;width:50%}.save-barcode-page input{background-color:#fff;border-radius:5px;font-size:15px;height:7px;margin:3px 3px 10px;max-width:250px;padding:10px;width:90%}.save-barcode-page button{background-color:var(--silver-color);border-radius:10px;font-family:Merienda,serif;font-style:normal;font-weight:400;padding:10px 20px}.save-barcode-page button:hover{background-color:var(--hover-color)}.save-barcode-page button:disabled{background-color:var(--dark-color)}.barcode-list{width:100%}.barcode-cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:auto;width:95%}.barcode-card{padding:10px}.barcode-card img{height:130px;max-width:100%}.image-container{display:inline-block;position:relative}.image-container img{border:1px solid var(--dark-color);border-radius:8px;border-radius:10px;transition:transform .3s;width:100%}.image-container:hover img{opacity:.7;transform:scale(1.05)}.image-container .delete-button{background-color:#ff4d4d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;left:50%;opacity:0;padding:5px 10px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s}.image-container:hover .delete-button{opacity:1}#barcodesubmit{margin:8px 10px}.admin-page{font-family:Merienda,serif;font-style:normal;font-weight:400;padding-bottom:20px;text-align:center}.admin-page h1{font-size:35px}.admin-page h2{background:linear-gradient(45deg,#fff,var(--silver-color),#000,#000,#000,var(--silver-color),#fff);border-bottom:3px double var(--silver-color);border-top:3px solid var(--silver-color);color:#fff;font-size:25px;padding:5px}.admin-gallery{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:10px 30px}.admin-card{background-color:var(--silver-color);border:2px solid var(--dark-color);border-radius:10px;cursor:pointer;height:200px;overflow:hidden;position:relative;width:200px}.admin-card img{align-items:center;background-color:#000;background-color:var(--silver-color);display:flex;height:100%;justify-content:center;object-fit:cover;transition:transform .3s ease;width:100%}.admin-card:hover img{transform:scale(1.1)}.hover-overlay{align-items:center;background-color:#f009;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.admin-card:hover .hover-overlay{opacity:1}.delete-icon{color:#fff;font-size:24px;font-weight:700}#addshoe{background-color:var(--silver-color);border-radius:10px;color:#000;font-family:Merienda,serif;font-style:normal;font-weight:400;margin:8px 10px;padding:10px 20px;width:100%}#addshoe:hover{background-color:var(--hover-color)}#addshoe:disabled{background-color:var(--dark-color)}.preview input{width:90%}.preview input,.preview select{background-color:#fff;border:2px solid #000;border-radius:5px;margin:3px;padding:5px}.preview select{line-height:30px;width:99%}.preview form{flex-direction:column;max-width:150px;padding-bottom:20px;width:50%}.preview,.preview form{align-items:center;display:flex}.preview{color:#000;flex-direction:row;gap:10px;justify-content:center;padding:0 10px}.preview .shoe-card{max-width:250px;min-width:150px;width:50%}.preview .shoe-info{min-height:70px}.password-input-container{position:relative}.password-section{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:20px}.password-section input{height:7px;padding:10px;width:200px}.password-section button{background-color:var(--silver-color);color:#000;font-family:Merienda,serif;font-size:13px;font-style:normal;font-weight:400;margin-left:7px;padding:5px}.password-section button:disabled{background-color:var(--dark-color)}.password-section button:hover{background-color:var(--hover-color)}.eye-icon{cursor:pointer;position:absolute;right:10px;top:45%;transform:translateY(-50%)}nav{justify-content:center;padding:15px}.navbar,nav{display:flex}.navbar{align-items:center;border-radius:10px;box-shadow:0 2px 6px 3px var(--silver-color);height:30px;justify-content:space-around;padding:5px;position:relative;transition:background-color .3s ease,transform .3s ease;width:130px}.navbar:before{animation:glowing-model-button 20s linear infinite;background:linear-gradient(45deg,#fff,#fff,#fff,var(--silver-color),#fff,#fff,#fff,#fff);background-size:400%;filter:blur(5px);-webkit-filter:blur(5px);height:calc(100% + 4px);left:-2px;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}.navbar:after,.navbar:before{border-radius:10px;content:"";position:absolute}.navbar:after{background-color:var(--silver-color);height:100%;left:0;top:0;transition:background .3s ease,transform .3s ease;width:100%;z-index:-2}.navbar div{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;transition:background-color .3s;width:50%}.vertical-line{background-color:#000;height:40px;width:2px!important}.material-icons{font-size:26px;transition:color .5s}.barcode-icon,.keyboard-icon,.photo_library-icon{color:var(--silver-color)}.active{color:#000}#keyboard-content{display:flex;flex:1 1;flex-direction:column}#photo_library-content{display:none;flex:1 1;flex-direction:column}.add-paragraph{display:flex;flex-direction:column;max-width:330px;width:calc(80% + 30px)}.add-paragraph textarea{border:2px double var(--dark-color);border-radius:10px;height:auto;min-height:50px;outline:none;overflow:hidden;padding:15px 15px 0;resize:none}.add-paragraph button,.add-paragraph textarea{font-family:Merienda,serif;font-style:normal;font-weight:400}.add-paragraph button{background-color:var(--silver-color);border-radius:10px;margin:8px 10px;padding:10px 20px}.add-paragraph button:hover{background-color:var(--hover-color)}.box-admin{align-items:center;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#000;display:flex;font-family:Merienda,serif;font-size:16px;font-style:normal;height:auto;justify-content:flex-start;max-width:400px;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:calc(80% + 30px)}.box-admin:hover{box-shadow:0 6px 10px #0003;transform:translateY(-5px)}.box-admin button{background-color:var(--dark-color);border-radius:10px;border-bottom-left-radius:0;border-top-left-radius:0;cursor:pointer;height:100%;padding:0;position:absolute;right:0;width:auto;width:60px}.box-admin button,.box-admin textarea{font-family:Merienda,serif;font-style:normal;margin:0}.box-admin textarea{border:2px solid var(--dark-color);border-bottom-left-radius:10px;border-top-left-radius:10px;height:auto;max-height:none;min-height:50px;outline:none;overflow:hidden;padding:15px 25px 0 15px;resize:none;width:72%}.home-page{display:flex;flex:1 1;flex-direction:column}button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}button:disabled{background-color:#ddd;cursor:not-allowed}.show-all-button{background-color:var(--silver-color);border-radius:10px;border-radius:5px;color:#000;display:inline-block;font-size:.9rem;font-weight:700;margin:8px 10px;padding:10px 20px;text-decoration:none}.show-all-button:hover{background-color:var(--hover-color)}.gender-buttons{align-items:center;display:flex;flex-direction:column;gap:15px;padding:10px}.gender-buttons button{align-items:center;border:1px outset var(--silver-color);border-bottom-left-radius:5px;border-bottom-right-radius:15px;border-top-left-radius:15px;border-top-right-radius:5px;color:#fff;display:flex;font-family:Merienda,serif;font-size:18px;font-style:normal;font-weight:700;justify-content:center;overflow:hidden;padding:10px 20px;position:relative;transition:background-color .3s ease,transform .3s ease;width:200px;z-index:1}.gender-buttons button:before{animation:glowing-model-button 20s linear infinite;background:linear-gradient(45deg,#000,#000,#000,var(--silver-color),#000,#000,#000,#000);background-size:400%;content:"";filter:blur(5px);-webkit-filter:blur(5px);height:calc(100% + 4px);left:-2px;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}@keyframes glowing-model-button{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.gender-buttons button:after{background-color:var(--silver-color);content:"";height:100%;left:0;position:absolute;top:0;transition:background .3s ease,transform .3s ease;width:100%;z-index:-2}.kids-buttons{display:flex;flex-direction:row}.kids-buttons button{width:97px}#boy-button{border-bottom-right-radius:5px;border-top-right-radius:5px;margin-right:3px}#girl-button{border-bottom-left-radius:5px;border-top-left-radius:5px;margin-left:3px}.gender-buttons svg{font-size:25px;margin-right:10px;position:relative}.category-section{padding-bottom:20px}.gender-buttons .fa-child{font-size:22px}.gender-section p{font-size:20px}.gender-section{align-items:center;background:linear-gradient(to bottom,var(--silver-color) 0,var(--silver-color) 30px,#d3d2d2 60px,#fff 75px,#ffffff77 100%);border-top:2px solid #000;display:flex;flex:1 1;flex-direction:column;margin-top:-2px;padding:0 5px}.gender-section h3{margin-bottom:25px}.admin-button-container{margin-top:-60px;padding:10px}.delivery-info{display:flex;font-size:15px;justify-content:center;padding:0 15px}.delivery-info p{font-weight:700;max-width:400px}.delivery-info a{color:#000;font-family:Satisfy,serif;font-size:17px;font-style:italic;font-style:normal;font-weight:400;margin:2px;position:relative;text-decoration:none}.delivery-info a:before{background-color:var(--silver-color);bottom:2px;content:"";height:70%;left:-2px;position:absolute;transform:rotate(-2deg);width:calc(100% + 4px);z-index:-1}.waving-flag{display:inline-block;height:20px;margin:1px;padding-bottom:1px;vertical-align:middle;width:20px}.gender-buttons button:hover{animation:sizeAnimation .3s ease-in-out forwards}@keyframes sizeAnimation{0%{transform:scale(1)}to{transform:scale(1.1)}}.gender-buttons button:not(:hover){animation:removeHoverAnimation .3s ease-in-out forwards}@keyframes removeHoverAnimation{0%{transform:scale(1.1)}to{transform:scale(1)}}.info-container{display:flex;justify-content:space-between;width:200px}.info-container svg{margin:0}.info-button{text-align:center;width:64px!important}.admin-button{border-bottom-right-radius:5px!important;border-top-right-radius:5px!important}.barcode-button{border-radius:5px!important}.info-button-style{border-bottom-left-radius:5px!important;border-top-left-radius:5px!important}.scan-page{align-items:center;color:#333;display:flex;flex:1 1;flex-direction:column;text-align:center}.scanner-container{background-color:#000;border:2px double var(--dark-color);margin:10px;max-height:300px;max-width:400px;overflow:hidden;width:80%}.scanner-container video{width:100%}.scanner-container br,.scanner-container canvas{height:0;width:0}.result-container{margin:20px 0}.barcode-text,.price-text{color:var(--gold-color);font-size:20px;margin:5px}.error-text{color:red;font-size:16px}.back-button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.back-button:hover{background-color:#555}.gender-page{display:flex;flex:1 1;flex-direction:column}.gender-title{font-size:40px;margin:5px}.category-title{background-color:#000000d0;border-bottom:3px double #fff;border-top:3px solid #fff;color:#fff;font-size:30px;padding:10px}.category-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-evenly;overflow-x:auto;padding:10px}.category-image-row{display:flex;flex-direction:row;justify-content:space-between;overflow:scroll}.category-card{padding:10px 2px}.category-card p{margin:5px 0}.category-card img{background-color:#fff;border:1px solid #000;border-radius:10px;margin:0 10px;padding:5px;transition:transform .3s ease,border .3s ease;width:100px}.category-card.selected{border:2px solid #000;border-bottom:none;border-top-left-radius:10px;border-top-right-radius:10px;z-index:2}.category-card.selected,.category-card.selected:hover{background-color:var(--silver-color)}.category-card:hover{background-color:#c0c0c05d;border-bottom:none;border-top-left-radius:10px;border-top-right-radius:10px;z-index:2}.category-card:first-child:hover{border-left:none;border-top-left-radius:0}.category-card:last-child:hover{border-right:none;border-top-right-radius:0}.category-card.selected img{border:2px solid #000;transform:scale(1.1)}.category-card:first-child.selected{border-left:none;border-top-left-radius:0}.category-card:last-child{border-right:none;border-top-right-radius:0}#default{justify-content:center;margin:10px}#default,#default h3{align-items:center;display:flex}#default h3{flex-direction:column;text-align:center}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}@keyframes removeCursor{0%{border-right:2px solid #000}to{border-right:#0000}}#default h3 span{border-right:2px solid #0000;display:inline-block;overflow:hidden;white-space:nowrap;width:0}#default h3 span:first-child{animation:typing 2s steps(40) forwards,blink 1s step-end infinite,removeCursor 6.8s forwards;animation-delay:1s}#default h3 span:nth-child(2){animation:typing 2s steps(40) forwards,blink 1s step-end infinite,removeCursor 6.8s forwards;animation-delay:3s}#default h3 span:nth-child(3){animation:typing 2s steps(40) forwards,blink 1s step-end infinite,removeCursor 6.8s forwards;animation-delay:5s}:root{--black-color:#000;--light-color:#e1e1e1;--dark-color:#50504fa8;--silver-color:silver;--hover-color:#7d7d7d}#root{flex-direction:column;margin:0;width:100%}#root,body{display:flex;min-height:100vh}body{align-items:center;background-attachment:fixed;background-color:#00020e;background-image:linear-gradient(hsla(0,0%,100%,.275),hsla(0,0%,100%,.758)),url(/static/media/background.1ab57ffe0e60c5c87883.png);background-size:cover;color:#000;color:var(--black-color);justify-content:center}.App{display:flex;flex:1 1;flex-direction:column;font-family:Merienda,serif;font-style:normal;font-weight:400;justify-content:center;text-align:center}.shoe-gallery{display:flex;flex-direction:column;gap:20px}.shoe-card{background-color:#000000b6;border:2px solid silver;border:2px solid var(--silver-color);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.701);color:#fff;margin:10px;overflow:hidden;transition:transform .3s;width:250px}.shoe-card img{align-items:center;aspect-ratio:1/1;background-color:silver;background-color:var(--silver-color);color:#000;display:flex;justify-content:center;min-height:150px;min-width:150px;object-fit:contain;width:100%}.shoe-card h3{font-size:25px;line-height:35px;padding:0 1px}.shoe-card h3,.shoe-card p{word-wrap:break-word;margin:0}.shoe-card p{font-size:20px;line-height:20px;padding:4px 2px}.shoe-card:hover{background-color:#000000d0;border:2px solid #50504fa8;border:2px solid var(--dark-color);transform:scale(1.05)}.shoe-info{justify-content:center;min-height:40px;padding:0 0 3px}.logo-container,.shoe-info{display:flex;flex-direction:column}.logo-container{align-items:center;margin:10px;text-align:center}.logo-gender{margin-left:10px;width:80px}.logo,.logo-gender,.logo-home{aspect-ratio:1;border:2px solid #000;border-radius:50%;position:relative}.logo,.logo-home{box-shadow:0 0 0 5px #fff;transition:transform .3s ease,box-shadow 1s ease;width:130px}.logo-home{animation:fadeIn 1s ease-in-out forwards;opacity:0}.logo-home:hover{box-shadow:0 5px 20px #0003;cursor:pointer;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.top-page{display:flex;flex-direction:row;justify-content:space-between}.top-page .search-bar{height:30px;margin-bottom:10px;width:100%}.top-page .search-input{width:calc(40% + 45px)}.top-page .logo-container{margin-bottom:0}.boxes-page{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:20px;padding:20px}.box{background-color:#fff;border:2px outset var(--silver-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#000;font-family:Merienda,serif;font-size:16px;font-style:normal;max-width:300px;padding:15px;text-align:left;transition:transform .2s ease,box-shadow .2s ease;width:80%}.box:hover{box-shadow:0 6px 10px #0003;transform:translateY(-5px)}.box p{word-wrap:break-word;margin:0;white-space:normal;word-break:break-word}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.7c5e0b2d.css.map*/