.error-page{display:flex;flex-direction:column;gap:var(--spacing-2);align-items:center;min-height:100vh;padding-block-start:var(--spacing-6)}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);height:100%;opacity:0;animation:showLoader .1s ease-out forwards}.loader.loader-floating{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.loader.loader-floating .loader-overlay{display:block;position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-color:var(--color-black-transparent)}.loader.loader-aligned-top{padding-block-start:var(--spacing-8);justify-content:flex-start}.loader .loader-overlay{display:none}.loader .loader-content-background{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);background-color:var(--color-black-800);border-radius:var(--border-radius-2);border:var(--border-width) solid var(--color-black-400);padding:var(--spacing-4);transform:translateY(10px);animation:showContentBackground .1s ease-out forwards}@keyframes showContentBackground{to{transform:translateY(0)}}@keyframes showLoader{to{opacity:1}}.animated-coffee{overflow:visible}.animated-coffee #coffee-cup{z-index:1;fill:var(--color-black-600)}.animated-coffee #coffee-cup-heat-left{transform-origin:center;animation:moveUp 1.8s ease-out infinite;transform:translateY(15px)}.animated-coffee #coffee-cup-heat-middle{transform-origin:center;animation:moveUp 1.8s ease-out infinite .2s;transform:translateY(15px)}.animated-coffee #coffee-cup-heat-right{transform-origin:center;animation:moveUp 1.8s ease-out infinite .4s;transform:translateY(15px)}@keyframes moveUp{50%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.mobile-menu{display:none}@media only screen and (max-width: 768px){.mobile-menu{position:fixed;bottom:0;width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-1);justify-content:space-between;padding:var(--spacing-3);z-index:1;background-color:var(--color-black-900);border-top-left-radius:var(--border-radius-2);border-top-right-radius:var(--border-radius-2)}.mobile-menu .mobile-menu-logo{max-width:7rem}}.tab .tab-button{padding-block:var(--spacing-1);border-bottom:var(--border-width) solid transparent;color:var(--color-latte-dark)}.tab .tab-button:hover{color:var(--color-latter)}.tab .tab-button-active{border-bottom-color:var(--color-attention);color:var(--color-latte)}.tab .tab-button:has(>input[type=radio]:focus-visible){outline:var(--outline)}.tab input[type=radio]{position:absolute;clip:rect(0,0,0,0)}.tabs{display:flex;gap:var(--spacing-5);position:relative}.admin{min-height:100%}.admin .selected-row{color:var(--color-attention)}.admin .panel-content{display:flex;flex-direction:column;gap:var(--spacing-5);position:relative}.admin .panel-section{display:flex;flex-direction:column;gap:var(--spacing-1)}.error-information{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-2)}.table-wrapper{position:relative;border:var(--border-width) solid var(--color-black-400);border-radius:var(--border-radius-2);overflow:hidden;overflow-x:auto;width:100%;height:fit-content}.table-wrapper .initial-loader-row{height:85px}.table-wrapper:has(>.loader){min-height:184px}.table-header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-5)}.table-header .table-header-left,.table-header .table-header-right{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-5)}.table-header .search-input{width:21rem}.table{width:100%;border-collapse:collapse}.table tbody tr{background-color:var(--color-black-700)}.table thead tr:nth-child(odd),.table tbody tr:nth-child(2n){background-color:var(--color-black-600)}.table th{text-transform:uppercase;font-size:var(--font-size-alt-label-large);line-height:var(--line-height-alt-label-large);font-weight:var(--font-weight-alt-label-large);min-width:80px}.table th .text-transform-unset{text-transform:none}.table th svg{width:1rem;height:1rem}.table th .sorting{background-color:var(--color-black-400);padding:var(--spacing-05);border-radius:var(--border-radius-round);visibility:hidden;flex-shrink:0}.table th .active-sorting{visibility:visible}.table th button{display:flex;align-items:center;gap:var(--spacing-1);padding-inline-end:var(--spacing-3)}.table th,.table td{padding:var(--spacing-3) var(--spacing-1)}.table th:not(.text-align-right),.table td:not(.text-align-right){text-align:start}.table th:first-child,.table td:first-child{padding-inline-start:var(--spacing-3)}.table th:last-child,.table td:last-child{padding-inline-end:var(--spacing-3)}.table td{border-top:var(--border-width) solid var(--color-black-400)}.table td,.table td *{font-size:var(--font-size-body-medium);line-height:var(--line-height-body-medium);font-weight:var(--font-weight-body-medium)}.customer-categories-panel .customer-categories-filter-field{margin-block-end:var(--spacing-3)}.customer-categories-panel .customer-categories-listing{position:relative;display:grid;grid-template-columns:1fr;min-height:200px;gap:var(--spacing-4)}#customer-category-modal{color:var(--color-latte);background-color:var(--color-black-900);box-shadow:var(--box-shadow-y);border-radius:var(--border-radius-2);border:var(--border-width) solid var(--color-black-400);padding:0;width:70%;min-width:350px}#customer-category-modal::backdrop{background-color:var(--color-black-transparent)}#customer-category-modal .customer-category-modal-content{overflow-y:scroll;max-height:85vh}@media only screen and (max-width: 1200px){#customer-category-modal{width:95%}}.autocomplete .autocomplete-results{position:absolute;background-color:var(--color-black-900);border:var(--border-width) solid var(--color-black-400);color:var(--color-latte);list-style:none;display:flex;flex-direction:column;padding:0;border-radius:var(--border-radius-2);margin-top:var(--spacing-1);width:fit-content;min-width:300px;box-shadow:var(--box-shadow-y);max-height:400px;overflow-x:hidden;overflow-y:auto;z-index:4}.autocomplete .autocomplete-result{cursor:pointer;padding:var(--spacing-1) var(--spacing-3)}.autocomplete .autocomplete-result:not(:last-child){border-bottom:var(--border-width) solid var(--color-black-400)}.autocomplete .autocomplete-result[aria-selected=true],.autocomplete .autocomplete-result.Mui-focused,.autocomplete .autocomplete-result.Mui-focusVisible{background-color:var(--color-black-700)}.activate-customer-ca-services{display:flex;flex-direction:column;gap:var(--spacing-4)}.activate-customer-ca-services .ca-services{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.activate-customer-ca-services .ca-services-header{padding-bottom:var(--spacing-2)}.activate-customer-ca-services .ca-services-sub-header{margin-bottom:var(--spacing-2)}.file-editor form{display:flex;align-items:flex-start;flex-direction:column;gap:var(--spacing-1)}.file-editor .upload-buttons{display:flex;align-items:flex-end;gap:var(--spacing-1)}.file-editor .file-buttons{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.file-editor .file-name-input{min-width:300px}.file-editor .file-name{display:flex;align-items:center;gap:var(--spacing-1)}button.download-button:disabled,button.download-button:disabled svg{opacity:1;color:var(--color-latte)}.selected-customer-category .header{display:flex;align-items:center;justify-content:space-between;border-block-end:var(--border-width) solid var(--color-black-400);padding:var(--spacing-3) var(--spacing-5);position:sticky;top:0;z-index:1;background-color:var(--color-black-900)}.selected-customer-category .panel-content{padding:var(--spacing-5)}.selected-customer-category .header-headings,.selected-customer-category .header-title,.selected-customer-category .warning-info{display:flex;align-items:center;gap:var(--spacing-1)}.selected-customer-category .add-customer-category-user-autocomplete{align-self:flex-start}.selected-customer-category .add-customer-category-user-autocomplete input{min-width:300px}@media only screen and (max-width: 768px){.selected-customer-category .header{padding-inline:var(--spacing-3)}}.customer-contact-form{background-color:var(--color-black-700);border:var(--border-width) solid var(--color-black-400);border-radius:var(--border-radius-2);padding:var(--spacing-5)}.form-header{display:flex;align-items:center;flex-wrap:wrap;padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-4);border-bottom:var(--border-width) solid var(--color-black-400);gap:var(--spacing-1)}.collapse-button{padding:var(--spacing-1)!important;flex-shrink:0}.form-title{font-size:1.5em;color:var(--color-milk);font-weight:600;flex-grow:1;min-width:0}.form-actions{display:flex;gap:var(--spacing-2)}@media (max-width: 767px){.form-actions{order:1;margin-top:var(--spacing-1);flex-direction:row;justify-content:center}.form-actions .button{width:auto;margin-left:0!important;justify-content:center}}.form-section{margin-bottom:var(--spacing-5)}.form-field{display:flex;align-items:center;margin-bottom:var(--spacing-3);gap:var(--spacing-3)}@media (max-width: 767px){.form-field{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}}.form-field:last-child{margin-bottom:0}.form-content{max-height:100%;overflow:hidden;transition:max-height .5s ease-in-out,opacity .5s ease-in-out;opacity:1}.form-content.collapsed{max-height:0;opacity:0;margin-top:0;padding-top:0;padding-bottom:0;overflow:hidden}.form-field label{width:180px;font-weight:500;color:var(--color-latte);flex-shrink:0;white-space:nowrap;line-height:1.5}@media (max-width: 767px){.form-field label{width:auto;white-space:normal}}.form-field .value-container{flex-grow:1;display:flex;flex-direction:column}.form-field input[type=text],.form-field input[type=email],.form-field input[type=tel]{width:100%;padding:var(--spacing-2) var(--spacing-3);border:var(--border-width) solid var(--color-black-300);border-radius:var(--border-radius-4);background-color:var(--color-black-500);color:var(--color-milk);font-size:1em;line-height:1.5;transition:border-color .2s ease-in-out,background-color .2s ease-in-out;box-sizing:border-box}.form-field input[type=text]:focus,.form-field input[type=email]:focus,.form-field input[type=tel]:focus{border-color:var(--color-attention);background-color:var(--color-black-400);outline:none}.form-field .text-value{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);min-height:calc(1em * 1.5 + (var(--spacing-2) * 2) + (var(--border-width) * 2));line-height:1.5;color:var(--color-milk);word-break:break-word;box-sizing:border-box;background-color:transparent;border:var(--border-width) solid transparent;border-radius:var(--border-radius-1)}.button-icon{background:none;border:none;cursor:pointer;padding:var(--spacing-1);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius-1);transition:background-color .2s ease-in-out;color:var(--color-milk)}.button-icon svg{width:20px;height:20px}.edit-button:hover,.save-button:hover,.cancel-button:hover{background-color:var(--color-black-300)}.save-button svg{fill:var(--color-leaf)}.cancel-button svg{fill:var(--color-alert)}.edit-button svg{fill:var(--color-attention)}.form-actions .button{margin-left:var(--spacing-2);display:inline-flex;align-items:center;padding:var(--spacing-1-5, 6px) var(--spacing-3, 12px);font-size:.9em}.card{display:grid;grid-template-rows:auto 1fr;border-radius:var(--border-radius-2);background-color:var(--color-black-600);overflow:hidden}.card .card-header{display:flex;align-items:center;justify-content:space-between;border-block-end:var(--border-width) solid var(--color-black-400);padding:var(--spacing-3) var(--spacing-5);flex-wrap:wrap;gap:var(--spacing-2)}.card .card-header-headings,.card .card-title{display:flex;align-items:center;gap:var(--spacing-1)}.card .card-link.button,.card .card-link{padding:var(--spacing-05);border:none}.card .disabled-card-link{color:var(--color-black-400)}.card .card-content{position:relative;overflow-y:auto;padding:var(--spacing-5)}@media only screen and (max-width: 768px){.card .card-header,.card .card-content{padding-inline:var(--spacing-3)}}.message-panel{display:flex;flex-direction:column;gap:var(--spacing-3);width:770px}.message-panel .card-content{min-height:200px}.message-panel .message-form{display:flex;flex-direction:column;gap:var(--spacing-3)}.message-panel .save-message-button{align-self:flex-end}@media only screen and (max-width: 992px){.message-panel{width:100%}}.users-panel .users-panel-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-block-end:var(--spacing-3)}.users-panel .users-listing{position:relative;display:grid;grid-template-columns:1fr;min-height:200px;gap:var(--spacing-4)}.users-panel .user-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}@media only screen and (max-width: 992px){.users-panel .users-listing{grid-template-columns:1fr}}#new-user-modal{color:var(--color-latte);background-color:var(--color-black-900);box-shadow:var(--box-shadow-y);border-radius:var(--border-radius-2);border:var(--border-width) solid var(--color-black-400);padding:var(--spacing-6);width:50%;min-width:350px;min-height:70%}#new-user-modal::backdrop{background-color:var(--color-black-transparent)}#new-user-modal .new-user-modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-block-end:var(--spacing-6)}#new-user-modal .search-input{min-width:18rem}#new-user-modal .user-heading{margin-block:var(--spacing-6) var(--spacing-3)}#new-user-modal .new-user-form{display:flex;flex-direction:column;gap:var(--spacing-3)}#new-user-modal .create-user-button{align-self:flex-end}@media only screen and (max-width: 1200px){#new-user-modal{width:90%}}.selected-user .warning-info{display:flex;align-items:center;gap:var(--spacing-1)}.bar-chart-legend{display:flex;align-items:center;flex-wrap:wrap;list-style:none;gap:var(--spacing-3);background-color:var(--color-black-800);border-radius:var(--border-radius-2);padding:var(--spacing-1) var(--spacing-3);margin-block-start:var(--spacing-6);width:fit-content}.bar-chart-legend-item{display:flex;align-items:center;gap:var(--spacing-1)}.bar-chart-legend-icon{display:block;width:1rem;height:1rem;border-radius:var(--border-radius-1)}.divider{width:100%;border:var(--border-width) solid var(--color-black-500);border-radius:var(--border-radius-round)}.page-heading .heading-icon{display:inline-flex;align-items:center;margin-right:var(--spacing-2)}.page-heading .heading-icon svg{width:2em;height:2em}.page-heading h1{padding-bottom:var(--spacing-5);display:flex}.page-heading-two-column h1{padding-bottom:var(--spacing-5);display:flex;justify-content:space-between;flex-direction:row}@media (max-width: 768px){.page-heading-two-column h1{flex-direction:column}}.consumption .consumption-card{height:30rem}.consumption .push-history-service-text{padding-right:8px}.consumption .button-push-history-service{display:inline-flex}#alert-modal{color:var(--color-latte);background-color:var(--color-black-900);box-shadow:var(--box-shadow-y);border-radius:var(--border-radius-2);border:var(--border-width) solid var(--color-black-400);padding:var(--spacing-6);min-height:20%}#alert-modal::backdrop{background-color:var(--color-black-transparent)}#alert-modal .alert-modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-block-end:var(--spacing-3)}#alert-modal .alert-modal-body{display:flex;flex-direction:column;gap:var(--spacing-2);margin-block-end:var(--spacing-6)}#alert-modal .alert-modal-button{display:flex;justify-content:center}#alert-modal .alert-modal-button-ok{min-width:100px}@media only screen and (max-width: 1200px){#alert-modal{width:90%}}#confirm-modal{color:var(--color-latte);background-color:var(--color-black-900);box-shadow:var(--box-shadow-y);border-radius:var(--border-radius-2);border:var(--border-width) solid var(--color-black-400);padding:var(--spacing-6);min-height:20%}#confirm-modal::backdrop{background-color:var(--color-black-transparent)}#confirm-modal .confirm-modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-block-end:var(--spacing-3)}#confirm-modal .confirm-modal-body{display:flex;flex-direction:column;gap:var(--spacing-2);margin-block-end:var(--spacing-6);white-space:pre-line}#confirm-modal .confirm-modal-body .checkbox-wrapper{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3)}#confirm-modal .confirm-modal-body .checkbox-wrapper input[type=checkbox]{width:20px;height:20px;cursor:pointer}#confirm-modal .confirm-modal-body .checkbox-wrapper label{cursor:pointer;font-weight:var(--font-weight-body-medium)}#confirm-modal .confirm-modal-body .checkbox-wrapper .terms-link{color:var(--color-latte);cursor:pointer;position:relative;font-weight:var(--font-weight-heading-medium);font-style:italic}#confirm-modal .confirm-modal-body .checkbox-wrapper .terms-link:after{content:"";position:absolute;width:0;height:1px;bottom:0;left:0;background-color:var(--color-latte);transition:width .3s ease}#confirm-modal .confirm-modal-body .checkbox-wrapper .terms-link:hover:after{width:100%}#confirm-modal .confirm-modal-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-6)}#confirm-modal .confirm-modal-buttons .confirm-modal-button-ok{min-width:92px}#confirm-modal .confirm-modal-buttons .confirm-modal-button-ok:disabled{cursor:not-allowed}@media only screen and (max-width: 1200px){#confirm-modal{width:90%}}.coffee-analytics-services .cancel-ca-service:hover{text-decoration:underline}.customer .customer-card{background-color:var(--color-black-700)}.customer .contact-info-card{background-color:transparent;border:var(--border-width) solid var(--color-black-400)}.customer .contact-info-card.contact-info-loading{min-height:200px}.customer .contact-info{display:flex;flex-direction:column;gap:var(--spacing-3)}.customer .customer-info{display:flex;gap:var(--spacing-1)}.customer .customer-info>div{flex:1}.customer .customer-divider{margin-block:var(--spacing-3)}.customer .customer-service-card{color:var(--color-black-900);background-color:var(--color-attention)}.customer .customer-service-card h3{display:flex;align-items:center;gap:var(--spacing-05);margin-block-start:var(--spacing-05)}.customer .file-name{display:flex;align-items:center;gap:var(--spacing-1)}.customer .icon-row{display:flex;align-items:center;gap:var(--spacing-3)}.customer .customer-image{border-radius:var(--border-radius-2);height:20rem;object-position:center calc(50% + 40px);object-fit:cover}.your-multi-users .customer-representative-user{display:flex;justify-content:space-between;margin-bottom:var(--spacing-1)}.your-multi-users .customer-admin-users{margin-top:var(--spacing-3)}.your-multi-users .customer-existing-users{margin-bottom:var(--spacing-3)}.your-multi-users .customer-existing-user-item{min-width:300px}.your-multi-users .customer-new-users{margin-top:var(--spacing-3);display:flex;gap:var(--spacing-3);flex-direction:column}.your-multi-users .customer-new-user{display:flex;justify-content:space-between}.your-multi-users .input-user-email{min-width:300px}.your-multi-users .read-more{display:flex;justify-content:flex-end;margin-top:var(--spacing-3)}.incidents .incidents-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.incidents .toggle-all-incidents-button{color:var(--color-attention);background-color:var(--color-black-500)}.incidents .toggle-all-incidents-button:not(:disabled):where(:hover,:focus-visible).button{color:var(--color-attention);background-color:var(--color-black-400)}.incidents table tr.odd-row{background-color:var(--color-black-600)}.incidents table tr.odd-row td{border:none}.incidents table tr.odd-row.odd-parent td{border-top:var(--border-width) solid var(--color-black-400)}.incidents table tr.even-row{background-color:var(--color-black-700)}.incidents table tr.even-row td{border:none}.incidents table tr.even-row.even-parent td{border-top:var(--border-width) solid var(--color-black-400)}.incidents table .child-row td{padding-top:var(--spacing-1)}.incident-info{display:flex;align-items:flex-start;gap:var(--spacing-1)}.incident-info svg{color:var(--color-latte-dark);margin-top:2px;flex-shrink:0;width:16px;height:16px}.incident-content{flex:1;min-width:0}.message-container{margin-top:var(--spacing-0-5);position:relative}.message-text{margin:0;font-style:italic;color:var(--color-attention)}.status-tag{display:flex;align-items:center;gap:var(--spacing-1);width:fit-content;border-radius:var(--border-radius-round);padding:var(--spacing-1) var(--spacing-2)}.status-tag-unknow-hotevent{background-color:var(--color-brown-dark);color:var(--color-latte)}.edit-news{display:flex;flex-direction:column;gap:var(--spacing-5);align-items:flex-start;width:100%}.edit-news .back-link{display:flex;align-items:center;gap:var(--spacing-1)}.edit-news .back-link:hover,.edit-news .back-link:focus-visible{text-decoration:underline}.edit-news .news-form{display:flex;flex-direction:column;gap:var(--spacing-3);width:600px}.edit-news .image-section{display:flex;flex-direction:column;gap:var(--spacing-1)}.edit-news .upload-image-button{width:fit-content}.edit-news .uploaded-image{border-radius:var(--border-radius-1-5);aspect-ratio:16 / 9;object-fit:cover}.edit-news .error-info{display:flex;align-items:center;gap:var(--spacing-1)}.edit-news .submit-news-button,.edit-news .error-info{align-self:flex-end}@media only screen and (max-width: 768px){.edit-news .news-form{width:100%}}.news{min-height:100%}.news .news-loader{align-self:center}.news .create-news-item-button{align-self:flex-start}.news .news-list{display:grid;gap:var(--spacing-5);grid-template-columns:1fr 1fr}@media (max-width: 992px){.news .news-list{grid-template-columns:1fr}}.news-item{display:flex;flex-direction:column;gap:var(--spacing-05);border-radius:var(--border-radius-2);padding:var(--spacing-3);background-color:var(--color-black-600)}.news-item .news-item-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.news-item .news-item-header-buttons{display:flex;gap:var(--spacing-1)}.news-item a{width:fit-content}.news-item a:hover,.news-item a:focus-visible{text-decoration:underline}.news-item .news-item-body{overflow:hidden}.news-item .toggle-button{color:var(--color-attention)}.news-item img{border-radius:var(--border-radius-1-5);aspect-ratio:16 / 9;object-fit:cover;width:100%;height:300px;margin-block-end:var(--spacing-2)}.news-item-page{display:flex;flex-direction:column;gap:var(--spacing-5);width:100%;min-height:500px}.news-item-page .back-link{display:flex;align-items:center;gap:var(--spacing-1);align-self:flex-start}.news-item-page .back-link:hover,.news-item-page .back-link:focus-visible{text-decoration:underline}.news-item-page .news-loader{min-height:250px}.news-item-page img{border-radius:var(--border-radius-1-5);aspect-ratio:16 / 9;object-fit:cover;width:100%;height:400px}.news-item-page .news-item-page-text-content{display:flex;align-self:center;flex-direction:column;gap:var(--spacing-3);max-width:500px;min-width:50%}@media only screen and (max-width: 768px){.news-item-page .news-item-page-text-content{max-width:100%;align-self:flex-start}.news-item-page img{max-height:300px}}.order .top-content{display:grid;align-items:center;grid-template-columns:minmax(220px,auto) 1fr}.order .top-column{display:flex;flex-direction:column;align-items:center;justify-content:center}.order .top-column .terms-text{width:100%;font-style:italic;margin-top:var(--spacing-3)}.order .top-column .terms-text .text-bold{font-weight:700}.order .text-italic{font-style:italic}.order .order-image{height:11rem;width:11rem}.order .active-service-content-item{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:var(--spacing-5);background-color:var(--color-black-600);border-radius:var(--border-radius-2);text-align:center}.order .active-service-content-item>div:first-child{display:flex;flex-direction:column;align-items:center;flex-grow:1}.order .active-service-content-item>div:first-child p{text-align:center}.order .active-service-content-item .service-name{font-size:var(--font-size-heading-medium);font-weight:600;margin-bottom:var(--spacing-3)}.order .active-service-content-item .service-price{font-size:var(--font-size-heading-small);font-weight:600;margin-block:var(--spacing-3)}.order .active-service-content-item>div:last-child{display:flex;justify-content:center;width:100%}.order .service-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-3);width:100%;padding:var(--spacing-3) 0}.order .service-content-item{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:var(--spacing-5);background-color:var(--color-black-600);border-radius:var(--border-radius-2);text-align:center}.order .service-content-item>div:first-child{display:flex;flex-direction:column;align-items:center;flex-grow:1}.order .service-content-item>div:first-child p{text-align:center}.order .service-content-item .service-name{font-size:var(--font-size-heading-medium);font-weight:600;margin-bottom:var(--spacing-3)}.order .service-content-item .service-price{font-size:var(--font-size-heading-small);font-weight:600;margin-block:var(--spacing-3)}.order .service-content-item>div:last-child{display:flex;justify-content:center;width:100%}.order .active-container{width:fit-content}.order .active-text{justify-self:center}.order .order-button,.order .button-dim{min-width:200px;opacity:1!important}.order .hidden-order-button{visibility:hidden;height:0;padding-top:0;padding-bottom:0;border-top-width:0;border-bottom-width:0}.order .terms-and-conditions{position:relative;cursor:pointer}.order .terms-and-conditions:after{content:"";position:absolute;width:0;height:1px;bottom:0;left:0;background-color:var(--color-latte);transition:width .3s ease}.order .terms-and-conditions:hover:after{width:100%}.order .customer-link{font-weight:600}.order .base-service-text{min-width:200px;font-size:var(--font-size-label-medium);margin-block-end:.9rem;font-style:italic}@media (max-width: 576px){.order .top-content{grid-template-columns:1fr}.order .service-content-item{grid-template-columns:1fr;gap:var(--spacing-3);padding-bottom:var(--spacing-3)}}.contract-legend{display:flex;align-items:center;flex-wrap:wrap;list-style:none;gap:var(--spacing-3);background-color:var(--color-black-800);border-radius:var(--border-radius-2);padding:var(--spacing-1) var(--spacing-3);width:fit-content}.legend-item{display:flex;align-items:center;gap:var(--spacing-1)}.legend-color{display:block;width:1rem;height:1rem;border-radius:var(--border-radius-1)}.end-of-contract{display:flex;flex-direction:column;gap:var(--spacing-5)}.end-of-contract .year-lines{display:flex;gap:var(--spacing-1)}.end-of-contract-loader{min-height:140px}.year-line{display:flex;flex-direction:column;gap:var(--spacing-1);text-align:center;transition:width .4s ease-out;min-width:32px}.year-line .line{background-color:var(--color-attention);height:.5rem;border-radius:var(--border-radius-round)}.latest-incidents-list{display:grid;list-style:none;padding:0;gap:var(--spacing-3);width:100%;max-width:100%;overflow:hidden}.latest-incidents-list .list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-2);width:100%;max-width:100%;overflow:hidden}.latest-incidents-list .list-item>div:first-child{flex:1;min-width:0;overflow:hidden}.latest-incidents-list .list-item-date{flex-shrink:0}.latest-incidents-list .list-item:not(:last-child){padding-block-end:var(--spacing-3);border-block-end:var(--border-width) solid var(--color-black-400)}.latest-incidents-list .list-item-header,.latest-incidents-list .list-item-content{display:flex;align-items:center;min-width:0;overflow:hidden}.latest-incidents-list .list-item-header{gap:var(--spacing-1);margin-block-end:var(--spacing-1)}.latest-incidents-list .list-item-content-separator{border-radius:var(--border-radius-round);width:.125rem;height:.125rem;background-color:var(--color-black-400);margin-inline:var(--spacing-05)}.latest-incidents-list .list-item-content,.latest-incidents-list .list-item-date,.latest-incidents-list svg{color:var(--color-latte-dark)}.latest-incidents-list .incident-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;max-width:100%;color:var(--color-attention)}.latest-incidents-list .list-item-header p,.latest-incidents-list .list-item-content p:not(.incident-text){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.latest-news-list{display:grid;gap:var(--spacing-5);list-style:none;padding:0}.latest-news-list .latest-news-list-item{display:flex;gap:var(--spacing-3)}.latest-news-list .latest-news-list-item:not(:last-child){padding-block-end:var(--spacing-5);border-block-end:var(--border-width) solid var(--color-black-400)}.latest-news-list .news-title-link:hover,.latest-news-list .news-title-link:focus-visible{text-decoration:underline}.latest-news-list .news-image{flex-shrink:0;width:8rem;height:5.5rem;border-radius:calc(var(--border-radius-2) / 2);object-fit:cover}.latest-news-list .news-text-content{display:flex;flex-direction:column;gap:var(--spacing-05)}.latest-news-list .news-date,.latest-news-list .news-description{color:var(--color-latte-dark)}.operating-status-label{font-size:var(--font-size-display-small);line-height:var(--line-height-display-small);font-weight:var(--font-weight-display-small);fill:var(--color-latte)}@media only screen and (max-width: 576px){.operating-status-label{font-size:var(--font-size-label-large);line-height:var(--line-height-label-large)}}.operating-status-chart-legend{display:flex;flex-direction:column;list-style:none;gap:var(--spacing-2);width:fit-content;padding:0;margin-inline-start:var(--spacing-1)}.operating-status-chart-legend .operating-status-chart-legend-item{display:grid;align-items:center;grid-template-columns:minmax(60px,auto) 1fr;gap:var(--spacing-1)}.operating-status-chart-legend .operating-status-chart-legend-number-wrapper{text-align:end}.operating-status-chart-legend .operating-status-chart-legend-number{border-radius:var(--border-radius-round);border:var(--border-width) solid var(--color-black-400);padding:var(--spacing-1) var(--spacing-3)}.profitability{display:flex;flex-direction:column;gap:var(--spacing-6)}.profitability .total-profitability{--font-size-label-large: 1.25rem;--font-size-label-small: .9rem;--font-size-display-small: 2.5rem;--font-size-body-large: 1.25rem}.profitability .divider-text{text-align:center}.profitability-visualisation{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;gap:var(--spacing-3);text-align:center}.profitability-visualisation .up-arrow{color:var(--color-leaf)}.profitability-visualisation .down-arrow{color:var(--color-alert)}.profitability-visualisation .big-value{display:flex;align-items:center;gap:var(--spacing-1)}.profitability-visualisation .year{text-transform:capitalize}.survey{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);justify-content:center;position:relative}.survey .side-line{content:"";position:absolute;display:block;width:var(--spacing-05);left:calc(var(--spacing-1) * -1);height:100%;background-color:var(--color-attention);border-radius:var(--border-radius-round)}.survey h2{text-transform:capitalize}.survey .survey-buttons-wrapper{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:fit-content;border-radius:var(--border-radius-round);background-color:var(--color-black-700);color:var(--color-black-400);padding:var(--spacing-2)}.survey .vote-button{padding:var(--spacing-05);transition:color .2s ease-out}.survey .vote-button svg{transition:transform .2s cubic-bezier(.4,-2,.8,2)}.survey .vote-button:has(~.vote-button:where(:hover,:focus-visible)):not(:disabled),.survey .vote-button:where(:hover,:focus-visible):not(:disabled){color:var(--color-leaf)}.survey .vote-button:has(~.vote-button:where(:hover,:focus-visible)):not(:disabled) svg,.survey .vote-button:where(:hover,:focus-visible):not(:disabled) svg{transform:scale(1.15)}.survey .vote-button:has(~.vote-button:where(:hover,:focus-visible)):not(:disabled):where([value="1"],[value="2"]),.survey .vote-button:where(:hover,:focus-visible):not(:disabled):where([value="1"],[value="2"]){color:var(--color-alert)}.survey .vote-button:has(~.vote-button:where(:hover,:focus-visible)):not(:disabled):where([value="1"],[value="2"]):has(~.vote-button:where([value="3"]):where(:hover,:focus-visible)),.survey .vote-button:where(:hover,:focus-visible):not(:disabled):where([value="1"],[value="2"]):has(~.vote-button:where([value="3"]):where(:hover,:focus-visible)){color:var(--color-attention)}.survey .vote-button:has(~.vote-button:where(:hover,:focus-visible)):not(:disabled):where([value="3"]):not(:has(~.vote-button:where([value="4"],[value="5"]):where(:hover,:focus-visible))),.survey .vote-button:where(:hover,:focus-visible):not(:disabled):where([value="3"]):not(:has(~.vote-button:where([value="4"],[value="5"]):where(:hover,:focus-visible))){color:var(--color-attention)}.survey .vote-button:has(~.vote-button:where(:hover,:focus-visible)):not(:disabled):where([value="1"],[value="2"]):has(~.vote-button:where([value="4"],[value="5"]):where(:hover,:focus-visible)),.survey .vote-button:where(:hover,:focus-visible):not(:disabled):where([value="1"],[value="2"]):has(~.vote-button:where([value="4"],[value="5"]):where(:hover,:focus-visible)){color:var(--color-leaf)}.survey .vote-button:where([data-selected-vote="1"][value="1"],[data-selected-vote="2"]:where([value="2"],[value="1"])){color:var(--color-alert)}.survey .vote-button:where([data-selected-vote="3"]:where([value="3"],[value="2"],[value="1"])){color:var(--color-attention)}.survey .vote-button:where([data-selected-vote="4"]):where([value="4"],[value="3"],[value="2"],[value="1"]){color:var(--color-leaf)}.survey .vote-button:where([data-selected-vote="5"]){color:var(--color-leaf)}.survey .info-text{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-05)}.survey.vote-cast .info-text{animation:showThankYouText .3s ease-out}.survey .feedback-form{display:flex;flex-direction:column;gap:var(--spacing-1);opacity:0;transform:translateY(-5px);animation:showFeedbackForm .2s ease-out forwards}.survey #feedback{min-width:300px}.survey .feedback-form-buttons{display:flex;gap:var(--spacing-1);align-items:center;justify-content:flex-end;flex-wrap:wrap}@keyframes showThankYouText{0%{transform:translateY(5px)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes showFeedbackForm{to{opacity:1;transform:translateY(0)}}.overview .consumption-card{height:30rem}.overview .operating-status-card,.overview .survey-card{height:25rem}.overview .profitabilities-card,.overview .incidents-card,.overview .news-card{min-height:15rem}.month-switcher{position:relative;display:inline-block;max-width:200px}.month-switcher-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-black-600);border:var(--border-width) solid var(--color-black-400);border-radius:var(--border-radius-1-5);color:var(--color-latte);font-size:var(--font-size-body-medium);font-weight:var(--font-weight-body-medium);cursor:pointer;transition:all .2s ease;outline:none}.month-switcher-button:hover{background-color:var(--color-black-500);border-color:var(--color-black-300)}.month-switcher-button:focus{outline:var(--outline);outline-offset:var(--outline-offset)}.month-switcher-button--open{background-color:var(--color-black-500);border-color:var(--color-orange)}.month-switcher-button--disabled{background-color:var(--color-black-700);border-color:var(--color-black-500);color:var(--color-latte-dark);cursor:not-allowed;opacity:.6}.month-switcher-button--disabled:hover{background-color:var(--color-black-700);border-color:var(--color-black-500)}.month-switcher-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-switcher-icon{width:16px;height:16px;margin-left:var(--spacing-2);transition:transform .2s ease;flex-shrink:0}.month-switcher-icon--rotated{transform:rotate(180deg)}.month-switcher-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:var(--color-black-700);border:var(--border-width) solid var(--color-black-400);border-radius:var(--border-radius-1-5);box-shadow:var(--box-shadow-y);margin-top:var(--spacing-1);max-height:300px;overflow-y:auto}.month-switcher-option{padding:var(--spacing-2) var(--spacing-3);color:var(--color-latte);font-size:var(--font-size-body-medium);cursor:pointer;transition:background-color .2s ease;border-bottom:var(--border-width) solid var(--color-black-600)}.month-switcher-option:last-child{border-bottom:none}.month-switcher-option:hover{background-color:var(--color-black-600)}.month-switcher-option:focus{background-color:var(--color-black-600);outline:none}.month-switcher-option--selected{background-color:var(--color-orange);color:var(--color-black-800);font-weight:var(--font-weight-label-medium)}.month-switcher-option--selected:hover{background-color:var(--color-orange-light)}@media (max-width: 768px){.month-switcher{min-width:200px}.month-switcher-button{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-body-medium);min-height:48px}.month-switcher-icon{width:20px;height:20px;margin-left:var(--spacing-3)}.month-switcher-dropdown{max-height:250px}.month-switcher-option{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-body-medium);min-height:48px;display:flex;align-items:center}}.product-group-chart-center-text{font-size:1rem;font-weight:600;fill:var(--color-latte)}.product-group-chart-percentage{font-size:1.25rem;font-weight:700;fill:var(--color-latte)}.product-group-chart-label{font-size:.75rem}.product-group-chart-container{display:flex;flex-direction:column;width:100%;height:100%}.product-group-chart-wrapper{width:100%;min-height:20rem;height:auto}@media screen and (max-width: 1200px){.product-group-chart-container{height:27rem}.product-group-chart-wrapper{min-height:15rem}}.product-group-summary{display:flex;justify-content:center;margin-top:var(--spacing-3)}.product-group-summary-items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.product-group-summary-item{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-1);transition:background-color .2s ease}.product-group-summary-item:hover{background-color:var(--color-black-700)}.product-group-summary-item.active{background-color:var(--color-black-800)}.product-group-summary-icon{width:16px;height:16px;border-radius:var(--border-radius-1);flex-shrink:0}.product-group-summary-content{display:flex;flex-direction:column}.product-group-summary-group{color:var(--color-latte);font-size:var(--font-size-label-medium);font-weight:var(--font-weight-label-medium)}.product-group-summary-details{color:var(--color-latte-dark);font-size:var(--font-size-body-small)}.purchase-chart-center-text{font-size:1rem;font-weight:600;fill:var(--color-latte)}.purchase-chart-percentage{font-size:1.25rem;font-weight:700;fill:var(--color-latte)}.purchase-chart-label{font-size:.75rem}.purchase-chart-container{display:flex;flex-direction:column;width:100%;height:100%}.purchase-chart-wrapper{width:100%;min-height:20rem;height:auto}@media screen and (max-width: 1200px){.purchase-chart-container{height:27rem}.purchase-chart-wrapper{min-height:15rem}}.purchase-brands-summary{display:flex;justify-content:center;margin-top:var(--spacing-3)}.purchase-brands-summary-items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.purchase-brands-summary-item{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-1);transition:background-color .2s ease}.purchase-brands-summary-item:hover{background-color:var(--color-black-700)}.purchase-brands-summary-item.active{background-color:var(--color-black-800)}.purchase-brands-summary-icon{width:16px;height:16px;border-radius:var(--border-radius-1);flex-shrink:0}.purchase-brands-summary-content{display:flex;flex-direction:column}.purchase-brands-summary-brand{color:var(--color-latte);font-size:var(--font-size-label-medium);font-weight:var(--font-weight-label-medium)}.purchase-brands-summary-details{color:var(--color-latte-dark);font-size:var(--font-size-body-small)}.purchases .purchases-card{min-height:auto;height:auto}.purchases .purchases-charts{display:flex;width:100%;min-height:25rem}.purchases .purchases-chart-item{flex:1;display:flex;flex-direction:column;position:relative}.purchases .purchases-chart-item h3{text-align:center;margin-bottom:var(--spacing-3);color:var(--color-latte);font-size:var(--font-size-heading-medium)}.purchases .purchases-chart-item:first-child{border-right:1px solid var(--color-black-400);padding-right:var(--spacing-3)}.purchases .purchases-chart-item:last-child{padding-left:var(--spacing-3)}.purchases .table-header{margin-bottom:var(--spacing-3)}.purchases .purchase-table-title{color:var(--color-latte);margin:0}@media screen and (max-width: 1200px){.purchases .purchases-card{min-height:auto;height:auto}.purchases .purchases-charts{flex-direction:column;min-height:20rem}.purchases .purchases-chart-item{min-height:15rem}.purchases .purchases-chart-item:first-child{border-right:none;padding-right:0;border-bottom:1px solid var(--color-black-400);padding-bottom:var(--spacing-4);margin-bottom:var(--spacing-4)}.purchases .purchases-chart-item:last-child{padding-left:0;padding-top:var(--spacing-2)}}.purchase-table-title{font-size:1.5rem;font-weight:600;color:var(--color-espresso);margin:0;display:flex;align-items:center}.purchase-table-container{display:flex;flex-direction:column}.custom-switch{position:relative;display:inline-block;width:44px;height:16px;background-color:var(--color-attention-dark);border-radius:10px;cursor:pointer;transition:background-color .2s}.custom-switch.checked{background-color:var(--color-attention-dark)}.custom-switch .thumb{position:absolute;top:-3px;left:2px;width:22px;height:22px;background-color:var(--color-attention);border-radius:50%;transition:transform .2s}.custom-switch.checked .thumb{transform:translate(20px)}.custom-switch input{position:absolute;width:100%;height:100%;opacity:0;margin:0;cursor:inherit}.administration-event-types .status-cell{min-width:170px}.administration-event-types .executor-cell{min-width:160px}.administration-event-types .event-type-open-button{color:color-mix(in srgb,var(--button-color) 70%,var(--color-milk));background-color:var(--color-black-500)}.administration-event-types .event-type-open-button:not(:disabled):hover,.administration-event-types .event-type-open-button:not(:disabled):focus-visible{color:var(--color-attention)}.administration-event-types .filter-container{display:flex;justify-content:space-between}.administration-event-types .search-export-container{display:flex;gap:var(--spacing-5)}.administration-event-types .switch-container{display:flex;gap:8px;align-items:center}.event-type-details .event-type-grid{display:grid;grid-template-columns:130px auto;gap:var(--spacing-1)}.event-type-details .event-type-grid-left{padding-right:var(--spacing-6);border-right:2px solid var(--color-black-500)}.event-type-details .event-type-grid-right{height:fit-content}.event-type-details .two-column-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.event-type-details .event-type-row-space{grid-column:span 2;padding:10px 0}.event-type-details .evoca-translation-row-space{grid-column:span 2;padding-bottom:var(--spacing-3)}.event-type-details .html-element-space{padding:var(--spacing-1) 0}.event-type-details .vertical-center{align-self:center}.event-type-details .back-link{display:flex;gap:var(--spacing-1);width:fit-content;margin-bottom:var(--spacing-3)}.event-type-details .action-container{display:flex;justify-content:flex-end;padding-top:var(--spacing-3)}@media only screen and (max-width: 1400px){.event-type-details .two-column-grid{grid-template-columns:repeat(1,1fr)}.event-type-details .event-type-grid-left{padding-right:0;border-right:0px solid transparent}}.event-type-category-dropdown-label{margin-top:var(--spacing-2)}.event-type-category-dropdown .event-type-category-dropdown-button{min-width:175px}.control-no-access{display:flex;justify-content:center;align-items:center}.owner-dropdown .owner-dropdown-button{min-width:175px}.status-dropdown .status-dropdown-button{width:175px}.task-alarm-information .alarm-grid{display:grid;grid-template-columns:130px auto;gap:var(--spacing-1)}.task-alarm-information .alarm-grid-row-space{grid-column:span 2;padding:var(--spacing-1) 0}.task-alarm-information .col-span-2{grid-column:span 2}.task-alarm-information .align-content-center{align-content:center}.task-alarm-information .owner-bottom-space{padding-bottom:var(--spacing-2)}@media only screen and (max-width: 1200px){.task-alarm-information .alarm-grid{grid-template-columns:1fr}}.task-customer-information{position:relative;overflow:visible}.task-customer-information .customer-grid{display:grid;grid-template-columns:130px auto;gap:var(--spacing-1)}.task-customer-information .customer-grid-row-space{grid-column:span 2;padding:2px 0}.task-customer-information .editable-field{width:97%;padding:4px 8px;border:1px solid #ccc;border-radius:4px}.task-customer-information .edit-actions{grid-column:span 2;display:flex;justify-content:flex-end;margin-top:var(--spacing-2)}.task-customer-information .edit-actions .button:disabled{opacity:.7;cursor:not-allowed}.task-customer-information .edit-button{display:none;align-items:center;gap:6px;background:none;border:none;color:var(--color-attention);padding:4px 12px;font-size:14px;cursor:pointer;transition:opacity .2s ease}.task-customer-information .edit-button:hover{opacity:.8}.task-customer-information .edit-button svg{width:16px;height:16px}.task-customer-information .value-with-indicator{display:flex;align-items:center;gap:8px}.task-customer-information .value-with-indicator div{color:var(--color-attention)}.task-events{max-height:430px;min-height:430px;overflow-y:auto;display:block}.task-events .table th:first-child,.task-events .no-wrap{white-space:nowrap}.task-events .alarm-red{color:var(--color-alert)}.task-events .alarm-orange{color:var(--color-orange)}.task-events .alarm-yellow{color:var(--color-attention)}.task-events .alarm-green{color:var(--color-leaf)}.task-events .alarm-unknown{color:var(--color-help)}.task-events th .btn-refresh{justify-self:flex-end}.task-events th .refresh{background-color:var(--color-black-400);padding:var(--spacing-05);border-radius:var(--border-radius-round);flex-shrink:0}.task-machine-information{position:relative}.task-machine-information .machine-grid{display:grid;grid-template-columns:130px auto;gap:var(--spacing-1)}.task-machine-information .restart-machine-label{display:flex;align-items:center}.task-machine-information .machine-status{display:flex;align-items:center;gap:var(--spacing-2)}.task-machine-information .status-item{display:flex;align-items:center;gap:var(--spacing-1)}.task-machine-information .icon{width:16px;height:16px}.task-machine-information .long-time-offline{color:var(--color-alert)}.task-machine-information .last-offline-time{font-size:var(--font-size-small);color:var(--color-alert)}.task-machine-information .short-time-offline{color:var(--color-help)}.task-machine-information .online-status{color:var(--color-leaf)}.task-machine-information .restart-button-container,.task-machine-information .reset-button-container{display:none}.task-machine-information .actions{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:var(--spacing-2)}.task-machine-notes{max-height:430px;overflow-y:auto;display:block}.task-machine-notes .machine-note-form{padding:5px}.task-machine-notes .publish-machine-note-button{align-self:flex-end;margin:var(--spacing-3) 0}.task-machine-notes .machine-note-divider{margin-bottom:6px}.task-machine-notes .machine-note-header{margin-bottom:4px;display:flex;justify-content:space-between}.task-machine-notes .machine-note-card{background-color:var(--color-black-700);margin-bottom:var(--spacing-6)}.task-machine-notes .machine-note-card .card-content{padding:var(--spacing-3);margin:0}.task-machine-notes .machine-note-card:not(:last-child){margin-bottom:0}.machine-details .back-link{display:flex;gap:var(--spacing-1);width:fit-content}.machine-details .back-link:hover,.machine-details .back-link:focus-visible{text-decoration:underline}.machine-details .card-content{padding:0;margin:var(--spacing-5)}.machine-details .machine-detail{display:flex;flex-direction:column;gap:var(--spacing-2);margin-block-end:var(--spacing-6)}.machine-details .machine-detail .three-column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);padding-bottom:var(--spacing-6)}.machine-details .machine-detail .two-column-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);padding-bottom:var(--spacing-6)}@media only screen and (max-width: 1400px){.machine-details .machine-detail .three-column-grid,.machine-details .machine-detail .two-column-grid{grid-template-columns:repeat(1,1fr)}}.search-machines .table tbody tr:hover td{background-color:var(--color-attention-light, #6c6256)!important;transition:background .4s;cursor:pointer}.search-machines .show-more{display:flex;justify-content:center}.search-machines .status-cell{min-width:170px}.search-machines .machine-open-button{color:color-mix(in srgb,var(--button-color) 70%,var(--color-milk));background-color:var(--color-black-500)}.search-machines .machine-open-button:not(:disabled):hover,.search-machines .machine-open-button:not(:disabled):focus-visible{color:var(--color-attention)}.tasks-per-day-chart{width:100%;height:100%}.tasks-per-day-chart-wrapper{width:100%;height:100%;overflow-x:auto;overflow-y:hidden}@media (max-width: 768px){.tasks-per-day-chart{min-width:800px;height:280px;padding:12px}.tasks-per-day-chart-wrapper{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}.tasks-per-day-chart-wrapper::-webkit-scrollbar{height:4px}.tasks-per-day-chart-wrapper::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.tasks-per-day-chart-wrapper::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:2px}.tasks-per-day-chart-wrapper::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}}.tasks-per-day-chart .recharts-legend-wrapper{margin-top:20px}.tasks-per-day-chart .recharts-legend-item-text{color:var(--color-latte)!important}.tasks-per-day-chart .recharts-cartesian-axis-tick-value{fill:var(--color-latte)}.tasks-per-day-chart .recharts-default-legend .recharts-legend-item-text{color:var(--color-latte)!important}.tasks-per-day-chart .custom-tooltip{background:linear-gradient(135deg,var(--color-black-600) 0%,var(--color-black-700) 100%);border:1px solid var(--color-black-400);border-radius:var(--border-radius-1-5);padding:var(--spacing-3);box-shadow:var(--box-shadow-y);max-width:250px;font-family:Graenbach,sans-serif;z-index:1000}@media (max-width: 768px){.tasks-per-day-chart .custom-tooltip{max-width:200px;padding:var(--spacing-2);font-size:11px}}.tasks-per-day-chart .tooltip-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-black-400)}.tasks-per-day-chart .tooltip-day{color:var(--color-attention);font-weight:600;font-size:14px;margin-bottom:var(--spacing-05)}.tasks-per-day-chart .tooltip-date{color:var(--color-latte);font-size:12px;opacity:.8}.tasks-per-day-chart .tooltip-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.tasks-per-day-chart .tooltip-entry{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-05) 0}.tasks-per-day-chart .tooltip-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid var(--color-black-300)}.tasks-per-day-chart .tooltip-label{color:var(--color-latte);font-size:12px;flex:1;font-weight:500}.tasks-per-day-chart .tooltip-value{color:var(--color-attention);font-size:12px;font-weight:600;margin-left:auto}@media (max-width: 768px){.tasks-per-day-chart .tooltip-day{font-size:12px}.tasks-per-day-chart .tooltip-date,.tasks-per-day-chart .tooltip-label,.tasks-per-day-chart .tooltip-value{font-size:10px}.tasks-per-day-chart .tooltip-indicator{width:10px;height:10px}}@media (min-width: 769px){.tasks-per-day-chart{height:330px;padding:16px}}@media (min-width: 768px) and (max-width: 1024px){.tasks-per-day-chart{height:280px;padding:14px}}.tasks-status-chart,.tasks-statistics-chart{width:100%;height:100%}.tasks-statistics-chart-wrapper{width:100%;height:100%;overflow-x:auto;overflow-y:hidden}@media (max-width: 768px){.tasks-statistics-chart{min-width:600px;height:280px;padding:12px}.tasks-statistics-chart-wrapper{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}.tasks-statistics-chart-wrapper::-webkit-scrollbar{height:4px}.tasks-statistics-chart-wrapper::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.tasks-statistics-chart-wrapper::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:2px}.tasks-statistics-chart-wrapper::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}}.tasks-statistics-chart .recharts-legend-wrapper{margin-top:20px}.tasks-statistics-chart .recharts-legend-item-text{color:var(--color-latte)!important;font-size:12px}.tasks-statistics-chart .recharts-tooltip-wrapper{border-radius:4px}.tasks-statistics-chart .recharts-cartesian-axis-tick-value,.tasks-statistics-chart .recharts-cartesian-axis-label{font-size:12px}.tasks-statistics-chart .recharts-xAxis .recharts-cartesian-axis-tick text{font-size:11px}.custom-tooltip{background:linear-gradient(135deg,var(--color-black-600) 0%,var(--color-black-700) 100%);border:1px solid var(--color-black-400);border-radius:var(--border-radius-1-5);padding:var(--spacing-3);box-shadow:var(--box-shadow-y);max-width:250px;font-family:Graenbach,sans-serif;z-index:1000}@media (max-width: 768px){.custom-tooltip{max-width:200px;padding:var(--spacing-2);font-size:11px}}.tooltip-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-black-400)}.tooltip-day{color:var(--color-attention);font-weight:600;font-size:14px;margin-bottom:var(--spacing-05)}.tooltip-date{color:var(--color-latte);font-size:12px;opacity:.8}.tooltip-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.tooltip-entry{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-05) 0}.tooltip-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid var(--color-black-300)}.tooltip-label{color:var(--color-latte);font-size:12px;flex:1;font-weight:500}.tooltip-value{color:var(--color-attention);font-size:12px;font-weight:600;margin-left:auto}@media (max-width: 768px){.tooltip-day{font-size:12px}.tooltip-date,.tooltip-label,.tooltip-value{font-size:10px}.tooltip-indicator{width:10px;height:10px}}.tasks-weekly-chart{width:100%;height:100%}.tasks-weekly-chart-wrapper{width:100%;height:100%;overflow-x:auto;overflow-y:hidden}@media (max-width: 768px){.tasks-weekly-chart{min-width:600px;height:280px;padding:12px}.tasks-weekly-chart-wrapper{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}.tasks-weekly-chart-wrapper::-webkit-scrollbar{height:4px}.tasks-weekly-chart-wrapper::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.tasks-weekly-chart-wrapper::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:2px}.tasks-weekly-chart-wrapper::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}}.tasks-weekly-chart .recharts-legend-wrapper{margin-top:20px}.tasks-weekly-chart .recharts-legend-item-text{color:var(--color-latte)!important;font-size:12px}.tasks-weekly-chart .recharts-tooltip-wrapper{border-radius:4px}.tasks-weekly-chart .recharts-cartesian-axis-tick-value,.tasks-weekly-chart .recharts-cartesian-axis-label{font-size:12px}.tasks-weekly-chart .recharts-xAxis .recharts-cartesian-axis-tick text{font-size:11px}.tasks-weekly-chart-wrapper .custom-tooltip{background:linear-gradient(135deg,var(--color-black-600) 0%,var(--color-black-700) 100%);border:1px solid var(--color-black-400);border-radius:var(--border-radius-1-5);padding:var(--spacing-3);box-shadow:var(--box-shadow-y);max-width:250px;font-family:Graenbach,sans-serif;z-index:1000}@media (max-width: 768px){.tasks-weekly-chart-wrapper .custom-tooltip{max-width:200px;padding:var(--spacing-2);font-size:11px}}.tasks-weekly-chart-wrapper .tooltip-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-black-400)}.tasks-weekly-chart-wrapper .tooltip-week{color:var(--color-attention);font-weight:600;font-size:14px}.tasks-weekly-chart-wrapper .tooltip-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.tasks-weekly-chart-wrapper .tooltip-entry{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-05) 0}.tasks-weekly-chart-wrapper .tooltip-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid var(--color-black-300)}.tasks-weekly-chart-wrapper .tooltip-label{color:var(--color-latte);font-size:12px;flex:1;font-weight:500}.tasks-weekly-chart-wrapper .tooltip-value{color:var(--color-attention);font-size:12px;font-weight:600;margin-left:auto}@media (max-width: 768px){.tasks-weekly-chart-wrapper .tooltip-week{font-size:12px}.tasks-weekly-chart-wrapper .tooltip-label,.tasks-weekly-chart-wrapper .tooltip-value{font-size:10px}.tasks-weekly-chart-wrapper .tooltip-indicator{width:10px;height:10px}}.start .tasks-per-day-card-container .tasks-per-day-card{width:100%;height:25rem}.start .tasks-per-day-card-container .tasks-per-day-card .card-header{flex-wrap:nowrap}.start .tasks-per-day-card-container .tasks-per-day-card .card-content{padding-block-end:0px}.start .statistics-cards-container{background-color:#362f28}.start .statistics-cards-container .card-header{flex-wrap:nowrap}.start .statistics-cards-container .card-content{padding-block-end:0px}.start .statistics-card,.start .operating-status-card,.start .tasks-status-card{height:25rem}.export-header{display:flex;justify-content:flex-end;margin-top:8px;margin-bottom:-20px}.export-header-inner{display:flex;align-items:center;gap:12px;border-radius:8px;padding:8px 16px;background:var(--color-background)}.handling-times-header{display:flex;justify-content:flex-end;margin-top:8px;margin-bottom:-20px}.handling-times-header-inner{display:flex;align-items:center;gap:12px;border-radius:8px;padding:8px 16px;background:var(--color-background)}.handling-times-label{margin:0}.task .back-link{display:flex;gap:var(--spacing-1);width:fit-content}.task .back-link:hover,.task .back-link:focus-visible{text-decoration:underline}.task .card-content{padding:0;margin:var(--spacing-5)}.task .task-body{display:flex;flex-direction:column;gap:var(--spacing-2);margin-block-end:var(--spacing-6)}.task .task-body .three-column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);padding-bottom:var(--spacing-6)}.task .task-body .two-column-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);padding-bottom:var(--spacing-6)}.task-not-found{display:flex;align-items:center}@media only screen and (max-width: 1400px){.task .task-body .three-column-grid,.task .task-body .two-column-grid{grid-template-columns:repeat(1,1fr)}}.alert-tag{display:flex;align-items:center;gap:var(--spacing-1);border-radius:var(--border-radius-round);padding:var(--spacing-1) var(--spacing-2);width:120px}.tasks-table .tasks-table-header{padding-bottom:var(--spacing-5)}.tasks-table .table{border-collapse:separate;border-spacing:0 4px;width:100%;margin-bottom:-4px;margin-top:-4px}.tasks-table .table tbody tr:hover td{background-color:var(--color-attention-light, #6c6256)!important;transition:background .4s;cursor:pointer}.tasks-table .alarm{color:var(--color-alert)}.tasks-table .no-wrap{white-space:nowrap}.tasks-table .icon{width:20px;height:20px;color:gray}.tasks-table .icon-yellow{color:var(--color-attention);width:20px;height:20px}.tasks-table .district-code{margin-left:23px}.tasks-table .machine-note{margin-left:23px;color:var(--color-attention);display:flex}.tasks-table .machine-note>span{margin-right:var(--spacing-1)}.tasks-table .machine-note .long-time-offline{color:var(--color-alert)}.tasks-table .machine-note .short-time-offline{color:var(--color-help)}.tasks-table .task-open-button{color:color-mix(in srgb,var(--button-color) 70%,var(--color-milk));background-color:var(--color-black-500)}.tasks-table .task-open-button:not(:disabled):hover,.tasks-table .task-open-button:not(:disabled):focus-visible{color:var(--color-attention)}.logo{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0 auto}.logo .cafe-bar-logo{height:4rem;max-width:100%}.logo .analytics-logo{height:2.5rem}.logo svg{flex-shrink:0}.navigation{position:relative;display:flex;flex-direction:column;gap:var(--spacing-7);padding-block:var(--spacing-4);overflow-x:hidden;overflow-y:auto}.navigation .navigation-logo-link{display:inline-block;text-decoration:none}.navigation .customer-category-wrapper{display:flex;flex-direction:column;gap:var(--spacing-5)}.navigation .change-customer-category-button{outline-offset:-2px;outline-color:var(--color-milk)}.navigation .single-category{text-align:center}.navigation .screens-rotation-arrow{color:var(--color-attention)}.navigation .screens-rotation-arrow:hover{color:var(--color-black-400);cursor:pointer}.navigation .screens-rotation-arrow-container{display:flex;justify-content:center;align-items:center;background-color:var(--color-black-600);padding:4px}.navigation .screens-rotation-arrows-container{display:flex;justify-content:space-between;gap:var(--spacing-3);margin-top:var(--spacing-1);margin-bottom:var(--spacing-4);padding:var(--spacing-1)}.navigation .screens-rotation-play-icon,.navigation .screens-rotation-pause-icon{color:var(--color-attention)}.navigation .screens-rotation-play-icon:hover,.navigation .screens-rotation-pause-icon:hover{color:var(--color-black-400);cursor:pointer}.navigation ul{display:flex;flex-direction:column;gap:var(--spacing-2);list-style:none;margin:0;padding:0}.navigation .navigation-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);color:var(--color-latte-dark);text-decoration:none;transition:color .1s ease-out;border-radius:var(--border-radius-round)}.navigation .navigation-item:focus-visible{outline-offset:-1px}.navigation .navigation-item svg{flex-shrink:0}.navigation .disabled-navigation-item{color:var(--color-black-400)}.navigation a.navigation-item .link-text{transition:opacity .1s ease-out}.navigation a.navigation-item:hover{color:var(--color-latte)}.navigation a.navigation-item.active svg{color:var(--color-attention)}.navigation a.navigation-item.active .link-text{color:var(--color-latte)}.navigation .user-menu-button{display:flex;align-items:center;text-align:left;gap:var(--spacing-2);border:none;background:none;color:var(--color-latte);padding:0;margin-top:auto}.navigation .user-menu-button:focus-visible{outline-offset:-1px}.navigation .user-menu-button:hover .user-icon{color:var(--color-latte)}.navigation .user-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-round);padding:var(--spacing-2);background-color:var(--color-black-600);flex-shrink:0;color:var(--color-latte-dark);transition:color .1s ease-out}.navigation .user-information{overflow:hidden;white-space:nowrap}.navigation .screens-country-label{color:var(--color-attention);font-family:Graenbach,sans-serif;margin:0;text-align:center}.navigation .screens-country-label .full{display:inline;font-size:var(--font-size-heading-large);line-height:normal}.navigation .screens-country-label .abbr{display:none;font-size:var(--font-size-heading-large);line-height:normal}.desktop-navigation.collapsed .screens-country-label .full{display:none}.desktop-navigation.collapsed .screens-country-label .abbr{display:inline}.customer-category-wrapper button{padding:var(--spacing-2);justify-content:center;min-height:3rem}.customer-category-dropdown{margin-inline-start:var(--spacing-2)}.customer-category-dropdown .base-MenuItem-root:not(:first-child){border:none}.customer-category-dropdown .base-MenuItem-root:first-child,.customer-category-dropdown .base-MenuItem-root.last-account-manager-category{border-block-end:var(--border-width) solid var(--color-black-400)}.desktop-navigation{max-width:12.5rem;padding-inline-end:var(--spacing-4);transition:max-width var(--collapse-transition-duration) ease-out}.desktop-navigation .cafe-bar-logo{min-width:9rem}.desktop-navigation .logo-heat{transition:transform var(--collapse-transition-duration) ease-out}.desktop-navigation .logo-text{transition-property:opacity;transition-duration:0s;transition-timing-function:ease-out}.desktop-navigation .logo-text.logo-text-delayed-transition{transition-delay:var(--collapse-transition-duration);transition-duration:.1s}.desktop-navigation ul{display:flex;flex-direction:column;gap:var(--spacing-2);list-style:none;margin:0;padding:0}.desktop-navigation .toggle-desktop-navigation-button{align-self:flex-end;aspect-ratio:1}.desktop-navigation.expanded .customer-category-wrapper button .change-svg{display:none}.desktop-navigation.collapsed{max-width:4.36rem}.desktop-navigation.collapsed .logo-heat{transform:translate(5px)}.desktop-navigation.collapsed .logo-text{opacity:0}.desktop-navigation.collapsed .customer-category-wrapper button{padding:var(--spacing-2);justify-content:center}.desktop-navigation.collapsed .customer-category-wrapper button .change-svg{display:block}.desktop-navigation.collapsed .customer-category-wrapper button .selected-category-dropdown-value,.desktop-navigation.collapsed .customer-category-wrapper button .chevron-down-svg{display:none}.desktop-navigation.collapsed .link-text{opacity:0}@media only screen and (max-width: 768px){.desktop-navigation{display:none}}.mobile-navigation,.mobile-navigation-overlay,.mobile-navigation .customer-category-wrapper button .change-svg{display:none}@media only screen and (max-width: 768px){.mobile-navigation{display:flex;position:fixed;left:0;height:100%;width:60%;max-width:20rem;min-width:280px;background-color:var(--color-black-900);border-top-right-radius:var(--border-radius-3);border-bottom-right-radius:var(--border-radius-3);transform:translate(-100%);transition:.2s ease-out;z-index:3;padding:var(--spacing-3)}.mobile-navigation.open{box-shadow:var(--box-shadow-x);transform:translate(0)}.mobile-navigation .cafe-bar-logo,.mobile-navigation .analytics-logo{max-width:224px}.mobile-navigation-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;background-color:var(--color-black-transparent);z-index:2;opacity:0;cursor:pointer;border:none}.mobile-navigation.open~.mobile-navigation-overlay{display:block;animation:fadeIn .2s ease-out forwards}}@keyframes fadeIn{to{opacity:1}}.main-content .screen-start{padding:1rem}.main-content .screen-start .masonry-layout{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;--masonry-row-height: 10px;grid-auto-rows:var(--masonry-row-height)}.main-content .screen-start .masonry-column{display:block}.main-content .screen-start .masonry-column--span-2{grid-column:span 2}.main-content .screen-start .tasks-per-day-card{height:27rem}.main-content .screen-start .statistics-card{height:22rem}.main-content .screen-start .operating-status-card,.main-content .screen-start .tasks-status-card,.main-content .screen-start .consumption-card{height:25rem}.main-content .screen-start .survey-card{height:14rem}.main-content .screen-start .news-card{height:27rem}.main-content .screen-start .incidents-card{height:79rem}.main-content .screen-start .end-of-contract-card{height:12rem;margin-block-end:1rem}.main-content .screen-start .card-link{display:none}#app-container:has(.screens-root){max-width:100vw;min-height:100vh}@supports (zoom: .8){#app-container:has(.screens-root) .main-content{zoom:.8}}@media (min-width: 2560px){@supports (zoom: 1.06){#app-container:has(.screens-root) .main-content{zoom:1.06}}}@media (min-width: 3840px){@supports (zoom: 1.6){#app-container:has(.screens-root) .main-content{zoom:1.6}}}.screens-root{font-size:75%}@media only screen and (min-width: 1600px){.screens-root{grid-template-columns:280px 1fr}}.main-content .start .masonry-layout{grid-template-columns:repeat(3,minmax(0,1fr))}.login{display:flex;flex-direction:column;align-items:center;padding-block-start:15rem;padding-inline:var(--spacing-3);gap:var(--spacing-6);height:100%;text-align:center}.login .login-button{width:100%;max-width:15rem}.login .login-divider{max-width:6rem;border-color:var(--color-black-300)}.login .login-flair-text{max-width:22rem}#alert-message{height:1px;width:1px;background-color:transparent;position:absolute}#alert-message-modal{color:var(--color-latte);background-color:var(--color-black-900);box-shadow:var(--box-shadow-y);border-radius:var(--border-radius-2);border:var(--border-width) solid var(--color-black-400);padding:var(--spacing-6);width:50%;min-width:350px;min-height:20%}#alert-message-modal::backdrop{background-color:var(--color-black-transparent)}#alert-message-modal .alert-message-modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-block-end:var(--spacing-6)}#alert-message-modal .alert-message-modal-body{display:flex;flex-direction:column;gap:var(--spacing-2)}#alert-message-modal .alert-message-close-button{margin-top:var(--spacing-4);align-self:flex-end}@media only screen and (max-width: 1200px){#alert-message-modal{width:90%}}.root{display:grid;grid-template-columns:auto 1fr;height:100%;max-height:calc(100vh - calc(var(--spacing-4) * 2))}.main-content{border-radius:var(--border-radius-4);background-color:var(--color-black-800);overflow-y:auto}.main-content .main-loader .loader-overlay{border-radius:var(--border-radius-4)}@media only screen and (max-width: 768px){.root{grid-template-columns:1fr;gap:0;max-height:initial}.main-content{border-radius:0;padding-block-end:var(--spacing-10)}}:root{--border-radius-1: 2px;--border-radius-1-5: 8px;--border-radius-2: 16px;--border-radius-3: 24px;--border-radius-4: 32px;--border-radius-round: 20rem;--border-width: 1px;--outline-width: 1px;--outline-offset: 4px;--outline-style: solid;--outline-color: var(--color-attention);--outline: var(--outline-width) var(--outline-style) var(--outline-color);--box-shadow-y: 0 5px 11px 0 var(--color-black-transparent);--box-shadow-x: 5px 0 11px 0 var(--color-black-transparent);--color-milk: #f6f5f1;--color-latte: #e2ded3;--color-latte-dark: #a29e94;--color-attention: #ffcc00;--color-attention-dark: #4b4527;--color-coffee-and-milk: #b9975b;--color-mocha: #755620;--color-americano: #4c3c1e;--color-leaf: #28c76f;--color-leaf-dark: #174a33;--color-alert: #ff6464;--color-alert-dark: #581d1d;--color-help: #41aeee;--color-brown: #a9a091;--color-brown-dark: #443528;--color-orange: #eb913e;--color-orange-light: #e5a05f;--color-orange-dark: #4f351b;--color-black-200: #949391;--color-black-300: #726e68;--color-black-400: #4f4b44;--color-black-500: #3b372f;--color-black-600: #362f28;--color-black-700: #302a23;--color-black-800: #2b241d;--color-black-900: #1e1914;--color-black-transparent: rgba(0, 0, 0, .5);--spacing-05: 4px;--spacing-1: 8px;--spacing-2: 12px;--spacing-3: 16px;--spacing-4: 20px;--spacing-5: 24px;--spacing-6: 28px;--spacing-7: 32px;--spacing-8: 40px;--spacing-9: 64px;--spacing-10: 128px;--scrollbar-track-color: transparent;--scrollbar-thumb-color: var(--color-black-300);--scrollbar-thumb-hover-color: var(--color-black-400)}:root{--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px}:root{background-color:var(--color-black-900)}body{display:flex;font-size:1rem;font-family:Graenbach,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-latte);line-height:1.5}body:has(.login):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:url(/assets/login-background-BwNaIeJp.webp) no-repeat center center fixed;background-size:cover;z-index:-1}#app-container{margin-inline:auto;min-width:320px;min-height:100vh;max-width:1920px;width:100%;padding:var(--spacing-4)}*,*:before,*:after{box-sizing:border-box}*:not(dialog){margin:0}*:focus-visible{outline-style:var(--outline-style);outline-offset:var(--outline-offset);outline-color:var(--outline-color)}img,picture,video,canvas,svg{display:block;max-width:100%}address{font-style:normal}a{color:var(--color-latte);text-decoration:none}a:not(.button):hover{color:var(--color-milk)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.overflow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.no-scroll{overflow:hidden}.regular-layout{display:flex;flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-8);overflow-y:auto;width:100%}.float-inline-end{float:inline-end}.float-inline-start{float:inline-start}.small-icon{width:1rem;height:1rem}@media only screen and (max-width: 1200px){.regular-layout{padding:var(--spacing-4)}}@media only screen and (max-width: 768px){#app-container{padding:0}.regular-layout{padding:var(--spacing-3)}}button{background:none;border:none;padding:0;font:inherit;color:inherit}button:not(:disabled){cursor:pointer}.button{--button-border-color: var(--color-attention);--button-background-color: var(--color-attention);--button-color: var(--color-black-900);display:flex;justify-content:center;align-items:center;gap:var(--spacing-1);border-radius:var(--border-radius-round);background-color:var(--button-background-color);color:var(--button-color);border:var(--border-width) solid var(--button-border-color);padding:var(--spacing-2) var(--spacing-5);transition:background-color .1s ease-out,color .1s ease-out,border-color .1s ease-out}.button:disabled{opacity:.7}.button:not(:disabled):hover,.button:not(:disabled):focus-visible{cursor:pointer;background-color:color-mix(in srgb,var(--button-background-color) 70%,var(--color-milk));border-color:color-mix(in srgb,var(--button-border-color) 70%,var(--color-milk))}.button:not(.big-icon) svg{width:1rem;height:1rem}.button svg{flex-shrink:0}.button:has(>svg){justify-content:space-between}.button,.button *{font-size:var(--font-size-label-medium);font-weight:var(--font-weight-label-medium);line-height:var(--line-height-label-medium)}.button-round{padding:var(--spacing-2)}.button-outlined{--button-border-color: var(--color-attention);--button-background-color: transparent;--button-color: var(--color-attention)}.button-outlined:not(:disabled):hover,.button-outlined:not(:disabled):focus-visible{background-color:transparent}.button-dim{--button-border-color: var(--color-black-400);--button-background-color: transparent;--button-color: var(--color-black-300)}.button-dim:not(:disabled):hover,.button-dim:not(:disabled):focus-visible{color:color-mix(in srgb,var(--button-color) 70%,var(--color-milk));background-color:transparent}.button-attention{--button-border-color: var(--color-attention);--button-background-color: transparent;--button-color: var(--color-attention)}.button-attention:not(:disabled):hover,.button-attention:not(:disabled):focus-visible{background-color:transparent}.button-alert{--button-border-color: var(--color-alert);--button-background-color: transparent;--button-color: var(--color-alert)}.button-alert:not(:disabled):hover,.button-alert:not(:disabled):focus-visible{background-color:transparent}.button-icon{--button-border-color: transparent;--button-background-color: transparent;border:none;padding:var(--spacing-2)}.button-icon:not(:where(.button-alert,.button-attention)){--button-color: var(--color-latte)}.button-icon:not(:disabled):hover,.button-icon:not(:disabled):focus-visible{background-color:var(--color-black-500);border-color:transparent;color:color-mix(in srgb,var(--button-color) 70%,var(--color-milk))}.order-button-active{background-color:var(--color-orange);border-color:var(--color-orange)}.order-button-active:not(:disabled):hover,.order-button-active:not(:disabled):focus-visible{background-color:var(--color-orange-light);border-color:var(--color-orange-light)}.base-MenuButton-root{border-radius:var(--border-radius-round)}.base-MenuButton-root:not(:disabled){cursor:pointer}.base-Menu-root{background-color:var(--color-black-800);border:var(--border-width) solid var(--color-black-400);border-radius:var(--border-radius-2);overflow:hidden;margin-top:var(--spacing-1);box-shadow:var(--box-shadow-y);transition:opacity .1s ease-in;opacity:0;z-index:4}.base-Menu-root.base--expanded{opacity:1}.base-Menu-listbox{padding:0;min-width:180px;list-style:none;overflow-y:auto;max-height:500px}.base-MenuItem-root{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);font-size:var(--font-size-label-medium);line-height:var(--line-height-label-medium);font-weight:var(--font-weight-label-medium)}.base-MenuItem-root svg{width:1rem;height:1rem}.base-MenuItem-root:hover:not(.base--disabled){cursor:pointer;background-color:var(--color-black-700)}.base-MenuItem-root:not(:last-child){border-block-end:var(--border-width) solid var(--color-black-400)}.masonry-layout{display:flex;border-radius:var(--border-radius-2);gap:var(--spacing-4)}.masonry-layout .masonry-column{display:flex;flex-direction:column;gap:var(--spacing-4);flex-basis:50%}.masonry-layout .masonry-column>*{flex-shrink:0}@media only screen and (max-width: 1200px){.masonry-layout{flex-wrap:wrap}.masonry-layout .masonry-column{flex-basis:100%}}input,textarea,select{font:inherit;font-size:var(--font-size-body-medium);font-weight:var(--font-weight-body-medium);line-height:var(--line-height-body-medium);color:inherit}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1)}.search-input-wrapper{position:relative}.search-input-wrapper svg{position:absolute;top:50%;left:var(--spacing-3);transform:translateY(-50%);pointer-events:none}.search-input-wrapper .search-input{border-radius:var(--border-radius-round);padding:var(--spacing-2) var(--spacing-3) var(--spacing-2) calc(var(--spacing-3) * 3)}.checkbox-list,.radio-list{display:flex;flex-direction:column;gap:var(--spacing-1)}.checkbox-wrapper,.radio-wrapper{display:flex;align-items:center;gap:var(--spacing-2)}fieldset{border:none;padding:0}label{font-size:var(--font-size-label-large);line-height:var(--line-height-label-large);font-weight:var(--font-weight-label-large);cursor:pointer}input,textarea,select{border-radius:var(--border-radius-1-5);border:var(--border-width) solid var(--color-black-200);padding:var(--spacing-2) var(--spacing-3);color:var(--color-latte);background-color:transparent}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-black-200)}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-black-700)}input[type=checkbox],input[type=radio]{accent-color:var(--color-attention);width:1.2rem;height:1.2rem;cursor:pointer}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:var(--outline)}label:has(+input[type=file]:focus-visible){outline:var(--outline);outline-offset:var(--outline-offset)}input[type=file]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}@font-face{font-family:Graenbach;font-style:normal;font-weight:400;src:url(/assets/Graebenbach-Regular-DQBVyny9.woff2) format("woff2")}@font-face{font-family:Graenbach;font-style:italic;font-weight:400;src:url(/assets/Graebenbach-RegularItalic-Dq2jTztf.woff2) format("woff2")}@font-face{font-family:Graenbach;font-style:normal;font-weight:500;src:url(/assets/Graebenbach-Medium-DtI9dFqk.woff2) format("woff2")}@font-face{font-family:Graenbach;font-style:italic;font-weight:500;src:url(/assets/Graebenbach-MediumItalic-J4qXu44E.woff2) format("woff2")}@font-face{font-family:Graenbach;font-style:normal;font-weight:700;src:url(/assets/Graebenbach-Bold-BAGIelaE.woff2) format("woff2")}@font-face{font-family:Graenbach;font-style:italic;font-weight:700;src:url(/assets/Graebenbach-BoldItalic-BB07DvC5.woff2) format("woff2")}@font-face{font-family:Graenbach;font-style:normal;font-weight:900;src:url(/assets/Graebenbach-Black-BNNZyi1D.woff2) format("woff2")}@font-face{font-family:Graenbach;font-style:italic;font-weight:900;src:url(/assets/Graebenbach-BlackItalic-DF4Oyh9q.woff2) format("woff2")}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}span,p,div,ul,ol,li{font-size:var(--font-size-body-large);line-height:var(--line-height-body-large);font-weight:var(--font-weight-body-large)}:root{--font-size-display-large: 4rem;--line-height-display-large: 1;--font-weight-display-large: 700;--font-size-display-medium: 3rem;--line-height-display-medium: 1;--font-weight-display-medium: 700;--font-size-display-small: 2.25rem;--line-height-display-small: 1.22;--font-weight-display-small: 700;--font-size-heading-large: 1.75rem;--line-height-heading-large: 1.43;--font-weight-heading-large: 700;--font-size-heading-medium: 1.5rem;--line-height-heading-medium: 1.5;--font-weight-heading-medium: 700;--font-size-heading-small: 1.25rem;--line-height-heading-small: 1.6;--font-weight-heading-small: 700;--font-size-title-large: 1.375rem;--line-height-title-large: 1.27;--font-weight-title-large: 500;--font-size-title-medium: 1.25rem;--line-height-title-medium: 1.5;--font-weight-title-medium: 500;--font-size-title-small: 1rem;--line-height-title-small: 1.25;--font-weight-title-small: 500;--font-size-body-large: 1rem;--line-height-body-large: 1.5;--font-weight-body-large: 400;--font-size-body-medium: .875rem;--line-height-body-medium: 1.43;--font-weight-body-medium: 400;--font-size-body-small: .75rem;--line-height-body-small: 1.33;--font-weight-body-small: 400;--font-size-label-large: 1rem;--line-height-label-large: 1.33;--font-weight-label-large: 500;--font-size-label-medium: .875rem;--line-height-label-medium: 1.43;--font-weight-label-medium: 500;--font-size-label-small: .75rem;--line-height-label-small: 1.33;--font-weight-label-small: 500;--font-size-alt-label-large: .875rem;--line-height-alt-label-large: 1.43;--font-weight-alt-label-large: 700;--font-size-alt-label-medium: .75rem;--line-height-alt-label-medium: 1.66;--font-weight-alt-label-medium: 700;--font-size-alt-label-small: .6875rem;--line-height-alt-label-small: 1.81;--font-weight-alt-label-small: 700}@media only screen and (max-width: 576px){:root{--font-size-display-large: 3rem;--line-height-display-large: 1.1;--font-size-display-medium: 2.25rem;--line-height-display-medium: 1;--font-size-display-small: 2rem;--line-height-display-small: 1.25;--font-size-heading-large: 1.5rem;--line-height-heading-large: 1.33;--font-size-heading-medium: 1.375rem;--line-height-heading-medium: 1.45;--font-size-heading-small: 1.125rem;--line-height-heading-small: 1.4;--font-size-title-large: 1.25rem;--line-height-title-large: 1.4;--font-size-title-medium: 1.125rem;--line-height-title-medium: 1.33;--font-size-title-small: .875rem;--line-height-title-small: 1.43;--font-size-body-large: .875rem;--line-height-body-large: 1.5;--font-size-body-medium: .75rem;--line-height-body-medium: 1.43;--font-size-body-small: .625rem;--line-height-body-small: 1.33;--font-size-label-large: .875rem;--line-height-label-large: 1.33;--font-size-label-medium: .75rem;--line-height-label-medium: 1.43;--font-size-label-small: .625rem;--line-height-label-small: 1.33;--font-size-alt-label-large: .875rem;--line-height-alt-label-large: 1.43;--font-size-alt-label-medium: .75rem;--line-height-alt-label-medium: 1.66;--font-size-alt-label-small: .625rem;--line-height-alt-label-small: 2}}.text-display-large{font-size:var(--font-size-display-large);line-height:var(--line-height-display-large);font-weight:var(--font-weight-display-large)}.text-display-medium{font-size:var(--font-size-display-medium);line-height:var(--line-height-display-medium);font-weight:var(--font-weight-display-medium)}.text-display-small{font-size:var(--font-size-display-small);line-height:var(--line-height-display-small);font-weight:var(--font-weight-display-small)}.text-heading-large{font-size:var(--font-size-heading-large);line-height:var(--line-height-heading-large);font-weight:var(--font-weight-heading-large)}.text-heading-medium{font-size:var(--font-size-heading-medium);line-height:var(--line-height-heading-medium);font-weight:var(--font-weight-heading-medium)}.text-heading-small{font-size:var(--font-size-heading-small);line-height:var(--line-height-heading-small);font-weight:var(--font-weight-heading-small)}.text-title-large{font-size:var(--font-size-title-large);line-height:var(--line-height-title-large);font-weight:var(--font-weight-title-large)}.text-title-medium{font-size:var(--font-size-title-medium);line-height:var(--line-height-title-medium);font-weight:var(--font-weight-title-medium)}.text-title-small{font-size:var(--font-size-title-small);line-height:var(--line-height-title-small);font-weight:var(--font-weight-title-small)}.text-body-large{font-size:var(--font-size-body-large);line-height:var(--line-height-body-large);font-weight:var(--font-weight-body-large)}.text-body-medium{font-size:var(--font-size-body-medium);line-height:var(--line-height-body-medium);font-weight:var(--font-weight-body-medium)}.text-body-small{font-size:var(--font-size-body-small);line-height:var(--line-height-body-small);font-weight:var(--font-weight-body-small)}.text-label-large{font-size:var(--font-size-label-large);line-height:var(--line-height-label-large);font-weight:var(--font-weight-label-large)}.text-label-medium{font-size:var(--font-size-label-medium);line-height:var(--line-height-label-medium);font-weight:var(--font-weight-label-medium)}.text-label-small{font-size:var(--font-size-label-small);line-height:var(--line-height-label-small);font-weight:var(--font-weight-label-small)}.text-alt-label-large{font-size:var(--font-size-alt-label-large);line-height:var(--line-height-alt-label-large);font-weight:var(--font-weight-alt-label-large);text-transform:uppercase;letter-spacing:.05em}.text-alt-label-medium{font-size:var(--font-size-alt-label-medium);line-height:var(--line-height-alt-label-medium);font-weight:var(--font-weight-alt-label-medium);text-transform:uppercase;letter-spacing:.05em}.text-alt-label-small{font-size:var(--font-size-alt-label-small);line-height:var(--line-height-alt-label-small);font-weight:var(--font-weight-alt-label-small);text-transform:uppercase;letter-spacing:.05em}.text-color-primary{color:var(--color-latte)}.text-color-secondary{color:var(--color-latte-dark)}.text-color-alert{color:var(--color-alert)}.text-color-black-500{color:var(--color-black-500)}.text-color-black-900{color:var(--color-black-900)}a.text-color-black-900:not(.button):where(:hover,:focus-visible){outline-color:var(--color-black-900);color:var(--color-black-500)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ff0;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:10px;border:2px solid var(--scrollbar-track-color)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}html{scrollbar-gutter:stable both-edges}