@keyframes box-animation{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadein-animation{from{opacity:0}to{opacity:1}}section#login{display:block;height:auto;margin-bottom:20px;padding:20px 0}section#login h1{margin:0;font-size:18px;line-height:1.4;text-align:center}.iphone section#login h1,section#login h1.iphone{font-size:16px}.android section#login h1,section#login h1.android{font-size:16px}section#login p{font-size:14px;line-height:1.7}section#login p a{text-decoration:underline}section#login p a:hover{text-decoration:none}section#login .inner{margin:0 auto;padding:32px 16px;box-sizing:border-box;background-color:#fff}section#login .flex{display:flex;justify-content:center}section#login .form label,section#login .form input,section#login .form a.button{display:block;margin-top:1.5rem}section#login .form label{font-size:14px;line-height:1.4}section#login .form input{width:100%;padding:8px;font-size:34px;box-sizing:border-box;ime-mode:disabled}section#login .form .buttons{text-align:center}section#login .form a.button{display:inline-block;width:47.5%;margin-top:20px;padding:15px 0;font-size:20px;text-align:center;text-decoration:none;background:#00b0ff;border-radius:10px;cursor:pointer;color:#fff;transition:background-color .2s linear}section#login .form a.button:hover{background-color:#0068af}section#login .form a.button-disable,section#login .form a.button-disable-force{background:#ccc;cursor:default;transition:none}section#login .form a.button-disable:hover,section#login .form a.button-disable-force:hover{background-color:#ccc}section#login .form a.button-loading{background:#ccc;cursor:default;transition:none}section#login .form a.button-loading:hover{background-color:#ccc}section#login .form a.button-loading .loader{display:inline-block;position:absolute;margin:0 1rem;width:24px;height:24px;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:spin .75s infinite linear}section#login .form a.button-loading .loader:before,section#login .form a.button-loading .loader:after{left:-2px;top:-2px;display:block;position:absolute;content:"";width:inherit;height:inherit;border-radius:inherit;border-color:transparent;border-top-color:#fff;animation:spin 1.25s infinite linear reverse}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#error{height:2rem}#error span{display:inline-block;padding:.7rem 0;color:red}#playlist{position:fixed;top:0;left:0;z-index:101;width:100%;height:100vh}#playlist .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9)}#playlist .content{position:relative;width:100%;height:100%;box-sizing:border-box;overflow:auto;padding:1.5rem 0 2.5rem}#playlist h2{color:#ff9600;font-size:1.8rem;text-align:center}#playlist nav{display:flex;flex-wrap:wrap;justify-content:center}#playlist nav>button{flex:0 0 23.4%;margin:5px;padding:7px;border:1px solid #ff9600;outline:none;appearance:none;cursor:pointer;background:#fff}#playlist nav>button img{max-width:100%}#playlist nav>button span{display:block;margin-top:3px;line-height:1.3}#playlist .close{margin-top:1rem;text-align:center}#playlist .close>button{padding:3px 7px;color:#fff;font-size:1.4rem;outline:none;appearance:none;cursor:pointer;border:1px solid #fff;background:transparent}#playlist .fc-only{display:none}#playlist.playlist-hidden{display:none}.campaign{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;position:relative;width:100%;height:100%;background-image:linear-gradient(90deg, #ffa8d199, #59c2d599)}.campaign__pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 2px, transparent 2px, transparent 10px)}