.fancybox__backdrop {

    background: #0000008f !important;

    backdrop-filter: blur(12px);

    -webkit-backdrop-filter: blur(12px);

}



.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {

    backdrop-filter: blur(12px);

    -webkit-backdrop-filter: blur(12px);

}



img.fancybox-image {

    border-radius: 12px;

}



video.fancybox__html5video {

    border-radius: 12px;

}



.fancybox__content {

    border-radius: 12px;

}



.f-button {

    width: 42px !important;

    height: 42px !important;

}



.fancybox__nav .f-button:before {

    top: 2px !important;

    right: 0 !important;

    left: 2px !important;

    bottom: 0 !important;

    background: url(https://starkframe.store/wp-content/themes/starkframe/assets/images/stark-frame/arr-w.svg);

    background-size: cover;

    width: 38px !important;

    height: 38px !important;

}



.f-button.is-next svg, .f-button.is-prev svg {

    display: none;

}



.fancybox__nav .f-button.is-prev::before {

    transform: rotate(270deg);

}



.fancybox__nav .f-button.is-next::before {

    transform: rotate(90deg);

}



.f-button:not([disabled]) {

        color: var(--f-button-hover-color);

        background-color: var(--f-button-hover-bg);

    }

    

@media only screen and (min-width: 901px) {



    .f-button:hover:not([disabled]) {

        color: var(--f-button-hover-color);

        background-color: #e09654;

    }



}

    

.fancybox__toolbar__column.is-right .f-button {

    background: transparent !important;

}



.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {

    color: #fff;

    background-color: #1d1d1f80;

}