.mos-timeline-slider {
display: flex;
align-items: center;
gap: 12px;
padding: 6px 0;
} .mos-timeline-slider span {
font-size: 14px;
opacity: 0.7;
} .mos-timeline-slider input[type="range"] {
appearance: none;
width: 10rem;
height: 4px;
border-radius: 2px;
background: #ddd;
outline: none;
} .mos-timeline-slider input[type="range"]::-webkit-slider-runnable-track {
height: 4px;
border-radius: 2px;
background: linear-gradient(90deg, #6200ee, #bb86fc);
} .mos-timeline-slider input[type="range"]::-webkit-slider-thumb {
appearance: none;
width: 18px;
height: 18px;
border-radius: 50%;
background: #6200ee;
border: none;
cursor: pointer;
margin-top: -7px;
transition: 0.2s ease;
}
.mos-timeline-slider input[type="range"]::-webkit-slider-thumb:hover {
background: #3700b3;
} .wp-block-post-template {
box-sizing: border-box;
transition: height 0.3s ease; } .wp-block-post-template.mos-gallery {
display: block; position: relative; max-width: 90vw;
margin: 0 auto;
}
li {
transition: transform 0.3s ease, all 0.3s ease;
} .wp-block-post-template.mos-gallery li {
list-style: none !important;
margin: 0 !important;
} .wp-block-post-template.mos-gallery img {
width:100%;
height:auto;
object-fit:contain;
display:block;
background: #f0f0f0; min-width: auto;
}
.querbear-gallery {
width: 90vw;
}
.gallery-mode {
display: block !important;
padding: 0 !important;
}
.wp-block-post-featured-image {
margin: 0;
}
.gallery-wrapper.post-view {
min-width: 35vw;
} .mos-timeline-slider svg {
opacity: 0.6;
transition: opacity 0.2s ease;
}
.mos-timeline-slider svg:hover {
opacity: 1;
}