.listing-tab-component{position:relative;width:100%;max-width:300px;margin:20px auto}.dropdown-container{position:relative;border:1px solid #ddd;border-radius:5px;background:#fff;padding:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer}.dropdown-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#555}.dropdown-icon{transition:transform .3s ease}.dropdown-icon.rotate{transform:rotate(180deg)}.dropdown-item{padding:8px 16px;cursor:pointer}.dropdown-item:hover{background-color:#f0f0f0}.dropdown-item:active{background:#e0e0e0}.limit-dropdown{position:absolute;top:100%;left:0;width:100%;margin-top:5px;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:10;max-height:200px;overflow-y:auto}.limit-item{padding:10px;font-size:14px;color:#333;cursor:pointer;transition:background .2s ease}.sort-component{position:relative;width:100%;max-width:300px;margin:20px auto;font-family:Arial,sans-serif}.sort-header{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #ddd;border-radius:5px;background-color:#fff;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1)}.sort-label{font-size:14px;color:#555}.sort-icon{transition:transform .3s ease;color:#555}.sort-icon.rotate{transform:rotate(180deg)}.sort-dropdown{position:absolute;top:100%;left:0;width:100%;margin-top:5px;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:10;max-height:200px;overflow-y:auto}.sort-item{padding:10px;font-size:14px;color:#333;cursor:pointer;transition:background .2s ease}.sort-item:hover{background-color:#f5f5f5}.sort-item:active{background-color:#e0e0e0}.search-component{position:relative;width:100%;max-width:300px;margin:20px auto;font-family:Arial,sans-serif}.search-input-group{display:flex;align-items:center;border:1px solid #ddd;border-radius:5px;background-color:#fff;padding:7px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:box-shadow .3s ease}.search-input-group:hover{box-shadow:0 4px 10px rgba(0,0,0,.2)}.search-input{flex:1 1;font-size:14px;border:none;outline:none;background-color:rgba(0,0,0,0);color:#555;padding:4px}.search-input::placeholder{color:#aaa}.search-icon{font-size:18px;color:#555;cursor:pointer;transition:color .3s ease}.search-icon:hover{color:#007bff}.filter-component{position:relative;max-width:300px;margin:20px auto;font-family:Arial,sans-serif}.filter-input-group{padding:8px!important;font-size:14px;line-height:1.2;border-radius:6px;border:1px solid #d1cece}.filter-input-group:hover{box-shadow:0 4px 10px rgba(0,0,0,.2)}.filter-icon{font-size:14px;color:#555;margin-right:10px;transition:color .3s ease}.filters-container .d-flex{flex-wrap:nowrap!important}.filter-icon:hover{color:#007bff}.filter-dropdown{position:absolute;top:100%;right:0;z-index:1000;min-width:300px;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:10px}.filter-header{font-size:12px;font-weight:700;color:#555;text-transform:uppercase;margin-bottom:5px}.filter-item{font-size:14px;padding:5px 10px;color:#555;cursor:pointer;transition:background-color .3s ease}.filter-item:hover{background-color:#f0f0f0}.filter-reset{font-weight:700;cursor:pointer;margin-top:10px}.filter-no-options,.filter-reset{font-size:14px;text-align:center;color:#d9534f}.filter-input-group:hover{background-color:#fff!important}@media(max-width:575.98px){.limit,.search,.sorting,filter{margin-bottom:0!important}}.dropdown-menu{min-width:100%}