.system-tabs-list { display: flex; width: 100%; column-gap: 2px; }
.system-tabs-item { background: var(--tertiary-color); cursor: pointer; font-weight: 300; display: flex; text-transform: uppercase; font-size: 1.4rem; line-height: 1.6rem; color: #FFF; height: 100px; justify-content: center; align-items: center; flex: 1; position: relative; transition: 0.3s linear; }
.system-tabs-item:after { content: ''; opacity: 0; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 20px solid var(--secondary-color); position: absolute; left: 50%; transform: translate(-50%, -100%); bottom: -20px; transition: 0s; }
.system-tabs-item.active { background: var(--secondary-color); cursor: default; }
.system-tabs-item.active:after { opacity: 1; transform: translate(-50%, 0); transition: 0.3s linear 0.3s; }
.system-tabs-content-list { padding: var(--plugin-margin-bottom) 50px; background: var(--octonary-color); }
.system-tabs-content { opacity: 0; pointer-events: none; word-break: break-word; position: absolute; top: 0; left: 0; font-size: 1.3rem; line-height: 1.8rem; font-weight: 300; }
.system-tabs-content.active { opacity: 1; pointer-events: all; position: relative; }
.system-tabs-content-legend-item { display: flex; align-items: center; }
.system-tabs-content-legend-item:not(:last-child) { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #d3d1d1; }
.system-tabs-content-legend-item-image-wrapper { width: 50px; flex-shrink: 0; }

.system-tabs-content .paragraph-abstract > div table[align='right'] { width: auto !important; }
.system-tabs-content .paragraph-wrapper:has(.paragraph-download) { width: 100% !important; }
.system-tabs-content .paragraph-wrapper:not(.paragraph-wrapper-image-center) .paragraph-image-wrapper { flex-basis: auto; }
.system-tabs-content .paragraph-wrapper:not(.paragraph-wrapper-image-center) .paragraph-text { flex-basis: auto; }

@media (pointer:fine) {
    .system-tabs-item:not(.active):hover { background-color: var(--senary-color); }
}

@media (max-width:1200px) {
    .system-tabs-item { font-size: 1.25rem; line-height: 1.5rem; height: 80px; }
    .system-tabs-content { font-size: 1.25rem; line-height: 1.7rem; }
    .system-tabs-content .paragraph-image-wrapper img { width: 100% !important; max-width: 400px; }
}

@media (max-width:1023px) {
    .system-tabs-content-list { padding: var(--plugin-margin-bottom) 30px; }
    .system-tabs-item { font-size: 1.15rem; line-height: 1.4rem; height: auto; padding: 10px; text-align: center; }
    .system-tabs-item:after { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid var(--secondary-color); bottom: -15px; }
    .system-tabs-content { font-size: 1.25rem; line-height: 1.7rem; }
    .system-tabs-content .paragraph-image-wrapper img { width: 100% !important; max-width: 100%; }
}

@media (max-width:767px) {
    .system-tabs-list { display: block; }
    .system-tabs-item { height: 60px; }
    .system-tabs-item:not(:last-child) { margin-bottom: 2px; }
    .system-tabs-item:after { display: none; }
    .system-tabs-content-list { padding: 40px 30px; }
}

@media (max-width:480px) {
    .system-tabs-content-list { padding: 30px 30px; }
    .system-tabs-content { font-size: 1.2rem; line-height: 1.6rem; }
}