@import url(https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Patrick+Hand&display=swap);@import url(https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap);.search-bar{display:flex;justify-content:right;margin-top:10px;padding-bottom:40px;position:relative;right:10px;top:20px}.search-input{border:2px solid var(--gold-color);border-radius:5px;height:7px;max-width:300px;padding:10px;width:40%}.search-button,.search-input{font-family:Philosopher,serif;font-size:15px;font-style:normal;font-weight:400}.search-button{align-items:center;background-color:var(--gold-color);color:#000;display:flex;justify-content:center;margin-left:10px;padding:5px;position:relative}.search-button:hover{background-color:var(--lightgold-color)}.search-button:disabled{background-color:var(--darkgold-color)}.footer{background-color:#0000007c;border-top:1px solid #fff;color:#fff;padding:10px 0;text-align:center;width:100%}.footer a{color:var(--lightgold-color);text-decoration:none}.footer a:hover{text-decoration:underline}.footer .contact-info{font-size:14px}.footer .contact-info p{font-family:Philosopher,serif;font-style:normal;font-weight:400;margin:4px}.footer .contact-info p span{color:var(--lightgold-color)}.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}.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(--gold-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}.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;height:7px;margin:3px 3px 10px;max-width:250px;padding:10px;width:90%}.save-barcode-page button{background-color:var(--gold-color);border-radius:10px;font-family:Philosopher,serif;font-style:normal;font-weight:400;margin:8px 10px;padding:10px 20px}.save-barcode-page button:disabled{background-color:var(--darkgold-color)}.save-barcode-page button:hover{background-color:var(--lightgold-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:Philosopher,serif;font-style:normal;font-weight:400;padding-bottom:20px;text-align:center}.admin-page h1{font-size:35px}.admin-page h2{border-bottom:3px double var(--gold-color);border-top:3px solid var(--gold-color);font-size:25px;padding:5px}.admin-gallery{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:10px 30px}.admin-card{border:1px solid var(--gold-color);border-radius:10px;cursor:pointer;height:200px;overflow:hidden;position:relative;width:200px}.admin-card img{height:100%;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(--gold-color);border-radius:10px;font-family:Philosopher,serif;font-style:normal;font-weight:400;margin:8px 10px;padding:10px 20px;width:100%}#addshoe:hover{background-color:var(--lightgold-color)}#addshoe:disabled{background-color:var(--darkgold-color)}.preview input{width:90%}.preview input,.preview select{background-color:#fff;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{color:var(--gold-color);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(--gold-color);color:#000;font-family:Philosopher,serif;font-size:15px;font-style:normal;font-weight:400;margin-left:7px;padding:5px}.password-section button:disabled{background-color:var(--darkgold-color)}.password-section button:hover{background-color:var(--lightgold-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:2px 2px 6px 6px #ffc80036;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,#d8b800,#d6ac00,#d79700,#d39e00,#d4b400,#df9c00,#dcb000,#d8b801);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:#ffb700;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}.keyboard-icon,.photo_library-icon{color:#635a2991}.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(--gold-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:Philosopher,serif;font-style:normal;font-weight:400}.add-paragraph button{background-color:var(--gold-color);border-radius:10px;margin:8px 10px;padding:10px 20px}.add-paragraph button:hover{background-color:var(--lightgold-color)}.box-admin{align-items:center;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#000;display:flex;font-family:Philosopher,serif;font-size:16px;font-style:normal;height:auto;justify-content:flex-start;max-width:330px;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(--gold-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:Philosopher,serif;font-style:normal;margin:0}.box-admin textarea{border:2px solid var(--gold-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}.gender-title{margin:5px}.category-title{border-bottom:3px double var(--gold-color);border-top:3px solid var(--gold-color);color:var(--gold-color)}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(--gold-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(--lightgold-color)}.gender-buttons{align-items:center;display:flex;flex-direction:column;gap:15px;padding:10px}.gender-buttons button{align-items:center;border-radius:15px;box-shadow:2px 2px 6px 6px #ffc80036;color:#000;display:flex;font-family:Philosopher,serif;font-size:20px;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,#d8b800,#d6ac00,#d79700,#d39e00,#d4b400,#df9c00,#dcb000,#d8b801);background-size:400%;border-radius:15px;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:#ffb700;border-radius:15px;content:"";height:100%;left:0;position:absolute;top:0;transition:background .3s ease,transform .3s ease;width:100%;z-index:-2}.gender-buttons svg{font-size:25px;margin-right:10px;position:relative}.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}#boy-button:after{border-bottom-right-radius:5px;border-top-right-radius:5px}#girl-button:after{border-bottom-left-radius:5px;border-top-left-radius:5px}.category-section{padding-bottom:20px}.gender-buttons .fa-child{font-size:22px}.delivery-info{display:flex;font-size:17px;justify-content:center;padding:0 15px}.delivery-info p{max-width:400px}.delivery-info a{color:#fff;font-style:italic;text-decoration:none}.waving-flag{animation:wave-animation 3s ease-in-out infinite;border:1px solid var(--gold-color);border-radius:5px;display:inline-block;height:15px;margin:1px;transform-origin:center center;vertical-align:middle;width:20px}@keyframes wave-animation{0%{transform:rotate(0deg)}25%{transform:rotate(5deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.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}.gender-section p{font-size:20px}.gender-section h3{font-size:22px}#gender-h3{color:#000;margin-bottom:25px}.gender-section{align-items:center;background:linear-gradient(to bottom,var(--gold-color) 5px,#967601d7 30px,#96760188 65px,#000c 85px,#00000041 100px);border-top:2px solid var(--lightgold-color);flex:1 1;margin-top:-2px;padding:0 5px}.gender-page,.gender-section{display:flex;flex-direction:column}.gender-page{flex:1 1}.gender-title{color:#fff;font-size:40px;margin-bottom:10px}.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;width:90%}.category-image-row{display:flex;flex-direction:row;justify-content:space-between;overflow:scroll}.category-card{border-top-left-radius:30px;border-top-right-radius:10px;padding:9px 2px}.category-card p{color:#fff;font-size:16px;margin:5px 0}.category-card img{background-color:#000;border:1px ridge #fff;border-radius:5px;border-bottom-right-radius:25px;border-top-left-radius:25px;margin:3px 10px;padding:5px;transition:transform 2s ease;width:100px}.category-card.selected{background-color:var(--gold-color);border:2px solid var(--lightgold-color);border-bottom:none;color:#000;transition:border .1s ease;z-index:2}.category-card.selected p{color:#000;font-size:18px}.category-card.selected:hover{background-color:var(--gold-color)}.category-card:hover{background-color:#c0c0c05d;border-bottom:none;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{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}#no-shoes{padding:10px 0;width:65%}#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 #fff}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{--gold-color:#b89000;--lightgold-color:#fc0;--darkgold-color:#5e4a02a8}#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(#000000de,rgba(0,0,0,.274)),url(/static/media/background.c409a84b2f5baacce0b9.png);background-size:cover;color:#b89000;color:var(--gold-color);justify-content:center}.App{display:flex;flex:1 1;flex-direction:column;font-family:Philosopher,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:#0000008e;border:1px solid #b89000;border:1px solid var(--gold-color);border-radius:25px;box-shadow:0 4px 8px #0000001a;margin:10px;overflow:hidden;transition:transform .3s;width:250px}.shoe-card img{align-items:center;aspect-ratio:1/1;background-color:#000;color:#b89000;color:var(--gold-color);display:flex;font-size:20px;justify-content:center;min-height:150px;min-width:150px;object-fit:contain;width:100%}.shoe-card h3{font-size:29px;line-height:35px;padding:0 1px}.shoe-card h3,.shoe-card p{word-wrap:break-word;margin:0}.shoe-card p{color:#fff;font-size:20px;line-height:20px;padding:4px 2px}.shoe-card:hover{border:1px solid #fc0;border:1px solid var(--lightgold-color);color:#fc0;color:var(--lightgold-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-container h1{color:#b89000;color:var(--gold-color);font-size:30px;margin:10px 0 0}.logo{height:auto}.logo,.logo-home{color:#b89000;color:var(--gold-color);filter:saturate(150%);width:130px}.logo-home{animation:fadeIn 1s ease-in-out forwards;height:93px;opacity:0}.logo-gender{margin:5px 10px 0;position:relative;width:90px}@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% + 52px)}.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-image:url(/static/media/background.c409a84b2f5baacce0b9.png);border:2px outset var(--gold-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;font-family:Philosopher,serif;font-size:16px;font-style:normal;max-width:300px;padding:15px;text-align:left;transition:transform .2s ease,box-shadow .2s ease;width:70%}.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.e437e13a.css.map*/