.settings-sheet{background:rgb(var(--hmi-panel-fill));color:rgb(var(--hmi-value-text));border:1px solid rgb(var(--hmi-value-border));font:16px/1.4 Arial,sans-serif;color-scheme:light}
.settings-title{padding:14px 12px;background:rgb(var(--hmi-header-fill));font-size:20px}
.settings-sheet table{width:100%;border-collapse:collapse;table-layout:fixed;font:inherit;color:inherit}
.settings-sheet .tag-column{width:53%}.settings-sheet .format-column{width:10%}.settings-sheet .label-column{width:37%}
.settings-sheet td{padding:13px 12px;vertical-align:middle;border-bottom:1px solid rgb(var(--hmi-value-border))}
.settings-sheet tr:last-child td{border-bottom:0}
.copy-cell{display:flex;gap:10px;align-items:center;min-width:0}
.copy-value{min-width:0;overflow-wrap:anywhere;user-select:text}
.settings-sheet code.copy-value{font:15px/1.5 Consolas,monospace;background:rgb(var(--hmi-value-fill));color:rgb(var(--hmi-value-text));border:1px solid rgb(var(--hmi-value-border));padding:6px;white-space:normal}
.copy-button{flex:0 0 34px;width:34px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:5px;background:rgb(var(--hmi-button-fill));border:1px solid rgb(var(--hmi-value-border));border-radius:0;color:rgb(var(--hmi-value-text));cursor:pointer}
.copy-button:hover{filter:brightness(1.04)}.copy-button:active{background:rgb(var(--hmi-on))}
.copy-button svg{fill:none;stroke:currentColor;stroke-width:1.6}
.copy-button:focus-visible{outline:2px solid #285b74;outline-offset:2px}
.settings-sheet .format{font:15px/1.4 Consolas,monospace;white-space:nowrap}
.related{margin:16px 0 0;font-size:14px}
@media(max-width:700px){.settings-sheet tr{display:grid;grid-template-columns:minmax(0,1fr) 90px;padding:8px 0;border-bottom:1px solid rgb(var(--hmi-value-border))}.settings-sheet tr:last-child{border-bottom:0}.settings-sheet td{display:block;padding:6px 10px;border:0}.settings-sheet td:nth-child(1){grid-column:1 / -1}.settings-sheet td:nth-child(2){grid-column:2;grid-row:2;align-self:center;text-align:right}.settings-sheet td:nth-child(3){grid-column:1;grid-row:2}.settings-sheet .tag-column,.settings-sheet .format-column,.settings-sheet .label-column{width:auto}}
@media(pointer:coarse){.copy-button{flex-basis:44px;width:44px;height:44px}}