.banner {
  padding: 10px;
  background-color: #fdfda8;
  border-radius: 16px;
}

@media screen and (max-width: 720px) {
.eKIyub {
    width: 90%;
    left: 0px;
    right: 0px;
    margin: auto;
}
}

.eKIyub {
position: fixed;
top: 80px;
/*right: 20px;*/
z-index: 6;
min-width: 300px;
max-width: 800px;
}

.hfWOea {
  display: flex;
  flex-direction: row;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  padding: 6px;
  gap: 6px;
  height: var(--height);
  width: var(--width);
  background: var(--bgColor);
  backdrop-filter: blur(var(--blur));
  border-radius: var(--borderRadius);
  color: var(--color);
  align-items: center;
}

.chsicF {
  --height: 56px;
  --width: 100%;
  --bgColor: rgb(255 248 247 / 40%);
  --bgDropdownColor: #FFFFFF;
  color: #000000;
  --borderRadius: 28px;
  --blur: 16px;
  --defaultFill: rgb(0 0 0 / 50%);
  --activeBackground: #FFFFFF;
  --activeFill: #000000;
  --hoverBackground: #F0DEDE;
  display: flex;
  width: 100%;
  z-index: 9;
  position: sticky;
  top: 0px;
  color: var(--color);
  margin: 0px auto;
  max-width: 100%;
  padding: 10px;
}

@media screen and (max-width: 720px) {
  .hxmiTR {
      padding: 90px 16px 76px;
      min-height: calc(-100px + 100vh);
  }
}

@media screen and (max-width: 960px) {
  .hxmiTR {
      padding: 150px 16px 76px;
      flex: 0 0 auto;
      min-height: calc(-200px + 100vh);
      background-size: auto;
  }
}


.gaHHjF {
  display: flex;
  flex-flow: wrap;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 16px;
  height: var(--size);
  width: var(--size);
  border-radius: 50%;
  border: 0px;
  background: transparent;
  cursor: pointer;
  transition: background 0.2s ease-in-out, fill 0.2s ease-in-out, transform 0.2s ease-in-out;
  color: inherit;
  --size: 33px;
  padding: 0px;
}

.gaHHjF > svg {
  --size: 21px;
  height: var(--size);
  width: var(--size);
  color: var(--defaultFill);
  object-fit: contain;
  margin: auto;
}

.fwJeTi > svg {
  --size: 21px;
  height: var(--size);
  width: var(--size);
  object-fit: contain;
  color: currentcolor;
  margin: auto;
}

