<commit_before>// Outer edge of the tiled zoom "canvas"
.tiled-zoom-container {
  // Default to hidden, will be visible via .toggle() from tiled-zoomer.js.
  display: none;

  // Ensure markup nested under the view can position relative to the map-view
  // container.
  position: relative;

  // Go all the way to the edge.
  padding: 0;
  margin-left: 0;

  // This lands us with a too high container (we want 100% of the container
  // we're in, not 100% of the entire viewport) but it will do for now.s
  height: 95vh;
  width: 100%;

  // Temporary styling while we wait for the actual implementation.
  background-color: darkgrey;

  // The control used to get us out of the visible mode again.
  .tiled-zoom__button--close {
    // Position the button top right on desktop.
    position: absolute;
    right: 40px;
    top: 30px;

    // Style the button as a circle with an svg inside it.
    width: 52px;
    height: 52px;
    border-radius: 26px!important;

    background-color: white;
    // Color gets inherited by the svg.
    color: black;

    // Position the button center-bottom on mobile.
    .is-mobile & {
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      top: auto;
      bottom: 20px;
    }

    svg {
      // Position the svg inside the circle.
      position: absolute;
      left: 17px;
      top: 17px;
      margin: 0;

      // Beef up the strokes a bit.
      stroke: black;
      stroke-width: 40;<commit_msg>Fixing typo and removing !important<commit_after>// Outer edge of the tiled zoom "canvas"
.tiled-zoom-container {
  // Default to hidden, will be visible via .toggle() from tiled-zoomer.js.
  display: none;

  // Ensure markup nested under the view can position relative to the map-view
  // container.
  position: relative;

  // Go all the way to the edge.
  padding: 0;
  margin-left: 0;

  // This lands us with a too high container (we want 100% of the container
  // we're in, not 100% of the entire viewport) but it will do for now.
  height: 95vh;
  width: 100%;

  // Temporary styling while we wait for the actual implementation.
  background-color: darkgrey;

  // The control used to get us out of the visible mode again.
  .tiled-zoom__button--close {
    // Position the button top right on desktop.
    position: absolute;
    right: 40px;
    top: 30px;

    // Style the button as a circle with an svg inside it.
    width: 52px;
    height: 52px;
    border-radius: 26px;

    background-color: white;
    // Color gets inherited by the svg.
    color: black;

    // Position the button center-bottom on mobile.
    .is-mobile & {
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      top: auto;
      bottom: 20px;
    }

    svg {
      // Position the svg inside the circle.
      position: absolute;
      left: 17px;
      top: 17px;
      margin: 0;

      // Beef up the strokes a bit.
      stroke: black;
      stroke-width: 40;
{'fraction_non_alphanumeric': 0.09363422027618727, 'fraction_numerical': 0.022903334456045806, 'mean_word_length': 2.2459016393442623, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3364559', 'n_tokens_mistral': 997, 'n_tokens_neox': 895, 'n_words': 377}