.oh-team-strip {
width: 100%;
position: relative;
overflow: hidden;
}
.oh-team-strip__viewport {
width: 100%;
overflow: hidden;
position: relative;
}
.oh-team-strip__track {
display: flex;
width: max-content;
will-change: transform;
animation: oh-team-strip-scroll var(--oh-speed, 40s) linear infinite;
}
.oh-team-strip__set {
display: flex;
align-items: stretch;
gap: var(--oh-gap, 24px);
flex-shrink: 0;
padding-inline: var(--oh-gap, 24px);
}
.oh-team-strip__item {
margin: 0;
flex: 0 0 auto;
width: var(--oh-card-width, 220px);
height: var(--oh-card-height, 320px);
border-radius: 20px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.);
}
.oh-team-strip__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.oh-team-strip.is-grayscale .oh-team-strip__img {
filter: grayscale(1);
}
.oh-team-strip.is-pause-on-hover:hover .oh-team-strip__track {
animation-play-state: paused;
}
.oh-team-strip-placeholder {
padding: 20px;
border: 1px dashed #ccc;
border-radius: 12px;
}
.is-clone{
padding: 0;
}
@keyframes oh-team-strip-scroll {
from {
transform: translate3d(calc(-1 * var(--oh-set-width, 0px)), 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
} .wp-block-outhands-team-strip {
max-width: none !important;
} .oh-team-strip-editor {
padding: 12px;
border: 1px solid #e7e7e7;
border-radius: 12px;
}
.oh-team-strip-editor-preview img {
display: block;
flex: 0 0 auto;
}