.blog-filters{display:flex;flex-direction:column;gap:1.5rem;width:100%}.blog-filters__categories{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.blog-filters__category{display:inline-flex;align-items:center;justify-content:center;height:42px;padding-left:24px;padding-right:24px;border-radius:36px;font-family:var(--font-body-family);font-size:16px;font-weight:500;text-decoration:none;transition:all .3s ease;white-space:nowrap;outline:1px solid #272727;outline-offset:-1px;color:#272727;background:transparent;box-sizing:border-box;cursor:pointer}.blog-filters__category:hover{background:#27272714}.blog-filters__category--active{background:#272727;color:#f6f1f0;font-weight:600;outline-color:#272727}.blog-filters__category--active:hover{background:#1a1a1a}.blog-filters__sort{display:flex;align-items:center;gap:12px;justify-content:space-between}.blog-filters__sort-label{color:#272727;font-family:var(--font-body-family);font-size:18px;font-weight:700;white-space:nowrap}.blog-filters__dropdown{position:relative}.blog-filters__dropdown-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;background:none;border:none;padding:8px;border-radius:8px;transition:background-color .2s ease}.blog-filters__dropdown-toggle:hover{background:#2727270d}.blog-filters__dropdown-toggle::-webkit-details-marker{display:none}.blog-filters__dropdown-text{color:#272727;font-family:var(--font-body-family);font-size:18px;font-weight:400}.blog-filters__dropdown-icon{width:20px;height:20px;color:#272727;transition:transform .2s ease}.blog-filters__dropdown[open] .blog-filters__dropdown-icon{transform:rotate(180deg)}.blog-filters__dropdown-content{position:absolute;top:100%;right:0;min-width:12rem;background:#fff;border:1px solid #e5e5e5;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;z-index:10;margin-top:.25rem}.blog-filters__dropdown-item{display:block;width:100%;padding:.75rem 1rem;color:#272727;text-decoration:none;font-family:var(--font-body-family);font-size:18px;font-weight:400;transition:background-color .2s ease;border:none;background:none;text-align:left;cursor:pointer}.blog-filters__dropdown-item:hover{background:#27272714}.blog-filters__dropdown-item:first-child{border-radius:.5rem .5rem 0 0}.blog-filters__dropdown-item:last-child{border-radius:0 0 .5rem .5rem}@media screen and (min-width: 750px){.blog-filters{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}.blog-filters__categories{flex:1;gap:.375rem}.blog-filters__sort{flex-shrink:0;justify-content:flex-end;gap:12px}}@media screen and (min-width: 990px){.blog-filters{gap:3rem}.blog-filters__categories{gap:.375rem}}@media screen and (min-width: 1200px){.blog-filters__categories{flex-wrap:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-blog-filters.css.map */