html,body{margin:0}.flexBetween{display:flex;justify-content:space-between;align-items:center}#input{width:36px;background:#0000;border:none}#ui{position:fixed;bottom:18px;right:18px;background:#fff;padding:12px;border-radius:9px;font-size:small;box-shadow:0 4px 8px #888}#ui>div{display:flex;align-items:center}#ui input[type=number]{width:40px;border:none}#ui .unit{border:1px solid #bbb;border-radius:9px;margin-top:6px;overflow:hidden;display:flex;align-items:center;padding-left:12px}#ui .unit span:last-child{padding:6px 12px;background:#ddd}#info{box-sizing:border-box;position:fixed;width:100%;height:100%;padding:20%;top:0}#back{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:#888c;z-index:-1}#contents{width:100%;background:#fff;border-radius:12px;box-shadow:0 4px 8px #888;box-sizing:border-box;padding:18px}#info .code{font-size:small;font-weight:700;color:#04f}