.brand-skeleton-container{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);overflow:hidden;position:relative}.brand-skeleton-container .brand-skeleton-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;position:relative}.brand-skeleton-container .brand-skeleton-item:first-child{grid-column:span 2}.brand-skeleton-container .brand-skeleton-item .skeleton-image{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f040 25%,#e0e0e040,#f0f0f040 75%);background-size:200% 100%;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:150px;transition:all .3s ease;width:100%}.brand-skeleton-container .brand-skeleton-item .skeleton-image:first-child{height:180px}@media screen and (min-width:550px){.brand-skeleton-container .brand-skeleton-item .skeleton-image{height:180px}.brand-skeleton-container .brand-skeleton-item .skeleton-image:first-child{height:220px}}.brand-skeleton-container .brand-skeleton-item:first-child .skeleton-image{animation-delay:0s}.brand-skeleton-container .brand-skeleton-item:nth-child(2) .skeleton-image{animation-delay:.1s}.brand-skeleton-container .brand-skeleton-item:nth-child(3) .skeleton-image{animation-delay:.2s}.brand-skeleton-container .brand-skeleton-item:nth-child(4) .skeleton-image{animation-delay:.3s}.brand-skeleton-container .brand-skeleton-item:nth-child(5) .skeleton-image{animation-delay:.4s}.brand-skeleton-container .brand-skeleton-item:nth-child(6) .skeleton-image{animation-delay:.5s}.brand-item{pointer-events:auto;-webkit-user-drag:none;-webkit-touch-callout:none;cursor:pointer;flex-direction:column;gap:8px;position:relative}.brand-item,.brand-item .img-loading{align-items:center;border-radius:8px;display:flex}.brand-item .img-loading{height:130px;justify-content:center;width:100%}.brand-item .img-loading .loader{border-width:5px;height:70px;width:70px}@media screen and (min-width:550px){.brand-item .img-loading .loader{border-width:6px;height:74px;width:74px}}.brand-item:first-child{grid-column:span 2}.brand-item:hover img{filter:brightness(1.3);transform:translateY(-2px)}.brand-item img{pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;border-radius:8px;height:100%;-o-object-fit:contain;object-fit:contain;transition:all .3s ease;width:100%}