@codesandbox/api/dist/cjs/loginModalUICss.d.ts

The CodeSandbox API

export declare const css = "\n.csb-api-body * {\n  box-sizing: content-box;\n  box-sizing: initial;\n  -webkit-font-smoothing: antialiased;\n}\n\n.csb-api-lbA-dBW {\n  position: fixed;\n  inset: 0px;\n  z-index: 9999;\n  background: rgba(0, 0, 0, 0.75);\n}\n\n.csb-api-ejhIWQ {\n  display: flex;\n  flex-flow: row nowrap;\n  -webkit-box-pack: center;\n  justify-content: center;\n  -webkit-box-align: center;\n  align-items: center;\n}\n\n.csb-api-gDXMLZ {\n  box-sizing: border-box;\n}\n\n.csb-api-iKKeUp {\n  box-sizing: border-box;\n  background-color: rgb(29, 29, 29);\n  border-radius: 4px;\n  overflow: hidden;\n  margin: auto;\n  padding: 24px;\n  width: 100%;\n  box-shadow: rgb(0 0 0 / 12%) 0px 4px 4px, rgb(0 0 0 / 24%) 0px 16px 32px;\n}\n\n.csb-api-bLQEZt {\n  display: flex;\n  flex-flow: column nowrap;\n}\n\n.csb-api-ehPhEd {\n  width: 100%;\n  height: 100%;\n  padding: 48px 0px;\n  color: rgb(255, 255, 255);\n}\n\n.csb-api-hlNCCE {\n  font-size: 12px;\n  text-align: center;\n  line-height: normal;\n  display: block;\n  color: rgb(153, 153, 153);\n}\n\n.csb-api-iAmNcN {\n  line-height: 13px;\n  max-width: 240px;\n  margin: 12px 0px 0px;\n}\n\n.csb-api-iZHgQj {\n  display: flex;\n  flex-flow: column nowrap;\n  -webkit-box-pack: justify;\n  justify-content: space-between;\n  -webkit-box-align: center;\n  align-items: center;\n}\n\n.csb-api-iZHgQj > :not(:last-child) {\n  margin-bottom: 0px;\n}\n\n.csb-api-icIAxa {\n  display: flex;\n  flex-flow: column nowrap;\n}\n\n.csb-api-icIAxa > :not(:last-child) {\n  margin-bottom: 32px;\n}\n\n.csb-api-czzOfk {\n  display: flex;\n  flex-flow: column nowrap;\n}\n\n.csb-api-czzOfk > :not(:last-child) {\n  margin-bottom: 12px;\n}\n\n\n\n.csb-api-fTbnP {\n  font-size: 48px;\n  text-align: left;\n  font-weight: 500;\n  line-height: normal;\n  display: inline;\n  color: inherit;\n}\n\n.csb-api-bGcgTK {\n  text-align: center;\n  line-height: 1.5;\n  opacity: 0.6;\n}\n\n.csb-api-iqUtWS {\n  font-size: 16px;\n  text-align: center;\n  line-height: normal;\n  display: inline;\n  color: inherit;\n}\n\ncsb-api-body button {\n  -webkit-appearance: button;\n}\n\n.csb-api-iMjrFU {\n  width: 150px;\n  height: auto;\n  display: flex;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  border-radius: 4px;\n  gap: 4px;\n  color: rgb(21, 21, 21);\n  background: rgb(237, 255, 165);\n  border: 1px solid rgb(237, 255, 165);\n  outline: none;\n}\n\n.csb-api-hJQayb {\n  box-sizing: border-box;\n  padding: 4px 8px;\n  background-color: rgb(234, 255, 150);\n  color: rgb(14, 14, 14);\n  display: inline-flex;\n  -webkit-box-pack: center;\n  justify-content: center;\n  -webkit-box-align: center;\n  align-items: center;\n  flex: 0 0 auto;\n  font-family: Inter, sans-serif;\n  width: 100%;\n  height: 28px;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 16px;\n  border: none;\n  border-radius: 4px;\n  transition: background 0.3s ease 0s, color 0.3s ease 0s;\n  text-decoration: none;\n}\n\n.csb-api-body svg:not(:root) {\n  overflow: hidden;\n}\n\n.csb-api-boqSVd {\n  line-height: 1;\n}\n\n.csb-api-bGdKhk {\n  font-size: 16px;\n  text-align: left;\n  font-weight: 500;\n  line-height: normal;\n  display: inline;\n  color: inherit;\n}\n\n.csb-api-jgbWPj {\n  display: flex;\n  flex-flow: row nowrap;\n}\n\n.csb-api-jgbWPj > :not(:last-child) {\n  margin-right: 12px;\n}\n\n.csb-api-qLSHt {\n  width: 100%;\n  height: 40px;\n  flex: 1 1 0%;\n}\n\n.csb-api-gKSYze {\n  width: 150px;\n  height: auto;\n  display: flex;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  border-radius: 4px;\n  gap: 4px;\n  color: rgb(153, 153, 153);\n  background: rgb(42, 42, 42);\n  border: 1px solid rgb(55, 55, 55);\n  outline: transparent solid 2px;\n}\n\n.csb-api-ikXgsJ {\n  line-height: 1;\n}\n\n.csb-api-iRVciZ {\n  font-size: 13px;\n  text-align: left;\n  font-weight: 500;\n  line-height: normal;\n  display: inline;\n  color: inherit;\n}\n.csb-api-kBXWKy {\n  width: 100%;\n  height: 40px;\n  flex: 1 1 0%;\n}\n\n.csb-api-IWxWu {\n  line-height: 1;\n}\n\n.csb-api-idcsSp {\n  line-height: 13px;\n  max-width: 200px;\n  margin: 24px 0px 0px;\n}\n\n.csb-api-bzsMqS {\n  font-size: 10px;\n  text-align: center;\n  line-height: normal;\n  display: block;\n  color: rgb(153, 153, 153);\n}\n\n.csb-api-gFqsi {\n  width: 100%;\n  height: 48px;\n}\n\n.csb-api-dxXsIr {\n  max-width: 396px;\n  margin: 0px;\n  text-align: center;\n  font-family: Everett, sans-serif;\n  line-height: 1.17;\n  letter-spacing: -0.018em;\n}\n\n.csb-api-modal {\n  -webkit-box-flex: 1;\n  flex-grow: 1;\n  max-width: 720px;\n  z-index: 9999;\n}\n\n.csb-api-idcsSp a {\n  color: inherit;\n}\n\n.csb-api-overlay {\n  position: fixed;\n  width: 100vw;\n  height: 100vh;\n  background-color: #0F0E0E;\n  opacity: 0.4;\n  animation: 100ms ease-in-out 0s 1 normal none running k-hGwPAG;\n}\n\n.csb-api-hJQayb[disabled] {\n  opacity: 0.8;\n}\n\n.csb-api-iaWCwi {\n  display: flex;\n  flex-flow: column;\n  -webkit-box-align: center;\n  align-items: center;\n}\n\n.csb-api-efjlMo {\n  font-size: inherit;\n  text-align: left;\n  line-height: normal;\n  display: inline;\n  color: inherit;\n}\n\n.csb-api-gHixVw {\n  margin: 0px;\n  text-align: center;\n  font-family: Everett, sans-serif;\n  font-size: 48px;\n  font-weight: 500;\n  line-height: 1.17;\n}\n\n.csb-api-iPhhHK {\n  width: 100%;\n  max-width: 420px;\n}\n\n.csb-api-bsZwCf {\n  display: flex;\n  flex-flow: column;\n}\n\n.csb-api-bsZwCf > :not(:last-child) {\n  margin-bottom: 8px;\n}\n\n.csb-api-fygrRn {\n  display: flex;\n  flex-flow: column;\n}\n\n.csb-api-gFUkTC {\n  box-sizing: border-box;\n  padding: 4px 8px;\n  background-color: rgb(234, 255, 150);\n  color: rgb(14, 14, 14);\n  height: 28px;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 16px;\n  display: inline-flex;\n  -webkit-box-pack: center;\n  justify-content: center;\n  -webkit-box-align: center;\n  align-items: center;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-family: Inter, sans-serif;\n  width: 100%;\n  border: none;\n  border-radius: 4px;\n  transition: background 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s;\n  text-decoration: none;\n}\n\n.csb-api-gFUkTC:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n.csb-api-fWRCGd {\n  width: 100%;\n  height: 48px;\n}\n\n\n\n.csb-api-CmLhy:disabled {\n  color: rgb(153, 153, 153);\n  cursor: not-allowed;\n  border-color: rgb(36, 36, 36);\n}\n\n\n.csb-api-CmLhy {\n  height: 28px;\n  width: 100%;\n  padding-left: 8px;\n  padding-right: 8px;\n  font-size: 13px;\n  line-height: 16px;\n  font-family: Inter, sans-serif;\n  border-radius: 4px;\n  background-color: rgb(37, 37, 37);\n  border: 1px solid rgb(36, 36, 36);\n  color: rgb(245, 245, 245);\n  transition: all 100ms ease 0s;\n  appearance: none;\n}\n\n.csb-api-ejERkE:disabled {\n  opacity: 1;\n}\n\n.csb-api-CmLhy:hover, .csb-api-CmLhy:focus {\n  border-color: rgb(149, 129, 255);\n  outline: none !important;\n}\n\n.csb-api-ejERkE {\n  height: 100%;\n  padding: 16px;\n}\n\n.csb-api-jWVHRd {\n  position: absolute;\n  height: fit-content;\n  background: rgb(37, 37, 37);\n  padding: 2px;\n  inset: 0px 16px 0px auto;\n  margin: auto 0px;\n}\n\n.csb-api-bAQRhy {\n  color: rgb(237, 108, 108);\n}\n\n.csb-api-eoHNwX {\n  box-sizing: border-box;\n  flex-shrink: 0;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n.csb-api-gFehFv {\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.005em;\n  color: rgb(239, 122, 122);\n}\n\n\n.csb-api-hjGqFO {\n  box-sizing: border-box;\n  padding: 4px 8px;\n  background-color: transparent;\n  color: rgb(219, 219, 219);\n  height: 28px;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 16px;\n  display: inline-flex;\n  -webkit-box-pack: center;\n  justify-content: center;\n  -webkit-box-align: center;\n  align-items: center;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-family: Inter, sans-serif;\n  width: 100%;\n  border: none;\n  border-radius: 4px;\n  transition: background 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s;\n  text-decoration: none;\n}\n\n.csb-api-eYNxpT {\n  all: unset;\n  text-decoration: underline;\n  transition: color 0.3s ease 0s;\n}\n\n.csb-api-kBqEPL {\n  display: flex;\n  flex-flow: column;\n  -webkit-box-align: center;\n  align-items: center;\n}\n\n.csb-api-hyGEHp {\n  font-size: 13px;\n  text-align: left;\n  line-height: 16px;\n  display: inline;\n  color: rgb(153, 153, 153);\n}\n\n\n\n.csb-api-bIjkRi {\n  box-sizing: border-box;\n  padding: 4px 8px;\n  background-color: transparent;\n  color: rgb(219, 219, 219);\n  height: 28px;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 16px;\n  display: inline-flex;\n  -webkit-box-pack: center;\n  justify-content: center;\n  -webkit-box-align: center;\n  align-items: center;\n  cursor: pointer;\n  flex: 0 0 auto;\n  font-family: Inter, sans-serif;\n  width: 100%;\n  border: none;\n  border-radius: 4px;\n  transition: background 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s;\n  text-decoration: none;\n}\n.csb-api-iaWCwi > :not(:last-child) {\n  margin-bottom: 32px;\n}\n\n.csb-api-cIOuzf {\n  line-height: 1;\n}\n\n.csb-api-ljdegr {\n  padding: 4px;\n  width: fit-content;\n  margin-top: 12px;\n}\n\n.csb-api-iAmNcN a {\n  color: inherit;\n}\n";