html,body{margin:0;min-height:100%;background:#f4f4f4}body{display:grid;min-height:100vh;box-sizing:border-box;place-items:center}#card-swap{width:100%;min-width:0}.auto{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;min-height:40px;padding:0 10px;gap:7px;align-items:center;color:#383838;font:500 14px/1.3 system-ui,sans-serif;white-space:nowrap;cursor:pointer}.auto[hidden]{display:none}.auto input{margin:0;accent-color:#343a35}