@roochnetwork/rooch-sdk-kit/dist/esm/components/session-modal/SessionModal.css.css

Rooch SDK Kit

/* vanilla-extract-css-ns:src/components/session-modal/SessionModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61UUW/aMBB+51f4pVIrzVVgpaXhZRtPkzZtUqX1EZn4Qq44dmQ7QDvx3yfbIRTiNkgdDyE+x9/dffd9vn4AY1DJn4ozMVdr0II9z+fDydNLptcJ+TsgZMGy1VKrWnKaKaF0StZMX1LKWVXRFVp6+GDm9g0tHdqvAHY1bSC4VhXNUViIIIg6dqxSBi0qmZIct8BdCKUBm5LEvb9QlBy2Kbnf/6aD3eD6qCWLVkDb0NA3VDHOUS6pgNymZFJtu8cyJS1I2x4cfYSJ3xpLphsmlOagqWYca9M578JIt4LpJfjP42myAL5Q/E2eFspaVaZkeOvaIyT0ul9pXBavlhxNJdhzSnIBPuD+KUcNWYDNlKhL6XaeamMxf6YNQSkxFcuALsBuAPwXTkS5UJuUFMh5iJUoaQEh6ThZFz7Gtm1sMj7ENshtkZK7JIkNZlMw+918bWLfamuVbKf0+SNTeoBMSb6fU6ORPUenZawRNjMlLUMJus1/4/O3bEol4QhrlFQHepfacTTsYhsQkFngf6I5xsc5wsROIVyHgZsuwG3wQCsZtjBK1NZXalV1qDJIZhQdQyaUgbcy3PVliMqwS4Nf/EBjZydunMQ4eE+1x4QTsmSuz5tQRWc8H7Z5TyvHbN3Hm+k32rntnlPNI9rC6e2h0V5bHYtJejf4UgJHRkymASRhkpNL5/G9d28n1fbKnzznWu22otVm6jcawGGSXISA1894vwoSbZdWM2lypcs0vApm4ZKOk4tPxD29sXedos64UiKm7uK8dydEBtwF6HftWXX0Guc/XZG9mWM6f2fWfmPBDBrnzcaLR2JOXkVMoVGumth5pfSIPDqj3T9fyScPIgkAAA== */
[data-sdk-kit].SessionModal_overlay__18jzcrv0,
[data-sdk-kit] .SessionModal_overlay__18jzcrv0 {
  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].SessionModal_title__18jzcrv1,
[data-sdk-kit] .SessionModal_title__18jzcrv1 {
  padding-left: 8px;
}
[data-sdk-kit].SessionModal_content__18jzcrv2,
[data-sdk-kit] .SessionModal_content__18jzcrv2 {
  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].SessionModal_whatIsASessionButton__18jzcrv3,
[data-sdk-kit] .SessionModal_whatIsASessionButton__18jzcrv3 {
  background-color: var(--dapp-kit-backgroundColors-modalSecondary);
  padding: 16px;
}
[data-sdk-kit].SessionModal_viewContainer__18jzcrv4,
[data-sdk-kit] .SessionModal_viewContainer__18jzcrv4 {
  display: none;
  padding: 20px;
  flex-grow: 1;
}
[data-sdk-kit].SessionModal_selectedViewContainer__18jzcrv5,
[data-sdk-kit] .SessionModal_selectedViewContainer__18jzcrv5 {
  display: flex;
}
[data-sdk-kit].SessionModal_backButtonContainer__18jzcrv6,
[data-sdk-kit] .SessionModal_backButtonContainer__18jzcrv6 {
  position: absolute;
  top: 20px;
  left: 20px;
}
[data-sdk-kit].SessionModal_closeButtonContainer__18jzcrv7,
[data-sdk-kit] .SessionModal_closeButtonContainer__18jzcrv7 {
  position: absolute;
  top: 16px;
  right: 16px;
}
[data-sdk-kit].SessionModal_sessionListContent__18jzcrv8,
[data-sdk-kit] .SessionModal_sessionListContent__18jzcrv8 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  padding: 20px;
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
}
[data-sdk-kit].SessionModal_sessionListContainer__18jzcrv9,
[data-sdk-kit] .SessionModal_sessionListContainer__18jzcrv9 {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
}
[data-sdk-kit].SessionModal_sessionListContainerWithViewSelected__18jzcrva,
[data-sdk-kit] .SessionModal_sessionListContainerWithViewSelected__18jzcrva {
  display: none;
}
@media screen and (min-width: 768px) {
  [data-sdk-kit].SessionModal_content__18jzcrv2,
  [data-sdk-kit] .SessionModal_content__18jzcrv2 {
    flex-direction: row;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  [data-sdk-kit].SessionModal_whatIsASessionButton__18jzcrv3,
  [data-sdk-kit] .SessionModal_whatIsASessionButton__18jzcrv3 {
    display: none;
  }
  [data-sdk-kit].SessionModal_viewContainer__18jzcrv4,
  [data-sdk-kit] .SessionModal_viewContainer__18jzcrv4 {
    display: flex;
  }
  [data-sdk-kit].SessionModal_backButtonContainer__18jzcrv6,
  [data-sdk-kit] .SessionModal_backButtonContainer__18jzcrv6 {
    display: none;
  }
  [data-sdk-kit].SessionModal_sessionListContent__18jzcrv8,
  [data-sdk-kit] .SessionModal_sessionListContent__18jzcrv8 {
    background-color: var(--dapp-kit-backgroundColors-modalSecondary);
  }
  [data-sdk-kit].SessionModal_sessionListContainer__18jzcrv9,
  [data-sdk-kit] .SessionModal_sessionListContainer__18jzcrv9 {
    flex-direction: row;
    flex-basis: 240px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  [data-sdk-kit].SessionModal_sessionListContainerWithViewSelected__18jzcrva,
  [data-sdk-kit] .SessionModal_sessionListContainerWithViewSelected__18jzcrva {
    display: flex;
  }
}
/*# sourceMappingURL=SessionModal.css.css.map */