.slider-anything.backend {
    min-height: 60px;
    border: 1px solid #d1d1d1;
}

.slider-anything.backend .block-editor-inner-blocks {
    width: 100%;
}

.slider-anything.backend .block-editor-block-list__layout {
    display: flex;
    flex-flow: column wrap;
}

.slider-anything.backend .block-editor-block-list__layout>* {
    /* width: 20%; */
    display: inline-block;
    /* max-width: 20%; */
}

.slider-anything.backend .block-editor-block-list__layout>* img {
    max-width: 100%;
}

.slider-anything.backend .slider-anything-container {
    opacity: 1;
}

.slider-anything {
    position: relative;
    overflow: visible;
}

.slider-anything-controls .prev,
.slider-anything-controls .next {
    position: absolute;
    top: calc(50% - 36px);
    cursor: pointer;
}

.slider-anything-controls .next:hover {
    opacity: 0.7;
}

.slider-anything-controls .prev {
    left: -5em;
}

.slider-anything-controls .next {
    right: -5em;
}

.slider-anything .slider-anything-container {
    display: flex;
    opacity: 0;

}

.slider-anything.slider-loaded .slider-anything-container {
    opacity: initial;
    display: block;
    overflow: hidden;
    transition: all 500ms ease;
}

.slider-anything-controls {
    opacity: 0;
}

.slider-anything.slider-loaded .slider-anything-controls {
    opacity: 1;
    transition: all 500ms ease;
}



.slider-anything.nav-compact .slider-anything-controls {
    width: 100%;
}

.slider-anything.nav-compact .slider-anything-controls .prev, .slider-anything-controls .next {
    position: initial;
}

.slider-anything.nav-compact .slider-anything-controls  {
    display: grid;
    grid-template-areas:
        "prev dots next";
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin-top: var(--fluid-40);
    grid-area: controls;
}

.slider-anything.nav-compact .slider-anything-controls .prev,
.slider-anything.nav-compact .slider-anything-controls .next {
    width: var(--fluid-40);
    height: var(--fluid-40);
    border: 1px solid var(--blb-grey-800-txt);
    border-radius: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 1;
}

.slider-anything.nav-compact .slider-anything-controls .prev {
    grid-area: prev;
}

.slider-anything.nav-compact .slider-anything-controls .next {
    grid-area: next;
}

.slider-anything.nav-compact .slider-anything-controls .prev:hover,
.slider-anything.nav-compact .slider-anything-controls .next:hover {
    background:var(--blb-grey-800-txt);
}

.slider-anything.nav-compact .slider-anything-controls .prev:hover img,
.slider-anything.nav-compact .slider-anything-controls .next:hover img {
    filter: invert(1);
}

.slider-anything.nav-compact .slider-anything-dots {
    display: flex;
    gap: var(--fluid-10);
    grid-area:dots;
}

.slider-anything.nav-compact .slider-anything-dot {
    cursor: pointer;
    padding: var(--fluid-10);
}

.slider-anything.nav-compact .slider-anything-dot:not(.slider-anything-dot--visible){
    display:none;
}

.slider-anything.nav-compact .slider-anything-dot span{
    width: var(--fluid-8);
    height: var(--fluid-8);
    border-radius:100%;
    border:1px solid var(--blb-grey-800-txt);
    display: block;
}

.slider-anything.nav-compact .slider-anything-dot:hover span{
    background: var(--blb-grey-500);
}

.slider-anything.nav-compact .slider-anything-dot.tns-nav-active span{
    background: var(--blb-grey-800-txt);
}




@media screen and (max-width: 1500px) {
    .slider-anything-controls .prev {
        left: 0;
    }

    .slider-anything-controls .next {
        right: 0;
    }
}

@media screen and (max-width: 768px) {
    .slider-anything-controls>div>img {
        transform: scale(.65);
    }
}