html{margin-top:0px!important;margin-bottom:0px!important;margin-left:0px!important;margin-right:0px!important;scroll-behavior:smooth;}
html,body{height:100vh;height:100dvh;}
body{margin:0px;padding:0px;min-height:100%;font-family:'Inter',Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;color:#FFFFFF;background-color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background-position:50% 100%;background-repeat:no-repeat;background-size:contain;}
html{height:100%}
body{min-height:100%}
b,strong{font-weight:600;font-style:normal;font-stretch:normal;}
div,ul,input,button,textarea,section{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'Inter',Arial,Helvetica,sans-serif;}
a{color:#1d1e33;}
::selection,.md-theme-default:not(input):not(textarea)::selection{background:#0029f7!important;background-color:#0029f7!important;color:#FFFFFF!important;}
::-moz-selection{background:#0029f7;color:#FFFFFF;}
.noselect,.disabled{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.container,.container-fluid,.row>*{padding-left:0em;padding-right:0em;padding-top:0em;padding-bottom:0em;}
.row>*{margin-left:0em;margin-right:0em;}
.left{float:left;}
.right{float:right;}
.radio{width:16px;height:16px;background-color:white;border:1px solid #CCCCCC;position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:flex;justify-content:center;align-items:center;flex:none!important;margin-right:8px;}
.radio.selected:before{content:'';width:6px;height:6px;background-color:#583F98;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.checkbox{width:20px;height:20px;background-color:white;border:1px solid #CCCCCC;position:relative;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:flex;justify-content:center;align-items:center;flex:none!important;margin-right:8px;}
.checkbox.selected:before{content:'';width:8px;height:8px;background-color:#583F98;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
#feedback{position:fixed;bottom:0px;color:white;z-index:9999;}
#feedback .bar2{margin-bottom:70px;}
#feedback .icon{font-size:28px;margin-right:6px;}
#feedback .v-btn:before{opacity:1;background-color:transparent;font-size:16px;display:flex;justify-content:center;align-items:center;}
#feedback .v-snack__content{color:white;display:flex;align-items:center;}
#feedback .info .v-snack__wrapper{background-color:#0029f7!important;}
#feedback .success .v-snack__wrapper{background-color:#4fac33!important;}
#feedback .error .v-snack__wrapper{background-color:#f46288!important;}
#infoPopup{position:fixed;width:calc(100vw);height:calc(100vh);top:0px;left:0px;pointer-events:none;opacity:0;transition:all 0.5s ease;}
#infoPopup.fadeIn{pointer-events:auto;opacity:1;}
#infoPopup .bg{position:fixed;width:calc(100vw);height:calc(100vh);top:0px;left:0px;background-color:rgba(0,0,0,0.4);}
#infoPopup .cont{position:fixed;width:calc(100vw);height:calc(100vh);top:0px;left:0px;pointer-events:none;display:flex;justify-content:center;align-items:center;}
#infoPopup .box{width:300px;background-color:white;display:flex;flex-direction:column;-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.4);-moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.4);box-shadow:0px 1px 2px 0px rgba(0,0,0,0.4);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:10px;}
#infoPopup.fadeIn .box{pointer-events:auto;}
#infoPopup .box .title{font-weight:bold;margin-bottom:6px;}
#infoPopup .box .info{}
#infoPopup .box .action{display:flex;align-items:center;justify-content:center;margin-top:20px;}
#infoPopup .box button{background-color:#1665A0;font-weight:500;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:white;text-align:center;padding:4px 25px;}
#map{position:fixed;width:100%;height:100%;left:0px;top:0px;}
.marker{}
.marker .dot{position:absolute;left:-15px;top:-30px;width:30px;height:30px;background-image:url(../img/map_pointer.png);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;}
.marker .me{position:absolute;left:-15px;top:-15px;width:30px;height:30px;background-color:rgba(255,255,255,0.5);background-color:rgb(198 198 198);border:2px solid white;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.loading{position:absolute;pointer-events:none;z-index:2;width:100%;left:0px;top:0px;height:3px;overflow:hidden;background-color:#bababa;transition:all 0.5s ease;opacity:0;-moz-transform:translate(0px,-3px);-webkit-transform:translate(0px,-3px);-o-transform:translate(0px,-3px);-ms-transform:translate(0px,-3px);transform:translate(0px,-3px);}
.loading.show{opacity:1;-moz-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px);}
.loading.show:before{content:"";position:absolute;left:-50%;height:3px;width:40%;background-color:#c6518b;-webkit-animation:lineAnim 1s linear infinite;-moz-animation:lineAnim 1s linear infinite;animation:lineAnim 1s linear infinite;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
@keyframes lineAnim{0%{left:-40%;} 50%{left:20%;width:80%;} 100%{left:100%;width:100%;}}
#panelLogin{position:fixed;top:151px;z-index:1;opacity:0;pointer-events:none;transition:all 0.5s ease;padding:0px 0px;}
#panelLogin .formPanel{padding:20px 20px 34px 20px;color:#FFFFFF;display:flex;flex-direction:column;transition:all 0.5s ease;-moz-transform:translate(0px,30px);-webkit-transform:translate(0px,30px);-o-transform:translate(0px,30px);-ms-transform:translate(0px,30px);transform:translate(0px,30px);}
#panelLogin.slideIn{opacity:1;pointer-events:auto;}
#panelLogin.slideIn .formPanel{-moz-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px);}
#panelLogin .inputContainer{display:flex;flex-direction:column;margin-top:14px;min-width:300px;}
#panelLogin .line{display:flex;justify-content:space-between;margin-top:35px;justify-content:center;}
#panelLogin .selector{margin-top:26px;}
#panelLogin .selector .button{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;border:1px solid white;color:white;padding:10px 24px;text-align:left;justify-content:flex-start;margin-bottom:10px;}
#panelLogin .inputContainer input{border:1px solid white;color:white;margin-top:5px;padding:11px 14px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;}
#panelLogin .inputContainer label{font-size:18px;}
#panelLogin form button{margin-top:20px;}
.bgBlur{backdrop-filter:blur(4px);backdrop-filter:blur(8px);background-color:rgba(255,255,255,0.4);background-color:rgba(0,0,0,0.6);}
.panel{-webkit-border-radius:28px;-moz-border-radius:28px;border-radius:28px;width:calc(100vw - 12px);border:1px solid white;margin-left:6px;margin-right:6px;padding:10px 28px;pointer-events:none;opacity:0;transition:all 0.5s ease;}
.panel.fadeIn{opacity:1;pointer-events:auto;}
.panel .header{display:flex;justify-content:space-between;align-items:center;}
.panel .header .title{font-size:21px;}
.button{cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid white;color:white;}
.button.small{width:36px;height:36px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font-size:27px;position:relative;}
.button.small.selected:after{content:'';-webkit-border-radius:11px;-moz-border-radius:12px;border-radius:12px;width:46px;height:46px;position:absolute;left:-6px;top:-6px;border:2px solid white;}
.button.buttonClose{width:37px;height:32px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:12px;font-size:15px;}
.button.large{background-position:50% 50%;background-repeat:no-repeat;background-size:75%;width:60px;height:60px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;border:1px solid white;}
#menuBottom{position:fixed;bottom:28px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;}
#menuBottom .line0,#menuBottom .line1{display:flex;justify-content:space-around;align-items:center;}
#menuBottom .map{background-image:url(../img/map.png);}
#menuBottom .cam{background-image:url(../img/cam.png);}
#menuBottom .qr,#menuBottom .img{background-color:rgba(0,0,0,0.2);}
.buttonText{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid white;color:white;padding:1px 24px;text-align:center;display:flex;align-items:center;}
#menuBottom .line1{margin-top:12px;}
#header{position:fixed;top:28px;display:flex;margin:0px 6px;justify-content:space-between;width:calc(100vw - 12px);align-items:flex-start;}
#header .column{transition:all 0.5s ease;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;border:1px solid white;}
#header .buttonSearch{position:absolute;pointer-events:none;transition:all 0.5s ease;}
#header .colSearch .label{position:absolute;top:12px;left:12px;pointer-events:none;transition:all 0.5s ease;opacity:0;}
#header .colSearch input{font-size:14px;padding:13px 10px;width:55px;transition:all 0.5s ease;}
#header.modeSearch .colSearch input{width:calc(100vw - 100px);}
#header.modeSearch .label{opacity:1;}
#header.modeSearch .buttonSearch{opacity:0;}
#header .buttonMain{background-position:50% 50%;background-repeat:no-repeat;background-size:75%;width:55px;height:50px;font-size:32px;display:flex;justify-content:center;align-items:center;}
#header .colMenu{display:flex;flex-direction:column;align-items:flex-end;}
#header .menu{overflow:hidden;max-width:0px;max-height:0px;transition:all 0.5s ease;opacity:0;}
#header .menu .item{font-size:18px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;border:1px solid white;padding:9px 48px 9px 20px;margin-bottom:10px;width:calc(60vw);}
#header .buttonMenu{font-size:32px;}
#header.modeMenu .menu{padding:17px 10px 25px 19px;max-width:calc(100vw);max-height:calc(100vh);opacity:1;}
#artworkList{position:fixed;bottom:157px;left:0px;width:calc(100vw);overflow:hidden;pointer-events:none;opacity:0;transition:all 0.5s ease;}
#artworkList.fadeIn{opacity:1;pointer-events:auto;}
#artworkList .list{width:calc(100vw);overflow:hidden;}
#artworkList .cont{display:flex;padding-left:6px;width:auto;}
#artworkList .item{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border:1px solid white;padding:5px 10px 6px 10px;margin-right:10px;}
#artworkList .item .info{display:flex;justify-content:space-between;}
#artworkList .item .column{display:flex;flex-direction:column;}
#artworkList .item .img{background-image:url(../img/artwork.jpg);background-position:50% 0%;background-repeat:no-repeat;background-size:cover;height:62px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;width:140px;}
#artworkList .item .info .title{font-size:13px;}
#artworkList .item .info .artist{font-size:9px;}
#artworkList .item .info .buttonInfo{font-size:9px;padding:1px 11px;}
#artworkList .item .colRight{display:flex;justify-content:center;align-items:flex-end;}
#artwork{position:fixed;top:122px;padding:19px 15px;}
#artwork .img{background-image:url(../img/artwork.jpg);background-position:50% 0%;background-repeat:no-repeat;background-size:cover;height:180px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;margin-top:7px;}
#artwork .info{font-size:12px;margin-top:19px;}
#artwork .action{display:flex;margin-top:14px;}
#artwork .action .column{width:33%;display:flex;justify-content:center;}
#artwork .action .colRight{display:flex;justify-content:flex-end;}
#artwork .buttonFavorite{margin-left:10px;color:rgba(255,255,255,0.5);}
#artwork .buttonFavorite.selected{color:rgba(255,255,255,1);}
#history,#filter,#favorite{position:fixed;top:103px;padding:16px 17px;z-index:3;}
#history .list,#filter .list,#favorite .list{margin-top:30px;overflow:hidden;height:350px;}
#history .item,#filter .item,#favorite .item{display:flex;font-size:12px;padding:10px 10px;margin-bottom:10px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;border:1px solid white;align-items:center;}
#history .item .column,#filter .item .column,#favorite .item .column{width:33%;display:flex;justify-content:center;align-items:center;}
#history .item .action,#filter .item .action,#favorite .item .action{display:flex;font-size:20px;}
#history .item .title,#favorite .item .title{text-decoration:underline;}
#filter .item .title{justify-content:flex-start;}
#history .item .buttonWarn,#filter .item .buttonWarn,#favorite .item .buttonStar{margin-right:10px;}
#history .cont,#filter .cont,#favorite .cont{padding-left:0px;}
#filter .item .action{justify-content:flex-end;}
#history .mCSB_scrollTools_vertical,#filter .mCSB_scrollTools_vertical,#favorite .mCSB_scrollTools_vertical{left:0px;right:auto;}
#history .mCSB_container,#filter .mCSB_container,#favorite .mCSB_container{margin-right:0px;}
#favorite .dummy{position:absolute;pointer-events:none;opacity:0;}
#videoContainer{position:fixed;left:0px;top:0px;background-color:black;pointer-events:none;display:none;}
video{position:absolute;background-color:black;top:0px;left:0px;}
.mindar-ui-overlay{pointer-events:auto;}
#app{pointer-events:auto;}
.mindar-ui-overlay.non-interactive{pointer-events:none;}
#app.non-interactive{pointer-events:none;}
#intro{position:fixed;left:0px;top:0px;width:calc(100vw);height:calc(100vh);background-color:black;transition:all 0.3s ease;opacity:0;pointer-events:none;}
#intro.fadeIn{opacity:1;pointer-events:auto;}
#intro .logo{position:absolute;left:0px;top:0px;width:calc(100vw);height:calc(100vh);background-image:url(../img/logo.png);background-repeat:no-repeat;background-size:contain;background-position:50% 50%;filter:invert(1);-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);opacity:0;animation-duration:4s;animation-name:logoFadeAnim;pointer-events:none;}
@keyframes logoFadeAnim{0%{-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);opacity:0;} 33%{-moz-transform:scale(0.73);-webkit-transform:scale(0.73);-o-transform:scale(0.73);-ms-transform:scale(0.73);transform:scale(0.73);opacity:1;} 66%{-moz-transform:scale(0.76);-webkit-transform:scale(0.76);-o-transform:scale(0.76);-ms-transform:scale(0.76);transform:scale(0.76);opacity:1;} 100%{-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-o-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);opacity:0;}}
#intro .message{color:white;font-size:22px;font-weight:300;text-align:center;display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh);padding:30% 20px 50% 20px;opacity:0;transition:all 0.3s ease;}
#intro .message.fadeIn{opacity:1;}
#intro .message .line{}
#intro .message .button{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;padding:10px;margin:0px 20%;}
#menuBottom .qrLink{position:absolute;top:-60px;left:0px;border:1px solid white;-webkit-border-radius:28px;-moz-border-radius:28px;border-radius:28px;color:white;text-decoration:none;padding:12px 30px;text-align:center;width:100%;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}