2 lines
28 KiB
CSS
2 lines
28 KiB
CSS
|
:root{--blue: #2167a5;--blue-deep: #174d7c;--ink: #13202a;--muted-white: rgb(255 255 255 / 90%);--danger: #b9382e;--danger-soft: #fff0ee;--success: #1d8054;--dark: #0c151d;--surface: #111e28;--surface-raised: #172936;--surface-active: #1b3547;--dark-line: #314957;--dark-muted: #c4d0d7;--accent: #55c5dc;font:14px/1.45 Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{width:390px;min-width:390px;min-height:600px;margin:0;background:var(--blue);color:#fff}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.wallet-shell{position:relative;width:390px;height:600px;overflow:hidden;background:var(--blue)}.screen{width:100%;height:100%;background:var(--blue)}.screen[hidden]{display:none}.wallet-header{height:72px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid rgb(255 255 255 / 70%)}.wallet-header img{width:37px;filter:brightness(0) invert(1)}.wallet-header div{display:grid}.wallet-header strong{font-size:18px}.wallet-header small{color:var(--muted-white);font-size:14px}.wallet-header>span{margin-left:auto;font-size:13px;font-weight:700}.screen-content{padding:28px 24px 22px}.screen-content.compact{padding-top:18px}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase}h1{margin:7px 0 9px;font-size:27px;line-height:1.12;letter-spacing:0}.intro{margin:0 0 24px;color:var(--muted-white);line-height:1.5}label{display:block;margin-bottom:8px;font-size:12px;font-weight:700}.input-row{height:49px;display:grid;grid-template-columns:1fr auto;border:1px solid white;background:#fff}.input-row:focus-within,textarea:focus{outline:2px solid rgb(255 255 255 / 28%);outline-offset:2px}.input-row input{min-width:0;border:0;padding:0 13px;color:var(--ink);outline:0}.reveal{border:0;border-left:1px solid #d9e0e5;padding:0 13px;background:#fff;color:var(--blue);font-size:11px;font-weight:700}textarea{width:100%;min-height:82px;margin-bottom:13px;resize:none;border:1px solid white;padding:11px 13px;color:var(--ink);outline:0}.note{display:grid;gap:2px;margin:18px 0 23px;border-left:3px solid var(--accent);padding:13px;background:var(--surface-raised);color:#fff;font-size:12px}.note span{color:var(--dark-muted)}.compact-note{margin:12px 0 14px;padding:10px 13px}.warning{margin:18px 0 25px;border-left:3px solid var(--danger);padding:13px;background:#321c20;color:#ffbbb5;font-size:12px;line-height:1.4}.warning strong{display:block}.primary,.secondary{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--accent);background:var(--accent);color:#08202b;font-weight:700}.primary span{font-size:18px}.secondary{min-height:42px;margin-top:9px;background:transparent;color:#dcecf3;font-size:12px}.secondary:disabled{border-color:#ffffff59;color:#ffffff7f}.text-button{width:100%;margin-top:8px;border:0;padding:8px;background:transparent;color:var(--muted-white)}.divider{display:flex;align-items:center;gap:10px;margin:17px 0 12px;color:#ffffffad;font-size:12px;text-transform:uppercase}.divider:before,.divider:after{height:1px;flex:1;background:#ffffff4d;content:""}.file-heading{margin-top:20px}.file-picker{min-height:86px;display:flex;align-items:center;gap:13px;margin-bottom:24px;border:1px dashed rgb(255 255 255 / 72%);padding:14px;background:#ffffff1a;cursor:pointer}.file-picker>span:last-child{display:grid;gap:4px}.file-picker small{color:#ffffffad;font-weight:400}.file-icon{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border:1px solid white;font-size:22px;font-weight:400}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.loading-screen{position:relative}.loading-brand{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:34px}.loading-brand img,.large-logo{width:148px;filter:brightness(0) invert(1)}.spinner{width:28px;aspect-ratio:1;border:3px solid rgb(255 255 255 / 28%);border-top-color:#fff;border-radius:50%;animation:spin .85s linear infinite}.loadi
|