.Pagination_czyButton__sx09H {
    border-radius: 30px;
    transition: all .25s ease;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-size: 16px;
    box-sizing: border-box;
    padding: calc(var(--base-unit)*1) calc(var(--base-unit)*2);
    background: #0000;
    height: 40px;
    -webkit-user-select: none;
    user-select: none
}

.Pagination_czyButton__sx09H:focus {
    outline: none
}

.Pagination_czyButton--contained--purple__Zy2I4 {
    color: var(--white-100);
    background: var(--brand-100)
}

.Pagination_czyButton--contained--purple__Zy2I4:active {
    background: rgb(var(--brand-100)/70%)
}

@media(hover:hover) {
    .Pagination_czyButton--contained--purple__Zy2I4:hover:not(:disabled) {
        background: var(--brand-80)
    }
}

.Pagination_czyButton--contained--white__kynud {
    color: var(--black-50);
    background: var(--white-100)
}

.Pagination_czyButton--contained--white__kynud:active {
    background: rgb(var(--white-100)/70%)
}

@media(hover:hover) {
    .Pagination_czyButton--contained--white__kynud:hover:not(:disabled) {
        background: var(--white-50)
    }
}

.Pagination_czyButton--contained--grey__9FP5I {
    color: var(--white-100);
    background: var(--black-40)
}

.Pagination_czyButton--contained--grey__9FP5I:active {
    background: rgb(var(--black-40)/70%)
}

@media(hover:hover) {
    .Pagination_czyButton--contained--grey__9FP5I:hover:not(:disabled) {
        background: var(--black-50)
    }
}

.Pagination_czyButton--contained--alert__pmmID {
    color: var(--white-100);
    background: var(--alert-100)
}

.Pagination_czyButton--contained--alert__pmmID:active {
    background: rgb(var(--alert-100)/70%)
}

@media(hover:hover) {
    .Pagination_czyButton--contained--alert__pmmID:hover:not(:disabled) {
        background: var(--alert-100)
    }
}

.Pagination_czyButton--contained--success__UKyr5 {
    color: var(--white-100);
    background: var(--success-100)
}

.Pagination_czyButton--contained--success__UKyr5:active {
    background: rgb(var(--success-100)/70%)
}

@media(hover:hover) {
    .Pagination_czyButton--contained--success__UKyr5:hover:not(:disabled) {
        background: #52b187
    }
}

.Pagination_czyButton--contained--black__IgS6N {
    color: var(--white-100);
    background: var(--black-80)
}

.Pagination_czyButton--contained--black__IgS6N:active {
    background: rgb(var(--black-80)/70%)
}

@media(hover:hover) {
    .Pagination_czyButton--contained--black__IgS6N:hover:not(:disabled) {
        background: var(--black-70)
    }
}

