/* Generated by tools/extract_fragments.py - do not edit by hand.
 * Emotion rules used by the spliced-in fragments, taken verbatim from
 * janitorai.com. Rules the base sheet already defines are skipped. */
@charset "utf-8";

.css-1mupzlj { display: flex; flex-direction: column; gap: var(--chakra-space-4); padding-top: var(--chakra-space-2); min-height: 70vh; width: var(--chakra-sizes-full); }

@media screen and (min-width: 48em) {
  .css-1mupzlj { padding-top: var(--chakra-space-6); }
}
@charset "utf-8";

.css-mzi0gq { z-index: 3000; }

.css-197qci7 { outline: transparent solid 2px; outline-offset: 2px; --menu-bg: #fff; --menu-shadow: var(--chakra-shadows-sm); color: var(--chakra-colors-white); border-radius: var(--chakra-radii-lg); background: var(--chakra-colors-neutral-600); box-shadow: var(--menu-shadow); z-index: 3000; border: var(--chakra-borders-none); padding-top: 0px; padding-bottom: 0px; max-height: none; overflow-y: visible; max-width: none; min-width: auto; }

.chakra-ui-dark .css-197qci7:not([data-theme]), [data-theme="dark"] .css-197qci7:not([data-theme]), .css-197qci7[data-theme="dark"] { --menu-bg: var(--chakra-colors-gray-700); --menu-shadow: var(--chakra-shadows-dark-lg); }

.css-f3bom4 { text-decoration: none; user-select: none; display: flex; text-align: start; flex: 0 0 auto; outline: transparent solid 2px; outline-offset: 2px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; padding-inline-start: var(--chakra-space-5); padding-inline-end: var(--chakra-space-5); padding-top: var(--chakra-space-2); padding-bottom: var(--chakra-space-2); color: var(--chakra-colors-white); background-color: var(--chakra-colors-transparent); font-family: Jura; font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; -webkit-box-align: center; align-items: center; width: auto; gap: var(--chakra-space-4); min-height: auto; transition: 0.2s; }

.css-f3bom4:active, .css-f3bom4[data-active] { --menu-bg: var(--chakra-colors-gray-200); }

.chakra-ui-dark .css-f3bom4:active:not([data-theme]), .chakra-ui-dark .css-f3bom4[data-active]:not([data-theme]), [data-theme="dark"] .css-f3bom4:active:not([data-theme]), [data-theme="dark"] .css-f3bom4[data-active]:not([data-theme]), .css-f3bom4:active[data-theme="dark"], .css-f3bom4[data-active][data-theme="dark"] { --menu-bg: var(--chakra-colors-whiteAlpha-200); }

.css-f3bom4[aria-expanded="true"], .css-f3bom4[data-expanded] { --menu-bg: var(--chakra-colors-gray-100); }

.chakra-ui-dark .css-f3bom4[aria-expanded="true"]:not([data-theme]), .chakra-ui-dark .css-f3bom4[data-expanded]:not([data-theme]), [data-theme="dark"] .css-f3bom4[aria-expanded="true"]:not([data-theme]), [data-theme="dark"] .css-f3bom4[data-expanded]:not([data-theme]), .css-f3bom4[aria-expanded="true"][data-theme="dark"], .css-f3bom4[data-expanded][data-theme="dark"] { --menu-bg: var(--chakra-colors-whiteAlpha-100); }

.css-f3bom4:disabled, .css-f3bom4[disabled], .css-f3bom4[aria-disabled="true"], .css-f3bom4[data-disabled] { opacity: 0.4; cursor: not-allowed; }

.css-f3bom4:hover, .css-f3bom4[data-hover] { background-color: var(--chakra-colors-transparent); }

.css-f3bom4:focus, .css-f3bom4[data-focus] { background-color: var(--chakra-colors-transparent); }

.css-1hmyng0 { border-width: 0px 0px 1px; border-image: none; border-color: inherit; border-style: solid; width: 100%; opacity: 0.1; margin: 0px; }

.css-1qdyfuc { text-decoration: none; user-select: none; display: flex; text-align: start; flex: 0 0 auto; outline: transparent solid 2px; outline-offset: 2px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; padding-inline-start: var(--chakra-space-5); padding-inline-end: var(--chakra-space-5); padding-top: var(--chakra-space-2); padding-bottom: var(--chakra-space-2); color: var(--chakra-colors-brand); background-color: var(--chakra-colors-transparent); font-family: Jura; font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; -webkit-box-align: center; align-items: center; width: auto; gap: var(--chakra-space-4); min-height: auto; transition: 0.2s; }

.css-1qdyfuc:active, .css-1qdyfuc[data-active] { --menu-bg: var(--chakra-colors-gray-200); }

.chakra-ui-dark .css-1qdyfuc:active:not([data-theme]), .chakra-ui-dark .css-1qdyfuc[data-active]:not([data-theme]), [data-theme="dark"] .css-1qdyfuc:active:not([data-theme]), [data-theme="dark"] .css-1qdyfuc[data-active]:not([data-theme]), .css-1qdyfuc:active[data-theme="dark"], .css-1qdyfuc[data-active][data-theme="dark"] { --menu-bg: var(--chakra-colors-whiteAlpha-200); }

.css-1qdyfuc[aria-expanded="true"], .css-1qdyfuc[data-expanded] { --menu-bg: var(--chakra-colors-gray-100); }

.chakra-ui-dark .css-1qdyfuc[aria-expanded="true"]:not([data-theme]), .chakra-ui-dark .css-1qdyfuc[data-expanded]:not([data-theme]), [data-theme="dark"] .css-1qdyfuc[aria-expanded="true"]:not([data-theme]), [data-theme="dark"] .css-1qdyfuc[data-expanded]:not([data-theme]), .css-1qdyfuc[aria-expanded="true"][data-theme="dark"], .css-1qdyfuc[data-expanded][data-theme="dark"] { --menu-bg: var(--chakra-colors-whiteAlpha-100); }

.css-1qdyfuc:disabled, .css-1qdyfuc[disabled], .css-1qdyfuc[aria-disabled="true"], .css-1qdyfuc[data-disabled] { opacity: 0.4; cursor: not-allowed; }

.css-1qdyfuc:hover, .css-1qdyfuc[data-hover] { background-color: var(--chakra-colors-transparent); }

.css-1qdyfuc:focus, .css-1qdyfuc[data-focus] { background-color: var(--chakra-colors-transparent); }

.css-9kl7x3 { text-decoration: none; user-select: none; display: flex; text-align: start; flex: 0 0 auto; outline: transparent solid 2px; outline-offset: 2px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; padding-inline-start: var(--chakra-space-5); padding-inline-end: var(--chakra-space-5); padding-top: var(--chakra-space-2); padding-bottom: var(--chakra-space-2); color: var(--text-danger-muted); background-color: var(--chakra-colors-transparent); font-family: Jura; font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; -webkit-box-align: center; align-items: center; width: auto; gap: var(--chakra-space-4); min-height: auto; transition: 0.2s; }

.css-9kl7x3:active, .css-9kl7x3[data-active] { --menu-bg: var(--chakra-colors-gray-200); }

.chakra-ui-dark .css-9kl7x3:active:not([data-theme]), .chakra-ui-dark .css-9kl7x3[data-active]:not([data-theme]), [data-theme="dark"] .css-9kl7x3:active:not([data-theme]), [data-theme="dark"] .css-9kl7x3[data-active]:not([data-theme]), .css-9kl7x3:active[data-theme="dark"], .css-9kl7x3[data-active][data-theme="dark"] { --menu-bg: var(--chakra-colors-whiteAlpha-200); }

.css-9kl7x3[aria-expanded="true"], .css-9kl7x3[data-expanded] { --menu-bg: var(--chakra-colors-gray-100); }

.chakra-ui-dark .css-9kl7x3[aria-expanded="true"]:not([data-theme]), .chakra-ui-dark .css-9kl7x3[data-expanded]:not([data-theme]), [data-theme="dark"] .css-9kl7x3[aria-expanded="true"]:not([data-theme]), [data-theme="dark"] .css-9kl7x3[data-expanded]:not([data-theme]), .css-9kl7x3[aria-expanded="true"][data-theme="dark"], .css-9kl7x3[data-expanded][data-theme="dark"] { --menu-bg: var(--chakra-colors-whiteAlpha-100); }

.css-9kl7x3:disabled, .css-9kl7x3[disabled], .css-9kl7x3[aria-disabled="true"], .css-9kl7x3[data-disabled] { opacity: 0.4; cursor: not-allowed; }

.css-9kl7x3:hover, .css-9kl7x3[data-hover] { background-color: var(--chakra-colors-transparent); }

.css-9kl7x3:focus, .css-9kl7x3[data-focus] { background-color: var(--chakra-colors-transparent); }

.css-b62m3t-container { position: relative; box-sizing: border-box; }

.css-7pg0cj-a11yText { z-index: 9999; border: 0px; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; position: absolute; overflow: hidden; padding: 0px; white-space: nowrap; }

.css-13cymwt-control { -webkit-box-align: center; align-items: center; cursor: default; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; min-height: 38px; position: relative; transition: 100ms; background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); border-radius: 4px; border-style: solid; border-width: 1px; box-sizing: border-box; outline: 0px !important; }

