.app{height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--foreground)}@media only screen and (max-width: 50rem){html,body,.root,.app{overflow-y:hidden}.app{justify-content:unset}.app>h1{display:none}}.global-nav{background:var(--background);width:100%;display:flex;position:absolute;top:0;justify-content:space-between;align-items:center;filter:drop-shadow(0 .1875rem .9375rem rgba(0,0,0,.1));backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}.global-nav .buttons{display:flex;flex-direction:row;padding:.75rem;gap:.25rem}.global-nav .button{height:2rem;width:2rem}@media only screen and (max-width: 50rem){.global-nav{display:none;position:sticky;filter:unset;backdrop-filter:unset;-webkit-backdrop-filter:unset;border-bottom:.0625rem solid var(--border)}.global-nav .buttons{padding:1rem}}.button{border-width:.0625rem;border-style:solid;border-color:var(--grey-dark);border-radius:.3rem;font-size:.9rem;text-decoration:none;display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;font-family:Barlow,Roboto,Arial,Helvetica,sans-serif;font-weight:600;cursor:pointer;background-color:var(--grey-dark);color:var(--foreground-alt);border:none;margin:.125rem .25rem;transition:all .2s ease}.button svg:has(+span){margin-right:.5rem}.button.primary,.button.primary-dark:hover{background-color:var(--primary);border-color:var(--primary)}.button.primary-dark,.button.primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.button.blue,.button.blue-dark:hover{background-color:var(--blue);border-color:var(--blue)}.button.blue-dark,.button.blue:hover{background-color:var(--blue-dark);border-color:var(--blue-dark)}.button.red,.button.red-dark:hover{background-color:var(--red);border-color:var(--red)}.button.red-dark,.button.red:hover{background-color:var(--red-dark);border-color:var(--red-dark)}.button.green,.button.green-dark:hover{background-color:var(--green);border-color:var(--green)}.button.green-dark,.button.green:hover{background-color:var(--green-dark);border-color:var(--green-dark)}.button.orange,.button.orange-dark:hover{background-color:var(--orange);border-color:var(--orange)}.button.orange-dark,.button.orange:hover{background-color:var(--orange-dark);border-color:var(--orange-dark)}.button.purple,.button.purple-dark:hover{background-color:var(--purple);border-color:var(--purple)}.button.purple-dark,.button.purple:hover{background-color:var(--purple-dark);border-color:var(--purple-dark)}.button.yellow,.button.yellow-dark:hover{background-color:var(--yellow);border-color:var(--yellow)}.button.yellow-dark,.button.yellow:hover{background-color:var(--yellow-dark);border-color:var(--yellow-dark)}.button.failed{background-color:var(--failure);border-color:var(--failure);color:var(--notification-foreground)}.button.failed:hover{background-color:var(--failure-dark);border-color:var(--failure-dark)}.button.success{background-color:var(--success);border-color:var(--success);color:var(--notification-foreground)}.button.success:hover{background-color:var(--success-dark);border-color:var(--success-dark)}.button.warning{background-color:var(--warning);border-color:var(--warning);color:var(--notification-foreground)}.button.warning:hover{background-color:var(--warning-dark);border-color:var(--warning-dark)}.button:disabled{background-color:var(--grey-light);border-color:var(--grey-light);color:var(--grey-dark);cursor:default}.button:disabled:hover{background-color:var(--grey-light);border-color:var(--grey-light);color:var(--grey-dark);cursor:default}.app.dark .button:disabled{background-color:var(--grey-dark);border-color:var(--grey-dark);color:var(--grey-light)}.app.dark .button:disabled:hover{background-color:var(--grey-dark);border-color:var(--grey-dark);color:var(--grey-light)}.popover{border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:stretch;background:var(--background)}.popover h3{padding:1rem 0;margin:0;width:100%;background-color:var(--grey-light);color:var(--grey-dark);display:flex;flex-direction:row;align-items:center;justify-content:center}.popover h3.primary{background-color:var(--primary);color:var(--foreground-alt)}.popover h3.blue{background-color:var(--blue);color:var(--foreground-alt)}.popover h3.red{background-color:var(--red);color:var(--foreground-alt)}.popover h3.green{background-color:var(--green);color:var(--foreground-alt)}.popover h3.orange{background-color:var(--orange);color:var(--black)}.popover h3.yellow{background-color:var(--yellow);color:var(--black)}.popover .description{max-width:14.5rem;margin:.75rem;text-align:center}.notification{display:flex;align-items:center;justify-content:center;max-width:35rem}.notification div{height:3.5rem;width:100%;background:var(--background);color:var(--notification-foreground);border-radius:.5rem;display:flex;flex-direction:row;align-items:center}.notification.failed>div{background:var(--failure)}.notification.success>div{background:var(--success)}.notification.warning>div{background:var(--warning)}.notification .icon{padding:1rem;padding-right:0}.notification .message{flex:1 1 auto;padding:1rem}.notification .close{cursor:pointer;height:3.5rem;width:3.5rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification.failed .close:hover{background:var(--failure-dark)}.notification.success .close:hover{background:var(--success-dark)}.notification.warning .close:hover{background:var(--warning-dark)}@media only screen and (max-width: 62.5rem){.notification{max-width:90vw}}.content-box{width:80vw;height:80svh;max-height:50rem;max-width:80rem;display:flex;flex-direction:column;align-items:stretch;justify-content:center;background:var(--background);border-radius:1rem;filter:drop-shadow(0 .1875rem .9375rem rgba(0,0,0,.3));backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);margin-top:3.75rem}.content-box:has(.admin-content),.content-box:has(.admin-home){display:flex;flex-direction:row;align-items:center;justify-content:center}@media only screen and (max-width: 50rem){.content-box{margin-top:0;width:100%;height:100%;max-height:100%;border-radius:0;filter:unset;backdrop-filter:unset;-webkit-backdrop-filter:unset}.content-box:has(.menu){flex-direction:column}}.app{--primary: #2996f5;--primary-trans: #2996f535;--primary-trans-50: #2996f545;--primary-light: #c5e2fc;--primary-dark: #0a6cc2;--grey-light: #e8e9ed;--grey-dark: #484b59;--grey-darker: #363944;--grey-darkest: #24262d;--grey-trans: #484b5935;--grey-trans-50: #484b5950;--green: #52aa5e;--green-trans: #52aa5e35;--green-trans-50: #52aa5e50;--green-light: #badebe;--green-dark: #356e3d;--red: #ed3153;--red-trans: #ed315335;--red-trans-50: #ed315350;--red-light: #f7a1b1;--red-dark: #bc1030;--blue: #17acdd;--blue-trans: #17acdd35;--blue-trans-50: #17acdd50;--blue-light: #b5e7f8;--blue-dark: #107b9f;--purple: #ba4bd6;--purple-trans: #ba4bd635;--purple-trans-50: #ba4bd650;--purple-light: #e6bcf0;--purple-dark: #9b2ab7;--orange: #ff9f1c;--orange-trans: #ff9f1c35;--orange-trans-50: #ff9f1c50;--orange-light: #ffddad;--orange-dark: #cc7700;--yellow: #fdca40;--yellow-trans: #fdca4035;--yellow-trans-50: #fdca4050;--yellow-light: #ffe9ae;--yellow-dark: #b78601;--white: #fff;--black: #000;--background: var(--white);--foreground: var(--grey-darker);--foreground-alt: var(--white);--border: var(--grey-light);--disabled: var(--grey-light);--success: #32853c;--success-dark: #27682f;--failure: #cc0033;--failure-dark: #a30029;--warning: #c77400;--warning-dark: #a35f00;--notification-foreground: var(--white)}@media (prefers-color-scheme: dark){.app.dark{--primary: #77bcf8;--primary-trans: #77bcf835;--primary-trans-50: #77bcf850;--primary-dark: #51a9f6;--grey-light: #dddee4;--grey-dark: #2e2e38;--grey-darker: #1c1c22;--grey-darkest: #09090b;--grey-trans: #2e2e3825;--grey-trans-50: #2e2e3840;--green: #89d291;--green-trans: #52aa5e25;--green-trans-50: #52aa5e40;--green-dark: #5cc168;--red: #f47c92;--red-trans: #f47c9225;--red-trans-50: #f47c9240;--red-dark: #f15572;--blue: #68d0f3;--blue-trans: #17acdd25;--blue-trans-50: #2fbeee40;--blue-dark: #2fbeee;--purple: #d99be8;--purple-trans: #ba4bd625;--purple-trans-50: #ba4bd640;--purple-dark: #c669dd;--orange: #ffc370;--orange-trans: #ff9f1c25;--orange-trans-50: #ff9f1c40;--orange-dark: #ffaa33;--yellow: #fede86;--yellow-trans: #fdca4025;--yellow-trans-50: #fdca4040;--yellow-dark: #fdcd49;--background: var(--grey-darker);--foreground: var(--grey-light);--foreground-alt: var(--grey-darker);--border: var(--grey-dark);--disabled: var(--grey-dark)}}.align-bottom{position:absolute;bottom:0}.align-top{position:absolute;top:0}.align-left{position:absolute;left:0}.align-right{position:absolute;right:0}body{background-image:url(/background/tracker-dark.svg);background-repeat:no-repeat;background-position:center center}body:not(:has(.app.dark)){background-image:url(/background/tracker-light.svg)}input[type=text],input[type=number]{height:2.5rem;outline:.1rem solid var(--border);background:var(--background);color:var(--foreground);border:none;border-radius:.3rem;font-family:Barlow,Roboto,Arial,Helvetica,sans-serif;font-size:large;text-align:center}input[type=text]::placeholder,input[type=number]::placeholder,textarea::placeholder{font-weight:200}input[type=text]:focus,input[type=number]:focus,textarea:focus{outline-color:var(--grey-light);border:none;outline-width:.2rem}input[type=text].primary:focus,input[type=number].primary:focus,textarea.primary:focus{outline-color:var(--primary)}input[type=text].blue:focus,input[type=number].blue:focus,textarea.blue:focus{outline-color:var(--blue)}input[type=text].red:focus,input[type=number].red:focus,textarea.red:focus{outline-color:var(--red)}input[type=text].green:focus,input[type=number].green:focus,textarea.green:focus{outline-color:var(--green)}input[type=text].purple:focus,input[type=number].purple:focus,textarea.purple:focus{outline-color:var(--purple)}input[type=text].orange:focus,input[type=number].orange:focus,textarea.orange:focus{outline-color:var(--orange)}textarea{height:3rem;background-color:var(--background);color:var(--foreground);font-family:Barlow,Roboto,Arial,Helvetica,sans-serif;font-size:medium;outline:.1rem solid var(--grey-dark);border:none;border-radius:.3rem;padding:.5rem}.app.dark input[type=text],.app.dark input[type=number],.app.dark textarea{color:var(--white)}*{transition:all .3s ease}.no-animate{transition:none!important}html,.root{height:100%}.clickable{cursor:pointer}@media (prefers-color-scheme: dark){*{transition:all .2s ease}}.m-025{margin:.25rem}.m-05{margin:.5rem}.m-1{margin:1rem}.m-2{margin:2rem}.ml-025{margin-left:.25rem}.ml-05{margin-left:.5rem}.ml-1{margin-left:1rem}.ml-2{margin-left:2rem}.mr-025{margin-right:.25rem}.mr-05{margin-right:.5rem}.mr-1{margin-right:1rem}.mr-2{margin-right:2rem}.mt-025{margin-top:.25rem}.mt-05{margin-top:.5rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mb-025{margin-bottom:.25rem}.mb-05{margin-bottom:.5rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}body{height:100%;margin:0;font-family:Barlow,Roboto,Arial,Helvetica,sans-serif;font-size:1rem}.fw-200{font-weight:200}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fs-xxsmall{font-size:xx-small}.fs-xsmall{font-size:x-small}.fs-smaller{font-size:smaller}.fs-small{font-size:small}.fs-medium{font-size:medium}.fs-large{font-size:large}.fs-larger{font-size:larger}.fs-xlarge{font-size:x-large}.fs-xxlarge{font-size:xx-large}.fs-xxxlarge{font-size:2.5rem}h1,h2{font-family:Barlow,Roboto,Arial,Helvetica,sans-serif;font-weight:700}h3{font-family:Barlow,Roboto,Arial,Helvetica,sans-serif;font-weight:600}a{color:var(--primary);background-color:var(--primary-trans);text-decoration:none;padding:.4rem .5rem .5rem;border-radius:.3rem;transition:all .15s ease}a:hover{background-color:var(--primary-trans-50);color:var(--foreground)}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.error-boundary h1{margin-top:0}.error-boundary .details{font-size:smaller;margin:1.5rem 0;background-color:var(--grey-light);color:var(--foreground);border-radius:.3rem;display:flex;flex-direction:column;min-width:35%;max-width:50%}.error-boundary .details label{padding:.5rem;padding-bottom:0;color:var(--grey-dark)}.error-boundary .details span{padding:1rem 2rem;margin-top:.5rem;border-top:1px solid var(--grey-dark);font-size:.95rem;text-align:center}.app.dark .error-boundary .details{background-color:var(--grey-dark);color:var(--white)}.app.dark .error-boundary .details span{border-color:var(--grey-light)}.app.dark .error-boundary .details label{color:var(--foreground)}@media only screen and (max-width: 82.5rem){.error-boundary .details{min-width:45%;max-width:65%}}@media only screen and (max-width: 50rem){.error-boundary .details{width:65%;max-width:85%}}.header-wrapper{width:100%;height:68px;background-color:var(--background);position:sticky;top:0;z-index:100}.header{width:100%;height:68px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;border-bottom:.0625rem solid var(--border)}.header.single-button{justify-content:flex-start}.header.corner-left,.header-wrapper.corner-left{border-top-left-radius:1rem}.header.corner-right,.header-wrapper.corner-right{border-top-right-radius:1rem}.header.corner-left-05,.header-wrapper.corner-left-05{border-top-left-radius:.5rem}.header.corner-right-05,.header-wrapper.corner-right-05{border-top-right-radius:.5rem}.header.primary{background-color:var(--primary-trans);color:var(--primary-dark);border-bottom-color:var(--primary-trans-50)}.header.blue{background-color:var(--blue-trans);color:var(--blue-dark);border-bottom-color:var(--blue-trans-50)}.header.red{background-color:var(--red-trans);color:var(--red-dark);border-bottom-color:var(--red-trans-50)}.header.green{background-color:var(--green-trans);color:var(--green-dark);border-bottom-color:var(--green-trans-50)}.header.purple{background-color:var(--purple-trans);color:var(--purple-dark);border-bottom-color:var(--purple-trans-50)}.header.orange{background-color:var(--orange-trans);color:var(--orange-dark);border-bottom-color:var(--orange-trans-50)}.header>*{margin:1rem}.header.no-border{border:0}.header .left-actions,.header .right-actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.25rem}.header h3:not(:first-child){margin-left:0}.header h3{flex:1 1 auto}.header.center h3{text-align:center}.header .button{height:2rem;width:2rem;text-align:center}.header .button svg{margin-right:0}@media only screen and (max-width: 50rem){.header>*{margin:1rem}.header .left-actions,.header .right-actions{margin:1rem}.header.corner-left,.header-wrapper.corner-left{border-top-left-radius:0}.header.corner-right,.header-wrapper.corner-right{border-top-right-radius:0}}.table-container{width:100%;overflow-y:auto;overflow-x:hidden;display:flex}.table{display:flex;flex-direction:column;border:.0625rem solid var(--border);border-radius:.5rem;flex:1 0 auto;margin:1rem}.table.primary{border-color:var(--primary-trans)}.table.blue{border-color:var(--blue-trans)}.table.red{border-color:var(--red-trans)}.table.green{border-color:var(--green-trans)}.table.purple{border-color:var(--purple-trans)}.table.orange{border-color:var(--orange-trans)}.table .table-header-wrapper{background-color:var(--background);position:sticky;top:0}.table .table-header{font-weight:500;background-color:var(--grey-dark);border-color:var(--border);color:var(--grey-light);border-top-left-radius:.5rem;border-top-right-radius:.5rem}.table.primary .table-header{background-color:var(--primary-trans-50);color:var(--primary-dark);border-color:var(--primary-trans)}.table.blue .table-header{background-color:var(--blue-trans-50);color:var(--blue-dark);border-color:var(--blue-trans)}.table.red .table-header{background-color:var(--red-trans-50);color:var(--red-dark);border-color:var(--red-trans)}.table.green .table-header{background-color:var(--green-trans-50);color:var(--green-dark);border-color:var(--green-trans)}.table.purple .table-header{background-color:var(--purple-trans-50);color:var(--purple-dark);border-color:var(--purple-trans)}.table.orange .table-header{background-color:var(--orange-trans-50);color:var(--orange-dark);border-color:var(--orange-trans)}.table .table-row{width:100%;border-bottom:.0625rem solid var(--border);display:flex;flex-direction:table-row;justify-content:stretch;align-items:stretch}.table .table-row:last-child{border-bottom:none}.table .table-row.clickable:not(.table-header):hover .table-cell{cursor:pointer}.table.primary:not(.no-hover) .table-row:not(.table-header):hover .table-cell{background-color:var(--primary-trans);color:var(--primary)}.table.blue:not(.no-hover) .table-row:not(.table-header):hover .table-cell{background-color:var(--blue-trans);color:var(--blue)}.table.red:not(.no-hover) .table-row:not(.table-header):hover .table-cell{background-color:var(--red-trans);color:var(--red)}.table.green:not(.no-hover) .table-row:not(.table-header):hover .table-cell{background-color:var(--green-trans);color:var(--green)}.table.purple:not(.no-hover) .table-row:not(.table-header):hover .table-cell{background-color:var(--purple-trans);color:var(--purple)}.table.orange:not(.no-hover) .table-row:not(.table-header):hover .table-cell{background-color:var(--orange-trans);color:var(--orange)}.table .table-cell{height:2.3125rem;width:15%;display:flex;align-items:center;justify-content:center;padding:.5rem}.table .table-row.primary .table-cell{background-color:var(--primary-trans);color:var(--primary)}.table .table-row.blue .table-cell{background-color:var(--blue-trans);color:var(--blue)}.table .table-row.red .table-cell{background-color:var(--red-trans);color:var(--red)}.table .table-row.green .table-cell{background-color:var(--green-trans);color:var(--green)}.table .table-row.purple .table-cell{background-color:var(--purple-trans);color:var(--purple)}.table .table-row.orange .table-cell{background-color:var(--orange-trans);color:var(--orange)}.table .table-cell.table-cell-sm{width:5%}.table .table-cell.table-cell-md{width:25%}.table .table-cell.table-cell-lg{width:35%}.table .table-cell:first-child{flex:1 1 auto;padding-left:1rem;justify-content:flex-start;font-weight:500}.table .table-cell:last-child{align-self:flex-end}.table .buttons{width:100%;display:flex;flex-direction:table-row;justify-content:flex-end;gap:.25rem}.table .button{height:2rem;width:2rem}.table .button:not(:first-child){margin-left:0}@media only screen and (max-width: 87.5rem){.table .table-cell:not(:first-child):not(:last-child):not(.show-mobile),.table .table-cell.no-mobile{display:none}}@media only screen and (max-width: 50rem){.table{max-width:100%;border-radius:0;margin:1rem 0;border:0}.table .table-header{border-top-left-radius:0;border-top-right-radius:0}.table .table-cell{height:1.3125rem;padding:1.5rem}.table .button:not(:first-child){margin-left:0}}.modal.MuiModal-root{min-width:30vw;max-width:50vw;min-height:20svh;max-height:75svh;background-color:var(--background);border:.0625rem solid var(--border);border-radius:.5rem;overflow-y:overlay;top:unset;left:unset;right:unset;bottom:unset}.modal.MuiModal-root .modal-content{background-color:var(--grey-darkest);height:100%}.modal.MuiModal-root>:not(.MuiBackdrop-root.MuiModal-backdrop){z-index:1000}.modal.create-modal{width:45vw;max-height:85svh}.modal.confirm-modal{min-height:22.5svh}.modal.confirm-modal .modal-message-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.modal.confirm-modal .modal-message{margin:1rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.modal.confirm-modal .modal-buttons{margin-top:.25rem;margin-bottom:1rem;display:flex;flex-direction:row;gap:1rem}.modal.create-modal .action.column .text{align-items:stretch;flex-direction:column}.modal.modal.create-modal .create-input{padding-bottom:1.5rem}.modal .warning-text{text-align:center}@media only screen and (max-width: 87.5rem){.modal.MuiModal-root{min-width:50vw}}@media only screen and (max-width: 62.5rem){.modal.MuiModal-root{min-width:60vw}}@media only screen and (max-width: 50rem){.modal.MuiModal-root{min-width:90vw;max-height:85svh;top:10%}.modal .warning-text{padding:1rem}.modal .action{flex-direction:column;text-align:center;gap:1rem}.modal .action .input-wrapper{width:100%;display:flex;justify-content:stretch}.modal .action .input-wrapper input{width:100%}.modal .action-button{gap:0}}.action{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:.0625rem solid var(--border);padding:1rem;gap:5rem}.action.primary{border-color:var(--primary-trans)}.action.blue{border-color:var(--blue-trans)}.action.red{border-color:var(--red-trans)}.action.green{border-color:var(--green-trans)}.action.purple{border-color:var(--purple-trans)}.action.orange{border-color:var(--orange-trans)}.action:last-child{border-bottom:none}.action.column{flex-direction:column;align-items:stretch;gap:1rem}.action.column .input-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center}.action input{flex:.5 1 auto}.action.column .input-wrapper input{width:75%}.action .text{display:flex;flex-direction:column;justify-content:stretch;flex:1 1 auto}.action.column .text{flex-direction:row;align-items:center;justify-content:space-between}.action .title{flex:1 1 auto}.action .description{font-size:.9rem}.action .button{min-height:2rem;min-width:2rem;text-align:center}.action .button:not(:has(>span)){width:2rem;height:2rem}.toggle.primary.checked .MuiSwitch-thumb{background-color:var(--primary)}.toggle.primary.checked .MuiSwitch-track{background-color:var(--primary-dark)}.toggle.primary.disabled .MuiSwitch-thumb,.toggle.primary.disabled .MuiSwitch-track{background-color:var(--disabled)}@media only screen and (max-width: 50rem){.action{padding-right:1.3rem}}.trip-edit-date-picker input{padding:0}.trip-edit-date-picker .MuiOutlinedInput-root{outline:1px solid var(--border)}.trip-edit-date-picker .MuiIconButton-root{color:var(--foreground)}.trip-edit .input-wrapper input{width:15.75rem}.trip-edit .action :not(.action-button) .button{padding:1.25rem}.trip-edit .timezone-select{outline:1px solid var(--border);color:var(--foreground)}.trip-edit .timezone-select #timezone{padding:.75rem 2rem .75rem .75rem}.trip-edit .timezone-select svg{color:var(--foreground)}.menu{height:100%;width:25vw;max-width:17.5rem;display:flex;flex-direction:column;flex:0 0 auto}.menu>.header{margin:0}@media only screen and (max-width: 87.5rem){.menu{width:35vw}}@media only screen and (max-width: 62.5rem){.menu{width:60vw}}@media only screen and (max-width: 50rem){.menu{height:initial;width:100%;max-width:100%;max-height:45svh}}.menu-item{display:flex;flex-direction:row;align-items:center;border-bottom:.0625rem solid var(--border);padding:1rem .75rem 1rem 1rem;gap:1rem}.menu-item:hover button{background-color:var(--background)}.menu-item.primary{background-color:var(--primary-trans);color:var(--primary);border-bottom:none}.menu-item.primary:hover .menu-item.primary.active{background-color:var(--primary-trans-50)}.menu-item.primary:hover button,.menu-item.primary.active button{color:var(--primary-dark)}.menu-item.blue{background-color:var(--blue-trans);color:var(--blue);border-bottom:none}.menu-item.blue:hover,.menu-item.blue.active{background-color:var(--blue-trans-50)}.menu-item.blue:hover button,.menu-item.blue.active button{color:var(--blue-dark)}.menu-item.red{background-color:var(--red-trans);color:var(--red);border-bottom:none}.menu-item.red:hover,.menu-item.red.active{background-color:var(--red-trans-50)}.menu-item.red:hover button,.menu-item.red.active button{color:var(--red-dark)}.menu-item.green{background-color:var(--green-trans);color:var(--green);border-bottom:none}.menu-item.green:hover,.menu-item.green.active{background-color:var(--green-trans-50)}.menu-item.green:hover button,.menu-item.green.active button{color:var(--green-dark)}.menu-item.purple{background-color:var(--purple-trans);color:var(--purple);border-bottom:none}.menu-item.purple:hover,.menu-item.purple.active{background-color:var(--purple-trans-50)}.menu-item.purple:hover button,.menu-item.purple.active button{color:var(--purple-dark)}.menu-item.orange{background-color:var(--orange-trans);color:var(--orange);border-bottom:none}.menu-item.orange:hover,.menu-item.orange.active{background-color:var(--orange-trans-50)}.menu-item.orange:hover button,.menu-item.orange.active button{color:var(--orange-dark)}.menu-item .button{height:2rem;width:2rem;text-align:center}.menu-item .button svg{margin-right:0}@media only screen and (max-width: 50rem){.menu-item{padding-right:1.3rem}}.flex{display:flex}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.content-box-menu{height:100%;border-left:.0625rem solid var(--border);flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;overflow-y:overlay}.content-box-menu .login{display:flex;align-self:center;align-items:center;height:100%}.content-box-menu .list{height:100%;display:flex;flex-direction:column;align-items:center;flex:1 1 auto}@media only screen and (max-width: 50rem){.content-box-menu{border-left:none;border-top:.0625rem solid var(--border);margin-left:0;width:100%}.content-box-menu .list{gap:0;padding-bottom:0}}.button-group .button{border-radius:0;margin:0}.button-group .button:first-child{border-radius:.3rem 0 0 .3rem}.button-group .button:last-child{border-radius:0 .3rem .3rem 0}.create-date-picker input{padding:0}.create-date-picker .input-wrapper input{width:35vw}.create-date-picker .MuiOutlinedInput-root{outline:1px solid var(--border)}.create-date-picker .MuiIconButton-root{color:var(--foreground)}.list.device-list{display:flex;flex-direction:column;height:100%}.list.device-list>.header-wrapper{flex-grow:0}.list.device-list>:not(.header-wrapper){flex-grow:1}