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

exports[`disable nft on searchbar should render searchbar on larger screen 1`] = `
.c2 {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
}

.c3 {
  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;
}

.c0 {
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  height: 42px;
  position: relative;
}

.c1 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: 'input' 'dropdown';
  max-height: 100vh;
  z-index: 1000;
}

.c6 {
  background-color: rgba(34,34,34,0.05);
  color: rgba(19,19,19,0.63);
  padding: 0px 8px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 535;
  line-height: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.6;
  -webkit-backdrop-filter: blur(60px);
  backdrop-filter: blur(60px);
}

.c4 {
  grid-area: input;
  background-color: #F9F9F9;
  border: 1px solid rgba(34,34,34,0.05);
  min-width: 280px;
  max-width: 400px;
  width: 100vw;
  padding: 8px 16px;
  border-radius: 20px;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.c4:hover {
  background-color: #FCFCFC;
}

.c5 {
  width: 20px;
  height: 20px;
}

@media screen and (max-width:380px) {
  .c4 {
    border: none;
  }
}

<div>
  <span
    class=""
    style="display: contents;"
  >
    <div
      class="c0"
      data-cy="nav-search-container"
    >
      <div
        class="c1"
      >
        <div
          class="c2 c3 c4"
          data-testid="nav-search-input"
        >
          <div
            class="c5"
            data-cy="nav-search-icon"
          >
            <svg
              fill="none"
              height="20px"
              stroke="rgba(19, 19, 19, 0.63)"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              viewBox="0 0 24 24"
              width="20px"
              xmlns="http://www.w3.org/2000/svg"
            >
              <circle
                cx="11"
                cy="11"
                r="8"
              />
              <line
                x1="21"
                x2="16.65"
                y1="21"
                y2="16.65"
              />
            </svg>
          </div>
          <span
            class="_dsp_contents"
          >
            <input
              autocapitalize="sentences"
              autocomplete="on"
              autocorrect="on"
              class="css-textinput-11aywtz r-placeholderTextColor-6taxm2 is_Input font_body _borderTopColor-0hover-borderColor69916956 _borderRightColor-0hover-borderColor69916956 _borderBottomColor-0hover-borderColor69916956 _borderLeftColor-0hover-borderColor69916956 _borderTopColor-0focus-borderColor68052152 _borderRightColor-0focus-borderColor68052152 _borderBottomColor-0focus-borderColor68052152 _borderLeftColor-0focus-borderColor68052152 _outlineColor-0focus-visible-outlineColo114 _outlineWidth-0focus-visible-2px _outlineStyle-0focus-visible-solid _fontFamily-f-family _fontWeight-f-weight-bo3548 _fontSize-f-size-medi3736 _lineHeight-f-lineHeigh507465454 _pr-t-space-pad95589114 _pl-t-space-pad95589114 _height-10037 _borderTopLeftRadius-t-radius-tr3728 _borderTopRightRadius-t-radius-tr3728 _borderBottomRightRadius-t-radius-tr3728 _borderBottomLeftRadius-t-radius-tr3728 _borderTopWidth-1px _borderRightWidth-1px _borderBottomWidth-1px _borderLeftWidth-1px _outlineWidth-0px _color-color _borderTopColor-borderColor _borderRightColor-borderColor _borderBottomColor-borderColor _borderLeftColor-borderColor _backgroundColor-transparent _minWidth-0px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _width-10037"
              data-disable-theme="true"
              dir="auto"
              placeholder="Search tokens"
              rows="1"
              spellcheck="true"
              style="--placeholderTextColor: rgba(19, 19, 19, 0.63);"
              tabindex="0"
              value=""
              virtualkeyboardpolicy="auto"
            />
          </span>
          <div
            class="c6"
          >
            /
          </div>
        </div>
      </div>
    </div>
    <div
      style="display: contents;"
    />
  </span>
</div>
`;
