.dpc-font-tool{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin:7px 7px 5px;padding:6px;border:1px solid rgba(105,210,255,.24);border-radius:9px;background:rgba(4,21,33,.78)}
.dpc-font-tool>span{grid-column:1/-1;color:#83a9ba;font-size:.58rem;font-weight:900;letter-spacing:.12em;text-align:center}
.dpc-font-tool button{min-width:0;padding:5px 2px;border:1px solid rgba(105,210,255,.24);border-radius:6px;background:#0c2b3e;color:#e9f8ff;font:900 .68rem/1 system-ui;cursor:pointer}
.dpc-font-tool button:hover,.dpc-font-tool button:focus-visible{border-color:#69d2ff;background:#123b53;outline:none}
.dpc-font-tool button[data-font-size="reset"]{color:#69d2ff;font-size:.57rem}
.dpc button,.dpc a[class*="button"],.dpc [role="button"]{box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden;text-overflow:clip;overflow-wrap:anywhere;line-height:1.2}
html.on6-font-large .dpc button,html.on6-font-large .dpc a[class*="button"],html.on6-font-large .dpc [role="button"]{height:auto;min-height:2.55em;white-space:normal}
html.on6-font-xlarge .dpc button,html.on6-font-xlarge .dpc a[class*="button"],html.on6-font-xlarge .dpc [role="button"]{letter-spacing:normal}
@media(max-width:760px){.dpc-font-tool{margin:5px 4px;padding:4px;gap:3px}.dpc-font-tool>span{display:none}.dpc-font-tool button{padding:6px 1px;font-size:.61rem}.dpc-font-tool button[data-font-size="reset"]{font-size:.5rem}}