.pagination{margin-top:30px;justify-content:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(35px,35px));gap:8px}.pagination-item{border-radius:var(--site-default-border-radius);padding:5px;width:35px;height:35px;background:var(--border-color);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:var(--text-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--animation-time) ease}.pagination-item.active{background:var(--border-color-dark);color:var(--text-color-dark)}.pagination-item.disabled{opacity:.7;cursor:not-allowed}.brands-page .symbols-filter{margin-bottom:40px}.brands-page .symbols-filter .group{margin-bottom:10px;display:flex;flex-wrap:wrap;grid-gap:5px}.brands-page .symbols-filter .group .item{justify-content:center;display:flex;align-items:center;width:35px;height:35px;border-radius:var(--site-default-border-radius);background:var(--border-color);text-decoration:none}.brands-page .symbols-filter .group .item.active,.brands-page .symbols-filter .group .item:hover{background:var(--secondary-color);color:#fff}.brands-page .list-container .list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,220px));grid-gap:20px}.brands-page .list-container .list .brand-card{display:flex;align-items:center;justify-content:center;height:160px;font-size:18px;text-align:center;font-weight:600;border-radius:var(--site-default-border-radius);background:#fff;text-transform:uppercase;box-shadow:0 10px 20px -8px #00000040}.brands-page .list-container .list .brand-card img{display:block;width:100%;height:100%;-o-object-fit:scale-down;object-fit:scale-down;-o-object-position:center;object-position:center;mix-blend-mode:multiply;border-radius:var(--site-default-border-radius)}@media (any-hover: hover){.pagination-item:not(.disabled):hover{background:var(--border-color-dark);color:var(--text-color-dark)}.brands-page .list-container .list .brand-card{transition:all var(--animation-time) ease}.brands-page .list-container .list .brand-card:hover{border-color:var(--border-color-dark);box-shadow:0 10px 20px -4px #0000001a}}@media (min-width: 768px){.brands-page .list-container .list .brand-card{padding:15px}}@media (max-width: 767px){.brands-page .list-container .list .brand-card{padding:10px}.brands-page .list-container .list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}