.app-bar-layout{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column}.app-bar-layout>*{flex-shrink:0}.app-bar-layout .app-bar{height:80px;border-bottom:1px solid}.app-bar-layout>.app-content{flex-basis:0;flex-grow:1;overflow:auto}.app-bar-content{display:flex;justify-content:space-between;padding-inline:1rem;height:100%}.app-bar-content>*,.app-bar-content .left>*,.app-bar-content .right>*,.app-bar-content .title-section a,.app-bar-content .title-section a img{height:100%}.app-bar-content .right,.app-bar-content .left>*,.app-bar-content .right>*{display:flex;align-items:center}.app-bar-content .title-section .app-title{text-transform:uppercase;margin-inline-start:1rem}.app-bar-content .user-section .user-details{display:flex;flex-direction:column;height:100%;justify-content:center;text-align:end}.app-bar-content .right>*+*,.app-bar-content .user-section>*+*{margin-inline-start:1rem}.app-bar-content .logout-container{height:100%;padding-block:.5rem;box-sizing:border-box;display:flex;align-items:center}.app-bar-content .connected-symbol,.app-bar-content .disconnected-symbol{border-radius:999999px;width:3rem;height:3rem;position:relative;font-size:1.5rem}.app-bar-content .connected-symbol>*,.app-bar-content .disconnected-symbol>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-bar-content .connected-symbol{background:#00d700;color:#000}.app-bar-content .disconnected-symbol{background:#d10629;color:#fff}.app-bar-content .language-change-button{background:none;padding:none;width:4rem;border:none}.language-change-button{cursor:pointer}.language-change-button .flags{width:100%;max-width:100%;max-height:100%;aspect-ratio:1/1;margin:auto;position:relative}.language-change-button .flags .flag{position:absolute;width:calc(100% / 3*2);height:calc(100% / 3*2);object-fit:contain;object-position:bottom left;bottom:10%;left:0;transform:scale(.7);transform-origin:bottom left;z-index:0}.language-change-button .flags .active{object-position:top right;top:10%;right:0;bottom:unset;left:unset;transform:unset;z-index:1}@media (any-hover: hover){.language-change-button:hover{opacity:.7}}.screen-presentation-page{height:100%;padding:.5rem;box-sizing:border-box}.screen-presentation-page legend .category{font-weight:bolder}.station-content-select{display:flex;height:200px;overflow-x:auto;gap:.5rem;width:100%}.station-content-select button{height:100%;padding:0;background:none;position:relative}.station-content-select button>img,.station-content-select button>video{height:100%;display:block}.station-content-select button.selected{border-color:#1effff}.station-content-select button.selected:after{border:3px solid #1effff;width:100%;height:100%;top:0;left:0;position:absolute;content:""}.loading{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading>*+*{margin-block-start:.5rem}.loading>.spinner{display:block;width:3rem}.logged-out{width:100%;height:100%;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.logged-out>*{width:100%}.logged-out>*+*{margin-block-start:1rem}.logged-out>.text-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.logged-out>.text-container>*+*{margin-block-start:.5rem}.nimiq-qr~.scan-region-highlight svg{stroke-linecap:unset!important;stroke-linejoin:unset!important;stroke:var(--scan-frame-color, #808080)!important}.nimiq-qr{width:100%;height:100%;object-fit:contain}@keyframes success-initial{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes success-rotate{0%{transform:scale(1) rotate(-20deg);opacity:1}to{transform:scale(1) rotate(20deg);opacity:1}}@keyframes success-out{0%{transform:scale(1);opacity:1}to{transform:scale(10);opacity:0}}@keyframes success-initial-floating{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes success-rotate-floating{0%{transform:scale(1) rotate(-20deg);opacity:1}to{transform:scale(1) rotate(20deg);opacity:1}}@keyframes success-out-floating{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(10);opacity:0}}.station-page{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;box-sizing:border-box}.station-page .menu-container{height:100%;display:flex;justify-content:center;align-items:center}.list-menu{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.list-menu>li{list-style:none;white-space:nowrap}.list-menu>li>*{width:100%;overflow:hidden;text-overflow:ellipsis;display:block}.link-button{display:inline-block;background:#00738c;color:#fff;text-decoration:none;border:1px solid}.link-button.disabled{background:#cdcdcd;color:#000}.control-page{height:100%;padding:var(--page-outer-spacing);display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box}.control-page>*{flex-basis:0}.control-page .menu img{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.full-size-layout{position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto}.full-size-layout.no-cursor,.full-size-layout.no-cursor *{cursor:none!important}.full-size-layout>*{flex-basis:0}.breadcrumb-content-layout{display:flex;flex-direction:column;justify-content:start;height:100%;width:100%}.breadcrumb-content-layout>h1+*{margin-top:.5rem}.breadcrumb-content-layout>*{width:100%;flex-basis:0}.breadcrumb-content-layout>.children{flex-grow:1}@keyframes touch{40%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10%) rotate(-5deg)}60%{transform:translateY(0) rotate(0)}}.touch-hint{pointer-events:none;transform-origin:center;animation:touch 2s infinite;animation-timing-function:ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.fade-in{opacity:0;animation:fadeIn .75s ease-in-out;animation-fill-mode:forwards}.fade-in-delay:nth-child(2){animation-delay:.75s}.fade-in-delay:nth-child(3){animation-delay:1.5s}.fade-in-delay:nth-child(4){animation-delay:2.25s}.fade-in-delay:nth-child(5){animation-delay:3s}.fade-in-delay:nth-child(6){animation-delay:3.75s}.fade-in-delay:nth-child(7){animation-delay:4.5s}img.product{position:absolute;top:45%;left:50%;width:50vw;transition:all .75s ease-in-out;transform-origin:center}img.product-0.translated{transform:translate(-50%,-50%) translate(-55vw) scale(2);opacity:0;z-index:9}img.product-0,img.product-1.translated{pointer-events:none;transform:translate(-50%,-50%) translate(-20vw) scale(1.5);filter:blur(0px);z-index:8}img.product-1,img.product-2.translated{transform:translate(-50%,-50%) translate(10vw) scale(.8);filter:blur(3px);z-index:7}img.product-2,img.product-3.translated{transform:translate(-50%,-50%) translate(28vw) scale(.5);filter:blur(5px);opacity:1;z-index:6}img.product-3{transform:translate(-50%,-50%) translate(42vw) scale(.25);filter:blur(7px);opacity:0;z-index:5}img.stylecard-person{position:absolute;height:100%;top:0;left:50%;bottom:0;transform:translate(-25%)}.touch-hint-container{position:absolute;top:35%;left:calc(50% + 10vw);transform:translate(-50%,-50%);z-index:10;opacity:1;transition:all .25s ease-in-out!important;pointer-events:none}.touch-hint-container.translated{opacity:0}@keyframes float-around{0%{transform:translate(0)}50%{transform:translateY(-10px)}to{transform:translate(0)}}.palette{width:0;height:0;position:absolute;top:15vh;left:30vw;filter:drop-shadow(0 0 10px rgba(0,0,0,.2));z-index:10}.palette.animated{animation:float-around 3s infinite ease-in-out}.palette-color{filter:drop-shadow(0 0 5px rgba(0,0,0,.5));position:absolute;display:inline-block;transform-origin:top left;width:42px;height:42px;border-radius:50%;transition:background-color .2s}.palette-color:nth-child(1){transform:translate(-10px,-10px) scale(1.6)}.palette-color:nth-child(2){transform:translate(10px,-10px) scale(1.4) rotate(90deg)}.palette-color:nth-child(3){transform:translate(10px,10px) scale(1.6) rotate(180deg)}.palette-color:nth-child(4){transform:translate(-10px,10px) scale(1.4) rotate(270deg)}.palette-color:nth-child(5){transform:translate(-10px,28px) rotate(270deg)}html{touch-action:none}html,body{background-color:#f9f8f4!important}