.rkit-interactive-links-items {
display: flex;
flex-direction: column;
position: relative;
}
.rkit-interactive-links-container {
position: relative;
z-index: 1;
}
.rkit-interactive-links-container.mouse-track .rkit-interactive-links-image { position: absolute;
transition: all 0.3s;
z-index: 1; visibility: hidden;
opacity: 0;
width: 300px;
overflow: hidden;
--image-translate-y : -50%;
--image-translate-x : 1rem;
}
.rkit-interactive-links-container.mouse-track .rkit-interactive-link { width: fit-content;
position: relative;
}
.rkit-interactive-links-image img {
display: block;
width: 100%;
object-fit: cover;
}
.rkit-interactive-links-item { display: flex;
padding: 1rem;
flex-direction: row;
align-items: center;
transition: all 0.5s;
}
.rkit-interactive-links-container.mouse-track
.rkit-interactive-links-item:hover
.rkit-interactive-links-image { visibility: visible;
opacity: 1;
}
.rkit-interactive-links-container.split {
display: flex;
flex-direction: row-reverse;
}
.rkit-interactive-links-container.split .rkit-interactive-links-items {
width: 40%;
}
.rkit-interactive-links-container.split .rkit-interactive-links-images {
position: relative;
width: auto;
flex: 1 1 auto;
}
.rkit-interactive-links-container.split .rkit-interactive-links-image { position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 2;
visibility: hidden;
opacity: 0;
transition: all 0.5s;
height: 100%;
background-size: cover;
background-position: center;
overflow: hidden;
}
.rkit-interactive-links-container.split .rkit-interactive-links-image img {
display: none;
}
.rkit-interactive-links-container.split .rkit-interactive-links-image.active {  visibility: visible;
opacity: 1;
}
.rkit-interactive-links-container.background .rkit-interactive-links-image {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
visibility: hidden;
opacity: 0;
transition: all 0.5s;
}
.rkit-interactive-links-container.background
.rkit-interactive-links-image.active {
visibility: visible;
opacity: 1;
}
.rkit-interactive-links-container.background .rkit-interactive-links-items {
z-index: 2;
}
.rkit-interactive-links-container.background .rkit-interactive-links-image img {
display: none;
}
.rkit-interactive-links-item-link {
display: flex;
flex-direction: column; }
.rkit-interactive-view-more {
text-wrap: nowrap;
aspect-ratio: 1/1;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
padding: 0.5rem;
transition: all 0.5s;
}
.rkit-interactive-link-no {
padding-right: 1rem;
font-size: 39px;
line-height: 1.5;
}
.rkit-interactive-links-text {
display: flex;
width: 100%;
align-items: center;
color: black;
}
.rkit-interactive-links-item-link .rkit-interactive-link {
font-size: 39px;
position: relative;
margin: 0;
width: fit-content;
}
.rkit-interactive-links-item.pointer .rkit-interactive-link::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: currentColor;
transition: all 0.5s;
}
.rkit-interactive-links-item.pointer.upperline .rkit-interactive-link::after {
bottom: 100%;
}
.rkit-interactive-links-item.pointer.doubleline .rkit-interactive-link::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 2px;
background-color: currentColor;
transition: all 0.5s;
}
.rkit-interactive-links-item.pointer.linethrough .rkit-interactive-link::after {
bottom: 50%;
transform: translateY(50%);
}
.rkit-interactive-link-list:hover .rkit-interactive-link::after {
width: 100%;
}
.rkit-interactive-link-list:hover .rkit-interactive-link::before {
width: 100% !important;
}
.rkit-interactive-links-container:not(.background)
.rkit-interactive-links-image {
transform: perspective(var(--image-perspective, 0))
rotate(var(--image-rotate-z, 0)) rotateY(var(--image-rotate-y, 0))
rotateX(var(--image-rotate-x, 0)) translateX(var(--image-translate-x, 0))
translateY(var(--image-translate-y, 0)) scale(var(--image-scale, 1))
skewX(var(--image-skew-x, 0)) skewY(var(--image-skew-y, 0));
}
.rkit-interactive-view-more-icon {
color: black;
fill: black;
font-size: 39px;
}
.rkit-interactive-links-container.inline .rkit-interactive-link-list {
position: relative;
}
.rkit-interactive-links-container.inline .rkit-interactive-links-image {
position: absolute;
top: 50%;
width: 300px;
right: 6rem;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
z-index: 2;
overflow: hidden;
--image-translate-y : -50%;
}
.rkit-interactive-links-container.inline
.rkit-interactive-link-list:hover
.rkit-interactive-links-image {
opacity: 1;
visibility: visible;
}
.rkit-interactive-links-container:not(.split) .rkit-interactive-link-subheading {
max-width: 45rem;
}
.rkit-interactive-link-list.divider {
--divider-width : 1px;
--divider-color : black;
border-bottom-width: var(--divider-width) ;
border-bottom-style: solid;
border-bottom-color: var(--divider-color);
}
.rkit-interactive-link-list.divider:last-child {
border-bottom: none;
}
.rkit-interactive-links-item:hover .rkit-interactive-link {
color: #00cea6;
}
.rkit-interactive-links-item:hover .rkit-interactive-view-more-icon {
color: #00cea6;
fill: #00cea6;
}