nav{align-items:center;border-bottom:2px solid #f3f3f3;display:flex;justify-content:space-around;margin-left:2rem;padding:20px;z-index:999}input{background:#f7f6f6;border:none;border-radius:5px;margin-right:20px;outline:none;padding:12px 20px;position:relative;width:14rem}.nav-icons{color:#000;height:1.5rem;margin-left:2rem;width:1.5rem}.nav-icons:hover{color:#006ba9}@media (max-width:863px){input{background:#f7f6f6;border:none;border-radius:5px;margin-right:20px;outline:none;padding:12px 20px;position:relative;width:5rem}}.card-container{display:flex;flex-wrap:wrap;margin-left:20rem;margin-top:2rem;scroll-behavior:smooth;z-index:-2}.card{border:2px solid #ededed;cursor:pointer;margin:20px;padding:20px}.card-image{width:13rem}.card-image,.card-reviews,.card-title{margin-bottom:1rem}.card-reviews{display:flex}.rating-start{color:#eded26}.total-reviews{font-size:.3rem;margin-left:10px}.card-price{align-items:center;display:flex;justify-content:space-around}.bag-icon{color:#535353}.recommended-flex{display:flex;margin-left:20rem}.recommended-title{font-family:sans-serif;font-size:20px;margin-bottom:20px;margin-left:20rem;margin-top:20px}.btns{background:transparent;background:#fff;border:.6px solid #cccc;border-radius:5px;color:#323232;cursor:pointer;margin-right:6px;padding:10px 20px}.sidebar-items{font-size:22px;font-weight:400;margin-bottom:20px}.sidebar-label-container{cursor:pointer;display:block;margin-bottom:12px;padding-left:35px;position:relative;-webkit-user-select:none;user-select:none}.sidebar-label-container input{cursor:pointer;opacity:0;position:absolute}.checkmark{background-color:#eee;border-radius:50%;height:20px;left:0;position:absolute;top:0;width:20px}.sidebar-label-container:hover input~.checkmark{background-color:#ccc}.sidebar-label-container input:checked~.checkmark{background-color:#2169f3}.checkmark:after{content:"";display:none;position:absolute}.sidebar-label-container input:checked~.checkmark:after{display:block}.sidebar-label-container .checkmark:after{background:#fff;border-radius:50%;height:7px;left:6.4px;top:6.4px;width:7px}.line{border-color:#f7f7f7;margin-top:3rem}.color-title{margin-top:2rem}.all{background:linear-gradient(blue,crimson)}.sidebar-title{font-size:22px;font-weight:400;margin-bottom:20px}.sidebar{align-items:center;background-color:#fff;border-right:2px solid #e5e5e5;display:flex;flex-direction:column;height:100%;position:fixed;width:15%;z-index:3}.logo-container{margin-bottom:4 rem}.logo-container h1{margin-top:1.3rem}@media (min-width:500px){.main{width:100%}}.pyramid-loader{display:block;height:150px;position:relative;-webkit-transform:rotateX(-20deg);transform:rotateX(-20deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:300px}.wrapper{-webkit-animation:spin .6s linear infinite;animation:spin .6s linear infinite;height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}@-webkit-keyframes spin{to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes spin{to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}.pyramid-loader .wrapper .side{background:linear-gradient(to bottom right,orange,#ff4500);bottom:0;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:100px;left:0;margin:auto;position:absolute;right:0;top:0;-webkit-transform-origin:center top;transform-origin:center top;width:100px}.pyramid-loader .wrapper .side1{background:linear-gradient(to bottom right,#ff4500,orange);-webkit-transform:rotate(-30deg) rotateY(90deg);transform:rotate(-30deg) rotateY(90deg)}.pyramid-loader .wrapper .side2{background:linear-gradient(to bottom right,orange,#ff4500);-webkit-transform:rotate(30deg) rotateY(90deg);transform:rotate(30deg) rotateY(90deg)}.pyramid-loader .wrapper .side3{background:linear-gradient(to bottom right,orange,#ff4500);-webkit-transform:rotateX(30deg);transform:rotateX(30deg)}.pyramid-loader .wrapper .side4{background:linear-gradient(to bottom right,#ff4500,orange);-webkit-transform:rotateX(-30deg);transform:rotateX(-30deg)}.pyramid-loader .wrapper .shadow{background:#ff8c00;bottom:0;-webkit-filter:blur(12px);filter:blur(12px);height:60px;left:0;margin:auto;position:absolute;right:0;top:0;-webkit-transform:rotateX(90deg) translateZ(-40px);transform:rotateX(90deg) translateZ(-40px);width:60px}
/*# sourceMappingURL=main.0e867e1a.css.map*/