.blog-filter-wrapper{margin-bottom:.2rem;padding:0}.blog-filter-container{display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap}.filter-button{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2.8rem;background:#fff;color:#333;border:1px solid #2F2F2F;border-radius:5rem;font-size:1.4rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-family:inherit}.filter-button:hover{border-color:#a0a0a0;background:#fafafa}.filter-button svg{width:1rem;height:1rem;transition:transform .3s ease;margin-left:.4rem}.filter-all{background:#755139;color:#fff;border-color:#755139;font-weight:600}.filter-all:hover,.filter-all.active{background:#5f4230;border-color:#5f4230}.filter-button.active{background:#755139;color:#fff;border-color:#755139;font-weight:600}.filter-button.active:hover{background:#5f4230;border-color:#5f4230}.filter-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.filter-drawer-overlay.active{opacity:1;visibility:visible}.filter-drawer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:2rem 2rem 0 0;max-height:70vh;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;flex-direction:column}.filter-drawer-overlay.active .filter-drawer{transform:translateY(0)}.filter-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:1px solid #e5e5e5;flex-shrink:0}.filter-drawer-title{font-size:1.8rem;font-weight:600;color:#333;margin:0}.filter-drawer-close{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.filter-drawer-close:hover{opacity:.7}.filter-drawer-close svg{width:2.4rem;height:2.4rem;stroke:#333}.filter-drawer-content{padding:1rem 0;overflow-y:auto;flex:1}.filter-drawer-group{padding:0 2rem}.filter-drawer-item{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 0;border-bottom:1px solid #f0f0f0;text-decoration:none;color:#333;transition:background .2s ease;cursor:pointer}.filter-drawer-item:last-child{border-bottom:none}.filter-drawer-item:hover{background:#fafafa;padding-left:1rem;padding-right:1rem;margin-left:-1rem;margin-right:-1rem}.filter-drawer-item-text{font-size:1.5rem;font-weight:400;color:#333}.filter-drawer-item-radio{width:2rem;height:2rem;border:2px solid #d0d0d0;border-radius:50%;position:relative;transition:all .2s ease;flex-shrink:0}.filter-drawer-item.active .filter-drawer-item-radio{border-color:#755139}.filter-drawer-item.active .filter-drawer-item-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;background:#755139;border-radius:50%}.filter-drawer-item.active .filter-drawer-item-text{font-weight:600;color:#755139}@media screen and (max-width: 749px){.blog-filter-container{gap:.6rem;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.blog-filter-container::-webkit-scrollbar{display:none}.filter-button{padding:.9rem 1.6rem;font-size:1.3rem;gap:.5rem;flex-shrink:0;white-space:nowrap}.filter-button svg{width:.9rem;height:.9rem}.filter-drawer{max-height:80vh}.filter-drawer-header{padding:1.6rem}.filter-drawer-title{font-size:1.6rem}.filter-drawer-item{padding:1.4rem 0}.filter-drawer-item-text{font-size:1.4rem}}.filter-drawer-content::-webkit-scrollbar{width:6px}.filter-drawer-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.filter-drawer-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.filter-drawer-content::-webkit-scrollbar-thumb:hover{background:#aaa}.filter-button:focus,.filter-drawer-close:focus,.filter-drawer-item:focus{outline:2px solid #755139;outline-offset:2px}body.filter-drawer-open{overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-button{animation:fadeIn .3s ease forwards}
/*# sourceMappingURL=/cdn/shop/t/434/assets/blog-filter.css.map */