.ck-author-slider-block {
--ck-gap: 24px;
--ck-visible: 4;
--ck-slide-width: 280px;
--ck-slider-accent: #0f172a;
--ck-slider-accent-rgb: 15, 23, 42;
margin: 0;
}
.ck-author-slider-shell {
position: relative;
width: 100%;
padding: clamp(20px, 3vw, 30px);
border-radius: 30px;
background: linear-gradient(135deg, rgba(var(--ck-slider-accent-rgb), 0.94) 0%, rgba(var(--ck-slider-accent-rgb), 0.82) 100%);
box-shadow: 0 20px 48px rgba(15, 23, 42, 0.16);
}
.ck-author-slider__header {
display: flex;
align-items: end;
justify-content: space-between;
gap: 16px;
margin-bottom: 18px;
flex-wrap: wrap;
}
.ck-author-slider__title {
display: inline-flex;
align-items: center;
gap: 12px;
margin: 0;
font-size: clamp(1.5rem, 2vw, 2rem);
line-height: 1.15;
color: #fff;
}
.ck-author-slider__title-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.12);
color: #fff;
font-size: 1rem;
flex: 0 0 auto;
}
.ck-author-slider__title-text {
//display: inline-block;
}
.ck-author-slider__mode {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.12);
color: #fff;
font-size: 0.875rem;
line-height: 1;
white-space: nowrap;
}
.ck-author-slider__header-actions {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
flex-wrap: wrap;
margin-left: auto;
}
.ck-author-slider__all-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 10px 16px;
border-radius: 999px;
background: #fff;
color: var(--ck-slider-accent);
font-size: 0.92rem;
font-weight: 700;
line-height: 1;
text-decoration: none;
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
transition: transform 0.2s ease, opacity 0.2s ease;
}
.ck-author-slider__all-link:hover,
.ck-author-slider__all-link:focus {
transform: translateY(-1px);
opacity: 0.95;
color: var(--ck-slider-accent);
}
.ck-author-slider {
position: relative;
padding-top: 8px;
}
.ck-author-slider__viewport {
overflow: hidden;
width: 100%;
touch-action: pan-y pinch-zoom;
cursor: grab;
}
.ck-author-slider__viewport:active {
cursor: grabbing;
}
.ck-author-slider__track {
display: flex;
align-items: stretch;
gap: var(--ck-gap);
will-change: transform;
}
.ck-author-slider__slide {
flex: 0 0 var(--ck-slide-width);
width: var(--ck-slide-width);
min-width: 0;
box-sizing: border-box;
}
.ck-author-card {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
border-radius: 24px;
overflow: hidden;
background: #fff;
border: 1px solid rgba(17, 24, 39, 0.08);
box-shadow: 0 16px 40px rgba(17, 24, 39, 0.08);
}
.ck-author-card__media {
position: relative;
display: block;
margin: 0 22px;
border-radius: 20px;
aspect-ratio: 4 / 3;
background: linear-gradient(135deg, #dbeafe 0%, #f8fafc 100%);
overflow: hidden;
text-decoration: none;
}
.ck-author-card__media--static {
cursor: default;
}
.ck-author-card__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ck-author-card__placeholder {
display: grid;
place-items: center;
width: 100%;
height: 100%;
font-size: clamp(2rem, 5vw, 3rem);
font-weight: 700;
letter-spacing: 0.08em;
color: #0f172a;
}
.ck-author-card__highlight {
position: absolute;
top: 14px;
right: 14px;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(15, 23, 42, 0.92);
color: #fff;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.02em;
}
.ck-author-card__body {
display: flex;
flex-direction: column;
padding: 22px 22px 18px;
text-align: center;
}
.ck-author-card__name {
margin: 0 0 10px;
font-size: 1.25rem;
line-height: 1.2;
}
.ck-author-card__name a,
.ck-author-card__name span {
color: inherit;
text-decoration: none;
}
.ck-author-card__name a:hover,
.ck-author-card__name a:focus {
text-decoration: underline;
}
.ck-author-card__types {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin-bottom: 14px;
}
.ck-author-card__type {
display: inline-flex;
align-items: center;
min-height: 32px;
padding: 6px 10px;
border-radius: 999px;
background: rgba(59, 130, 246, 0.1);
color: #1d4ed8;
font-size: 0.8125rem;
font-weight: 600;
line-height: 1;
}
.ck-author-card__summary {
margin: 0;
color: #475569;
line-height: 1.6;
}
.ck-author-card__footer {
display: flex;
align-items: center;
padding: 18px 78px 22px 22px;
margin-top: auto;
}
.ck-author-card__button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 12px 18px;
border-radius: 14px;
background: #0f172a;
color: #fff;
font-weight: 600;
text-decoration: none;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.ck-author-card__button:hover,
.ck-author-card__button:focus {
color: #fff;
transform: translateY(-1px);
opacity: 0.92;
}
.ck-author-card__button--static {
pointer-events: none;
cursor: default;
}
.ck-author-slider__nav {
position: absolute;
top: calc(50% - 28px);
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border: 0;
border-radius: 999px;
background: rgba(15, 23, 42, 0.92);
color: #fff;
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.2);
cursor: pointer;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.ck-author-slider__nav:hover,
.ck-author-slider__nav:focus {
transform: translateY(-1px);
opacity: 0.95;
}
.ck-author-slider__nav[disabled] {
opacity: 0.35;
cursor: not-allowed;
transform: none;
}
.ck-author-slider__nav--prev {
left: -12px;
}
.ck-author-slider__nav--next {
right: -12px;
}
.ck-author-slider__nav span {
font-size: 1.4rem;
line-height: 1;
}
.ck-author-slider__empty {
display: grid;
place-items: center;
padding: 28px;
border-radius: 22px;
background: rgba(15, 23, 42, 0.04);
border: 1px dashed rgba(15, 23, 42, 0.15);
text-align: center;
}
.ck-author-slider-editor-preview {
min-height: 120px;
}
@media (max-width: 1099px) {
.ck-author-slider__nav {
width: 50px;
height: 50px;
}
.ck-author-slider__nav--prev {
left: -8px;
}
.ck-author-slider__nav--next {
right: -8px;
}
}
@media (max-width: 781px) {
.ck-author-slider-block {
--ck-gap: 18px;
}
.ck-author-card__body {
padding: 18px;
}
.ck-author-slider__nav {
display: none;
}
}
.ck-author-slider.is-dragging .ck-author-slider__viewport {
cursor: grabbing;
}
.ck-author-slider.is-dragging .ck-author-slider__track,
.ck-author-slider--dragging .ck-author-slider__track {
pointer-events: none;
}
.ck-author-slider--dragging,
.ck-author-slider--dragging * {
user-select: none !important;
}
.ck-author-slider__viewport {
overscroll-behavior-x: contain;
}
.ck-author-slider__viewport,
.ck-author-slider__viewport * {
-webkit-user-drag: none;
}
.ck-author-card__image {
pointer-events: none;
}
.ck-author-slider.is-dragging .ck-author-card a,
.ck-author-slider.is-dragging .ck-author-card button {
pointer-events: none;
}
.ck-author-card__type-icon,
.ck-author-card__highlight-icon {
position: absolute;
right: 16px;
bottom: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
font-size: 1.1rem;
line-height: 1;
z-index: 2;
}
.ck-author-card__type-icon.is-highlighted {
transform: scale(1.02);
}
@media (max-width: 781px) {
.ck-author-card__media {
margin: 0 18px;
}
.ck-author-card__footer {
padding: 16px 72px 18px 18px;
}
}
.ck-author-slider__empty {
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.2);
color: #fff;
}
.ck-author-slider__empty p {
margin: 0;
color: inherit;
}
@media (max-width: 781px) {
.ck-author-slider-shell {
padding: 18px;
border-radius: 24px;
}
.ck-author-slider__title-icon {
width: 34px;
height: 34px;
}
}
.ck-author-slider__header-main {
display: flex;
flex-direction: column;
gap: 10px;
max-width: min(760px, 100%);
}
.ck-author-slider__descriptions {
display: grid;
gap: 8px;
max-width: 64ch;
color: #fff;
}
.ck-author-slider__description {
margin: 0;
color: inherit;
}
.ck-author-slider__description--strong {
font-size: clamp(1rem, 1.35vw, 1.1rem);
font-weight: 700;
line-height: 1.5;
}
.ck-author-slider__description--light {
font-size: 0.98rem;
font-weight: 400;
line-height: 1.65;
opacity: 0.94;
}
@media (max-width: 781px) {
.ck-author-slider__header-main {
gap: 8px;
}
.ck-author-slider__descriptions {
gap: 6px;
}
}
.ck-author-grid {
display: grid;
grid-template-columns: repeat(var(--ck-grid-desktop, 4), minmax(0, 1fr));
gap: var(--ck-gap);
align-items: stretch;
}
.ck-author-grid .ck-author-slider__slide {
flex: initial;
width: auto;
min-width: 0;
}
.ck-author-grid-block .ck-author-slider-shell {
padding-bottom: clamp(20px, 3vw, 30px);
}
@media (max-width: 1099px) {
.ck-author-grid {
grid-template-columns: repeat(var(--ck-grid-tablet, 2), minmax(0, 1fr));
}
}
@media (max-width: 781px) {
.ck-author-slider__header-actions {
width: 100%;
justify-content: flex-start;
}
.ck-author-slider__all-link,
.ck-author-slider__mode {
width: 100%;
justify-content: center;
}
.ck-author-grid {
grid-template-columns: repeat(var(--ck-grid-mobile, 1), minmax(0, 1fr));
}
}
.ck-author-card__fields {
display: grid;
gap: 12px;
margin: 16px 0 0;
text-align: left;
}
.ck-author-card__field {
display: grid;
gap: 5px;
padding: 10px 12px;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 14px;
background: rgba(248, 250, 252, 0.88);
}
.ck-author-card__field dt {
margin: 0;
color: rgba(15, 23, 42, 0.62);
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0.06em;
line-height: 1.25;
text-transform: uppercase;
}
.ck-author-card__field dd {
margin: 0;
color: #0f172a;
font-size: 0.88rem;
line-height: 1.45;
overflow-wrap: anywhere;
}
.ck-author-card__field a {
color: var(--ck-slider-accent);
font-weight: 700;
text-decoration: none;
}
.ck-author-card__field a:hover,
.ck-author-card__field a:focus {
text-decoration: underline;
}
.ck-author-card__field-list {
display: grid;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
}
.ck-author-card__field-list li {
margin: 0;
padding: 0;
}
.ck-author-card__field-list--services li {
display: grid;
gap: 3px;
}
.ck-author-card__field-list--services strong {
color: #0f172a;
font-weight: 800;
}
.ck-author-card__field-list--services span {
color: #475569;
}
.ck-author-card__field-image {
display: block;
width: 72px;
height: 72px;
border-radius: 14px;
object-fit: cover;
}
.ck-author-card__field-gallery {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ck-author-card__field-gallery-item {
display: inline-flex;
width: 52px;
height: 52px;
border-radius: 12px;
overflow: hidden;
background: #fff;
border: 1px solid rgba(15, 23, 42, 0.08);
}
.ck-author-card__field-gallery-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ck-author-grid-block .ck-author-card__body {
padding-bottom: 20px;
}
@media (min-width: 782px) {
.ck-author-slider[data-sparse-layout="1"] .ck-author-slider__nav {
display: none;
}
}