.complianceLogos {
display: grid;
grid-template-columns: repeat(6, 1fr);
width: 100%;
margin-top: 0;
gap: 1rem;
}
.complianceLogoItem {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
}
.complianceLogoPlaceholder {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100px;
border: 1px solid var(--oc-indigo-0);
padding: 1rem;
border-radius: 8px;
}
.complianceLogoPlaceholder img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
[data-theme='dark'] .complianceLogoPlaceholder {
border-color: rgba(var(--oc-gray-8-rgb), 0.5);
}
.complianceLogoLabel {
font-size: 0.75rem;
font-family: system-ui;
font-feature-settings: normal;
font-weight: 500;
color: var(--oc-gray-6);
text-align: center;
}
[data-theme='dark'] .complianceLogoLabel {
color: var(--oc-gray-4);
}
@media screen and (max-width: 996px) {
.complianceLogos {
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem 1rem;
}
.complianceLogoPlaceholder {
width: 56px;
height: 56px;
}
.complianceLogoPlaceholder img {
max-width: 40px;
max-height: 40px;
}
}
