/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./app/dashboard/kvm/page.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.page_container__ZuMjG {
    display: flex;
    flex-direction: column;
    background-color: var(--background);
    padding-inline: 4rem;
    width: 90%;
    animation: page_slide-in__q9vMY 1s ease-in-out forwards;
}

.page_header__omxpo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 0.2rem;
}

.page_label__adt8_ {
    font-size: 24px;
    font-weight: 500;
    color: var(--primary);
}

.page_titles__utvCS {
    background-color: var(--bordered);
    display: flex;
    gap: 0.2rem;
    width: 100%;
    padding: 0.5rem;
    border-radius: 0.4rem;
    font-weight: 600;
}

.page_title__zCTQJ {
    width: 25%;
    color: var(--foreground);
    font-size: 14px;
}

.page_list__xAB0E {
    width: 100%;
    padding: 0rem;
    min-height: 45vh;
    
}
.page_item__88XIu {
    text-decoration: none;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1.5rem 0.5rem;
    border-bottom: 1px solid var(--tertiary);
    gap: 1rem;
    font-size: 12px;
}

.page_item__88XIu span, .page_item__88XIu div {
    width: 25%;
    color: var(--text);
}

.page_buttons__m4VnL { 
    display: flex;
    justify-content: flex-end;
    padding: 0rem;
    gap: 1rem;
}

.page_link__9TAeh  {
    cursor: pointer;
    border: 1px solid var(--tertiary);
    max-width: 24px;
    max-height: 24px;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    padding: 0.3rem 0.3rem;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}


.page_icon__fmK_P {
    width: 18px;
    height: 18px;
}

.page_pagination__NX06D {
    display: flex;
    width: 100%;
    justify-content: center;
}


@keyframes page_slide-in__q9vMY {
    0% {
        transform: translateX(400px);
    }

    100% {
        transform: translateX(0);
    }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./app/components/client/styles/Pagination.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
.Pagination_container__zy3S6  {
    display: flex;
    gap: 4rem;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.Pagination_prev__TmjOD, .Pagination_next__PFWrl {
    padding: 0.5rem;
    border: 1px solid var(--tertiary);
    display: flex;
    align-items: center;
    background-color: var(--background);
    border-radius: 0.5rem;
    justify-content: center;
    cursor: pointer;
}

.Pagination_hidden__NGvRi {
    visibility: hidden;
    padding: 0.5rem;
}

.Pagination_icon__ftEBY {
    width: 18px;
    height: 18px;
}

.Pagination_prev__TmjOD:hover {
    animation: Pagination_bounce-left___yxG_ 0.5s ease-in-out forwards;
}

.Pagination_next__PFWrl {
    transform: rotate(180deg);
}

.Pagination_next__PFWrl:hover {
    animation: Pagination_bounce-right__bMlIQ 0.5s ease-in-out forwards;
}

.Pagination_pages__pK5Ok {
    display: flex;
    gap: 0.6rem;
    padding: 0;
}

.Pagination_page__wYM2I, .Pagination_current__GfGqg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    padding: 0.5rem;
    border: 1px solid var(--tertiary);
    display: flex;
    border-radius: 0.5rem;
    color: var(--text);
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.Pagination_page__wYM2I:hover, .Pagination_current__GfGqg:hover {
    animation: Pagination_jump-up__1Z9EB 0.5s ease-in-out forwards;
}

.Pagination_current__GfGqg {
    background-color: var(--bordered);
}

@keyframes Pagination_bounce-right__bMlIQ {
    0% {
        transform: translateX(0) rotate(180deg);

    }
    100%{
        transform: translateX(8px) rotate(180deg);
    }
}

@keyframes Pagination_bounce-left___yxG_ {
    0% {
        transform: translateX(0px) ;

    }
    100%{
        transform: translateX(-8px) ;
    }
}

@keyframes Pagination_jump-up__1Z9EB {
    0%{
        transform: translateY(0);
    }

    100% {
        transform: translateY(-8px);
    }
}