.hxmiTR {
  --marginBottomOffset: 65px;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-start;
  -webkit-box-pack: center;
  justify-content: center;
  flex: 1 1 auto;
  z-index: 2;
  color: inherit;
  padding: 150px 16px 76px;
  margin: -76px auto calc(var(--marginBottomOffset)* -1);
  border-bottom-left-radius: var(--marginBottomOffset);
  border-bottom-right-radius: var(--marginBottomOffset);
  min-height: calc(-200px + 100vh);
  background: url(https://swap.cow.fi/assets/background-cowswap-lightmode-oHG5WLOn.svg) center bottom -1px / contain no-repeat rgb(101, 217, 255);
}

.ihIAXx {
  width: 100%;
  max-width: 470px;
  margin: 0px auto;
  position: relative;
}

.bhCtkG {
  display: flex;
  flex-flow: column wrap;
  gap: 10px;
  background: var(--cow-color-paper);
  color: var(--cow-color-text-paper);
  border: none;
  border-radius: var(--cow-border-radius-normal);
  box-shadow: none;
  padding: 10px;
  position: relative;
}

.cMxqFl {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding: 0px 5px 0px 0px;
  margin: 0px;
  color: inherit;
}

.jDbVPO {
  background: transparent;
  border-radius: var(--cow-border-radius-normal);
  padding: 0px;
  display: flex;
  flex-flow: wrap;
  gap: 0px;
}

.enfqNJ {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: inherit;
}


.enfqNJ > a {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  border-radius: var(--cow-border-radius-normal);
  padding: 5px 10px;
  transition: background var(--cow-animation-duration) ease-in-out;
  color: inherit;
  background: var(--cow-color-paper-darker);
}

.jRBBWq {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: inherit;
}

.jRBBWq > a {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  border-radius: var(--cow-border-radius-normal);
  padding: 5px 10px;
  background: transparent;
  transition: background var(--cow-animation-duration) ease-in-out;
  color: inherit;
}

button#open-settings-dialog-button {
  position: relative;
  width: 100%;
  border: none;
  background-color: transparent;
  margin: 0px;
  padding: 0px;
  border-radius: 0.5rem;
  height: var(--cow-icon-size-normal);
  opacity: 0.6;
  transition: opacity var(--cow-animation-duration) ease-in-out;
  color: inherit;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

span.SettingsIcon__StyledMenuIcon-sc-1vvygc5-0.dgDORC {
  height: var(--cow-icon-size-normal);
  width: var(--cow-icon-size-normal);
  opacity: 0.6;
}

.gSsPYo svg {
  opacity: 1;
  margin: auto;
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  color: inherit;
}

.styled__OuterWrapper-sc-1e1t2tl-0.dNnFEV {
  max-width: 100%;
  display: flex;
  flex-flow: column wrap;
}

@media screen and (max-width: 720px) {
  .Ifvzr {
      padding: 16px 12px;
  }
}

.Ifvzr {
  display: flex;
  flex-flow: wrap;
  align-content: space-between;
  gap: 10px;
  padding: 16px;
  background: var(--cow-color-paper-darker);
  border: none;
  border-radius: 16px;
  color: inherit;
  min-height: 106px;
  max-width: 100%;
}

@media screen and (max-width: 720px) {
  .cMiAFJ {
      gap: 8px;
  }
}

.cMiAFJ > div {
  display: flex;
  flex-flow: wrap;
  -webkit-box-align: center;
  align-items: center;
  color: inherit;
}

.hYdEOT {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  gap: 6px;
  border: 0px;
  outline: none;
  background: var(--cow-color-paper);
  color: var(--cow-color-text-paper);
  box-shadow: var(--cow-box-shadow-2);
  opacity: 1;
  border-radius: var(--cow-border-radius-normal);
  padding: 6px;
  transition: background var(--cow-animation-duration) ease-in-out, color var(--cow-animation-duration) ease-in-out;
  max-width: 190px;
}


.TokenLogo__TokenLogoWrapper-sc-1j8dtsg-0.DLoCf {
  display: inline-block;
  background: var(--cow-color-dark-image-paper);
  color: var(--cow-color-dark-image-paper-text);
  border-radius: 24px;
  width: 24px;
  height: 24px;
  font-size: 24px;
  overflow: hidden;
}

.DLoCf > img, .DLoCf > svg {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  object-fit: contain;
}

@media screen and (max-width: 720px) {
  .ksIGEd {
      font-size: 16px;
      word-break: break-word;
      white-space: normal;
      text-align: left;
  }
}

.styled__CurrencySymbol-sc-gd5mbo-2.ksIGEd.token-symbol-container {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: inherit;
  transition: color var(--cow-animation-duration) ease-in-out;
}

@media screen and (max-width: 720px) {
  .bbABEr {
      margin-left: auto;
  }
}

svg.styled__ArrowDown-sc-gd5mbo-0.bbABEr {
  margin: 0px 3px;
  width: 12px;
  height: 7px;
  min-width: 12px;
  min-height: 7px;
}

.bbABEr > path {
  stroke: currentcolor;
  stroke-width: 2px;
  transition: stroke var(--cow-animation-duration) ease-in-out;
}

.cMiAFJ > div:last-child {
  text-align: right;
  margin: 0px 0px 0px auto;
}

@media screen and (max-width: 720px) {
  .jNUfnj {
      font-size: 26px;
  }
}

.jNUfnj {
  width: 100%;
  height: 100%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  background: none;
  font-size: 28px;
  font-weight: 500;
  color: inherit;
  filter: none;
  opacity: 1;
  transition: opacity var(--cow-animation-duration) ease-in-out;
}

.jBDLOO {
  color: inherit;
  width: 0px;
  position: relative;
  font-weight: 500;
  outline: none;
  border: none;
  flex: 1 1 auto;
  background-color: var(--cow-color-paper);
  font-size: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px;
  appearance: textfield;
  text-align: right;
}

.styled__CurrencySeparatorBox-sc-1l12fad-4.kaRgke {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: -5px 0px;
  padding: 0px;
}

.styled__Box-sc-1ch9xvh-0.dAqftr {
  display: block;
  margin: -13px auto;
  cursor: pointer;
  color: inherit;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 26px;
  -webkit-box-pack: center;
  justify-content: center;
  transition: width var(--cow-animation-duration) ease-in-out;
}

.styled__LoadingWrapper-sc-1ch9xvh-1.hQjdEh {
  --size: 26px;
  position: absolute;
  left: calc(50% - var(--size) / 2);
  top: 0px;
  bottom: 0px;
  height: 100%;
  text-align: center;
  transform-style: preserve-3d;
  transform-origin: right center;
  transition: transform 0.25s;
  border: 0px;
  box-shadow: 0 0 0 3px var(--cow-color-paper);
  background: var(--cow-color-paper-darker);
  color: inherit;
  border-radius: 8px;
  width: var(--size);
  margin: auto;
}

svg.styled__ArrowDownIcon-sc-1ch9xvh-2.lnxRYU {
  display: block;
  margin: auto;
  stroke: currentcolor;
  stroke-width: 3px;
  padding: 0px;
  height: 100%;
  width: 20px;
  cursor: pointer;
  color: inherit;
}

button.styled__CurrencySelectWrapper-sc-gd5mbo-1.hvwlVN.open-currency-select-button {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  gap: 6px;
  border: 0px;
  outline: none;
  background: var(--cow-color-primary);
  color: var(--cow-color-button-text);
  box-shadow: var(--cow-box-shadow-2);
  opacity: 1;
  border-radius: var(--cow-border-radius-normal);
  padding: 6px;
  transition: background var(--cow-animation-duration) ease-in-out, color var(--cow-animation-duration) ease-in-out;
  max-width: 190px;
}

.cEKMdo {
  background: var(--cow-color-primary);
  color: var(--cow-color-button-text);
  font-size: 18px;
  font-weight: 600;
  border: none;
  box-shadow: none;
  border-radius: 16px;
  position: relative;
  min-height: 58px;
  transition: background var(--cow-animation-duration) ease-in-out, color var(--cow-animation-duration) ease-in-out;
  margin: 0px;
  flex-flow: wrap;
}

.lhasLE {
  font-size: 16px;
}

.ikJMdg {
  padding: 16px;
  width: 100%;
  font-size: 26px;
  min-height: 60px;
  font-weight: 500;
  text-align: center;
  border-radius: 20px;
  outline: none;
  border: 1px solid transparent;
  text-decoration: none;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
  will-change: transform;
  transition: transform 450ms;
  transform: perspective(1px) translateZ(0px);
}

.bbmroi {
  box-sizing: border-box;
  /* margin: 0px; */
  min-width: 0px;
  appearance: none;
  /* display: inline-block; */
  text-align: center;
  line-height: inherit;
  /* text-decoration: none; */
  /* font-size: inherit; */
  /* padding: 8px 16px; */
  /* color: white; */
  /* border-radius: 4px; */
}

.css-s2j2hz {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  font-size: 18px;
  font-weight: 600;
}

.styled__OuterContentWrapper-sc-1l12fad-3.iloJNQ {
  margin-top: 10px;
}

.styled__Marginer-sc-ox6mix-1.jaecGi {
  margin-top: 5rem;
}

@media screen and (max-width: 720px) {
  .hHoyZB {
      padding: 120px 0px 0px;
  }
}

.hHoyZB {
  --bgColor: #23191A;
  --color: #827474;
  --colorTitle: #FFF8F7;
  background: var(--bgColor);
  color: var(--color);
  /*padding: 68px 0px 0px;*/
  text-align: left;
  transition: padding 0.3s;
  font-size: 18px;
  width: 100%;
}

@media screen and (max-width: 1280px) {
  .crHzLM {
      flex-flow: column wrap;
      gap: 0px;
  }
}

.styled__FooterBottom-sc-12af24l-11.crHzLM {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding: 24px;
  gap: 24px;
  font-size: 14px;
  max-width: 100%;
  margin: 0px auto;
}

p.styled__BottomText-sc-12af24l-13.ldxwqQ {
  margin: 0px;
}

@media screen and (max-width: 1280px) {
  .ukqNL {
      width: 100%;
      margin: 24px auto;
      -webkit-box-pack: center;
      justify-content: center;
      flex-flow: wrap;
  }
}

.styled__FooterBottomLogos-sc-12af24l-12.ukqNL {
  display: flex;
  gap: 28px;
  height: auto;
  /* margin: 0px auto 0px 0px; */
}

.ukqNL > a {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: inherit;
}

span.ProductLogo__ProductLogoWrapper-sc-8j8ri0-0.knCNic {
  --height: 24px;
  --color: #685B5B;
  --hoverColor: #FFF8F7;
  display: flex;
  flex-direction: row;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 8px;
  color: var(--color);
  height: var(--height);
  transition: color 0.2s ease-in-out;
}

.knCNic > a, .knCNic > a > svg, .knCNic > svg {
  height: 100%;
  width: auto;
  color: inherit;
  fill: currentcolor;
}

@media screen and (max-width: 1280px) {
  .eXBRhn {
      margin: 0px;
      width: 100%;
      -webkit-box-pack: start;
      justify-content: flex-start;
  }
}

.styled__BottomRight-sc-12af24l-15.eXBRhn {
  display: flex;
  /*-webkit-box-pack: end;*/
  /*justify-content: flex-end;*/
  -webkit-box-align: center;
  align-items: center;
  flex: 1 1 auto;
  /*margin: 0px 0px 0px auto;*/
  gap: 16px;
}

.FortuneWidget__FortuneButton-sc-1qw705x-0.fUTqWi {
  --size: 32px;
  display: flex;
  width: var(--size);
  height: var(--size);
  text-align: center;
  animation: 3.5s ease-in-out 0s infinite normal forwards running floating;
  cursor: pointer;
  transform: scale(1);
  font-size: 40px;
  line-height: 0;
  color: inherit;
}

.AppziButton__Wrapper-sc-44f73y-0.eHdTyD {
  --size: 26px;
  border: 0px;
  color: inherit;
  height: var(--size);
  width: var(--size);
  border-radius: var(--size);
  padding: 0px;
  margin: 0px;
  overflow: visible;
  z-index: 10;
  cursor: pointer;
  transform: translateY(0px);
  transition: background 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.eHdTyD > svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: inherit;
  fill: currentcolor;
  transform: rotate(0deg);
  transition: fill 0.5s ease-in-out, transform 0.5s ease-in-out;
}

@media screen and (max-width: 1280px) {
  .ixxZMe {
      margin: 0px 0px 0px auto;
  }
}

button.styled__ToggleFooterButton-sc-12af24l-16.ixxZMe {
  --size: 24px;
  height: var(--size);
  width: var(--size);
  object-fit: contain;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  font-size: 16px;
  padding: 0px;
  transition: transform 0.5s ease-in-out, color 0.2s ease-in-out;
  transform: rotate(0deg);
}

@media screen and (max-width: 960px) {
  .cMLA-Dh {
      margin: 0px 0px 0px auto;
      height: 56px;
      width: 100%;
      position: sticky;
      bottom: 0px;
      left: 0px;
      z-index: 10;
      background: var(--cow-color-paper);
      padding: 5px 10px;
      flex-flow: row-reverse;
      -webkit-box-pack: justify;
      justify-content: space-between;
  }
}

.styled__HeaderControls-sc-1ww2m2-0.cMLA-Dh {
  display: flex;
  /* flex-direction: row; */
  -webkit-box-align: center;
  align-items: center;
  /* -webkit-box-pack: end; */
  /* justify-content: flex-end; */
  gap: 6px;
  max-width: 100%;
  /* height: 100%; */
}

.NetworkSelector__SelectorWrapper-sc-1mgemjq-6.esqXpP {
  display: flex;
  cursor: pointer;
  height: 100%;
}

.NetworkSelector__SelectorControls-sc-1mgemjq-4.bNDNJd {
  -webkit-box-align: center;
  align-items: center;
  color: inherit;
  display: flex;
  font-weight: 400;
  -webkit-box-pack: justify;
  justify-content: space-between;
  gap: 6px;
  border-radius: 28px;
  border: 2px solid transparent;
  padding: 6px;
  transition: border var(--cow-animation-duration) ease-in-out;
  background: transparent;
}

img.NetworkSelector__SelectorLogo-sc-1mgemjq-5.hCwVfn {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  margin-right: 0px;
  object-fit: contain;
}

.NetworkSelector__SelectorLabel-sc-1mgemjq-3.blinyV {
  display: block;
  flex: 1 1 auto;
  margin: 0px;
  white-space: nowrap;
}

svg.NetworkSelector__StyledChevronDown-sc-1mgemjq-7.bEQYqK {
  width: 21px;
  height: 21px;
  margin: 0px 0px 0px -3px;
  object-fit: contain;
}

.styled__HeaderElement-sc-1ww2m2-1.iHNPwY {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 0px;
  height: 100%;
}

@media screen and (max-width: 960px) {
  .bSUXyQ {
      height: 100%;
  }
}

.bSUXyQ {
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  white-space: nowrap;
  cursor: pointer;
  background: var(--cow-color-paper);
  border-radius: 28px;
  border: none;
  transition: border var(--cow-animation-duration) ease-in-out;
  pointer-events: auto;
  width: auto;
  height: 100%;
}

.styled__Wrapper-sc-1ugpfvt-4.guYkRY {
  color: inherit;
  height: 100%;
  max-height: 100%;
  display: flex;
  padding: 0px;
  margin: 0px;
  -webkit-box-pack: center;
  justify-content: center;
  border: 2px solid transparent;
}

.guYkRY > button {
  height: auto;
  border-radius: 28px;
  padding: 8px 16px;
  width: max-content;
  gap: 6px;
  transition: all var(--cow-animation-duration) ease-in-out;
  background: var(--cow-color-primary);
  color: var(--cow-color-button-text);
}

.guUVxd {
  min-height: 0px;
  border: 0px;
  /*border-radius: 21px;*/
  box-shadow: none;
  /*padding: 6px 8px;*/
  transform: none;
}

.cEKMdo {
  background: var(--cow-color-primary);
  color: var(--cow-color-button-text);
  font-size: 18px;
  font-weight: 600;
  border: none;
  box-shadow: none;
  border-radius: 16px;
  position: relative;
  min-height: 58px;
  transition: background var(--cow-animation-duration) ease-in-out, color var(--cow-animation-duration) ease-in-out;
  margin: 0px;
  flex-flow: wrap;
}

.hVpfOM {
  padding: 16px;
  width: 100%;
  /* font-size: 16px; */
  /* font-weight: 500; */
  text-align: center;
  border-radius: 20px;
  outline: none;
  /* border: 1px solid transparent; */
  color: var(--cow-color-text);
  text-decoration: none;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  /* flex-wrap: nowrap; */
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  /* position: relative; */
  z-index: 1;
  will-change: transform;
  transition: transform 450ms;
  /* transform: perspective(1px) translateZ(0px); */
}
p.styled__Text-sc-1ugpfvt-3.fsZVAK {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0px;
  font-size: 16px;
  width: fit-content;
  font-weight: 500;
}

.hVpfOM > * {
  user-select: none;
}

.flEHO > svg {
  display: none;
}


.Version__Dropdown-sc-1nmy3as-0.fzQssb {
  position: relative;
  display: inline-block;
}

.Version__DropdownButton-sc-1nmy3as-2.ixaRPf {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  gap: 4px;
  border-radius: 16px;
}


.ixaRPf > svg {
  --size: 12px;
  color: inherit;
  width: var(--size);
  height: var(--size);
  transition: transform 0.2s ease-in-out;
}

button#connect-wallet {
  min-height: 0px;
  border: 0px;
  /* border-radius: 21px; */
  box-shadow: none;
  /* padding: 6px 8px; */
  transform: none;
  /* font-size: 16px; */
}

