<html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><meta name="apple-itunes-app" content="app-id=493253309"><meta name="description" content="The world's most trusted and popular crypto wallet. Sign up today to buy and sell Bitcoin, Ethereum and other top cryptocurrencies."><meta name="keywords" content="bitcoin wallet, blockchain wallet, online bitcoin wallet, bitcoin wallet online"><meta property="og:url" content="https://www.login.blockchain.com"><meta property="og:type" content="website"><meta property="og:title" content="Blockchain.com Wallet - The World's Most Trusted Wallet"><meta property="og:description" content="The world's most trusted and popular crypto wallet. Sign up today to buy and sell Bitcoin, Ethereum and other top cryptocurrencies."><meta property="og:image" content="https://www.blockchain.com/static/img/home/opengraph.png"><meta property="og:image:type" content="image/png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://www.blockchain.com/static/img/home/opengraph.png"><meta name="twitter:description" content="The world's most trusted and popular crypto wallet. Sign up today to buy and sell Bitcoin, Ethereum and other top cryptocurrencies."><title>Blockchain.com | Recover</title><script type="text/javascript" async="" src="https://www.gstatic.com/recaptcha/releases/sNQO7xVld1CuA2hfFHvkpVL-/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-Zkv9F02+yghSXAFFLPZt/TKDOCrO9vWe4j0Nx8+F2CXcAqAqpPE66Q9PuIf0y2a3" nonce=""></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js" nonce=""></script><script nonce="">window.APP_VERSION = '4.86.8'
window.CAPTCHA_KEY = '6LcxysYaAAAAAOf5QgMWz-GXzoXjpvSrSXETmtlU'
window.SARDINE_CLIENT_ID = '01ac52dd-f1ed-4715-be81-1023407cdd82'
window.SARDINE_ENVIRONMENT = 'production'
window.nonce = '50hmD9Z0TUxozdLnUBd58NoYnE9WaLWJ'</script><script nonce="">window.dataLayer = window.dataLayer || []
function gtag() {
dataLayer.push(arguments)
}
gtag('js', new Date())
gtag('config', 'UA-52108117-5', {
send_page_view: false
})</script><style nonce="">html,
body,
#app,
#app > div {
padding: 0;
margin: 0;
height: 100%;
}
html,
body {
background-color: rgb(18, 29, 51);
overflow: hidden;
}
html.nfts,
html.nfts body {
background-color: initial;
overflow: initial;
scroll-behavior: smooth;
}
::-webkit-scrollbar {
display: none;
}
* {
scrollbar-width: none;
-ms-overflow-style: none;
-webkit-font-smoothing: antialiased;
}
.grecaptcha-badge {
visibility: hidden;
}</style><link rel="shortcut icon" href="/img/favicons-b0919a0b68/favicon.ico"><link rel="icon" type="image/png" sizes="16x16" href="/img/favicons-b0919a0b68/favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="/img/favicons-b0919a0b68/favicon-32x32.png"><link rel="icon" type="image/png" sizes="48x48" href="/img/favicons-b0919a0b68/favicon-48x48.png"><link rel="manifest" href="/img/favicons-b0919a0b68/manifest.json"><meta name="mobile-web-app-capable" content="yes"><meta name="theme-color" content="#fff"><meta name="application-name" content="blockchain-wallet-v4-frontend"><link rel="apple-touch-icon" sizes="57x57" href="/img/favicons-b0919a0b68/apple-touch-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/img/favicons-b0919a0b68/apple-touch-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/img/favicons-b0919a0b68/apple-touch-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/img/favicons-b0919a0b68/apple-touch-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/img/favicons-b0919a0b68/apple-touch-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/img/favicons-b0919a0b68/apple-touch-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/img/favicons-b0919a0b68/apple-touch-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/img/favicons-b0919a0b68/apple-touch-icon-152x152.png"><link rel="apple-touch-icon" sizes="167x167" href="/img/favicons-b0919a0b68/apple-touch-icon-167x167.png"><link rel="apple-touch-icon" sizes="180x180" href="/img/favicons-b0919a0b68/apple-touch-icon-180x180.png"><link rel="apple-touch-icon" sizes="1024x1024" href="/img/favicons-b0919a0b68/apple-touch-icon-1024x1024.png"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-title" content="blockchain-wallet-v4-frontend"><link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-640x1136.png"><link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-750x1334.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-828x1792.png"><link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-1125x2436.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-1242x2208.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-1242x2688.png"><link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-1536x2048.png"><link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-1668x2224.png"><link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-1668x2388.png"><link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-2048x2732.png"><link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-1620x2160.png"><link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-1136x640.png"><link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-1334x750.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-1792x828.png"><link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-2436x1125.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-2208x1242.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-2688x1242.png"><link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-2048x1536.png"><link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-2224x1668.png"><link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-2388x1668.png"><link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-2732x2048.png"><link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/img/favicons-b0919a0b68/apple-touch-startup-image-2160x1620.png"><link rel="icon" type="image/png" sizes="228x228" href="/img/favicons-b0919a0b68/coast-228x228.png"><meta name="msapplication-TileColor" content="#fff"><meta name="msapplication-TileImage" content="/img/favicons-b0919a0b68/mstile-144x144.png"><meta name="msapplication-config" content="/img/favicons-b0919a0b68/browserconfig.xml"><link rel="yandex-tableau-widget" href="/img/favicons-b0919a0b68/yandex-browser-manifest.json"><script defer="defer" src="/runtime.b4cc3d64.js"></script><script defer="defer" src="/app.b4cc3d64.js"></script><style data-styled="" data-styled-version="4.4.1" nonce=""></style><style type="text/css" nonce="">
* .constellation,
.constellation::before,
.constellation.constellation::before,
.constellation::after,
.constellation.constellation::after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: currentColor;
}
.constellation::before,
.constellation.constellation::before,
.constellation::after,
.constellation.constellation::after {
--tw-content: '';
}
html .constellation {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body .constellation {
margin: 0;
line-height: inherit;
}
.constellation hr,
.constellationhr {
height: 0;
color: inherit;
border-top-width: 1px;
}
.constellation abbr:where([title]),
.constellationabbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
.constellation h1,
.constellationh1,
.constellation h2,
.constellationh2,
.constellation h3,
.constellationh3,
.constellation h4,
.constellationh4,
.constellation h5,
.constellationh5,
.constellation h6,
.constellationh6 {
font-size: inherit;
font-weight: inherit;
}
.constellation a,
.constellationa {
color: inherit;
text-decoration: inherit;
}
.constellation b,
.constellationb,
.constellation strong,
.constellationstrong {
font-weight: bolder;
}
.constellation code,
.constellationcode,
.constellation kbd,
.constellationkbd,
.constellation samp,
.constellationsamp,
.constellation pre,
.constellationpre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
.constellation small,
.constellationsmall {
font-size: 80%;
}
.constellation sub,
.constellationsub,
.constellation sup,
.constellationsup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.constellation sub,
.constellationsub {
bottom: -0.25em;
}
.constellation sup,
.constellationsup {
top: -0.5em;
}
.constellation table,
.constellationtable {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
.constellation button,
.constellationbutton,
.constellation input,
.constellationinput,
.constellation optgroup,
.constellationoptgroup,
.constellation select,
.constellationselect,
.constellation textarea,
.constellationtextarea {
font-family: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0;
}
.constellation button,
.constellationbutton,
.constellation select,
.constellationselect {
text-transform: none;
}
.constellation button,
.constellationbutton,
.constellation [type='button'],
.constellation[type='button'],
.constellation [type='reset'],
.constellation[type='reset'],
.constellation [type='submit'],
.constellation[type='submit'] {
-webkit-appearance: button;
background-color: transparent;
background-image: none;
}
.constellation:-moz-focusring,
.constellation.constellation:-moz-focusring {
outline: auto;
}
.constellation:-moz-ui-invalid,
.constellation.constellation:-moz-ui-invalid {
box-shadow: none;
}
.constellation progress,
.constellationprogress {
vertical-align: baseline;
}
.constellation::-webkit-inner-spin-button,
.constellation.constellation::-webkit-inner-spin-button,
.constellation::-webkit-outer-spin-button,
.constellation.constellation::-webkit-outer-spin-button {
height: auto;
}
.constellation [type='search'],
.constellation[type='search'] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.constellation::-webkit-search-decoration,
.constellation.constellation::-webkit-search-decoration {
-webkit-appearance: none;
}
.constellation::-webkit-file-upload-button,
.constellation.constellation::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.constellation summary,
.constellationsummary {
display: list-item;
}
.constellation blockquote,
.constellationblockquote,
.constellation dl,
.constellationdl,
.constellation dd,
.constellationdd,
.constellation h1,
.constellationh1,
.constellation h2,
.constellationh2,
.constellation h3,
.constellationh3,
.constellation h4,
.constellationh4,
.constellation h5,
.constellationh5,
.constellation h6,
.constellationh6,
.constellation hr,
.constellationhr,
.constellation figure,
.constellationfigure,
.constellation p,
.constellationp,
.constellation pre,
.constellationpre {
margin: 0;
}
.constellation fieldset,
.constellationfieldset {
margin: 0;
padding: 0;
}
.constellation legend,
.constellationlegend {
padding: 0;
}
.constellation ol,
.constellationol,
.constellation ul,
.constellationul,
.constellation menu,
.constellationmenu {
list-style: none;
margin: 0;
padding: 0;
}
.constellation textarea,
.constellationtextarea {
resize: vertical;
}
.constellation input::-moz-placeholder,
.constellationinput::-moz-placeholder, .constellation textarea::-moz-placeholder,
.constellationtextarea::-moz-placeholder {
opacity: 1;
color: #9ca3af;
}
.constellation input::-moz-placeholder, .constellationinput::-moz-placeholder, .constellation textarea::-moz-placeholder, .constellationtextarea::-moz-placeholder {
opacity: 1;
color: #9ca3af;
}
.constellation input::placeholder,
.constellationinput::placeholder,
.constellation textarea::placeholder,
.constellationtextarea::placeholder {
opacity: 1;
color: #9ca3af;
}
.constellation button,
.constellationbutton,
.constellation [role="button"],
.constellation[role="button"] {
cursor: pointer;
}
.constellation:disabled,
.constellation.constellation:disabled {
cursor: default;
}
.constellation img,
.constellationimg,
.constellation svg,
.constellationsvg,
.constellation video,
.constellationvideo,
.constellation canvas,
.constellationcanvas,
.constellation audio,
.constellationaudio,
.constellation iframe,
.constellationiframe,
.constellation embed,
.constellationembed,
.constellation object,
.constellationobject {
display: block;
vertical-align: middle;
}
.constellation img,
.constellationimg,
.constellation video,
.constellationvideo {
max-width: 100%;
height: auto;
}
:root {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-feature-settings: 'zero' on, 'ss01' on;
font-style: normal;
--color-overlay-dark-000: rgba(13, 53, 120, 0.06);
--color-overlay-dark-100: rgba(5, 24, 61, 0.1);
--color-overlay-dark-200: rgba(5, 24, 61, 0.2);
--color-overlay-dark-400: rgba(7, 8, 13, 0.4);
--color-overlay-dark-600: rgba(3, 17, 47, 0.6);
--color-overlay-dark-800: rgba(18, 29, 51, 0.8);
--color-overlay-light-060: var(--color-white-060);
--color-overlay-light-100: var(--color-white-100);
--color-overlay-light-200: var(--color-white-200);
--color-overlay-light-400: var(--color-white-400);
--color-overlay-light-600: var(--color-white-600);
--color-overlay-light-800: var(--color-white-800);
--color-overlay-light-900: var(--color-white);
--color-blue-000: #ECF5FE;
--color-blue-100: #D8EBFD;
--color-blue-200: #BBDBFC;
--color-blue-300: #85B5F8;
--color-blue-400: #65A5FF;
--color-blue-500: #3D89F5;
--color-blue-600: #0C6CF2;
--color-blue-700: #1656B9;
--color-blue-800: #144699;
--color-blue-900: #0D3578;
--color-green-000: #EDFFFA;
--color-green-100: #DAFFF6;
--color-green-200: #B9FFED;
--color-green-300: #96F5DD;
--color-green-400: #69ECCA;
--color-green-500: #2AEFBC;
--color-green-600: #06D6A0;
--color-green-700: #00B083;
--color-green-800: #0C8868;
--color-green-900: #066C52;
--color-red-000: #FFECEB;
--color-red-100: #FFD9D6;
--color-red-200: #FFC3BF;
--color-red-300: #F6A7A1;
--color-red-400: #FF3344;
--color-red-500: #EA1F30;
--color-red-600: #CF1726;
--color-red-700: #A50D0D;
--color-red-800: #8D0B0B;
--color-red-900: #790606;
--color-orange-000: #FFF6EB;
--color-orange-100: #FFECD6;
--color-orange-200: #FFE1BF;
--color-orange-300: #F6CEA1;
--color-orange-400: #FFA133;
--color-orange-500: #EA8D1F;
--color-orange-600: #D46A00;
--color-orange-700: #AF5200;
--color-orange-800: #8C4100;
--color-orange-900: #6A2E00;
--color-pink-000: #F9E5F1;
--color-pink-100: #FFD4EF;
--color-pink-200: #FFC7EA;
--color-pink-300: #FFACE0;
--color-pink-400: #FF78CD;
--color-pink-500: #FF55B8;
--color-pink-600: #F00699;
--color-pink-700: #DE0082;
--color-pink-800: #B71875;
--color-pink-900: #841355;
--color-purple-000: #EFECFE;
--color-purple-100: #DED8FD;
--color-purple-200: #C6BBFC;
--color-purple-300: #ADA6FF;
--color-purple-400: #9080FF;
--color-purple-500: #7349F2;
--color-purple-600: #5322E5;
--color-purple-700: #451DBF;
--color-purple-800: #371799;
--color-purple-900: #250B73;
--color-teal-000: #E6F8FA;
--color-teal-100: #D1EDF0;
--color-teal-200: #AEE1E6;
--color-teal-300: #6CD0D9;
--color-teal-400: #00B6C7;
--color-teal-500: #12A5B2;
--color-teal-600: #0E828C;
--color-teal-700: #055E66;
--color-teal-800: #08474C;
--color-teal-900: #052F33;
--color-grey-000: #FAFBFF;
--color-grey-050: #FAFBFF;
--color-grey-100: #DFE3EB;
--color-grey-200: #CCD2DE;
--color-grey-300: #B1B8C7;
--color-grey-400: #98A1B2;
--color-grey-500: #828B9E;
--color-grey-600: #677184;
--color-grey-700: #50596B;
--color-grey-800: #353F52;
--color-grey-900: #121D33;
--color-dark-000: #D2D4D6;
--color-dark-100: #B8B9BD;
--color-dark-200: #989BA1;
--color-dark-300: #797D84;
--color-dark-400: #63676F;
--color-dark-500: #4D515B;
--color-dark-600: #3B3E46;
--color-dark-700: #2C3038;
--color-dark-800: #20242C;
--color-dark-900: #07080D;
--color-white: #FFFFFF;
--color-white-000: #FFFFFF;
--color-white-060: rgba(255, 255, 255, 0.06);
--color-white-100: rgba(255, 255, 255, 0.1);
--color-white-200: rgba(255, 255, 255, 0.2);
--color-white-400: rgba(255, 255, 255, 0.4);
--color-white-600: rgba(255, 255, 255, 0.6);
--color-white-800: rgba(255, 255, 255, 0.8);
--color-tier-silver: #C2C9D6;
--color-tier-gold: #F5B73D;
--color-black: #000000;
--color-transparent: transparent;
--color-new-green-300: #2AEFBC;
--color-new-green-400: #06D6A0;
--color-new-green-500: #00B083;
}
.mode-light {
--color-title: var(--color-grey-900);
--color-body: var(--color-grey-800);
--color-overlay: var(--color-overlay-dark-600);
--color-muted: var(--color-grey-400);
--color-dark: var(--color-grey-300);
--color-medium: var(--color-grey-100);
--color-primary: var(--color-blue-600);
--color-success: var(--color-green-600);
--color-warning: var(--color-orange-600);
--color-error: var(--color-red-600);
--color-background-light: var(--color-grey-000);
--color-background-ultra-light: #FAFBFF;
--color-background: var(--color-white);
--color-background-blue: var(--color-blue-000);
--color-background-green: var(--color-green-000);
--color-background-red: var(--color-red-000);
--color-background-orange: var(--color-orange-000);
--shadow-control: 0px 3px 8px rgba(0, 0, 0, 0.15);
--shadow-control-sm: 0px 3px 1px rgba(0, 0, 0, 0.06);
--shadow-cards: 0px 3px 8px rgba(0, 0, 0, 0.12);
--shadow-cards-sm: 0px 3px 1px rgba(0, 0, 0, 0.04);
}
.mode-dark {
--color-title: var(--color-white);
--color-body: var(--color-dark-200);
--color-overlay: var(--color-overlay-dark-800);
--color-muted: var(--color-dark-400);
--color-dark: var(--color-dark-700);
--color-medium: var(--color-dark-600);
--color-primary: var(--color-blue-400);
--color-success: var(--color-green-400);
--color-warning: var(--color-orange-400);
--color-error: var(--color-red-400);
--color-background-light: var(--color-dark-800);
--color-background-ultra-light: var(--color-dark-800);
--color-background: var(--color-dark-900);
--color-background-blue: var(--color-dark-600);
--color-background-green: var(--color-green-000);
--color-background-red: var(--color-red-000);
--color-background-orange: var(--color-orange-000);
--shadow-control: 0px 3px 8px rgba(0, 0, 0, 0.12);
--shadow-control-sm: 0px 3px 1px rgba(0, 0, 0, 0.12);
--shadow-cards: 0px 3px 8px rgba(0, 0, 0, 0.12);
--shadow-cards-sm: 0px 3px 1px rgba(0, 0, 0, 0.04);
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(147 197 253 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::-webkit-backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(147 197 253 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(147 197 253 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.container {
width: 100%;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.constellation .pointer-events-none,
.constellation.pointer-events-none {
pointer-events: none;
}
.constellation .fixed,
.constellation.fixed {
position: fixed;
}
.constellation .absolute,
.constellation.absolute {
position: absolute;
}
.constellation .\!absolute,
.constellation.\!absolute {
position: absolute !important;
}
.constellation .relative,
.constellation.relative {
position: relative;
}
.constellation .inset-0,
.constellation.inset-0 {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.constellation .top-0,
.constellation.top-0 {
top: 0px;
}
.constellation .bottom-0,
.constellation.bottom-0 {
bottom: 0px;
}
.constellation .left-0,
.constellation.left-0 {
left: 0px;
}
.constellation .right-0,
.constellation.right-0 {
right: 0px;
}
.constellation .top-4,
.constellation.top-4 {
top: 1rem;
}
.constellation .right-4,
.constellation.right-4 {
right: 1rem;
}
.constellation .top-1\/2,
.constellation.top-1\/2 {
top: 50%;
}
.constellation .left-1\/2,
.constellation.left-1\/2 {
left: 50%;
}
.constellation .right-2,
.constellation.right-2 {
right: 0.5rem;
}
.constellation .top-2,
.constellation.top-2 {
top: 0.5rem;
}
.constellation .z-20,
.constellation.z-20 {
z-index: 20;
}
.constellation .z-50,
.constellation.z-50 {
z-index: 50;
}
.constellation .z-10,
.constellation.z-10 {
z-index: 10;
}
.constellation .\!m-0,
.constellation.\!m-0 {
margin: 0px !important;
}
.constellation .my-0,
.constellation.my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.constellation .my-2,
.constellation.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.constellation .my-3,
.constellation.my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.constellation .my-6,
.constellation.my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.constellation .mx-2,
.constellation.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.constellation .my-2\.5,
.constellation.my-2\.5 {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
.constellation .ml-2,
.constellation.ml-2 {
margin-left: 0.5rem;
}
.constellation .mt-2,
.constellation.mt-2 {
margin-top: 0.5rem;
}
.constellation .mt-5,
.constellation.mt-5 {
margin-top: 1.25rem;
}
.constellation .mt-4,
.constellation.mt-4 {
margin-top: 1rem;
}
.constellation .mb-4,
.constellation.mb-4 {
margin-bottom: 1rem;
}
.constellation .mr-4,
.constellation.mr-4 {
margin-right: 1rem;
}
.constellation .mt-1,
.constellation.mt-1 {
margin-top: 0.25rem;
}
.constellation .mb-1,
.constellation.mb-1 {
margin-bottom: 0.25rem;
}
.constellation .-mr-\[2px\],
.constellation.-mr-\[2px\] {
margin-right: -2px;
}
.constellation .mb-\[2px\],
.constellation.mb-\[2px\] {
margin-bottom: 2px;
}
.constellation .\!mb-1,
.constellation.\!mb-1 {
margin-bottom: 0.25rem !important;
}
.constellation .-ml-\[2px\],
.constellation.-ml-\[2px\] {
margin-left: -2px;
}
.constellation .-mt-\[2px\],
.constellation.-mt-\[2px\] {
margin-top: -2px;
}
.constellation .mr-8,
.constellation.mr-8 {
margin-right: 2rem;
}
.constellation .ml-4,
.constellation.ml-4 {
margin-left: 1rem;
}
.constellation .ml-3,
.constellation.ml-3 {
margin-left: 0.75rem;
}
.constellation .-ml-2,
.constellation.-ml-2 {
margin-left: -0.5rem;
}
.constellation .mb-12,
.constellation.mb-12 {
margin-bottom: 3rem;
}
.constellation .\!mt-1,
.constellation.\!mt-1 {
margin-top: 0.25rem !important;
}
.constellation .ml-auto,
.constellation.ml-auto {
margin-left: auto;
}
.constellation .ml-1,
.constellation.ml-1 {
margin-left: 0.25rem;
}
.constellation .mt-0,
.constellation.mt-0 {
margin-top: 0px;
}
.constellation .mb-0,
.constellation.mb-0 {
margin-bottom: 0px;
}
.constellation .box-border,
.constellation.box-border {
box-sizing: border-box;
}
.constellation .block,
.constellation.block {
display: block;
}
.constellation .inline-block,
.constellation.inline-block {
display: inline-block;
}
.constellation .inline,
.constellation.inline {
display: inline;
}
.constellation .\!inline,
.constellation.\!inline {
display: inline !important;
}
.constellation .flex,
.constellation.flex {
display: flex;
}
.constellation .inline-flex,
.constellation.inline-flex {
display: inline-flex;
}
.constellation .table,
.constellation.table {
display: table;
}
.constellation .grid,
.constellation.grid {
display: grid;
}
.constellation .hidden,
.constellation.hidden {
display: none;
}
.constellation .aspect-square,
.constellation.aspect-square {
aspect-ratio: 1 / 1;
}
.constellation .h-24,
.constellation.h-24 {
height: 6rem;
}
.constellation .h-6,
.constellation.h-6 {
height: 1.5rem;
}
.constellation .h-72,
.constellation.h-72 {
height: 18rem;
}
.constellation .h-full,
.constellation.h-full {
height: 100%;
}
.constellation .h-fit,
.constellation.h-fit {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.constellation .\!h-4,
.constellation.\!h-4 {
height: 1rem !important;
}
.constellation .h-12,
.constellation.h-12 {
height: 3rem;
}
.constellation .\!h-\[47px\],
.constellation.\!h-\[47px\] {
height: 47px !important;
}
.constellation .h-4,
.constellation.h-4 {
height: 1rem;
}
.constellation .h-10,
.constellation.h-10 {
height: 2.5rem;
}
.constellation .h-8,
.constellation.h-8 {
height: 2rem;
}
.constellation .h-2,
.constellation.h-2 {
height: 0.5rem;
}
.constellation .h-5,
.constellation.h-5 {
height: 1.25rem;
}
.constellation .h-3,
.constellation.h-3 {
height: 0.75rem;
}
.constellation .\!h-\[52px\],
.constellation.\!h-\[52px\] {
height: 52px !important;
}
.constellation .\!h-8,
.constellation.\!h-8 {
height: 2rem !important;
}
.constellation .h-14,
.constellation.h-14 {
height: 3.5rem;
}
.constellation .\!h-fit,
.constellation.\!h-fit {
height: -webkit-fit-content !important;
height: -moz-fit-content !important;
height: fit-content !important;
}
.constellation .h-\[calc\(100vh-56px\)\],
.constellation.h-\[calc\(100vh-56px\)\] {
height: calc(100vh - 56px);
}
.constellation .h-40,
.constellation.h-40 {
height: 10rem;
}
.constellation .h-px,
.constellation.h-px {
height: 1px;
}
.constellation .h-\[124px\],
.constellation.h-\[124px\] {
height: 124px;
}
.constellation .h-\[2px\],
.constellation.h-\[2px\] {
height: 2px;
}
.constellation .\!h-12,
.constellation.\!h-12 {
height: 3rem !important;
}
.constellation .h-\[6px\],
.constellation.h-\[6px\] {
height: 6px;
}
.constellation .h-\[29px\],
.constellation.h-\[29px\] {
height: 29px;
}
.constellation .h-80,
.constellation.h-80 {
height: 20rem;
}
.constellation .h-16,
.constellation.h-16 {
height: 4rem;
}
.constellation .\!h-6,
.constellation.\!h-6 {
height: 1.5rem !important;
}
.constellation .h-\[24px\],
.constellation.h-\[24px\] {
height: 24px;
}
.constellation .h-\[20px\],
.constellation.h-\[20px\] {
height: 20px;
}
.constellation .h-32,
.constellation.h-32 {
height: 8rem;
}
.constellation .w-48,
.constellation.w-48 {
width: 12rem;
}
.constellation .w-full,
.constellation.w-full {
width: 100%;
}
.constellation .w-6,
.constellation.w-6 {
width: 1.5rem;
}
.constellation .w-auto,
.constellation.w-auto {
width: auto;
}
.constellation .w-\[1\%\],
.constellation.w-\[1\%\] {
width: 1%;
}
.constellation .w-96,
.constellation.w-96 {
width: 24rem;
}
.constellation .w-\[1000px\],
.constellation.w-\[1000px\] {
width: 1000px;
}
.constellation .w-40,
.constellation.w-40 {
width: 10rem;
}
.constellation .w-24,
.constellation.w-24 {
width: 6rem;
}
.constellation .w-4,
.constellation.w-4 {
width: 1rem;
}
.constellation .w-10,
.constellation.w-10 {
width: 2.5rem;
}
.constellation .w-8,
.constellation.w-8 {
width: 2rem;
}
.constellation .w-2,
.constellation.w-2 {
width: 0.5rem;
}
.constellation .w-5,
.constellation.w-5 {
width: 1.25rem;
}
.constellation .w-3,
.constellation.w-3 {
width: 0.75rem;
}
.constellation .\!w-10,
.constellation.\!w-10 {
width: 2.5rem !important;
}
.constellation .\!w-5,
.constellation.\!w-5 {
width: 1.25rem !important;
}
.constellation .w-\[95vw\],
.constellation.w-\[95vw\] {
width: 95vw;
}
.constellation .w-screen,
.constellation.w-screen {
width: 100vw;
}
.constellation .w-px,
.constellation.w-px {
width: 1px;
}
.constellation .w-72,
.constellation.w-72 {
width: 18rem;
}
.constellation .w-\[124px\],
.constellation.w-\[124px\] {
width: 124px;
}
.constellation .w-64,
.constellation.w-64 {
width: 16rem;
}
.constellation .w-\[6px\],
.constellation.w-\[6px\] {
width: 6px;
}
.constellation .w-fit,
.constellation.w-fit {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.constellation .w-\[327px\],
.constellation.w-\[327px\] {
width: 327px;
}
.constellation .w-44,
.constellation.w-44 {
width: 11rem;
}
.constellation .w-3\/4,
.constellation.w-3\/4 {
width: 75%;
}
.constellation .\!w-6,
.constellation.\!w-6 {
width: 1.5rem !important;
}
.constellation .\!w-8,
.constellation.\!w-8 {
width: 2rem !important;
}
.constellation .w-\[48px\],
.constellation.w-\[48px\] {
width: 48px;
}
.constellation .w-\[20px\],
.constellation.w-\[20px\] {
width: 20px;
}
.constellation .w-16,
.constellation.w-16 {
width: 4rem;
}
.constellation .w-32,
.constellation.w-32 {
width: 8rem;
}
.constellation .min-w-full,
.constellation.min-w-full {
min-width: 100%;
}
.constellation .max-w-4xl,
.constellation.max-w-4xl {
max-width: 56rem;
}
.constellation .max-w-md,
.constellation.max-w-md {
max-width: 28rem;
}
.constellation .flex-1,
.constellation.flex-1 {
flex: 1 1 0%;
}
.constellation .flex-shrink-0,
.constellation.flex-shrink-0 {
flex-shrink: 0;
}
.constellation .flex-shrink,
.constellation.flex-shrink {
flex-shrink: 1;
}
.constellation .shrink,
.constellation.shrink {
flex-shrink: 1;
}
.constellation .flex-grow,
.constellation.flex-grow {
flex-grow: 1;
}
.constellation .flex-grow-0,
.constellation.flex-grow-0 {
flex-grow: 0;
}
.constellation .grow,
.constellation.grow {
flex-grow: 1;
}
.constellation .table-auto,
.constellation.table-auto {
table-layout: auto;
}
.constellation .border-spacing-0,
.constellation.border-spacing-0 {
--tw-border-spacing-x: 0px;
--tw-border-spacing-y: 0px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.constellation .-translate-x-1\/2,
.constellation.-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .-translate-y-1\/2,
.constellation.-translate-y-1\/2 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .translate-y-0,
.constellation.translate-y-0 {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .rotate-180,
.constellation.rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .scale-95,
.constellation.scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .scale-100,
.constellation.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .transform,
.constellation.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@-webkit-keyframes fade {
0% {
opacity: 0.3;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(3);
}
}
@keyframes fade {
0% {
opacity: 0.3;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(3);
}
}
.constellation .animate-ping-big,
.constellation.animate-ping-big {
-webkit-animation: fade 1.5s linear infinite;
animation: fade 1.5s linear infinite;
}
@-webkit-keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.constellation .animate-spin-fast,
.constellation.animate-spin-fast {
-webkit-animation: spin 1.25s linear infinite;
animation: spin 1.25s linear infinite;
}
.constellation .cursor-crosshair,
.constellation.cursor-crosshair {
cursor: crosshair;
}
.constellation .cursor-not-allowed,
.constellation.cursor-not-allowed {
cursor: not-allowed;
}
.constellation .cursor-pointer,
.constellation.cursor-pointer {
cursor: pointer;
}
.constellation .\!cursor-not-allowed,
.constellation.\!cursor-not-allowed {
cursor: not-allowed !important;
}
.constellation .touch-none,
.constellation.touch-none {
touch-action: none;
}
.constellation .select-none,
.constellation.select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.constellation .resize,
.constellation.resize {
resize: both;
}
.constellation .list-none,
.constellation.list-none {
list-style-type: none;
}
.constellation .grid-cols-2,
.constellation.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.constellation .flex-row,
.constellation.flex-row {
flex-direction: row;
}
.constellation .flex-row-reverse,
.constellation.flex-row-reverse {
flex-direction: row-reverse;
}
.constellation .\!flex-row-reverse,
.constellation.\!flex-row-reverse {
flex-direction: row-reverse !important;
}
.constellation .flex-col,
.constellation.flex-col {
flex-direction: column;
}
.constellation .flex-col-reverse,
.constellation.flex-col-reverse {
flex-direction: column-reverse;
}
.constellation .flex-wrap,
.constellation.flex-wrap {
flex-wrap: wrap;
}
.constellation .flex-nowrap,
.constellation.flex-nowrap {
flex-wrap: nowrap;
}
.constellation .place-items-center,
.constellation.place-items-center {
place-items: center;
}
.constellation .items-start,
.constellation.items-start {
align-items: flex-start;
}
.constellation .\!items-start,
.constellation.\!items-start {
align-items: flex-start !important;
}
.constellation .items-end,
.constellation.items-end {
align-items: flex-end;
}
.constellation .items-center,
.constellation.items-center {
align-items: center;
}
.constellation .items-baseline,
.constellation.items-baseline {
align-items: baseline;
}
.constellation .items-stretch,
.constellation.items-stretch {
align-items: stretch;
}
.constellation .justify-start,
.constellation.justify-start {
justify-content: flex-start;
}
.constellation .justify-end,
.constellation.justify-end {
justify-content: flex-end;
}
.constellation .justify-center,
.constellation.justify-center {
justify-content: center;
}
.constellation .justify-between,
.constellation.justify-between {
justify-content: space-between;
}
.constellation .justify-around,
.constellation.justify-around {
justify-content: space-around;
}
.constellation .justify-evenly,
.constellation.justify-evenly {
justify-content: space-evenly;
}
.constellation .gap-4,
.constellation.gap-4 {
gap: 1rem;
}
.constellation .gap-5,
.constellation.gap-5 {
gap: 1.25rem;
}
.constellation .gap-1,
.constellation.gap-1 {
gap: 0.25rem;
}
.constellation .gap-2,
.constellation.gap-2 {
gap: 0.5rem;
}
.constellation .gap-\[3px\],
.constellation.gap-\[3px\] {
gap: 3px;
}
.constellation .gap-\[10px\],
.constellation.gap-\[10px\] {
gap: 10px;
}
.constellation .gap-20,
.constellation.gap-20 {
gap: 5rem;
}
.constellation .\!gap-2,
.constellation.\!gap-2 {
gap: 0.5rem !important;
}
.constellation .gap-3,
.constellation.gap-3 {
gap: 0.75rem;
}
.constellation .overflow-auto,
.constellation.overflow-auto {
overflow: auto;
}
.constellation .overflow-hidden,
.constellation.overflow-hidden {
overflow: hidden;
}
.constellation .overflow-visible,
.constellation.overflow-visible {
overflow: visible;
}
.constellation .truncate,
.constellation.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.constellation .rounded-full,
.constellation.rounded-full {
border-radius: 9999px;
}
.constellation .rounded-lg,
.constellation.rounded-lg {
border-radius: 0.5rem;
}
.constellation .rounded,
.constellation.rounded {
border-radius: 0.25rem;
}
.constellation .\!rounded-full,
.constellation.\!rounded-full {
border-radius: 9999px !important;
}
.constellation .rounded-2xl,
.constellation.rounded-2xl {
border-radius: 1rem;
}
.constellation .rounded-md,
.constellation.rounded-md {
border-radius: 0.375rem;
}
.constellation .\!rounded-lg,
.constellation.\!rounded-lg {
border-radius: 0.5rem !important;
}
.constellation .rounded-\[10px\],
.constellation.rounded-\[10px\] {
border-radius: 10px;
}
.constellation .border,
.constellation.border {
border-width: 1px;
}
.constellation .border-2,
.constellation.border-2 {
border-width: 2px;
}
.constellation .\!border,
.constellation.\!border {
border-width: 1px !important;
}
.constellation .border-8,
.constellation.border-8 {
border-width: 8px;
}
.constellation .border-\[12px\],
.constellation.border-\[12px\] {
border-width: 12px;
}
.constellation .border-4,
.constellation.border-4 {
border-width: 4px;
}
.constellation .border-\[3px\],
.constellation.border-\[3px\] {
border-width: 3px;
}
.constellation .border-x,
.constellation.border-x {
border-left-width: 1px;
border-right-width: 1px;
}
.constellation .border-y,
.constellation.border-y {
border-top-width: 1px;
border-bottom-width: 1px;
}
.constellation .border-b,
.constellation.border-b {
border-bottom-width: 1px;
}
.constellation .border-l,
.constellation.border-l {
border-left-width: 1px;
}
.constellation .border-r,
.constellation.border-r {
border-right-width: 1px;
}
.constellation .border-t,
.constellation.border-t {
border-top-width: 1px;
}
.constellation .border-solid,
.constellation.border-solid {
border-style: solid;
}
.constellation .border-none,
.constellation.border-none {
border-style: none;
}
.constellation .border-primary,
.constellation.border-primary {
border-color: var(--color-primary);
}
.constellation .border-medium,
.constellation.border-medium {
border-color: var(--color-medium);
}
.constellation .border-background-light,
.constellation.border-background-light {
border-color: var(--color-background-light);
}
.constellation .border-error,
.constellation.border-error {
border-color: var(--color-error);
}
.constellation .border-success,
.constellation.border-success {
border-color: var(--color-success);
}
.constellation .border-warning,
.constellation.border-warning {
border-color: var(--color-warning);
}
.constellation .border-background,
.constellation.border-background {
border-color: var(--color-background);
}
.constellation .border-grey-000,
.constellation.border-grey-000 {
border-color: var(--color-grey-000);
}
.constellation .border-transparent,
.constellation.border-transparent {
border-color: var(--color-transparent);
}
.constellation .border-background-red,
.constellation.border-background-red {
border-color: var(--color-background-red);
}
.constellation .border-background-green,
.constellation.border-background-green {
border-color: var(--color-background-green);
}
.constellation .border-background-orange,
.constellation.border-background-orange {
border-color: var(--color-background-orange);
}
.constellation .border-grey-100,
.constellation.border-grey-100 {
border-color: var(--color-grey-100);
}
.constellation .border-blue-100,
.constellation.border-blue-100 {
border-color: var(--color-blue-100);
}
.constellation .border-overlay-light-200,
.constellation.border-overlay-light-200 {
border-color: var(--color-overlay-light-200);
}
.constellation .border-r-transparent,
.constellation.border-r-transparent {
border-right-color: var(--color-transparent);
}
.constellation .border-r-medium,
.constellation.border-r-medium {
border-right-color: var(--color-medium);
}
.constellation .border-b-medium,
.constellation.border-b-medium {
border-bottom-color: var(--color-medium);
}
.constellation .border-t-primary,
.constellation.border-t-primary {
border-top-color: var(--color-primary);
}
.constellation .border-t-overlay-light-900,
.constellation.border-t-overlay-light-900 {
border-top-color: var(--color-overlay-light-900);
}
.constellation .bg-background-light,
.constellation.bg-background-light {
background-color: var(--color-background-light);
}
.constellation .bg-grey-500,
.constellation.bg-grey-500 {
background-color: var(--color-grey-500);
}
.constellation .bg-red-500,
.constellation.bg-red-500 {
background-color: var(--color-red-500);
}
.constellation .bg-green-500,
.constellation.bg-green-500 {
background-color: var(--color-green-500);
}
.constellation .bg-blue-500,
.constellation.bg-blue-500 {
background-color: var(--color-blue-500);
}
.constellation .bg-overlay-dark-400,
.constellation.bg-overlay-dark-400 {
background-color: var(--color-overlay-dark-400);
}
.constellation .bg-background,
.constellation.bg-background {
background-color: var(--color-background);
}
.constellation .bg-background-ultra-light,
.constellation.bg-background-ultra-light {
background-color: var(--color-background-ultra-light);
}
.constellation .bg-medium,
.constellation.bg-medium {
background-color: var(--color-medium);
}
.constellation .bg-transparent,
.constellation.bg-transparent {
background-color: var(--color-transparent);
}
.constellation .bg-primary,
.constellation.bg-primary {
background-color: var(--color-primary);
}
.constellation .\!bg-background-light,
.constellation.\!bg-background-light {
background-color: var(--color-background-light) !important;
}
.constellation .bg-blue-000,
.constellation.bg-blue-000 {
background-color: var(--color-blue-000);
}
.constellation .bg-grey-300,
.constellation.bg-grey-300 {
background-color: var(--color-grey-300);
}
.constellation .bg-error,
.constellation.bg-error {
background-color: var(--color-error);
}
.constellation .bg-success,
.constellation.bg-success {
background-color: var(--color-success);
}
.constellation .bg-warning,
.constellation.bg-warning {
background-color: var(--color-warning);
}
.constellation .bg-background-red,
.constellation.bg-background-red {
background-color: var(--color-background-red);
}
.constellation .bg-background-green,
.constellation.bg-background-green {
background-color: var(--color-background-green);
}
.constellation .bg-background-orange,
.constellation.bg-background-orange {
background-color: var(--color-background-orange);
}
.constellation .bg-grey-800,
.constellation.bg-grey-800 {
background-color: var(--color-grey-800);
}
.constellation .bg-background-dark,
.constellation.bg-background-dark {
background-color: var(--color-dark);
}
.constellation .bg-grey-900,
.constellation.bg-grey-900 {
background-color: var(--color-grey-900);
}
.constellation .bg-white-000,
.constellation.bg-white-000 {
background-color: var(--color-white);
}
.constellation .bg-blue-600,
.constellation.bg-blue-600 {
background-color: var(--color-blue-600);
}
.constellation .object-cover,
.constellation.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.constellation .p-1,
.constellation.p-1 {
padding: 0.25rem;
}
.constellation .p-2,
.constellation.p-2 {
padding: 0.5rem;
}
.constellation .p-6,
.constellation.p-6 {
padding: 1.5rem;
}
.constellation .\!p-0,
.constellation.\!p-0 {
padding: 0px !important;
}
.constellation .p-4,
.constellation.p-4 {
padding: 1rem;
}
.constellation .\!p-2,
.constellation.\!p-2 {
padding: 0.5rem !important;
}
.constellation .p-0,
.constellation.p-0 {
padding: 0px;
}
.constellation .p-\[3px\],
.constellation.p-\[3px\] {
padding: 3px;
}
.constellation .p-\[2px\],
.constellation.p-\[2px\] {
padding: 2px;
}
.constellation .p-3,
.constellation.p-3 {
padding: 0.75rem;
}
.constellation .p-8,
.constellation.p-8 {
padding: 2rem;
}
.constellation .p-20,
.constellation.p-20 {
padding: 5rem;
}
.constellation .py-10,
.constellation.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.constellation .px-4,
.constellation.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.constellation .py-6,
.constellation.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.constellation .px-6,
.constellation.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.constellation .py-3\.5,
.constellation.py-3\.5 {
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.constellation .py-3,
.constellation.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.constellation .px-2,
.constellation.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.constellation .py-2,
.constellation.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.constellation .py-2\.5,
.constellation.py-2\.5 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.constellation .px-3,
.constellation.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.constellation .py-0\.5,
.constellation.py-0\.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.constellation .px-\[7px\],
.constellation.px-\[7px\] {
padding-left: 7px;
padding-right: 7px;
}
.constellation .py-0,
.constellation.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.constellation .px-\[10px\],
.constellation.px-\[10px\] {
padding-left: 10px;
padding-right: 10px;
}
.constellation .py-\[4\.5px\],
.constellation.py-\[4\.5px\] {
padding-top: 4.5px;
padding-bottom: 4.5px;
}
.constellation .px-12,
.constellation.px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.constellation .py-5,
.constellation.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.constellation .px-10,
.constellation.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.constellation .py-4,
.constellation.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.constellation .py-1\.5,
.constellation.py-1\.5 {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.constellation .py-1,
.constellation.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.constellation .px-14,
.constellation.px-14 {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.constellation .px-16,
.constellation.px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.constellation .px-8,
.constellation.px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.constellation .\!px-2,
.constellation.\!px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.constellation .\!py-2,
.constellation.\!py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.constellation .pb-2,
.constellation.pb-2 {
padding-bottom: 0.5rem;
}
.constellation .pl-4,
.constellation.pl-4 {
padding-left: 1rem;
}
.constellation .pl-2,
.constellation.pl-2 {
padding-left: 0.5rem;
}
.constellation .pl-6,
.constellation.pl-6 {
padding-left: 1.5rem;
}
.constellation .pr-4,
.constellation.pr-4 {
padding-right: 1rem;
}
.constellation .pt-4,
.constellation.pt-4 {
padding-top: 1rem;
}
.constellation .pb-6,
.constellation.pb-6 {
padding-bottom: 1.5rem;
}
.constellation .\!pl-4,
.constellation.\!pl-4 {
padding-left: 1rem !important;
}
.constellation .\!pb-2,
.constellation.\!pb-2 {
padding-bottom: 0.5rem !important;
}
.constellation .\!pt-6,
.constellation.\!pt-6 {
padding-top: 1.5rem !important;
}
.constellation .pr-3,
.constellation.pr-3 {
padding-right: 0.75rem;
}
.constellation .pt-3,
.constellation.pt-3 {
padding-top: 0.75rem;
}
.constellation .text-left,
.constellation.text-left {
text-align: left;
}
.constellation .text-center,
.constellation.text-center {
text-align: center;
}
.constellation .text-right,
.constellation.text-right {
text-align: right;
}
.constellation .text-justify,
.constellation.text-justify {
text-align: justify;
}
.constellation .text-start,
.constellation.text-start {
text-align: start;
}
.constellation .text-end,
.constellation.text-end {
text-align: end;
}
.constellation .align-middle,
.constellation.align-middle {
vertical-align: middle;
}
.constellation .font-mono,
.constellation.font-mono {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.constellation .text-sm,
.constellation.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.constellation .text-base,
.constellation.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.constellation .text-xl,
.constellation.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.constellation .text-xs,
.constellation.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.constellation .text-\[10px\],
.constellation.text-\[10px\] {
font-size: 10px;
}
.constellation .text-5xl,
.constellation.text-5xl {
font-size: 3rem;
line-height: 1;
}
.constellation .text-\[2\.5rem\],
.constellation.text-\[2\.5rem\] {
font-size: 2.5rem;
}
.constellation .text-\[0\.625rem\],
.constellation.text-\[0\.625rem\] {
font-size: 0.625rem;
}
.constellation .text-\[2rem\],
.constellation.text-\[2rem\] {
font-size: 2rem;
}
.constellation .text-2xl,
.constellation.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.constellation .font-medium,
.constellation.font-medium {
font-weight: 500;
}
.constellation .font-normal,
.constellation.font-normal {
font-weight: 400;
}
.constellation .font-semibold,
.constellation.font-semibold {
font-weight: 600;
}
.constellation .font-bold,
.constellation.font-bold {
font-weight: 700;
}
.constellation .uppercase,
.constellation.uppercase {
text-transform: uppercase;
}
.constellation .lowercase,
.constellation.lowercase {
text-transform: lowercase;
}
.constellation .capitalize,
.constellation.capitalize {
text-transform: capitalize;
}
.constellation .normal-case,
.constellation.normal-case {
text-transform: none;
}
.constellation .italic,
.constellation.italic {
font-style: italic;
}
.constellation .tracking-widest,
.constellation.tracking-widest {
letter-spacing: 0.1em;
}
.constellation .text-title,
.constellation.text-title {
color: var(--color-title);
}
.constellation .text-body,
.constellation.text-body {
color: var(--color-body);
}
.constellation .text-white-000,
.constellation.text-white-000 {
color: var(--color-white);
}
.constellation .text-background,
.constellation.text-background {
color: var(--color-background);
}
.constellation .text-background-blue,
.constellation.text-background-blue {
color: var(--color-background-blue);
}
.constellation .text-background-green,
.constellation.text-background-green {
color: var(--color-background-green);
}
.constellation .text-background-light,
.constellation.text-background-light {
color: var(--color-background-light);
}
.constellation .text-background-orange,
.constellation.text-background-orange {
color: var(--color-background-orange);
}
.constellation .text-background-red,
.constellation.text-background-red {
color: var(--color-background-red);
}
.constellation .text-background-ultra-light,
.constellation.text-background-ultra-light {
color: var(--color-background-ultra-light);
}
.constellation .text-error,
.constellation.text-error {
color: var(--color-error);
}
.constellation .text-medium,
.constellation.text-medium {
color: var(--color-medium);
}
.constellation .text-muted,
.constellation.text-muted {
color: var(--color-muted);
}
.constellation .text-overlay,
.constellation.text-overlay {
color: var(--color-overlay);
}
.constellation .text-pink-500,
.constellation.text-pink-500 {
color: var(--color-pink-500);
}
.constellation .text-primary,
.constellation.text-primary {
color: var(--color-primary);
}
.constellation .text-success,
.constellation.text-success {
color: var(--color-success);
}
.constellation .text-warning,
.constellation.text-warning {
color: var(--color-warning);
}
.constellation .text-grey-400,
.constellation.text-grey-400 {
color: var(--color-grey-400);
}
.constellation .\!text-grey-300,
.constellation.\!text-grey-300 {
color: var(--color-grey-300) !important;
}
.constellation .\!text-error,
.constellation.\!text-error {
color: var(--color-error) !important;
}
.constellation .\!text-success,
.constellation.\!text-success {
color: var(--color-success) !important;
}
.constellation .\!text-warning,
.constellation.\!text-warning {
color: var(--color-warning) !important;
}
.constellation .\!text-muted,
.constellation.\!text-muted {
color: var(--color-muted) !important;
}
.constellation .\!text-title,
.constellation.\!text-title {
color: var(--color-title) !important;
}
.constellation .text-black,
.constellation.text-black {
color: var(--color-black);
}
.constellation .text-grey-600,
.constellation.text-grey-600 {
color: var(--color-grey-600);
}
.constellation .text-green-400,
.constellation.text-green-400 {
color: var(--color-green-400);
}
.constellation .text-grey-300,
.constellation.text-grey-300 {
color: var(--color-grey-300);
}
.constellation .text-blue-600,
.constellation.text-blue-600 {
color: var(--color-blue-600);
}
.constellation .text-blue-700,
.constellation.text-blue-700 {
color: var(--color-blue-700);
}
.constellation .overline,
.constellation.overline {
-webkit-text-decoration-line: overline;
text-decoration-line: overline;
}
.constellation .no-underline,
.constellation.no-underline {
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.constellation .opacity-0,
.constellation.opacity-0 {
opacity: 0;
}
.constellation .opacity-100,
.constellation.opacity-100 {
opacity: 1;
}
.constellation .opacity-60,
.constellation.opacity-60 {
opacity: 0.6;
}
.constellation .opacity-25,
.constellation.opacity-25 {
opacity: 0.25;
}
.constellation .shadow-none,
.constellation.shadow-none {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.constellation .shadow-lg,
.constellation.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.constellation .shadow,
.constellation.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.constellation .outline-none,
.constellation.outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
.constellation .outline,
.constellation.outline {
outline-style: solid;
}
.constellation .outline-0,
.constellation.outline-0 {
outline-width: 0px;
}
.constellation .outline-1,
.constellation.outline-1 {
outline-width: 1px;
}
.constellation .outline-overlay-dark-200,
.constellation.outline-overlay-dark-200 {
outline-color: var(--color-overlay-dark-200);
}
.constellation .outline-background,
.constellation.outline-background {
outline-color: var(--color-background);
}
.constellation .ring-0,
.constellation.ring-0 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.constellation .blur,
.constellation.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.constellation .drop-shadow-control,
.constellation.drop-shadow-control {
--tw-drop-shadow: drop-shadow(var(--shadow-control)) drop-shadow(var(--shadow-control-sm));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.constellation .\!drop-shadow-cards,
.constellation.\!drop-shadow-cards {
--tw-drop-shadow: drop-shadow(var(--shadow-cards)) drop-shadow(var(--shadow-cards-sm)) !important;
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.constellation .drop-shadow-cards,
.constellation.drop-shadow-cards {
--tw-drop-shadow: drop-shadow(var(--shadow-cards)) drop-shadow(var(--shadow-cards-sm));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.constellation .invert,
.constellation.invert {
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.constellation .filter,
.constellation.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.constellation .backdrop-blur-\[2px\],
.constellation.backdrop-blur-\[2px\] {
--tw-backdrop-blur: blur(2px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.constellation .transition-colors,
.constellation.transition-colors {
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.constellation .transition-all,
.constellation.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.constellation .duration-300,
.constellation.duration-300 {
transition-duration: 300ms;
}
.constellation .duration-200,
.constellation.duration-200 {
transition-duration: 200ms;
}
.constellation .ease-out,
.constellation.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.constellation .ease-in,
.constellation.ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.constellation .line-clamp-2,
.constellation.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.constellation .line-clamp-3,
.constellation.line-clamp-3 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.constellation .line-clamp-4,
.constellation.line-clamp-4 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.constellation .line-clamp-5,
.constellation.line-clamp-5 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.constellation .line-clamp-6,
.constellation.line-clamp-6 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
.constellation .animation-delay-700,
.constellation.animation-delay-700 {
-webkit-animation-delay: 700ms;
animation-delay: 700ms;
}
.constellation .placeholder\:text-muted::-moz-placeholder,
.constellation.placeholder\:text-muted::-moz-placeholder {
color: var(--color-muted);
}
.constellation .placeholder\:text-muted::-moz-placeholder, .constellation.placeholder\:text-muted::-moz-placeholder {
color: var(--color-muted);
}
.constellation .placeholder\:text-muted::placeholder,
.constellation.placeholder\:text-muted::placeholder {
color: var(--color-muted);
}
.constellation .before\:block::before,
.constellation.before\:block::before {
content: var(--tw-content);
display: block;
}
.constellation .before\:h-3\.5::before,
.constellation.before\:h-3\.5::before {
content: var(--tw-content);
height: 0.875rem;
}
.constellation .before\:h-3::before,
.constellation.before\:h-3::before {
content: var(--tw-content);
height: 0.75rem;
}
.constellation .before\:w-3\.5::before,
.constellation.before\:w-3\.5::before {
content: var(--tw-content);
width: 0.875rem;
}
.constellation .before\:w-3::before,
.constellation.before\:w-3::before {
content: var(--tw-content);
width: 0.75rem;
}
.constellation .before\:rounded-full::before,
.constellation.before\:rounded-full::before {
content: var(--tw-content);
border-radius: 9999px;
}
.constellation .before\:bg-primary::before,
.constellation.before\:bg-primary::before {
content: var(--tw-content);
background-color: var(--color-primary);
}
.constellation .before\:content-\[\"\"\]::before,
.constellation.before\:content-\[\"\"\]::before {
--tw-content: "";
content: var(--tw-content);
}
.constellation .last-of-type\:\!border-transparent:last-of-type,
.constellation.last-of-type\:\!border-transparent:last-of-type {
border-color: var(--color-transparent) !important;
}
.constellation .focus-within\:border-primary:focus-within,
.constellation.focus-within\:border-primary:focus-within {
border-color: var(--color-primary);
}
.constellation .hover\:border-error:hover,
.constellation.hover\:border-error:hover {
border-color: var(--color-error);
}
.constellation .hover\:border-success:hover,
.constellation.hover\:border-success:hover {
border-color: var(--color-success);
}
.constellation .hover\:border-warning:hover,
.constellation.hover\:border-warning:hover {
border-color: var(--color-warning);
}
.constellation .hover\:border-blue-400:hover,
.constellation.hover\:border-blue-400:hover {
border-color: var(--color-blue-400);
}
.constellation .hover\:bg-red-000:hover,
.constellation.hover\:bg-red-000:hover {
background-color: var(--color-red-000);
}
.constellation .hover\:bg-green-000:hover,
.constellation.hover\:bg-green-000:hover {
background-color: var(--color-green-000);
}
.constellation .hover\:bg-orange-000:hover,
.constellation.hover\:bg-orange-000:hover {
background-color: var(--color-orange-000);
}
.constellation .hover\:bg-grey-700:hover,
.constellation.hover\:bg-grey-700:hover {
background-color: var(--color-grey-700);
}
.constellation .hover\:bg-transparent:hover,
.constellation.hover\:bg-transparent:hover {
background-color: var(--color-transparent);
}
.constellation .hover\:bg-blue-000:hover,
.constellation.hover\:bg-blue-000:hover {
background-color: var(--color-blue-000);
}
.constellation .hover\:bg-blue-700:hover,
.constellation.hover\:bg-blue-700:hover {
background-color: var(--color-blue-700);
}
.constellation .hover\:text-grey-600:hover,
.constellation.hover\:text-grey-600:hover {
color: var(--color-grey-600);
}
.constellation .hover\:\!text-grey-400:hover,
.constellation.hover\:\!text-grey-400:hover {
color: var(--color-grey-400) !important;
}
.constellation .hover\:text-primary:hover,
.constellation.hover\:text-primary:hover {
color: var(--color-primary);
}
.constellation .hover\:text-blue-700:hover,
.constellation.hover\:text-blue-700:hover {
color: var(--color-blue-700);
}
.constellation .hover\:underline:hover,
.constellation.hover\:underline:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.constellation .hover\:no-underline:hover,
.constellation.hover\:no-underline:hover {
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.constellation .hover\:underline-offset-\[3px\]:hover,
.constellation.hover\:underline-offset-\[3px\]:hover {
text-underline-offset: 3px;
}
.constellation .hover\:outline-2:hover,
.constellation.hover\:outline-2:hover {
outline-width: 2px;
}
.constellation .focus\:z-10:focus,
.constellation.focus\:z-10:focus {
z-index: 10;
}
.constellation .focus\:border-primary:focus,
.constellation.focus\:border-primary:focus {
border-color: var(--color-primary);
}
.constellation .focus\:bg-blue-000:focus,
.constellation.focus\:bg-blue-000:focus {
background-color: var(--color-blue-000);
}
.constellation .focus\:bg-grey-900:focus,
.constellation.focus\:bg-grey-900:focus {
background-color: var(--color-grey-900);
}
.constellation .focus\:bg-transparent:focus,
.constellation.focus\:bg-transparent:focus {
background-color: var(--color-transparent);
}
.constellation .focus\:bg-blue-800:focus,
.constellation.focus\:bg-blue-800:focus {
background-color: var(--color-blue-800);
}
.constellation .focus\:text-blue-800:focus,
.constellation.focus\:text-blue-800:focus {
color: var(--color-blue-800);
}
.constellation .focus\:text-blue-700:focus,
.constellation.focus\:text-blue-700:focus {
color: var(--color-blue-700);
}
.constellation .focus\:outline-none:focus,
.constellation.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.constellation .focus-visible\:ring:focus-visible,
.constellation.focus-visible\:ring:focus-visible {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.constellation .focus-visible\:\!ring-0:focus-visible,
.constellation.focus-visible\:\!ring-0:focus-visible {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.constellation .focus-visible\:ring-primary:focus-visible,
.constellation.focus-visible\:ring-primary:focus-visible {
--tw-ring-color: var(--color-primary);
}
.constellation .focus-visible\:ring-purple-500:focus-visible,
.constellation.focus-visible\:ring-purple-500:focus-visible {
--tw-ring-color: var(--color-purple-500);
}
.constellation .focus-visible\:ring-opacity-75:focus-visible,
.constellation.focus-visible\:ring-opacity-75:focus-visible {
--tw-ring-opacity: 0.75;
}
.constellation .active\:border-primary:active,
.constellation.active\:border-primary:active {
border-color: var(--color-primary);
}
.constellation .active\:bg-grey-900:active,
.constellation.active\:bg-grey-900:active {
background-color: var(--color-grey-900);
}
.constellation .active\:bg-transparent:active,
.constellation.active\:bg-transparent:active {
background-color: var(--color-transparent);
}
.constellation .active\:bg-blue-000:active,
.constellation.active\:bg-blue-000:active {
background-color: var(--color-blue-000);
}
.constellation .active\:bg-blue-900:active,
.constellation.active\:bg-blue-900:active {
background-color: var(--color-blue-900);
}
.constellation .active\:text-blue-900:active,
.constellation.active\:text-blue-900:active {
color: var(--color-blue-900);
}
.constellation .active\:outline-2:active,
.constellation.active\:outline-2:active {
outline-width: 2px;
}
.constellation .disabled\:cursor-not-allowed:disabled,
.constellation.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
.constellation .disabled\:border-grey-100:disabled,
.constellation.disabled\:border-grey-100:disabled {
border-color: var(--color-grey-100);
}
.constellation .disabled\:bg-grey-500:disabled,
.constellation.disabled\:bg-grey-500:disabled {
background-color: var(--color-grey-500);
}
.constellation .disabled\:bg-transparent:disabled,
.constellation.disabled\:bg-transparent:disabled {
background-color: var(--color-transparent);
}
.constellation .disabled\:bg-background:disabled,
.constellation.disabled\:bg-background:disabled {
background-color: var(--color-background);
}
.constellation .disabled\:bg-blue-300:disabled,
.constellation.disabled\:bg-blue-300:disabled {
background-color: var(--color-blue-300);
}
.constellation .disabled\:text-blue-200:disabled,
.constellation.disabled\:text-blue-200:disabled {
color: var(--color-blue-200);
}
.constellation .disabled\:text-muted:disabled,
.constellation.disabled\:text-muted:disabled {
color: var(--color-muted);
}
.constellation .disabled\:text-overlay-light-600:disabled,
.constellation.disabled\:text-overlay-light-600:disabled {
color: var(--color-overlay-light-600);
}
.constellation .radix-disabled\:border-muted[data-disabled],
.constellation.radix-disabled\:border-muted[data-disabled] {
border-color: var(--color-muted);
}
.constellation .radix-disabled\:opacity-50[data-disabled],
.constellation.radix-disabled\:opacity-50[data-disabled] {
opacity: 0.5;
}
.constellation .radix-state-active\:\!border-blue-000[data-state="active"],
.constellation.radix-state-active\:\!border-blue-000[data-state="active"] {
border-color: var(--color-blue-000) !important;
}
.constellation .radix-state-active\:border-background-light[data-state="active"],
.constellation.radix-state-active\:border-background-light[data-state="active"] {
border-color: var(--color-background-light);
}
.constellation .radix-state-active\:bg-background[data-state="active"],
.constellation.radix-state-active\:bg-background[data-state="active"] {
background-color: var(--color-background);
}
.constellation .radix-state-active\:bg-blue-000[data-state="active"],
.constellation.radix-state-active\:bg-blue-000[data-state="active"] {
background-color: var(--color-blue-000);
}
.constellation .radix-state-active\:text-primary[data-state="active"],
.constellation.radix-state-active\:text-primary[data-state="active"] {
color: var(--color-primary);
}
.constellation .radix-state-active\:drop-shadow-control[data-state="active"],
.constellation.radix-state-active\:drop-shadow-control[data-state="active"] {
--tw-drop-shadow: drop-shadow(var(--shadow-control)) drop-shadow(var(--shadow-control-sm));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.constellation .radix-state-checked\:border-primary[data-state="checked"],
.constellation.radix-state-checked\:border-primary[data-state="checked"] {
border-color: var(--color-primary);
}
.constellation .radix-state-checked\:border-error[data-state="checked"],
.constellation.radix-state-checked\:border-error[data-state="checked"] {
border-color: var(--color-error);
}
.constellation .radix-state-checked\:bg-primary[data-state="checked"],
.constellation.radix-state-checked\:bg-primary[data-state="checked"] {
background-color: var(--color-primary);
}
.constellation .radix-state-checked\:bg-success[data-state="checked"],
.constellation.radix-state-checked\:bg-success[data-state="checked"] {
background-color: var(--color-success);
}
.constellation .group[data-state="checked"] .group-radix-state-checked\:translate-x-6,
.constellation.group[data-state="checked"] .group-radix-state-checked\:translate-x-6 {
--tw-translate-x: 1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .radix-state-unchecked\:border-error[data-state="unchecked"],
.constellation.radix-state-unchecked\:border-error[data-state="unchecked"] {
border-color: var(--color-error);
}
.constellation .radix-state-unchecked\:border-medium[data-state="unchecked"],
.constellation.radix-state-unchecked\:border-medium[data-state="unchecked"] {
border-color: var(--color-medium);
}
.constellation .radix-state-unchecked\:bg-background-light[data-state="unchecked"],
.constellation.radix-state-unchecked\:bg-background-light[data-state="unchecked"] {
background-color: var(--color-background-light);
}
.constellation .radix-state-unchecked\:bg-red-100[data-state="unchecked"],
.constellation.radix-state-unchecked\:bg-red-100[data-state="unchecked"] {
background-color: var(--color-red-100);
}
.constellation .radix-state-unchecked\:bg-background-dark[data-state="unchecked"],
.constellation.radix-state-unchecked\:bg-background-dark[data-state="unchecked"] {
background-color: var(--color-dark);
}
.constellation .group[data-state="unchecked"] .group-radix-state-unchecked\:translate-x-0,
.constellation.group[data-state="unchecked"] .group-radix-state-unchecked\:translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.mode-dark .constellation .mode-dark\:border-dark-700,
.mode-dark .constellation.mode-dark\:border-dark-700 {
border-color: var(--color-dark-700);
}
.mode-dark .constellation .mode-dark\:border-dark-900,
.mode-dark .constellation.mode-dark\:border-dark-900 {
border-color: var(--color-dark-900);
}
.mode-dark .constellation .mode-dark\:border-error,
.mode-dark .constellation.mode-dark\:border-error {
border-color: var(--color-error);
}
.mode-dark .constellation .mode-dark\:border-success,
.mode-dark .constellation.mode-dark\:border-success {
border-color: var(--color-success);
}
.mode-dark .constellation .mode-dark\:border-warning,
.mode-dark .constellation.mode-dark\:border-warning {
border-color: var(--color-warning);
}
.mode-dark .constellation .mode-dark\:border-dark-500,
.mode-dark .constellation.mode-dark\:border-dark-500 {
border-color: var(--color-dark-500);
}
.mode-dark .constellation .mode-dark\:border-transparent,
.mode-dark .constellation.mode-dark\:border-transparent {
border-color: var(--color-transparent);
}
.mode-dark .constellation .mode-dark\:border-white-200,
.mode-dark .constellation.mode-dark\:border-white-200 {
border-color: var(--color-white-200);
}
.mode-dark .constellation .mode-dark\:border-t-primary,
.mode-dark .constellation.mode-dark\:border-t-primary {
border-top-color: var(--color-primary);
}
.mode-dark .constellation .mode-dark\:bg-dark-800,
.mode-dark .constellation.mode-dark\:bg-dark-800 {
background-color: var(--color-dark-800);
}
.mode-dark .constellation .mode-dark\:bg-dark-900,
.mode-dark .constellation.mode-dark\:bg-dark-900 {
background-color: var(--color-dark-900);
}
.mode-dark .constellation .mode-dark\:bg-dark-700,
.mode-dark .constellation.mode-dark\:bg-dark-700 {
background-color: var(--color-dark-700);
}
.mode-dark .constellation .mode-dark\:bg-dark-300,
.mode-dark .constellation.mode-dark\:bg-dark-300 {
background-color: var(--color-dark-300);
}
.mode-dark .constellation .mode-dark\:bg-dark-500,
.mode-dark .constellation.mode-dark\:bg-dark-500 {
background-color: var(--color-dark-500);
}
.mode-dark .constellation .mode-dark\:bg-error,
.mode-dark .constellation.mode-dark\:bg-error {
background-color: var(--color-error);
}
.mode-dark .constellation .mode-dark\:bg-success,
.mode-dark .constellation.mode-dark\:bg-success {
background-color: var(--color-success);
}
.mode-dark .constellation .mode-dark\:bg-warning,
.mode-dark .constellation.mode-dark\:bg-warning {
background-color: var(--color-warning);
}
.mode-dark .constellation .mode-dark\:bg-pink-400,
.mode-dark .constellation.mode-dark\:bg-pink-400 {
background-color: var(--color-pink-400);
}
.mode-dark .constellation .mode-dark\:bg-new-green-400,
.mode-dark .constellation.mode-dark\:bg-new-green-400 {
background-color: var(--color-new-green-400);
}
.mode-dark .constellation .mode-dark\:\!bg-grey-800,
.mode-dark .constellation.mode-dark\:\!bg-grey-800 {
background-color: var(--color-grey-800) !important;
}
.mode-dark .constellation .mode-dark\:bg-red-900,
.mode-dark .constellation.mode-dark\:bg-red-900 {
background-color: var(--color-red-900);
}
.mode-dark .constellation .mode-dark\:text-grey-400,
.mode-dark .constellation.mode-dark\:text-grey-400 {
color: var(--color-grey-400);
}
.mode-dark .constellation .mode-dark\:text-dark-900,
.mode-dark .constellation.mode-dark\:text-dark-900 {
color: var(--color-dark-900);
}
.mode-dark .constellation .mode-dark\:text-blue-300,
.mode-dark .constellation.mode-dark\:text-blue-300 {
color: var(--color-blue-300);
}
.mode-dark .constellation .mode-dark\:\!text-grey-400,
.mode-dark .constellation.mode-dark\:\!text-grey-400 {
color: var(--color-grey-400) !important;
}
.mode-dark .constellation .mode-dark\:hover\:border-dark-400:hover,
.mode-dark .constellation.mode-dark\:hover\:border-dark-400:hover {
border-color: var(--color-dark-400);
}
.mode-dark .constellation .mode-dark\:hover\:bg-dark-800:hover,
.mode-dark .constellation.mode-dark\:hover\:bg-dark-800:hover {
background-color: var(--color-dark-800);
}
.mode-dark .constellation .mode-dark\:hover\:text-white-000:hover,
.mode-dark .constellation.mode-dark\:hover\:text-white-000:hover {
color: var(--color-white);
}
.mode-dark .constellation .mode-dark\:hover\:text-blue-300:hover,
.mode-dark .constellation.mode-dark\:hover\:text-blue-300:hover {
color: var(--color-blue-300);
}
.mode-dark .constellation .mode-dark\:focus\:border-blue-400:focus,
.mode-dark .constellation.mode-dark\:focus\:border-blue-400:focus {
border-color: var(--color-blue-400);
}
.mode-dark .constellation .mode-dark\:focus\:bg-dark-700:focus,
.mode-dark .constellation.mode-dark\:focus\:bg-dark-700:focus {
background-color: var(--color-dark-700);
}
.mode-dark .constellation .mode-dark\:focus\:text-blue-200:focus,
.mode-dark .constellation.mode-dark\:focus\:text-blue-200:focus {
color: var(--color-blue-200);
}
.mode-dark .constellation .mode-dark\:focus\:text-blue-300:focus,
.mode-dark .constellation.mode-dark\:focus\:text-blue-300:focus {
color: var(--color-blue-300);
}
.mode-dark .constellation .mode-dark\:active\:border-blue-400:active,
.mode-dark .constellation.mode-dark\:active\:border-blue-400:active {
border-color: var(--color-blue-400);
}
.mode-dark .constellation .mode-dark\:active\:bg-dark-700:active,
.mode-dark .constellation.mode-dark\:active\:bg-dark-700:active {
background-color: var(--color-dark-700);
}
.mode-dark .constellation .mode-dark\:active\:text-blue-200:active,
.mode-dark .constellation.mode-dark\:active\:text-blue-200:active {
color: var(--color-blue-200);
}
.mode-dark .constellation .mode-dark\:disabled\:border-grey-700:disabled,
.mode-dark .constellation.mode-dark\:disabled\:border-grey-700:disabled {
border-color: var(--color-grey-700);
}
.mode-dark .constellation .mode-dark\:disabled\:bg-background:disabled,
.mode-dark .constellation.mode-dark\:disabled\:bg-background:disabled {
background-color: var(--color-background);
}
.mode-dark .constellation .mode-dark\:disabled\:text-blue-500:disabled,
.mode-dark .constellation.mode-dark\:disabled\:text-blue-500:disabled {
color: var(--color-blue-500);
}
.mode-dark .constellation .mode-dark\:disabled\:text-grey-600:disabled,
.mode-dark .constellation.mode-dark\:disabled\:text-grey-600:disabled {
color: var(--color-grey-600);
}
.mode-dark .constellation .mode-dark\:radix-state-active\:\!border-dark-800[data-state="active"],
.mode-dark .constellation.mode-dark\:radix-state-active\:\!border-dark-800[data-state="active"] {
border-color: var(--color-dark-800) !important;
}
.mode-dark .constellation .mode-dark\:radix-state-active\:\!bg-dark-800[data-state="active"],
.mode-dark .constellation.mode-dark\:radix-state-active\:\!bg-dark-800[data-state="active"] {
background-color: var(--color-dark-800) !important;
}
.mode-dark .constellation .radix-state-active\:mode-dark\:bg-dark-800[data-state="active"],
.mode-dark .constellation.radix-state-active\:mode-dark\:bg-dark-800[data-state="active"] {
background-color: var(--color-dark-800);
}
.mode-dark .constellation .mode-dark\:radix-state-active\:\!text-white-000[data-state="active"],
.mode-dark .constellation.mode-dark\:radix-state-active\:\!text-white-000[data-state="active"] {
color: var(--color-white) !important;
}
.mode-dark .constellation .mode-dark\:radix-state-active\:text-primary[data-state="active"],
.mode-dark .constellation.mode-dark\:radix-state-active\:text-primary[data-state="active"] {
color: var(--color-primary);
}
.mode-dark .constellation .mode-dark\:radix-state-unchecked\:bg-medium[data-state="unchecked"],
.mode-dark .constellation.mode-dark\:radix-state-unchecked\:bg-medium[data-state="unchecked"] {
background-color: var(--color-medium);
}
.mode-light .constellation .mode-light\:bg-pink-500,
.mode-light .constellation.mode-light\:bg-pink-500 {
background-color: var(--color-pink-500);
}
.mode-light .constellation .mode-light\:bg-new-green-500,
.mode-light .constellation.mode-light\:bg-new-green-500 {
background-color: var(--color-new-green-500);
}
.mode-light .constellation .mode-light\:bg-white-000,
.mode-light .constellation.mode-light\:bg-white-000 {
background-color: var(--color-white);
}
.mode-light .constellation .mode-light\:text-white-000,
.mode-light .constellation.mode-light\:text-white-000 {
color: var(--color-white);
}
.mode-light .constellation .mode-light\:text-background-dark,
.mode-light .constellation.mode-light\:text-background-dark {
color: var(--color-dark);
}
.mode-light .constellation .mode-light\:\!text-grey-600,
.mode-light .constellation.mode-light\:\!text-grey-600 {
color: var(--color-grey-600) !important;
}
.constellation .children\:radix-state-active\:border-r-transparent[data-state="active"] > *,
.constellation.children\:radix-state-active\:border-r-transparent[data-state="active"] > * {
border-right-color: var(--color-transparent);
}
@media (min-width: 640px) {
.constellation .sm\:top-6,
.constellation.sm\:top-6 {
top: 1.5rem;
}
.constellation .sm\:right-6,
.constellation.sm\:right-6 {
right: 1.5rem;
}
.constellation .sm\:bottom-6,
.constellation.sm\:bottom-6 {
bottom: 1.5rem;
}
.constellation .sm\:left-auto,
.constellation.sm\:left-auto {
left: auto;
}
.constellation .sm\:flex,
.constellation.sm\:flex {
display: flex;
}
.constellation .sm\:max-w-\[480px\],
.constellation.sm\:max-w-\[480px\] {
max-width: 480px;
}
.constellation .sm\:translate-x-1\/2,
.constellation.sm\:translate-x-1\/2 {
--tw-translate-x: 50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .sm\:translate-x-0,
.constellation.sm\:translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .sm\:rounded-3xl,
.constellation.sm\:rounded-3xl {
border-radius: 1.5rem;
}
}
@media (min-width: 768px) {
.constellation .md\:h-12,
.constellation.md\:h-12 {
height: 3rem;
}
.constellation .md\:w-full,
.constellation.md\:w-full {
width: 100%;
}
.constellation .md\:gap-8,
.constellation.md\:gap-8 {
gap: 2rem;
}
.constellation .md\:p-8,
.constellation.md\:p-8 {
padding: 2rem;
}
.constellation .md\:px-6,
.constellation.md\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.constellation .md\:py-3,
.constellation.md\:py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.constellation .md\:text-2xl,
.constellation.md\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.constellation .md\:text-base,
.constellation.md\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 1024px) {
.constellation .lg\:block,
.constellation.lg\:block {
display: block;
}
.constellation .lg\:flex,
.constellation.lg\:flex {
display: flex;
}
.constellation .lg\:hidden,
.constellation.lg\:hidden {
display: none;
}
.constellation .lg\:flex-row,
.constellation.lg\:flex-row {
flex-direction: row;
}
.constellation .lg\:items-center,
.constellation.lg\:items-center {
align-items: center;
}
.constellation .lg\:justify-between,
.constellation.lg\:justify-between {
justify-content: space-between;
}
}</style><style type="text/css" nonce="">
* .constellation,
.constellation::before,
.constellation.constellation::before,
.constellation::after,
.constellation.constellation::after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: currentColor;
}
.constellation::before,
.constellation.constellation::before,
.constellation::after,
.constellation.constellation::after {
--tw-content: '';
}
html .constellation {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body .constellation {
margin: 0;
line-height: inherit;
}
.constellation hr,
.constellationhr {
height: 0;
color: inherit;
border-top-width: 1px;
}
.constellation abbr:where([title]),
.constellationabbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
.constellation h1,
.constellationh1,
.constellation h2,
.constellationh2,
.constellation h3,
.constellationh3,
.constellation h4,
.constellationh4,
.constellation h5,
.constellationh5,
.constellation h6,
.constellationh6 {
font-size: inherit;
font-weight: inherit;
}
.constellation a,
.constellationa {
color: inherit;
text-decoration: inherit;
}
.constellation b,
.constellationb,
.constellation strong,
.constellationstrong {
font-weight: bolder;
}
.constellation code,
.constellationcode,
.constellation kbd,
.constellationkbd,
.constellation samp,
.constellationsamp,
.constellation pre,
.constellationpre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
.constellation small,
.constellationsmall {
font-size: 80%;
}
.constellation sub,
.constellationsub,
.constellation sup,
.constellationsup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.constellation sub,
.constellationsub {
bottom: -0.25em;
}
.constellation sup,
.constellationsup {
top: -0.5em;
}
.constellation table,
.constellationtable {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
.constellation button,
.constellationbutton,
.constellation input,
.constellationinput,
.constellation optgroup,
.constellationoptgroup,
.constellation select,
.constellationselect,
.constellation textarea,
.constellationtextarea {
font-family: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0;
}
.constellation button,
.constellationbutton,
.constellation select,
.constellationselect {
text-transform: none;
}
.constellation button,
.constellationbutton,
.constellation [type='button'],
.constellation[type='button'],
.constellation [type='reset'],
.constellation[type='reset'],
.constellation [type='submit'],
.constellation[type='submit'] {
-webkit-appearance: button;
background-color: transparent;
background-image: none;
}
.constellation:-moz-focusring,
.constellation.constellation:-moz-focusring {
outline: auto;
}
.constellation:-moz-ui-invalid,
.constellation.constellation:-moz-ui-invalid {
box-shadow: none;
}
.constellation progress,
.constellationprogress {
vertical-align: baseline;
}
.constellation::-webkit-inner-spin-button,
.constellation.constellation::-webkit-inner-spin-button,
.constellation::-webkit-outer-spin-button,
.constellation.constellation::-webkit-outer-spin-button {
height: auto;
}
.constellation [type='search'],
.constellation[type='search'] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.constellation::-webkit-search-decoration,
.constellation.constellation::-webkit-search-decoration {
-webkit-appearance: none;
}
.constellation::-webkit-file-upload-button,
.constellation.constellation::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.constellation summary,
.constellationsummary {
display: list-item;
}
.constellation blockquote,
.constellationblockquote,
.constellation dl,
.constellationdl,
.constellation dd,
.constellationdd,
.constellation h1,
.constellationh1,
.constellation h2,
.constellationh2,
.constellation h3,
.constellationh3,
.constellation h4,
.constellationh4,
.constellation h5,
.constellationh5,
.constellation h6,
.constellationh6,
.constellation hr,
.constellationhr,
.constellation figure,
.constellationfigure,
.constellation p,
.constellationp,
.constellation pre,
.constellationpre {
margin: 0;
}
.constellation fieldset,
.constellationfieldset {
margin: 0;
padding: 0;
}
.constellation legend,
.constellationlegend {
padding: 0;
}
.constellation ol,
.constellationol,
.constellation ul,
.constellationul,
.constellation menu,
.constellationmenu {
list-style: none;
margin: 0;
padding: 0;
}
.constellation textarea,
.constellationtextarea {
resize: vertical;
}
.constellation input::-moz-placeholder,
.constellationinput::-moz-placeholder, .constellation textarea::-moz-placeholder,
.constellationtextarea::-moz-placeholder {
opacity: 1;
color: #9ca3af;
}
.constellation input::-moz-placeholder, .constellationinput::-moz-placeholder, .constellation textarea::-moz-placeholder, .constellationtextarea::-moz-placeholder {
opacity: 1;
color: #9ca3af;
}
.constellation input::placeholder,
.constellationinput::placeholder,
.constellation textarea::placeholder,
.constellationtextarea::placeholder {
opacity: 1;
color: #9ca3af;
}
.constellation button,
.constellationbutton,
.constellation [role="button"],
.constellation[role="button"] {
cursor: pointer;
}
.constellation:disabled,
.constellation.constellation:disabled {
cursor: default;
}
.constellation img,
.constellationimg,
.constellation svg,
.constellationsvg,
.constellation video,
.constellationvideo,
.constellation canvas,
.constellationcanvas,
.constellation audio,
.constellationaudio,
.constellation iframe,
.constellationiframe,
.constellation embed,
.constellationembed,
.constellation object,
.constellationobject {
display: block;
vertical-align: middle;
}
.constellation img,
.constellationimg,
.constellation video,
.constellationvideo {
max-width: 100%;
height: auto;
}
:root {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-feature-settings: 'zero' on, 'ss01' on;
font-style: normal;
--color-overlay-dark-000: rgba(13, 53, 120, 0.06);
--color-overlay-dark-100: rgba(5, 24, 61, 0.1);
--color-overlay-dark-200: rgba(5, 24, 61, 0.2);
--color-overlay-dark-400: rgba(7, 8, 13, 0.4);
--color-overlay-dark-600: rgba(3, 17, 47, 0.6);
--color-overlay-dark-800: rgba(18, 29, 51, 0.8);
--color-overlay-light-060: var(--color-white-060);
--color-overlay-light-100: var(--color-white-100);
--color-overlay-light-200: var(--color-white-200);
--color-overlay-light-400: var(--color-white-400);
--color-overlay-light-600: var(--color-white-600);
--color-overlay-light-800: var(--color-white-800);
--color-overlay-light-900: var(--color-white);
--color-blue-000: #ECF5FE;
--color-blue-100: #D8EBFD;
--color-blue-200: #BBDBFC;
--color-blue-300: #85B5F8;
--color-blue-400: #65A5FF;
--color-blue-500: #3D89F5;
--color-blue-600: #0C6CF2;
--color-blue-700: #1656B9;
--color-blue-800: #144699;
--color-blue-900: #0D3578;
--color-green-000: #EDFFFA;
--color-green-100: #DAFFF6;
--color-green-200: #B9FFED;
--color-green-300: #96F5DD;
--color-green-400: #69ECCA;
--color-green-500: #2AEFBC;
--color-green-600: #06D6A0;
--color-green-700: #00B083;
--color-green-800: #0C8868;
--color-green-900: #066C52;
--color-red-000: #FFECEB;
--color-red-100: #FFD9D6;
--color-red-200: #FFC3BF;
--color-red-300: #F6A7A1;
--color-red-400: #FF3344;
--color-red-500: #EA1F30;
--color-red-600: #CF1726;
--color-red-700: #A50D0D;
--color-red-800: #8D0B0B;
--color-red-900: #790606;
--color-orange-000: #FFF6EB;
--color-orange-100: #FFECD6;
--color-orange-200: #FFE1BF;
--color-orange-300: #F6CEA1;
--color-orange-400: #FFA133;
--color-orange-500: #EA8D1F;
--color-orange-600: #D46A00;
--color-orange-700: #AF5200;
--color-orange-800: #8C4100;
--color-orange-900: #6A2E00;
--color-pink-000: #F9E5F1;
--color-pink-100: #FFD4EF;
--color-pink-200: #FFC7EA;
--color-pink-300: #FFACE0;
--color-pink-400: #FF78CD;
--color-pink-500: #FF55B8;
--color-pink-600: #F00699;
--color-pink-700: #DE0082;
--color-pink-800: #B71875;
--color-pink-900: #841355;
--color-purple-000: #EFECFE;
--color-purple-100: #DED8FD;
--color-purple-200: #C6BBFC;
--color-purple-300: #ADA6FF;
--color-purple-400: #9080FF;
--color-purple-500: #7349F2;
--color-purple-600: #5322E5;
--color-purple-700: #451DBF;
--color-purple-800: #371799;
--color-purple-900: #250B73;
--color-teal-000: #E6F8FA;
--color-teal-100: #D1EDF0;
--color-teal-200: #AEE1E6;
--color-teal-300: #6CD0D9;
--color-teal-400: #00B6C7;
--color-teal-500: #12A5B2;
--color-teal-600: #0E828C;
--color-teal-700: #055E66;
--color-teal-800: #08474C;
--color-teal-900: #052F33;
--color-grey-000: #FAFBFF;
--color-grey-050: #F0F2F7;
--color-grey-100: #DFE3EB;
--color-grey-200: #CCD2DE;
--color-grey-300: #B1B8C7;
--color-grey-400: #98A1B2;
--color-grey-500: #828B9E;
--color-grey-600: #677184;
--color-grey-700: #50596B;
--color-grey-800: #353F52;
--color-grey-900: #121D33;
--color-dark-000: #D2D4D6;
--color-dark-100: #B8B9BD;
--color-dark-200: #989BA1;
--color-dark-300: #797D84;
--color-dark-400: #63676F;
--color-dark-500: #4D515B;
--color-dark-600: #3B3E46;
--color-dark-700: #2C3038;
--color-dark-800: #20242C;
--color-dark-900: #07080D;
--color-white: #FFFFFF;
--color-white-000: #FFFFFF;
--color-white-060: rgba(255, 255, 255, 0.06);
--color-white-100: rgba(255, 255, 255, 0.1);
--color-white-200: rgba(255, 255, 255, 0.2);
--color-white-400: rgba(255, 255, 255, 0.4);
--color-white-600: rgba(255, 255, 255, 0.6);
--color-white-800: rgba(255, 255, 255, 0.8);
--color-tier-silver: #C2C9D6;
--color-tier-gold: #F5B73D;
--color-black: #000000;
--color-transparent: transparent;
--color-new-green-300: #2AEFBC;
--color-new-green-400: #06D6A0;
--color-new-green-500: #00B083;
}
.mode-light {
--color-title: var(--color-grey-900);
--color-body: var(--color-grey-800);
--color-overlay: var(--color-overlay-dark-600);
--color-muted: var(--color-grey-400);
--color-dark: var(--color-grey-300);
--color-medium: var(--color-grey-100);
--color-primary: var(--color-blue-600);
--color-success: var(--color-green-600);
--color-warning: var(--color-orange-600);
--color-error: var(--color-red-600);
--color-background-light: var(--color-grey-050);
--color-background-ultra-light: var(--color-grey-000);
--color-background: var(--color-white);
--color-background-blue: var(--color-blue-000);
--color-background-green: var(--color-green-000);
--color-background-red: var(--color-red-000);
--color-background-orange: var(--color-orange-000);
--shadow-control: 0px 3px 8px rgba(0, 0, 0, 0.15);
--shadow-control-sm: 0px 3px 1px rgba(0, 0, 0, 0.06);
--shadow-cards: 0px 3px 8px rgba(0, 0, 0, 0.12);
--shadow-cards-sm: 0px 3px 1px rgba(0, 0, 0, 0.04);
}
.mode-dark {
--color-title: var(--color-white);
--color-body: var(--color-dark-200);
--color-overlay: var(--color-overlay-dark-800);
--color-muted: var(--color-dark-400);
--color-dark: var(--color-dark-700);
--color-medium: var(--color-dark-600);
--color-primary: var(--color-blue-400);
--color-success: var(--color-green-400);
--color-warning: var(--color-orange-400);
--color-error: var(--color-red-400);
--color-background-light: var(--color-dark-800);
--color-background-ultra-light: var(--color-dark-800);
--color-background: var(--color-dark-900);
--color-background-blue: var(--color-dark-600);
--color-background-green: var(--color-green-000);
--color-background-red: var(--color-red-000);
--color-background-orange: var(--color-orange-000);
--shadow-control: 0px 3px 8px rgba(0, 0, 0, 0.12);
--shadow-control-sm: 0px 3px 1px rgba(0, 0, 0, 0.12);
--shadow-cards: 0px 3px 8px rgba(0, 0, 0, 0.12);
--shadow-cards-sm: 0px 3px 1px rgba(0, 0, 0, 0.04);
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(147 197 253 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::-webkit-backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(147 197 253 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(147 197 253 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.container {
width: 100%;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.constellation .pointer-events-none,
.constellation.pointer-events-none {
pointer-events: none;
}
.constellation .fixed,
.constellation.fixed {
position: fixed;
}
.constellation .absolute,
.constellation.absolute {
position: absolute;
}
.constellation .\!absolute,
.constellation.\!absolute {
position: absolute !important;
}
.constellation .relative,
.constellation.relative {
position: relative;
}
.constellation .inset-0,
.constellation.inset-0 {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.constellation .top-0,
.constellation.top-0 {
top: 0px;
}
.constellation .bottom-0,
.constellation.bottom-0 {
bottom: 0px;
}
.constellation .left-0,
.constellation.left-0 {
left: 0px;
}
.constellation .right-0,
.constellation.right-0 {
right: 0px;
}
.constellation .top-4,
.constellation.top-4 {
top: 1rem;
}
.constellation .right-4,
.constellation.right-4 {
right: 1rem;
}
.constellation .top-1\/2,
.constellation.top-1\/2 {
top: 50%;
}
.constellation .left-1\/2,
.constellation.left-1\/2 {
left: 50%;
}
.constellation .right-2,
.constellation.right-2 {
right: 0.5rem;
}
.constellation .top-2,
.constellation.top-2 {
top: 0.5rem;
}
.constellation .z-20,
.constellation.z-20 {
z-index: 20;
}
.constellation .z-50,
.constellation.z-50 {
z-index: 50;
}
.constellation .z-10,
.constellation.z-10 {
z-index: 10;
}
.constellation .\!m-0,
.constellation.\!m-0 {
margin: 0px !important;
}
.constellation .my-0,
.constellation.my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.constellation .my-2,
.constellation.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.constellation .my-3,
.constellation.my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.constellation .my-6,
.constellation.my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.constellation .mx-2,
.constellation.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.constellation .my-2\.5,
.constellation.my-2\.5 {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
.constellation .ml-2,
.constellation.ml-2 {
margin-left: 0.5rem;
}
.constellation .mt-2,
.constellation.mt-2 {
margin-top: 0.5rem;
}
.constellation .mt-5,
.constellation.mt-5 {
margin-top: 1.25rem;
}
.constellation .mt-4,
.constellation.mt-4 {
margin-top: 1rem;
}
.constellation .mb-4,
.constellation.mb-4 {
margin-bottom: 1rem;
}
.constellation .mr-4,
.constellation.mr-4 {
margin-right: 1rem;
}
.constellation .mt-1,
.constellation.mt-1 {
margin-top: 0.25rem;
}
.constellation .mb-1,
.constellation.mb-1 {
margin-bottom: 0.25rem;
}
.constellation .-mr-\[2px\],
.constellation.-mr-\[2px\] {
margin-right: -2px;
}
.constellation .mb-\[2px\],
.constellation.mb-\[2px\] {
margin-bottom: 2px;
}
.constellation .\!mb-1,
.constellation.\!mb-1 {
margin-bottom: 0.25rem !important;
}
.constellation .-ml-\[2px\],
.constellation.-ml-\[2px\] {
margin-left: -2px;
}
.constellation .-mt-\[2px\],
.constellation.-mt-\[2px\] {
margin-top: -2px;
}
.constellation .mr-8,
.constellation.mr-8 {
margin-right: 2rem;
}
.constellation .ml-4,
.constellation.ml-4 {
margin-left: 1rem;
}
.constellation .ml-3,
.constellation.ml-3 {
margin-left: 0.75rem;
}
.constellation .-ml-2,
.constellation.-ml-2 {
margin-left: -0.5rem;
}
.constellation .mb-12,
.constellation.mb-12 {
margin-bottom: 3rem;
}
.constellation .\!mt-1,
.constellation.\!mt-1 {
margin-top: 0.25rem !important;
}
.constellation .ml-auto,
.constellation.ml-auto {
margin-left: auto;
}
.constellation .ml-1,
.constellation.ml-1 {
margin-left: 0.25rem;
}
.constellation .mt-0,
.constellation.mt-0 {
margin-top: 0px;
}
.constellation .mb-0,
.constellation.mb-0 {
margin-bottom: 0px;
}
.constellation .box-border,
.constellation.box-border {
box-sizing: border-box;
}
.constellation .block,
.constellation.block {
display: block;
}
.constellation .inline-block,
.constellation.inline-block {
display: inline-block;
}
.constellation .inline,
.constellation.inline {
display: inline;
}
.constellation .\!inline,
.constellation.\!inline {
display: inline !important;
}
.constellation .flex,
.constellation.flex {
display: flex;
}
.constellation .inline-flex,
.constellation.inline-flex {
display: inline-flex;
}
.constellation .table,
.constellation.table {
display: table;
}
.constellation .grid,
.constellation.grid {
display: grid;
}
.constellation .hidden,
.constellation.hidden {
display: none;
}
.constellation .aspect-square,
.constellation.aspect-square {
aspect-ratio: 1 / 1;
}
.constellation .h-24,
.constellation.h-24 {
height: 6rem;
}
.constellation .h-6,
.constellation.h-6 {
height: 1.5rem;
}
.constellation .h-72,
.constellation.h-72 {
height: 18rem;
}
.constellation .h-full,
.constellation.h-full {
height: 100%;
}
.constellation .h-fit,
.constellation.h-fit {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.constellation .\!h-4,
.constellation.\!h-4 {
height: 1rem !important;
}
.constellation .h-12,
.constellation.h-12 {
height: 3rem;
}
.constellation .\!h-\[47px\],
.constellation.\!h-\[47px\] {
height: 47px !important;
}
.constellation .h-4,
.constellation.h-4 {
height: 1rem;
}
.constellation .h-10,
.constellation.h-10 {
height: 2.5rem;
}
.constellation .h-8,
.constellation.h-8 {
height: 2rem;
}
.constellation .h-2,
.constellation.h-2 {
height: 0.5rem;
}
.constellation .h-5,
.constellation.h-5 {
height: 1.25rem;
}
.constellation .h-3,
.constellation.h-3 {
height: 0.75rem;
}
.constellation .\!h-\[52px\],
.constellation.\!h-\[52px\] {
height: 52px !important;
}
.constellation .\!h-8,
.constellation.\!h-8 {
height: 2rem !important;
}
.constellation .h-14,
.constellation.h-14 {
height: 3.5rem;
}
.constellation .\!h-fit,
.constellation.\!h-fit {
height: -webkit-fit-content !important;
height: -moz-fit-content !important;
height: fit-content !important;
}
.constellation .h-\[calc\(100vh-56px\)\],
.constellation.h-\[calc\(100vh-56px\)\] {
height: calc(100vh - 56px);
}
.constellation .h-40,
.constellation.h-40 {
height: 10rem;
}
.constellation .h-px,
.constellation.h-px {
height: 1px;
}
.constellation .h-\[124px\],
.constellation.h-\[124px\] {
height: 124px;
}
.constellation .h-\[2px\],
.constellation.h-\[2px\] {
height: 2px;
}
.constellation .\!h-12,
.constellation.\!h-12 {
height: 3rem !important;
}
.constellation .h-\[6px\],
.constellation.h-\[6px\] {
height: 6px;
}
.constellation .h-\[29px\],
.constellation.h-\[29px\] {
height: 29px;
}
.constellation .h-80,
.constellation.h-80 {
height: 20rem;
}
.constellation .h-16,
.constellation.h-16 {
height: 4rem;
}
.constellation .\!h-6,
.constellation.\!h-6 {
height: 1.5rem !important;
}
.constellation .h-\[24px\],
.constellation.h-\[24px\] {
height: 24px;
}
.constellation .h-\[20px\],
.constellation.h-\[20px\] {
height: 20px;
}
.constellation .h-32,
.constellation.h-32 {
height: 8rem;
}
.constellation .w-48,
.constellation.w-48 {
width: 12rem;
}
.constellation .w-full,
.constellation.w-full {
width: 100%;
}
.constellation .w-6,
.constellation.w-6 {
width: 1.5rem;
}
.constellation .w-auto,
.constellation.w-auto {
width: auto;
}
.constellation .w-\[1\%\],
.constellation.w-\[1\%\] {
width: 1%;
}
.constellation .w-96,
.constellation.w-96 {
width: 24rem;
}
.constellation .w-\[1000px\],
.constellation.w-\[1000px\] {
width: 1000px;
}
.constellation .w-40,
.constellation.w-40 {
width: 10rem;
}
.constellation .w-24,
.constellation.w-24 {
width: 6rem;
}
.constellation .w-4,
.constellation.w-4 {
width: 1rem;
}
.constellation .w-10,
.constellation.w-10 {
width: 2.5rem;
}
.constellation .w-8,
.constellation.w-8 {
width: 2rem;
}
.constellation .w-2,
.constellation.w-2 {
width: 0.5rem;
}
.constellation .w-5,
.constellation.w-5 {
width: 1.25rem;
}
.constellation .w-3,
.constellation.w-3 {
width: 0.75rem;
}
.constellation .\!w-10,
.constellation.\!w-10 {
width: 2.5rem !important;
}
.constellation .\!w-5,
.constellation.\!w-5 {
width: 1.25rem !important;
}
.constellation .w-\[95vw\],
.constellation.w-\[95vw\] {
width: 95vw;
}
.constellation .w-screen,
.constellation.w-screen {
width: 100vw;
}
.constellation .w-px,
.constellation.w-px {
width: 1px;
}
.constellation .w-72,
.constellation.w-72 {
width: 18rem;
}
.constellation .w-\[124px\],
.constellation.w-\[124px\] {
width: 124px;
}
.constellation .w-64,
.constellation.w-64 {
width: 16rem;
}
.constellation .w-\[6px\],
.constellation.w-\[6px\] {
width: 6px;
}
.constellation .w-fit,
.constellation.w-fit {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.constellation .w-\[327px\],
.constellation.w-\[327px\] {
width: 327px;
}
.constellation .w-44,
.constellation.w-44 {
width: 11rem;
}
.constellation .w-3\/4,
.constellation.w-3\/4 {
width: 75%;
}
.constellation .\!w-6,
.constellation.\!w-6 {
width: 1.5rem !important;
}
.constellation .\!w-8,
.constellation.\!w-8 {
width: 2rem !important;
}
.constellation .w-\[48px\],
.constellation.w-\[48px\] {
width: 48px;
}
.constellation .w-\[20px\],
.constellation.w-\[20px\] {
width: 20px;
}
.constellation .w-16,
.constellation.w-16 {
width: 4rem;
}
.constellation .w-32,
.constellation.w-32 {
width: 8rem;
}
.constellation .max-w-4xl,
.constellation.max-w-4xl {
max-width: 56rem;
}
.constellation .max-w-md,
.constellation.max-w-md {
max-width: 28rem;
}
.constellation .flex-1,
.constellation.flex-1 {
flex: 1 1 0%;
}
.constellation .flex-shrink-0,
.constellation.flex-shrink-0 {
flex-shrink: 0;
}
.constellation .flex-shrink,
.constellation.flex-shrink {
flex-shrink: 1;
}
.constellation .shrink,
.constellation.shrink {
flex-shrink: 1;
}
.constellation .flex-grow,
.constellation.flex-grow {
flex-grow: 1;
}
.constellation .flex-grow-0,
.constellation.flex-grow-0 {
flex-grow: 0;
}
.constellation .grow,
.constellation.grow {
flex-grow: 1;
}
.constellation .table-auto,
.constellation.table-auto {
table-layout: auto;
}
.constellation .border-spacing-0,
.constellation.border-spacing-0 {
--tw-border-spacing-x: 0px;
--tw-border-spacing-y: 0px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.constellation .-translate-x-1\/2,
.constellation.-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .-translate-y-1\/2,
.constellation.-translate-y-1\/2 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .translate-y-0,
.constellation.translate-y-0 {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .rotate-180,
.constellation.rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .scale-95,
.constellation.scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .scale-100,
.constellation.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .transform,
.constellation.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@-webkit-keyframes fade {
0% {
opacity: 0.3;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(3);
}
}
@keyframes fade {
0% {
opacity: 0.3;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(3);
}
}
.constellation .animate-ping-big,
.constellation.animate-ping-big {
-webkit-animation: fade 1.5s linear infinite;
animation: fade 1.5s linear infinite;
}
@-webkit-keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.constellation .animate-spin-fast,
.constellation.animate-spin-fast {
-webkit-animation: spin 1.25s linear infinite;
animation: spin 1.25s linear infinite;
}
.constellation .cursor-crosshair,
.constellation.cursor-crosshair {
cursor: crosshair;
}
.constellation .cursor-not-allowed,
.constellation.cursor-not-allowed {
cursor: not-allowed;
}
.constellation .cursor-pointer,
.constellation.cursor-pointer {
cursor: pointer;
}
.constellation .\!cursor-not-allowed,
.constellation.\!cursor-not-allowed {
cursor: not-allowed !important;
}
.constellation .touch-none,
.constellation.touch-none {
touch-action: none;
}
.constellation .select-none,
.constellation.select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.constellation .resize,
.constellation.resize {
resize: both;
}
.constellation .list-none,
.constellation.list-none {
list-style-type: none;
}
.constellation .grid-cols-2,
.constellation.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.constellation .flex-row,
.constellation.flex-row {
flex-direction: row;
}
.constellation .flex-row-reverse,
.constellation.flex-row-reverse {
flex-direction: row-reverse;
}
.constellation .\!flex-row-reverse,
.constellation.\!flex-row-reverse {
flex-direction: row-reverse !important;
}
.constellation .flex-col,
.constellation.flex-col {
flex-direction: column;
}
.constellation .flex-col-reverse,
.constellation.flex-col-reverse {
flex-direction: column-reverse;
}
.constellation .flex-wrap,
.constellation.flex-wrap {
flex-wrap: wrap;
}
.constellation .flex-nowrap,
.constellation.flex-nowrap {
flex-wrap: nowrap;
}
.constellation .place-items-center,
.constellation.place-items-center {
place-items: center;
}
.constellation .items-start,
.constellation.items-start {
align-items: flex-start;
}
.constellation .\!items-start,
.constellation.\!items-start {
align-items: flex-start !important;
}
.constellation .items-end,
.constellation.items-end {
align-items: flex-end;
}
.constellation .items-center,
.constellation.items-center {
align-items: center;
}
.constellation .items-baseline,
.constellation.items-baseline {
align-items: baseline;
}
.constellation .items-stretch,
.constellation.items-stretch {
align-items: stretch;
}
.constellation .justify-start,
.constellation.justify-start {
justify-content: flex-start;
}
.constellation .justify-end,
.constellation.justify-end {
justify-content: flex-end;
}
.constellation .justify-center,
.constellation.justify-center {
justify-content: center;
}
.constellation .justify-between,
.constellation.justify-between {
justify-content: space-between;
}
.constellation .justify-around,
.constellation.justify-around {
justify-content: space-around;
}
.constellation .justify-evenly,
.constellation.justify-evenly {
justify-content: space-evenly;
}
.constellation .gap-4,
.constellation.gap-4 {
gap: 1rem;
}
.constellation .gap-5,
.constellation.gap-5 {
gap: 1.25rem;
}
.constellation .gap-1,
.constellation.gap-1 {
gap: 0.25rem;
}
.constellation .gap-2,
.constellation.gap-2 {
gap: 0.5rem;
}
.constellation .gap-\[3px\],
.constellation.gap-\[3px\] {
gap: 3px;
}
.constellation .gap-\[10px\],
.constellation.gap-\[10px\] {
gap: 10px;
}
.constellation .gap-20,
.constellation.gap-20 {
gap: 5rem;
}
.constellation .\!gap-2,
.constellation.\!gap-2 {
gap: 0.5rem !important;
}
.constellation .gap-3,
.constellation.gap-3 {
gap: 0.75rem;
}
.constellation .overflow-auto,
.constellation.overflow-auto {
overflow: auto;
}
.constellation .overflow-hidden,
.constellation.overflow-hidden {
overflow: hidden;
}
.constellation .overflow-visible,
.constellation.overflow-visible {
overflow: visible;
}
.constellation .truncate,
.constellation.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.constellation .rounded-full,
.constellation.rounded-full {
border-radius: 9999px;
}
.constellation .rounded-lg,
.constellation.rounded-lg {
border-radius: 0.5rem;
}
.constellation .rounded,
.constellation.rounded {
border-radius: 0.25rem;
}
.constellation .\!rounded-full,
.constellation.\!rounded-full {
border-radius: 9999px !important;
}
.constellation .rounded-2xl,
.constellation.rounded-2xl {
border-radius: 1rem;
}
.constellation .rounded-md,
.constellation.rounded-md {
border-radius: 0.375rem;
}
.constellation .\!rounded-lg,
.constellation.\!rounded-lg {
border-radius: 0.5rem !important;
}
.constellation .rounded-\[10px\],
.constellation.rounded-\[10px\] {
border-radius: 10px;
}
.constellation .border,
.constellation.border {
border-width: 1px;
}
.constellation .border-2,
.constellation.border-2 {
border-width: 2px;
}
.constellation .\!border,
.constellation.\!border {
border-width: 1px !important;
}
.constellation .border-8,
.constellation.border-8 {
border-width: 8px;
}
.constellation .border-\[12px\],
.constellation.border-\[12px\] {
border-width: 12px;
}
.constellation .border-4,
.constellation.border-4 {
border-width: 4px;
}
.constellation .border-\[3px\],
.constellation.border-\[3px\] {
border-width: 3px;
}
.constellation .border-x,
.constellation.border-x {
border-left-width: 1px;
border-right-width: 1px;
}
.constellation .border-y,
.constellation.border-y {
border-top-width: 1px;
border-bottom-width: 1px;
}
.constellation .border-b,
.constellation.border-b {
border-bottom-width: 1px;
}
.constellation .border-l,
.constellation.border-l {
border-left-width: 1px;
}
.constellation .border-r,
.constellation.border-r {
border-right-width: 1px;
}
.constellation .border-t,
.constellation.border-t {
border-top-width: 1px;
}
.constellation .border-solid,
.constellation.border-solid {
border-style: solid;
}
.constellation .border-none,
.constellation.border-none {
border-style: none;
}
.constellation .border-primary,
.constellation.border-primary {
border-color: var(--color-primary);
}
.constellation .border-medium,
.constellation.border-medium {
border-color: var(--color-medium);
}
.constellation .border-error,
.constellation.border-error {
border-color: var(--color-error);
}
.constellation .border-success,
.constellation.border-success {
border-color: var(--color-success);
}
.constellation .border-warning,
.constellation.border-warning {
border-color: var(--color-warning);
}
.constellation .border-background-light,
.constellation.border-background-light {
border-color: var(--color-background-light);
}
.constellation .border-background,
.constellation.border-background {
border-color: var(--color-background);
}
.constellation .border-grey-000,
.constellation.border-grey-000 {
border-color: var(--color-grey-000);
}
.constellation .border-transparent,
.constellation.border-transparent {
border-color: var(--color-transparent);
}
.constellation .border-background-red,
.constellation.border-background-red {
border-color: var(--color-background-red);
}
.constellation .border-background-green,
.constellation.border-background-green {
border-color: var(--color-background-green);
}
.constellation .border-background-orange,
.constellation.border-background-orange {
border-color: var(--color-background-orange);
}
.constellation .border-grey-100,
.constellation.border-grey-100 {
border-color: var(--color-grey-100);
}
.constellation .border-blue-100,
.constellation.border-blue-100 {
border-color: var(--color-blue-100);
}
.constellation .border-overlay-light-200,
.constellation.border-overlay-light-200 {
border-color: var(--color-overlay-light-200);
}
.constellation .border-r-transparent,
.constellation.border-r-transparent {
border-right-color: var(--color-transparent);
}
.constellation .border-r-medium,
.constellation.border-r-medium {
border-right-color: var(--color-medium);
}
.constellation .border-b-medium,
.constellation.border-b-medium {
border-bottom-color: var(--color-medium);
}
.constellation .border-t-primary,
.constellation.border-t-primary {
border-top-color: var(--color-primary);
}
.constellation .border-t-overlay-light-900,
.constellation.border-t-overlay-light-900 {
border-top-color: var(--color-overlay-light-900);
}
.constellation .bg-background-light,
.constellation.bg-background-light {
background-color: var(--color-background-light);
}
.constellation .bg-grey-500,
.constellation.bg-grey-500 {
background-color: var(--color-grey-500);
}
.constellation .bg-red-500,
.constellation.bg-red-500 {
background-color: var(--color-red-500);
}
.constellation .bg-green-500,
.constellation.bg-green-500 {
background-color: var(--color-green-500);
}
.constellation .bg-blue-500,
.constellation.bg-blue-500 {
background-color: var(--color-blue-500);
}
.constellation .bg-overlay-dark-400,
.constellation.bg-overlay-dark-400 {
background-color: var(--color-overlay-dark-400);
}
.constellation .bg-background,
.constellation.bg-background {
background-color: var(--color-background);
}
.constellation .bg-background-ultra-light,
.constellation.bg-background-ultra-light {
background-color: var(--color-background-ultra-light);
}
.constellation .bg-medium,
.constellation.bg-medium {
background-color: var(--color-medium);
}
.constellation .bg-transparent,
.constellation.bg-transparent {
background-color: var(--color-transparent);
}
.constellation .bg-primary,
.constellation.bg-primary {
background-color: var(--color-primary);
}
.constellation .\!bg-background-light,
.constellation.\!bg-background-light {
background-color: var(--color-background-light) !important;
}
.constellation .bg-blue-000,
.constellation.bg-blue-000 {
background-color: var(--color-blue-000);
}
.constellation .bg-grey-300,
.constellation.bg-grey-300 {
background-color: var(--color-grey-300);
}
.constellation .bg-error,
.constellation.bg-error {
background-color: var(--color-error);
}
.constellation .bg-success,
.constellation.bg-success {
background-color: var(--color-success);
}
.constellation .bg-warning,
.constellation.bg-warning {
background-color: var(--color-warning);
}
.constellation .bg-background-red,
.constellation.bg-background-red {
background-color: var(--color-background-red);
}
.constellation .bg-background-green,
.constellation.bg-background-green {
background-color: var(--color-background-green);
}
.constellation .bg-background-orange,
.constellation.bg-background-orange {
background-color: var(--color-background-orange);
}
.constellation .bg-grey-800,
.constellation.bg-grey-800 {
background-color: var(--color-grey-800);
}
.constellation .bg-background-dark,
.constellation.bg-background-dark {
background-color: var(--color-dark);
}
.constellation .bg-grey-900,
.constellation.bg-grey-900 {
background-color: var(--color-grey-900);
}
.constellation .bg-white-000,
.constellation.bg-white-000 {
background-color: var(--color-white);
}
.constellation .bg-blue-600,
.constellation.bg-blue-600 {
background-color: var(--color-blue-600);
}
.constellation .object-cover,
.constellation.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.constellation .p-1,
.constellation.p-1 {
padding: 0.25rem;
}
.constellation .p-2,
.constellation.p-2 {
padding: 0.5rem;
}
.constellation .p-6,
.constellation.p-6 {
padding: 1.5rem;
}
.constellation .\!p-0,
.constellation.\!p-0 {
padding: 0px !important;
}
.constellation .p-4,
.constellation.p-4 {
padding: 1rem;
}
.constellation .\!p-2,
.constellation.\!p-2 {
padding: 0.5rem !important;
}
.constellation .p-0,
.constellation.p-0 {
padding: 0px;
}
.constellation .p-\[3px\],
.constellation.p-\[3px\] {
padding: 3px;
}
.constellation .p-\[2px\],
.constellation.p-\[2px\] {
padding: 2px;
}
.constellation .p-3,
.constellation.p-3 {
padding: 0.75rem;
}
.constellation .p-8,
.constellation.p-8 {
padding: 2rem;
}
.constellation .p-20,
.constellation.p-20 {
padding: 5rem;
}
.constellation .py-10,
.constellation.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.constellation .px-4,
.constellation.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.constellation .py-6,
.constellation.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.constellation .px-6,
.constellation.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.constellation .py-3\.5,
.constellation.py-3\.5 {
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.constellation .py-3,
.constellation.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.constellation .px-2,
.constellation.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.constellation .py-2,
.constellation.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.constellation .py-2\.5,
.constellation.py-2\.5 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.constellation .px-3,
.constellation.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.constellation .py-0\.5,
.constellation.py-0\.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.constellation .px-\[7px\],
.constellation.px-\[7px\] {
padding-left: 7px;
padding-right: 7px;
}
.constellation .py-0,
.constellation.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.constellation .px-\[10px\],
.constellation.px-\[10px\] {
padding-left: 10px;
padding-right: 10px;
}
.constellation .py-\[4\.5px\],
.constellation.py-\[4\.5px\] {
padding-top: 4.5px;
padding-bottom: 4.5px;
}
.constellation .px-12,
.constellation.px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.constellation .py-5,
.constellation.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.constellation .px-10,
.constellation.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.constellation .py-4,
.constellation.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.constellation .py-1\.5,
.constellation.py-1\.5 {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.constellation .py-1,
.constellation.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.constellation .px-14,
.constellation.px-14 {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.constellation .px-16,
.constellation.px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.constellation .px-8,
.constellation.px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.constellation .\!px-2,
.constellation.\!px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.constellation .\!py-2,
.constellation.\!py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.constellation .pb-2,
.constellation.pb-2 {
padding-bottom: 0.5rem;
}
.constellation .pl-4,
.constellation.pl-4 {
padding-left: 1rem;
}
.constellation .pl-2,
.constellation.pl-2 {
padding-left: 0.5rem;
}
.constellation .pl-6,
.constellation.pl-6 {
padding-left: 1.5rem;
}
.constellation .pr-4,
.constellation.pr-4 {
padding-right: 1rem;
}
.constellation .pt-4,
.constellation.pt-4 {
padding-top: 1rem;
}
.constellation .pb-6,
.constellation.pb-6 {
padding-bottom: 1.5rem;
}
.constellation .\!pl-4,
.constellation.\!pl-4 {
padding-left: 1rem !important;
}
.constellation .\!pb-2,
.constellation.\!pb-2 {
padding-bottom: 0.5rem !important;
}
.constellation .\!pt-6,
.constellation.\!pt-6 {
padding-top: 1.5rem !important;
}
.constellation .pr-3,
.constellation.pr-3 {
padding-right: 0.75rem;
}
.constellation .pt-3,
.constellation.pt-3 {
padding-top: 0.75rem;
}
.constellation .text-left,
.constellation.text-left {
text-align: left;
}
.constellation .text-center,
.constellation.text-center {
text-align: center;
}
.constellation .text-right,
.constellation.text-right {
text-align: right;
}
.constellation .text-justify,
.constellation.text-justify {
text-align: justify;
}
.constellation .text-start,
.constellation.text-start {
text-align: start;
}
.constellation .text-end,
.constellation.text-end {
text-align: end;
}
.constellation .align-middle,
.constellation.align-middle {
vertical-align: middle;
}
.constellation .font-mono,
.constellation.font-mono {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.constellation .text-sm,
.constellation.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.constellation .text-base,
.constellation.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.constellation .text-xl,
.constellation.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.constellation .text-xs,
.constellation.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.constellation .text-\[10px\],
.constellation.text-\[10px\] {
font-size: 10px;
}
.constellation .text-5xl,
.constellation.text-5xl {
font-size: 3rem;
line-height: 1;
}
.constellation .text-\[2\.5rem\],
.constellation.text-\[2\.5rem\] {
font-size: 2.5rem;
}
.constellation .text-\[0\.625rem\],
.constellation.text-\[0\.625rem\] {
font-size: 0.625rem;
}
.constellation .text-\[2rem\],
.constellation.text-\[2rem\] {
font-size: 2rem;
}
.constellation .text-2xl,
.constellation.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.constellation .font-medium,
.constellation.font-medium {
font-weight: 500;
}
.constellation .font-normal,
.constellation.font-normal {
font-weight: 400;
}
.constellation .font-semibold,
.constellation.font-semibold {
font-weight: 600;
}
.constellation .font-bold,
.constellation.font-bold {
font-weight: 700;
}
.constellation .uppercase,
.constellation.uppercase {
text-transform: uppercase;
}
.constellation .lowercase,
.constellation.lowercase {
text-transform: lowercase;
}
.constellation .capitalize,
.constellation.capitalize {
text-transform: capitalize;
}
.constellation .normal-case,
.constellation.normal-case {
text-transform: none;
}
.constellation .italic,
.constellation.italic {
font-style: italic;
}
.constellation .tracking-widest,
.constellation.tracking-widest {
letter-spacing: 0.1em;
}
.constellation .text-title,
.constellation.text-title {
color: var(--color-title);
}
.constellation .text-body,
.constellation.text-body {
color: var(--color-body);
}
.constellation .text-white-000,
.constellation.text-white-000 {
color: var(--color-white);
}
.constellation .text-background,
.constellation.text-background {
color: var(--color-background);
}
.constellation .text-background-blue,
.constellation.text-background-blue {
color: var(--color-background-blue);
}
.constellation .text-background-green,
.constellation.text-background-green {
color: var(--color-background-green);
}
.constellation .text-background-light,
.constellation.text-background-light {
color: var(--color-background-light);
}
.constellation .text-background-orange,
.constellation.text-background-orange {
color: var(--color-background-orange);
}
.constellation .text-background-red,
.constellation.text-background-red {
color: var(--color-background-red);
}
.constellation .text-background-ultra-light,
.constellation.text-background-ultra-light {
color: var(--color-background-ultra-light);
}
.constellation .text-error,
.constellation.text-error {
color: var(--color-error);
}
.constellation .text-medium,
.constellation.text-medium {
color: var(--color-medium);
}
.constellation .text-muted,
.constellation.text-muted {
color: var(--color-muted);
}
.constellation .text-overlay,
.constellation.text-overlay {
color: var(--color-overlay);
}
.constellation .text-pink-500,
.constellation.text-pink-500 {
color: var(--color-pink-500);
}
.constellation .text-primary,
.constellation.text-primary {
color: var(--color-primary);
}
.constellation .text-success,
.constellation.text-success {
color: var(--color-success);
}
.constellation .text-warning,
.constellation.text-warning {
color: var(--color-warning);
}
.constellation .text-grey-400,
.constellation.text-grey-400 {
color: var(--color-grey-400);
}
.constellation .\!text-grey-300,
.constellation.\!text-grey-300 {
color: var(--color-grey-300) !important;
}
.constellation .\!text-error,
.constellation.\!text-error {
color: var(--color-error) !important;
}
.constellation .\!text-success,
.constellation.\!text-success {
color: var(--color-success) !important;
}
.constellation .\!text-warning,
.constellation.\!text-warning {
color: var(--color-warning) !important;
}
.constellation .\!text-muted,
.constellation.\!text-muted {
color: var(--color-muted) !important;
}
.constellation .\!text-title,
.constellation.\!text-title {
color: var(--color-title) !important;
}
.constellation .text-black,
.constellation.text-black {
color: var(--color-black);
}
.constellation .text-grey-600,
.constellation.text-grey-600 {
color: var(--color-grey-600);
}
.constellation .text-green-400,
.constellation.text-green-400 {
color: var(--color-green-400);
}
.constellation .text-grey-300,
.constellation.text-grey-300 {
color: var(--color-grey-300);
}
.constellation .text-blue-600,
.constellation.text-blue-600 {
color: var(--color-blue-600);
}
.constellation .text-blue-700,
.constellation.text-blue-700 {
color: var(--color-blue-700);
}
.constellation .overline,
.constellation.overline {
-webkit-text-decoration-line: overline;
text-decoration-line: overline;
}
.constellation .no-underline,
.constellation.no-underline {
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.constellation .opacity-0,
.constellation.opacity-0 {
opacity: 0;
}
.constellation .opacity-100,
.constellation.opacity-100 {
opacity: 1;
}
.constellation .opacity-60,
.constellation.opacity-60 {
opacity: 0.6;
}
.constellation .opacity-25,
.constellation.opacity-25 {
opacity: 0.25;
}
.constellation .shadow-none,
.constellation.shadow-none {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.constellation .shadow-lg,
.constellation.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.constellation .shadow,
.constellation.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.constellation .outline-none,
.constellation.outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
.constellation .outline,
.constellation.outline {
outline-style: solid;
}
.constellation .outline-0,
.constellation.outline-0 {
outline-width: 0px;
}
.constellation .outline-1,
.constellation.outline-1 {
outline-width: 1px;
}
.constellation .outline-overlay-dark-200,
.constellation.outline-overlay-dark-200 {
outline-color: var(--color-overlay-dark-200);
}
.constellation .outline-background,
.constellation.outline-background {
outline-color: var(--color-background);
}
.constellation .ring-0,
.constellation.ring-0 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.constellation .blur,
.constellation.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.constellation .drop-shadow-control,
.constellation.drop-shadow-control {
--tw-drop-shadow: drop-shadow(var(--shadow-control)) drop-shadow(var(--shadow-control-sm));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.constellation .\!drop-shadow-cards,
.constellation.\!drop-shadow-cards {
--tw-drop-shadow: drop-shadow(var(--shadow-cards)) drop-shadow(var(--shadow-cards-sm)) !important;
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.constellation .drop-shadow-cards,
.constellation.drop-shadow-cards {
--tw-drop-shadow: drop-shadow(var(--shadow-cards)) drop-shadow(var(--shadow-cards-sm));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.constellation .invert,
.constellation.invert {
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.constellation .filter,
.constellation.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.constellation .backdrop-blur-\[2px\],
.constellation.backdrop-blur-\[2px\] {
--tw-backdrop-blur: blur(2px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.constellation .transition-colors,
.constellation.transition-colors {
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.constellation .transition-all,
.constellation.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.constellation .duration-300,
.constellation.duration-300 {
transition-duration: 300ms;
}
.constellation .duration-200,
.constellation.duration-200 {
transition-duration: 200ms;
}
.constellation .ease-out,
.constellation.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.constellation .ease-in,
.constellation.ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.constellation .line-clamp-2,
.constellation.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.constellation .line-clamp-3,
.constellation.line-clamp-3 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.constellation .line-clamp-4,
.constellation.line-clamp-4 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.constellation .line-clamp-5,
.constellation.line-clamp-5 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.constellation .line-clamp-6,
.constellation.line-clamp-6 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
.constellation .animation-delay-700,
.constellation.animation-delay-700 {
-webkit-animation-delay: 700ms;
animation-delay: 700ms;
}
.constellation .placeholder\:text-muted::-moz-placeholder,
.constellation.placeholder\:text-muted::-moz-placeholder {
color: var(--color-muted);
}
.constellation .placeholder\:text-muted::-moz-placeholder, .constellation.placeholder\:text-muted::-moz-placeholder {
color: var(--color-muted);
}
.constellation .placeholder\:text-muted::placeholder,
.constellation.placeholder\:text-muted::placeholder {
color: var(--color-muted);
}
.constellation .before\:block::before,
.constellation.before\:block::before {
content: var(--tw-content);
display: block;
}
.constellation .before\:h-3\.5::before,
.constellation.before\:h-3\.5::before {
content: var(--tw-content);
height: 0.875rem;
}
.constellation .before\:h-3::before,
.constellation.before\:h-3::before {
content: var(--tw-content);
height: 0.75rem;
}
.constellation .before\:w-3\.5::before,
.constellation.before\:w-3\.5::before {
content: var(--tw-content);
width: 0.875rem;
}
.constellation .before\:w-3::before,
.constellation.before\:w-3::before {
content: var(--tw-content);
width: 0.75rem;
}
.constellation .before\:rounded-full::before,
.constellation.before\:rounded-full::before {
content: var(--tw-content);
border-radius: 9999px;
}
.constellation .before\:bg-primary::before,
.constellation.before\:bg-primary::before {
content: var(--tw-content);
background-color: var(--color-primary);
}
.constellation .before\:content-\[\"\"\]::before,
.constellation.before\:content-\[\"\"\]::before {
--tw-content: "";
content: var(--tw-content);
}
.constellation .last-of-type\:\!border-transparent:last-of-type,
.constellation.last-of-type\:\!border-transparent:last-of-type {
border-color: var(--color-transparent) !important;
}
.constellation .focus-within\:border-primary:focus-within,
.constellation.focus-within\:border-primary:focus-within {
border-color: var(--color-primary);
}
.constellation .hover\:border-error:hover,
.constellation.hover\:border-error:hover {
border-color: var(--color-error);
}
.constellation .hover\:border-success:hover,
.constellation.hover\:border-success:hover {
border-color: var(--color-success);
}
.constellation .hover\:border-warning:hover,
.constellation.hover\:border-warning:hover {
border-color: var(--color-warning);
}
.constellation .hover\:border-blue-400:hover,
.constellation.hover\:border-blue-400:hover {
border-color: var(--color-blue-400);
}
.constellation .hover\:bg-red-000:hover,
.constellation.hover\:bg-red-000:hover {
background-color: var(--color-red-000);
}
.constellation .hover\:bg-green-000:hover,
.constellation.hover\:bg-green-000:hover {
background-color: var(--color-green-000);
}
.constellation .hover\:bg-orange-000:hover,
.constellation.hover\:bg-orange-000:hover {
background-color: var(--color-orange-000);
}
.constellation .hover\:bg-grey-700:hover,
.constellation.hover\:bg-grey-700:hover {
background-color: var(--color-grey-700);
}
.constellation .hover\:bg-transparent:hover,
.constellation.hover\:bg-transparent:hover {
background-color: var(--color-transparent);
}
.constellation .hover\:bg-blue-000:hover,
.constellation.hover\:bg-blue-000:hover {
background-color: var(--color-blue-000);
}
.constellation .hover\:bg-blue-700:hover,
.constellation.hover\:bg-blue-700:hover {
background-color: var(--color-blue-700);
}
.constellation .hover\:text-grey-600:hover,
.constellation.hover\:text-grey-600:hover {
color: var(--color-grey-600);
}
.constellation .hover\:\!text-grey-400:hover,
.constellation.hover\:\!text-grey-400:hover {
color: var(--color-grey-400) !important;
}
.constellation .hover\:text-primary:hover,
.constellation.hover\:text-primary:hover {
color: var(--color-primary);
}
.constellation .hover\:text-blue-700:hover,
.constellation.hover\:text-blue-700:hover {
color: var(--color-blue-700);
}
.constellation .hover\:underline:hover,
.constellation.hover\:underline:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.constellation .hover\:no-underline:hover,
.constellation.hover\:no-underline:hover {
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.constellation .hover\:underline-offset-\[3px\]:hover,
.constellation.hover\:underline-offset-\[3px\]:hover {
text-underline-offset: 3px;
}
.constellation .hover\:outline-2:hover,
.constellation.hover\:outline-2:hover {
outline-width: 2px;
}
.constellation .focus\:z-10:focus,
.constellation.focus\:z-10:focus {
z-index: 10;
}
.constellation .focus\:border-primary:focus,
.constellation.focus\:border-primary:focus {
border-color: var(--color-primary);
}
.constellation .focus\:bg-blue-000:focus,
.constellation.focus\:bg-blue-000:focus {
background-color: var(--color-blue-000);
}
.constellation .focus\:bg-grey-900:focus,
.constellation.focus\:bg-grey-900:focus {
background-color: var(--color-grey-900);
}
.constellation .focus\:bg-transparent:focus,
.constellation.focus\:bg-transparent:focus {
background-color: var(--color-transparent);
}
.constellation .focus\:bg-blue-800:focus,
.constellation.focus\:bg-blue-800:focus {
background-color: var(--color-blue-800);
}
.constellation .focus\:text-blue-800:focus,
.constellation.focus\:text-blue-800:focus {
color: var(--color-blue-800);
}
.constellation .focus\:text-blue-700:focus,
.constellation.focus\:text-blue-700:focus {
color: var(--color-blue-700);
}
.constellation .focus\:outline-none:focus,
.constellation.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.constellation .focus-visible\:ring:focus-visible,
.constellation.focus-visible\:ring:focus-visible {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.constellation .focus-visible\:\!ring-0:focus-visible,
.constellation.focus-visible\:\!ring-0:focus-visible {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.constellation .focus-visible\:ring-primary:focus-visible,
.constellation.focus-visible\:ring-primary:focus-visible {
--tw-ring-color: var(--color-primary);
}
.constellation .focus-visible\:ring-purple-500:focus-visible,
.constellation.focus-visible\:ring-purple-500:focus-visible {
--tw-ring-color: var(--color-purple-500);
}
.constellation .focus-visible\:ring-opacity-75:focus-visible,
.constellation.focus-visible\:ring-opacity-75:focus-visible {
--tw-ring-opacity: 0.75;
}
.constellation .active\:border-primary:active,
.constellation.active\:border-primary:active {
border-color: var(--color-primary);
}
.constellation .active\:bg-grey-900:active,
.constellation.active\:bg-grey-900:active {
background-color: var(--color-grey-900);
}
.constellation .active\:bg-transparent:active,
.constellation.active\:bg-transparent:active {
background-color: var(--color-transparent);
}
.constellation .active\:bg-blue-000:active,
.constellation.active\:bg-blue-000:active {
background-color: var(--color-blue-000);
}
.constellation .active\:bg-blue-900:active,
.constellation.active\:bg-blue-900:active {
background-color: var(--color-blue-900);
}
.constellation .active\:text-blue-900:active,
.constellation.active\:text-blue-900:active {
color: var(--color-blue-900);
}
.constellation .active\:outline-2:active,
.constellation.active\:outline-2:active {
outline-width: 2px;
}
.constellation .disabled\:cursor-not-allowed:disabled,
.constellation.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
.constellation .disabled\:border-grey-100:disabled,
.constellation.disabled\:border-grey-100:disabled {
border-color: var(--color-grey-100);
}
.constellation .disabled\:bg-grey-500:disabled,
.constellation.disabled\:bg-grey-500:disabled {
background-color: var(--color-grey-500);
}
.constellation .disabled\:bg-transparent:disabled,
.constellation.disabled\:bg-transparent:disabled {
background-color: var(--color-transparent);
}
.constellation .disabled\:bg-background:disabled,
.constellation.disabled\:bg-background:disabled {
background-color: var(--color-background);
}
.constellation .disabled\:bg-blue-300:disabled,
.constellation.disabled\:bg-blue-300:disabled {
background-color: var(--color-blue-300);
}
.constellation .disabled\:text-blue-200:disabled,
.constellation.disabled\:text-blue-200:disabled {
color: var(--color-blue-200);
}
.constellation .disabled\:text-muted:disabled,
.constellation.disabled\:text-muted:disabled {
color: var(--color-muted);
}
.constellation .disabled\:text-overlay-light-600:disabled,
.constellation.disabled\:text-overlay-light-600:disabled {
color: var(--color-overlay-light-600);
}
.constellation .radix-disabled\:border-muted[data-disabled],
.constellation.radix-disabled\:border-muted[data-disabled] {
border-color: var(--color-muted);
}
.constellation .radix-disabled\:opacity-50[data-disabled],
.constellation.radix-disabled\:opacity-50[data-disabled] {
opacity: 0.5;
}
.constellation .radix-state-active\:\!border-blue-000[data-state="active"],
.constellation.radix-state-active\:\!border-blue-000[data-state="active"] {
border-color: var(--color-blue-000) !important;
}
.constellation .radix-state-active\:border-background-light[data-state="active"],
.constellation.radix-state-active\:border-background-light[data-state="active"] {
border-color: var(--color-background-light);
}
.constellation .radix-state-active\:bg-background[data-state="active"],
.constellation.radix-state-active\:bg-background[data-state="active"] {
background-color: var(--color-background);
}
.constellation .radix-state-active\:bg-blue-000[data-state="active"],
.constellation.radix-state-active\:bg-blue-000[data-state="active"] {
background-color: var(--color-blue-000);
}
.constellation .radix-state-active\:text-primary[data-state="active"],
.constellation.radix-state-active\:text-primary[data-state="active"] {
color: var(--color-primary);
}
.constellation .radix-state-active\:drop-shadow-control[data-state="active"],
.constellation.radix-state-active\:drop-shadow-control[data-state="active"] {
--tw-drop-shadow: drop-shadow(var(--shadow-control)) drop-shadow(var(--shadow-control-sm));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.constellation .radix-state-checked\:border-primary[data-state="checked"],
.constellation.radix-state-checked\:border-primary[data-state="checked"] {
border-color: var(--color-primary);
}
.constellation .radix-state-checked\:border-error[data-state="checked"],
.constellation.radix-state-checked\:border-error[data-state="checked"] {
border-color: var(--color-error);
}
.constellation .radix-state-checked\:bg-primary[data-state="checked"],
.constellation.radix-state-checked\:bg-primary[data-state="checked"] {
background-color: var(--color-primary);
}
.constellation .radix-state-checked\:bg-success[data-state="checked"],
.constellation.radix-state-checked\:bg-success[data-state="checked"] {
background-color: var(--color-success);
}
.constellation .group[data-state="checked"] .group-radix-state-checked\:translate-x-6,
.constellation.group[data-state="checked"] .group-radix-state-checked\:translate-x-6 {
--tw-translate-x: 1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .radix-state-unchecked\:border-error[data-state="unchecked"],
.constellation.radix-state-unchecked\:border-error[data-state="unchecked"] {
border-color: var(--color-error);
}
.constellation .radix-state-unchecked\:border-medium[data-state="unchecked"],
.constellation.radix-state-unchecked\:border-medium[data-state="unchecked"] {
border-color: var(--color-medium);
}
.constellation .radix-state-unchecked\:bg-background-light[data-state="unchecked"],
.constellation.radix-state-unchecked\:bg-background-light[data-state="unchecked"] {
background-color: var(--color-background-light);
}
.constellation .radix-state-unchecked\:bg-red-100[data-state="unchecked"],
.constellation.radix-state-unchecked\:bg-red-100[data-state="unchecked"] {
background-color: var(--color-red-100);
}
.constellation .radix-state-unchecked\:bg-background-dark[data-state="unchecked"],
.constellation.radix-state-unchecked\:bg-background-dark[data-state="unchecked"] {
background-color: var(--color-dark);
}
.constellation .group[data-state="unchecked"] .group-radix-state-unchecked\:translate-x-0,
.constellation.group[data-state="unchecked"] .group-radix-state-unchecked\:translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.mode-dark .constellation .mode-dark\:border-dark-700,
.mode-dark .constellation.mode-dark\:border-dark-700 {
border-color: var(--color-dark-700);
}
.mode-dark .constellation .mode-dark\:border-dark-900,
.mode-dark .constellation.mode-dark\:border-dark-900 {
border-color: var(--color-dark-900);
}
.mode-dark .constellation .mode-dark\:border-error,
.mode-dark .constellation.mode-dark\:border-error {
border-color: var(--color-error);
}
.mode-dark .constellation .mode-dark\:border-success,
.mode-dark .constellation.mode-dark\:border-success {
border-color: var(--color-success);
}
.mode-dark .constellation .mode-dark\:border-warning,
.mode-dark .constellation.mode-dark\:border-warning {
border-color: var(--color-warning);
}
.mode-dark .constellation .mode-dark\:border-dark-500,
.mode-dark .constellation.mode-dark\:border-dark-500 {
border-color: var(--color-dark-500);
}
.mode-dark .constellation .mode-dark\:border-transparent,
.mode-dark .constellation.mode-dark\:border-transparent {
border-color: var(--color-transparent);
}
.mode-dark .constellation .mode-dark\:border-white-200,
.mode-dark .constellation.mode-dark\:border-white-200 {
border-color: var(--color-white-200);
}
.mode-dark .constellation .mode-dark\:border-t-primary,
.mode-dark .constellation.mode-dark\:border-t-primary {
border-top-color: var(--color-primary);
}
.mode-dark .constellation .mode-dark\:bg-dark-800,
.mode-dark .constellation.mode-dark\:bg-dark-800 {
background-color: var(--color-dark-800);
}
.mode-dark .constellation .mode-dark\:bg-dark-900,
.mode-dark .constellation.mode-dark\:bg-dark-900 {
background-color: var(--color-dark-900);
}
.mode-dark .constellation .mode-dark\:bg-dark-700,
.mode-dark .constellation.mode-dark\:bg-dark-700 {
background-color: var(--color-dark-700);
}
.mode-dark .constellation .mode-dark\:bg-dark-300,
.mode-dark .constellation.mode-dark\:bg-dark-300 {
background-color: var(--color-dark-300);
}
.mode-dark .constellation .mode-dark\:bg-dark-500,
.mode-dark .constellation.mode-dark\:bg-dark-500 {
background-color: var(--color-dark-500);
}
.mode-dark .constellation .mode-dark\:bg-error,
.mode-dark .constellation.mode-dark\:bg-error {
background-color: var(--color-error);
}
.mode-dark .constellation .mode-dark\:bg-success,
.mode-dark .constellation.mode-dark\:bg-success {
background-color: var(--color-success);
}
.mode-dark .constellation .mode-dark\:bg-warning,
.mode-dark .constellation.mode-dark\:bg-warning {
background-color: var(--color-warning);
}
.mode-dark .constellation .mode-dark\:bg-pink-400,
.mode-dark .constellation.mode-dark\:bg-pink-400 {
background-color: var(--color-pink-400);
}
.mode-dark .constellation .mode-dark\:bg-new-green-400,
.mode-dark .constellation.mode-dark\:bg-new-green-400 {
background-color: var(--color-new-green-400);
}
.mode-dark .constellation .mode-dark\:\!bg-grey-800,
.mode-dark .constellation.mode-dark\:\!bg-grey-800 {
background-color: var(--color-grey-800) !important;
}
.mode-dark .constellation .mode-dark\:bg-red-900,
.mode-dark .constellation.mode-dark\:bg-red-900 {
background-color: var(--color-red-900);
}
.mode-dark .constellation .mode-dark\:text-grey-400,
.mode-dark .constellation.mode-dark\:text-grey-400 {
color: var(--color-grey-400);
}
.mode-dark .constellation .mode-dark\:text-dark-900,
.mode-dark .constellation.mode-dark\:text-dark-900 {
color: var(--color-dark-900);
}
.mode-dark .constellation .mode-dark\:text-blue-300,
.mode-dark .constellation.mode-dark\:text-blue-300 {
color: var(--color-blue-300);
}
.mode-dark .constellation .mode-dark\:\!text-grey-400,
.mode-dark .constellation.mode-dark\:\!text-grey-400 {
color: var(--color-grey-400) !important;
}
.mode-dark .constellation .mode-dark\:hover\:border-dark-400:hover,
.mode-dark .constellation.mode-dark\:hover\:border-dark-400:hover {
border-color: var(--color-dark-400);
}
.mode-dark .constellation .mode-dark\:hover\:bg-dark-800:hover,
.mode-dark .constellation.mode-dark\:hover\:bg-dark-800:hover {
background-color: var(--color-dark-800);
}
.mode-dark .constellation .mode-dark\:hover\:text-white-000:hover,
.mode-dark .constellation.mode-dark\:hover\:text-white-000:hover {
color: var(--color-white);
}
.mode-dark .constellation .mode-dark\:hover\:text-blue-300:hover,
.mode-dark .constellation.mode-dark\:hover\:text-blue-300:hover {
color: var(--color-blue-300);
}
.mode-dark .constellation .mode-dark\:focus\:border-blue-400:focus,
.mode-dark .constellation.mode-dark\:focus\:border-blue-400:focus {
border-color: var(--color-blue-400);
}
.mode-dark .constellation .mode-dark\:focus\:bg-dark-700:focus,
.mode-dark .constellation.mode-dark\:focus\:bg-dark-700:focus {
background-color: var(--color-dark-700);
}
.mode-dark .constellation .mode-dark\:focus\:text-blue-200:focus,
.mode-dark .constellation.mode-dark\:focus\:text-blue-200:focus {
color: var(--color-blue-200);
}
.mode-dark .constellation .mode-dark\:focus\:text-blue-300:focus,
.mode-dark .constellation.mode-dark\:focus\:text-blue-300:focus {
color: var(--color-blue-300);
}
.mode-dark .constellation .mode-dark\:active\:border-blue-400:active,
.mode-dark .constellation.mode-dark\:active\:border-blue-400:active {
border-color: var(--color-blue-400);
}
.mode-dark .constellation .mode-dark\:active\:bg-dark-700:active,
.mode-dark .constellation.mode-dark\:active\:bg-dark-700:active {
background-color: var(--color-dark-700);
}
.mode-dark .constellation .mode-dark\:active\:text-blue-200:active,
.mode-dark .constellation.mode-dark\:active\:text-blue-200:active {
color: var(--color-blue-200);
}
.mode-dark .constellation .mode-dark\:disabled\:border-grey-700:disabled,
.mode-dark .constellation.mode-dark\:disabled\:border-grey-700:disabled {
border-color: var(--color-grey-700);
}
.mode-dark .constellation .mode-dark\:disabled\:bg-background:disabled,
.mode-dark .constellation.mode-dark\:disabled\:bg-background:disabled {
background-color: var(--color-background);
}
.mode-dark .constellation .mode-dark\:disabled\:text-blue-500:disabled,
.mode-dark .constellation.mode-dark\:disabled\:text-blue-500:disabled {
color: var(--color-blue-500);
}
.mode-dark .constellation .mode-dark\:disabled\:text-grey-600:disabled,
.mode-dark .constellation.mode-dark\:disabled\:text-grey-600:disabled {
color: var(--color-grey-600);
}
.mode-dark .constellation .mode-dark\:radix-state-active\:\!border-dark-800[data-state="active"],
.mode-dark .constellation.mode-dark\:radix-state-active\:\!border-dark-800[data-state="active"] {
border-color: var(--color-dark-800) !important;
}
.mode-dark .constellation .mode-dark\:radix-state-active\:\!bg-dark-800[data-state="active"],
.mode-dark .constellation.mode-dark\:radix-state-active\:\!bg-dark-800[data-state="active"] {
background-color: var(--color-dark-800) !important;
}
.mode-dark .constellation .radix-state-active\:mode-dark\:bg-dark-800[data-state="active"],
.mode-dark .constellation.radix-state-active\:mode-dark\:bg-dark-800[data-state="active"] {
background-color: var(--color-dark-800);
}
.mode-dark .constellation .mode-dark\:radix-state-active\:\!text-white-000[data-state="active"],
.mode-dark .constellation.mode-dark\:radix-state-active\:\!text-white-000[data-state="active"] {
color: var(--color-white) !important;
}
.mode-dark .constellation .mode-dark\:radix-state-active\:text-primary[data-state="active"],
.mode-dark .constellation.mode-dark\:radix-state-active\:text-primary[data-state="active"] {
color: var(--color-primary);
}
.mode-dark .constellation .mode-dark\:radix-state-unchecked\:bg-medium[data-state="unchecked"],
.mode-dark .constellation.mode-dark\:radix-state-unchecked\:bg-medium[data-state="unchecked"] {
background-color: var(--color-medium);
}
.mode-light .constellation .mode-light\:bg-pink-500,
.mode-light .constellation.mode-light\:bg-pink-500 {
background-color: var(--color-pink-500);
}
.mode-light .constellation .mode-light\:bg-new-green-500,
.mode-light .constellation.mode-light\:bg-new-green-500 {
background-color: var(--color-new-green-500);
}
.mode-light .constellation .mode-light\:bg-white-000,
.mode-light .constellation.mode-light\:bg-white-000 {
background-color: var(--color-white);
}
.mode-light .constellation .mode-light\:text-white-000,
.mode-light .constellation.mode-light\:text-white-000 {
color: var(--color-white);
}
.mode-light .constellation .mode-light\:text-background-dark,
.mode-light .constellation.mode-light\:text-background-dark {
color: var(--color-dark);
}
.mode-light .constellation .mode-light\:\!text-grey-600,
.mode-light .constellation.mode-light\:\!text-grey-600 {
color: var(--color-grey-600) !important;
}
.constellation .children\:radix-state-active\:border-r-transparent[data-state="active"] > *,
.constellation.children\:radix-state-active\:border-r-transparent[data-state="active"] > * {
border-right-color: var(--color-transparent);
}
@media (min-width: 640px) {
.constellation .sm\:top-6,
.constellation.sm\:top-6 {
top: 1.5rem;
}
.constellation .sm\:right-6,
.constellation.sm\:right-6 {
right: 1.5rem;
}
.constellation .sm\:bottom-6,
.constellation.sm\:bottom-6 {
bottom: 1.5rem;
}
.constellation .sm\:left-auto,
.constellation.sm\:left-auto {
left: auto;
}
.constellation .sm\:flex,
.constellation.sm\:flex {
display: flex;
}
.constellation .sm\:max-w-\[480px\],
.constellation.sm\:max-w-\[480px\] {
max-width: 480px;
}
.constellation .sm\:translate-x-1\/2,
.constellation.sm\:translate-x-1\/2 {
--tw-translate-x: 50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .sm\:translate-x-0,
.constellation.sm\:translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.constellation .sm\:rounded-3xl,
.constellation.sm\:rounded-3xl {
border-radius: 1.5rem;
}
}
@media (min-width: 768px) {
.constellation .md\:h-12,
.constellation.md\:h-12 {
height: 3rem;
}
.constellation .md\:w-full,
.constellation.md\:w-full {
width: 100%;
}
.constellation .md\:gap-8,
.constellation.md\:gap-8 {
gap: 2rem;
}
.constellation .md\:p-8,
.constellation.md\:p-8 {
padding: 2rem;
}
.constellation .md\:px-6,
.constellation.md\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.constellation .md\:py-3,
.constellation.md\:py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.constellation .md\:text-2xl,
.constellation.md\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.constellation .md\:text-base,
.constellation.md\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 1024px) {
.constellation .lg\:block,
.constellation.lg\:block {
display: block;
}
.constellation .lg\:flex,
.constellation.lg\:flex {
display: flex;
}
.constellation .lg\:hidden,
.constellation.lg\:hidden {
display: none;
}
.constellation .lg\:flex-row,
.constellation.lg\:flex-row {
flex-direction: row;
}
.constellation .lg\:items-center,
.constellation.lg\:items-center {
align-items: center;
}
.constellation .lg\:justify-between,
.constellation.lg\:justify-between {
justify-content: space-between;
}
}</style><script src="https://www.googletagmanager.com/gtag/js?id=UA-52108117-5" async="" data-status="ready" nonce=""></script><script src="https://api.sardine.ai/assets/loader.min.js" async="" data-status="ready" nonce=""></script><script src="https://www.google.com/recaptcha/enterprise.js?render=6LcxysYaAAAAAOf5QgMWz-GXzoXjpvSrSXETmtlU" async="" data-status="ready" nonce=""></script></head><body class="mode-light"><div id="app"><div class="sc-eInJlc hLRBsB" style=""><div class="sc-esOvli jSqxFK"></div><div class="sc-gtfDJT fvHjxE"><div height="112px" class="sc-fZwumE dHvbOZ"><div class="sc-fQejPQ iTjCBV sc-clNaTc cptUIt"><div class="sc-bnXvFD jnHNPG sc-etwtAo fCMSDs"><div class="sc-iGPElx kKyXUB"><a href="https://www.blockchain.com" class="sc-htpNat bzateK sc-kasBVs gqnaJW" color="blue600"><img src="/img/bc-logo.svg?91c7840afd" srcset="" class="sc-bwzfXH ixijk sc-jXQZqI kyMJXT" color="auto" width="auto" height="24px"></a></div></div><div></div><div></div></div></div></div><div class="sc-fOICqy dXnSGZ"><form class="sc-ESoVU bTmCWi"><div class="sc-jdeSqf sc-jQMNup dnlxgr"><div class="sc-bJHhxl cVFpHd"><div style="margin-bottom: 16px;" class="sc-hARARD eLDzCn"><span data-e2e="recoverBack" color="blue600" role="button" style="color: rgb(12, 108, 242); font-size: 24px; font-weight: 400; margin-right: 4px;" class="sc-bxivhb koDvea"></span><div color="grey900" cursor="pointer" opacity="1" class="sc-gzVnrw gFCRIM">Back </div></div><div class="sc-hcnlBt kialHn"><div color="grey900" style="margin-bottom: 8px;" cursor="inherit" opacity="1" class="sc-gzVnrw BCruu">Input your secret private key recovery phrase </div><div color="grey600" style="margin-bottom: 16px;" cursor="inherit" opacity="1" class="sc-gzVnrw iVtkAS">Your 12 word Secret Private Key Recovery Phrase grants access to your account. Please input it in the order specified. </div><div class="sc-jMMfwr jLhNTB" height="48px"><div class="sc-jhAzac Pbjyv"><input name="mnemonic" autocomplete="off" placeholder="Enter your secret private key recovery phrase" spellcheck="false" type="text" class="sc-hzDkRC rmiWH" value="" height="48px"></div><div data-e2e="textBoxError" color="error" height="48px" autocomplete="off" placeholder="Enter your secret private key recovery phrase" class="sc-gzVnrw cguRtB sc-jGxEUC dKxgyd" cursor="inherit" opacity="1"><div data-e2e="requiredMessage">Required</div> </div></div></div><div color="grey600" style="margin: 8px 0px 24px; text-align: center;" cursor="inherit" opacity="1" class="sc-gzVnrw jPqPHm">Separate each word with a space </div><button height="48px" data-e2e="submitRecoveryPhrase" style="margin-bottom: 16px;" color="white" type="button" class="sc-gqjmRU gqApeS" disabled=""><div color="whiteFade900" cursor="inherit" opacity="1" class="sc-gzVnrw edfwkt">Continue </div></button></div><div class="sc-TuwoP eXeYKN"><div class="sc-fQkuQJ LdGci"><div color="grey600" style="cursor: pointer; margin-top: 16px;" cursor="inherit" opacity="1" class="sc-gzVnrw dZiTwf">Trouble Logging In? </div> <a target="_blank" href="https://support.blockchain.com/" style="margin-left: 2px;" class="sc-htpNat ixOYeY sc-dphlzf fVNdJj" color="blue600">Contact Support</a></div></div></div></form></div><div class="sc-hgHYgh ilwOTt"><div class="sc-eLExRp kiwhRw"><div class="sc-kGXeez kXiRmv"><ul class="sc-jKJlTe jxbiXh"><li class="sc-eNQAEJ gPmVSj">English</li><li class="sc-eNQAEJ gPmVSj">Español</li><li class="sc-eNQAEJ gPmVSj">Français</li><li class="sc-eNQAEJ gPmVSj">Português</li><li class="sc-eNQAEJ gPmVSj">Русский</li></ul><div color="grey400" class="sc-kpOJdX kyfudT"><div class="sc-dxgOiQ kPtlNs">English</div><span class="sc-bxivhb cHKfSC sc-ckVGcZ csAZWy" style="font-size: 12px; font-weight: 400;"></span></div></div><span class="sc-lkqHmb jhqRYo"><a color="grey400" href="https://github.com/blockchain/blockchain-wallet-v4-frontend/releases" target="_blank" class="sc-htpNat ecJsZh">Version 4.86.8</a></span><div class="sc-gojNiO ilHcgz"><a color="grey400" href="https://support.blockchain.com" target="_blank" class="sc-htpNat ecJsZh"><div color="grey400" cursor="inherit" opacity="1" class="sc-gzVnrw hLxhAA">Need Help? </div></a></div></div></div></div></div><div id="contact-chat-portal"></div><iframe style="background: transparent none repeat scroll 0% 0%; border: 0px none; position: fixed;" src="https://api.sardine.ai/assets/collector.min.0c004e6.html?r=2023-05-04-0c004e6#eyJlbmFibGVCaW9tZXRyaWNzIjp0cnVlLCJyZXZpc2lvbiI6IjIwMjMtMDUtMDQtMGMwMDRlNiIsIm9yaWdpbiI6Imh0dHBzOi8vbG9naW4uYmxvY2tjaGFpbi5jb20iLCJjb2xsZWN0b3JEb21haW4iOiJhcGkuc2FyZGluZS5haSIsInBpeGVsVVJMIjoiaHR0cHM6Ly9wLnNhcmRpbmUuYWkvdjEvYi5wbmciLCJsb2NhdGlvbiI6Imh0dHBzOi8vbG9naW4uYmxvY2tjaGFpbi5jb20vZW4vIy9yZWNvdmVyIiwicmVmZXJyZXIiOiJodHRwczovL3d3dy5ibG9ja2NoYWluLmNvbS8iLCJ1dWlkIjoiZWZjNWI3NTAtMDY2Zi00YTE0LTg3ZTItZTQxMTRkODk0M2NjIiwiY2xpZW50SWQiOiIwMWFjNTJkZC1mMWVkLTQ3MTUtYmU4MS0xMDIzNDA3Y2RkODIiLCJlbnZpcm9ubWVudCI6InByb2R1Y3Rpb24iLCJmbG93IjoiSUdOT1JFIiwic2Vzc2lvbktleSI6ImQ3MTkxYWZhZDJlZWMwODc1NzA4ODgwMTFiNmFkMmE1YmRmMmUyOWYyODRjZDg5ZTNmYmM0OTYyMWI3NmFhMzUifQ==" width="0" height="0"></iframe><div><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" src="https://www.google.com/recaptcha/enterprise/anchor?ar=1&k=6LcxysYaAAAAAOf5QgMWz-GXzoXjpvSrSXETmtlU&co=aHR0cHM6Ly9sb2dpbi5ibG9ja2NoYWluLmNvbTo0NDM.&hl=en&v=sNQO7xVld1CuA2hfFHvkpVL-&size=invisible&cb=gbv4pxv81ly3" role="presentation" name="a-1jaf3vk7anxx" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" width="256" height="60" frameborder="0"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div></body></html>