.page-collection {

    padding-top: 6rem
}

@media (min-width: 1024px) {

    .page-collection {

        padding-top: 0px
    }
}

.collection-filter {

    position: fixed;

    bottom: 0px;

    left: auto;

    right: 0px;

    z-index: 40;

    margin-left: auto;

    width: 100%;

    border-radius: 0.375rem;

    --tw-drop-shadow: drop-shadow(0 0 5px rgba(0, 0, 0, 0.45));

    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

@media (min-width: 1024px) {

    .collection-filter {

        top: 5.5rem;

        max-width: 42.35rem
    }
}