.all-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-column-gap:1.5rem;grid-row-gap:2rem;justify-content:center;align-items:center;margin:auto;padding:2rem 0}.product{overflow:hidden;background:#fff;color:#ccc5ba;text-align:center;width:240px;height:400px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1.2rem;margin:2rem}.product .product-title,.product .product-price{font-size:18px}.product:hover img{scale:1.1}.product:hover{box-shadow:5px 15px 25px #eeeeee}.product img{height:200px;margin:1rem;transition:all .3s}.product a:link,.product a:visited{color:#f7f5f5;display:inline-block;text-decoration:none;background-color:#f5b33a;padding:1.2rem 3rem;border-radius:1rem;margin-top:1rem;font-size:14px;transition:all .2s;font-weight:700}.not-product a:link,.not-product a:visited{color:#f7f5f5;display:inline-block;text-decoration:none;background-color:#b8b6b6;padding:1.2rem 3rem;border-radius:1rem;margin-top:1rem;font-size:14px;transition:all .2s;font-weight:700}.product a:hover{transform:scale(1.1)}form,input,.caret{margin:auto}#upload form{position:relative;width:100%;max-width:17em}#search,.caret{display:block;transition:all calc(var(--dur) * .5)linear}#search{background:0 0;border-radius:50%;box-shadow:0 0 0 .25em inset;caret-color:var(--primary);width:2em;height:2em;-webkit-appearance:none;-moz-appearance:none;appearance:none}#search:focus,#search:valid{background:var(--input);border-radius:.25em;box-shadow:none;padding:.75em 1em;transition-duration:calc(var(--dur) * .25);transition-delay:calc(var(--dur) * .25);width:100%;min-width:200px;height:3em}#search:focus{animation:showCaret var(--dur)steps(1);outline:transparent}#search:focus+.caret,#search:valid+.caret{animation:handleToCaret var(--dur)linear;background:0 0;width:1px;height:1.5em;transform:translate(0,-1em)rotate(-180deg)translate(7.5em,-.25em)}#search::-webkit-search-decoration{-webkit-appearance:none}#search-label{color:#e3e4e8;overflow:hidden;position:absolute;width:0;height:0}.caret{background:currentColor;border-radius:0 0 .125em .125em;margin-bottom:-.6em;width:.25em;height:1em;transform:translate(0,-1em)rotate(-45deg)translate(0,.875em);transform-origin:50% 0}@media(prefers-color-scheme:dark){:root{--bg:#e3e4e8;--fg:#686869;--input:#f5f7fa;--primary:#5d5d5e}}@keyframes showCaret{from{caret-color:transparent}to{caret-color:var(--primary)}}@keyframes handleToCaret{from{background:currentColor;width:.25em;height:1em;transform:translate(0,-1em)rotate(-45deg)translate(0,.875em)}25%{background:currentColor;width:.25em;height:1em;transform:translate(0,-1em)rotate(-180deg)translate(0,.875em)}50%,62.5%{background:var(--primary);width:1px;height:1.5em;transform:translate(0,-1em)rotate(-180deg)translate(7.5em,2.5em)}75%,99%{background:var(--primary);width:1px;height:1.5em;transform:translate(0,-1em)rotate(-180deg)translate(7.5em,-.25em)}87.5%{background:var(--primary);width:1px;height:1.5em;transform:translate(0,-1em)rotate(-180deg)translate(7.5em,.125em)}to{background:0 0;width:1px;height:1.5em;transform:translate(0,-1em)rotate(-180deg)translate(7.5em,-.25em)}}