.app-container *{box-sizing:border-box}.app-container{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pane{position:absolute;inset:0;background-color:#000;overflow:hidden}@font-face{font-family:Ionicons;src:url(/fonts/ionicons.eot?v=2.0.1);src:url(/fonts/ionicons.eot?v=2.0.1#iefix) format("embedded-opentype"),url(/fonts/ionicons.ttf?v=2.0.1) format("truetype"),url(/fonts/ionicons.woff?v=2.0.1) format("woff"),url(/fonts/ionicons.woff) format("woff"),url(/fonts/ionicons.svg?v=2.0.1#Ionicons) format("svg");font-weight:400;font-style:normal}.ion,.icon{font-family:Ionicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased}.ion-chevron-left:before{content:""}.ion-chevron-right:before{content:""}.ion-ios-close-empty:before{content:""}.button{border-color:#b2b2b2;background-color:#f8f8f8;color:#444;position:relative;display:inline-flex;align-items:center;gap:6px;margin:0;padding:0 12px;min-width:52px;min-height:47px;border-width:1px;border-style:solid;border-radius:2px;font-size:16px;cursor:pointer;text-decoration:none}.button:hover{color:#444;text-decoration:none}.button .icon:before{font-family:Ionicons;font-size:24px;line-height:1;pointer-events:none}.button.button-stable{border-color:#b2b2b2;background-color:#f8f8f8;color:#444}.button.button-outline{transition:opacity .1s;background:none;box-shadow:none}.button.button-outline.button-stable{border-color:#b2b2b2;background:transparent;color:#b2b2b2;line-height:45px}.button-skip,.button-start,.button-restart{position:absolute;right:16px;bottom:16px;z-index:50}.button-skip .button .icon:before,.button-start .button .icon:before,.button-restart .button .icon:before{font-size:16px}video::-webkit-media-controls-fullscreen-button{display:none}.content{width:100%;max-width:1280px;aspect-ratio:16 / 9;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.content video,.content .video,.content .video-img{width:100%;height:100%;object-fit:cover}.content .hotspots{width:100%;position:absolute;inset:0;transition:opacity .25s linear;opacity:1}.content .hotspots.hidden{opacity:0;pointer-events:none}.content .hotspots .icon{background-image:url(/images/icon.svg);background-repeat:no-repeat;background-size:36px;position:absolute;cursor:pointer;height:36px;width:36px}.content .hotspots .icon:hover .desc{opacity:1}.content .hotspots .icon .desc{height:0;opacity:0;padding:5px;cursor:pointer;position:absolute;top:36px;transition:all .25s linear}.content .hotspots .icon .desc label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;line-height:1.2;display:block;color:#fff;cursor:pointer;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content .hotspots .icon .desc label.title{font-size:18px;font-weight:700}#hotspot-0{top:64%;left:15.1%}#hotspot-0:hover .desc{height:61px}#hotspot-0 .desc{left:-9.4em;border-right:1px solid #fff;text-align:right}#hotspot-0 .desc label{text-align:right}#hotspot-0 .desc label.title{margin-top:20px}#hotspot-1{top:65%;left:22.5%}#hotspot-1:hover .desc{height:81px}#hotspot-1 .desc{left:1.2em;border-left:1px solid #fff}#hotspot-1 .desc label.title{margin-top:40px}#hotspot-2{top:62%;left:47.5%}#hotspot-2:hover .desc{height:81px}#hotspot-2 .desc{left:-3.4em;border-right:1px solid #fff;text-align:right}#hotspot-2 .desc label{text-align:right}#hotspot-2 .desc label.title{margin-top:40px}#hotspot-3{top:60%;left:56.5%}#hotspot-3:hover .desc{height:81px}#hotspot-3 .desc{left:1.2em;border-left:1px solid #fff}#hotspot-3 .desc label.title{margin-top:40px}#hotspot-4{top:51%;left:67.5%}#hotspot-4:hover .desc{height:61px}#hotspot-4 .desc{left:1.2em;border-left:1px solid #fff}#hotspot-4 .desc label.title{margin-top:20px}#hotspot-5{top:50%;left:29%}#hotspot-5:hover .desc{height:41px}#hotspot-5 .desc{left:1.2em;border-left:1px solid #fff}#hotspot-5 .desc label.title{margin-top:20px}.modal-backdrop{position:fixed;inset:0;z-index:100;background-color:#000;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.modal-backdrop.active{opacity:.7}.modal-wrapper{position:fixed;inset:0;z-index:101;pointer-events:none}.modal-wrapper .modal-inner.active{pointer-events:auto}.modal-inner{width:100%;height:100%;position:absolute;inset:0;opacity:0}.modal-inner.entering{transition:opacity .4s ease-in-out;opacity:0}.modal-inner.active{opacity:1}.modal-inner.leaving{transition:opacity .25s ease-in-out;opacity:0}.modal{width:100%;max-width:1280px;aspect-ratio:16 / 9;background-color:transparent;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@keyframes fadeIn{0%{visibility:hidden;opacity:0}1%{visibility:visible}to{visibility:visible;opacity:1}}.modal video.modal-video{width:100%;height:100%;object-fit:cover;display:block;animation:fadeIn .6s ease-in forwards .6s}.modal .button-close{position:absolute;right:5px;top:5px}.modal .button-close .button{min-width:44px;min-height:36px;background:#d8d8d8}.modal .button-close .button.icon:before{font-size:50px;line-height:40px}.orientation-hint{position:absolute;inset:0;z-index:1090;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.orientation-hint img{width:100%;height:auto;padding:1em}.orientation-hint h4{color:#fff;text-align:center;padding:0 2.5%}@media(max-width:667px){.hidden-phone{display:none!important}}@media(orientation:portrait){.hidden-portrait{display:none!important}}@media(orientation:landscape){.hidden-landscape{display:none!important}}.hidden-tablet{display:none}@media(max-width:1280px){.content .hotspots .icon .desc label{font-size:11px}}@media(max-width:1024px){.video,.content,.modal{max-width:1024px;max-height:576px}.content .hotspots .icon .desc label{font-size:10px;max-width:120px}}.desktop .content{max-width:98%;max-height:98%}.desktop .content video{max-width:100%;max-height:100%}.desktop .modal{max-width:98%;max-height:98%}.desktop .modal video{max-width:100%;max-height:100%}.ios .button-skip,.ios .button-restart{bottom:55px!important}