*{box-sizing:border-box}.basic-button{width:46px;height:41px;border:1px solid #00749b;border-bottom:2px solid #00749b;background:#0294c5;-moz-border-radius:5px;border-radius:5px;cursor:pointer;position:relative;color:#fff;font-size:14px}.basic-button:hover{border-bottom:2px solid #009cd0}.basic-button:active{border-bottom:1px solid #009cd0}.basic-button.active{background:#ef3bd8;border-color:#99009b}.button-icon{background:url(../images/button-icon.png);position:absolute;left:12px;top:8px;width:22px;height:25px}#play-button .button-icon{background-position:-62px 0}#play-button{margin-left:9px}#pause-button .button-icon{background-position:-32px 0}#repeat-button .button-icon{background-position:-144px 0}#view-button .button-icon{background-position:-123px 0;left:10px}#source-type{position:relative;-moz-border-radius:5px;border-radius:5px;border:2px solid #0294c5;background:#e6edef;color:#0294c5;height:44px}#source-name{position:relative;margin-top:13px;padding-left:4px}#source-select-button-group{position:absolute;right:2px;cursor:pointer;top:-2px}#source-select-button{background:#0294c5;width:36px;height:36px;margin-top:4px;-moz-border-radius:5px;border-radius:5px}#source-select-button .button-icon{left:8px;background-position:-83px 0}#source-type-items{display:none;position:absolute;width:200px;background:#fff;left:-176px;top:23px;border:2px solid #0294c5;-moz-border-radius:5px;border-radius:5px;padding:3px;z-index:1000}#source-select-button-group:hover #source-type-items{display:block}.source-item{padding:3px 3px 3px 10px;-moz-border-radius:3px;border-radius:3px}.source-item.selected{background:#8be0fc}.source-item:hover{color:#fff;background:#0294c5}.source-item span.value{display:none}#play-status{width:32px;height:32px;background:url(../images/playing.png);z-index:500;position:absolute;right:10px;bottom:10px;display:none}#play-status.waiting{background:url(../images/waiting.png);animation-name:rotate;animation-duration:5s}@keyframes rotate{0%{transform:rotate(0)}20%{transform:rotate(180deg)}40%{transform:rotate(360deg)}60%{transform:rotate(540deg)}100%{transform:rotate(720deg)}}#char{height:300px;width:300px;margin:0 auto;background:url(../images/A-Z.png)}#char.cff2364a0be3d20e46cc69efb36afe9a5,#char.space{background-position:-2400px -600px}#char.c0cc175b9c0f1b6a831c399e269772661{background-position:0 0}#char.c92eb5ffee6ae2fec3ad71c777531578f{background-position:0 -300px}#char.c4a8a08f09d37b73795649038408b5f33{background-position:0 -600px}#char.c8277e0910d750195b448797616e091ad{background-position:-300px 0}#char.ce1671797c52e15f763380b45e841ec32{background-position:-300px -300px}#char.c8fa14cdd754f91cc6554c9e71929cce7{background-position:-300px -600px}#char.cb2f5ff47436671b6e533d8dc3614845d{background-position:-600px 0}#char.c2510c39011c5be704182423e3a695e91{background-position:-600px -300px}#char.c865c0c0b4ab0e063e5caa3387c1a8741{background-position:-600px -600px}#char.c363b122c528f54df4a0446b6bab05515{background-position:-900px 0}#char.c8ce4b16b22b58894aa86c421e8759df3{background-position:-900px -300px}#char.c2db95e8e1a9267b7a1188556b2013b33{background-position:-900px -600px}#char.c6f8f57715090da2632453988d9a1501b{background-position:-1200px 0}#char.c7b8b965ad4bca0e41ab51de7b31363a1{background-position:-1200px -300px}#char.cd95679752134a2d9eb61dbd7b91c4bcc{background-position:-1200px -600px}#char.c83878c91171338902e0fe0fb97a8c47a{background-position:-1500px 0}#char.c7694f4a66316e53c8cdd9d9954bd611d{background-position:-1500px -300px}#char.c4b43b0aee35624cd95b910189b3dc231{background-position:-1500px -600px}#char.c03c7c0ace395d80182db07ae2c30f034{background-position:-1800px 0}#char.ce358efa489f58062f10dd7316b65649e{background-position:-1800px -300px}#char.c7b774effe4a349c6dd82ad4f4f21d34c{background-position:-1800px -600px}#char.c9e3669d19b675bd57058fd4664205d2a{background-position:-2100px 0}#char.cf1290186a5d0b1ceab27f4e77c0c5d68{background-position:-2100px -300px}#char.c9dd4e461268c8034f5c8564e155c67a6{background-position:-2100px -600px}#char.c415290769594460e2e485922904f345d{background-position:-2400px 0}#char.cfbade9e36a3f36d3d676c1b808451dd7{background-position:-2400px -300px}#char.cb1bc248a7ff2b2e95569f56de68615df{background-position:-2700px 0}body{background:#544931;font-family:Arial,Helvetica,sans-serif;font-size:14px;margin:0}.container{display:flex;flex-direction:column;justify-content:space-between;padding:10px}.controls{display:flex;flex-direction:row;justify-content:space-between}.control-speed{display:flex;flex-direction:row}.control-speed input{width:50px;border:1px solid #0294c5;height:41px;text-align:center}.control-speed button:first-child{border-radius:5px 0 0 5px}.control-speed button:last-child{border-radius:0 5px 5px 0}.control-source{flex-grow:1;padding-left:10px}#main-view{margin-top:10px;border-radius:5px;width:100%;height:300px;border:1px solid #fff;background:url(../images/bg.jpg);position:relative}.controls-buttons{justify-content:center}.controls-buttons>div{margin:5px}.banvan-title{background:#0294c5;color:#fff;border-radius:5px 5px 0 0;padding:5px}.banvan-content textarea{width:100%;padding:5px;min-height:50px}.controls-banvan button{margin-top:5px;width:calc(100%/2 - 5px)}header{display:flex;flex-direction:column;background:#0294c5;color:#fff;text-align:center;box-shadow:0 3px 5px -1px rgba(148,148,148,.4),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}header a{color:#fff}.title h1{font-weight:700;font-size:1.5em;margin:10px 0}footer{margin-top:20px;color:#fff;padding:10px;text-align:center}footer a{color:#fff}.fb-like{margin-top:20px}@media only screen and (min-width:769px){.container{width:400px;margin:0 auto}}.tingle-modal *{box-sizing:border-box}.tingle-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:-ms-flexbox;display:flex;visibility:hidden;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.8);opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;transition:transform .2s ease}.tingle-modal--noClose .tingle-modal__close,.tingle-modal__closeLabel{display:none}.tingle-modal--confirm .tingle-modal-box{text-align:center}.tingle-modal--noOverlayClose{cursor:default}.tingle-modal__close{position:fixed;top:10px;right:28px;z-index:1000;padding:0;width:5rem;height:5rem;border:none;background-color:transparent;color:#f0f0f0;font-size:6rem;font-family:monospace;line-height:1;cursor:pointer;transition:color .3s ease}.tingle-modal__close:hover{color:#fff}.tingle-modal-box{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:auto;margin-bottom:auto;width:60%;border-radius:4px;background:#fff;opacity:1;cursor:auto;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);-ms-transform:scale(.8);transform:scale(.8)}.tingle-modal-box__content{padding:3rem}.tingle-modal-box__footer{padding:1.5rem 2rem;width:auto;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#f5f5f5;cursor:auto}.tingle-modal-box__footer::after{display:table;clear:both;content:""}.tingle-modal-box__footer--sticky{position:fixed;bottom:-200px;z-index:10001;opacity:1;transition:bottom .3s ease-in-out .3s}.tingle-enabled{position:fixed;right:0;left:0;overflow:hidden}.tingle-modal--visible .tingle-modal-box__footer{bottom:0}.tingle-enabled .tingle-content-wrapper{filter:blur(8px)}.tingle-modal--visible{visibility:visible;opacity:1}.tingle-modal--visible .tingle-modal-box{-ms-transform:scale(1);transform:scale(1)}.tingle-modal--overflow{overflow-y:scroll;padding-top:8vh}.tingle-btn{display:inline-block;margin:0 .5rem;padding:1rem 2rem;border:none;background-color:grey;box-shadow:none;color:#fff;vertical-align:middle;text-decoration:none;font-size:inherit;font-family:inherit;line-height:normal;cursor:pointer;transition:background-color .4s ease}.tingle-btn--primary{background-color:#3498db}.tingle-btn--danger{background-color:#e74c3c}.tingle-btn--default{background-color:#34495e}.tingle-btn--pull-left{float:left}.tingle-btn--pull-right{float:right}@media (max-width :540px){.tingle-modal{top:0;display:block;padding-top:60px;width:100%}.tingle-modal-box{width:auto;border-radius:0}.tingle-modal-box__content{overflow-y:scroll}.tingle-modal--noClose{top:0}.tingle-modal--noOverlayClose{padding-top:0}.tingle-modal-box__footer .tingle-btn{display:block;float:none;margin-bottom:1rem;width:100%}.tingle-modal__close{top:0;right:0;left:0;display:block;width:100%;height:60px;border:none;background-color:#2c3e50;box-shadow:none;color:#fff;line-height:55px}.tingle-modal__closeLabel{display:inline-block;vertical-align:middle;font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.tingle-modal__closeIcon{display:inline-block;margin-right:.5rem;vertical-align:middle;font-size:4rem}}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.tingle-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (max-width :540px){.tingle-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.tingle-enabled .tingle-content-wrapper{filter:none}}