.banner.svelte-b78532{width:100%;background-image:url(../../../images/Banners/colors_banner_mobile.webp);background-size:cover;background-position:center;aspect-ratio:2250/3100;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:30px}.banner.svelte-b78532 h1:where(.svelte-b78532){color:#fff;text-align:center}.controls.svelte-b78532{display:flex;flex-direction:column;gap:11px;width:98%;margin:0 auto}.buttons.svelte-b78532{width:100%;padding:20px 0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px}.buttons.svelte-b78532 a:where(.svelte-b78532){width:100%;font-size:clamp(1.2rem 1.5vw,1.6rem);font-weight:500;padding:13px 0;border:1px solid #000;cursor:pointer;text-align:center;display:block;transition:all .5s ease}.buttons.svelte-b78532 a.active:where(.svelte-b78532){background-color:#000;color:#fff}.overflow.svelte-b78532{overflow:hidden;width:100%}.colors-filter.svelte-b78532{width:100%;display:flex;align-items:center;justify-content:flex-start;padding-bottom:31px}.filter.svelte-b78532{display:flex;justify-content:center;align-items:center;width:250px;aspect-ratio:250/50;gap:10px;font-size:20px}.filter.svelte-b78532 svg:where(.svelte-b78532){width:30px;height:30px}.tags-container.svelte-b78532{display:flex;align-items:center;height:50px;gap:15px;overflow-x:scroll;scrollbar-width:1px}.tags-container.svelte-b78532::-webkit-scrollbar{width:1px}.tag-color.svelte-b78532{width:31px;height:31px;min-width:31px;min-height:31px;border-radius:50%;display:block;padding:0}.tag-color.svelte-b78532:last-child{border:1px solid #000}@media (min-width: 400px){.banner.svelte-b78532{background-image:url(../../../images/Banners/colors_banner_mobile@2x.webp)}}@media (min-width: 768px){.banner.svelte-b78532{background-image:url(../../../images/Banners/colors_banner.webp);aspect-ratio:2.8/1;justify-content:center;align-items:flex-start;padding:0 0 0 30px}.buttons.svelte-b78532{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;padding:20px 0}}@media (min-width: 1024px){.banner.svelte-b78532{background-image:url(../../../images/Banners/colors_banner@2x.webp);aspect-ratio:3/1;padding:0 0 0 110px}}@media (min-width: 1280px){.banner.svelte-b78532{background-image:url(../../../images/Banners/colors_banner@3x.webp)}}