.list-wrapper-container>div.list-wrapper{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:40px;display:grid}@media (max-width:640px){.list-wrapper-container{margin-top:20px}}@media (max-width:768px){.list-wrapper-container{margin-top:0}}.list-wrapper-container .try-again{text-align:center;text-transform:capitalize;color:#185adb;background-color:#185adb24;border:1px solid #185adb;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:80px;padding:16px 24px;font-size:16px;font-weight:700;line-height:18px;display:flex}@media (max-width:768px){.list-wrapper-container .try-again{justify-content:center;gap:12px;margin-bottom:40px;font-size:12px}}.list-wrapper-container .try-again>button{color:#fff;cursor:pointer;background-color:#185adb;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;width:190px;padding:16px 0;font-family:inherit;font-size:16px;font-weight:500;display:flex}@media (max-width:768px){.list-wrapper-container .try-again>button{width:116px;padding:8px 0;font-size:12px;font-weight:400}}.list-wrapper-container .list-container{--gap:28px;grid-template-columns:calc(24% - var(--gap))76%;gap:var(--gap);padding-top:46px;display:grid}@media (max-width:1200px){.list-wrapper-container .list-container{grid-template-columns:calc(35% - var(--gap))65%}}@media (max-width:768px){.list-wrapper-container .list-container{grid-template-columns:100%;padding-top:0}}.list-wrapper-container .list-container.full-list-container{grid-template-columns:100%}.list-wrapper-container .list-product-loading{margin-bottom:80px}@media (max-width:768px){.list-wrapper-container .list-product-loading{margin-bottom:40px}}.list-wrapper-container .mobile-toolbar{border-bottom:1px solid color-mix(in srgb,var(--gray),transparent 80%);gap:8px;margin-top:24px;padding-bottom:12px;display:flex}.list-wrapper-container .mobile-toolbar .search-last-mobile{flex:1}.list-wrapper-container .mobile-toolbar>div{flex-shrink:0;align-items:center;gap:8px;display:flex}.list-wrapper-container .mobile-toolbar>div>button{background:#fff;border:.6px solid #e5e5e5;border-radius:30px;justify-content:center;align-items:center;gap:4px;padding:8px 12px;display:flex}.list-wrapper-container .mobile-toolbar>div>button>i{color:#585858;font-size:16px}.list-wrapper-container .mobile-toolbar>div>button>span.text{font-size:12px}.list-wrapper-container .mobile-toolbar>div>button.active{background-color:color-mix(in srgb,var(--red),transparent 70%);position:relative}.list-wrapper-container .mobile-toolbar>div>button.active>i{color:var(--red)}.list-wrapper-container .mobile-toolbar>div>button.active>span.active-filter-number{color:var(--white);background-color:var(--red);border-radius:100%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:-4px;left:-4px}.list-wrapper-container .pagination{justify-content:center;align-items:center;margin-top:40px;display:flex}.list-wrapper-container .pagination>ul{gap:4px;display:flex}.list-wrapper-container .pagination>ul>li{color:#667085;justify-content:center;align-items:center;font-size:16px;display:flex}.list-wrapper-container .pagination>ul>li>button{text-align:center;color:#667085;cursor:pointer;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;width:32px;height:32px;font-family:inherit;font-size:16px;font-weight:700;display:flex}.list-wrapper-container .pagination>ul>li>button.pagination-last,.list-wrapper-container .pagination>ul>li>button.pagination-first{padding:0}.list-wrapper-container .pagination>ul>li>button.pagination-last>svg,.list-wrapper-container .pagination>ul>li>button.pagination-first>svg{width:32px;height:32px}.list-wrapper-container .pagination>ul>li>button.pagination-last{rotate:180deg}.list-wrapper-container .pagination>ul>li>button.pagination-active{color:#fff;background-color:#185adb;border-radius:32px}.list-wrapper-container .pagination>ul>li>button.pagination-next>i,.list-wrapper-container .pagination>ul>li>button.pagination-prev>i{color:#185adb;font-size:32px}.list-wrapper-container .pagination>ul>li>button.pagination-prev>i{rotate:-90deg}.list-wrapper-container .pagination>ul>li>button.pagination-next>i{rotate:90deg}
