@roochnetwork/rooch-sdk-kit
Version:
Rooch SDK Kit
117 lines (116 loc) • 4.71 kB
CSS
/* vanilla-extract-css-ns:src/components/fauct-modal/FaucetModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61UXWvbMBR9z6/QSyGFqThZ06buy7bCYLCxQWF7LIp1Hd9Flox0naQb+e9DluM0sZoEOj/Y1pXu17nn6OqzqDOgb0YK9WSWYJV4fnoaTV1eFZSwvwPGZiJbzK2pteSZUcambCnskHMpqoovkPjuwIPfd7z00b6HYJf3bQhpTcVzVASRCKqOuVXGIaHRKctxDdKbUDuglCX+/w9HLWGdsrvtcz/YDK5edkRICrp+Rk0/lZAS9ZwryCll02rd88qMJtDU+Y3fgsMPi6WwLQ7GSrDcCom16/l7M/K1EnYOzfF4miwEnxn5KkozQ2TKlI1ufHeMhVa3K4vz4sVSoquUeE5ZrqAx+C+XaCELYTOj6lL7nd+1I8yfeQtQylwlMuAzoBVAc8JTKFdmlbICpQy2EjUvICSdJMuisYl1Z5tOdrYVSipSdpskkbmsCkFf3MdHcA6N/lQTGd0N6f1bhvQImdFyO6aWIVuIDqpYIqwejCaBGmyX/rpJ32GpjYa9UOOk2oE7tx6hUS+0AwUZgfwZTTHZTxHGdRDBtxeA6fvfBPp3dBEzZ1RNTZ1kql2NgS7j2AgyZRy8luD2VIIoA3sYNNP9io4eDnQ4jQFwjK/7YDM2F77L61BEbzRvFvjxTvaxuov3clph53Z7RjG/kApPtceWdl1xIkbmzeBDCRIFc5kF0ExoyYZe21vN3kyr9WXjecZt2m/EmtV9s9HGGyXJRTA03JlsV4Gd3ZKs0C43tkzDrxIEQz5JLt4x/24EvTms6YybJCLmXphjV0FkuD3/02o9p4qTivlP1+KpxDGCHxlzszETDp3XZKvBPRYnLyyusKgXre2sSk6wOzqfzT+NLvkLEAkAAA== */
[data-sdk-kit].FaucetModal_overlay__18sfpht0,
[data-sdk-kit] .FaucetModal_overlay__18sfpht0 {
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].FaucetModal_title__18sfpht1,
[data-sdk-kit] .FaucetModal_title__18sfpht1 {
padding-left: 8px;
}
[data-sdk-kit].FaucetModal_content__18sfpht2,
[data-sdk-kit] .FaucetModal_content__18sfpht2 {
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].FaucetModal_whatIsASessionButton__18sfpht3,
[data-sdk-kit] .FaucetModal_whatIsASessionButton__18sfpht3 {
background-color: var(--dapp-kit-backgroundColors-modalSecondary);
padding: 16px;
}
[data-sdk-kit].FaucetModal_viewContainer__18sfpht4,
[data-sdk-kit] .FaucetModal_viewContainer__18sfpht4 {
display: none;
padding: 20px;
flex-grow: 1;
}
[data-sdk-kit].FaucetModal_selectedViewContainer__18sfpht5,
[data-sdk-kit] .FaucetModal_selectedViewContainer__18sfpht5 {
display: flex;
}
[data-sdk-kit].FaucetModal_backButtonContainer__18sfpht6,
[data-sdk-kit] .FaucetModal_backButtonContainer__18sfpht6 {
position: absolute;
top: 20px;
left: 20px;
}
[data-sdk-kit].FaucetModal_closeButtonContainer__18sfpht7,
[data-sdk-kit] .FaucetModal_closeButtonContainer__18sfpht7 {
position: absolute;
top: 16px;
right: 16px;
}
[data-sdk-kit].FaucetModal_sessionListContent__18sfpht8,
[data-sdk-kit] .FaucetModal_sessionListContent__18sfpht8 {
display: flex;
flex-direction: column;
flex-grow: 1;
gap: 24px;
padding: 20px;
background-color: var(--dapp-kit-backgroundColors-modalPrimary);
}
[data-sdk-kit].FaucetModal_sessionListContainer__18sfpht9,
[data-sdk-kit] .FaucetModal_sessionListContainer__18sfpht9 {
display: flex;
justify-content: space-between;
flex-direction: column;
flex-grow: 1;
}
[data-sdk-kit].FaucetModal_sessionListContainerWithViewSelected__18sfphta,
[data-sdk-kit] .FaucetModal_sessionListContainerWithViewSelected__18sfphta {
display: none;
}
@media screen and (min-width: 768px) {
[data-sdk-kit].FaucetModal_content__18sfpht2,
[data-sdk-kit] .FaucetModal_content__18sfpht2 {
flex-direction: row;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
[data-sdk-kit].FaucetModal_whatIsASessionButton__18sfpht3,
[data-sdk-kit] .FaucetModal_whatIsASessionButton__18sfpht3 {
display: none;
}
[data-sdk-kit].FaucetModal_viewContainer__18sfpht4,
[data-sdk-kit] .FaucetModal_viewContainer__18sfpht4 {
display: flex;
}
[data-sdk-kit].FaucetModal_backButtonContainer__18sfpht6,
[data-sdk-kit] .FaucetModal_backButtonContainer__18sfpht6 {
display: none;
}
[data-sdk-kit].FaucetModal_sessionListContent__18sfpht8,
[data-sdk-kit] .FaucetModal_sessionListContent__18sfpht8 {
background-color: var(--dapp-kit-backgroundColors-modalSecondary);
}
[data-sdk-kit].FaucetModal_sessionListContainer__18sfpht9,
[data-sdk-kit] .FaucetModal_sessionListContainer__18sfpht9 {
flex-direction: row;
flex-basis: 240px;
flex-grow: 0;
flex-shrink: 0;
}
[data-sdk-kit].FaucetModal_sessionListContainerWithViewSelected__18sfphta,
[data-sdk-kit] .FaucetModal_sessionListContainerWithViewSelected__18sfphta {
display: flex;
}
}
/*# sourceMappingURL=FaucetModal.css.css.map */