.css-13cymwt-control:hover { border-color: rgb(179, 179, 179); }

.css-hlgwow { -webkit-box-align: center; align-items: center; display: grid; flex: 1 1 0%; flex-wrap: wrap; position: relative; overflow: hidden; padding: 2px 8px; box-sizing: border-box; }

.css-1dimb5e-singleValue { grid-area: 1 / 1 / 2 / 3; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(51, 51, 51); margin-left: 2px; margin-right: 2px; box-sizing: border-box; }

.css-1hac4vs-dummyInput { background: 0px center; border: 0px; caret-color: transparent; font-size: inherit; grid-area: 1 / 1 / 2 / 3; outline: 0px; padding: 0px; width: 1px; color: transparent; left: -100px; opacity: 0; position: relative; transform: scale(0.01); }

.css-1wy0on6 { -webkit-box-align: center; align-items: center; align-self: stretch; display: flex; flex-shrink: 0; box-sizing: border-box; }

.css-1u9des2-indicatorSeparator { align-self: stretch; width: 1px; background-color: rgb(204, 204, 204); margin-bottom: 8px; margin-top: 8px; box-sizing: border-box; }

.css-1xc3v61-indicatorContainer { display: flex; transition: color 150ms; color: rgb(204, 204, 204); padding: 8px; box-sizing: border-box; }

.css-1xc3v61-indicatorContainer:hover { color: rgb(153, 153, 153); }

.css-8mmkcg { display: inline-block; fill: currentcolor; line-height: 1; stroke: currentcolor; stroke-width: 0; }

.css-16bqc1g { display: flex; gap: var(--chakra-space-4); -webkit-box-align: center; align-items: center; }

.css-1fghc3k { display: flex; -webkit-box-align: center; align-items: center; gap: var(--chakra-space-1); font-size: 16px; font-family: Jura; }

.css-wd8hou { display: flex; -webkit-box-align: center; align-items: center; gap: var(--chakra-space-1); }

.css-13wmn96 { display: flex; flex-direction: column; border-radius: 8px; position: relative; gap: var(--chakra-space-2); background: rgba(12, 11, 11, 0.84); min-width: 160px; }

.css-13wmn96:hover, .css-13wmn96[data-hover] { box-shadow: var(--chakra-shadows-dark-lg); }

.css-dltla { position: absolute; width: var(--chakra-sizes-full); height: var(--chakra-sizes-full); overflow: hidden; border-radius: 8px; pointer-events: none; background: rgba(12, 11, 11, 0.84); }

.css-1jf56se { position: absolute; width: var(--chakra-sizes-full); height: var(--chakra-sizes-full); overflow: hidden; border-radius: 8px; pointer-events: none; background: linear-gradient(141deg, rgba(255, 89, 211, 0.12) 12.3558%, rgba(68, 0, 255, 0.22) 36.8364%, rgba(37, 13, 80, 0.46) 80.13%, rgba(143, 91, 181, 0.22) 100%); }

.css-1s5evre { display: flex; flex-direction: column; gap: var(--chakra-space-2); position: relative; width: var(--chakra-sizes-full); height: var(--chakra-sizes-full); border-radius: 8px; }

.css-nlxhw4 { padding-inline-start: var(--chakra-space-2); padding-inline-end: var(--chakra-space-2); padding-top: var(--chakra-space-2); padding-bottom: var(--chakra-space-2); }

.css-zgqw37 { font-size: 13px; -webkit-box-align: center; align-items: center; font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-fontWeights-bold); color: rgb(247, 134, 244); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.css-10cv7r2 { position: absolute; right: 0px; top: var(--chakra-space-10); z-index: 1; }

.css-1baulvz { display: inline-block; }

.css-1ket5wn { border-top-right-radius: 2px; border-bottom-right-radius: 2px; overflow: hidden; }

.css-wexxj8 { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.css-2f7e99 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-space-1); font-size: 13px; font-weight: var(--chakra-fontWeights-bold); font-family: Jura; color: var(--chakra-colors-white); padding-right: 0px; padding-top: 0px; padding-bottom: 0px; white-space: nowrap; }

.css-y395z1 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-space-0-5); font-size: 13px; font-weight: var(--chakra-fontWeights-bold); font-family: Jura; color: var(--chakra-colors-white); padding-right: 0px; padding-top: 0px; padding-bottom: 0px; margin-left: 0px; }

.css-1q7rmf0 { position: relative; overflow: hidden; }

.css-1q7rmf0 > :not(style) { overflow: hidden; position: absolute; inset: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100%; height: 100%; }

.css-1q7rmf0 > img, .css-1q7rmf0 > video { object-fit: cover; }

.css-1q7rmf0::before { height: 0px; content: ""; display: block; padding-bottom: 100%; }

.css-147i79y { object-fit: cover; object-position: center top; position: relative; border-radius: 5px; }

.css-1m0lwfp { transition-property: var(--chakra-transition-property-common); transition-duration: var(--chakra-transition-duration-fast); transition-timing-function: var(--chakra-transition-easing-ease-out); cursor: pointer; text-decoration: none; outline: transparent solid 2px; outline-offset: 2px; color: var(--chakra-colors-main); font-size: var(--chakra-fontSizes-xs); font-weight: var(--chakra-fontWeights-bold); display: inline-flex; padding-inline-start: var(--chakra-space-2); padding-inline-end: var(--chakra-space-2); overflow: hidden; -webkit-box-align: center; align-items: center; }

.css-1m0lwfp:hover, .css-1m0lwfp[data-hover] { text-decoration: underline; }

.css-1m0lwfp:focus-visible, .css-1m0lwfp[data-focus-visible] { box-shadow: var(--chakra-shadows-outline); }

.css-1m151rf { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: auto; }

.css-199gcrh { padding-inline-start: var(--chakra-space-2); padding-inline-end: var(--chakra-space-2); }

