.blog-filter-wrapper{display:flex;justify-content:center;align-items:center;margin:0 0 3rem;width:100%}.blog-filter-dropdown{position:relative;display:inline-block}.blog-filter-button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1.25rem;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:16px;font-weight:400;color:#333;min-width:200px;width:100%;transition:all .2s ease}.blog-filter-button:hover{border-color:#ccc;box-shadow:0 2px 4px #0000000d}.blog-filter-button.active{border-color:#ff0068;box-shadow:0 2px 8px #ff006826}.blog-filter-selected{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-filter-arrow{flex-shrink:0;width:12px;height:8px;transition:transform .2s ease;color:#666}.blog-filter-button.active .blog-filter-arrow{transform:rotate(180deg)}.blog-filter-menu{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 16px #0000001f;min-width:200px;width:100%;max-height:350px;overflow-y:auto;overflow-x:hidden;z-index:1000;display:none}.blog-filter-menu.show{display:block}.blog-filter-option{padding:.75rem 1.25rem;cursor:pointer;font-size:12px;font-weight:400;color:#333;transition:background-color .15s ease;white-space:nowrap;text-align:left}.blog-filter-option:hover{background-color:#f8f8f8}.blog-filter-option:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.blog-filter-option:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.blog-filter-menu::-webkit-scrollbar{width:8px}.blog-filter-menu::-webkit-scrollbar-track{background:#f5f5f5;border-radius:6px}.blog-filter-menu::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:6px}.blog-filter-menu::-webkit-scrollbar-thumb:hover{background:#b0b0b0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/blog-filter.css.map */