// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`SwapHeader.tsx matches base snapshot 1`] = `
<DocumentFragment>
  .c0 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
}

.c1 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.c2 {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.c4 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c6 {
  outline: none;
  border: none;
  font-size: inherit;
  padding: 0;
  margin: 0;
  background: none;
  cursor: pointer;
  -webkit-transition-duration: 125ms;
  transition-duration: 125ms;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: opacity,color,background-color;
  transition-property: opacity,color,background-color;
}

.c6:hover {
  opacity: 0.6;
}

.c6:focus {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.c9 {
  display: inline-block;
  height: inherit;
}

.c13 {
  height: 24px;
  width: 24px;
}

.c13 > * {
  fill: #7D7D7D;
}

.c11 {
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  cursor: pointer;
  outline: none;
}

.c11:not([disabled]):hover {
  opacity: 0.7;
}

.c12 {
  padding: 6px 12px;
  border-radius: 16px;
}

.c10 {
  position: relative;
}

.c7 {
  color: #222222;
  background-color: #22222212;
  padding: 8px 16px;
  border-radius: 20px;
  gap: 4px;
  font-weight: 485;
}

.c7:focus {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.c7:active {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.c8 {
  color: #7D7D7D;
  padding: 8px 16px;
  border-radius: 20px;
  gap: 4px;
  font-weight: 485;
}

.c8:focus {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.c8:active {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.c3 {
  margin-bottom: 12px;
  padding-right: 4px;
  color: #7D7D7D;
}

.c5 {
  gap: 16px;
}

<span
    class="t_light is_inversed _dsp_contents"
  >
    <span
      class=" t_light _dsp_contents is_Theme"
    >
      <div
        class="c0 c1 c2 c3"
      >
        <div
          class="c0 c1 c4 c5"
        >
          <button
            class="c6 c7"
            role="button"
            tabindex="0"
          >
            Swap
          </button>
          <button
            class="c6 c8"
          >
            Limit
          </button>
          <div
            class="c9"
          >
            <div>
              <button
                class="c6 c8"
                data-testid="buy-fiat-button"
              >
                Buy
              </button>
            </div>
          </div>
        </div>
        <div
          class="c0 c1 c4"
        >
          <div
            class="c10"
          >
            <button
              aria-label="Transaction Settings"
              class="c11"
              data-testid="open-settings-dialog-button"
              id="open-settings-dialog-button"
            >
              <div
                class="c0 c1 c12"
              >
                <svg
                  class="c13"
                  fill="none"
                  height="24"
                  viewBox="0 0 24 24"
                  width="24"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M20.83 14.6C19.9 14.06 19.33 13.07 19.33 12C19.33 10.93 19.9 9.93999 20.83 9.39999C20.99 9.29999 21.05 9.1 20.95 8.94L19.28 6.06C19.22 5.95 19.11 5.89001 19 5.89001C18.94 5.89001 18.88 5.91 18.83 5.94C18.37 6.2 17.85 6.34 17.33 6.34C16.8 6.34 16.28 6.19999 15.81 5.92999C14.88 5.38999 14.31 4.41 14.31 3.34C14.31 3.15 14.16 3 13.98 3H10.02C9.83999 3 9.69 3.15 9.69 3.34C9.69 4.41 9.12 5.38999 8.19 5.92999C7.72 6.19999 7.20001 6.34 6.67001 6.34C6.15001 6.34 5.63001 6.2 5.17001 5.94C5.01001 5.84 4.81 5.9 4.72 6.06L3.04001 8.94C3.01001 8.99 3 9.05001 3 9.10001C3 9.22001 3.06001 9.32999 3.17001 9.39999C4.10001 9.93999 4.67001 10.92 4.67001 11.99C4.67001 13.07 4.09999 14.06 3.17999 14.6H3.17001C3.01001 14.7 2.94999 14.9 3.04999 15.06L4.72 17.94C4.78 18.05 4.89 18.11 5 18.11C5.06 18.11 5.12001 18.09 5.17001 18.06C6.11001 17.53 7.26 17.53 8.19 18.07C9.11 18.61 9.67999 19.59 9.67999 20.66C9.67999 20.85 9.82999 21 10.02 21H13.98C14.16 21 14.31 20.85 14.31 20.66C14.31 19.59 14.88 18.61 15.81 18.07C16.28 17.8 16.8 17.66 17.33 17.66C17.85 17.66 18.37 17.8 18.83 18.06C18.99 18.16 19.19 18.1 19.28 17.94L20.96 15.06C20.99 15.01 21 14.95 21 14.9C21 14.78 20.94 14.67 20.83 14.6ZM12 15C10.34 15 9 13.66 9 12C9 10.34 10.34 9 12 9C13.66 9 15 10.34 15 12C15 13.66 13.66 15 12 15Z"
                    fill="currentColor"
                  />
                </svg>
              </div>
            </button>
          </div>
        </div>
      </div>
    </span>
  </span>
</DocumentFragment>
`;
