.dbk-clamp[data-dbk-clamped='true']:not([data-dbk-open='true']):not([data-dbk-animating='true']) .dbk-clamp__content {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--dbk-clamp-lines, 8);
line-clamp: var(--dbk-clamp-lines, 8);
overflow: hidden;
} .dbk-clamp__content { transition: max-height calc(var(--dbk-clamp-speed, 350) * 1ms) var(--dbk-clamp-easing, cubic-bezier(0.22, 1, 0.36, 1));
}
.dbk-clamp[data-dbk-animating='true'] .dbk-clamp__content {
overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
.dbk-clamp__content {
transition: none;
}
} .dbk-clamp__content > :last-child {
margin-bottom: 0;
}
.dbk-clamp__toggle {
display: inline-flex;
align-items: center;
gap: 0.45em;
margin-top: 0.8rem;
padding: 0;
border: 0;
background: none;
font: inherit;
font-weight: 600;
line-height: 1.2; color: var(--dbk-clamp-color, currentColor);
text-decoration: underline;
text-underline-offset: 0.25em;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
} .dbk-clamp__toggle[hidden] {
display: none !important;
}
.dbk-clamp__toggle::after {
content: '';
width: 0.42em;
height: 0.42em;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-0.15em) rotate(45deg);
transition: transform 0.2s ease;
}
.dbk-clamp__toggle[aria-expanded='true']::after {
transform: translateY(0.05em) rotate(-135deg);
}
.dbk-clamp--no-chevron .dbk-clamp__toggle::after {
display: none;
}
.dbk-clamp__toggle:focus-visible {
outline: 2px solid currentColor;
outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
.dbk-clamp__toggle::after {
transition: none;
}
}.dbk-sprogress {
position: relative;
width: 100%;
height: var(--dbk-sprogress-height, 4px);
margin-top: var(--dbk-sprogress-gap, 2.4rem);
border-radius: 999px;
background: rgba(0, 0, 0, 0.1);
overflow: hidden;
cursor: pointer;
touch-action: none; }
.dbk-sprogress[data-dbk-position='top'] {
margin-top: 0;
margin-bottom: var(--dbk-sprogress-gap, 2.4rem);
}
.dbk-sprogress[data-dbk-seek='false'] {
cursor: default;
} .dbk-sprogress[hidden] {
display: none !important;
}
.dbk-sprogress__thumb {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: var(--dbk-sprogress-size, 100%);
border-radius: inherit;
background: currentColor;
transform: translateX(var(--dbk-sprogress-x, 0px));
transition:
transform calc(var(--dbk-sprogress-speed, 400) * 1ms) var(--dbk-sprogress-easing, cubic-bezier(0.22, 1, 0.36, 1)),
width calc(var(--dbk-sprogress-speed, 400) * 1ms) var(--dbk-sprogress-easing, cubic-bezier(0.22, 1, 0.36, 1));
}
.dbk-sprogress:focus-visible {
outline: 2px solid currentColor;
outline-offset: 4px;
} .dbk-sprogress[data-dbk-dragging='true'] .dbk-sprogress__thumb {
transition: none;
} .dbk-sp-offset-arrows .splide__arrow {
margin-top: calc(var(--dbk-sprogress-height, 4px) + var(--dbk-sprogress-gap, 2.4rem));
}
@media (prefers-reduced-motion: reduce) {
.dbk-sprogress__thumb {
transition: none;
}
}