/* Line icons drawn by room-icons.js where labels used text arrows; they take the label's colour and size. */
.room-icon{display:inline-block;flex:none;width:1.08em;height:1.08em;vertical-align:-.17em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease-out}
.room-icon-start{margin-inline-end:.34em}
.room-icon-end{margin-inline-start:.3em}
.room-icon-lone{width:22px;height:22px;vertical-align:middle;stroke-width:1.7}
.room-icon-close{width:20px;height:20px}
button.room-icon-holder{line-height:0}
span.room-icon-holder,b.room-icon-holder{display:inline-grid;place-items:center;line-height:0}
.room-icon-comment{width:1.16em;height:1.16em;vertical-align:-.22em}
/* Movement hints on hover: arrows lean the way they lead. */
:is(a,button):hover>.room-icon-arrow-right,:is(a,button):hover .room-icon-holder>.room-icon-arrow-right{transform:translateX(2px)}
:is(a,button):hover>.room-icon-arrow-left{transform:translateX(-2px)}
:is(a,button):hover>.room-icon-external{transform:translate(1px,-1px)}
summary.room-summary{list-style:none}
summary.room-summary::-webkit-details-marker{display:none}
.room-icon-disclosure{width:1em;height:1em;vertical-align:-.13em;margin-inline-end:.4em}
details[open]>summary>.room-icon-disclosure{transform:rotate(90deg)}
.room-icon.room-icon-flush{margin-inline:0}
.room-icon-nowrap{white-space:nowrap}
@media(prefers-reduced-motion:reduce){.room-icon{transition:none}}
/* Picture-only controls keep their words for screen readers. */
.room-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.room-icon-only{display:inline-grid;place-items:center;line-height:0}
.room-icon-only>.room-icon{width:20px;height:20px}
#comic-workspace .comic-reader-tools .room-icon-only{min-width:44px;padding-inline:0}
#open-toc.room-icon-only{min-width:48px;min-height:48px;padding:0}
#open-toc.room-icon-only>.room-icon{width:22px;height:22px}
.password-toggle.room-icon-only{width:52px;padding:0;color:var(--muted)}
.password-toggle.room-icon-only:hover{color:var(--ink)}
#library-clear-search.room-icon-only{min-width:36px;min-height:36px;padding:0}
.segmented-control .room-icon-only>.room-icon{width:22px;height:22px;stroke-width:1.7}
#desk-refresh-notes.room-icon-only{min-width:40px;padding-inline:0}
.room-icon-compact{display:inline-flex;align-items:center;gap:.3em;min-height:32px}
.room-icon-compact>.room-icon{width:20px;height:20px;margin:0;vertical-align:middle}
.reader-word-export>.room-icon{width:22px;height:22px}
.mv-kind>.room-icon{display:block;width:30px;height:30px;stroke-width:1.5}
/* Video rows show a play mark in place of the orbit motif, so audio and video tell apart at a glance. */
.mv-poster:not(.is-audio)>.mv-kind.room-icon-swapped{display:block}
.mv-poster:has(>.mv-kind.room-icon-swapped)::before,.mv-poster:has(>.mv-kind.room-icon-swapped)::after{display:none}
.desk-collection-symbol>.room-icon{width:30px;height:30px;stroke-width:1.4}
#home-page .desk-collection-symbol>.room-icon{width:24px;height:24px}
#open-protected-book.room-icon-swapped{align-items:center;justify-content:center;color:var(--muted)}
#open-protected-book>.room-icon{width:26px;height:26px;stroke-width:1.6}