body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.page-container{background-color:#e6e6e6;display:flex;flex-flow:row;height:920px;justify-content:space-between;margin:0 auto;overflow-y:auto;width:1440px}.category-container{align-items:center;display:flex;flex-direction:column;grid-gap:4px;gap:4px;justify-content:center;width:260px}.category-container>li{list-style-type:none}.category-btn{border:none;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15);height:20px;transition:.1s ease-out;width:235px}.category-btn:hover{background-color:#f2b705;cursor:pointer;transform:scale(1.1)}.search-container{display:flex;flex-direction:column}.product-container{display:flex;flex-wrap:wrap;grid-gap:1.6rem;gap:1.6rem;padding:30px;width:70rem}.product-item-container{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;grid-gap:3px;gap:3px;height:320px;justify-content:flex-start;transition:.2s ease-out;width:250px}.product-item-container:hover{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.product-item-container>img{height:120px;width:120px}.product-title{display:flex;flex-flow:wrap;font-size:14px;width:200px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:0 7px 29px 0 rgba(100,100,111,.2)}::-webkit-scrollbar-thumb{background-color:#f2b705;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#f29f05;border-radius:20px;cursor:pointer}button{background-color:transparent;border:none;outline:none}.on{color:#daa520}.off{color:#ccc}.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)}}
/*# sourceMappingURL=main.860f617b.chunk.css.map */