.pagination-select{display:flex;align-items:center;justify-content:flex-end;gap:32px}.pagination-select__label{display:flex;align-items:center;gap:8px}.pagination-select__label__max-count,.pagination-select__label__text{font-size:1rem;line-height:1.5;font-family:var(--font-montserrat);font-weight:600;color:#101828}.pagination-select__dropdown-wrapper{position:relative}.pagination-select__button{display:flex;align-items:center;gap:8px;border-radius:24px;box-shadow:0 0 0 1px #fcfcfd;padding:12px 15px}.pagination-select__button__selected{font-size:1rem;line-height:1.5;font-family:var(--font-montserrat);font-weight:600;color:#101828}.pagination-select__button__arrow{display:flex;align-items:center;height:1.5rem}.pagination-select__button__arrow svg{transition:transform .3s ease}.pagination-select__button__arrow svg.up{transform:rotate(180deg);transition:transform .3s ease}.pagination-select__button__arrow svg path{fill:#8dc63f}.pagination-select__option{position:absolute;top:100%;left:50%;width:3.125rem;border-radius:24px;border:2px solid #8dc63f;z-index:10;margin-top:8px;background-color:#fcfcfd;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-8px);transition:opacity .3s ease,transform .3s ease,visibility .3s;max-height:200px;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#8dc63f rgba(0,0,0,0)}.pagination-select__option::-webkit-scrollbar{width:4px}.pagination-select__option::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.pagination-select__option::-webkit-scrollbar-thumb{background-color:#8dc63f;border-radius:24px}.pagination-select__option--open{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.pagination-select__option--open .pagination-select__button{box-shadow:0 0 0 2px #8dc63f}.pagination-select__option__item{display:flex;justify-content:center;padding:8px 16px}.pagination-select__option__item__text{font-size:1rem;line-height:1.5;font-family:var(--font-montserrat);font-weight:600;color:#101828}.pagination-select__option__item[aria-selected=true]{border-radius:24px;background-color:#f2f3f4}.pagination-select__option__item[data-active=true]{border-radius:24px;background-color:#f2f3f4;box-shadow:0 0 0 2px #101828}.pagination-select__option--upward{top:auto;bottom:100%;margin-top:0;margin-bottom:8px;transform:translateX(-50%) translateY(8px)}.pagination-select__option--upward.pagination-select__option--open{transform:translateX(-50%) translateY(0)}.pagination-select__option--no-scroll{overflow-y:visible;scrollbar-gutter:auto}.pagination-select__navigation{display:flex;gap:8px}.pagination-select__navigation__next,.pagination-select__navigation__prev{width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid #f2f3f4;background-color:#8dc63f;transition:background-color .2s ease,opacity .2s ease}.pagination-select__navigation__next svg.left,.pagination-select__navigation__prev svg.left{transform:rotate(180deg)}.pagination-select__navigation__next svg path,.pagination-select__navigation__prev svg path{fill:#101828}.pagination-select__navigation__next:disabled,.pagination-select__navigation__prev:disabled{background-color:#f2f3f4;cursor:not-allowed}.pagination-select__navigation__next:disabled svg path,.pagination-select__navigation__prev:disabled svg path{fill:#9ba5b5}@media screen and (min-width:1200px){.pagination-select__button{transition:box-shadow .3s ease}.pagination-select__button:hover{box-shadow:0 0 0 2px #8dc63f;transition:box-shadow .3s ease}.pagination-select__button:focus-visible{box-shadow:0 0 0 2px #8dc63f;transition:box-shadow .3s ease}.pagination-select__navigation{display:flex;gap:8px}.pagination-select__navigation__next,.pagination-select__navigation__prev{transition:background-color .3s ease}.pagination-select__navigation__next:not(:disabled):hover,.pagination-select__navigation__prev:not(:disabled):hover{transition:background-color .3s ease,box-shadow .3s ease;background-color:#3c5d0e;box-shadow:unset}.pagination-select__navigation__next:not(:disabled):hover svg path,.pagination-select__navigation__prev:not(:disabled):hover svg path{fill:#fcfcfd}}