.usine-banner {
background-color: var(--banner-bg-color, #f5f5f5);
width: 100%;
box-sizing: border-box;
overflow: hidden;
border-bottom: 1px solid #E6E7E7;
padding: 12px 0;
}
.banner-container {
max-width: 1440px;
margin: 0 auto;
padding-left: 64px;
padding-right: 64px;
}
.banner-items {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
flex-wrap: nowrap;
gap: 24px;
}
.banner-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}
.banner-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: var(--us-icon-size, 24px);
height: var(--us-icon-size, 24px);
}
.banner-text {
font-family: inherit;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #232425;
white-space: nowrap;
text-decoration: none;
}
a.banner-text:hover {
text-decoration: underline;
}
@media (max-width: 1023px) {
.banner-container {
padding-left: 32px;
padding-right: 32px;
}
.banner-items {
flex-wrap: wrap;
gap: 16px;
}
.banner-item {
min-width: 0;
}
.banner-text {
white-space: normal;
}
}
@media (max-width: 767px) {
.banner-container {
padding-left: 16px;
padding-right: 16px;
}
.banner-items {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.banner-text {
white-space: normal;
}
}