#main-no-map{align-items:center;border:2px dashed #21ade5;border-radius:2rem;cursor:pointer;display:flex;height:82.5vh;justify-content:center;margin:1rem auto;max-width:100%;padding:20px;text-align:center;width:60vw}input[type=file]{display:none}input[type=file]:focus+#main-no-map{border-color:#1d9bce}#main-no-map-item{color:#21ade5;text-align:center}#main-no-map i{color:#21ade5;font-size:2rem}#main-no-map p{font-size:1rem}#main-no-map button{background-color:#21ade5;border:2px solid #1d9bce;border-radius:2rem;color:#fff;cursor:pointer}#guidemap-wrapper{height:calc(100vh - 70px);margin-left:275px;overflow:auto;position:relative;width:calc(100vw - 300px)}@media (max-width:768px){#guidemap-wrapper{margin-left:10px;width:calc(100vw - 30px)}}.endpont-icon{cursor:pointer;position:absolute}.modal{background:rgba(0,0,0,.5);box-sizing:border-box;height:100%;left:0;overflow:auto;position:fixed;text-align:center;top:0;transition:.3s;width:100%;z-index:9999}.modal:before{content:"";height:100%;margin-left:-.2em}.modal-container,.modal:before{display:inline-block;vertical-align:middle}.modal-container{position:relative;width:400px}@media (max-width:440px){.modal-container{margin:10px;width:calc(100% - 30px)}}.modal-close{align-items:center;color:#333;cursor:pointer;display:flex;font-size:30px;height:40px;justify-content:center;position:absolute;right:0;top:20px;width:40px;z-index:9999}.modal-content{background:#fff;border:4px solid #21ade588;line-height:1.8;margin:20px 0;padding:20px;text-align:left}#modal-title{color:#21ade5;font-size:1.2rem;margin:0;text-align:center}body{text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;background-color:#f9fbfd}.theme-color{color:#21ade5}.vertical-line{background-color:#ccc;height:30px;margin:0 2vh;padding:0;width:1px}.vertical-line-width{background-color:#ccc;height:1px;margin:0 auto;width:150px}.vertical-line-width-text{background-color:#fff;color:#888;font-size:.8em;left:50%;padding:0 10px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vertical-line-margin{margin-bottom:10px}.title{color:#21ade5;font-size:1.2rem;margin:0;text-align:center}label{display:inline-block;margin-right:.8em;min-width:5em}input{border:2px solid #21ade588;border-radius:5px;display:inline;flex:1 1;font-size:1.1em;height:1.6rem;margin:.3em 0;min-width:100px;padding-left:5px}input:focus{outline:1px solid #21ade5}@-webkit-keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}5%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}10%{-webkit-transform:translateX(2px);transform:translateX(2px)}15%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}20%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}5%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}10%{-webkit-transform:translateX(2px);transform:translateX(2px)}15%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}20%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.badge-wrapper{display:inline-block;position:relative}.badge{-webkit-animation:shake 2s infinite;animation:shake 2s infinite;background-color:#e57621;border:3px solid #fff;border-radius:50%;display:flex;height:15px;position:absolute;right:0;top:-10px;width:15px}button{background-color:#fff;border:2px solid #21ade5;border-radius:10px;color:#21ade5;font-size:1rem;height:2rem;width:10rem}button:hover{background-color:#21bee533}button:active{background-color:#21ade5;color:#fff}.form-button{border:2px solid #21ade588;font-size:1.1em;margin:.3em 0;min-width:100px}#modal-map-confirm-p{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}#modal-map-confirm-img{width:100%}#modal-map-confirm-button{display:block;margin:1rem auto}.icon{align-items:center;background-color:#21ade5;display:flex;height:50px;justify-content:center;width:50px}.icon i{color:#fff;font-size:40px;margin:0 auto}.icon-dummy{background-color:#00000000;border:3px solid #21ade5;pointer-events:none;position:absolute}#endpoint-bottons{margin:1em 0;min-width:220px}#endpoint-bottons .badge-wrapper{width:75%}#endpoint-setting{width:calc(100% - .5em)}#endpoint-delete{min-width:50px;width:calc(25% - .25em)}#endpoint-delete-botton{display:block;margin:0 auto}.device-displays p{display:inline-block;margin:.3em 1em .3em 0}.device-displays p:first-child{min-width:5em}.device-displays p:nth-child(2){-webkit-text-decoration:underline solid 2px #21ade588;text-decoration:underline solid 2px #21ade588}#invalid-vars-p{color:#e57621;margin:20px 0 0}.number,.option,.text{align-items:center;display:flex}select{border:2px solid #21ade588;border-radius:5px;flex:1 1;font-size:1.1em;height:2rem;margin:.3em 0;min-width:100px}.toggle{align-items:center;display:flex}.toggle-label{margin:.3em 1em .3em 0}.toggle-button,.toggle-label{display:inline-block;min-width:5em}.toggle-button{background-color:#ddd;border-radius:1.6rem;cursor:pointer;height:1.6rem;position:relative;top:.5em;transition:background-color .4s}.toggle-button:has(:checked){background-color:#21ade588}.toggle-button:after{background-color:#fff;border:2px solid #21ade588;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.2);content:"";height:1.6rem;left:0;position:absolute;top:-1px;transition:left .4s;width:1.6rem}.toggle-button:has(:checked):after{left:calc(100% - 1.6rem)}.toggle-button input{display:none}.range{align-items:center;display:flex}.range input{-webkit-appearance:none;appearance:none;color:#21ade588;margin-right:10px;padding:0}.range input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#21ade588;border-radius:5px;height:1.5em;margin-top:.5px;width:15px}.range-value{margin:0;text-align:right}#header-wrapper{align-items:center;background-color:#edf2fa;border-radius:3.5rem;display:flex;height:40px;margin:.5rem auto;width:calc(100vw - 5vh);z-index:9999}#logo{background-image:url(/static/media/logo.00fe0a9412d392fdec0f.png);background-repeat:no-repeat;background-size:20vh 5vh;background-size:auto 100%;height:35px;margin-left:1.2rem;width:140px}@media (max-width:768px){#logo{background-image:url(/static/media/logo240x240.11d6fb16cb7b8a20d270.png);background-size:auto 100%;height:35px;margin-left:1.25rem;width:35px}}#menu-no-map p{color:#666}@media (max-width:440px){#logo{margin:0 2vw!important}#header-wrapper .vertical-line{display:none}#header-wrapper{justify-content:center}#icon-device-p,.menu-icon{margin:0 2vw!important}#menu-no-map p{margin-left:6vw}}#menu,#menu-button,#menu-map{align-items:center;display:flex;justify-content:flex-start}#menu p{color:#666;font-size:1.1rem}.menu-icon{cursor:pointer;height:17.5px;margin:0 1vh}#icon-device-p:hover,.menu-icon:hover{background-color:#d5d9e1;border-radius:.5rem;margin:0;padding:1vh}#icon-device-p:hover{margin:0 .5vh;padding:.5vh 1vh}#menu-map-name-wrapper{max-width:320px;width:28vw}#menu-map-name{margin-right:2vh;max-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:570px){#menu-map-name{display:none}#menu-map-name-wrapper{width:0}}#icon-map{display:none}@media (max-width:768px){#icon-map{display:block}}#icon-map-modal .modal-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#icon-map-modal .modal-content{display:inline-block;max-height:80vh;padding:0;position:relative;vertical-align:middle}#icon-map-modal #left-aside-wrapper{display:block;height:70vh;overflow-y:scroll;padding:20px;position:static}#icon-map-modal{margin:0;margin-top:0}#menu-map-name{cursor:pointer}#icon-edit-modal .modal-container{width:500px}#icon-edit-modal-text{margin:10px 0;padding-right:5px}#guidemap-delete-button,#guidemap-save-button{display:block;margin:0 auto}#icon-delete-modal p{text-align:center}#icon-device-p{border:2px solid #bbb;border-radius:.5rem;cursor:pointer;display:inline-block;font-size:.9rem!important;margin:0 .5vh;padding:.25vh 1vh}@media (max-width:570px){#icon-edit-modal .modal-container{width:300px}#icon-edit-modal label:after{content:"：";font-size:1.1rem;margin-top:20px}#icon-edit-modal-input{display:block;margin-top:0;width:255px}}#qr{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:20px 0;width:100%}@media (max-width:530px){#qr{margin:calc(50% - 180px) 0}}#device-add{display:block;width:100%}#url-add{width:calc(100% - 52px)}#device-add-info{margin:0;text-align:center}#device-add-info span{display:block;margin-top:20px}#device-add-info .info,#device-add-info .sucsess{color:#21ade5}#device-add-info .error{color:#e57621}details{margin-top:10px}summary{cursor:pointer}#devices-loading{text-align:center}#device-add-confirm{margin:1em 0;width:100%}.device-item{margin-top:1em}.device-item-top{align-items:center;display:flex;margin-bottom:1em}.device-item-top p{margin-left:1rem}.device-item-bottom{margin:0 auto 1em;position:relative}.device-item-bottom>*{display:inline-block}.device-item-bottom>button:first-child{min-width:12em;width:calc(50% - 2rem)}.device-item button{margin:0 .5rem .5em 0;min-width:4em;width:calc(25% - 2rem)}#icon-device-modal .vertical-line-width{width:100%}#device-delete-modal-button{display:block;margin:0 auto}#error{color:#e57621;text-align:center}#device-setting-modal form{margin-top:20px}#icon-info-modal .modal-container{width:80vw}#info h1{font-size:20px;font-weight:300;margin:30px 0 0;-webkit-text-decoration:underline 2px #21ade5;text-decoration:underline 2px #21ade5}#info h2{font-size:18px;font-weight:300;margin:10px 0 0 10px}#info h2 span{color:#21ade5;font-weight:800}#info p{margin:5px 0 0 35px}#info .title{margin:0}#info a{color:#21ade5}.info-icon{height:17.5px;margin:0 5px -3px}@media (min-width:570px){.device-icon{display:none}.device-span{color:#000!important;display:inline-block}}@media (max-width:570px){.device-icon{display:inline-block}.device-span{display:none}}#info-guidemap-sp{display:none}@media (max-width:768px){#info-guidemap-sp{display:inline-block}}#info #api-image{display:block;margin:0 auto;width:90%}#info table{margin:0 auto;table-layout:fixed;width:100%}#info th{border-bottom:4px solid #888;text-align:center}#info td{border-bottom:2px solid #888}.form-img{margin-left:15px;width:95%}.code-wrapper{-webkit-overflow-scrolling:touch;background:#25292f;border-radius:5px;color:#fff;margin:5px 0;overflow-x:auto;padding:1em;width:88%}.code-wrapper code{white-space:pre}#code-example{width:calc(100% - 40px)}@media (max-width:768px){#left-aside-wrapper{display:none}}#left-aside-wrapper{box-shadow:10px 0 10px rgba(0,0,0,.1);height:calc(100vh - 90px);overflow-x:hidden;overflow-y:scroll;padding-top:20px;position:absolute;width:250px}.map-item{border:2px solid #21ade555;border-radius:20px;cursor:pointer;margin:1vh}.map-item:hover{background-color:#21ade511;border:2px solid #21ade5}.map-item img{display:block;margin:1vh auto;width:90%}.map-item p{margin:1vh;overflow-wrap:break-all;text-align:center}.map-item-new{border:2px dashed #21ade555;display:block}.map-item-new:hover{border:2px dashed #21ade5}