@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap);:root{--bg-color:#f7f7fd;--box-shadow-1:#e7e7e7;--box-shadow-2:#999da6;--box-shadow-3:#8a8ba1;--hovers:#1e2341}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:100%}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{background:#f7f7fd;background:var(--bg-color);font-family:Poppins,sans-serif}a,button,div,h1,h2,h3,h4,h5,h6,input,li,p,span,textarea{color:#1e2341;color:var(--hovers);font-family:Poppins,sans-serif;letter-spacing:1px}a{text-decoration:none}.del{cursor:pointer}img{display:block;width:100%}header{box-shadow:0 0 1px 1px #e7e7e7;box-shadow:0 0 1px 1px var(--box-shadow-1);padding-bottom:1.5rem;padding-top:1.5rem}.header-container{align-items:center;display:flex;justify-content:space-between;margin-inline:auto;max-width:90vw}.logo p{display:none}.nav ul{display:flex;gap:.5rem}.nav-link{border-radius:3rem;cursor:pointer;font-size:.9rem;padding:.5rem .7rem;text-decoration:none;transition:.3s ease-in-out}.logout{background:#f5f5f5;border:none}.egg{background:#1e2341;background:var(--hovers);border-radius:23% 77% 69% 31%/39% 24% 76% 61%;color:#e7e7e7;color:var(--box-shadow-1);display:grid;font-size:1.1rem;padding:.6rem;place-content:center}.nav-link:hover{background:#e7e7e7;background:var(--box-shadow-1)}.total-product{display:none}@media (min-width:40rem){.header-container{max-width:80vw}.logo{align-items:center;color:#1e2341;color:var(--hovers);display:flex;font-size:.9rem;gap:.3rem}.logo p{display:block}.nav ul{gap:1rem}.total-product{align-items:center;display:flex;gap:.5rem;justify-content:center}}main{background:#f7f7fd;background:var(--bg-color);padding-bottom:1rem}.hero{gap:5rem;margin-top:5rem;min-height:70vh}.first-row,.hero{display:flex;flex-direction:column}.first-row{align-items:center;align-self:center;gap:1.5rem;margin-bottom:3rem;max-width:70%}.intro{font-size:.9rem;text-align:center}.intro h1{font-size:3.7rem;margin-bottom:2rem}.intro p{font-size:1.2rem}.hero-search{position:relative;width:100%}.second-row{display:flex;flex-direction:column;gap:3rem;margin-inline:auto;max-width:70vw}.filters .latest{color:#1e2341;color:var(--hovers);font-size:1.2rem;font-weight:500}.some-product{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.some-product .card{border-radius:.5rem;box-shadow:8px 8px 16px #e7e7e7,-8px -8px 16px #e7e7e7;box-shadow:8px 8px 16px var(--box-shadow-1),-8px -8px 16px var(--box-shadow-1)}.card img{border-top-left-radius:.5rem;border-top-right-radius:.5rem;height:15rem}.desc-card{border-top:1px solid #e7e7e7;border-top:1px solid var(--box-shadow-1);padding:1.2rem .6rem}.desc-card p{font-size:.8rem}.desc-card div{align-items:center;display:flex;gap:.3rem}.desc-card>div>span{font-size:.7rem}@media (min-width:40rem){.first-row{max-width:35%}}.products{gap:2rem;margin-inline:auto;margin-bottom:3rem;max-width:85vw;min-height:100vh;padding-top:5rem}.p-first-row,.products{display:flex;flex-direction:column}.p-first-row{gap:5rem}.product-search{margin-inline:auto;width:80%}.product-search input{background-image:url("/static/media/icons8-search(2).531fdd2b107fae359cc7.svg");background-position:1rem;background-repeat:no-repeat;border:none;border-radius:2.5rem;box-shadow:0 5px 30px 0 #e7e7e7,0 -5px 30px 0 #fff;box-shadow:0 5px 30px 0 var(--box-shadow-1),0 -5px 30px 0 #fff;color:#1e2341;color:var(--hovers);font-size:1rem;padding:1.2rem 1.2rem 1.2rem 3.5rem;transition:.3s ease-in-out;width:100%}.product-filter{flex-direction:column;justify-content:space-between}.filters-p,.product-filter{align-items:center;display:flex;gap:1rem}.filters-p p{border:1px solid transparent;border-radius:2rem;border-radius:1rem;color:#999da6;color:var(--box-shadow-2);cursor:pointer;font-size:.8rem;padding:.5rem;transition:all .3s ease-in-out}.filters-p .filter-active{border-color:#999da6;border-color:var(--box-shadow-2);color:#1e2341;color:var(--hovers)}.products-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.product-card{border-radius:.5rem;box-shadow:11px 11px 16px #e7e7e7,-11px -11px 16px #e7e7e7;box-shadow:11px 11px 16px var(--box-shadow-1),-11px -11px 16px var(--box-shadow-1);display:flex;gap:1rem;padding:1rem}.product-card img{border-radius:1.5rem;height:3rem;width:3rem}.card-desc{align-items:flex-start;gap:1.5rem;justify-content:space-between}.card-desc,.top{display:flex;flex-direction:column}.top{font-size:.8rem;gap:.3rem}.product-click{font-size:1.2rem;font-weight:900}.top p:nth-child(2){color:#8a8ba1;color:var(--box-shadow-3);font-size:.7rem}.more{background:#1e2341;background:var(--hovers);border:none;border-radius:.3rem;color:#f7f7fd;color:var(--bg-color);cursor:pointer;padding:.7rem 1rem;transition:all .1s ease-in-out}.more:hover{background:#e7e7e7;background:var(--box-shadow-1);color:#1e2341;color:var(--hovers)}@media (min-width:40rem){.products{max-width:80vw}.product-search{max-width:50%}.product-filter{flex-direction:row}}.parent-each{grid-gap:4rem;display:grid;gap:4rem;margin-inline:auto;margin-bottom:2rem;margin-top:2rem;max-width:85vw}.back-icon{color:#000;font-size:2rem}.product{background:#fff;border-radius:.5rem;flex-direction:column;justify-content:space-between;padding:.5rem;transition:all .2s ease-in-out}.first,.product{display:flex;gap:1rem}.product img{height:6rem;width:6rem}.parent-each .first img{height:8rem;width:8rem}.product a{align-self:flex-start;border:none;transition:all .3s ease-in-out}.p-desc{display:flex;flex-direction:column;justify-content:space-between}.categ{font-size:.7rem}.like{display:flex;gap:.5rem}.like a{background:#1e2341;background:var(--hovers);border-radius:.3rem;color:#f7f7fd;color:var(--bg-color);font-size:.9rem;padding:.6rem}.details{display:flex;flex-direction:column;gap:3rem}.details h3{font-size:1.5rem}.details p{font-size:.9rem}.overview{grid-gap:.5rem;display:grid;gap:.5rem}.comment,.details .review{display:flex;flex-direction:column;gap:1rem}.comment input{border-left:none;border-radius:.3rem;border-right:none;border-top:none;font-family:Poppins,sans-serif;padding:1rem}.comment-btn{background:#1e2341;background:var(--hovers);border:none;border-radius:.3rem;color:#f7f7fd;color:var(--bg-color);cursor:pointer;padding:.5rem 1rem;transition:all .3s ease-in-out}.comment-btn:hover{background:#e7e7e7;background:var(--box-shadow-1);color:#1e2341;color:var(--hovers)}.comment-result{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-top:2rem}.each-comment{align-items:center;border-bottom:1px solid #e7e7e7;border-bottom:1px solid var(--box-shadow-1);display:flex;justify-content:space-between;padding:.5rem}.text-comment{display:flex;flex-direction:column;gap:1rem}.text-comment .comment-content{color:#999da6;color:var(--box-shadow-2);font-size:1.5rem;font-style:italic}@media (min-width:40rem){.parent-each{max-width:70vw}.product{flex-direction:row}}.post-parent{padding:2rem}.post,.post-parent{align-items:center;display:flex;flex-direction:column}.post{background:#fff;border-radius:1rem;box-shadow:11px 11px 16px #e7e7e7,-11px -11px 16px #e7e7e7;box-shadow:11px 11px 16px var(--box-shadow-1),-11px -11px 16px var(--box-shadow-1);gap:2rem;margin-inline:auto;max-width:80vw;padding:1.5rem;transition:all .3s ease-in-out}.post h1{font-size:2rem;text-align:center}.post form{grid-gap:1.5rem;display:grid;gap:1.5rem;place-content:center}fieldset{grid-gap:.5rem;border:none;display:grid;gap:.5rem}.category,.form input,textarea{background:#f7f7fd;background:var(--bg-color);border:none;border-radius:.4rem;color:#1e2341;color:var(--hovers);font-family:Poppins,sans-serif;font-size:.9rem;padding:.7rem;width:100%}input:focus,textarea:focus{outline:none}.submit-btn{background:#1e2341;background:var(--hovers);border:none;border-radius:.3rem;color:#f7f7fd;color:var(--bg-color);cursor:pointer;padding:.8rem;transition:all .3s ease-in-out}.message{display:flex;gap:.2rem;margin-top:1rem}.hidden{display:none}.error,.success{border-radius:.5rem;color:#f7f7fd;color:var(--bg-color);display:flex;font-size:.9rem;gap:.5rem;padding:.7rem}.success{background:rgba(0,255,0,.507)}.error{background:rgba(255,0,0,.507)}@media (min-width:40rem){.post{max-width:30vw}}footer{border-top:1px solid #e7e7e7;border-top:1px solid var(--box-shadow-1);display:grid;font-size:.8rem;padding-top:1rem;place-content:center}
/*# sourceMappingURL=main.879742f5.css.map*/