*{box-sizing:content-box}html{width:100%}body,html{height:100vh}body{padding:0;width:100vw}.container{background:url(../assets/images/bg.png) no-repeat 50%;background-size:100% 100%;height:100%;margin:0 auto;max-width:500px;width:100%}.container,.wrapper{display:flex;flex-direction:column;justify-content:center}.wrapper{align-items:center}.q-header{background:#f5f7fa;padding:calc(3px + env(safe-area-inset-top, 0)) 10px 8px;position:fixed;top:0;width:100%;z-index:999}.q-header.with-shadow{box-shadow:inset 0 -6px 6px 0 #c3d4e6}.logo img{width:12px}.header-actions{display:flex}.page-title{color:#424f72;font-size:1.3rem;justify-content:center;position:relative;text-align:center}.page-title,.page-title a{align-items:center;display:flex}.page-title a{height:100%;left:0;position:absolute}.back-icon{cursor:pointer;height:24px;margin-right:8px;width:24px}.menu-btn{background:none;border:none;cursor:pointer;font-size:22px;position:absolute;right:10px}.modal-open{background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.modal-div,.modal-open{height:100vh;width:100vw}.modal-div{position:relative}.modal-inner{background:#fff;border-radius:10px;height:200px;left:50%;min-width:330px;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 80px)}.modal-header{background:#40b6fc;border-radius:10px 10px 0 0;color:#fff;font-size:19px;font-weight:700;gap:10px;height:80px;justify-content:center;width:100%}.modal-header,.modal-input{align-items:center;display:flex}.modal-input{background:#b3b3b3;border-radius:20px;height:38px;justify-content:space-between;margin:25px auto 10px;width:calc(100% - 20px)}.url-input{font-size:17px;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 60px)}.copy-btn,.url-input{box-sizing:border-box}.copy-btn{align-items:center;background:#40b6fc;border-radius:0 24px 24px 0;color:#fff;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;padding:4px 8px;width:60px}.copy-btn:active{filter:brightness(.86);transform:translate(.5px,1px)}.modal{background-color:#000;background-color:rgba(0,0,0,.8);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#fefefe;margin:auto;padding:0;width:80%}.step-1-modal-action-wrapper{align-items:center;bottom:2%;display:flex;flex-direction:column;gap:10px;justify-content:center;left:50%;position:absolute;transform:translate(-50%,-30%)}.close{color:#aaa;float:right;font-size:60px;font-weight:700;padding-right:15px}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}
/*# sourceMappingURL=index.css.map */