body {
  font-family: studiofeixen, Arial, sans-serif;
  margin: 0px;
  padding: 0px;
  background: transparent;
  scroll-behavior: smooth;
  font-variant: none;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga" 0, "kern";
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  /* background: rgb(255, 248, 247);*/
   min-height: 100vh;
}

.SnackbarsWidget__List-sc-1dba9w7-1.dOPpTr {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vbJkX > svg {
  --size: 50%;
  height: var(--size);
  width: var(--size);
  object-fit: contain;
  color: currentcolor;
  margin: auto;
}

.styled__RightAligned-sc-o1gqvo-16.iBFlgC {
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center;
  margin: 0px 0px 0px auto;
  height: auto;
  gap: 16px;
  flex-flow: wrap;
}

.gaHHjF > svg path {
  stroke: currentcolor;
}

.styled__MobileMenuTrigger-sc-o1gqvo-3.fwJeTi {
  --size: 42px;
  display: flex;
  flex-flow: wrap;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 16px;
  height: var(--size);
  width: var(--size);
  min-width: var(--size);
  min-height: var(--size);
  border-radius: 50%;
  background: transparent;
  color: var(--defaultFill);
  cursor: pointer;
  transition: background 0.2s, fill 0.2s;
}

.fwJeTi > svg path {
    fill: currentcolor;
}

.styled__MobileMenuTrigger-sc-o1gqvo-3.fwJeTi {
  --size: 42px;
  display: flex;
  flex-flow: wrap;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 16px;
  height: var(--size);
  width: var(--size);
  min-width: var(--size);
  min-height: var(--size);
  border-radius: 50%;
  background: transparent;
  color: var(--defaultFill);
  cursor: pointer;
  transition: background 0.2s, fill 0.2s;
}