<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <style>
    g:not(:target) { display: none; }

    .glyph { fill: #4d4d4d; }
    .glyph.translucent { fill-opacity: .15; }

    .inverted .glyph { fill: #fff; }
    .inverted .glyph.translucent { fill-opacity: .15; }
  </style>
  <g id="icon">
    <path class="glyph" d="M12,16H4a1,1,0,0,1-1-1V1A1,1,0,0,1,4,0h8a1,1,0,0,1,1,1V15A1,1,0,0,1,12,16Zm-4-.684a0.785,0.785,0,1,0-.785-0.785A0.785,0.785,0,0,0,8,15.316ZM12,2H4V13h8V2Z"/>
    <rect class="glyph translucent" x="4" y="2" width="8" height="11"/>
  </g>
  <g id="icon-inverted" class="inverted">
    <path class="glyph" d="M12,16H4a1,1,0,0,1-1-1V1A1,1,0,0,1,4,0h8a1,1,0,0,1,1,1V15A1,1,0,0,1,12,16Zm-4-.684a0.785,0.785,0,1,0-.785-0.785A0.785,0.785,0,0,0,8,15.316ZM12,2H4V13h8V2Z"/>
    <rect class="glyph translucent" x="4" y="2" width="8" height="11"/>
  </g>
</svg>