html,body{margin:0;background-color:#1a1411;font-family:system-ui,sans-serif}.dot{height:calc(100% - 4px);width:calc(100% - 4px);border-radius:50%;display:inline-block;margin:2px}#wrapper-filters{display:flex;flex-wrap:wrap;gap:10px;margin:auto}#wrapper-filters #searchbar{flex-basis:100%;text-align:center;height:1.5rem;color:#d3d3d3;font-family:tf2build,system-ui,sans-serif;background-color:#342e29;padding:.25rem;box-sizing:border-box}#wrapper-filters .wrapper-filter{flex:0 1 auto;display:flex;flex-direction:row;gap:10px}#wrapper-filters label{height:20px;width:20px}#wrapper-filters img{height:100%;width:100%}@media (max-width: calc(790px + 2rem)){#wrapper-filters{width:350px}}@media (min-width: calc(790px + 2rem)){#wrapper-filters{width:790px}}#cosmetics-table{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,100px);grid-gap:1rem;justify-content:center;padding:1rem 1rem 5rem;box-sizing:border-box}#cosmetics-table .item-wrapper{background-color:#342e29}#cosmetics-table .item-image{height:100px;display:block}#cosmetics-table .underline{height:3px}