.container{width:100%;height:calc(100vh - 200px)}.info-box{position:absolute;bottom:16px;left:24px;z-index:100;width:300px;background:rgba(0,0,0,.6);border-radius:2px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);font-size:14px;color:#fff;padding:5px}.viewBtn{bottom:0;right:0;width:112px;height:29px;background:#dce5ee;box-shadow:0 0 4px 0 rgba(0,0,0,.4);border-radius:2px;border:2px solid #fff;font-size:12px;color:rgba(0,0,0,.7);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.tools,.viewBtn{position:absolute;z-index:100;display:-ms-flexbox;display:flex}.tools{top:16px;right:24px;-ms-flex-pack:end;justify-content:flex-end}.tools .types{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:322px;height:35px;background:rgba(0,0,0,.6);border-radius:6px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.tools .types .type{color:hsla(0,0%,100%,.7);margin:0 5px;cursor:pointer}.tools .types .type img{width:28px;height:28px}.tools .types .type.cur{color:#fff}.tools .tips{position:absolute;top:45px;right:0;z-index:100;background:#fff5f5;border-radius:6px;border:2px solid #ff885b;font-size:14px;color:rgba(0,0,0,.5)}.tools .action,.tools .tips{width:100px;height:35px;box-shadow:0 4px 12px 1px rgba(0,0,0,.08),0 4px 10px 0 rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.tools .action{margin-left:12px;cursor:pointer;font-size:16px;color:hsla(0,0%,100%,.7);background:#0070ff;border-radius:6px;border:1px solid #0070ff}.tools .action img{width:24px;height:24px}.tools .action.cur{background:#fff;box-shadow:0 4px 12px 1px rgba(0,0,0,.08),0 4px 10px 0 rgba(0,0,0,.1);border-radius:6px;border:1px solid rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:rgba(0,0,0,.7)}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color:transparent;background-image:none;color:#25a5f7;border-color:#25a5f7;padding:.25rem .2rem;width:80px;margin-right:20px;line-height:1.5;border-radius:1rem;-webkit-appearance:button;cursor:pointer}.btn:hover{color:#fff;background-color:#25a5f7;border-color:#25a5f7;text-decoration:none}.input-card{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border-radius:.25rem;width:300px;border-width:0;border-radius:.4rem;box-shadow:0 2px 6px 0 rgba(114,124,245,.5);position:absolute;bottom:1rem;right:1rem;-ms-flex:1 1 auto;flex:1 1 auto;padding:20px 10px 20px 20px}.info hr{margin-right:0;margin-left:0;border-top-color:grey}.info{padding:.75rem 1.25rem;margin-bottom:1rem;border-radius:.25rem;position:fixed;top:1rem;background-color:#fff;width:auto;min-width:22rem;border-width:0;right:1rem;box-shadow:0 2px 6px 0 rgba(114,124,245,.5)}