.css-ivr2t2 { padding: 0px; font-size: 0.7rem; margin-top: calc(var(--chakra-space-1) * -1); color: rgb(215, 207, 239); }

.css-ivr2t2 hr { margin-top: 0px; margin-bottom: 0px; }

@media screen and (min-width: 30em) {
  .css-ivr2t2 hr { margin-top: 0px; margin-bottom: 0px; }
}

.css-ivr2t2 p:not(:last-of-type) { line-height: 150%; margin-bottom: var(--chakra-space-2); }

.css-1lgnt2x { border-top: 1px solid rgb(175, 149, 230); width: 80%; position: relative; margin-top: var(--chakra-space-3); margin-bottom: var(--chakra-space-3); }

.css-cv3byx { pointer-events: none; position: absolute; right: -45px; top: -38px; }

.css-4ofde4 { padding-inline-start: var(--chakra-space-2); padding-inline-end: var(--chakra-space-2); margin-bottom: var(--chakra-space-4); }

.css-k1urot { display: flex; flex-wrap: wrap; list-style-type: none; gap: var(--chakra-space-1); padding: 0px; }

.css-123m5uu { display: flex; align-items: flex-start; margin-top: 4px; }

.css-l9udbr { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: linear-gradient(135deg, rgba(139, 69, 255, 0.15) 0%, rgba(75, 0, 130, 0.2) 100%); box-shadow: var(--tag-shadow); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); height: var(--chakra-sizes-5); border: 1px solid rgba(139, 69, 255, 0.3); color: rgb(230, 215, 255); vertical-align: middle; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-top: 0px; border-radius: 10px; padding-inline-start: var(--chakra-space-2); padding-inline-end: var(--chakra-space-2); }

