@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap);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}*,body{font-family:Roboto}body{background-color:#eaf3ff;height:100%;margin:0 3%;overflow-x:hidden;padding:0}h1{color:#1e1e59;margin:20px;text-align:center}.header,h1{position:relative}.header{margin-bottom:50px}.size-toggle{align-items:center;display:flex;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.size-toggle svg{color:#1e1e59;margin-right:10px}.size-buttons button{background-color:#f6faff;border:none;border-radius:5px;color:#1e1e59;cursor:pointer;font-weight:700;margin:0 5px;padding:5px 10px;transition:background-color .2s}.size-buttons button.active{background-color:#575786;color:#fff}.size-buttons button:hover{background-color:#5757869c;color:#fff}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px}.card{align-items:center;background-color:#f6faff;border:2px solid #e1eefd;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.card:hover{background-color:#e1eefd;border:2px solid #cbe4ff}.card-image{background-color:#fff;height:200px;margin:0 auto;object-fit:contain;width:200px}.card-content{padding:15px;text-align:center}.card-name{color:#1e1e59;font-size:1.3rem;margin:0 0 10px}.card-details{color:#8c7b7f;margin:5px 0}.card-sku{color:#575786;margin:5px 0}.card-price{color:#ff1377;font-weight:700;margin-top:10px}@media (max-width:768px){.header{align-items:center;display:flex;flex-direction:column}.size-toggle{margin-top:10px;position:static;transform:none}}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background:#f6faff;border-radius:8px;padding:20px;position:relative;text-align:center;width:400px}h2,p{margin:10px 0;text-align:center}.card-name-modal{color:#1e1e59;font-size:1.5rem}.size-info{color:#8c7b7f;margin:10px 0}.close-btn{background:#d80000;border:2px solid rgba(138,0,0,.747);border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:10px 20px}.close-btn:hover{background:#ec0000}.show-sizes-btn{background-color:#1e1e59;border:none;border-radius:5px;color:#eaf3ff;cursor:pointer;font-size:1.1rem;font-weight:bolder;margin:0 5px;padding:5px 10px;transition:background-color .2s,transform .2s}.show-sizes-btn:hover{background-color:#111149d2;transform:scale(1.1)}.search-container{align-items:center;display:flex;justify-content:center;margin:auto;position:relative;width:85%}.search-icon{color:#1e1e59;left:10px;pointer-events:none;position:absolute}.input{background-color:#f6faff;border:2px solid #e1eefd;border-radius:5px;color:#1e1e59;font-size:16px;padding:10px;width:100%}.has-icon{padding-left:40px}.input:focus{border-color:#cbe4ff;outline:none}.input::placeholder{color:#5757869a}.sort-options{background-color:#f6faff;border:2px solid #e1eefd;border-radius:5px;color:#1e1e59;padding:10px;position:absolute;right:0;top:100%;width:100px;z-index:10}.sort-options button{background:#0000;border:none;cursor:pointer;display:block;margin:auto;padding:8px}.sort-options button:hover{background-color:#e1eefd}.sort-button{align-items:center;background:#f6faff;border:2px solid #e1eefd;border-radius:5px;cursor:pointer;display:flex;margin:5px;padding:7px;transition:background-color .3s ease}.sort-button:hover{background-color:#e1eefd;border:2px solid #cbe4ff}@media (max-width:768px){.sort-options{right:0;top:auto;top:100%}}.loading{background:#eaf3ff;font-size:1.4rem;font-weight:700;height:100%;position:fixed;z-index:9999}.loading,.loading-text{left:0;top:0;width:100%}.loading-text{bottom:0;height:100px;line-height:100px;margin:auto;position:absolute;right:0;text-align:center}.loading-text-words{animation:blur-text 1.5s linear infinite alternate;color:#1e1e59;display:inline-block;filter:blur(0);margin:0 5px}.loading-text-words:first-child{animation-delay:0s}.loading-text-words:nth-child(2){animation-delay:.2s}.loading-text-words:nth-child(3){animation-delay:.4s}.loading-text-words:nth-child(4){animation-delay:.6s}.loading-text-words:nth-child(5){animation-delay:.8s}.loading-text-words:nth-child(6){animation-delay:1s}.loading-text-words:nth-child(7){animation-delay:1.2s}@keyframes blur-text{0%{filter:blur(0)}to{filter:blur(4px)}}
/*# sourceMappingURL=main.4df644f4.css.map*/