@layer addon {
    .pagination {
        .symbol {
            &:after {display: none;}
        }
    }

    .templateFilter {
        &.filterReview {
            min-height: 100svh;
            .filterGrid {
                grid-column: span 12;
                .item {
                    @media (min-width: 56em) {
                        grid-column: 2 / span 10;
                    }
                    @media (--min-fablet) {
                        grid-column: 2 / span 10;
                    }
                }
            }
        }
        &.filterOrganization {
            .contentLeft, .contentRight {
                @media (min-width: 56em) {
                    grid-column: span 6;
                }
                @media (--min-fablet) {
                    grid-column: span 6;
                }
            }
            .contentRight {
                justify-content: center;
                @media (max-width: 56em) {
                    display: none;
                }
                @media (--max-fablet) {
                    display: none;
                }
            }

            .contentLeft {
                background-color: var(--color2);
                border-radius: 0 var(--large-border-radius) var(--large-border-radius) 0;
                padding: var(--padding);
                padding-left: var(--spacer);
                gap: var(--gutter)!important;

                position: relative;
                width: calc(100% + var(--spacer));
                left: calc(var(--spacer) * -1);
                cursor: url("/images/cursor-active.png") 12 12, auto;
                .text {
                    width: 100%;
                    color: var(--color1);
                    display: flex;
                    align-items: center;
                    .count {
                        color: var(--color-light);
                        background-color: var(--color1);
                        width: 48px;
                        height: 48px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: var(--border-radius) var(--border-radius) 0 var(--border-radius);
                        padding: 8px;
                        margin-right: 16px;
                    }
                }
            }
            fieldset {
                flex-direction: row;
                gap: calc(var(--gutter) / 2);
                align-items: center;
                justify-content: flex-start;
                width: 100%;
                @media (max-width: 56em) {
                    flex-direction: column;
                    align-items: flex-start;
                }
                @media (--max-fablet) {
                    flex-direction: column;
                    align-items: flex-start;
                }
                legend {
                    font-size: var(--s-fontsize);
                    color: var(--color1);
                }
                .select {
                    .close {
                        position: absolute;
                        top: 50%;
                        right: calc(var(--gutter) / 1.75);
                        transform: translateY(-50%);
                        width: 16px;
                        height: 16px;
                        color: var(--color1);
                        cursor: pointer;
                    }
                    select {
                        border: 2px solid var(--color1);
                        border-radius: var(--large-border-radius);
                        appearance: base-select;
                        background-color: transparent;
                        color: var(--color1);
                        line-height: 1;
                        padding: var(--form-input-size) calc(var(--form-input-size) * 3) var(--form-input-size) var(--form-input-size);
                        cursor: pointer;
                        width: 100%;
                        &::picker-icon {
                            border-bottom-color: var(--color1);
                            border-right-color: var(--color1);
                            right: var(--form-input-size);
                        }
                        &::picker(select) {
                            margin-top: calc(var(--gutter) / 4);
                            border: 2px solid var(--color1);
                            border-radius: var(--form-input-size);
                            background-color: var(--color2);
                        }
                        option {
                            background-color: var(--color2);
                            color: var(--color1);
                            font-size: var(--fontsize);
                            padding: var(--form-input-size);
                            &:checked {
                                background: var(--color-light);
                                &:before {
                                    display: none;
                                }
                            }
                            &:hover {
                                @media (hover: hover) {
                                    background: var(--color-light);
                                }
                            }
                        }
                    }
                }
            }
            .grid {
                gap: 0;
                position: relative;
                height: 600px;
                overflow-y: auto;
                padding-right: 8px;
                .item {
                    grid-column: span 12;
                    padding: var(--gutter) 0;
                    border-bottom: 2px solid var(--color1);
                    height: fit-content;
                }
                /*&::after {
                    content: '';
                    grid-column: 1 / -1;
                    position: sticky;
                    bottom: 0;
                    height: 80px;
                    margin-top: -80px;
                    background: linear-gradient(to bottom, transparent, var(--color2));
                    pointer-events: none;
                }*/
            }
        }
    }
}