@charset "UTF-8";
 .lifeline-block audio {
border-radius: 0px !important;
}
.show-full-content svg {
transition: transform 0.3s ease;
} .uk-card:hover .show-full-content svg {
transform: rotate(90deg);
}
.media-item video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; display: block;
}
.uk-card-default {
margin: 3px !important;
}
.media-container .uk-card { height: calc(100% - 20px); }
.audio-filename {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.lifeline-block[data-hide-content="1"] {
min-height: 100vh;
}
.lifeline-block[data-hide-content="1"] ~ * {
display: none !important; } .lifeline-block::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 15px;
width: 2px;
background-color: #000;
transform-origin: top;
transform: scaleY(0); opacity: 0;
transition: transform 0.8s ease-out, opacity 0.8s ease-out;
} .lifeline-block.loaded::before {
transform: scaleY(1);
opacity: 1;
}
.uk-slider-container .slide-content {
padding: 20px;
background: white;
border-radius: 8px;
}
.uk-slider-container iframe {
width: 100%;
height: 400px;
}
.lifeline-block {
position: relative;
padding-left: 33px; } .lifeline-block.loading::before {
animation: lifelineGrowY 5s ease-out; } .lifeline-block.loaded::before {
transform: scaleY(1);
opacity: 1;
}
@keyframes lifelineGrowY {
from {
transform: scaleY(0);
opacity: 0.35;
}
to {
transform: scaleY(1);
opacity: 1;
}
}
.lifeline-block h3 {
position: relative;
padding-left: 0px;
margin-bottom: 0.2em;
} .lifeline-block h3::before {
content: "";
position: absolute;
left: -23px;
top: 0.6em;
width: 12px;
height: 12px;
background-color: #000000;
border: 2px solid #d2d2d2;
border-radius: 50%;
box-shadow: 0 0 0 2px #020202;
}
.uk-card-body {
display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical;
overflow: hidden;
}
.lifeline-block.dark-mode::before {
background-color: #666;
}
.lifeline-block.dark-mode h3::before {
background-color: white;
border-color: #333;
box-shadow: 0 0 0 2px #999;
} .lifeline-block .uk-slidenav polyline {
stroke: #000;
} .lifeline-block.dark-mode .uk-slidenav polyline {
stroke: #fff !important;
}
.uk-lightbox img {
max-width: 90vw;
max-height: 90vh;
width: auto;
height: auto;
display: block;
margin: auto;
-o-object-fit: contain;
object-fit: contain;
}  @media (min-width: 768px) and (max-width: 1024px) {
.lifeline-block .uk-card-body p,
.lifeline-block .uk-card-body li {
font-size: clamp(12px, 1.05vw, 15px);
}
}
.anchor-outline {
background-color: rgba(119, 119, 119, 0.2784313725) !important;
}
@media (max-width: 768px) {
.lifeline-block::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 9px;
width: 2px;
background-color: #000000;
}
.lifeline-block h3::before {
content: "";
position: absolute;
left: -16px;
top: 1em;
width: 12px;
height: 12px;
background-color: #000000;
border: 2px solid #d2d2d2;
border-radius: 50%;
box-shadow: 0 0 0 2px #020202;
}
.lifeline-block {
position: relative;
padding-left: 20px;
}
}