.news-slider-by-kapaweb {
--zebs-slider-bg: #f5f3ee;
--zebs-slider-fg: #161719;
--zebs-slider-muted: #5f625f;
--zebs-slider-border: rgba(22, 23, 25, 0.14);
--zebs-slider-max-width: 1320px;
--zebs-slider-tile-gap: 14px;
--zebs-slider-radius: 0;
background: var(--zebs-slider-bg);
color: var(--zebs-slider-fg);
font-family: inherit;
margin: 0;
max-width: 100%;
overflow: hidden;
padding: clamp(28px, 4vw, 46px) 0 clamp(32px, 4.5vw, 56px);
position: relative;
width: 100%;
}
.news-slider-by-kapaweb--zebs {
--zebs-slider-bg: #20252b;
--zebs-slider-fg: #ffc400;
--zebs-slider-muted: #f5df94;
--zebs-slider-border: rgba(255, 196, 0, 0.28);
}
.news-slider-by-kapaweb--light {
--zebs-slider-bg: #f5f3ee;
--zebs-slider-fg: #161719;
--zebs-slider-muted: #5f625f;
--zebs-slider-border: rgba(22, 23, 25, 0.14);
}
.news-slider-by-kapaweb--dark {
--zebs-slider-bg: #111412;
--zebs-slider-fg: #f7f4eb;
--zebs-slider-muted: #b8bdb5;
--zebs-slider-border: rgba(247, 244, 235, 0.16);
}
.news-slider-by-kapaweb *,
.news-slider-by-kapaweb *::before,
.news-slider-by-kapaweb *::after {
box-sizing: border-box;
}
.news-slider-by-kapaweb__inner {
margin: 0 auto;
max-width: min(var(--zebs-slider-max-width), calc(100% - 32px));
}
.news-slider-by-kapaweb__eyebrow {
color: var(--zebs-slider-accent);
font-size: 0.76rem;
font-weight: 800;
letter-spacing: 0;
line-height: 1.2;
margin: 0 0 12px;
text-transform: uppercase;
}
.news-slider-by-kapaweb__section-title {
color: var(--zebs-slider-muted);
font-size: clamp(0.96rem, 1.3vw, 1.15rem);
font-weight: 650;
letter-spacing: 0;
line-height: 1.2;
margin: 0 0 clamp(18px, 3vw, 30px);
}
.news-slider-by-kapaweb__headline-shell {
display: grid;
margin: 0 auto clamp(18px, 2.5vw, 30px);
max-width: min(940px, 100%);
min-height: clamp(96px, 10vw, 132px);
place-items: center;
position: relative;
text-align: center;
}
.news-slider-by-kapaweb--no-header .news-slider-by-kapaweb__headline-shell {
min-height: clamp(88px, 9vw, 122px);
}
.news-slider-by-kapaweb--no-header.news-slider-by-kapaweb--no-meta .news-slider-by-kapaweb__headline-shell {
margin-top: 0;
min-height: clamp(78px, 8vw, 112px);
}
.news-slider-by-kapaweb__headline {
color: inherit;
display: grid;
gap: clamp(10px, 1.5vw, 16px);
grid-area: 1 / 1;
justify-items: center;
opacity: 0;
pointer-events: none;
text-decoration: none;
transform: translateY(14px);
transition: opacity 380ms ease, transform 380ms ease;
width: min(100%, 940px);
}
.news-slider-by-kapaweb__headline.is-active {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.news-slider-by-kapaweb__headline-meta {
color: var(--zebs-slider-accent);
font-size: 0.76rem;
font-weight: 800;
letter-spacing: 0;
line-height: 1.35;
text-transform: uppercase;
}
.news-slider-by-kapaweb__headline-title {
display: block;
font-size: clamp(2.05rem, 4vw, 4.25rem);
font-weight: 520;
letter-spacing: 0;
line-height: 0.97;
text-wrap: balance;
}
.news-slider-by-kapaweb__headline-excerpt {
color: var(--zebs-slider-muted);
display: block;
font-size: clamp(0.98rem, 1.6vw, 1.2rem);
line-height: 1.45;
max-width: 720px;
text-wrap: pretty;
}
.news-slider-by-kapaweb__welcome {
display: grid;
gap: clamp(10px, 1.4vw, 18px);
justify-items: center;
margin: 0 auto clamp(22px, 3vw, 36px);
max-width: min(980px, 100%);
text-align: center;
}
.news-slider-by-kapaweb__welcome-kicker {
color: var(--zebs-slider-accent);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.14em;
line-height: 1.2;
margin: 0;
text-transform: uppercase;
}
.news-slider-by-kapaweb__welcome-title {
color: var(--zebs-slider-fg);
font-size: clamp(2rem, 4.2vw, 4rem);
font-weight: 520;
letter-spacing: -0.005em;
line-height: 1.02;
margin: 0;
text-wrap: balance;
}
.news-slider-by-kapaweb__welcome-title-line {
display: block;
}
.news-slider-by-kapaweb__welcome-subtitle {
color: #e8dfc4 !important;
display: block;
font-size: 14px;
font-weight: 500;
line-height: 1.3;
margin: 0;
text-align: center;
}
.news-slider-by-kapaweb__welcome-subtitle > span {
color: inherit !important;
}
.news-slider-by-kapaweb--light .news-slider-by-kapaweb__welcome-subtitle {
color: #5a4a1c !important;
}
.news-slider-by-kapaweb__welcome-flag {
display: inline-block;
font-size: 2.5em;
line-height: 1;
margin-right: 0.28em;
vertical-align: middle;
white-space: nowrap;
}
.news-slider-by-kapaweb__rail-wrap {
margin-inline: 0;
overflow: hidden;
padding-inline: 0;
}
.news-slider-by-kapaweb__rail {
display: grid;
gap: var(--zebs-slider-tile-gap);
grid-auto-columns: minmax(228px, calc((100% - (var(--zebs-slider-tile-gap) * 4)) / 5));
grid-auto-flow: column;
overflow-x: auto;
overscroll-behavior-x: contain;
padding: 0 0 8px;
scroll-behavior: smooth;
scroll-padding-inline: 16px;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.news-slider-by-kapaweb__rail::-webkit-scrollbar {
display: none;
}
.news-slider-by-kapaweb__tile {
background: #161719;
border-radius: 0;
min-width: 0;
overflow: hidden;
position: relative;
scroll-snap-align: center;
}
.news-slider-by-kapaweb__tile,
.news-slider-by-kapaweb__tile-link,
.news-slider-by-kapaweb__tile-media,
.news-slider-by-kapaweb__tile img {
border-radius: 0 !important;
}
.news-slider-by-kapaweb__tile-link {
display: flex;
flex-direction: column;
position: relative;
}
.news-slider-by-kapaweb__tile-media {
aspect-ratio: 4 / 3;
flex: 0 0 auto;
position: relative;
width: 100%;
}
.news-slider-by-kapaweb__tile::after {
background: var(--zebs-slider-accent);
bottom: 0;
content: "";
height: 4px;
left: 0;
position: absolute;
right: 0;
transform: scaleX(0);
transform-origin: left;
transition: transform 320ms ease;
z-index: 2;
}
.news-slider-by-kapaweb__tile.is-active::after {
transform: scaleX(1);
}
.news-slider-by-kapaweb__tile-link {
color: inherit;
text-decoration: none;
width: 100%;
}
.news-slider-by-kapaweb__tile-link {
color: #fff;
position: relative;
text-decoration: none;
}
.news-slider-by-kapaweb__tile-media {
background: #211d1e;
overflow: hidden;
}
.news-slider-by-kapaweb__tile img {
display: block !important;
filter: saturate(1) contrast(1);
height: 100% !important;
max-width: 100% !important;
object-fit: cover !important;
object-position: center top !important;
transition: filter 420ms ease, opacity 420ms ease, transform 620ms ease;
width: 100% !important;
}
.news-slider-by-kapaweb__tile:not(.is-active) img {
filter: saturate(0.85) brightness(0.78) contrast(0.96);
opacity: 0.6;
}
.news-slider-by-kapaweb__tile.is-active img,
.news-slider-by-kapaweb__tile-link:hover img,
.news-slider-by-kapaweb__tile-link:focus-visible img {
filter: saturate(1.05) contrast(1.02) brightness(1);
opacity: 1;
transform: scale(1.055);
}
.news-slider-by-kapaweb__tile:not(.is-active) .news-slider-by-kapaweb__tile-link:hover img,
.news-slider-by-kapaweb__tile:not(.is-active) .news-slider-by-kapaweb__tile-link:focus-visible img {
filter: saturate(1) brightness(0.92);
opacity: 0.92;
}
.news-slider-by-kapaweb__image-fallback {
background:
radial-gradient(circle at 78% 16%, rgba(255, 255, 255, 0.36), transparent 28%),
linear-gradient(140deg, #ffc400, #800000 72%);
display: block;
height: 100%;
width: 100%;
}
.news-slider-by-kapaweb__tile-category {
background: #161719;
color: var(--zebs-slider-accent);
display: flex;
align-items: center;
gap: 9px;
font-size: 0.88rem;
font-weight: 700;
letter-spacing: 0.02em;
line-height: 1.2;
max-width: 100%;
order: -1;
padding: 7px 14px;
position: relative;
text-shadow: none;
text-transform: none;
z-index: 3;
}
.news-slider-by-kapaweb__tile-category::before {
background: var(--zebs-slider-accent);
content: "";
display: block;
flex: 0 0 auto;
height: 14px;
width: 3px;
}
.news-slider-by-kapaweb__tile-category::before {
background: var(--zebs-slider-accent);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
content: "";
display: block;
flex: 0 0 auto;
height: 22px;
width: 3px;
}
.news-slider-by-kapaweb__tile-copy {
background: #161719;
display: grid;
flex: 1 1 auto;
gap: 7px;
padding: 16px;
position: relative;
transition: background 260ms ease;
z-index: 1;
}
.news-slider-by-kapaweb__tile-copy span {
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0;
line-height: 1.25;
text-transform: uppercase;
}
.news-slider-by-kapaweb__tile-copy strong {
display: -webkit-box;
font-size: clamp(1.25rem, 1.85vw, 1.6rem);
font-weight: 700;
letter-spacing: 0;
line-height: 1.15;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.news-slider-by-kapaweb__tile.is-active .news-slider-by-kapaweb__tile-copy,
.news-slider-by-kapaweb__tile-link:hover .news-slider-by-kapaweb__tile-copy,
.news-slider-by-kapaweb__tile-link:focus-visible .news-slider-by-kapaweb__tile-copy {
opacity: 1;
transform: translateY(0);
}
.news-slider-by-kapaweb__footer {
align-items: center;
display: grid;
gap: 18px;
grid-template-columns: auto minmax(88px, 1fr) auto;
margin: 14px auto 0;
max-width: min(940px, 100%);
}
.news-slider-by-kapaweb__controls {
display: flex;
gap: 8px;
}
.news-slider-by-kapaweb__control {
align-items: center;
appearance: none;
background: rgba(255, 255, 255, 0.08);
border: 1px solid var(--zebs-slider-border);
border-radius: 4px;
color: var(--zebs-slider-fg);
cursor: pointer;
display: inline-flex;
height: 42px;
justify-content: center;
margin: 0;
padding: 0;
transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
width: 42px;
}
.news-slider-by-kapaweb--dark .news-slider-by-kapaweb__control {
background: rgba(255, 255, 255, 0.08);
}
.news-slider-by-kapaweb--light .news-slider-by-kapaweb__control {
background: rgba(255, 255, 255, 0.48);
}
.news-slider-by-kapaweb__control:hover,
.news-slider-by-kapaweb__control:focus-visible {
background: var(--zebs-slider-accent);
border-color: var(--zebs-slider-accent);
color: #211d1e;
transform: translateY(-1px);
}
.news-slider-by-kapaweb__icon {
display: block;
height: 18px;
position: relative;
width: 18px;
}
.news-slider-by-kapaweb__icon--prev::before,
.news-slider-by-kapaweb__icon--next::before {
border-color: currentColor;
border-style: solid;
border-width: 2px 2px 0 0;
content: "";
height: 9px;
left: 50%;
position: absolute;
top: 50%;
width: 9px;
}
.news-slider-by-kapaweb__icon--prev::before {
transform: translate(-35%, -50%) rotate(-135deg);
}
.news-slider-by-kapaweb__icon--next::before {
transform: translate(-65%, -50%) rotate(45deg);
}
.news-slider-by-kapaweb__icon--pause::before,
.news-slider-by-kapaweb__icon--pause::after {
background: currentColor;
content: "";
height: 14px;
position: absolute;
top: 2px;
width: 3px;
}
.news-slider-by-kapaweb__icon--pause::before {
left: 5px;
}
.news-slider-by-kapaweb__icon--pause::after {
right: 5px;
}
.news-slider-by-kapaweb__icon--play {
display: none;
}
.news-slider-by-kapaweb__icon--play::before {
border-bottom: 7px solid transparent;
border-left: 11px solid currentColor;
border-top: 7px solid transparent;
content: "";
left: 5px;
position: absolute;
top: 2px;
}
.news-slider-by-kapaweb.is-paused .news-slider-by-kapaweb__icon--pause {
display: none;
}
.news-slider-by-kapaweb.is-paused .news-slider-by-kapaweb__icon--play {
display: block;
}
.news-slider-by-kapaweb__progress {
background: rgba(255, 196, 0, 0.12);
height: 1px;
overflow: hidden;
position: relative;
}
.news-slider-by-kapaweb__progress span {
background: rgba(255, 196, 0, 0.55);
display: block;
height: 100%;
transform: scaleX(0);
transform-origin: left;
width: 100%;
}
.news-slider-by-kapaweb.is-playing .news-slider-by-kapaweb__progress span {
animation: zebs-slider-progress var(--zebs-slider-duration) linear forwards;
}
.news-slider-by-kapaweb__topics {
background: rgba(255, 255, 255, 0.07);
border: 1px solid var(--zebs-slider-border);
border-radius: 8px;
display: flex;
gap: clamp(14px, 2.5vw, 34px);
grid-column: 1 / -1;
justify-self: center;
margin-top: 18px;
max-width: 100%;
overflow-x: auto;
padding: 14px clamp(18px, 3vw, 30px);
scrollbar-width: none;
}
.news-slider-by-kapaweb--dark .news-slider-by-kapaweb__topics {
background: rgba(255, 255, 255, 0.07);
}
.news-slider-by-kapaweb--light .news-slider-by-kapaweb__topics {
background: rgba(255, 255, 255, 0.42);
}
.news-slider-by-kapaweb__topics::-webkit-scrollbar {
display: none;
}
.news-slider-by-kapaweb__topic {
appearance: none;
background: transparent;
border: 0;
border-bottom: 1px solid currentColor;
border-radius: 0;
color: var(--zebs-slider-fg);
cursor: pointer;
flex: 0 0 auto;
font: inherit;
font-size: clamp(0.78rem, 1vw, 0.95rem);
font-weight: 800;
letter-spacing: 0;
margin: 0;
opacity: 0.86;
padding: 0 0 3px;
text-transform: uppercase;
transition: color 180ms ease, opacity 180ms ease;
}
.news-slider-by-kapaweb__topic:hover,
.news-slider-by-kapaweb__topic:focus-visible,
.news-slider-by-kapaweb__topic.is-active {
color: var(--zebs-slider-accent);
opacity: 1;
}
.news-slider-by-kapaweb__read-more {
background: var(--zebs-slider-accent) !important;
border: 1px solid var(--zebs-slider-accent);
border-radius: 999px;
color: #20252b !important;
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 0.82rem;
font-weight: 800;
justify-self: end;
letter-spacing: 0.06em;
line-height: 1;
padding: 12px 22px;
text-decoration: none !important;
text-transform: uppercase;
transition: background 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
white-space: nowrap;
}
.news-slider-by-kapaweb__read-more::after {
border-color: currentColor;
border-style: solid;
border-width: 2px 2px 0 0;
content: "";
display: inline-block;
height: 7px;
transform: rotate(45deg);
width: 7px;
}
.news-slider-by-kapaweb__read-more:hover,
.news-slider-by-kapaweb__read-more:focus-visible {
background: transparent !important;
color: var(--zebs-slider-accent) !important;
transform: translateY(-1px);
}
.news-slider-by-kapaweb__notice {
background: #fff7d6;
border: 1px solid #f0d783;
border-radius: 6px;
color: #4f4216;
padding: 14px 16px;
}
@keyframes zebs-slider-progress {
from {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}
@media (max-width: 700px) {
.news-slider-by-kapaweb {
padding: 22px 0 34px;
}
.news-slider-by-kapaweb__headline-shell {
margin-bottom: 14px;
min-height: 0;
place-items: start;
text-align: left;
}
.news-slider-by-kapaweb--no-header .news-slider-by-kapaweb__headline-shell,
.news-slider-by-kapaweb--no-header.news-slider-by-kapaweb--no-meta .news-slider-by-kapaweb__headline-shell {
min-height: 0;
}
.news-slider-by-kapaweb__headline {
gap: 8px;
justify-items: start;
}
.news-slider-by-kapaweb__headline-title {
font-size: clamp(1.8rem, 7.1vw, 2.85rem);
}
.news-slider-by-kapaweb__headline-excerpt {
line-height: 1.34;
}
.news-slider-by-kapaweb__rail {
grid-auto-columns: minmax(238px, 76vw);
}
.news-slider-by-kapaweb__footer {
gap: 12px;
grid-template-columns: auto 1fr;
margin-top: 12px;
}
.news-slider-by-kapaweb__read-more {
grid-column: 1 / -1;
justify-self: start;
}
}
@media (max-width: 560px) {
.news-slider-by-kapaweb {
padding: 18px 0 26px;
}
.news-slider-by-kapaweb__inner {
max-width: calc(100% - 24px);
}
.news-slider-by-kapaweb__headline-shell {
margin-bottom: 12px;
min-height: 0;
}
.news-slider-by-kapaweb--no-header .news-slider-by-kapaweb__headline-shell,
.news-slider-by-kapaweb--no-header.news-slider-by-kapaweb--no-meta .news-slider-by-kapaweb__headline-shell {
min-height: 0;
}
.news-slider-by-kapaweb__headline-title {
font-size: clamp(1.72rem, 7vw, 2.55rem);
line-height: 1.02;
}
.news-slider-by-kapaweb__headline-excerpt {
font-size: 0.92rem;
}
.news-slider-by-kapaweb__rail {
grid-auto-columns: minmax(238px, 84vw);
}
.news-slider-by-kapaweb__tile-copy {
opacity: 1 !important;
transform: none !important;
}
.news-slider-by-kapaweb__footer {
gap: 10px;
margin-top: 10px;
}
.news-slider-by-kapaweb__control {
height: 36px;
width: 36px;
}
.news-slider-by-kapaweb__icon {
height: 16px;
width: 16px;
}
.news-slider-by-kapaweb__read-more {
display: none !important;
font-size: 0.78rem;
}
.news-slider-by-kapaweb__topics {
justify-self: stretch;
margin-inline: -2px;
padding-inline: 16px;
}
}
@media (max-width: 380px) {
.news-slider-by-kapaweb__headline-shell {
min-height: 0;
}
.news-slider-by-kapaweb--no-header .news-slider-by-kapaweb__headline-shell,
.news-slider-by-kapaweb--no-header.news-slider-by-kapaweb--no-meta .news-slider-by-kapaweb__headline-shell {
min-height: 0;
}
.news-slider-by-kapaweb__topics {
flex-wrap: wrap;
gap: 10px 16px;
justify-content: flex-start;
overflow: visible;
padding: 13px 14px;
}
.news-slider-by-kapaweb__topic {
font-size: 0.72rem;
}
}
@media (max-width: 700px) {
.news-slider-by-kapaweb__welcome {
gap: 9px;
justify-items: center;
margin-bottom: 0;
padding: 0 4px;
text-align: center;
}
.news-slider-by-kapaweb__welcome-title {
font-size: clamp(2.1rem, 8.2vw, 3rem);
font-weight: 600;
line-height: 1.04;
}
.news-slider-by-kapaweb {
display: grid;
min-height: calc(100vh - 168px);
min-height: calc(100svh - 168px);
padding-top: clamp(14px, 3.2vh, 24px) !important;
padding-bottom: 18px !important;
}
.news-slider-by-kapaweb__inner {
align-content: space-between;
display: grid;
gap: clamp(14px, 2.4vh, 22px);
max-width: calc(100% - 24px) !important;
width: 100%;
}
.news-slider-by-kapaweb__headline-shell {
align-items: start !important;
display: grid !important;
height: auto !important;
margin-bottom: 0 !important;
min-height: 0 !important;
place-items: center !important;
text-align: center !important;
}
.news-slider-by-kapaweb__headline {
gap: 0 !important;
justify-items: center !important;
position: relative;
transform: none;
}
.news-slider-by-kapaweb__headline-title {
font-size: clamp(2rem, 9vw, 3.35rem) !important;
font-weight: 430 !important;
line-height: 1.02 !important;
}
.news-slider-by-kapaweb__headline-excerpt {
display: none !important;
}
.news-slider-by-kapaweb__rail-wrap {
margin-inline: -12px;
}
.news-slider-by-kapaweb__rail {
gap: 10px !important;
grid-auto-columns: minmax(280px, 90vw) !important;
padding: 0 12px 2px !important;
scroll-padding-inline: 12px !important;
}
.news-slider-by-kapaweb__tile {
border-radius: 0 !important;
}
.news-slider-by-kapaweb__tile-media {
aspect-ratio: 4 / 3 !important;
}
.news-slider-by-kapaweb__tile-copy strong {
font-size: clamp(1.35rem, 4.6vw, 1.7rem) !important;
line-height: 1.15 !important;
-webkit-line-clamp: 5;
}
.news-slider-by-kapaweb__tile-category {
font-size: 0.95rem !important;
left: auto !important;
top: auto !important;
padding: 8px 14px !important;
}
.news-slider-by-kapaweb__tile-category::before {
height: 16px !important;
width: 3px !important;
}
.news-slider-by-kapaweb__footer {
gap: 12px !important;
grid-template-columns: auto 1fr !important;
margin-top: 0 !important;
max-width: 100% !important;
}
.news-slider-by-kapaweb__controls {
gap: 10px !important;
}
.news-slider-by-kapaweb__control {
background: rgba(255, 255, 255, 0.09) !important;
height: 36px !important;
width: 36px !important;
}
.news-slider-by-kapaweb__control .news-slider-by-kapaweb__icon {
height: 14px !important;
width: 14px !important;
}
.news-slider-by-kapaweb__icon--pause::before {
left: 3px !important;
}
.news-slider-by-kapaweb__icon--pause::after {
right: 3px !important;
}
.news-slider-by-kapaweb__progress {
align-self: center;
}
.news-slider-by-kapaweb__read-more,
.news-slider-by-kapaweb__topics {
display: none !important;
}
}
@media (prefers-reduced-motion: reduce) {
.news-slider-by-kapaweb *,
.news-slider-by-kapaweb *::before,
.news-slider-by-kapaweb *::after {
animation-duration: 1ms !important;
scroll-behavior: auto !important;
transition-duration: 1ms !important;
}
} @media (min-width: 1024px) {
.news-slider-by-kapaweb {
padding-top: 22px;
}
.news-slider-by-kapaweb__welcome {
margin-bottom: 8px;
}
.news-slider-by-kapaweb__rail-wrap {
padding: 8px 0 30px;
}
.news-slider-by-kapaweb__rail {
align-items: center;
overflow: visible;
}
.news-slider-by-kapaweb__tile-media {
aspect-ratio: 4 / 3;
}
.news-slider-by-kapaweb__tile {
cursor: pointer;
transform-origin: center center;
transition: transform 380ms cubic-bezier(0.22, 0.61, 0.36, 1);
} .news-slider-by-kapaweb__tile:not(.is-active) .news-slider-by-kapaweb__tile-copy {
display: none;
}
.news-slider-by-kapaweb__tile.is-active {
transform: scale(1.08);
z-index: 5;
}
.news-slider-by-kapaweb__tile.zebs-pos-near {
transform: scale(0.82);
}
.news-slider-by-kapaweb__tile.zebs-pos-far {
transform: scale(1.05);
}
}