.css-l9udbr:focus-visible, .css-l9udbr[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-1yp4ln { display: flex; align-items: flex-start; }

.css-4a6x12 { transition-property: var(--chakra-transition-property-common); transition-duration: var(--chakra-transition-duration-fast); transition-timing-function: var(--chakra-transition-easing-ease-out); cursor: pointer; text-decoration: none; outline: transparent solid 2px; outline-offset: 2px; color: inherit; }

.css-4a6x12:focus-visible, .css-4a6x12[data-focus-visible] { box-shadow: var(--chakra-shadows-outline); }

.css-4a6x12:hover, .css-4a6x12[data-hover] { text-decoration: none; }

.css-novnyn { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: var(--text-accent-second-light); transition: 0.2s ease-in-out; border: 1px solid var(--colour-white-a30); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-novnyn:focus-visible, .css-novnyn[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-novnyn:hover, .css-novnyn[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid var(--border-purple-light); }

.css-1c9wmts { position: absolute; bottom: 0px; left: 0px; right: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding-bottom: var(--chakra-space-0-5); }

.css-1fcg30q { font-size: 0.5rem; font-family: "Share Tech Mono", monospace; background: var(--chakra-colors-transparent); color: rgba(255, 255, 255, 0.6); letter-spacing: 0.3px; line-height: 1; opacity: 0.8; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 1px; }

@media screen and (min-width: 30em) {
  .css-1fcg30q { font-size: 0.6rem; letter-spacing: 0.5px; }
}

@media screen and (min-width: 42rem) {
  .css-1fcg30q { font-size: 0.7rem; letter-spacing: 0.5px; }
}

.css-skugmt { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(199, 21, 133); transition: 0.2s ease-in-out; border: 1px solid rgba(199, 21, 133, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-skugmt:focus-visible, .css-skugmt[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-skugmt:hover, .css-skugmt[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(199, 21, 133); }

.css-xeged3 { display: inline-flex; padding-left: var(--chakra-space-1); position: relative; z-index: 2; }

.css-193z8ja { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(152, 216, 200); transition: 0.2s ease-in-out; border: 1px solid rgba(152, 216, 200, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-193z8ja:focus-visible, .css-193z8ja[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-193z8ja:hover, .css-193z8ja[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(152, 216, 200); }

.css-re18bg { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(255, 165, 0); transition: 0.2s ease-in-out; border: 1px solid rgba(255, 165, 0, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-re18bg:focus-visible, .css-re18bg[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-re18bg:hover, .css-re18bg[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(255, 165, 0); }

.css-6isshd { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(247, 220, 111); transition: 0.2s ease-in-out; border: 1px solid rgba(247, 220, 111, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-6isshd:focus-visible, .css-6isshd[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-6isshd:hover, .css-6isshd[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(247, 220, 111); }

.css-1pp9nwp { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(187, 143, 206); transition: 0.2s ease-in-out; border: 1px solid rgba(187, 143, 206, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-1pp9nwp:focus-visible, .css-1pp9nwp[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-1pp9nwp:hover, .css-1pp9nwp[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(187, 143, 206); }

.css-1jxxdai { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(144, 238, 144); transition: 0.2s ease-in-out; border: 1px solid rgba(144, 238, 144, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-1jxxdai:focus-visible, .css-1jxxdai[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-1jxxdai:hover, .css-1jxxdai[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(144, 238, 144); }

.css-w2uexl { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(175, 238, 238); transition: 0.2s ease-in-out; border: 1px solid rgba(175, 238, 238, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-w2uexl:focus-visible, .css-w2uexl[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-w2uexl:hover, .css-w2uexl[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(175, 238, 238); }

.css-maqbe8 { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(135, 206, 250); transition: 0.2s ease-in-out; border: 1px solid rgba(135, 206, 250, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-maqbe8:focus-visible, .css-maqbe8[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-maqbe8:hover, .css-maqbe8[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(135, 206, 250); }

.css-1c6i9g9 { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(255, 160, 122); transition: 0.2s ease-in-out; border: 1px solid rgba(255, 160, 122, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-1c6i9g9:focus-visible, .css-1c6i9g9[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-1c6i9g9:hover, .css-1c6i9g9[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(255, 160, 122); }

.css-1nvc0t6 { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(255, 179, 71); transition: 0.2s ease-in-out; border: 1px solid rgba(255, 179, 71, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-1nvc0t6:focus-visible, .css-1nvc0t6[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-1nvc0t6:hover, .css-1nvc0t6[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(255, 179, 71); }

.css-1eq7ggy { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(255, 105, 180); transition: 0.2s ease-in-out; border: 1px solid rgba(255, 105, 180, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-1eq7ggy:focus-visible, .css-1eq7ggy[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-1eq7ggy:hover, .css-1eq7ggy[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(255, 105, 180); }

.css-12va4bo { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(32, 178, 170); transition: 0.2s ease-in-out; border: 1px solid rgba(32, 178, 170, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-12va4bo:focus-visible, .css-12va4bo[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-12va4bo:hover, .css-12va4bo[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(32, 178, 170); }

.css-fbq013 { display: inline-block; overflow: hidden; border-radius: var(--chakra-radii-lg); cursor: pointer; }

.css-4g6ai3 { cursor: pointer; }

.css-4cp5ml { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(221, 160, 221); transition: 0.2s ease-in-out; border: 1px solid rgba(221, 160, 221, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-4cp5ml:focus-visible, .css-4cp5ml[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-4cp5ml:hover, .css-4cp5ml[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(221, 160, 221); }

.css-1ndxks0 { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(240, 128, 128); transition: 0.2s ease-in-out; border: 1px solid rgba(240, 128, 128, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-1ndxks0:focus-visible, .css-1ndxks0[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-1ndxks0:hover, .css-1ndxks0[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(240, 128, 128); }

.css-hvnho0 { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(240, 230, 140); transition: 0.2s ease-in-out; border: 1px solid rgba(240, 230, 140, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-hvnho0:focus-visible, .css-hvnho0[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-hvnho0:hover, .css-hvnho0[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(240, 230, 140); }

.css-svhapu { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(216, 191, 216); transition: 0.2s ease-in-out; border: 1px solid rgba(216, 191, 216, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-svhapu:focus-visible, .css-svhapu[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-svhapu:hover, .css-svhapu[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(216, 191, 216); }

.css-1qmcmge { display: flex; flex-direction: column; width: var(--chakra-sizes-full); gap: var(--chakra-space-8); margin-top: var(--chakra-space-6); }

@media screen and (min-width: 42rem) {
  .css-1qmcmge { flex-direction: row; }
}

.css-1f9h5cp { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; height: 15.5rem; min-width: 576px; border-radius: 8px; }

.chakra-ui-dark .css-1f9h5cp:not([data-theme]), [data-theme="dark"] .css-1f9h5cp:not([data-theme]), .css-1f9h5cp[data-theme="dark"] { --skeleton-start-color: var(--chakra-colors-purple-900); --skeleton-end-color: var(--chakra-colors-gray-800); border-radius: var(--chakra-radii-lg); }

.chakra-ui-light .css-1f9h5cp:not([data-theme]), [data-theme="light"] .css-1f9h5cp:not([data-theme]), .css-1f9h5cp[data-theme="light"] { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); border-radius: var(--chakra-radii-lg); }

.css-1f9h5cp::before, .css-1f9h5cp::after, .css-1f9h5cp * { visibility: hidden; }

@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}

@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}

.css-1nlrkd1 { display: flex; flex-direction: column; width: var(--chakra-sizes-full); }

.css-6v8if8 { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; border-radius: var(--chakra-radii-sm); animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; height: 59px; width: 337px; margin-bottom: var(--chakra-space-4); }

.chakra-ui-dark .css-6v8if8:not([data-theme]), [data-theme="dark"] .css-6v8if8:not([data-theme]), .css-6v8if8[data-theme="dark"] { --skeleton-start-color: var(--chakra-colors-purple-900); --skeleton-end-color: var(--chakra-colors-gray-800); border-radius: var(--chakra-radii-lg); }

.chakra-ui-light .css-6v8if8:not([data-theme]), [data-theme="light"] .css-6v8if8:not([data-theme]), .css-6v8if8[data-theme="light"] { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); border-radius: var(--chakra-radii-lg); }

.css-6v8if8::before, .css-6v8if8::after, .css-6v8if8 * { visibility: hidden; }

@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}

@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}

.css-pec9n3 { --skeleton-start-color: #322659; --skeleton-end-color: #1A202C; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; border-radius: var(--chakra-radii-sm); animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; height: 40px; width: 119px; }

.chakra-ui-dark .css-pec9n3:not([data-theme]), [data-theme="dark"] .css-pec9n3:not([data-theme]), .css-pec9n3[data-theme="dark"] { --skeleton-start-color: #322659; --skeleton-end-color: #1A202C; border-radius: var(--chakra-radii-lg); }

.chakra-ui-light .css-pec9n3:not([data-theme]), [data-theme="light"] .css-pec9n3:not([data-theme]), .css-pec9n3[data-theme="light"] { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); border-radius: var(--chakra-radii-lg); }

.css-pec9n3::before, .css-pec9n3::after, .css-pec9n3 * { visibility: hidden; }

@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}

@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}

.css-175qiy8 { --skeleton-start-color: #322659; --skeleton-end-color: #1A202C; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; border-radius: var(--chakra-radii-sm); animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; width: 53px; height: 40px; }

.chakra-ui-dark .css-175qiy8:not([data-theme]), [data-theme="dark"] .css-175qiy8:not([data-theme]), .css-175qiy8[data-theme="dark"] { --skeleton-start-color: #322659; --skeleton-end-color: #1A202C; border-radius: var(--chakra-radii-lg); }

.chakra-ui-light .css-175qiy8:not([data-theme]), [data-theme="light"] .css-175qiy8:not([data-theme]), .css-175qiy8[data-theme="light"] { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); border-radius: var(--chakra-radii-lg); }

.css-175qiy8::before, .css-175qiy8::after, .css-175qiy8 * { visibility: hidden; }

@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}

@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}

.css-14l6kwv { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--chakra-space-4); padding-top: var(--chakra-space-4); min-height: 70vh; width: var(--chakra-sizes-full); }

@media screen and (min-width: 48em) {
  .css-14l6kwv { padding-top: var(--chakra-space-6); }
}

.css-34h84h { width: 100vw; height: 100vh; position: fixed; background-image: none; background-size: cover; background-position: center center; left: 0px; top: 0px; opacity: 1; --chakra-blur: blur(1px); --chakra-brightness: var(--chakra-empty,/*!*/ /*!*/); --chakra-contrast: var(--chakra-empty,/*!*/ /*!*/); --chakra-grayscale: var(--chakra-empty,/*!*/ /*!*/); --chakra-hue-rotate: var(--chakra-empty,/*!*/ /*!*/); --chakra-invert: var(--chakra-empty,/*!*/ /*!*/); --chakra-saturate: var(--chakra-empty,/*!*/ /*!*/); --chakra-sepia: var(--chakra-empty,/*!*/ /*!*/); --chakra-drop-shadow: var(--chakra-empty,/*!*/ /*!*/); filter: var(--chakra-blur) var(--chakra-brightness) var(--chakra-contrast) var(--chakra-grayscale) var(--chakra-hue-rotate) var(--chakra-invert) var(--chakra-saturate) var(--chakra-sepia) var(--chakra-drop-shadow); }

.css-1wfbrwg { display: flex; flex-direction: column; width: var(--chakra-sizes-full); gap: var(--chakra-space-8); }

@media screen and (min-width: 48em) {
  .css-1wfbrwg { flex-direction: column; }
}

@media screen and (min-width: 62em) {
  .css-1wfbrwg { flex-direction: row; }
}

.css-1k0ajgq { display: flex; flex-direction: column; text-align: left; -webkit-box-align: start; align-items: start; width: auto; min-width: var(--chakra-sizes-full); max-width: var(--chakra-sizes-full); padding: var(--chakra-space-3); background: var(--colour-grey-900); height: fit-content; gap: var(--chakra-space-4); border-radius: 10px; position: relative; }

.css-1k0ajgq:hover, .css-1k0ajgq[data-hover] { box-shadow: var(--chakra-shadows-dark-lg); }

@media screen and (min-width: 48em) {
  .css-1k0ajgq { min-width: 36rem; max-width: 40rem; }
}

.css-17kq3e7 { position: absolute; width: var(--chakra-sizes-full); height: var(--chakra-sizes-full); overflow: hidden; border-radius: 8px; left: 0px; top: 0px; pointer-events: none; background: rgba(0, 0, 0, 0.84); }

.css-1u4wp4l { position: absolute; width: var(--chakra-sizes-full); height: var(--chakra-sizes-full); overflow: hidden; left: 0px; top: 0px; border-radius: 8px; pointer-events: none; background: linear-gradient(141deg, rgba(26, 26, 36, 0.8) 12.3558%, rgba(26, 26, 36, 0.32) 36.8364%, rgba(51, 51, 61, 0.46) 80.13%, rgba(153, 153, 163, 0.14) 100%); }

.css-15vqpxh { position: relative; width: var(--chakra-sizes-full); }

.css-8g8ihq { display: flex; flex-direction: column; gap: 0.5rem; }

.css-1uodvt1 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-space-2); }

.css-79elbk { position: relative; }

.css-18bnokj { object-fit: cover; box-shadow: var(--chakra-shadows-dark-lg); height: 120px; width: 120px; border-radius: 4px; }

@media screen and (min-width: 48em) {
  .css-18bnokj { height: 150px; width: 150px; }
}

.css-17i40fo { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; white-space: nowrap; vertical-align: middle; outline: transparent solid 2px; outline-offset: 2px; line-height: 1.2; border-radius: var(--chakra-radii-md); font-weight: var(--chakra-fontWeights-semibold); transition-property: var(--chakra-transition-property-common); transition-duration: var(--chakra-transition-duration-normal); height: var(--chakra-sizes-6); min-width: var(--chakra-sizes-6); font-size: var(--chakra-fontSizes-xs); padding-inline-start: var(--chakra-space-2); padding-inline-end: var(--chakra-space-2); background: var(--chakra-colors-whiteAlpha-200); padding: 0px; position: absolute; color: var(--chakra-colors-white); box-shadow: var(--chakra-shadows-dark-lg); top: 0px; right: 0px; }

.css-17i40fo:focus-visible, .css-17i40fo[data-focus-visible] { box-shadow: var(--chakra-shadows-outline); }

.css-17i40fo:disabled, .css-17i40fo[disabled], .css-17i40fo[aria-disabled="true"], .css-17i40fo[data-disabled] { opacity: 0.4; cursor: not-allowed; box-shadow: var(--chakra-shadows-none); }

.css-17i40fo:hover, .css-17i40fo[data-hover] { background: var(--chakra-colors-whiteAlpha-300); }

.css-17i40fo:hover:disabled, .css-17i40fo[data-hover]:disabled, .css-17i40fo:hover[disabled], .css-17i40fo[data-hover][disabled], .css-17i40fo:hover[aria-disabled="true"], .css-17i40fo[data-hover][aria-disabled="true"], .css-17i40fo:hover[data-disabled], .css-17i40fo[data-hover][data-disabled] { background: var(--chakra-colors-whiteAlpha-200); }

.css-17i40fo:active, .css-17i40fo[data-active] { background: var(--chakra-colors-whiteAlpha-400); }

.css-11jxqc6 { display: flex; flex-direction: column; gap: 0.5rem; flex: 1 1 0%; min-width: 0px; overflow: hidden; }

.css-lbyqo2 { display: flex; -webkit-box-align: center; align-items: center; margin-right: var(--chakra-space-12); min-width: 0px; overflow: hidden; }

.css-18242y1 { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-fontWeights-bold); font-size: var(--chakra-fontSizes-2xl); line-height: 1.33; color: var(--colour-white); flex-shrink: 1; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media screen and (min-width: 42rem) {
  .css-18242y1 { font-size: var(--chakra-fontSizes-3xl); line-height: 1.2; }
}

.css-17c2y77 { position: relative; top: 5px; }

.css-tj1bag { font-size: var(--chakra-fontSizes-md); color: var(--colour-white); font-family: Jura; font-weight: var(--chakra-fontWeights-bold); }

.css-1n7vfh0 { display: flex; -webkit-box-align: center; align-items: center; flex-flow: wrap; column-gap: ; row-gap: var(--chakra-space-1-5); }

.css-x3wokz { width: 32px; height: 32px; }

.css-1x0d536 { object-fit: contain; transition: transform 0.5s; width: 32px; height: 32px; }

.css-1x0d536:hover, .css-1x0d536[data-hover] { transform: scale(1.2); }

.css-16mo0z4 { font-size: var(--chakra-fontSizes-sm); color: var(--colour-white); font-family: Jura; font-weight: var(--chakra-fontWeights-bold); }

.css-3nlpdq { width: var(--chakra-sizes-full); color: var(--colour-white); }

.css-1aq5geu { display: flex; -webkit-box-align: center; align-items: center; flex-flow: wrap; gap: var(--chakra-space-2); margin-top: var(--chakra-space-5); }

@media screen and (min-width: 30em) {
  .css-1aq5geu { gap: var(--chakra-space-4); }
}

.css-1747r9t { text-align: left; width: var(--chakra-sizes-full); -webkit-box-flex: 1; flex-grow: 1; position: relative; }

.css-1bx5ylf { display: block; position: relative; }

.css-vaypm2 { display: flex; -webkit-box-pack: start; justify-content: flex-start; flex-direction: row; width: max-content; max-width: 100%; overflow: auto hidden; position: relative; border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--colour-cyan-400); background: var(--bg-dark); scrollbar-width: none; }

@media screen and (min-width: 48em) {
  .css-vaypm2 { max-width: none; overflow: visible; }
}

.css-vaypm2::-webkit-scrollbar { display: none; }

.css-1nrqjj0 { outline: transparent solid 2px; outline-offset: 2px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition-property: var(--chakra-transition-property-common); transition-duration: var(--chakra-transition-duration-normal); padding-top: var(--chakra-space-2); padding-bottom: var(--chakra-space-2); padding-inline-start: var(--chakra-space-4); padding-inline-end: var(--chakra-space-4); z-index: 1; flex-shrink: 0; width: auto; min-width: 88px; height: 32px; font-family: Jura; font-weight: var(--chakra-fontWeights-medium); font-size: 14px; letter-spacing: 1px; color: var(--chakra-colors-whiteAlpha-700); text-transform: uppercase; }

.css-1nrqjj0:focus-visible, .css-1nrqjj0[data-focus-visible] { z-index: 1; box-shadow: var(--chakra-shadows-outline); }

.css-1nrqjj0:disabled, .css-1nrqjj0[disabled], .css-1nrqjj0[aria-disabled="true"], .css-1nrqjj0[data-disabled] { cursor: not-allowed; opacity: 0.4; }

@media screen and (min-width: 48em) {
  .css-1nrqjj0 { flex-shrink: 1; width: 140px; min-width: 0px; }
}

.css-1nrqjj0[aria-selected="true"], .css-1nrqjj0[data-selected] { color: var(--colour-cyan-400); }

.css-1nrqjj0:hover, .css-1nrqjj0[data-hover] { color: var(--chakra-colors-white); }

.css-h3ayx3 { bottom: 0px; height: 2px; background: var(--colour-cyan-400); box-shadow: 0 0 8px var(--colour-cyan-400); }

.css-1eee8fp { margin-top: var(--chakra-space-4); width: 100%; }

.css-1cfoi85 { padding: 0px; outline: transparent solid 2px; outline-offset: 2px; font-family: unset; }

.css-2n7zf2 { display: flex; flex-direction: column; gap: var(--chakra-space-4); }

@media screen and (min-width: 48em) {
  .css-2n7zf2 { gap: var(--chakra-space-10); }
}

.css-m8ywhg { display: flex; -webkit-box-pack: justify; justify-content: space-between; align-items: flex-end; width: var(--chakra-sizes-full); }

.css-dh2zqo { flex-shrink: 0; width: auto; }

.css-1cdqd3a { display: flex; gap: var(--chakra-space-2); -webkit-box-pack: end; justify-content: flex-end; flex-direction: column; }

.css-sxixz4 { display: flex; gap: var(--chakra-space-2); order: 0; flex-wrap: wrap; -webkit-box-pack: end; justify-content: flex-end; margin-left: 0px; }

@media screen and (min-width: 48em) {
  .css-sxixz4 { margin-left: var(--chakra-space-8); }
}

.css-1wt31gl { display: flex; -webkit-box-pack: end; justify-content: flex-end; flex-shrink: 0; -webkit-box-flex: 1; flex-grow: 1; }

@media screen and (min-width: 48em) {
  .css-1wt31gl { -webkit-box-flex: 0; flex-grow: 0; }
}

.css-1y0e7gb { width: 100%; display: flex; position: relative; isolation: isolate; --input-font-size: var(--chakra-fontSizes-md); --input-padding: var(--chakra-space-4); --input-border-radius: var(--chakra-radii-md); --input-height: var(--chakra-sizes-10); }

.css-1g2mcom { width: 100%; height: var(--input-height); font-size: var(--input-font-size); padding-inline-start: var(--input-padding); padding-inline-end: var(--input-padding); border-radius: var(--input-border-radius); min-width: 0px; outline: transparent solid 2px; outline-offset: 2px; position: relative; appearance: none; transition-property: var(--chakra-transition-property-common); transition-duration: var(--chakra-transition-duration-normal); --input-font-size: var(--chakra-fontSizes-md); --input-padding: var(--chakra-space-4); --input-border-radius: var(--chakra-radii-md); --input-height: var(--chakra-sizes-10); border-width: 1px; border-style: solid; border-image: none; border-color: inherit; background: inherit; color: var(--chakra-colors-white); max-width: var(--chakra-sizes-full); }

.css-1g2mcom:disabled, .css-1g2mcom[disabled], .css-1g2mcom[aria-disabled="true"], .css-1g2mcom[data-disabled] { opacity: 0.4; cursor: not-allowed; }

.css-1g2mcom:hover, .css-1g2mcom[data-hover] { border-color: var(--chakra-colors-whiteAlpha-400); }

.css-1g2mcom[aria-readonly="true"], .css-1g2mcom[readonly], .css-1g2mcom[data-readonly] { user-select: all; box-shadow: var(--chakra-shadows-none) !important; }

.css-1g2mcom[aria-invalid="true"], .css-1g2mcom[data-invalid] { border-color: rgb(252, 129, 129); box-shadow: rgb(252, 129, 129) 0px 0px 0px 1px; }

.css-1g2mcom:focus-visible, .css-1g2mcom[data-focus-visible] { z-index: 1; border-color: rgb(99, 179, 237); box-shadow: rgb(99, 179, 237) 0px 0px 0px 1px; }

.css-1n2in4t { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; white-space: nowrap; vertical-align: middle; outline: transparent solid 2px; outline-offset: 2px; line-height: 1.2; border-radius: var(--chakra-radii-md); font-weight: var(--chakra-fontWeights-semibold); transition-property: var(--chakra-transition-property-common); transition-duration: var(--chakra-transition-duration-normal); height: var(--chakra-sizes-10); min-width: var(--chakra-sizes-10); font-size: var(--chakra-fontSizes-md); padding-inline-start: var(--chakra-space-4); padding-inline-end: var(--chakra-space-4); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-whiteAlpha-300); color: var(--chakra-colors-white); }

.css-1n2in4t:focus-visible, .css-1n2in4t[data-focus-visible] { box-shadow: var(--chakra-shadows-outline); }

.css-1n2in4t:disabled, .css-1n2in4t[disabled], .css-1n2in4t[aria-disabled="true"], .css-1n2in4t[data-disabled] { opacity: 0.4; cursor: not-allowed; box-shadow: var(--chakra-shadows-none); }

.css-1n2in4t:hover, .css-1n2in4t[data-hover] { background: var(--chakra-colors-whiteAlpha-200); }

.css-1n2in4t:hover:disabled, .css-1n2in4t[data-hover]:disabled, .css-1n2in4t:hover[disabled], .css-1n2in4t[data-hover][disabled], .css-1n2in4t:hover[aria-disabled="true"], .css-1n2in4t[data-hover][aria-disabled="true"], .css-1n2in4t:hover[data-disabled], .css-1n2in4t[data-hover][data-disabled] { background: initial; }

.chakra-button__group[data-attached][data-orientation="horizontal"] > .css-1n2in4t:not(:last-of-type) { margin-inline-end: -1px; }

.chakra-button__group[data-attached][data-orientation="vertical"] > .css-1n2in4t:not(:last-of-type) { margin-bottom: -1px; }

.css-1n2in4t:active, .css-1n2in4t[data-active] { background: var(--chakra-colors-whiteAlpha-300); }

.css-1i3ggec { display: flex; -webkit-box-pack: end; justify-content: flex-end; flex-shrink: 0; order: 1; }

.css-1vys02v { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(255, 218, 185); transition: 0.2s ease-in-out; border: 1px solid rgba(255, 218, 185, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-1vys02v:focus-visible, .css-1vys02v[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-1vys02v:hover, .css-1vys02v[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(255, 218, 185); }

.css-18fszi8 { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(176, 196, 222); transition: 0.2s ease-in-out; border: 1px solid rgba(176, 196, 222, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-18fszi8:focus-visible, .css-18fszi8[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-18fszi8:hover, .css-18fszi8[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(176, 196, 222); }

.css-10mmeix { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(50, 205, 50); transition: 0.2s ease-in-out; border: 1px solid rgba(50, 205, 50, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-10mmeix:focus-visible, .css-10mmeix[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-10mmeix:hover, .css-10mmeix[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(50, 205, 50); }

.css-1pu4t7k { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(255, 133, 161); transition: 0.2s ease-in-out; border: 1px solid rgba(255, 133, 161, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-1pu4t7k:focus-visible, .css-1pu4t7k[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-1pu4t7k:hover, .css-1pu4t7k[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(255, 133, 161); }

.css-oyvbi3 { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(255, 228, 181); transition: 0.2s ease-in-out; border: 1px solid rgba(255, 228, 181, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-oyvbi3:focus-visible, .css-oyvbi3[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-oyvbi3:hover, .css-oyvbi3[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(255, 228, 181); }

.css-awu53y { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(72, 209, 204); transition: 0.2s ease-in-out; border: 1px solid rgba(72, 209, 204, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-awu53y:focus-visible, .css-awu53y[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-awu53y:hover, .css-awu53y[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(72, 209, 204); }

.css-1m6velf { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(255, 107, 107); transition: 0.2s ease-in-out; border: 1px solid rgba(255, 107, 107, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-1m6velf:focus-visible, .css-1m6velf[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-1m6velf:hover, .css-1m6velf[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(255, 107, 107); }

.css-1idbk73 { display: flex; flex-direction: column; border-radius: 8px; position: relative; gap: var(--chakra-space-2); background: rgba(12, 11, 11, 0.84); min-width: 160px; }

.css-1idbk73:hover, .css-1idbk73[data-hover] { box-shadow: rgba(160, 40, 70, 0.35) 0px 6px 20px, rgba(200, 80, 120, 0.2) 0px 0px 0px 1px; }

.css-6ouaic { position: absolute; width: var(--chakra-sizes-full); height: var(--chakra-sizes-full); overflow: hidden; border-radius: 8px; pointer-events: none; background: linear-gradient(145deg, rgba(160, 30, 70, 0.35) 0%, rgba(130, 25, 60, 0.4) 30%, rgba(100, 15, 50, 0.45) 60%, rgba(60, 8, 35, 0.5) 100%); }

.css-d1itua { position: absolute; inset: 0px; border-radius: 8px; opacity: 0.2; z-index: 0; background: radial-gradient(70% 40% at 10% 90%, rgba(200, 50, 90, 0.25) 0%, transparent 50%), radial-gradient(50% 30% at 90% 15%, rgba(160, 30, 70, 0.2) 0%, transparent 50%); }

.css-bfvnvu { position: absolute; inset: 0px; border-radius: 8px; opacity: 0.12; z-index: 0; background: radial-gradient(circle at 50% 0%, rgba(255, 120, 150, 0.15) 0%, transparent 35%); }

.css-16qjfxm { position: absolute; top: 0px; left: 15%; right: 15%; height: 1px; z-index: 2; background: linear-gradient(90deg, transparent 0%, rgba(255, 140, 160, 0.4) 50%, transparent 100%); border-radius: 8px 8px 0px 0px; }

.css-1gj10s7 { font-size: 15px; -webkit-box-align: center; align-items: center; font-family: Fraunces, serif; font-weight: var(--chakra-fontWeights-bold); color: rgb(255, 122, 162); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0.03em; text-shadow: rgba(255, 120, 160, 0.4) 0px 0px 8px, rgba(0, 0, 0, 0.3) 0px 1px 2px; }

.css-2wfhfo { transition-property: var(--chakra-transition-property-common); transition-duration: var(--chakra-transition-duration-fast); transition-timing-function: var(--chakra-transition-easing-ease-out); cursor: pointer; text-decoration: none; outline: transparent solid 2px; outline-offset: 2px; color: rgb(255, 122, 162); font-size: var(--chakra-fontSizes-sm); font-weight: var(--chakra-fontWeights-bold); font-family: Fraunces, serif; display: inline-flex; padding-inline-start: var(--chakra-space-2); padding-inline-end: var(--chakra-space-2); overflow: hidden; letter-spacing: 0.03em; text-shadow: rgba(255, 120, 160, 0.4) 0px 0px 8px, rgba(0, 0, 0, 0.3) 0px 1px 2px; -webkit-box-align: center; align-items: center; opacity: 0.95; }

.css-2wfhfo:focus-visible, .css-2wfhfo[data-focus-visible] { box-shadow: var(--chakra-shadows-outline); }

.css-2wfhfo:hover, .css-2wfhfo[data-hover] { opacity: 1; text-shadow: rgba(200, 80, 120, 0.35) 0px 1px 6px; }

.css-gc4bc9 { border-top: 1px solid rgba(200, 100, 130, 0.35); width: 80%; position: relative; margin-top: var(--chakra-space-3); margin-bottom: var(--chakra-space-3); }

.css-ovzirr { pointer-events: none; position: absolute; right: -45px; top: -38px; filter: brightness(0) saturate(100%) invert(55%) sepia(50%) saturate(600%) hue-rotate(310deg) brightness(95%) contrast(95%); }

.css-1ppnvkj { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(143, 188, 143); transition: 0.2s ease-in-out; border: 1px solid rgba(143, 188, 143, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-1ppnvkj:focus-visible, .css-1ppnvkj[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-1ppnvkj:hover, .css-1ppnvkj[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(143, 188, 143); }

.css-af5txi { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(0, 206, 209); transition: 0.2s ease-in-out; border: 1px solid rgba(0, 206, 209, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-af5txi:focus-visible, .css-af5txi[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-af5txi:hover, .css-af5txi[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(0, 206, 209); }

.css-p5zm8b { font-size: 0.5rem; font-family: Inter, sans-serif; background: var(--chakra-colors-transparent); color: rgba(255, 200, 215, 0.85); letter-spacing: 0.3px; line-height: 1; opacity: 0.8; text-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px; }

@media screen and (min-width: 30em) {
  .css-p5zm8b { font-size: 0.6rem; letter-spacing: 0.5px; }
}

@media screen and (min-width: 42rem) {
  .css-p5zm8b { font-size: 0.7rem; letter-spacing: 0.5px; }
}

.css-lijw4u { position: absolute; inset: -1px; border-radius: 9px; z-index: -1; pointer-events: none; opacity: 0.25; background: radial-gradient(at 50% 100%, rgba(200, 80, 120, 0.4) 0%, transparent 55%); }

.css-1ej831h { display: flex; flex-direction: column; border-radius: 8px; position: relative; gap: var(--chakra-space-2); background: rgba(12, 11, 11, 0.84); min-width: 160px; }

.css-1ej831h:hover, .css-1ej831h[data-hover] { box-shadow: rgba(47, 83, 128, 0.15) 0px 8px 24px, rgba(47, 83, 128, 0.1) 0px 4px 8px, rgba(255, 255, 255, 0.3) 0px 0px 0px 1px; }

.css-111nr3m { position: absolute; width: var(--chakra-sizes-full); height: var(--chakra-sizes-full); overflow: hidden; border-radius: 8px; pointer-events: none; background: linear-gradient(165deg, rgba(240, 245, 252, 0.2) 0%, rgba(235, 242, 250, 0.15) 25%, rgba(248, 250, 255, 0.18) 50%, rgba(230, 238, 250, 0.12) 100%); }

.css-w89cv5 { position: absolute; inset: 0px; border-radius: 8px; z-index: 0; background: linear-gradient(rgba(240, 245, 252, 0.12) 0%, rgba(230, 238, 250, 0.08) 33%, rgba(245, 248, 255, 0.1) 100%); }

.css-1utqofo { position: absolute; inset: 0px; border-radius: 8px; z-index: 0; pointer-events: none; box-shadow: rgba(255, 255, 255, 0.3) 0px -0.5em 1em -0.5em inset, rgba(245, 248, 255, 0.4) -0.5em -0.5em 0.5em -0.5em inset; }

.css-d3yj25 { font-size: 14px; -webkit-box-align: center; align-items: center; font-family: Besley, Baskerville, Georgia, Cambria, "Times New Roman", Times, serif; font-weight: var(--chakra-fontWeights-bold); color: rgb(240, 245, 252); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0.02em; text-shadow: rgba(47, 83, 128, 0.1) 0px 1px 2px; }

.css-9yp4xs { transition-property: var(--chakra-transition-property-common); transition-duration: var(--chakra-transition-duration-fast); transition-timing-function: var(--chakra-transition-easing-ease-out); cursor: pointer; text-decoration: none; outline: transparent solid 2px; outline-offset: 2px; color: rgb(240, 245, 252); font-size: var(--chakra-fontSizes-sm); font-weight: var(--chakra-fontWeights-bold); font-family: Besley, Baskerville, Georgia, Cambria, "Times New Roman", Times, serif; display: inline-flex; padding-inline-start: var(--chakra-space-2); padding-inline-end: var(--chakra-space-2); overflow: hidden; letter-spacing: 0.02em; text-shadow: rgba(47, 83, 128, 0.1) 0px 1px 2px; -webkit-box-align: center; align-items: center; opacity: 1; }

.css-9yp4xs:focus-visible, .css-9yp4xs[data-focus-visible] { box-shadow: var(--chakra-shadows-outline); }

.css-9yp4xs:hover, .css-9yp4xs[data-hover] { opacity: 1; text-shadow: rgba(47, 83, 128, 0.15) 0px 1px 2px; }

.css-17mt2nc { border-top: 1px solid rgba(200, 210, 230, 0.4); width: 80%; position: relative; margin-top: var(--chakra-space-3); margin-bottom: var(--chakra-space-3); }

.css-14orm77 { pointer-events: none; position: absolute; right: -45px; top: -38px; filter: brightness(0) saturate(100%) invert(90%) sepia(10%) saturate(200%) hue-rotate(180deg) brightness(105%); }

.css-wvz6yt { display: inline-flex; max-width: 100%; font-weight: var(--chakra-fontWeights-medium); line-height: 1.2; outline: transparent solid 2px; outline-offset: 2px; --tag-color: var(--badge-color); --tag-bg: var(--badge-bg); --tag-shadow: var(--badge-shadow); background: var(--tag-bg); box-shadow: var(--tag-shadow); border-radius: var(--chakra-radii-md); min-height: var(--tag-min-height); min-width: var(--tag-min-width); font-size: var(--tag-font-size); padding-inline-start: var(--tag-padding-inline); padding-inline-end: var(--tag-padding-inline); --tag-min-height: var(--chakra-sizes-5); --tag-min-width: var(--chakra-sizes-5); --tag-font-size: var(--chakra-fontSizes-xs); --tag-padding-inline: var(--chakra-space-2); color: rgb(69, 183, 209); transition: 0.2s ease-in-out; border: 1px solid rgba(69, 183, 209, 0.333); -webkit-box-align: center; align-items: center; vertical-align: middle; }

.css-wvz6yt:focus-visible, .css-wvz6yt[data-focus-visible] { --tag-shadow: var(--chakra-shadows-outline); }

.css-wvz6yt:hover, .css-wvz6yt[data-hover] { background: var(--chakra-colors-whiteAlpha-100); border: 1px solid rgb(69, 183, 209); }

.css-pnhibk { font-size: 0.5rem; font-family: Inter, -apple-system, sans-serif; background: var(--chakra-colors-transparent); color: rgb(255, 255, 255); letter-spacing: 0.3px; line-height: 1; opacity: 0.8; }

@media screen and (min-width: 30em) {
  .css-pnhibk { font-size: 0.6rem; letter-spacing: 0.5px; }
}

@media screen and (min-width: 42rem) {
  .css-pnhibk { font-size: 0.7rem; letter-spacing: 0.5px; }
}

.css-8828od { position: absolute; bottom: var(--chakra-space-2); right: var(--chakra-space-2); z-index: 100; }

.css-1henxb { position: absolute; top: 0px; left: 10%; right: 10%; height: 1px; z-index: 2; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.8) 50%, transparent 100%); border-radius: 8px 8px 0px 0px; }

.css-effh3d { position: absolute; inset: -2px; border-radius: 10px; z-index: -1; pointer-events: none; opacity: 0.4; background: radial-gradient(at 50% 100%, rgba(200, 220, 250, 0.5) 0%, transparent 60%); }

.css-9qctsi { display: flex; flex-direction: column; position: absolute; top: 0px; right: 0px; gap: var(--chakra-space-2); z-index: 1; }

.css-1dzzvy6 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; white-space: nowrap; vertical-align: middle; outline: transparent solid 2px; outline-offset: 2px; line-height: 1.2; border-radius: var(--chakra-radii-md); font-weight: var(--chakra-fontWeights-semibold); transition-property: var(--chakra-transition-property-common); transition-duration: var(--chakra-transition-duration-normal); height: var(--chakra-sizes-10); min-width: var(--chakra-sizes-10); font-size: var(--chakra-fontSizes-md); padding-inline-start: var(--chakra-space-4); padding-inline-end: var(--chakra-space-4); padding: 0px; background: var(--colour-grey-700); color: var(--colour-grey-100); border-width: 1px; border-style: solid; border-image: none; border-color: var(--colour-zinc-700); font-family: "SF Mono", Monaco, Inconsolata, "Roboto Mono", "Source Code Pro", monospace; }

.css-1dzzvy6:focus-visible, .css-1dzzvy6[data-focus-visible] { box-shadow: var(--chakra-shadows-outline); }

.css-1dzzvy6:disabled, .css-1dzzvy6[disabled], .css-1dzzvy6[aria-disabled="true"], .css-1dzzvy6[data-disabled] { opacity: 0.4; cursor: not-allowed; box-shadow: var(--chakra-shadows-none); }

.css-1dzzvy6:active, .css-1dzzvy6[data-active] { background: var(--chakra-colors-whiteAlpha-400); }

.css-1dzzvy6:hover, .css-1dzzvy6[data-hover] { background: var(--colour-grey-600); border-color: var(--colour-cyan-500); box-shadow: rgba(0, 212, 255, 0.3) 0px 0px 8px; color: var(--chakra-colors-white); }

.css-p5wazl { padding: 0px; font-size: var(--chakra-fontSizes-sm); }

@media screen and (min-width: 30em) {
  .css-p5wazl { font-size: var(--chakra-fontSizes-md); }
}

.css-p5wazl hr { margin-top: 0px; margin-bottom: 0px; }

@media screen and (min-width: 30em) {
  .css-p5wazl hr { margin-top: 0px; margin-bottom: 0px; }
}

.css-p5wazl p:not(:last-of-type) { line-height: 150%; margin-bottom: var(--chakra-space-2); }

.css-p5wazl:not(:empty) { margin-top: var(--chakra-space-4); }

.css-8fgv66 { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; pointer-events: none; z-index: 3000; }

.css-p2pa9m { position: absolute; width: 20px; height: 20px; transform-origin: left top; border-top: 2px solid var(--accent-cyan); border-left: 2px solid var(--accent-cyan); top: 0px; left: 0px; }

.css-8txm8t { position: absolute; width: 20px; height: 20px; transform-origin: right top; border-top: 2px solid var(--accent-cyan); border-right: 2px solid var(--accent-cyan); top: 0px; right: 0px; }

.css-4jy7dg { position: absolute; width: 20px; height: 20px; transform-origin: left bottom; border-bottom: 2px solid var(--accent-cyan); border-left: 2px solid var(--accent-cyan); bottom: 0px; left: 0px; }

.css-1oy47sk { position: absolute; width: 20px; height: 20px; transform-origin: right bottom; border-bottom: 2px solid var(--accent-cyan); border-right: 2px solid var(--accent-cyan); bottom: 0px; right: 0px; }

.css-jdhqy4 { z-index: 10000; pointer-events: none; }

.css-1nfaq08 { background: rgb(33, 33, 33); --tooltip-bg: var(--chakra-colors-gray-700); --tooltip-fg: var(--chakra-colors-whiteAlpha-900); --popper-arrow-bg: rgb(33, 33, 33); padding-inline-start: var(--chakra-space-2); padding-inline-end: var(--chakra-space-2); font-weight: var(--chakra-fontWeights-bold); max-width: var(--chakra-sizes-xs); z-index: 10000; font-family: Jura; font-size: var(--chakra-fontSizes-md); color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 24px; padding: 0.5rem; }

.chakra-ui-dark .css-1nfaq08:not([data-theme]), [data-theme="dark"] .css-1nfaq08:not([data-theme]), .css-1nfaq08[data-theme="dark"] { --tooltip-bg: var(--chakra-colors-gray-300); --tooltip-fg: var(--chakra-colors-gray-900); }

.css-10byp9b { background: rgb(33, 33, 33); }

.css-ataym9 { background: var(--tooltip-bg); color: var(--tooltip-fg); --tooltip-bg: var(--chakra-colors-gray-700); --tooltip-fg: var(--chakra-colors-whiteAlpha-900); --popper-arrow-bg: var(--tooltip-bg); padding-inline-start: var(--chakra-space-2); padding-inline-end: var(--chakra-space-2); padding-top: var(--chakra-space-0-5); padding-bottom: var(--chakra-space-0-5); border-radius: var(--chakra-radii-sm); font-weight: var(--chakra-fontWeights-bold); font-size: var(--chakra-fontSizes-sm); box-shadow: var(--chakra-shadows-md); max-width: var(--chakra-sizes-xs); z-index: 10000; font-family: Jura; }

.chakra-ui-dark .css-ataym9:not([data-theme]), [data-theme="dark"] .css-ataym9:not([data-theme]), .css-ataym9[data-theme="dark"] { --tooltip-bg: var(--chakra-colors-gray-300); --tooltip-fg: var(--chakra-colors-gray-900); }