.contact-trust {
padding: 32px 0;
background: transparent;
}
.contact-trust__heading {
text-align: center;
color: #4A5565;
font-size: 16px;
margin: 0 0 32px;
font-family: Helvetica, 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}
.contact-trust__tracks {
display: flex;
flex-direction: column;
gap: 24px;
}
.contact-trust__track {
overflow: hidden;
width: 100%;
}
.contact-trust__logos {
display: flex;
gap: 0;
width: max-content;
will-change: transform;
}
.contact-trust__track--left .contact-trust__logos {
animation: contactScrollLeft 20s linear infinite;
}
.contact-trust__track--right .contact-trust__logos {
animation: contactScrollRight 20s linear infinite;
}
.contact-trust__logo {
flex-shrink: 0;
width: 160px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 16px;
box-sizing: border-box;
}
.contact-trust__logo img {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
object-fit: contain;
} @keyframes contactScrollLeft {
0%   { transform: translateX(0); }
100% { transform: translateX(-5%); }
}
@keyframes contactScrollRight {
0%   { transform: translateX(-5%); }
100% { transform: translateX(0); }
} .contact-logos__add-btn.components-button {
width: 100%;
justify-content: center;
margin-bottom: 12px;
}
.contact-logos__preview-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px;
}
.contact-logos__preview-item {
position: relative;
border: 1px solid #e5e7eb;
border-radius: 4px;
padding: 4px;
}
.contact-logos__preview-img {
width: 60px;
height: 36px;
object-fit: contain;
}
.contact-logos__remove-btn.components-button {
position: absolute;
top: -6px;
right: -6px;
min-width: 20px;
height: 20px;
padding: 0;
background: #fff;
border-radius: 50%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
color: #cc1818;
}
.contact-logos__empty {
color: #9ca3af;
font-size: 13px;
margin: 8px 0 0;
} @media only screen and (max-width: 640px) {
.contact-trust__logo {
width: 120px;
height: 40px;
padding: 0 10px;
}
}