.custom-icons-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;justify-items:center;align-items:center;max-width:100%;margin:0 auto;padding:0}.custom-icons-grid .icon-item{display:flex;justify-content:center;align-items:center;width:45px;height:30px;transition:transform .3s ease,opacity .3s ease;border-radius:8px;overflow:hidden}.custom-icons-grid .icon-item:hover{transform:scale(1.05);opacity:.8}.custom-icons-grid .icon-item img{width:100%;height:100%;object-fit:contain;border-radius:8px;transition:filter .3s ease}.custom-icons-grid .icon-item:hover img{filter:brightness(1.1)}.custom-icons-grid .icon-item a{display:flex;width:100%;height:100%;justify-content:center;align-items:center;text-decoration:none;color:inherit}@media (max-width: 767px){.custom-icons-grid{grid-template-columns:repeat(3,1fr);gap:10px}.custom-icons-grid .icon-item{width:38px;height:25px}}@media (max-width: 480px){.custom-icons-grid{grid-template-columns:repeat(2,1fr);gap:8px}.custom-icons-grid .icon-item{width:30px;height:20px}}.custom-icons-grid .icon-item{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.custom-icons-grid .icon-item:nth-child(1){animation-delay:.1s}.custom-icons-grid .icon-item:nth-child(2){animation-delay:.2s}.custom-icons-grid .icon-item:nth-child(3){animation-delay:.3s}.custom-icons-grid .icon-item:nth-child(4){animation-delay:.4s}.custom-icons-grid .icon-item:nth-child(5){animation-delay:.5s}.custom-icons-grid .icon-item:nth-child(6){animation-delay:.6s}.custom-icons-grid .icon-item:nth-child(7){animation-delay:.7s}.custom-icons-grid .icon-item:nth-child(8){animation-delay:.8s}.custom-icons-grid .icon-item:nth-child(9){animation-delay:.9s}.custom-icons-grid .icon-item:nth-child(10){animation-delay:1s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.productView-moreItem .custom-icons-grid{background:transparent;border:none;box-shadow:none}.custom-icons-grid .icon-item:focus-within{outline:2px solid #007cba;outline-offset:2px}.custom-icons-grid .icon-item img[alt]{border:1px solid transparent}@media (prefers-contrast: high){.custom-icons-grid .icon-item{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.custom-icons-grid .icon-item{animation:none;opacity:1;transform:none}.custom-icons-grid .icon-item:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-custom-icons-grid.css.map */
