:root{font-family:Inter,sans-serif;--button-width: 100%;--button-size: 30px;--border-radius: 10px;--section-padding: 1rem;--element-padding: .5rem;--font-size: 20px;--font-size-header: 30px;--primary: #F8F9FA;--secondary: #FF8C42;--tertiary: #CC5803;--secondary-75: #FF8C4275;--tertiary-75: #CC580375;--accent: #2E2E2E;--text-primary: #2E2E2E;--text-secondary: #5E5E5E;--success-75: #4CAF5075;--danger-75: #A4162375;--success: #4CAF50;--danger: #A41623;--neutral: #E0E0E0;--border-color: #D1D5DB;--highlight: #FFEDD5;--dm-primary: #101010;--dm-secondary: #FF8C42;--dm-tertiary: #CC5803;--dm-secondary-75: #FF8C4275;--dm-tertiary-75: #CC580375;--dm-accent: #E5E7EB;--dm-text-primary: #E5E7EB;--dm-text-secondary: #9CA3AF;--dm-success: #1B9AAA;--dm-success-75: #1B9AAA75;--dm-danger: #A41623;--dm-danger-75: #A4162375;--dm-neutral: #1E1E1E;--dm-border-color: #374151;--dm-highlight: #4B5563;--dm-spark-accent: #FF9E22}.dark-mode{color-scheme:dark;--primary: var(--dm-primary);--secondary: var(--dm-secondary);--tertiary: var(--dm-tertiary);--accent: var(--dm-accent);--text-primary: var(--dm-text-primary);--text-secondary: var(--dm-text-secondary);--success: var(--dm-success);--danger: var(--dm-danger);--neutral: var(--dm-neutral);--border-color: var(--dm-border-color);--highlight: var(--dm-highlight)}body{color:var(--text-primary);min-width:340px;transition:background-color .3s ease,color .3s ease}main{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--section-padding);padding-top:var(--section-padding);transition:background-color .3s ease;justify-content:center}.main-single-column{grid-template-columns:repeat(1,1fr)}p{line-height:1.2}.header{height:100px;border-radius:var(--border-radius);padding:var(--element-padding);display:flex;align-items:center;justify-content:space-around;background-color:var(--primary);border-bottom:2px solid var(--secondary);transition:all .2s ease-in-out;box-shadow:0 4px 4px #0000004d}.header>img{height:150px;width:150px;margin-right:0}.display-none{height:0;transition:height .3s ease;opacity:0;width:0;padding:0;margin:0}.header__details{display:flex;flex-direction:row;gap:50px;justify-content:center;align-items:center}.header__details>h1{color:var(--secondary);margin:0}.header-navigation{display:grid;grid-template-columns:repeat(3,auto);place-content:center;gap:10px}.header-navigation__links{border:1px solid var(--secondary);border-radius:var(--border-radius);text-align:center;font-size:25px;cursor:pointer;font-weight:700;padding:0 5px;transition:background-color .3s ease-in-out}.header-navigation__links__end{border:1px solid var(--secondary);border-radius:var(--border-radius);text-align:center;font-size:25px;cursor:pointer;font-weight:700;padding:0;transition:background-color .3s ease-in-out}@media(max-width:600px){.header-navigation{display:grid;grid-template-columns:repeat(2,auto);place-content:center;gap:10px}}.header-navigation__links:hover,.header-navigation__links__end:hover{background:var(--neutral)}.header-details__wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:100px}@media(max-width:900px){.header-details__wrapper{gap:20px}}.header>h1{color:var(--secondary)}@media(max-width:800px){.header-details__wrapper{display:flex;flex-direction:column;gap:20px}.header__details{flex-direction:row;gap:10px}.header__device-name *{margin:0}.header__details>*{margin:0}.header{flex-direction:column;gap:10px;height:195px}}@media(max-width:900px){.header__details{flex-direction:column;gap:10px}.header__details>h1{margin-bottom:0}.header__details *{margin:0 0 10px}}@media(max-width:500px){.header>img{position:absolute;top:0;left:0;height:70px;width:70px}}.header__device-name{display:flex;flex-direction:row;align-items:center;gap:1rem;margin:0}.header__device-name>p{font-size:20px;font-weight:700;color:var(--secondary)}.header__device-name>*{margin:0}.header>div>h1{color:var(--tertiary)}.general-button{width:fit-content;outline:none;border:1px solid var(--secondary);border-radius:10px;padding:15px;font-size:20px;font-weight:700;cursor:pointer}.general-button:hover{background-color:var(--tertiary-75)}.general-button__selection{width:fit-content;outline:none;border:1px solid var(--secondary);border-radius:10px;padding:15px;font-size:20px;font-weight:700;cursor:pointer}.danger-button{border:1px solid var(--danger-75)}.success-button{border:1px solid var(--success-75)}.danger-button:hover{background-color:var(--danger)}.success-button:hover{background-color:var(--success)}.disabled-button{pointer-events:none;cursor:not-allowed;opacity:.65}.general-button__selection:hover,.general-button-selection__clicked{background-color:var(--tertiary-75)}.metrics-settings-wrapper{padding:var(--element-padding);display:flex;flex-direction:column;z-index:1;position:fixed;border-radius:var(--border-radius);background-color:var(--primary);border:1px solid var(--border-color);box-shadow:0 4px 4px #0000004d;right:calc(var(--section-padding) * 4 - 50px);top:230px;height:225px;min-width:200px;transform-origin:top right;transform:scale(1);transition:all .2s ease}.metrics-settings-wrapper__closed{width:0;height:0;transform-origin:top right;transform:scale(0);transition:all .2s ease}.metrics-settings-entry{width:calc(100% - (var(--element-padding) * 2));margin-right:var(--element-padding);max-width:600px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--element-padding)}@media(max-width:500px){.metrics-settings-wrapper{height:415px}.metrics-settings-entry{flex-direction:column;justify-content:flex-start;align-items:flex-start}.metrics-settings-entry{flex-direction:column;justify-content:flex-start;align-items:flex-start;border-bottom:2px solid var(--border-color)}.metrics-settings-entry:last-child{border-bottom:none}}.metrics-menu{z-index:1;position:fixed;left:calc(100% - (var(--section-padding)* 3) - 10px);top:180px;display:flex;align-items:center;justify-content:center;height:40px;width:40px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--primary);box-shadow:0 4px 4px #0000004d;cursor:pointer;transition:transform .2s ease-in-out}.metrics-menu:hover{transform:scale(1.1)}.full-screen__close{z-index:1;position:fixed;left:calc(100% - (var(--section-padding)* 3) - 10px);top:100px;display:flex;align-items:center;justify-content:center;height:40px;width:40px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--primary);box-shadow:0 4px 4px #0000004d;cursor:pointer;transition:transform .2s ease-in-out}.full-screen__close:hover{transform:scale(1.1)}.left-column,.right-column{display:flex;flex-direction:column;gap:1rem}@media(max-width:900px){main{grid-template-columns:repeat(1,1fr)}}section{color:var(--text-primary);border-bottom:2px solid var(--secondary);background-color:var(--primary);border-radius:var(--border-radius);padding:var(--element-padding);box-sizing:border-box;transition:all .3s ease;box-shadow:0 4px 4px #0000004d}.section-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-height:70px}.section-header>*{font-size:var(--font-size-header);margin:0}.device-data{display:flex;flex-direction:column}.device-data_list{font-size:var(--font-size);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--element-padding);align-items:center;margin:0;padding:0}@media(max-width:1100px){.device-data_list{grid-template-columns:none;padding:0}}.device-data_list>li:last-child{grid-column:1 / -1}.device-data>ul>li{font-size:var(--font-size);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;width:calc(100% - var(--element-padding))}.data-item-label{font-size:var(--font-size);font-weight:700;border-right:1px solid var(--border-color);min-width:130px;color:var(--secondary);margin:0;flex-shrink:0}.data-item-value{margin:0;flex-shrink:1;font-size:var(--font-size);padding-right:var(--element-padding);color:var(--text-primary);text-wrap:wrap;white-space:wrap;word-break:break-word}@media(max-width:400px){.data-item-value{max-width:calc(160px - var(--element-padding))}}.cpu-cores{display:flex;flex-direction:column;padding:var(--element-padding)}.cpu-cores__item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.cpu-usage-bar{height:2px}.cpu-cores__graph-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-content:center;gap:0;padding:0}@media(max-width:1300px){.cpu-cores__graph-container{grid-template-columns:repeat(2,1fr);justify-content:center}}@media(max-width:900px){.cpu-cores__graph-container{grid-template-columns:repeat(3,1fr);justify-content:center}}@media(max-width:800px){.cpu-cores__graph-container{grid-template-columns:repeat(2,1fr);justify-content:center}}@media(max-width:500px){.cpu-cores__graph-container{grid-template-columns:repeat(1,1fr)}}.cpu-cores>ul{font-size:var(--font-size);font-weight:700;display:grid;grid-template-columns:repeat(2,1fr);min-width:300px;padding:0;margin:0;gap:var(--element-padding)}.cpu-cores>ul>li{font-size:var(--font-size);background-color:var(--neutral);list-style:none;display:flex;justify-content:space-between;flex-direction:column;padding:1px}.cpu-cores>ul>li>div>p{margin:0}.memory-info{width:100%}.memory-info__content{display:grid;grid-template-columns:repeat(2,1fr);background-color:var(--neutral)}.memory-bar{height:3px;grid-column:1 / -1}.memory-info__content>div>p{font-size:var(--font-size);text-align:center;margin:0}.memory-info__content-title{font-weight:700}.settings-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.settings__container{padding:var(--element-padding);width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.settings-header{width:50%;align-self:flex-start;margin-left:10%;padding:var(--element-padding);display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--border-color)}.settings-header>h1{margin:0}.settings{width:calc(100% - var(--section-padding));padding:var(--element-padding);display:flex;align-items:center;justify-content:space-between;flex-direction:column;border-radius:var(--border-radius);background-color:var(--primary);box-shadow:0 4px 4px #0000004d}.settings-entry{height:calc(80px - 1rem);width:80%;max-width:600px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--element-padding);border-radius:var(--border-radius);transition:height .3s ease}.settings-entry__label{display:flex;align-items:center;border-right:2px solid var(--border-color);margin-right:30px;max-width:100px;min-width:130px;height:2rem}.settings-entry__value-container{display:flex;width:100%;align-items:center;justify-content:center;gap:1rem}.settings-entry__value-container>input{outline:none;border:none;background:var(--neutral);border-radius:var(--border-radius);width:100px;font-size:30px;color:var(--accent);font-family:Inter,sans-serif;font-weight:700;padding:var(--element-padding)}.settings-entry__value-container>p{font-size:20px}@media(max-width:600px){.settings-entry{height:calc(100px - 1rem);flex-direction:column;align-items:flex-start;width:fit-content;border-radius:0;padding-bottom:10px}.settings-entry__label{border-right:none;margin-right:0;height:2rem}}@media(min-width:850px){.settings{width:calc(70% - 2rem)}}.device-management__wrapper{width:100%;align-items:center;display:flex;flex-direction:column;justify-content:center}.device-management__container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%}.device-management__header{align-self:flex-start;display:flex;width:50%;margin-left:15%;margin-bottom:10px;text-align:left;border-bottom:1px solid var(--border-color)}.device-management__header>h1{margin:0}.metrics-notice__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.metrics-notice{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border-bottom:1px solid var(--danger);gap:10px}.metrics-notice>h1,.metrics-notice>p{text-align:center}.metrics-notice>p{width:calc(100% - 30px);margin:0;background-color:var(--neutral);border:none;padding:var(--element-padding);font-size:25px;outline:none;border-radius:var(--border-radius)}.device-management__form{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.device-management__form>button{align-self:flex-end}.device-management__form-element{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-left:5%}.form__input-note{width:100%;text-align:center;font-size:10px;color:var(--secondary)}.device-management__form-element>input{width:90%;font-size:25px;padding:var(--element-padding);outline:none;border-radius:var(--border-radius);background-color:var(--neutral);border:1px solid var(--border-color)}.device-management__form-element>label{font-size:20px;font-weight:700}.device-management__blob-link{width:0;height:0;cursor:none;border:none;outline:none;padding:0;margin:0;opacity:0}.device-list__container{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.device-container{padding-top:var(--element-padding);width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid var(--border-color);padding-bottom:10px}.device-container__name{font-size:25px;font-weight:700;text-align:left;width:90%;margin:0}.device-container__ipAddr{font-size:25px;background-color:var(--neutral);padding:var(--element-padding);width:90%;border-radius:var(--border-radius)}.edit-device__form-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-top:15px}@media(min-width:850px){.device-management__container{width:calc(70% - 2rem)}.device-list__container,.device-management__form{width:60%}}@media(max-width:850px){.device-management__container{width:100%}.device-management__header{width:80%}}.device-navigation{display:flex;flex-direction:row;overflow:auto;align-items:center;justify-content:space-between;scroll-behavior:smooth;margin:var(--element-padding);border-radius:var(--border-radius);gap:var(--element-padding)}.device-navigation__wrapper{background-color:var(--primary);padding:var(--element-padding)}@media(min-width:700px){.device-list{scrollbar-width:none}}.themes-container{height:auto;border:2px solid var(--neutral);border-radius:5px;width:calc(100% - 60px);padding:15px;margin:15px;display:grid;grid-template-columns:repeat(10,1fr);justify-content:space-between;align-items:center;flex-direction:row;gap:10px}.theme-container{border:1px solid var(--neutral);height:30px;width:30px;display:flex;justify-content:center;align-items:center;padding:1px;border-radius:5px;cursor:pointer}.theme_wrapper{max-width:50px;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.theme_wrapper_clicked{border:2px solid var(--secondary)}.theme{height:25px;width:25px;border-radius:50px}.theme-form{display:flex;flex-direction:column;align-items:center;justify-content:center}.theme-form__buttons{display:flex;align-items:center;justify-content:space-around;flex-direction:row}.theme-form__buttons>button{font-weight:700;font-size:var(--button-size);border-radius:5px;cursor:pointer;margin:10px;border:none;color:var(--accent);outline:none}.theme_save{background-color:var(--success)}.theme_cancel{background-color:var(--danger)}.theme-container__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--border-radius);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-top:30px}@media(max-width:1200px){.themes-container{grid-template-columns:repeat(7,1fr)}}@media(max-width:700px){.theme{height:40px;width:40px;border-radius:50px}.themes-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);justify-items:center;align-items:center}.theme-container{height:50px;width:50px}}.notification{z-index:150;position:fixed;top:50px;left:15px;opacity:0;width:0;border-radius:5px;text-align:center;color:#f0f8ff;transition:width .3s;background-color:var(--tertiary);border-right:3px solid var(--secondary)}.notification>.title{margin:0;font-size:16px;font-weight:700}.notification>p{margin:0}.notification__active{max-height:70px;opacity:1;display:block;height:1000px;min-height:50px;width:300px;padding:5px}.device-type-selection__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:height .2s ease-in-out}.device-type-selection{display:flex;flex-direction:column;width:calc(60% - 2rem)}.device-type-selection>h1{margin:0;text-align:center}.description-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid var(--border-color);width:calc(100% - 40px);margin:0 20px;max-width:500px;align-self:center}.description-container__title{align-self:flex-start;font-weight:700;font-size:20px;margin-bottom:0}.description-container__paragraph{text-align:center;border-radius:5px;background-color:var(--neutral);padding:var(--element-padding)}.description-container__form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-top:20px}.container__form__radio-container>input[type=radio]{-webkit-appearance:none;min-width:20px;min-height:20px;max-height:20px;max-width:20px;background-color:var(--neutral);border-radius:var(--border-radius);border:1px solid var(--border-color);cursor:pointer}@media(max-width:850px){.device-type-selection{width:100%}}.container__form__radio-container>input[type=radio]:hover{box-shadow:0 0 4px 2px var(--secondary) inset}.container__form__radio-container>input[type=radio]:checked{background-color:var(--secondary)}.container__form__radio-container{display:flex;flex-direction:row;gap:10px;width:30%}.child-processes{padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center}.child-processes>.section-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px;width:calc(100% - var(--element-padding))}.child-processes__table__wrapper{width:calc(100% - 15px);overflow-y:scroll;border:1px solid var(--border-color);padding:0;border-radius:5px;border-right:1px solid var(--tertiary);border-left:1px solid var(--tertiary)}.child-processes__table{display:grid;grid-template-columns:repeat(1,1fr);width:calc(100% - 2px);max-height:300px}.child-processes__row{display:flex;flex-direction:row;gap:0;width:100%;border-top:1px solid var(--border-color)}.child-processes__row:hover{cursor:pointer;box-shadow:0 0 4px 2px var(--tertiary) inset}.child-processes__row:first-child{border-top:none}.child-processes__row-header{border-left:none;border-right:none;border-bottom:1px solid var(--tertiary);display:flex;flex-direction:row;gap:0;width:100%}.child-processes__table>.child-processes__row:nth-child(2){border-top:none}.child-processes__row-item{min-width:calc(20% - 1px);max-width:calc(20% - 1px);margin:0;height:var(--font-size);font-size:calc(var(--font-size) - 6px);text-align:center;overflow:clip;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid var(--border-color)}.child-processes__row-item:last-child{border-right:none}.child-processes__header{min-width:calc(20% - 1px);max-width:calc(20% - 1px);border-right:1px solid var(--tertiary);text-align:center;font-size:var(--font-size);margin:0}.child-processes__header-end{border-right:none}.child-processes__found-child-container{margin-bottom:20px;display:flex;flex-direction:column;justify-content:center;width:calc(100% - 15px)}.child-processes__found-child-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.child-processes__found-child-wrapper>.child-processes__row>.child-processes__row-item{height:fit-content;font-size:30px;border:1px solid var(--border-color)}.child-processes__find-child{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px;width:50%;border-left:2px solid var(--border-color);border-bottom:2px solid var(--border-color);border-radius:15px;gap:20px}.child-processes__find-child>input{width:60%;border:none;outline:none;padding:10px;border-radius:15px;background-color:var(--neutral);font-family:inherit;font-size:var(--font-size)}@media(max-width:700px){.child-processes__table{width:150%}.child-processes__table__wrapper{overflow-x:scroll}}@media(max-width:1200px){.child-processes__found-child-container>.child-processes__row{width:150%}}@media(max-width:1400px){.child-processes>.section-header{flex-direction:column;margin-bottom:10px;max-height:none;justify-content:flex-end;width:100%}.child-processes__find-child{width:calc(100% - 15px)}}@media(max-width:1400px){.child-processes__found-child-wrapper{overflow-x:scroll}.child-processes__found-child-wrapper>.child-processes__row{width:150%}}.network-interface__graph-view{display:flex;flex-direction:row;align-items:center;justify-content:center}@media(max-width:750px){.network-interface__graph-view{flex-direction:column}}.network-container{display:grid;grid-template-columns:repeat(2,1fr)}.network-interface__container:nth-child(odd){border-right:1px solid var(--border-color)}.network-interface__container{min-width:50%}.network-interface-name__container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--border-color)}.network-interface-name__container>*{margin:0}.network-interface__name{font-size:var(--font-size);color:var(--tertiary);font-weight:700}.network-interface__header{border-bottom:1px solid var(--border-color)}.network-interface__header>p{margin:10px 0;padding-left:10px;font-size:var(--font-size-header);text-align:center}.network-interface-item__container{display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--border-color);padding-bottom:10px}.network-interface-item__container>.network-interface__item{display:flex;flex-direction:row;gap:10px;padding-top:5px;transition:height .3s ease-in-out;height:calc(var(--font-size) * 1.2)}.network-interface__item>label{color:var(--secondary);font-size:var(--font-size)}@media(max-width:750px){.network-interface-item__container>.network-interface__item:last-child{height:calc(var(--font-size) * (1.2 * 3))}.network-interface-item__container>.network-interface__item:first-child{height:calc(var(--font-size) * (1.2 * 2))}}@media(min-width:900px){.network-interface-item__container>.network-interface__item:last-child{height:calc(var(--font-size) * (1.2 * 3))}.network-interface-item__container>.network-interface__item:first-child{height:calc(var(--font-size) * (1.2 * 2))}}.network-interface__item>p{font-size:var(--font-size);margin:0;overflow:hidden;text-wrap:wrap;white-space:wrap;word-break:break-word;padding-right:5px}@media(max-width:450px){.network-interface-usage__container{padding:0;margin:0}.network-interface-usage__container>.network-interface__item{flex-direction:column}}.disk-container__single-disk{width:100%;display:flex;flex-direction:column;align-items:center}.disk-container__item{display:grid;grid-template-columns:repeat(2,auto);margin-bottom:10px}.disk-usage-item__single-item{display:grid;grid-template-columns:repeat(2,1fr);width:100%;border-bottom:1px solid var(--border-color);margin-bottom:10px;gap:10px}.disk-item__name{grid-column-start:1;grid-column-end:3;width:calc(100% - var(--element-padding));color:var(--tertiary);font-weight:700;font-size:var(--font-size);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);padding:10px 0 10px 10px;margin:0 0 var(--element-padding) 0;text-wrap:wrap}.disk-usage-item__single-item>.disk-item__entry{display:flex;padding:10px;flex-direction:row;border:1px solid var(--border-color);gap:10px;margin:0 10px 10px 0;border-radius:var(--border-radius)}.disk-item__entry{border:1px solid var(--border-color);display:flex;flex-direction:row;gap:10px;margin:0 10px 10px 0;border-radius:var(--border-radius);padding:10px}@media(max-width:600px){.disk-usage-item{grid-template-columns:repeat(1,1fr)}}@media(max-width:500px){.disk-usage-item__single-item>.disk-item__entry{display:flex;padding:10px;border:1px solid var(--border-color);gap:10px;margin:0 10px 10px 0;border-radius:var(--border-radius)}.disk-usage-item__single-item>.disk-item__entry{flex-direction:column}.disk-usage-item__single-item{gap:0}}@media(max-width:500px){.disk-container__item{grid-template-columns:repeat(1,auto);border-bottom:1px solid var(--border-color);margin-bottom:10px}}.disk-item__entry>label{color:var(--secondary);font-weight:700;font-size:var(--font-size);margin:0}.disk-item__entry>p{font-size:var(--font-size);margin:0;overflow:hidden;text-wrap:wrap;white-space:wrap;word-break:break-word}.disk-usage__container{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.disk-usage__item{display:flex;flex-direction:row;gap:10px}.disk-usage__item>p{font-size:var(--font-size);margin:0}.disk-usage__item>label{font-size:var(--font-size);color:var(--secondary);font-weight:700;cursor:pointer}.login-wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.login{width:75%}@media(max-width:750px){.login{width:100%}}.login>.login-form>.input-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:100%}.login-form{display:flex;flex-direction:column;width:100%;gap:20px;justify-content:center;align-items:center}.login-form>.input-container>input{width:80%;outline:none;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:5px;font-size:20px;background-color:var(--neutral);max-width:500px}.login-form>.input-container>label{width:80%;max-width:500px}.link-container{display:flex;justify-content:center;flex-direction:row;gap:8px;width:100%;align-items:center}.form-links>.link-container>.link-container__link{font-weight:700;color:var(--secondary);border-bottom:solid 2px var(--secondary);cursor:pointer}.disk-container{display:grid}.profile-container__wrapper{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}.profile-container,.profile-devices__container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;width:calc(100% - var(--element-padding))}.profile{width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-container>.section-header{width:60%;border-bottom:1px solid var(--border-color)}@media(max-width:800px){.profile{width:calc(100% - var(--element-padding))}.profile-container>.section-header{width:90%}}.profile-container>.section-header>h1{text-align:center;width:100%}.profile-item__container{display:flex;flex-direction:row;min-width:calc(100% - var(--element-padding));justify-content:center;align-items:center;gap:15px;max-width:calc(200px - var(--element-padding));transition:height .3s ease-in-out}.profile-devices__container>.profile-item__container{height:41px}.profile-devices__container>.profile-item__container{width:150px}.profile-item__container>p{white-space:nowrap;padding:var(--element-padding);background:var(--neutral);border-radius:var(--border-radius);font-size:20px}.profile-item__container>.profile-item-container__text,.profile-item__container>input{background-color:var(--neutral);padding:var(--element-padding);border-radius:var(--border-radius);font-size:20px;min-width:250px;max-width:250px;min-height:24px;outline:none;border-bottom:1px solid var(--neutral);border-top:none;border-right:none;border-left:none;margin:0;resize:none}.profile-item__container>.profile-item-container__bio__edit{font-size:20px;background-color:var(--neutral);padding:var(--element-padding);border-radius:var(--border-radius);min-width:250px;outline:none;resize:none;max-width:250px;height:200px;border:none;font-family:inherit;transition:height .3s ease-in-out;text-wrap:wrap}.profile-item__container>.profile-item-container__bio{overflow-y:scroll;background-color:var(--neutral);padding:var(--element-padding);border-radius:var(--border-radius);font-size:20px;min-width:250px;max-width:250px;height:72px;max-height:120px;margin:0;text-wrap:wrap;transition:height .3s ease-in-out}@media(max-width:500px){.profile-devices__container>.profile-item__container{flex-direction:column;height:91px;transition:height .3s ease-in-out}.profile-devices__container>.profile-item__container>p{min-width:100%}.profile-devices__container>.profile-item__container>label{width:100%}}.profile-item__container>h1,.profile-item__container>label{font-size:25px;margin:0;font-weight:700;color:var(--accent)}.profile-item__container>input{border-bottom:1px solid var(--secondary);font-size:20px;min-width:250px;max-width:250px}.profile-button__container{display:flex;gap:1rem}.profile-device__container{display:flex;flex-direction:column;width:calc(100% - var(--element-padding));justify-content:center;align-items:center;gap:15px}.profile-device__container>*{width:60%}.admin__wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.admin{display:flex;flex-direction:column;width:calc(70% - var(--element-padding));align-items:center;justify-content:center}@media(max-width:950px){.admin{width:100%}}.admin-navigation{display:grid;grid-template-columns:repeat(2,1fr);padding:10px;border-bottom:1px solid var(--neutral);width:calc(80% - var(--element-padding));gap:20px;align-items:center}@media(max-width:500px){.admin-navigation{width:100%}}.admin-navigation__link{padding:10px;margin:0;border:1px solid var(--secondary);border-radius:var(--border-radius);text-align:center;cursor:pointer;font-family:inherit;font-weight:700;font-size:20px}.admin-navigation__link:hover{background-color:var(--neutral);transform:scale(1.1)}.admin>header{border-bottom:3px solid var(--neutral);width:calc(100% - var(--element-padding) *2)}.admin>header>h1{width:100%;text-align:center}.admin-selection__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - var(--element-padding))}.admin-selection__items{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:20px}@media(max-width:700px){.admin-selection__items{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.admin-selection__items{grid-template-columns:repeat(2,1fr)}}.admin-selection__item>p{text-align:center;margin:0;padding:10px;border:2px solid var(--neutral);border-radius:var(--border-radius);cursor:pointer}.admin>div>div>header{width:100%}.admin>div>div>header>p{font-weight:700;font-size:20px;text-align:left;width:100%}.disabled-selection>p{border:2px solid var(--tertiary);opacity:.5;pointer-events:none}.disabled-element{opacity:.5;pointer-events:none;cursor:not-allowed}.admin-selection__item>p:hover{border:2px solid var(--secondary);transform:scale(1.1);transition:transform .3s ease-in-out}.admin-selection__container{display:flex;flex-direction:column;width:calc(100% - var(--element-padding) * 2);justify-content:center;align-items:center}.package-selection{display:flex;flex-direction:column;width:calc(100% - var(--element-padding) * 2);justify-content:center;align-items:center;gap:20px;margin:20px 0;transition:opacity .3s ease-in-out}.package-selection>input{width:calc(80% - var(--element-padding));outline:none;font-family:inherit;font-size:20px;border:1px solid var(--highlight);border-radius:var(--border-radius);padding:10px;background-color:var(--neutral)}.package-selection>label{width:calc(80% - var(--element-padding));font-size:20px}#log-container{z-index:100;position:absolute;display:flex;flex-direction:column;gap:10px;padding:var(--element-padding);background-color:var(--neutral);width:calc(30% - var(--element-padding));min-width:550px;max-height:500px;height:fit-content}@media(max-width:1000px){#log-container{width:100%;height:100%;min-width:340px;position:relative}}#log-container>header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-bottom:var(--element-padding);border-bottom:1px solid var(--primary);cursor:pointer}.log-title{margin:0 0 0 20px;font-weight:700;font-size:25px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.log-close{margin:0;cursor:pointer;background-color:var(--primary);border:none;padding:var(--element-padding);border-radius:var(--border-radius);transition:background-color .3s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}.log-close:hover{background-color:var(--tertiary)}.log-container-item{outline:none;border:1px solid var(--neutral);border-radius:var(--border-radius);font-family:inherit;font-size:16px;background-color:var(--primary);padding:var(--element-padding);width:calc(60% * var(--element-padding));text-wrap:wrap;wrap-option:wrap;white-space:pre-wrap;line-break:anywhere;margin:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media(max-width:1000px){.log-container-item{overflow-x:scroll}}.log-container-item__wrapper{overflow:scroll}.dark-mode{color-scheme:dark}.dark-mode section,.dark-mode .cpu-cores>ul>li,.dark-mode .memory-info>div{box-shadow:0 2px 8px #00000080}.dark-mode .cpu-header{display:flex;flex-direction:row;justify-content:space-between}.dark-mode .header>button:hover{background-color:var(--dm-highlight)}.dark-mode .danger-button{border:1px solid var(--dm-danger)}.dark-mode .success-button{border:1px solid var(--dm-success)}.dark-mode .danger-button:hover{background-color:var(--dm-danger-75)}.dark-mode .success-button:hover{background-color:var(--dm-success-75)}.dark-mode .p{color:var(--dm-accent)}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}