@media (min-width: 1200px) {
    .ama-mobile-filter-actions,
    .ama-mobile-filter-button {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .ama-mobile-filter-actions {
        position: fixed;
        left: 50%;
        bottom: .625rem;
        z-index: 100;
        display: flex;
        gap: .5rem;
        align-items: center;
        transform: translateX(-50%) translateY(0);
        transition: gap .18s ease;
    }

    .ama-mobile-filter-actions button[data-bs-target="#sidebarCanvas"] {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        z-index: auto !important;
        margin: 0;
        padding-left: 2.75rem;
        transform: none !important;
        white-space: nowrap;
        max-width: 12rem;
        overflow: hidden;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
        transition: opacity .18s ease, max-width .18s ease, padding .18s ease, border-width .18s ease, transform .18s ease, box-shadow .18s ease;
    }

    @media (hover: hover) and (pointer: fine) {
        .ama-mobile-filter-actions:not(.is-filter-close-mode) button[data-bs-target="#sidebarCanvas"]:hover {
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
        }
    }

    @media (hover: hover) and (pointer: fine) {
        .ama-mobile-filter-actions:not(.is-filter-close-mode) button[data-bs-target="#sidebarCanvas"]:hover {
            transform: translateY(-.25rem) !important;
        }
    }

    @media (hover: none), (pointer: coarse) {
        .ama-mobile-filter-actions button[data-bs-target="#sidebarCanvas"]:hover,
        .ama-mobile-filter-actions button[data-bs-target="#sidebarCanvas"]:focus,
        .ama-mobile-filter-actions button[data-bs-target="#sidebarCanvas"]:active {
            transform: none !important;
        }
    }

    .ama-mobile-filter-actions .ama-mobile-filter-button {
        --ama-btn-color: var(--ama-body-color);
        --ama-btn-bg: var(--ama-secondary-color);
        --ama-btn-border-color: var(--ama-btn-bg);
    }

    .ama-mobile-filter-actions.is-filter-close-mode {
        z-index: 1060;
        gap: 0;
    }

    .ama-mobile-filter-actions.is-filter-close-mode button[data-bs-target="#sidebarCanvas"]:not(.ama-mobile-filter-button) {
        max-width: 0;
        opacity: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-width: 0 !important;
        pointer-events: none;
        transform: none !important;
    }

    .ama-mobile-filter-actions.is-filter-close-mode .ama-mobile-filter-button {
        transform: none !important;
    }

    .ama-mobile-filter-actions .ama-mobile-filter-button::before {
        mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M12%209c.552%200%201%20.449%201%201s-.448%201-1%201-1-.449-1-1%20.448-1%201-1zm0-2c-1.657%200-3%201.343-3%203s1.343%203%203%203%203-1.343%203-3-1.343-3-3-3zm-9%204c-1.657%200-3%201.343-3%203s1.343%203%203%203%203-1.343%203-3-1.343-3-3-3zm18%200c-1.657%200-3%201.343-3%203s1.343%203%203%203%203-1.343%203-3-1.343-3-3-3zm-9-6c.343%200%20.677.035%201%20.101v-3.101c0-.552-.447-1-1-1s-1%20.448-1%201v3.101c.323-.066.657-.101%201-.101zm9%204c.343%200%20.677.035%201%20.101v-7.101c0-.552-.447-1-1-1s-1%20.448-1%201v7.101c.323-.066.657-.101%201-.101zm0%2010c-.343%200-.677-.035-1-.101v3.101c0%20.552.447%201%201%201s1-.448%201-1v-3.101c-.323.066-.657.101-1%20.101zm-18-10c.343%200%20.677.035%201%20.101v-7.101c0-.552-.447-1-1-1s-1%20.448-1%201v7.101c.323-.066.657-.101%201-.101zm9%206c-.343%200-.677-.035-1-.101v7.101c0%20.552.447%201%201%201s1-.448%201-1v-7.101c-.323.066-.657.101-1%20.101zm-9%204c-.343%200-.677-.035-1-.101v3.101c0%20.552.447%201%201%201s1-.448%201-1v-3.101c-.323.066-.657.101-1%20.101z'/%3e%3c/svg%3e");
        -webkit-mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M12%209c.552%200%201%20.449%201%201s-.448%201-1%201-1-.449-1-1%20.448-1%201-1zm0-2c-1.657%200-3%201.343-3%203s1.343%203%203%203%203-1.343%203-3-1.343-3-3-3zm-9%204c-1.657%200-3%201.343-3%203s1.343%203%203%203%203-1.343%203-3-1.343-3-3-3zm18%200c-1.657%200-3%201.343-3%203s1.343%203%203%203%203-1.343%203-3-1.343-3-3-3zm-9-6c.343%200%20.677.035%201%20.101v-3.101c0-.552-.447-1-1-1s-1%20.448-1%201v3.101c.323-.066.657-.101%201-.101zm9%204c.343%200%20.677.035%201%20.101v-7.101c0-.552-.447-1-1-1s-1%20.448-1%201v7.101c.323-.066.657-.101%201-.101zm0%2010c-.343%200-.677-.035-1-.101v3.101c0%20.552.447%201%201%201s1-.448%201-1v-3.101c-.323.066-.657.101-1%20.101zm-18-10c.343%200%20.677.035%201%20.101v-7.101c0-.552-.447-1-1-1s-1%20.448-1%201v7.101c.323-.066.657-.101%201-.101zm9%206c-.343%200-.677-.035-1-.101v7.101c0%20.552.447%201%201%201s1-.448%201-1v-7.101c-.323.066-.657.101-1%20.101zm-9%204c-.343%200-.677-.035-1-.101v3.101c0%20.552.447%201%201%201s1-.448%201-1v-3.101c-.323.066-.657.101-1%20.101z'/%3e%3c/svg%3e");
    }

    .ama-mobile-filter-actions .ama-mobile-filter-button.is-close::before {
        mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M18.3%205.71%2012%2012l6.3%206.29-1.41%201.41-6.3-6.29-6.3%206.3-1.41-1.41L9.17%2012%202.88%205.71l1.41-1.42%206.3%206.3%206.3-6.3z'/%3e%3c/svg%3e");
        -webkit-mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M18.3%205.71%2012%2012l6.3%206.29-1.41%201.41-6.3-6.29-6.3%206.3-1.41-1.41L9.17%2012%202.88%205.71l1.41-1.42%206.3%206.3%206.3-6.3z'/%3e%3c/svg%3e");
    }
}