.Pagination_czyButton--contained--green-gradient__53nJa {
    color: var(--black-100);
    background: linear-gradient(90deg, #49f3c3, #64f17e)
}

.Pagination_czyButton--contained--green-gradient__53nJa:active {
    background: linear-gradient(90deg, #289777, #408b4e)
}

@media(hover:hover) {
    .Pagination_czyButton--contained--green-gradient__53nJa:hover:not(:disabled) {
        background: linear-gradient(90deg, #2dc59a, #5db96e)
    }
}

.Pagination_czyButton--link--purple__1Icrp, .Pagination_czyButton--outlined--purple__lfPhJ {
    color: var(--brand-60)
}

.Pagination_czyButton--link--purple__1Icrp:active, .Pagination_czyButton--outlined--purple__lfPhJ:active {
    color: rgb(var(--brand-100)/80%)
}

@media(hover:hover) {
    .Pagination_czyButton--link--purple__1Icrp:hover:not(:disabled), .Pagination_czyButton--outlined--purple__lfPhJ:hover:not(:disabled) {
        color: var(--brand-100)
    }
}

.Pagination_czyButton--link--white__gnaPK, .Pagination_czyButton--outlined--white__KRsiU {
    color: var(--white-90)
}

.Pagination_czyButton--link--white__gnaPK:active, .Pagination_czyButton--outlined--white__KRsiU:active {
    color: rgb(var(--white-50)/80%)
}

@media(hover:hover) {
    .Pagination_czyButton--link--white__gnaPK:hover:not(:disabled), .Pagination_czyButton--outlined--white__KRsiU:hover:not(:disabled) {
        color: var(--white-50)
    }
}

.Pagination_czyButton--link--grey__7Or4R, .Pagination_czyButton--outlined--grey__p2Sjb {
    color: rgb(var(--white-100)/30%)
}

.Pagination_czyButton--link--grey__7Or4R:active, .Pagination_czyButton--outlined--grey__p2Sjb:active {
    color: rgb(var(--brand-100)/80%)
}

@media(hover:hover) {
    .Pagination_czyButton--link--grey__7Or4R:hover:not(:disabled), .Pagination_czyButton--outlined--grey__p2Sjb:hover:not(:disabled) {
        color: var(--brand-100)
    }
}

.Pagination_czyButton--link--alert___b8ET, .Pagination_czyButton--outlined--alert__u3j0N {
    color: var(--alert-100)
}

.Pagination_czyButton--link--alert___b8ET:active, .Pagination_czyButton--outlined--alert__u3j0N:active {
    color: rgb(var(--brand-100)/80%)
}

@media(hover:hover) {
    .Pagination_czyButton--link--alert___b8ET:hover:not(:disabled), .Pagination_czyButton--outlined--alert__u3j0N:hover:not(:disabled) {
        color: var(--brand-100)
    }
}

.Pagination_czyButton--link--success__KQLTE, .Pagination_czyButton--outlined--success__2dIJc {
    color: var(--success-100)
}

.Pagination_czyButton--link--success__KQLTE:active, .Pagination_czyButton--outlined--success__2dIJc:active {
    color: rgb(var(--success-100)/80%)
}

@media(hover:hover) {
    .Pagination_czyButton--link--success__KQLTE:hover:not(:disabled), .Pagination_czyButton--outlined--success__2dIJc:hover:not(:disabled) {
        color: var(--success-100)
    }
}

.Pagination_czyButton--outlined--purple__lfPhJ {
    border: 1px solid var(--brand-60)
}

.Pagination_czyButton--outlined--white__KRsiU {
    border: 1px solid var(--white-90)
}

.Pagination_czyButton--outlined--grey__p2Sjb {
    border: 1px solid rgb(var(--white-100)/30%)
}

.Pagination_czyButton--outlined--alert__u3j0N {
    border: 1px solid var(--alert-100)
}

.Pagination_czyButton--outlined--success__2dIJc {
    border: 1px solid var(--success-100)
}

.Pagination_czyButton--outlined__58TXC:active {
    border-color: rgb(var(--white-30)/70%)
}

.Pagination_czyButton--disabled__wyPNU {
    opacity: .4;
    cursor: default
}

.Pagination_czyButton--height50__9znTI {
    height: 50px
}

.Pagination_czyButton--height34__GXhNQ {
    height: 34px
}

.Pagination_czyButton--fullWidth__IMxpC {
    width: 100%
}

.Pagination_czyButton__sx09H svg {
    height: 20px;
    width: 20px;
    margin-right: calc(var(--base-unit)*1)
}

.Pagination_paginationContainer__hoPjL {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    justify-content: center;
    margin: calc(var(--base-unit)*3) auto;
    content-visibility: auto;
    contain: layout paint;
    contain-intrinsic-size: 60px;
    background-color: var(--black-90);
    border-radius: 60px;
    padding: 10px;
    align-items: center;
    gap: calc(var(--base-unit)*.5);
    font-size: 16px;
    font-weight: 700
}

.Pagination_ellipsis__JebGV {
    color: var(--white-10)
}

.Pagination_gamePageLink__Q4NQK {
    transition: all .1s ease-in;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: var(--brand-100);
    width: 50px;
    height: 40px;
    -webkit-user-select: none;
    user-select: none
}

.Pagination_gamePageLink__Q4NQK.Pagination_number__UPaE8 {
    background: #0000;
    border-radius: 50px;
    font-size: 16px;
    border: 1px solid #0000;
    width: 26px;
    height: 40px;
    padding: 8px
}

.Pagination_gamePageLink__Q4NQK.Pagination_current__2Voa_ {
    border: 1px solid var(--brand-100)
}

.Pagination_gamePageLink__Q4NQK svg {
    height: 20px;
    width: 20px
}

.Pagination_gamePageLink__Q4NQK.Pagination_disabled__9RqME:not(.Pagination_current__2Voa_) {
    background-color: var(--black-100)
}

.Pagination_gamePageLink__Q4NQK.Pagination_disabled__9RqME:not(.Pagination_current__2Voa_) svg {
    color: var(--black-50)
}

@media(hover:hover) {
    .Pagination_gamePageLink__Q4NQK:not(.Pagination_disabled__9RqME):hover {
        background: var(--brand-130)
    }
}