.newsbanner {
    --newsbanner-current-height: var(--newsbanner-height, 80px);
    --newsbanner-current-image: var(--newsbanner-image-size, 60px);
    --newsbanner-fit-image: min(var(--newsbanner-current-image), calc(var(--newsbanner-current-height) - 12px));
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
    width: 100vw;
    max-width: none;
    height: var(--newsbanner-current-height);
    max-height: 80px;
    margin-inline: calc(50% - 50vw);
    padding: 0 52px 0 12px;
    background: var(--newsbanner-background, #e0f1fb);
    color: var(--newsbanner-text, #172b3a);
    overflow: hidden;
    font-family: inherit;
}
.newsbanner *, .newsbanner *::before, .newsbanner *::after { box-sizing: border-box; }
.newsbanner__viewport { flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.newsbanner__track { display: flex; width: max-content; }
.newsbanner .newsbanner__items {
    display: flex;
    align-items: center;
    gap: 0;
    width: max-content;
    flex-shrink: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}
.newsbanner .newsbanner__item { display: flex; align-items: center; flex-shrink: 0; width: calc(100vw - 64px); gap: 16px; height: calc(var(--newsbanner-current-height) - 4px); margin: 0; padding: 0; }
.newsbanner .newsbanner__image { display: block; flex: 0 0 var(--newsbanner-fit-image); width: var(--newsbanner-fit-image); height: var(--newsbanner-fit-image); max-height: 60px; margin: 0; object-fit: contain; border: 0; border-radius: 0; box-shadow: none; }
.newsbanner__title { font-size: 18px; font-weight: 600; line-height: 1.2; flex: 1 1 0; min-width: 0; max-width: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.newsbanner .newsbanner__button { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border: 0; border-radius: 999px; padding: 10px 20px; background: var(--newsbanner-button-background, #c71920); color: var(--newsbanner-button-text, #fff); font-size: 14px; font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap; box-shadow: none; }
.newsbanner .newsbanner__button:hover { background: var(--newsbanner-button-hover, #a31218); color: var(--newsbanner-button-text, #fff); }
.newsbanner .newsbanner__pause { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; margin: 0; padding: 0; border: 1px solid currentColor; border-radius: 50%; background: transparent; color: inherit; font-size: 12px; line-height: 1; cursor: pointer; }
.newsbanner .newsbanner__pause[hidden] { display: none; }
.newsbanner a:focus-visible, .newsbanner button:focus-visible { outline: 2px solid var(--newsbanner-text, #172b3a); outline-offset: 2px; }
.newsbanner.is-rotating .newsbanner__viewport { overflow: hidden; }
.newsbanner .newsbanner__item[hidden] { display: none; }
@media (max-width: 600px) {
    .newsbanner { --newsbanner-current-height: var(--newsbanner-mobile-height, 80px); --newsbanner-current-image: var(--newsbanner-mobile-image-size, 44px); }
    .newsbanner .newsbanner__item { gap: 10px; }
    .newsbanner__title { font-size: 14px; max-width: none; }
    .newsbanner .newsbanner__button { font-size: 12px; padding: 9px 12px; }
}
