/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Sidebar.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.Sidebar_sticky__DNJ9K {
  left: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 1rem;
  height: 100vh;
  display: flex;
  flex-direction: row-reverse;
}

.Sidebar_sidebar__pjK4y {
  border-right: 2px solid var(--tertiary);
  background-color: var(--background);
  height: 100%;
  width: 3rem;
  animation: Sidebar_shrink__xD__Y 0.5s ease-in-out forwards;
}
.Sidebar_container__IRdZO {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--bordered);
  align-items: center;
}

.Sidebar_link__LojH2,
.Sidebar_current___gcmW {
  cursor: pointer;
  display: flex;
  justify-content: center;
  border-radius: 0.5rem;
  align-items: center;
  margin-top: 1rem;
  padding: 0.5rem;
}

.Sidebar_icon__l5vuQ {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Extrabar.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.Extrabar_extrabar__Mngma {
    width: 2.5rem;
    border-right: 1px solid var(--tertiary);
    animation: Extrabar_shrink__TMBqj 0.3s ease-in-out forwards;
}

.Extrabar_icon__ASUOU, .Extrabar_rotated__TK8vZ{
    position: absolute;
    top: 2rem;
    right: -1rem;
    background-color: var(--background);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 0.3rem;
    z-index: 2;
}

.Extrabar_icon__ASUOU {
    animation: Extrabar_rotate-close__PYyFw 0.3s ease-in-out forwards;
}

.Extrabar_rotated__TK8vZ {
    animation: Extrabar_rotate-open__c2nuM 0.3s ease-in-out forwards;
}

.Extrabar_expand__yjZYq {
    width: 1.5em;
    height: 1.5rem;
}

.Extrabar_expandedBar__Bna7b {
    border-right: 1px solid var(--tertiary);
    animation: Extrabar_expand__yjZYq 0.3s ease-in-out forwards;
}

@keyframes Extrabar_expand__yjZYq {
    0% {
        width: 2.5rem;

    }
    100% {
        width: 20rem;
    }
}

@keyframes Extrabar_shrink__TMBqj {
    0% {
        width: 20rem;
    }
    100% {
        width: 2.5rem;
    }
}

@keyframes Extrabar_rotate-open__c2nuM {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(180deg);
    }
}

@keyframes Extrabar_rotate-close__PYyFw {
    0% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Icon.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/

.Icon_link__Ut7cr, .Icon_current__Y_vjh {
    /* cursor: pointer; */
    display: flex;
    justify-content: center;
    border-radius: 0.5rem;
    align-items: center;
    margin-top: 1rem;
    padding: 0.5rem;
    position: relative;
}

 .Icon_link__Ut7cr:hover {
    background-color: var(--bordered);
    transition: all 0.5s ease-in-out;
} 

.Icon_current__Y_vjh {
    background-color: var(--bordered) ;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Accordion.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.Accordion_parent__7PL4l {
    display: flex;
    padding: 0rem 0.3rem;
    flex-direction: column;
    border-bottom: 1px solid var(--tertiary);
}

.Accordion_subtitle__cPsIp, .Accordion_primary__A7ZBg {
    font-size: 14px;
    padding: 0.5rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 0.5rem;
    align-items: center;
    cursor: pointer;
    border-radius: 0.2rem;
    background-color: transparent;
    border: none;
    color: var(--text);
}

.Accordion_primary__A7ZBg{
    color: var(--primary);
}

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

.Accordion_list__PzdNK {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    animation: Accordion_appear__Qyk55 0.5s ease-in;
}

.Accordion_list__PzdNK

.Accordion_child__aZ4h7, .Accordion_colored__oE8jt {
    text-decoration: none;
    color: var(--text);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    padding: 0.5rem;
    border-radius: 0.2rem;
    cursor: pointer;

}

.Accordion_colored__oE8jt {
    color: var(--primary);
}

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

.Accordion_icon__qDMoj {
    width: 16px;
    height: 16px;
    animation: Accordion_rotateIn__Psw4E 0.3s ease-in-out forwards;
}

.Accordion_iconOut__8xYuA {
    width: 16px;
    height: 16px;
    animation: Accordion_rotateOut__vITRZ 0.3s ease-in-out forwards;
}

@keyframes Accordion_rotateIn__Psw4E {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-90deg);
    }
}

@keyframes Accordion_rotateOut__vITRZ {
    0% {
        transform: rotate(-90deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes Accordion_appear__Qyk55 {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes Accordion_disappear__rru7k {
    0% {
        height: -moz-fit-content;
        height: fit-content;
        opacity: 1;
    }
    100% {
        height: 0;
        opacity: 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/KvmList.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.KvmList_grandParent__Kh_uA {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    animation-delay: 5s;
    max-height: 100vh;
    animation: KvmList_fadeIn__aYEv5 0.5s ease-in-out forwards;
    color: var(--text);
    gap: 1rem;
    overflow-y: auto;
}

.KvmList_title__rakmX {
    font-size: 20px;
    padding: 1rem;
    margin-bottom: 1rem;
}

@keyframes KvmList_fadeIn__aYEv5 {
    0%{
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/TroubleshootList.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.TroubleshootList_grandParent__YEfF8 {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    animation-delay: 5s;
    max-height: 100vh;
    animation: TroubleshootList_fadeIn__otoo2 0.5s ease-in-out forwards;
    color: var(--text);
    gap: 1rem;
    overflow-y: auto;
}

.TroubleshootList_title__E9Xzq {
    font-size: 20px;
    padding: 1rem;
    margin-bottom: 1rem;
}

@keyframes TroubleshootList_fadeIn__otoo2 {
    0%{
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/server/styles/Header.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/

.Header_header__3HCoT {
    border-bottom: 1px solid var(--tertiary);
    padding: 3rem;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: flex-start;
    animation: Header_drop-down__0NyiU 1s ease-in-out forwards;
}

.Header_image__iTdtB {
    width: 300px;
    height: 300px;
    position: absolute;
    top: -4rem;
    right: 8rem;
}

.Header_text__QBC52 {
    width: 100%;
    margin-left: 1rem;
}

.Header_title__YDoCZ {
    font-size: 32px;
    color: var(--text);
    font-weight: 600;
}

.Header_subtitle__L_g9a {
    font-size: 16px;
    color: var(--outlined);
    width: 70%;
}

@keyframes Header_drop-down__0NyiU {
    0% {
        transform: translateY(-200px);
    }
    100% {
        transform: translateY(0);
    }
}

/* 
TODO later
@media (max-width: 900px) {

    .title {
        font-size: 16px;
    }
    .image {
        width: 300px;
        height: 400px;
        top: 0;
        right: 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/dashboard/Layout.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.Layout_page__oriLE {
    display: flex;
    flex-direction: row;
    overflow-x: hidden;
    overflow-y: hidden;
}

.Layout_container__e_jcg {
    width: 100%;
}