.section-divider {
position: relative;
height: var(--divider-height);
z-index: 1;
pointer-events: none;
overflow: visible;
margin-top: calc(-1 * var(--divider-height) / 2);
margin-bottom: calc(-1 * var(--divider-height) / 2);
padding: 0;
}
.section-divider__triangle {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: 100%;
} .section-divider--right .section-divider__triangle {
right: 0;
width: 6vw;
} .section-divider--left .section-divider__triangle {
left: 0;
width: 6vw;
}
.section-divider__triangle .fil0 {
fill: var(--color-science-blue);
} @media (max-width: 768px) {
.section-divider--right .section-divider__triangle {
width: 8vw;
}
.section-divider--left .section-divider__triangle {
width: 8vw;
}
} @media (max-width: 480px) {
.section-divider--right .section-divider__triangle {
width: 12vw;
}
.section-divider--left .section-divider__triangle {
width: 12vw;
}
} @media (max-width: 360px) {
.section-divider--right .section-divider__triangle {
width: 15vw;
}
.section-divider--left .section-divider__triangle {
width: 15vw;
}
}