2 lines
1.6 KiB
CSS
2 lines
1.6 KiB
CSS
.client-authorize{max-width:440px;margin:10vh auto;padding:24px;color:#101828;font:14px/1.6 system-ui,sans-serif}.authorize-brand{display:flex;align-items:center;gap:12px;margin-bottom:38px;font-weight:600}.authorize-logo{width:46px;height:46px;object-fit:contain}.client-authorize h1{font-size:26px;letter-spacing:-.025em;line-height:1.35;margin:0 0 10px}.authorize-account{color:#667085}.authorize-account strong{color:#344054}.client-authorize ul{padding:22px 0 22px 22px;display:grid;gap:12px}.authorize-note{font-size:13px;color:#667085;margin-bottom:24px}.authorize-actions{display:flex;justify-content:flex-end;gap:12px}.client-authorize button{min-height:44px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;color:#344054;padding:0 16px;cursor:pointer}.client-authorize button:hover{background:#f2f4f7}.client-authorize button:focus-visible,.client-authorize summary:focus-visible{outline:2px solid #1677ff;outline-offset:3px}.client-authorize button.authorize-primary{background:#0050cb;border-color:#0050cb;color:white;font-weight:600}.client-authorize button:disabled{opacity:.6;cursor:wait}.client-authorize [role=alert]{padding:12px;background:#fff2f0;color:#b42318;margin-bottom:18px}.client-authorize details{border-top:1px solid #e4e7ec;margin-top:30px;padding-top:20px}.client-authorize summary{cursor:pointer;color:#667085}.authorize-device{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 0}.authorize-device small{display:block;color:#667085}@media(max-width:480px){.client-authorize{margin:24px auto;padding:24px}.authorize-actions button{padding:0 12px}}
|