@roochnetwork/rooch-sdk-kit/dist/esm/components/swap-gas-modal/SwapGasModal.css.css

Rooch SDK Kit

/* vanilla-extract-css-ns:src/components/swap-gas-modal/SwapGasModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61UUW/aMBB+51f4pRKV5ip0pYXwsq0P06RNm4S0PVYmvpBbHTuyHUI38d8n2yGUxm2QGA8hPsff3X33fb5aNqz6zMw3xZl4UBvQgj09PEzmd2JeqIT8HRGyYtnjWqtacpopoXRKNkyPKeWsqugjWnr44N7tG1o6tO8B7HLRQnCtKpqjsBBBEHXsWKUMWlQyJTlugbsQSgM2JYl7/0NRctimZL7/LUa70dVRSxatgK6hiW+oYpyjXFMBuU3JrNr2j2VKWpC2O3h9DhM/NJZMt0wozUFTzTjWpnfehZFuBdNr8J/H02QBfKX4qzytlLWqTMnk1rVHSOh1v9K4Lp4tOZpKsKeU5AJ8wP1TjhqyAJspUZfS7fyujcX8ibYEpcRULAO6AtsA+C+ciHKhmpQUyHmIlShpASHpNNkUPsa2XWw2PcQa5LZIyV2SxAbTFMx+MR+XYAwq+am2VsluSu/PmdISMiX5fk6tRvYcvSxjg9DcK2kZStBd/hufv2NTKglHWNdJdaB3rR1Hkz62AQGZBf4zmmN6nCNM7CWE6zBw0we4DR7oJMNWRona+kqtqg5VBslcR8eQCWXgtQx3QxmiMuzT4Ef8FY29f+HGWYyDt1R7TDgha+b6vAlV9MZzts0HWjlmax5vZthop7Z7SjW/0BZOb8tWe111LCbp3ehDCRwZMZkGkIRJTsbO43vv3s6q7aU/ecq12m9Fq2bhN1rASZJchIDXz3S/ChLtllYzaXKlyzS8CmZhTKfJxTvint7Yu15RJ1wpEVP3cd66EyID7gMMu/akOgaN85+uyMHMMZ2/MWu/sWIGjfNm68UjMSfPIqbQKB/b2GmlDIg8OqPdP6jGDgEiCQAA */
[data-sdk-kit].SwapGasModal_overlay__197l9ho0,
[data-sdk-kit] .SwapGasModal_overlay__197l9ho0 {
  background-color: var(--dapp-kit-backgroundColors-modalOverlay);
  -webkit-backdrop-filter: var(--dapp-kit-blurs-modalOverlay);
  backdrop-filter: var(--dapp-kit-blurs-modalOverlay);
  position: fixed;
  inset: 0;
  z-index: 999999999;
}
[data-sdk-kit].SwapGasModal_title__197l9ho1,
[data-sdk-kit] .SwapGasModal_title__197l9ho1 {
  padding-left: 8px;
}
[data-sdk-kit].SwapGasModal_content__197l9ho2,
[data-sdk-kit] .SwapGasModal_content__197l9ho2 {
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
  border-radius: var(--dapp-kit-radii-xlarge);
  color: var(--dapp-kit-colors-body);
  position: fixed;
  bottom: 16px;
  left: 16px;
  right: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  min-height: 50vh;
  max-height: 85vh;
  max-width: 700px;
}
[data-sdk-kit].SwapGasModal_whatIsASessionButton__197l9ho3,
[data-sdk-kit] .SwapGasModal_whatIsASessionButton__197l9ho3 {
  background-color: var(--dapp-kit-backgroundColors-modalSecondary);
  padding: 16px;
}
[data-sdk-kit].SwapGasModal_viewContainer__197l9ho4,
[data-sdk-kit] .SwapGasModal_viewContainer__197l9ho4 {
  display: none;
  padding: 20px;
  flex-grow: 1;
}
[data-sdk-kit].SwapGasModal_selectedViewContainer__197l9ho5,
[data-sdk-kit] .SwapGasModal_selectedViewContainer__197l9ho5 {
  display: flex;
}
[data-sdk-kit].SwapGasModal_backButtonContainer__197l9ho6,
[data-sdk-kit] .SwapGasModal_backButtonContainer__197l9ho6 {
  position: absolute;
  top: 20px;
  left: 20px;
}
[data-sdk-kit].SwapGasModal_closeButtonContainer__197l9ho7,
[data-sdk-kit] .SwapGasModal_closeButtonContainer__197l9ho7 {
  position: absolute;
  top: 16px;
  right: 16px;
}
[data-sdk-kit].SwapGasModal_sessionListContent__197l9ho8,
[data-sdk-kit] .SwapGasModal_sessionListContent__197l9ho8 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  padding: 20px;
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
}
[data-sdk-kit].SwapGasModal_sessionListContainer__197l9ho9,
[data-sdk-kit] .SwapGasModal_sessionListContainer__197l9ho9 {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
}
[data-sdk-kit].SwapGasModal_sessionListContainerWithViewSelected__197l9hoa,
[data-sdk-kit] .SwapGasModal_sessionListContainerWithViewSelected__197l9hoa {
  display: none;
}
@media screen and (min-width: 768px) {
  [data-sdk-kit].SwapGasModal_content__197l9ho2,
  [data-sdk-kit] .SwapGasModal_content__197l9ho2 {
    flex-direction: row;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  [data-sdk-kit].SwapGasModal_whatIsASessionButton__197l9ho3,
  [data-sdk-kit] .SwapGasModal_whatIsASessionButton__197l9ho3 {
    display: none;
  }
  [data-sdk-kit].SwapGasModal_viewContainer__197l9ho4,
  [data-sdk-kit] .SwapGasModal_viewContainer__197l9ho4 {
    display: flex;
  }
  [data-sdk-kit].SwapGasModal_backButtonContainer__197l9ho6,
  [data-sdk-kit] .SwapGasModal_backButtonContainer__197l9ho6 {
    display: none;
  }
  [data-sdk-kit].SwapGasModal_sessionListContent__197l9ho8,
  [data-sdk-kit] .SwapGasModal_sessionListContent__197l9ho8 {
    background-color: var(--dapp-kit-backgroundColors-modalSecondary);
  }
  [data-sdk-kit].SwapGasModal_sessionListContainer__197l9ho9,
  [data-sdk-kit] .SwapGasModal_sessionListContainer__197l9ho9 {
    flex-direction: row;
    flex-basis: 240px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  [data-sdk-kit].SwapGasModal_sessionListContainerWithViewSelected__197l9hoa,
  [data-sdk-kit] .SwapGasModal_sessionListContainerWithViewSelected__197l9hoa {
    display: flex;
  }
}
/*# sourceMappingURL=SwapGasModal.css.css.map */