.action-bar{position:absolute;right:28px;bottom:110px;width:224px;padding:12px;border-radius:14px}
.action-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;margin-bottom:9px}
.action-heading small{font-size:8px;font-weight:400;color:var(--muted)}
.action-buttons{display:flex;gap:7px}
.action-buttons button{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:#eeefdd;border:1px solid #d9dfc6;border-radius:9px;padding:8px 5px 7px;font-size:10px;transition:background .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.action-buttons button:hover:not(:disabled){background:#dbe4c5}
.action-buttons button[aria-pressed="true"]{background:#d9e4bf;border-color:#98ae76}
.action-buttons button:disabled{opacity:.43;cursor:default}
.action-buttons .action-icon{font-size:23px;line-height:27px;color:#7a8655}
.action-buttons kbd{position:absolute;top:5px;right:5px;font-size:7px;padding:0 3px;min-width:13px;line-height:13px}
@media(max-width:720px){.action-bar{right:14px;bottom:143px;width:153px;padding:9px}.action-heading{font-size:9px;gap:5px}.action-heading small{font-size:6px}.action-buttons{gap:5px}.action-buttons button{font-size:9px;padding:7px 4px}.action-buttons .action-icon{font-size:20px;line-height:23px}.action-buttons kbd{font-size:6px;right:3px;top:3px}}
@media(pointer:coarse){.action-bar{bottom:120px}.action-buttons kbd{display:none}}
@media(max-height:600px){.action-bar{bottom:88px}.action-heading{margin-bottom:5px}.action-buttons button{padding:5px}.action-buttons .action-icon{font-size:19px;line-height:21px}}
.action-bar{width:288px}@media(max-width:720px){.action-bar{width:205px}}