/*
 * Library icons (Phosphor, inline SVG). Loaded before skin.css.
 * Icons inherit colour via currentColor; skins set colour and frames (skin.css §22).
 * Docs: _md/ICONS.md
 */

.dv-icon {
  display: inline-block;
  flex: none;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
}

/* Room features: the skin sizes the box (§22); the glyph fills it. */
.room-feature .room-feature__icon--glyph {
  width: 3rem;
  height: 3rem;
}

.room-feature .room-feature__icon--glyph .dv-icon {
  width: 100%;
  height: 100%;
}