<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Forms
/* ------------------------------------------------------------- */

#filter-button {
    cursor: pointer;
    flex: 0 1 50%;
}

/* Shop Sidebar Layout
/* ------------------------------------------------------------- */

.shop-sidebar {
    position: fixed;
    z-index: 1000000;
    top: 0;
    bottom: 0;
    right: 0;
    color: #fff;
    height: 100vh;
    width: 100%;
    max-width: 350px;
    opacity: 0;
    transform: translate(100%, 0);
    transition: transform 0.3s ease-in-out, opacity 0.3s linear;
	overflow-y: auto;
}

.shop-sidebar.sidebar-active {
    opacity: 1;
    transform: translate(0, 0);
}

.shop-sidebar-inner {
    position: relative;
    display: block;
    width: 100%;
    padding: 50px 20px 90px;
}

.shop-sidebar-close {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    cursor: pointer;
}

/* Shop Sidebar Overlay
/* ------------------------------------------------------------- */

#shop-sidebar-overlay {
    z-index: 999999;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.35);
    opacity: 0;
    transform: translate(100%, 0);
    transition: transform 0.3s ease-in-out, opacity 0.3s linear;
}

#shop-sidebar-overlay.sidebar-active {
    opacity: 1;
    transform: translate(0, 0);
}

/* Shop Sidebar Background
/* ------------------------------------------------------------- */

#shop-sidebar-background {
    z-index: 999999;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 350px;
    height: 100vh;
    box-shadow: 0 2px 5px 2px rgba(0,0,0,.1);
    overflow-y: auto;
    opacity: 0;
    transform: translate(100%, 0);
    transition: transform 0.3s ease-in-out, opacity 0.3s linear;
    -ms-overflow-style: none;  /* Hide scrollbar for IE and Edge */
    scrollbar-width: none;  /* Hide scrollbar for Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
#shop-sidebar-background::-webkit-scrollbar {
    display: none;
}

#shop-sidebar-background.sidebar-active {
    transform: translate(0,0);
    opacity: 1;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    #shop-sidebar-background {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
    }
}

/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    #shop-sidebar-background {
        background-color: rgba(100, 100, 100, 0.925);
        filter: blur(3px);
    }
}

/* Shop Modal Burger Icon
/* ------------------------------------------------------------- */

.sidebar-burger {
    display: inline-block;
    cursor: pointer;
}

.sidebar-burger .bar {
    height: 4px;
    background-color: #ffffff;
    margin: 0;
    transition: all 0.15s linear;
}

.sidebar-burger .bar1 {
    width: 40px;
}

.sidebar-burger .bar2 {
    width: 30px;
}

.sidebar-burger .bar3 {
    width: 20px;
}

.sidebar-burger .bar:not(:first-child) {
    margin-top: 8px;
}

.sidebar-burger:hover .bar,
.sidebar-burger.nav-active .bar {
    background-color: #ffffff;
}

/* Shop Modal Burger Icon Animation
/* ------------------------------------------------------------- */

.sidebar-burger:hover .bar2 {
    width: 40px;
}

.sidebar-burger:hover .bar3 {
    width: 40px;
}

/* Burger Icon Menu Modal */

#sidebar .bar1 {
    width: 40px;
    transform-origin: 50% 50%;
    transform: translateY(300%) rotate(-45deg) scaleX(1);
}

#sidebar .sidebar-burger:hover .bar1 {
    transform: translate(30%, 150%) rotate(45deg) scaleX(.5);
}

#sidebar .sidebar-burger:not(:hover) .bar2 {
    width: 40px;
    opacity: 0;
}

#sidebar .bar3 {
    width: 40px;
    transform-origin: 50% 50%;
    transform: translateY(-300%) rotate(45deg) scaleX(1);
}

#sidebar .sidebar-burger:hover .bar3 {
    transform: translate(30%, -150%) rotate(-45deg) scaleX(.5);
}

/* Button above entry-content
/* ------------------------------------------------------------- */

#dp-filter-container button {
    margin-top: 0;
}

#dp-filter-container .dp-filter-container-inner {
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    column-gap: 20px;
}

#dp-filter-container .dp-filter-container-inner #filter-button {
    margin-bottom: 20px;
}

#dp-filter-container .sidebar-burger {
    display: none;
}

/* Sidebar Content
/* ------------------------------------------------------------- */

aside#sidebar .bapf_head h3 {
    font-size: 30px;
	margin: 0.25em 0 0.5em 0;
}

aside#sidebar .bapf_body &gt; ul {
    padding: 0;
}

aside#sidebar .bapf_body &gt; ul li {
    text-shadow: 2px 1px 2px rgb(0 0 0 / 25%);
}

aside#sidebar .bapf_body &gt; ul &gt; li label {
	font-size: 1em
}

aside#sidebar .bapf_body &gt; ul &gt; li &gt; ul &gt; li label {
	font-size: 0.9em
}

aside#sidebar .bapf_body &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li label {
	font-size: 0.85em
}

aside#sidebar .bapf_sfilter.bapf_button_berocket .bapf_button {
    background-color: #52a133;
}

@media (min-width: 768px) {

    /* Forms
    /* ------------------------------------------------------------- */

    #filter-button {
        flex: unset;
    }

    /* Button above entry-content
    /* ------------------------------------------------------------- */

    #dp-filter-container button {
        margin-top: 0;
    }

    #dp-filter-container .dp-filter-container-inner {
        display: flex;
        justify-content: space-between;
    }

    #dp-filter-container .sidebar-burger {
        display: none;
    }

}


@media (min-width: 1200px) {

    /* Button above entry-content
    /* ------------------------------------------------------------- */

    #dp-filter-container .dp-filter-container-inner {
        align-items: center;
        flex-flow: row;
        column-gap: 0;
    }


}
</pre></body></html>