:root{--primary-color:#d22630;--on-primary-color:#fff;--secondary-color:#fff;--on-secondary-color:#000;--background-color:#022164;--on-background-color:#fff;--surface-color:#fff;--on-surface-color:#000;--info-color:#3498db;--on-info-color:#fff;--success-color:#77b255;--on-success-color:#fff;--warning-color:#fc9119;--on-warning-color:#000;--error-color:#dd2e44;--on-error-color:#fff;--hover-color:#fff;--on-hover-color:#000;--modal-zIndex:100;--keyboard-zIndex:1000;--language-picker-zIndex:999;--toaster-zIndex:9999}::-webkit-scrollbar{height:2rem;width:2rem}::-webkit-scrollbar-track{background:#0000004d;border-radius:8px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#fff}hr{background:#fff3;border:none;height:3px;margin:1rem}.version{bottom:1rem;color:#fff6;left:1rem;position:fixed}.idle-timeout-counter{bottom:1rem;font-size:3em;font-weight:700;position:absolute;right:1rem}.idle-timeout-counter .time-low{color:var(--primary-color)}body,html{background:var(--background-color);color:var(--on-background-color);font-family:Roboto,Helvetica,sans-serif;height:100vh;margin:0;padding:0}body *,html *{letter-spacing:.05rem}h1,h2,h3,h4,h5,h6,p,pre{margin:0}*{box-sizing:border-box;outline:none;user-select:none}pre{font-family:inherit;line-height:inherit;overflow:visible;white-space:pre-wrap}bdi{white-space:pre-line}input,textarea{background:none;border:none;margin:0;min-height:0;min-width:0;padding:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button{background:none;border:none;color:inherit;cursor:pointer;padding:0}button:disabled{cursor:not-allowed}label{cursor:inherit}a{color:inherit;display:block;text-decoration:none}.relative-wrapper{display:block;height:100%;position:relative;width:100%}#root{display:block;height:100vh}#root>main{height:100%;width:100%}.fa{fill:currentColor;height:1em;width:1em}.fa[icon=kv-elektro-logo].mono{--plug-color:#0000;--surface-color:currentColor;--corner-color:#0000;--text-color:currentColor}.fa[icon=kv-elektro-logo] .kv-elektro-logo_svg__plug{fill:var(--plug-color,#05365d)}.fa[icon=kv-elektro-logo] .kv-elektro-logo_svg__surface{fill:var(--surface-color,#f5f5f5)}.fa[icon=kv-elektro-logo] .kv-elektro-logo_svg__red-corner{fill:var(--corner-color,#d22630)}.fa[icon=kv-elektro-logo] .kv-elektro-logo_svg__text{fill:var(--text-color,#05365d)}.fa[icon=motiv] .motiv_svg__red-line{fill:var(--red-line,#d22630)}.fa[icon=motiv] .motiv_svg__blue-line{fill:var(--blue-line,#05365d)}section.widest-content{align-items:flex-start;display:inline-flex;justify-content:flex-start;position:relative}section.widest-content .visible-content{display:flex;left:0;position:absolute;top:0;transform:translateY(-50%)}section.widest-content .dummy{display:flex;flex-direction:column;line-height:0;pointer-events:none;user-select:none;visibility:hidden}@keyframes spinner-circle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{pointer-events:none}.spinner:not(.block){position:absolute;z-index:9999}.spinner-content{animation:spinner-circle 1.1s linear infinite;border:1.1em solid #0003;border-left:1.1em solid var(--primary-color);font-size:var(--spinner-size,1em);position:relative;text-indent:-9999em;transform:translateZ(0)}.spinner-content,.spinner-content:after{border-radius:50%;height:11em;width:11em}section.loading{align-items:center;display:flex;flex-direction:column;font-weight:700;height:100%;justify-content:center}section.loading:not(.block){bottom:0;left:0;position:absolute;right:0;top:0}section.loading.with-background{background:var(--background-color);color:var(--on-background-color)}section.loading.big{font-size:3em}section.loading .spinner{font-size:.5em;margin:.5em}section.error-block{align-items:center;display:flex;flex-direction:column;font-size:2em;height:100%;justify-content:center;text-align:center;width:100%}section.error-block .logo{color:var(--secondary-color);font-size:20em;height:unset;transform:translateY(-50%)}section.error-block .icon{color:var(--error-color);font-size:2em;margin-bottom:1rem}section.error-block .constructed-button{font-size:.8em;margin-top:1em}section.error-block a.constructed-button .btn{font-size:1em}.btn:not(.no-style){font-size:3em;font-weight:700}.btn:not(.no-style).primary{--accent-color:var(--primary-color);--on-accent-color:var(--on-primary-color)}.btn:not(.no-style).on-primary{--accent-color:var(--on-primary-color);--on-accent-color:var(--primary-color)}.btn:not(.no-style).secondary{--accent-color:var(--secondary-color);--on-accent-color:var(--on-secondary-color)}.btn:not(.no-style).tertiary{--accent-color:var(--tertiary-color);--on-accent-color:var(--on-tertiary-color)}.btn:not(.no-style).tertiary-on-dark{--accent-color:var(--tertiary-on-dark-color);--on-accent-color:var(--on-tertiary-on-dark-color)}.btn:not(.no-style).surface{--accent-color:var(--surface-color);--on-accent-color:var(--on-surface-color)}.btn:not(.no-style).background{--accent-color:var(--background-color);--on-accent-color:var(--on-background-color)}.btn:not(.no-style).error,.btn:not(.no-style).invalid{--accent-color:var(--error-color);--on-accent-color:var(--on-error-color)}.btn:not(.no-style).warning{--accent-color:var(--warning-color);--on-accent-color:var(--on-warning-color)}.btn:not(.no-style).success{--accent-color:var(--success-color);--on-accent-color:var(--on-success-color)}.btn:not(.no-style).info{--accent-color:var(--info-color);--on-accent-color:var(--on-info-color)}.btn:not(.no-style).no-accent{--accent-color:#0000;--on-accent-color:var(--on-surface-color)}.btn:not(.no-style).disabled{--accent-color:var(--on-secondary-color);--on-accent-color:#ffffff80;cursor:not-allowed}.btn:not(.no-style).disabled button{pointer-events:none}.btn:not(.no-style).soft-hidden{opacity:0}.btn:not(.no-style) button{align-items:center;background:var(--accent-color);border-radius:7px;box-shadow:5px 5px 4px #00000080;color:var(--on-accent-color,var(--primary-color-dark));display:flex;font-weight:inherit;height:100%;justify-content:center;outline:none;padding:.5em 1em;text-align:center;text-transform:uppercase;width:100%}.btn:not(.no-style) button:active{--accent-color:var(--secondary-color);--on-accent-color:var(--primary-color)}section.number-spinner{align-items:center;display:flex;justify-content:space-between}section.number-spinner .value{margin:0 .5em}section.number-spinner .btn{font-size:inherit}header.header{display:flex;justify-content:space-between}header.header .logo svg{--surface-color:var(--secondary-color);--plug-color:#0000;--text-color:var(--secondary-color);font-size:20em;height:unset}header.header .right{align-items:center;display:flex;gap:2rem;margin-left:auto;margin-right:1rem}header.header .right .customer{color:var(--primary-color);font-size:2.5em;font-weight:700}header.header .right .home button{padding:.4em}header.header .motiv{--blue-line:var(--secondary-color);font-size:8em;margin:0 -1rem 0 0}section.modal-wrapper{align-items:center;bottom:0;content:"";display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;position:fixed;right:0;top:0;z-index:var(--modal-zIndex)}section.modal-wrapper.primary{--accent-color:var(--primary-color);--on-accent-color:var(--on-primary-color)}section.modal-wrapper.on-primary{--accent-color:var(--on-primary-color);--on-accent-color:var(--primary-color)}section.modal-wrapper.secondary{--accent-color:var(--secondary-color);--on-accent-color:var(--on-secondary-color)}section.modal-wrapper.tertiary{--accent-color:var(--tertiary-color);--on-accent-color:var(--on-tertiary-color)}section.modal-wrapper.tertiary-on-dark{--accent-color:var(--tertiary-on-dark-color);--on-accent-color:var(--on-tertiary-on-dark-color)}section.modal-wrapper.surface{--accent-color:var(--surface-color);--on-accent-color:var(--on-surface-color)}section.modal-wrapper.background{--accent-color:var(--background-color);--on-accent-color:var(--on-background-color)}section.modal-wrapper.error,section.modal-wrapper.invalid{--accent-color:var(--error-color);--on-accent-color:var(--on-error-color)}section.modal-wrapper.warning{--accent-color:var(--warning-color);--on-accent-color:var(--on-warning-color)}section.modal-wrapper.success{--accent-color:var(--success-color);--on-accent-color:var(--on-success-color)}section.modal-wrapper.info{--accent-color:var(--info-color);--on-accent-color:var(--on-info-color)}section.modal-wrapper.no-accent{--accent-color:#0000;--on-accent-color:var(--on-surface-color)}section.modal-wrapper .shadow{background:var(--accent-color);bottom:0;content:"";left:0;opacity:1;pointer-events:all;position:absolute;right:0;top:0;z-index:-1}section.modal-wrapper .modal{background:var(--background-color);border-radius:10px;box-shadow:5px 5px 4px #00000080;color:var(--on-background-color);height:80vh;max-height:98vh;max-width:98vw;padding:2rem 4rem;pointer-events:all;width:90vw}section.modal-wrapper .modal>h1:not(.no-style){align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}section.modal-wrapper .modal>h1:not(.no-style) .fa{margin-bottom:.5em}section.message-modal{align-items:center;display:flex;flex-direction:column;font-weight:700;height:100%;justify-content:space-between;text-align:center}section.message-modal h1{align-items:center;display:flex;font-size:4em}section.message-modal h1 .fa{color:var(--accent-color);font-size:1.3em}section.message-modal p{font-size:2.1em}section.message-modal p:last-child{margin:auto 0}section.message-modal .action-buttons{display:flex;justify-content:space-around;width:100%}section.message-modal .action-buttons .btn{font-size:3em}section.keyboard{background:var(--background-color);color:var(--on-background-color);display:flex;flex-direction:column;justify-content:space-between;width:100%}section.keyboard:not(.block){bottom:0;left:0;padding:1rem;position:fixed;transform:translateY(100%);transition:transform .3s cubic-bezier(.34,1.21,.7,1);z-index:var(--keyboard-zIndex)}section.keyboard:not(.block).opened{transform:translateY(0)}section.keyboard:not(.block) .keyboard-wrapper{font-size:.5em}section.keyboard header{background:var(--surface-color);border:5px solid var(--primary-color);border-radius:10px;color:var(--on-surface-color);margin:1rem 0;min-height:1.3em;padding:0 0 0 1rem}section.keyboard .input{display:flex;font-size:2em;overflow:hidden;pointer-events:none;position:relative;text-align:center;word-break:break-all}section.keyboard .input p{align-items:center;display:flex;flex:1;white-space:pre}section.keyboard .input .clear-value{background:var(--primary-color);border-radius:10px;color:var(--error-color);font-size:.9em;margin:5px;opacity:.3;pointer-events:none}section.keyboard .input .clear-value button{padding:.7rem}section.keyboard .input.has-value .clear-value{opacity:1;pointer-events:auto}section.keyboard .keyboard-wrapper{display:grid;gap:1rem;padding:1rem}section.keyboard .keyboard-wrapper .constructed-button{white-space:nowrap}section.keyboard .keyboard-wrapper .constructed-button button{font-size:1.55em;padding:.2em 1em;position:relative}section.keyboard .keyboard-wrapper .constructed-button button .placeholder-dummy{text-transform:uppercase;visibility:hidden}section.keyboard .keyboard-wrapper .constructed-button button .key-dummy{align-items:center;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}section.keyboard .keyboard-wrapper[data-shift-state=DISABLED] .constructed-button button{text-transform:unset}section.keyboard .keyboard-wrapper[data-view=EMAIL]{font-size:1.3em;grid-template-areas:"k0 k1 k2 k3 k4 k5 k6 k7 k8 k9" "q w e r t y u i o p" "SHIFT a s d f g h j k l" "SHIFT z x c v b n m . BACKSPACE" "SPECIAL AT SPACE SPACE SPACE SPACE DOT CZ COM HIDE_KEYBOARD";min-height:380px}section.keyboard .keyboard-wrapper[data-view=EMAIL] .constructed-button{font-size:1em}section.keyboard .keyboard-wrapper[data-view=PASSWORD]{font-size:1.3em;grid-template-areas:"k0 k1 k2 k3 k4 k5 k6 k7 k8 k9" "q w e r t y u i o p" "SHIFT a s d f g h j k l" "SHIFT z x c v b n m . BACKSPACE" "SPECIAL AT SPACE SPACE SPACE SPACE DOT . . HIDE_KEYBOARD";min-height:380px}section.keyboard .keyboard-wrapper[data-view=PASSWORD] .constructed-button{font-size:1em}section.keyboard .keyboard-wrapper[data-view=PASSWORD] .key-COM,section.keyboard .keyboard-wrapper[data-view=PASSWORD] .key-CZ{display:none}section.keyboard .keyboard-wrapper[data-view=SPECIAL]{font-size:1.3em;grid-template-areas:"EXCLAMATION HASH DOLLAR PERCENT EXP AMP STAR BRACKET_LEFT BRACKET_RIGHT COLON" "PLUS MINUS DIVIDE EQUAL QUESTION UNDERSCORE COMMA CURLY_BRACKET_LEFT CURLY_BRACKET_RIGHT BACKSPACE" "SPECIAL AT SPACE SPACE SPACE SPACE DOT CZ COM HIDE_KEYBOARD";min-height:380px}section.keyboard .keyboard-wrapper[data-view=SPECIAL] .constructed-button{font-size:1em}section.keyboard .keyboard-wrapper[data-view=NUMERIC]{grid-template-areas:". k7 k8 k9 BACKSPACE" ". k4 k5 k6 BACKSPACE" ". k1 k2 k3 HIDE_KEYBOARD" ". . k0 . HIDE_KEYBOARD"}section.keyboard .keyboard-wrapper[data-view=NUMERIC] .constructed-button{min-width:5em}section.keyboard .keyboard-wrapper[data-view=DECIMAL]{grid-template-areas:". k7 k8 k9 BACKSPACE" ". k4 k5 k6 BACKSPACE" ". k1 k2 k3 HIDE_KEYBOARD" ". DECIMAL k0 . HIDE_KEYBOARD"}section.keyboard .keyboard-wrapper[data-view=DECIMAL] .constructed-button{min-width:5em}section.keyboard.block .key-HIDE_KEYBOARD{display:none}section.keyboard.block .keyboard-wrapper[data-view=NUMERIC]{grid-template-areas:"k7 k8 k9" "k4 k5 k6" "k1 k2 k3" "k0 k0 BACKSPACE"}section.keyboard.block .keyboard-wrapper[data-view=DECIMAL]{grid-template-areas:"k7 k8 k9" "k4 k5 k6" "k1 k2 k3" "DECIMAL k0 BACKSPACE"}section.location-page{display:flex;flex-direction:column;height:100%}section.location-page h1{font-size:3em;margin-top:-1.5em;text-align:center}section.location-page .location-unit{height:70%;margin:auto;width:80%}section.location-page .maintenance-trigger{bottom:0;height:5rem;position:fixed;right:0;width:5rem}section.location-page .action-buttons{display:flex;font-size:.7em;justify-content:center;margin:auto}section.location-unit{background:var(--surface-color);border-radius:5px;display:flex;flex-direction:column;gap:1rem;padding:1rem}section.location-unit .frame{display:flex;flex:1;gap:1rem}section.location-unit .frame .block{display:flex;flex:1;flex-direction:column;gap:1rem}section.location-unit .frame .block .box{display:flex;flex:1}section.location-unit .frame .block .box button{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding:0}section.location-unit .frame .block .box button b{font-size:3em}section.location-unit .frame .block .box button span{font-size:.5em}section.order-wizard,section.order-wizard>section{display:flex;flex-direction:column;height:100%}section.order-wizard .logo{color:var(--secondary-color)}section.order-wizard h1{font-size:3em;text-align:center}section.order-wizard .no-order{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:0 auto}section.order-wizard .no-order h1{margin:auto}section.order-wizard .no-order a{margin:1rem;min-width:40%}section.order-wizard .navigation-buttons{display:flex;justify-content:space-evenly;margin:1rem 0}section.order-wizard .navigation-buttons .constructed-button{min-width:35%}section.order-wizard .navigation-buttons .constructed-button .fa:first-child{margin-right:.5em}section.order-wizard .navigation-buttons .back .fa,section.order-wizard .navigation-buttons .continue .fa{display:none}section.af-order-wizard-confirm h1,section.af-order-wizard-confirm h2{text-align:center}section.af-order-wizard-confirm h1{font-size:4em}section.af-order-wizard-confirm h2{color:var(--primary-color);font-size:3em;margin:auto}section.af-order-wizard-confirm .navigation-buttons{flex-direction:column;gap:3rem;margin:1rem auto;min-width:40%}section.order-wizard-detail .content,section.order-wizard-detail .footer,section.order-wizard-detail .navigation-buttons{width:80%}section.order-wizard-detail .content{display:flex;flex-direction:column;height:100%;margin:0 auto;overflow:hidden}section.order-wizard-detail .items{display:flex;flex-direction:column;font-size:1.5em;font-weight:700;margin:1rem 0;overflow:auto;text-transform:uppercase}section.order-wizard-detail .items .item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 1rem;position:relative}section.order-wizard-detail .items .item:not(:last-child):after{background:var(--background-color);bottom:0;content:"";filter:brightness(1.5);height:3px;left:0;position:absolute;right:0;transform:translateY(100%)}section.order-wizard-detail .invoice-without-header{display:flex;font-size:2em;justify-content:flex-start;margin:auto auto 1rem;width:80%}section.order-wizard-detail .invoice-without-header .check button{align-items:center;display:flex;margin-left:1.5em;position:relative}section.order-wizard-detail .invoice-without-header .check button .button-content,section.order-wizard-detail .invoice-without-header .check button .title{font-weight:700}section.order-wizard-detail .invoice-without-header .check button .checkbox,section.order-wizard-detail .invoice-without-header .check button:after{content:"";position:absolute}section.order-wizard-detail .invoice-without-header .check button .checkbox{fill:#0000;border:4px solid;border-radius:7px;left:-.5em;transform:translateX(-100%)}section.order-wizard-detail .invoice-without-header .check button:after{bottom:0;left:-1.5em;right:0;top:0}section.order-wizard-detail .invoice-without-header .check.checked button .checkbox{fill:var(--background-color);background:var(--success-color);border-color:var(--success-color)}section.order-wizard-detail .footer,section.order-wizard-detail .navigation-buttons{font-size:.8em;justify-content:space-between;margin:auto auto 1rem}section.order-wizard-detail .footer{align-items:center;display:flex}section.order-wizard-detail .footer .price-total{font-size:4em}section.order-wizard-detail .footer .price-total span{text-transform:uppercase}section.order-wizard-detail .footer .price-total .price{color:var(--primary-color)}section.order-wizard-payment-select>h1{font-size:4em}section.order-wizard-payment-select>h2{text-align:center}section.order-wizard-payment-select>h2 b{color:var(--primary-color)}section.order-wizard-payment-select .error-block .btn{font-size:1.5em}section.order-wizard-payment-select .payment-options{display:flex;flex:1;flex-direction:column;justify-content:space-evenly;margin:1rem auto 0}section.order-wizard-payment-select .payment-options .btn{font-size:2.5em}section.order-wizard-cash-amount-select .keyboard{background:#0000;font-size:.5em;margin:1rem auto 0;width:unset}section.order-wizard-cash-amount-select .keyboard header{font-size:2.3em;font-weight:700;margin:0}section.order-wizard-cash-amount-select .keyboard .keyboard-wrapper{padding-top:1.3em}section.order-wizard-cash-amount-select h3{font-size:1.5em;text-align:center}section.order-wizard-cash-amount-select .navigation-buttons{font-size:.8em;margin-top:auto}section.af-order-wizard-payment.paid .icon{--icon-color:var(--success-color)}section.af-order-wizard-payment h1{font-size:3.2em;text-transform:uppercase}section.af-order-wizard-payment h1.paid{color:var(--secondary-color)}section.af-order-wizard-payment h2,section.af-order-wizard-payment p{font-size:2.5em;font-weight:700;margin:1rem;text-align:center}section.af-order-wizard-payment h2{color:var(--success-color)}section.af-order-wizard-payment h3{color:var(--primary-color);font-size:4em;text-align:center}section.af-order-wizard-payment .icon-wrapper{align-items:center;display:flex;justify-content:center;margin:1rem}section.af-order-wizard-payment .icon-wrapper .icon{align-items:center;background:#e0e0e0;border-radius:50%;color:var(--icon-color,var(--on-surface-color));display:flex;font-size:5em;justify-content:center;padding:.5em}section.af-order-wizard-payment .grid{grid-gap:.5rem 1rem;display:grid;font-size:2.5em;grid-template-columns:repeat(2,1fr);margin:auto;min-width:50%;padding:0}section.af-order-wizard-payment .grid span{color:var(--primary-color-light);text-align:right}section.af-order-wizard-payment .grid .price{color:var(--primary-color-dark)}section.af-order-wizard-payment .grid .paid{color:var(--success-color)}section.af-order-wizard-payment .grid hr{grid-column:span 2;margin:0}section.af-order-wizard-payment .to-pay span{text-transform:uppercase}section.af-order-wizard-payment .to-pay .price{color:var(--primary-color)}section.af-order-wizard-payment .action-buttons{display:none}section.af-order-wizard-payment .action-buttons .cancel{margin:auto}section.af-order-wizard-payment .navigation-buttons{margin-top:auto}section.order-wizard-receipt h1{font-size:4em;text-transform:uppercase}section.order-wizard-receipt .options{display:flex;flex-direction:column;font-size:2.5em;gap:3rem;margin:3rem auto}section.order-wizard-receipt .options .constructed-button button{position:relative}section.order-wizard-receipt .options .constructed-button button .button-content,section.order-wizard-receipt .options .constructed-button button .title{font-weight:700}section.order-wizard-receipt .options .constructed-button button .checkbox,section.order-wizard-receipt .options .constructed-button button:after{content:"";position:absolute}section.order-wizard-receipt .options .constructed-button button .checkbox{fill:#0000;border:4px solid;border-radius:7px;left:-.5em;transform:translateX(-100%)}section.order-wizard-receipt .options .constructed-button button:after{bottom:0;left:-1.5em;right:0;top:0}section.order-wizard-receipt .options .constructed-button.active button .checkbox{fill:var(--background-color);background:var(--success-color);border-color:var(--success-color)}section.order-wizard-receipt .options .constructed-button .emails{display:flex;flex-direction:column;margin-top:.5em;text-align:left}section.order-wizard-receipt .options .constructed-button .emails .email{display:block;font-size:.8em}section.order-wizard-receipt .navigation-buttons{margin-top:auto}section.order-wizard-complete h1{font-size:4em}section.order-wizard-complete h2{color:var(--success-color);font-size:3em;font-weight:400;text-align:center;text-transform:uppercase}section.order-wizard-complete h3{font-size:3em;font-weight:700;margin:auto;text-align:center;text-transform:uppercase}section.order-wizard-complete h3 b{display:block;font-size:2.5em}section.order-wizard-complete .navigation-buttons{margin-top:auto}section.afn-order-wizard h2{color:var(--primary-color);font-size:2em;text-align:center}section.afn-order-wizard .navigation-buttons{font-size:.8em;margin-top:auto}section.afn-order-wizard .navigation-buttons .back .fa,section.afn-order-wizard .navigation-buttons .continue .fa{display:none}section.order-wizard-enter-order-number .loading{z-index:1}section.order-wizard-enter-order-number h1{font-size:2.5em}section.order-wizard-enter-order-number .number-field{border:5px solid var(--secondary-color);border-radius:20px;color:var(--primary-color-dark);font-size:4em;margin:1rem auto;padding:.5rem 1rem}section.order-wizard-enter-order-number .number-field .placeholder{color:var(--secondary-color)}section.order-wizard-enter-order-number .keyboard{background:none;margin:auto;width:unset}section.order-wizard-enter-order-number{padding-top:1rem}section.order-wizard-enter-order-number .keyboard{font-size:.5em}section.afn-order-wizard-confirm h1{font-size:3.2em}section.afn-order-wizard-confirm p{color:var(--primary-color-light);font-size:1.8em;font-weight:700;text-align:center}section.afn-order-wizard-confirm .grid{grid-gap:2rem 1rem;display:grid;font-size:2em;grid-template-columns:repeat(2,1fr);padding:4rem}section.afn-order-wizard-confirm .grid span{color:var(--primary-color-light)}section.afn-order-wizard-confirm .invoice-without-header{display:flex;font-size:2em;justify-content:center;margin-bottom:1rem;margin-top:auto}section.afn-order-wizard-confirm .invoice-without-header .check button{align-items:center;display:flex;position:relative}section.afn-order-wizard-confirm .invoice-without-header .check button .button-content,section.afn-order-wizard-confirm .invoice-without-header .check button .title{font-weight:700}section.afn-order-wizard-confirm .invoice-without-header .check button .checkbox,section.afn-order-wizard-confirm .invoice-without-header .check button:after{content:"";position:absolute}section.afn-order-wizard-confirm .invoice-without-header .check button .checkbox{fill:#0000;border:4px solid;border-radius:7px;left:-.5em;transform:translateX(-100%)}section.afn-order-wizard-confirm .invoice-without-header .check button:after{bottom:0;left:-1.5em;right:0;top:0}section.afn-order-wizard-confirm .invoice-without-header .check.checked button .checkbox{fill:var(--background-color);background:var(--success-color);border-color:var(--success-color)}section.afn-order-wizard-confirm .navigation-buttons.voucher-buttons{margin-bottom:.5rem}section.afn-order-wizard-confirm .navigation-buttons.voucher-buttons .dummy{pointer-events:none;visibility:hidden}section.afn-order-wizard-confirm .navigation-buttons{margin-top:0}section.afn-order-wizard-confirm .invoice-without-header{display:none}section.afn-order-wizard-confirm .navigation-buttons.voucher-buttons{margin-bottom:1rem;margin-top:auto}section.order-wizard-payment h1{font-size:3.2em}section.order-wizard-payment h1.paid{color:var(--secondary-color)}section.order-wizard-payment p{color:var(--primary-color-light);font-size:1.8em;font-weight:700;text-align:center}section.order-wizard-payment .grid{grid-gap:.5rem 1rem;display:grid;font-size:2.5em;grid-template-columns:repeat(2,1fr);margin:1rem auto;min-width:50%;padding:0}section.order-wizard-payment .grid span{color:var(--primary-color-light);text-align:right}section.order-wizard-payment .grid .price{color:var(--primary-color-dark)}section.order-wizard-payment .grid .paid{color:var(--success-color)}section.order-wizard-payment .grid hr{grid-column:span 2;margin:0}section.order-wizard-payment .action-buttons{display:flex;font-size:2em}section.order-wizard-payment .action-buttons .cancel{margin:auto}section.order-wizard-payment-success .title{font-size:3.2em}section.order-wizard-payment-success .icon-wrapper{align-items:center;display:flex;justify-content:center}section.order-wizard-payment-success .icon-wrapper .icon{align-items:center;background:#e0e0e0;border-radius:50%;color:var(--success-color);display:flex;font-size:5em;justify-content:center;padding:.5em}section.order-wizard-payment-success .message{color:var(--primary-color-light);font-size:3.2em;font-weight:400;margin:auto auto 0;text-align:center}section.order-wizard-payment-success .instructions{font-size:2.8em;margin:auto;text-align:center}section.order-wizard-payment-success .ticket-number{font-size:3.2em;margin-bottom:1rem;text-align:center}section.order-wizard-payment-success .ticket-number b{color:var(--primary-color-light)}section.order-wizard-payment-success .navigation-buttons{display:flex;font-size:2em}section.order-wizard-payment-success .navigation-buttons .constructed-button{margin:auto;min-width:40%}section.order-wizard-payment-success .navigation-buttons{font-size:.8em}section.maintenance{display:flex;height:100%}section.maintenance-login{display:flex;flex-direction:column;height:100%}section.maintenance-login .form{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:space-evenly}section.maintenance-login .form>div{min-width:40%}section.maintenance-login .form>div h1{font-size:2em}section.maintenance-login .form>div .constructed-button{font-size:1.5em}section.maintenance-login .form>div .constructed-button button{background:var(--surface-color);border:5px solid var(--primary-color);color:var(--on-surface-color);padding:1em;text-transform:unset}section.maintenance-login .form nav{min-width:40%}section.maintenance-detail{display:flex;flex:1;flex-direction:column;padding:0 0 1rem 1rem}section.maintenance-detail .maintenance-actions{display:grid;flex:1;gap:1rem;grid-template-columns:1fr 1fr 2fr;overflow:hidden}section.maintenance-detail .maintenance-actions[data-selected-action=ACTIONS] .action-context,section.maintenance-detail .maintenance-actions[data-selected-action=DEVICES_STATUS] .action-context,section.maintenance-detail .maintenance-actions[data-selected-action=GET_DEVICES_CONTENTS] .action-context,section.maintenance-detail .maintenance-actions[data-selected-action=MANUAL_PAYMENT] .action-context{grid-column:span 2}section.maintenance-detail .maintenance-actions .devices-selection{display:flex;flex:1;flex-direction:column;font-size:.5em;gap:.5rem}section.maintenance-detail .maintenance-actions .devices-selection .constructed-button.active{--accent-color:var(--surface-color);--on-accent-color:var(--on-surface-color)}section.maintenance-detail .maintenance-actions .actions{display:flex;flex:1;flex-direction:column;font-size:.45em;gap:.5rem}section.maintenance-detail .maintenance-actions .actions .active{--accent-color:var(--surface-color);--on-accent-color:var(--on-surface-color)}section.maintenance-detail .maintenance-actions .action-context{display:flex;flex:2;flex-direction:column;gap:1rem;overflow:hidden;padding-right:1rem}section.maintenance-detail .maintenance-actions .action-context .content{flex:1;font-size:2em;overflow:auto;position:relative}section.maintenance-detail .maintenance-actions .action-context .content .quick-actions{display:flex;flex-direction:column;font-size:.5em;gap:.5rem}section.maintenance-detail .maintenance-actions .action-context .content .grid{display:grid;gap:.5rem 1rem;grid-template-columns:auto 1fr}section.maintenance-detail .maintenance-actions .action-context .content .grid label{color:var(--primary-color);font-weight:700;text-align:right}section.maintenance-detail .maintenance-actions .action-context .content .description{font-size:.8em;margin-bottom:1rem}section.maintenance-detail .maintenance-actions .action-context .content .devices-status .devices{display:flex;flex-direction:column;gap:.5rem;margin:0 1rem}section.maintenance-detail .maintenance-actions .action-context .content .devices-status .devices .device{border:1px solid #fff3;border-radius:10px;padding:.5em}section.maintenance-detail .maintenance-actions .action-context .content .devices-contents{display:flex;flex-direction:column;gap:.5rem;margin:0 1rem}section.maintenance-detail .maintenance-actions .action-context .content .devices-contents>.price-total{font-size:1.5em;margin-bottom:-2rem;text-align:center}section.maintenance-detail .maintenance-actions .action-context .content .devices-contents>.price-total b{color:var(--primary-color)}section.maintenance-detail .maintenance-actions .action-context .content .devices-contents .device{padding-left:.5rem}section.maintenance-detail .maintenance-actions .action-context .content .devices-contents .device h2{align-items:flex-end;display:flex;flex-wrap:wrap;margin-bottom:1rem;margin-left:-.5rem}section.maintenance-detail .maintenance-actions .action-context .content .devices-contents .device h2 .device-id{color:var(--primary-color)}section.maintenance-detail .maintenance-actions .action-context .content .devices-contents .device h2 small{color:var(--secondary-color);font-size:.7em;margin-left:.5em}section.maintenance-detail .maintenance-actions .action-context .content .devices-contents .device h2 b{font-size:.8em;font-weight:700;margin-left:auto}section.maintenance-detail .maintenance-actions .action-context .content .devices-contents .device .grid.grid-table-device-contents{border:1px solid #fff3;border-radius:10px;grid-template-columns:repeat(4,1fr);margin-bottom:1rem;margin-left:.5rem;padding:.5em;text-align:left}section.maintenance-detail .maintenance-actions .action-context .content .devices-contents .device .grid.grid-table-device-contents label{text-align:left}section.maintenance-detail .maintenance-actions .action-context .content .devices-contents .device .grid.grid-table-device-contents .content-item{text-align:right}section.maintenance-detail .maintenance-actions .action-context .content .devices-contents .device .grid.grid-table-device-contents .price-total{border-top:1px solid #ffffff1a;grid-column:span 4;margin:.5rem -.5em 0;padding:.5em .5em 0;text-align:right}section.maintenance-detail .maintenance-actions .action-context .content .devices-contents .device .grid.grid-table-device-contents .price-total b{color:var(--primary-color);font-weight:700}section.maintenance-detail .maintenance-actions .action-context .content .devices-contents hr{margin:2rem 0}section.maintenance-detail .maintenance-actions .action-context .content .devices-contents hr:last-of-type{display:none}section.maintenance-detail .maintenance-actions .action-context .content .maintenance-content-move-some{display:flex;flex-direction:column;height:100%}section.maintenance-detail .maintenance-actions .action-context .content .maintenance-content-move-some .bills{display:flex;flex-direction:column;gap:.5rem}section.maintenance-detail .maintenance-actions .action-context .content .maintenance-content-move-some .bills .bill{align-items:center;display:flex;justify-content:space-between}section.maintenance-detail .maintenance-actions .action-context .content .maintenance-content-move-some .action-buttons{font-size:.5em}section.maintenance-detail .maintenance-actions .action-context .action-buttons .btn,section.maintenance-detail .maintenance-actions .action-context .quick-actions .btn{font-size:1.5em}section.maintenance-detail .maintenance-actions .action-context .cost{font-size:.8em}section.maintenance-detail .maintenance-actions .action-context .cost button{background:var(--surface-color);border:3px solid var(--primary-color);color:var(--on-surface-color)}section.maintenance-detail .maintenance-actions .action-context .action-buttons{display:flex;gap:1rem;justify-content:flex-end;margin:auto 0 0}section.voucher-manager .content{display:flex;flex:1;gap:5%;padding:0 1rem;position:relative}section.voucher-manager .content .btn{font-size:1.5em}section.voucher-manager .content .vouchers{display:flex;flex:9;flex-direction:column;gap:1.5rem}section.voucher-manager .content .vouchers .voucher{display:flex;gap:1rem}section.voucher-manager .content .vouchers .voucher .voucher-button{flex:1}section.voucher-manager .content .vouchers .voucher .btn{--accent-color:var(--primary-color);--on-accent-color:var(--on-primary-color)}section.voucher-manager .content .vouchers .voucher.active .btn{--accent-color:var(--secondary-color);--on-accent-color:var(--on-secondary-color)}section.voucher-manager .content .vouchers .voucher .btn.remove{--accent-color:var(--error-color);--on-accent-color:var(--on-error-color)}section.voucher-manager .content .vouchers .constructed-button{--accent-color:var(--primary-color);--on-accent-color:var(--on-primary-color)}section.voucher-manager .content .voucher-detail{display:flex;flex:1;flex-direction:column;justify-content:center}section.voucher-manager .navigation-buttons{align-items:flex-end;background:var(--background-color);padding:0 1rem;z-index:1}section.voucher-manager .navigation-buttons .constructed-button.voucher-message{display:flex;font-size:1.4em;min-width:auto;padding:0 1rem;pointer-events:none}section.activity-select{display:flex;flex-direction:column;height:100%}section.activity-select .action-buttons{display:flex;flex:1;flex-direction:column;justify-content:space-evenly;margin:1rem auto}.navigation-buttons,section.order-wizard .navigation-buttons{margin:auto auto 1rem}.navigation-buttons{display:flex;font-size:.8em;justify-content:flex-end;width:80%}.navigation-buttons .constructed-button{min-width:40%}section.enter-order-number-page{display:flex;flex-direction:column;height:100%;justify-content:center}section.enter-order-number-page .loading{z-index:1}section.enter-order-number-page h1{font-size:2.5em;text-align:center}section.enter-order-number-page .pin-input{display:flex;flex:1;flex-direction:column}section.enter-order-number-page .pin-input .pin-field{border:5px solid var(--secondary-color);border-radius:20px;color:var(--primary-color-dark);font-size:4em;margin:1rem auto;padding:.5rem 1rem}section.enter-order-number-page .pin-input .pin-field .placeholder{color:var(--secondary-color)}section.enter-order-number-page .pin-input .keyboard{background:none;font-size:.6em;margin:auto;width:unset}section.enter-order-number-page .maintenance-trigger{bottom:0;height:5rem;position:fixed;right:0;width:5rem}section.order-wizard-email-select>h1{font-size:4em;text-transform:uppercase}section.order-wizard-email-select .options{display:flex;flex-direction:column;font-size:2.5em;gap:3rem;margin:3rem auto}section.order-wizard-email-select .options .constructed-button button{align-items:center;display:flex;position:relative}section.order-wizard-email-select .options .constructed-button button .button-content,section.order-wizard-email-select .options .constructed-button button .title{font-weight:700}section.order-wizard-email-select .options .constructed-button button .checkbox,section.order-wizard-email-select .options .constructed-button button:after{content:"";position:absolute}section.order-wizard-email-select .options .constructed-button button .checkbox{fill:#0000;border:4px solid;border-radius:7px;left:-.5em;transform:translateX(-100%)}section.order-wizard-email-select .options .constructed-button button:after{bottom:0;left:-1.5em;right:0;top:0}section.order-wizard-email-select .options .constructed-button.active button .checkbox{fill:var(--background-color);background:var(--success-color);border-color:var(--success-color)}section.order-wizard-email-select .options .constructed-button .emails{display:flex;flex-direction:column;margin-top:.5em;text-align:left}section.order-wizard-email-select .options .constructed-button .emails .email{display:block;font-size:.8em}section.order-wizard-partner-check>h1{font-size:2.5em}section.order-wizard-partner-check>p{font-size:1.5em;text-align:center}section.order-wizard-partner-check .pin-input-wrapper{align-items:center;display:flex;flex:1;justify-content:center}section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics{--border-length:2.5em;--border-width:5px;margin:auto;position:relative}section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics.dummy{opacity:0}section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .fa{font-size:10em;padding:1rem 2rem;width:unset}section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .border{background:currentColor;border-radius:10px;position:absolute}section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .bottom-left,section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .bottom-right,section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .top-left,section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .top-right{height:var(--border-width);width:var(--border-length)}section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .bottom-left-up,section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .bottom-right-up,section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .top-left-down,section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .top-right-down{height:var(--border-length);width:var(--border-width)}section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .top-left,section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .top-left-down{left:0;top:0}section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .top-right,section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .top-right-down{right:0;top:0}section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .bottom-left,section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .bottom-left-up{bottom:0;left:0}section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .bottom-right,section.order-wizard-partner-check .pin-input-wrapper .scan-card-graphics .bottom-right-up{bottom:0;right:0}section.order-wizard-partner-check .pin-input-wrapper .pin-input{display:flex;flex-direction:column}section.order-wizard-partner-check .pin-input-wrapper .pin-input .pin-field{border:5px solid var(--secondary-color);border-radius:20px;color:var(--primary-color-dark);font-size:4em;margin:1rem auto;padding:.5rem 1rem}section.order-wizard-partner-check .pin-input-wrapper .pin-input .pin-field .placeholder{color:var(--secondary-color)}section.order-wizard-partner-check .pin-input-wrapper .pin-input .keyboard{background:none;font-size:.6em;margin:auto;width:unset}section.order-wizard-pin>h1{font-size:2.5em}section.order-wizard-pin .error-block h1{font-size:1em}section.order-wizard-pin .pin-input{display:flex;flex:1;flex-direction:column}section.order-wizard-pin .pin-input .pin-field{border:5px solid var(--secondary-color);border-radius:20px;color:var(--primary-color-dark);font-size:4em;margin:1rem auto;padding:.5rem 1rem}section.order-wizard-pin .pin-input .pin-field .placeholder{color:var(--secondary-color)}section.order-wizard-pin .pin-input .keyboard{background:none;font-size:.6em;margin:auto;width:unset}section.order-wizard-complete .boxes{color:var(--primary-color);font-size:8em;font-weight:700;margin:auto;text-align:center}section.order-wizard-payment>h2{color:var(--success-color);text-align:center}