/* One geometric icon box, without native button padding or text baselines. */
.tt-icon{display:block;flex-shrink:0;stroke-width:1.75;overflow:visible}
.icon-button{padding:0;line-height:1;place-content:center;place-items:center}
.icon-button>.tt-icon{margin:0;align-self:center;justify-self:center;transform:none}
.dialog-heading>[data-action="close"]{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;align-self:center;border-radius:12px;padding:0;display:grid;place-items:center}
.dialog-heading>[data-action="close"]>.tt-icon{width:20px;height:20px}
.dialog-heading>span{min-width:0;overflow-wrap:anywhere}
.preview-controls button{padding:0;line-height:1}
.search-box>.tt-icon{width:18px;height:18px}
.search-box .icon-button{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;display:grid;place-items:center;padding:0;line-height:1}
.search-box .icon-button>.tt-icon{width:20px;height:20px}
.search-box input[type="search"]::-webkit-search-cancel-button{appearance:none;-webkit-appearance:none}
.dialog-heading>[data-action="close"]:hover{background:var(--soft);border-color:var(--muted)}
.dialog-heading>[data-action="close"]:active{background:var(--line)}