@layer base { body, :host { /* Color */ --neutral-0: #030303; --neutral-1: #111113; --neutral-2: #18191B; --neutral-3: #212225; --neutral-4: #272A2D; --neutral-5: #2E3135; --neutral-6: #363A3F; --neutral-7: #43484E; --neutral-8: #5A6169; --neutral-9: #696E77; --neutral-10: #777B84; --neutral-11: #B0B4BA; --neutral-12: #EDEEF0; --brand-1: #11131F; --brand-2: #141726; --brand-3: #182449; --brand-4: #1D2E62; --brand-5: #253974; --brand-6: #304384; --brand-7: #3A4F97; --brand-8: #435DB1; --brand-9: #3E63DD; --brand-10: #5472E4; --brand-11: #9EB1FF; --brand-12: #D6E1FF; --success-1: #0E1512; --success-2: #121B17; --success-3: #132D21; --success-4: #113B29; --success-5: #174933; --success-6: #20573E; --success-7: #28684A; --success-8: #2F7C57; --success-9: #30A46C; --success-10: #33B074; --success-11: #3DD68C; --success-12: #B1F1CB; --warning-1: #14120B; --warning-2: #1B180F; --warning-3: #2D2305; --warning-4: #362B00; --warning-5: #433500; --warning-6: #524202; --warning-7: #665417; --warning-8: #836A21; --warning-9: #FFE629; --warning-10: #FFFF57; --warning-11: #F5E147; --warning-12: #F6EEB4; --critical-1: #191111; --critical-2: #201314; --critical-3: #3B1219; --critical-4: #500F1C; --critical-5: #611623; --critical-6: #72232D; --critical-7: #8C333A; --critical-8: #B54548; --critical-9: #E5484D; --critical-10: #EC5D5E; --critical-11: #FF9592; --critical-12: #FFD1D9; --overlay-a1: #ffffff12; --overlay-a2: #ffffff1a; --overlay-a3: #ffffff26; --overlay-a4: #ffffff33; --overlay-a5: #ffffff4d; --overlay-a6: #ffffff66; --overlay-a7: #ffffff80; --overlay-a8: #ffffff99; --overlay-a9: #ffffffb3; --overlay-a10: #ffffffcc; --overlay-a11: #ffffffe6; --overlay-a12: #fffffff2; --overlay-inverted-a1: #0000000d; --overlay-inverted-a2: #0000001a; --overlay-inverted-a3: #00000026; --overlay-inverted-a4: #00000033; --overlay-inverted-a5: #0000004d; --overlay-inverted-a6: #00000066; --overlay-inverted-a7: #00000080; --overlay-inverted-a8: #00000099; --overlay-inverted-a9: #000000b3; --overlay-inverted-a10: #000000cc; --overlay-inverted-a11: #000000e6; --overlay-inverted-a12: #000000f2; --purple-1: #09050E; --purple-2: #1A1322; --purple-3: #2B1C3B; --purple-4: #39234F; --purple-5: #442B5C; --purple-6: #50356B; --purple-7: #634482; --purple-8: #8158A8; --purple-9: #935AC8; --purple-10: #8058A7; --purple-11: #D09FFF; --purple-12: #E9DAFB; --red-1: #0E0505; --red-2: #210F10; --red-3: #42040F; --red-4: #5B000E; --red-5: #6F0014; --red-6: #82001F; --red-7: #9E112E; --red-8: #CC183D; --red-9: #D22142; --red-10: #C20035; --red-11: #FF8E93; --red-12: #FCC; --yellow-1: #090704; --yellow-2: #1A1610; --yellow-3: #2B200F; --yellow-4: #3B2806; --yellow-5: #483209; --yellow-6: #55401B; --yellow-7: #69522B; --yellow-8: #856839; --yellow-9: #FFC35B; --yellow-10: #F4B950; --yellow-11: #FFCA65; --yellow-12: #FEE6C1; --gray-1: #111111; --gray-2: #191919; --gray-3: #222222; --gray-4: #2A2A2A; --gray-5: #313131; --gray-6: #3A3A3A; --gray-7: #484848; --gray-8: #606060; --gray-9: #6E6E6E; --gray-10: #7B7B7B; --gray-11: #B4B4B4; --gray-12: #EEEEEE; --teal-1: #030907; --teal-2: #0F1A17; --teal-3: #0B2C24; --teal-4: #063A2F; --teal-5: #0C483B; --teal-6: #185648; --teal-7: #236857; --teal-8: #2A7E6A; --teal-9: #009379; --teal-10: #2E816E; --teal-11: #5FD1B4; --teal-12: #AAF0DB; --orange-1: #0B0605; --orange-2: #1C1310; --orange-3: #37170C; --orange-4: #4D1702; --orange-5: #5C1F05; --orange-6: #6C2C12; --orange-7: #843C21; --orange-8: #AB4F2C; --orange-9: #E15000; --orange-10: #D24200; --orange-11: #FF9367; --orange-12: #FAD4C7; --blue-1: #010617; --blue-2: #09152B; --blue-3: #02205A; --blue-4: #00277C; --blue-5: #003293; --blue-6: #003EA6; --blue-7: #044ABF; --blue-8: #0157E0; --blue-9: #0047BB; --blue-10: #0038A1; --blue-11: #84B6FF; --blue-12: #CAE3FF; --violet-1: #14121F; --violet-2: #1B1525; --violet-3: #291F43; --violet-4: #33255B; --violet-5: #3C2E69; --violet-6: #473876; --violet-7: #56468B; --violet-8: #6958AD; --violet-9: #6E56CF; --violet-10: #7D66D9; --violet-11: #BAA7FF; --violet-12: #E2DDFE; --pink-1: #191117; --pink-2: #21121D; --pink-3: #37172F; --pink-4: #4B143D; --pink-5: #591C47; --pink-6: #591C47; --pink-7: #833869; --pink-8: #A84885; --pink-9: #D6409F; --pink-10: #DE51A8; --pink-11: #FF8DCC; --pink-12: #FDD1EA; --brown-1: #12110F; --brown-2: #1C1816; --brown-3: #28211D; --brown-4: #322922; --brown-5: #3E3128; --brown-6: #4D3C2F; --brown-7: #614A39; --brown-8: #7C5F46; --brown-9: #AD7F58; --brown-10: #B88C67; --brown-11: #DBB594; --brown-12: #F2E1CA; --grass-1: #0E1511; --grass-2: #141A15; --grass-3: #1B2A1E; --grass-4: #1D3A24; --grass-5: #25482D; --grass-6: #2D5736; --grass-7: #366740; --grass-8: #3E7949; --grass-9: #46A758; --grass-10: #53B365; --grass-11: #71D083; --grass-12: #C2F0C2; --bronze-1: #141110; --bronze-2: #1C1917; --bronze-3: #262220; --bronze-4: #302A27; --bronze-5: #3B3330; --bronze-6: #493E3A; --bronze-7: #5A4C47; --bronze-8: #6F5F58; --bronze-9: #A18072; --bronze-10: #AE8C7E; --bronze-11: #D4B3A5; --bronze-12: #EDE0D9; --sky-1: #0D141F; --sky-2: #111A27; --sky-3: #112840; --sky-4: #113555; --sky-5: #154467; --sky-6: #1B537B; --sky-7: #1F6692; --sky-8: #197CAE; --sky-9: #7CE2FE; --sky-10: #A8EEFF; --sky-11: #75C7F0; --sky-12: #C2F3FF; /* Fonts */ --font-dmsans: 'DM Sans',sans-serif; --font-dmmono: 'DM Mono',monospace; /* Font size */ --text-xs: 0.75rem; --text-sm: 0.875rem; --text-md: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem; --text-4xl: 2.25rem; --text-5xl: 3rem; --text-6xl: 3.75rem; /* Font weight */ --normal: 400; --medium: 500; --semi: 600; --bold: 700; /* Shadows */ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.25); --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* Border radius */ /* Spacing */ --rounding-none: 0px; --rounding-xs: 2px; --rounding-sm: 4px; --rounding-md: 6px; --rounding-lg: 10px; --rounding-xl: 16px; --rounding-full: 9999px; --border-none: 0px; --border-md: 1px; --border-lg: 2px; --line-height-xs: 1.125rem; --line-height-sm: 1.25rem; --line-height-md: 1.5rem; --line-height-lg: 1.75rem; --line-height-xl: 1.875rem; --line-height-2xl: 2rem; --line-height-3xl: 2.375rem; --line-height-4xl: 2.75rem; --line-height-5xl: 3.75rem; --line-height-6xl: 4.5rem; --letter-spacing-xs: 0rem; --letter-spacing-sm: 0rem; --letter-spacing-md: 0rem; --letter-spacing-lg: 0rem; --letter-spacing-xl: 0rem; --letter-spacing-2xl: 0rem; --letter-spacing-3xl: 0rem; --letter-spacing-4xl: -0.045rem; --letter-spacing-5xl: -0.0575rem; --letter-spacing-6xl: -0.075rem; --interactive-height-sm: 2rem; --interactive-height-md: 2.5rem; --interactive-height-lg: 3rem; --toggle-height-md: 1.5rem; --spinner-size-sm: 1.25rem; --spinner-size-md: 1.5rem; --spinner-size-lg: 1.75rem; --side-menu-width: 20rem; --header-height: 4rem; --avatar-size-sm: 1.5rem; --avatar-size-md: 2rem; --avatar-size-lg: 3rem; --badge-size-sm: 1.5rem; --badge-size-md: 2rem; --badge-size-lg: 2.5rem; --icon-indicator-size-md: 1.25rem; --content-max-width: 45rem; --tabs-indicator-height: 2px; --header-height-with-tabs: 6.125rem; /* Z-index */ --app-header: 500; --side-menu: 1000; --side-menu-backdrop: 990; --side-menu-group-header: 50; --swipe-prevent: 2000; --tooltip: 100; --page-tabs-trigger-container: 20; } @keyframes animation-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes animation-fade-in { from { opacity:0; } to { opacity:1; } } @keyframes animation-fade-out { from { opacity:1; } to { opacity:0; } } } .gpuoF { gap:3rem; } .cNRsdV { color:var(--neutral-11, #B0B4BA); font-size:var(--font-size); margin-top:var(--margin-top); font-family:'DM Sans'; font-weight:var(--bold); line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .cNRsdV.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .cNRsdV.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .cPpLmq { color:var(--color, #5472E4); cursor:pointer; display:inline-block; font-size:var(--font-size); margin-top:var(--margin-top); transition:var(--transition); font-family:'DM Sans'; font-weight:var(--medium); line-height:var(--line-height); white-space:normal; border-radius:var(--rounding-md); margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); text-decoration-line:underline; text-decoration-color:var(--color-underline); text-decoration-style:solid; text-underline-offset:var(--underline-offset); text-decoration-thickness:var(--underline-thickness); } .cPpLmq:hover { color:var(--color-hovered, #3E63DD); text-decoration-color:var(--color-underline-hovered); } .cPpLmq:active { color:var(--color-active, #9EB1FF); transition:none; } .cPpLmq:focus-visible { outline-color:var(--brand-8, #435DB1); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .fskxAb { color:var(--neutral-11, #B5B2BC); width:100%; font-size:var(--font-size); margin-top:var(--margin-top); font-family:'DM Sans'; font-weight:var(--semi); line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .fskxAb.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .fskxAb.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .sub-section-title\:root { color:var(--neutral-12, #EEEEF0); } .dUUkWY { color:var(--neutral-11, #B5B2BC); font-size:var(--font-size); margin-top:var(--margin-top); font-family:'DM Sans'; font-weight:inherit; line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .dUUkWY.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .dUUkWY.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .eXoeii { gap:0.75rem; } .bVXRBA { gap:1.5rem; width:100%; padding-top:1rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:1px; padding-left:1rem; border-radius:var(--rounding-lg); padding-right:1rem; flex-direction:column; padding-bottom:1rem; background-color:var(--neutral-2, #1A191B); } .cnnYKH { gap:0.5rem; } .section-title\:root { color:var(--neutral-12, #EEEEF0); margin-bottom:-1.5rem; } .bXiezW { display:grid; row-gap:3rem; column-gap:2rem; grid-template-columns:repeat(2, 1fr); } @media (max-width: 620px) { .bXiezW { grid-template-columns:1fr; } } .egkcwx { width:fit-content; } .iqsvV { top:0px; left:0px; right:0px; bottom:0px; opacity:0; position:absolute; pointer-events:none; } .so-radio-cards-item\:root { width:100%; } .so-radio-cards-item\:Fz1Oz9lBGTs9AEhVFGe_r { gap:0.25rem; display:flex; transition:all 200ms ease 0ms normal; align-items:start; padding-top:0.75rem; border-color:var(--neutral-6, #3C393F); border-style:solid; border-width:var(--border-md); padding-left:0.75rem; border-radius:var(--rounding-md); padding-right:0.75rem; flex-direction:column; padding-bottom:0.75rem; justify-content:start; background-color:var(--neutral-0, #0b0a0b); } .so-radio-cards-item\:Fz1Oz9lBGTs9AEhVFGe_r:hover { background-color:var(--neutral-2, #1A191B); } .so-radio-cards-item\:Fz1Oz9lBGTs9AEhVFGe_r:active { transition:none; background-color:var(--neutral-4, #2B292D); } .so-radio-cards-item\:Fz1Oz9lBGTs9AEhVFGe_r:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .so-radio-cards-item\:Fz1Oz9lBGTs9AEhVFGe_r.checked { border-color:var(--brand-6, #473876); border-style:solid; border-width:var(--border-md); background-color:var(--brand-3, #291F43); } .so-radio-cards-item\:Fz1Oz9lBGTs9AEhVFGe_r.checked:hover { border-color:var(--brand-6, #473876); border-style:solid; border-width:var(--border-md); background-color:var(--brand-4, #33255B); } .so-radio-cards-item\:Fz1Oz9lBGTs9AEhVFGe_r.checked:active { border-color:var(--brand-6, #473876); border-style:solid; border-width:var(--border-md); background-color:var(--brand-5, #3C2E69); } .example-radio-cards\:byTm2m9lpAmg5lArZnEew { width:100%; } .fdPuuY { flex-direction:column; } .fdPuuY.orientation-horizontal { flex-direction:row; } .fdPuuY.disabled { opacity:0.5; } .so-radio-group\:root { gap:0.25rem; } .example-radio-cards\:mkXVwsLB_zEwMtbUseCLI { width:100%; } .cNvDBL { color:var(--neutral-11, #B5B2BC); display:inline-block; font-size:var(--font-size); margin-top:var(--margin-top); font-family:'DM Sans'; font-weight:inherit; line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .cNvDBL.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .cNvDBL.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .so-radio-cards-description\:root { display:inline-block; text-align:left; } .toggle-cards-title\:root { color:var(--neutral-12, #EEEEF0); font-weight:var(--semi); } .so-radio-cards-title\:root { display:inline-block; text-align:left; } .cJtvre { cursor:default; align-items:center; justify-content:center; } .so-context-menu-checkbox\:root { gap:0.5rem; color:var(--neutral-12, #EEEEF0); width:100%; height:var(--interactive-height-sm); font-size:var(--text-md); transition:background-color 200ms ease 0ms normal; align-items:center; font-family:'DM Sans'; font-weight:var(--normal); padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:0px; padding-right:0.75rem; flex-direction:row; justify-content:start; } .so-context-menu-checkbox\:root:active { background-color:var(--brand-4, #33255B); } .so-context-menu-checkbox\:root:focus { background-color:var(--brand-4, #33255B); } .so-context-menu-checkbox\:root.disabled { color:var(--neutral-9, #6F6D78); background-color:transparent; } .eobkWd { color:var(--color); width:1rem; height:1rem; display:flex; align-items:center; flex-direction:column; justify-content:center; } .so-context-menu-checkbox\:eHu7V7Hy84iw-gq9FpXJx { width:1rem; height:1rem; } .bFtwKY { width:100%; height:1px; background-color:var(--grey-600, #525252); } .bFtwKY.orientation-vertical { width:1px; height:100%; } .separator\:root { background-color:var(--neutral-5, #323035); } .menu-separator\:root { margin-top:0.25rem; margin-bottom:0.25rem; } .example-context-menu\:A3jX27ZoDp5vteDrGfSxQ { width:fit-content; display:inline-block; text-align:center; } .XgQFV { height:200px; display:flex; align-items:center; border-color:var(--neutral-5, #323035); border-style:dashed; border-width:var(--border-md); padding-left:1rem; border-radius:var(--rounding-lg); padding-right:1rem; flex-direction:column; justify-content:center; } .dYElHa { width:var(--width); height:var(--height); position:fixed; pointer-events:none; } .dYElHa.modal { pointer-events:all; } .zretP { display:flex; user-select:none; flex-direction:column; -ms-user-select:none; -moz-user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; -webkit-text-size-adjust:none; } .brUwKv { top:var(--top); left:var(--left); width:1px; height:1px; position:absolute; visibility:hidden; } .so-context-menu\:n7Z01Ucy3nPeW3jXX6hOc { width:100%; } .dfDqVR { cursor:default; } .sparkcore\/sc-context-menu-item\:root { user-select:none; -webkit-user-select:none; } .so-context-menu-item\:root { color:var(--neutral-12, #EEEEF0); width:100%; height:var(--interactive-height-sm); font-size:var(--text-md); transition:background-color 200ms ease 0ms normal; align-items:center; font-family:'DM Sans'; font-weight:var(--normal); padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:0px; padding-right:0.75rem; flex-direction:row; justify-content:space-between; } .so-context-menu-item\:root:active { background-color:var(--brand-4, #33255B); } .so-context-menu-item\:root:focus { background-color:var(--brand-4, #33255B); } .so-context-menu-item\:root.open { background-color:var(--brand-4, #33255B); } .so-context-menu-item\:root.disabled { color:var(--neutral-9, #6F6D78); background-color:transparent; } .VsQzt { color:var(--neutral-11, #B0B4BA); width:fit-content; height:var(--line-height); display:inline-flex; font-size:var(--font-size); align-items:start; font-family:'DM Sans'; font-weight:var(--semi); border-color:var(--neutral-5, #323035); border-style:solid; padding-left:0.75rem; border-radius:var(--rounding-md); padding-right:0.75rem; flex-direction:column; justify-content:center; background-color:var(--neutral-0, #030303); border-top-width:1px; border-left-width:1px; border-right-width:1px; border-bottom-width:3px; } .menu-item-shortcut\:root { color:var(--neutral-11, #B0B4BA); width:1.25rem; height:1.25rem; display:flex; align-items:center; padding-top:0px; padding-left:0px; border-radius:var(--rounding-sm); padding-right:0px; flex-direction:column; padding-bottom:0px; justify-content:center; } .flCkpk { color:inherit; width:1rem; height:1rem; display:flex; font-size:inherit; font-family:inherit; font-weight:inherit; margin-right:-0.5rem; flex-direction:column; } .example-context-menu\:TQNtpeegQIvJ6n15CQPq0 { t:; } .eFQaJC { top:var(--top); left:var(--left); position:absolute; outline-color:transparent; outline-style:none; outline-width:0px; pointer-events:all; transform-origin:var(--transform-origin-x) var(--transform-origin-y); } .eFQaJC:focus { outline-color:transparent; outline-style:none; outline-width:0px; } .eFQaJC.hidden { visibility:hidden; pointer-events:none; } .eFQaJC.match-anchor-width { width:var(--sc-anchor-width); } .so-context-menu-sub-content\:root { gap:0.25rem; display:flex; opacity:0; min-width:200px; padding-top:0.5rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:var(--border-md); padding-left:0.5rem; border-radius:var(--rounding-lg); padding-right:0.5rem; flex-direction:column; padding-bottom:0.5rem; background-color:var(--neutral-0, #0b0a0b); } .so-context-menu-sub-content\:root.open { opacity:1; } .so-context-menu-sub-content\:root.open-transition { transition:opacity 200ms ease 0ms normal; } .so-context-menu-sub-content\:root.bottom { margin-left:0.5rem; } .so-context-menu-sub-content\:root.top { margin-left:0.5rem; } .so-context-menu-radio-group-item\:root { gap:0.5rem; color:var(--neutral-12, #EEEEF0); width:100%; height:var(--interactive-height-sm); font-size:var(--text-md); transition:background-color 200ms ease 0ms normal; align-items:center; font-family:'DM Sans'; font-weight:var(--normal); padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:0px; padding-right:0.75rem; flex-direction:row; justify-content:start; } .so-context-menu-radio-group-item\:root:active { background-color:var(--brand-4, #33255B); } .so-context-menu-radio-group-item\:root:focus { background-color:var(--brand-4, #33255B); } .so-context-menu-radio-group-item\:root.disabled { color:var(--neutral-9, #6F6D78); background-color:transparent; } .qIUdT { width:0.5rem; height:0.5rem; border-radius:var(--rounding-full); background-color:var(--color-bg); } .bLEqjl { color:inherit; width:1rem; height:1rem; display:flex; align-items:center; flex-direction:column; justify-content:center; } .sparkcore\/sc-context-menu-content\:root:focus { outline:none; } .so-context-menu-content\:root { gap:0.25rem; opacity:0; min-width:200px; padding-top:0.5rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:var(--border-md); padding-left:0.5rem; border-radius:var(--rounding-lg); padding-right:0.5rem; padding-bottom:0.5rem; background-color:var(--neutral-0, #0b0a0b); } .so-context-menu-content\:root.open { opacity:1; } .so-context-menu-content\:root.open-transition { transition:opacity 200ms ease 0ms normal; } .example-context-menu\:j4UO2uad-qdxBSxKyqVM7 { font-weight:var(--medium); padding-left:2.25rem; } .eTkKzJ { color:inherit; width:1.25rem; height:1.25rem; font-size:inherit; font-family:inherit; font-weight:inherit; } .so-toggle-group-item\:root { color:var(--neutral-12, #EEEEF0); width:var(--interactive-height-md); cursor:default; height:var(--interactive-height-md); font-size:var(--text-md); transition:background-color 200ms ease 0ms normal; align-items:center; font-family:'DM Sans'; font-weight:var(--semi); user-select:none; border-color:var(--neutral-6, #3C393F); border-style:solid; border-width:var(--border-md); border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); flex-direction:row; outline-offset:var(--border-md); -ms-user-select:none; justify-content:center; -moz-user-select:none; background-color:var(--neutral-0, #0b0a0b); -webkit-user-select:none; } .so-toggle-group-item\:root:hover { background-color:var(--brand-2, #1B1525); } .so-toggle-group-item\:root.pressed { transition:none; background-color:var(--brand-4, #33255B); } .so-toggle-group-item\:root.pressed:hover { background-color:var(--brand-4, #33255B); } .so-toggle-group-item\:root:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .fqEJQZ { width:fit-content; align-items:start; flex-direction:row; justify-content:start; } .fqEJQZ.orientation-vertical { flex-direction:column; } .so-toggle-group\:root { gap:0.25rem; } .bzGpvc { gap:1rem; flex-direction:row; } .foTVvm { width:100%; cursor:default; height:100%; display:flex; position:absolute; overflow-x:hidden; overflow-y:hidden; user-select:none; border-radius:inherit; flex-direction:column; pointer-events:none; background-color:var(--neutral-0, #0b0a0b); } .cdRqQd { width:100%; height:100%; animation:var(--animation); } .example-skeleton\:KyxAlfVTY3NQCnkQzkz_D { width:3.5rem; height:3.5rem; border-radius:var(--rounding-full); } .example-skeleton\:jGmIzA1Cn2jYCoip4AqJP { width:160px; height:1rem; border-radius:var(--rounding-full); } .dSnpAW { gap:0.5rem; align-items:start; justify-content:center; } .example-skeleton\:utfsjXLSIKa6_K3cSr1Mq { width:100px; height:0.75rem; border-radius:var(--rounding-full); } .cEqiJL { display:inline-block; } .fqcBWZ { display:flex; align-items:center; user-select:none; touch-action:none; flex-direction:row; -ms-user-select:none; justify-content:start; -moz-user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; -webkit-text-size-adjust:none; } .fqcBWZ.orientation-vertical { display:flex; align-items:center; flex-direction:column; justify-content:start; } .so-slider-range\:root { height:1.5rem; } .bumcfj { top:var(--top); left:var(--left); right:var(--right); bottom:var(--bottom); display:flex; position:absolute; translate:var(--translate-x) var(--translate-y); flex-direction:column; } .JvZIa { display:none; } .fjPjKY { display:flex; opacity:1; flex-direction:column; } .fjPjKY.hidden { opacity:0; } .so-slider-range\:RHFTx6y_HXpaB1GMANjaZ { width:1.5rem; height:1.5rem; border-color:var(--brand-10, #7D66D9); border-style:solid; border-width:var(--border-md); border-radius:var(--rounding-full); background-color:var(--neutral-0, #0b0a0b); } .so-slider-range\:RHFTx6y_HXpaB1GMANjaZ:hover { background-color:var(--neutral-2, #1A191B); } .so-slider-range\:RHFTx6y_HXpaB1GMANjaZ:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .dOsAZm { display:flex; flex-grow:var(--flex-grow); flex-direction:column; } .so-slider-range\:a9ZjKfsZpUtE7C2qD8sZu { height:0.5rem; overflow-x:hidden; overflow-y:hidden; border-radius:var(--rounding-md); background-color:var(--neutral-6, #3C393F); } .so-slider-range\:cOWuENSc45Wxo_SdkuTgR { width:1.5rem; height:1.5rem; border-color:var(--brand-10, #7D66D9); border-style:solid; border-width:var(--border-md); border-radius:var(--rounding-full); background-color:var(--neutral-0, #0b0a0b); } .so-slider-range\:cOWuENSc45Wxo_SdkuTgR:hover { background-color:var(--neutral-2, #1A191B); } .so-slider-range\:cOWuENSc45Wxo_SdkuTgR:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .fwhVgk { top:var(--top); left:var(--left); right:var(--right); bottom:var(--bottom); display:flex; opacity:1; position:absolute; flex-direction:column; } .fwhVgk.hidden { display:flex; opacity:0; flex-direction:column; } .so-slider-range\:sou1DDNXQspKdVYavzdXc { height:100%; background-color:var(--brand-10, #7D66D9); } .example-slider-range\:T5uRCbbCMPh03nL6U6CCf { width:200px; } .edAQxD { height:0px; overflow-x:hidden; overflow-y:hidden; will-change:height; } .edAQxD.open { height:var(--height); } .so-accordion-item\:j5oOUeJw1SjbcubWkwzPY { transition:height 300ms ease 0ms normal; } .example-accordion\:-MQtJpbtZ-S0TPUYV22ca { width:100%; } .byOKaZ { gap:0.5rem; width:fit-content; cursor:default; height:var(--interactive-height-md); font-size:var(--text-md); transition:var(--transition); align-items:center; font-family:'DM Sans'; font-weight:var(--semi); user-select:none; padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); padding-right:0.75rem; flex-direction:row; outline-offset:var(--border-md); -ms-user-select:none; justify-content:center; -moz-user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; } .byOKaZ:focus-visible { outline-color:var(--brand-8, #435DB1); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .byOKaZ.pressed { transition:none; } .byOKaZ.critical:focus-visible { outline-color:var(--critical-8, #B54548); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .byOKaZ.critical-pressed { transition:none; } .button-tertiary\:root { color:var(--neutral-12, #EDEEF0); background-color:var(--overlay-a1, #ffffff0d); } .button-tertiary\:root:hover { background-color:var(--overlay-a2, #ffffff1a); } .button-tertiary\:root.trigger-open { background-color:var(--overlay-a3, #ffffff26); } .button-tertiary\:root.pressed:active { background-color:var(--overlay-a3, #ffffff26); } .button-tertiary\:root.loading { color:transparent; } .eWtvmI { top:0px; left:0px; color:inherit; right:0px; bottom:0px; display:flex; z-index:; position:absolute; font-size:inherit; align-items:center; font-family:inherit; font-weight:inherit; flex-direction:column; justify-content:center; } .ecsgDW { width:var(--size); height:var(--size); animation:spinner 1s linear infinite; border-radius:50%; } .ffcKG { width:100%; height:100%; position:absolute; border-color:transparent; border-style:solid; border-width:4px; border-radius:50%; border-top-color:var(--color, #EEEEF0); border-top-style:solid; border-top-width:4px; } .bDGgpC { width:100%; height:100%; opacity:0.3; position:absolute; border-color:var(--color, #EEEEF0); border-style:solid; border-width:4px; border-radius:50%; } .example-accordion\:A3mmdfH98HXgmAaZNuTbh { width:100%; } .bJoCor.orientation-horizontal { flex-direction:row; } .example-accordion\:Mfl9-jXvBZh60ZKvrLF-m { gap:0.5rem; width:100%; border-radius:var(--rounding-md); } .example-accordion\:_t2lBcVKGoJxt3jaagV-- { padding-top:0.5rem; } .fAWHpe { gap:0.5rem; padding-top:1rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:1px; padding-left:1rem; border-radius:var(--rounding-md); padding-right:1rem; padding-bottom:1rem; } .eFPVSl { gap:2rem; flex-wrap:wrap; align-items:start; flex-direction:row; justify-content:start; } .eZDwxm { width:fit-content; padding-top:0.5rem; border-color:var(--neutral-6, #3C393F); border-style:solid; border-width:var(--border-md); padding-left:0.5rem; border-radius:var(--rounding-md); padding-right:0.5rem; padding-bottom:0.5rem; background-color:var(--neutral-1, #121113); } .showcase-title\:iFU1fEFRALncjs_ZsMAXS { font-weight:var(--medium); } .example-button-tertiary\:NV8pZmaBi23ANLlv739Lr { width:var(--interactive-height-md); } .example-button-tertiary\:Pj2GVmRkL_5j3aK3cJHyz { flex-direction:row; } .cTaYaR { gap:1rem; } .example-button-tertiary\:RgiKGKycq48UcKnCRF9D- { flex-wrap:wrap; flex-direction:row; } .cBSyfF { gap:1.5rem; max-width:100%; padding-top:1rem; border-color:var(--neutral-6, #3C393F); border-style:dashed; border-width:var(--border-md); padding-left:1rem; border-radius:var(--rounding-md); padding-right:1rem; padding-bottom:1rem; } .example-button-tertiary\:tuVqFi6t4h8ljhTx4yzHr { flex-wrap:wrap; flex-direction:row; } .example-button-primary\:-1dMjuiRiU2N_bn3gP0nd { flex-wrap:wrap; flex-direction:row; } .button-primary\:root { color:var(--neutral-0, #030303); box-shadow:var(--shadow-sm); overflow-x:hidden; overflow-y:hidden; background-color:var(--brand-10, #5472E4); } .button-primary\:root:hover { background-color:var(--brand-9, #3E63DD); } .button-primary\:root.pressed { transition:none; background-color:var(--brand-11, #9EB1FF); } .button-primary\:root.critical { background-color:var(--critical-10, #EC5D5E); } .button-primary\:root.critical:hover { background-color:var(--critical-9, #E5484D); } .button-primary\:root.critical-pressed { background-color:var(--critical-11, #FF9592) !important; } .crZIIy { top:0px; left:0px; color:inherit; right:0px; bottom:0px; display:flex; position:absolute; font-size:inherit; align-items:center; font-family:inherit; font-weight:inherit; flex-direction:column; justify-content:center; background-color:var(--brand-10, #5472E4); } .example-button-primary\:9oUX-dKEjAlwdactHOrYZ { flex-direction:column; } .example-button-primary\:E-paPgLnIV-HqvKba0kwE { flex-wrap:wrap; flex-direction:row; } .example-button-primary\:IRkbEbJpwsKzSngUfDRru { flex-direction:column; } .example-button-primary\:Pj2GVmRkL_5j3aK3cJHyz { flex-direction:row; } .example-button-primary\:UWZ7hlBTsGyfd_kjF0_I2 { flex-direction:column; } .example-button-primary\:Z8Nh1OJGPwUvC7JI4-I4h { flex-wrap:wrap; flex-direction:row; } .example-button-primary\:rPbEd14dpOo6NUyuPtW0g { width:var(--interactive-height-md); } .example-collapsible\:-rjQc32VESFdTk0gI50AH { width:100%; } .example-collapsible\:88njaDPWQUUo0nXybsCXz { width:100%; padding-top:1rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:var(--border-md); padding-left:1rem; border-radius:var(--rounding-md); padding-right:1rem; padding-bottom:1rem; background-color:var(--neutral-1, #121113); } .zQIEM { flex:1; align-items:center; justify-content:center; } .flNaSt { height:0px; transform:translateZ(0px); overflow-y:hidden; will-change:height, transform; } .flNaSt.open { height:var(--height); } .so-collapsible\:ALfxBRmS3wPsbUsjJfBeE { width:100%; opacity:0; transition:height 300ms ease 0ms normal, opacity 300ms ease 0ms normal; } .so-collapsible\:ALfxBRmS3wPsbUsjJfBeE.open { opacity:1; transition:height 300ms ease 0ms normal, opacity 300ms ease 200ms normal; } .example-collapsible\:R5ABVpHpXUxh-lNJcTA2G { gap:0.5rem; width:200px; } .button-secondary\:root { color:var(--neutral-12, #EDEEF0); box-shadow:var(--shadow-sm); border-color:var(--neutral-6, #363A3F); border-style:solid; border-width:var(--border-md); background-color:var(--neutral-0, #030303); } .button-secondary\:root:hover { background-color:var(--neutral-2, #18191B); } .button-secondary\:root.trigger-open { background-color:var(--neutral-2, #18191B); } .button-secondary\:root.pressed { transition:none; background-color:var(--neutral-4, #272A2D); } .ckeMDa { top:0px; left:0px; color:inherit; right:0px; bottom:0px; display:flex; z-index:; position:absolute; font-size:inherit; align-items:center; font-family:inherit; font-weight:inherit; flex-direction:column; justify-content:center; background-color:var(--neutral-0, #0b0a0b); } .tooltip\:Quw7nR6hflO7rsq8M8Qbn { color:var(--neutral-0, #030303); scale:0.5; width:max-content; opacity:0; z-index:var(--tooltip); padding-top:0.5rem; border-color:var(--neutral-2, #1A191B); border-style:solid; border-width:var(--border-md); padding-left:0.5rem; border-radius:var(--rounding-md); padding-right:0.5rem; padding-bottom:0.5rem; background-color:var(--neutral-12, #EDEEF0); } .tooltip\:Quw7nR6hflO7rsq8M8Qbn.open { scale:1; opacity:1; translate:0 0px; } .tooltip\:Quw7nR6hflO7rsq8M8Qbn.top-in { translate:0 -12px; } .tooltip\:Quw7nR6hflO7rsq8M8Qbn.top-out { scale:1; } .tooltip\:Quw7nR6hflO7rsq8M8Qbn.bottom-in { translate:0 12px; } .tooltip\:Quw7nR6hflO7rsq8M8Qbn.bottom-out { scale:1; } .tooltip\:Quw7nR6hflO7rsq8M8Qbn.open-transition { transition:all 200ms ease 0ms normal; } .tooltip\:Quw7nR6hflO7rsq8M8Qbn.close-transition { transition:all 50ms ease 0ms normal; } .dqsoTv { width:fit-content; height:fit-content; } .PgVAX { width:10px; height:10px; rotate:z 45deg; display:flex; translate:0px -4px; flex-direction:column; background-color:var(--neutral-12, #EEEEF0); border-right-color:var(--neutral-2, #1A191B); border-right-style:solid; border-right-width:var(--border-md); border-bottom-color:var(--neutral-2, #1A191B); border-bottom-style:solid; border-bottom-width:var(--border-md); } .cEpQwy { width:fit-content; height:fit-content; position:absolute; font-size:inherit; transform:var(--transform); font-family:inherit; font-weight:inherit; transform-origin:var(--transform-origin); } .cEpQwy.top { top:0px; left:var(--left); } .cEpQwy.bottom { left:var(--left); bottom:0px; } .cEpQwy.right { top:var(--top); right:0px; } .cEpQwy.left { top:var(--top); left:0px; } .tooltip-text\:root { color:var(--neutral-0, #030303); } .example-checkbox\:ISaJ_nzHCSx2gDkO9PUpK { flex-direction:column; } .example-checkbox\:KLKsgt4XNAFceikp2jV1p { flex-direction:column; } .dPsZdn { display:flex; flex-direction:column; } .so-checkbox\:bB2hBlpODhaKpli7ZCDA5 { color:var(--neutral-0, #0b0a0b); width:1rem; height:1rem; opacity:0; transition:opacity 100ms ease 0ms normal; } .so-checkbox\:bB2hBlpODhaKpli7ZCDA5.checked { opacity:1; } .so-checkbox\:bB2hBlpODhaKpli7ZCDA5.indeterminate { opacity:1; } .eUzFOF { align-items:center; justify-content:center; } .so-checkbox\:bBXPXZVlijG6_sQdFdAPL { width:var(--toggle-height-md); height:var(--toggle-height-md); transition:background-color 200ms ease 0ms normal; border-color:var(--neutral-6, #3C393F); border-style:solid; border-width:var(--border-md); border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); background-color:var(--neutral-0, #0b0a0b); } .so-checkbox\:bBXPXZVlijG6_sQdFdAPL.checked { background-color:var(--brand-10, #8a75dd); } .so-checkbox\:bBXPXZVlijG6_sQdFdAPL:hover { background-color:var(--neutral-2, #1A191B); } .so-checkbox\:bBXPXZVlijG6_sQdFdAPL.checked:hover { background-color:var(--brand-9, #755ed1); } .so-checkbox\:bBXPXZVlijG6_sQdFdAPL:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .so-checkbox\:bBXPXZVlijG6_sQdFdAPL.indeterminate { background-color:var(--brand-10, #8a75dd); } .so-checkbox\:bBXPXZVlijG6_sQdFdAPL.indeterminate:hover { background-color:var(--brand-9, #755ed1); } .example-button-secondary\:F_Pj_6wOsS-wWZdfg-gtX { flex-wrap:wrap; flex-direction:row; } .example-button-secondary\:O1Dq24K7qtBUxjNe6J0jW { flex-wrap:wrap; flex-direction:row; } .example-button-secondary\:Pj2GVmRkL_5j3aK3cJHyz { flex-direction:row; } .example-button-secondary\:a_98hISqyb3l4JCdNV9Pf { flex-wrap:wrap; flex-direction:row; } .example-button-secondary\:vKwU8FqRWP5p7TEwV5I7p { width:var(--interactive-height-md); } .OweqU { gap:1rem; display:flex; transition:background-color 300ms ease 0ms normal; padding-top:0.75rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:var(--border-md); padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); padding-right:0.75rem; flex-direction:row; padding-bottom:0.75rem; background-color:var(--neutral-0, #0b0a0b); } .OweqU:hover { background-color:var(--neutral-2, #1A191B); } .OweqU:active { background-color:var(--neutral-4, #2B292D); } .OweqU.highlighted { background-color:var(--neutral-4, #2B292D); } .OweqU:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .Gjybf { top:0px; left:0px; right:0px; bottom:0px; position:absolute; } .dRuSdx { gap:0.25rem; flex:1; } .cVMNhr { top:0px; left:0px; right:0px; bottom:0px; opacity:0; position:absolute; pointer-events:none; } .cSDEUo { display:flex; flex-direction:column; } .so-switch\:9xDvC7hc90wM-Hy4nsyON { width:var(--switch-thumb-size); height:var(--switch-thumb-size); translate:0px 0px; transition:translate 200ms ease 0ms normal; border-radius:var(--rounding-full); background-color:var(--neutral-0, #0b0a0b); } .so-switch\:9xDvC7hc90wM-Hy4nsyON.checked { translate:var(--translate-x-checked); } .so-switch\:HRWuuVySKRYgSHU-G8N6w { width:var(--switch-width); height:var(--switch-height); transition:background-color 200ms ease 0ms normal; align-items:start; padding-top:0px; padding-left:var(--padding); border-radius:var(--rounding-full); outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); padding-right:var(--padding); outline-offset:var(--border-md); padding-bottom:0px; justify-content:center; background-color:var(--neutral-8, #625F69); } .so-switch\:HRWuuVySKRYgSHU-G8N6w:hover { background-color:var(--neutral-7, #49474E); } .so-switch\:HRWuuVySKRYgSHU-G8N6w.checked { background-color:var(--brand-10, #8a75dd); } .so-switch\:HRWuuVySKRYgSHU-G8N6w.checked:hover { background-color:var(--brand-9, #755ed1); } .so-switch\:HRWuuVySKRYgSHU-G8N6w:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .example-switch-cards\:1uJf0EmrGdiIw2XNsRFYi { width:100%; } .dhhmAN { gap:0.25rem; flex-direction:var(--flex-direction); } .example-switch-cards\:ygwhlqqivi5kmzWZ2PG1I { width:100%; } .example-progress-bar\:root { align-items:center; justify-content:start; } .eMRdNn { overflow:hidden; transform:translateZ(0); } .so-progress-bar\:root { width:100%; height:1rem; border-radius:var(--rounding-full); background-color:var(--neutral-4, #2B292D); } .cAZBKa { width:100%; height:100%; translate:var(--translate-x) 0 0; } .so-progress-bar\:E9jBZAZ6dfKY_vWJ6O4c2 { height:100%; transition:translate 200ms ease 0ms normal; border-radius:var(--rounding-sm); background-color:var(--brand-9, #755ed1); } .example-progress-bar\:l2PVdBTXpz-3LyvfGe8a1 { width:220px; } .bLhiAQ { color:var(--neutral-11, #B5B2BC); display:table-cell; text-align:left; font-family:'DM Sans'; padding-top:0.75rem; padding-left:0.75rem; padding-right:0.75rem; padding-bottom:0.75rem; } .cjaPvA { color:var(--neutral-12, #EEEEF0); display:table-cell; box-shadow:inset 0 -1px var(--neutral-7); text-align:left; font-family:'DM Sans'; font-weight:var(--medium); padding-top:0.75rem; padding-left:0.75rem; padding-right:0.75rem; padding-bottom:0.75rem; } .fnDeUA { max-width:100%; overflow-x:auto; overflow-y:hidden; border-color:var(--neutral-7, #49474E); border-style:solid; border-width:1px; border-radius:var(--rounding-md); } .example-table\:SqW-D8rX7O-ui9uWks4BT { min-width:100px; } .ZRvPG { display:table-header-group; background-color:var(--overlay-a1, #ffffff0d); } .cANfrm { display:table-row-group; padding-bottom:0.5rem; } .buMVqt { display:table; border-spacing:0; border-collapse:collapse; } .eshfUM { display:table-row; border-bottom-color:var(--neutral-5, #323035); border-bottom-style:solid; border-bottom-width:var(--border-md); } .eshfUM.no-border { border-bottom-color:black; border-bottom-style:none; border-bottom-width:0px; } .dropdown-item\:root { color:var(--neutral-12, #EDEEF0); width:100%; transition:var(--hover); align-items:center; padding-top:0.5rem; padding-left:0.5rem; border-radius:var(--rounding-sm); outline-color:transparent; outline-style:solid; outline-width:0px; padding-right:0.5rem; flex-direction:row; padding-bottom:0.5rem; justify-content:space-between; } .dropdown-item\:root:active { background-color:var(--neutral-3, #212225); } .dropdown-item\:root:focus { background-color:var(--neutral-3, #212225); } .dropdown-item\:root.open { background-color:var(--brand-4, #1D2E62); } .dropdown-item\:root.disabled { color:var(--neutral-9, #696E77); background-color:transparent; } .so-dropdown-sub-content\:root { gap:0.25rem; display:flex; opacity:0; min-width:200px; padding-top:0.5rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:var(--border-md); padding-left:0.5rem; border-radius:var(--rounding-lg); padding-right:0.5rem; flex-direction:column; padding-bottom:0.5rem; background-color:var(--neutral-0, #0b0a0b); } .so-dropdown-sub-content\:root.open { opacity:1; } .so-dropdown-sub-content\:root.open-transition { transition:opacity 200ms ease 0ms normal; } .so-dropdown-sub-content\:root.bottom { margin-left:0.5rem; } .so-dropdown-sub-content\:root.top { margin-left:0.5rem; } .sparkcore\/sc-dropdown-content\:root:focus { outline:none; } .dropdown-content\:lqjb4zyRrlHNHDY9YAZcp { gap:0.25rem; scale:0.95; opacity:0; min-width:200px; translate:var(--translate); padding-top:0.5rem; border-color:var(--neutral-5, #2E3135); border-style:solid; border-width:var(--border-md); padding-left:0.5rem; border-radius:var(--rounding-md); padding-right:0.5rem; padding-bottom:0.5rem; background-color:var(--neutral-0, #030303); } .dropdown-content\:lqjb4zyRrlHNHDY9YAZcp.open { scale:1; opacity:1; translate:0px; } .dropdown-content\:lqjb4zyRrlHNHDY9YAZcp.open-transition { transition:var(--popper-open); } .dropdown-content\:lqjb4zyRrlHNHDY9YAZcp.close-transition { transition:var(--popper-close); } .dropdown-checkbox\:root { gap:0.5rem; color:var(--neutral-12, #EEEEF0); width:100%; height:var(--interactive-height-sm); font-size:var(--text-md); transition:background-color 200ms ease 0ms normal; align-items:center; font-family:'DM Sans'; font-weight:var(--normal); padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:0px; padding-right:0.75rem; flex-direction:row; justify-content:start; } .dropdown-checkbox\:root:active { background-color:var(--brand-4, #33255B); } .dropdown-checkbox\:root:focus { background-color:var(--brand-4, #33255B); } .dropdown-checkbox\:root.disabled { color:var(--neutral-9, #6F6D78); background-color:transparent; } .dropdown-checkbox\:ubPaQwp4EEnntv2diOqO- { width:1rem; height:1rem; } .example-dropdown\:ltVYX6wypOma5ooq-ot27 { font-weight:var(--medium); padding-left:2.25rem; } .dropdown-radio-group-item\:root { gap:0.5rem; color:var(--neutral-12, #EEEEF0); width:100%; height:var(--interactive-height-sm); font-size:var(--text-md); transition:background-color 200ms ease 0ms normal; align-items:center; font-family:'DM Sans'; font-weight:var(--normal); padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:0px; padding-right:0.75rem; flex-direction:row; justify-content:start; } .dropdown-radio-group-item\:root:active { background-color:var(--brand-4, #33255B); } .dropdown-radio-group-item\:root:focus { background-color:var(--brand-4, #33255B); } .dropdown-radio-group-item\:root.disabled { color:var(--neutral-9, #6F6D78); background-color:transparent; } .SWxlP { position:relative; outline-color:transparent; outline-style:none; outline-width:0px; pointer-events:all; } .SWxlP:focus { outline-color:transparent; outline-style:none; outline-width:0px; } .dialog-content\:root { scale:0.5; width:100%; opacity:0; padding:calc(var(--rounding-xl) - var(--rounding-lg)); max-width:460px; box-shadow:var(--shadow-lg); border-radius:var(--rounding-xl); background-color:var(--overlay-a3, #00000026); } .dialog-content\:root.open { scale:1; opacity:1; } .dialog-content\:root.open-transition { transition:var(--dialog-open); } .dialog-content\:root.close-transition { transition:var(--dialog-close); } .bCrsFu { overflow-y:auto; touch-action:auto; } .example-dialog\:Befx8gbIJXvvNQSVk7Lpz { max-height:100pxt; } .byjkOA { top:0px; left:0px; right:0px; bottom:0px; z-index:-1; position:absolute; } .dialog-backdrop\:root { opacity:0; backdrop-filter:blur(10px); background-color:var(--overlay-inverted-a7, #00000080); -webkit-backdrop-filter:blur(10px);; } .dialog-backdrop\:root.open { opacity:1; } .dialog-backdrop\:root.open-transition { transition:var(--backdrop-open); } .dialog-backdrop\:root.close-transition { transition:var(--backdrop-close); } .KsFov { width:var(--width); height:var(--height); position:fixed; overflow-x:hidden; overflow-y:hidden; align-items:center; pointer-events:none; justify-content:center; } .KsFov.modal { touch-action:none; pointer-events:all; } .dialog\:o_AGx_fXR28AhYGxOsWS1 { padding-top:1rem; padding-left:1rem; padding-right:1rem; padding-bottom:1rem; } .dsSgvI { padding-top:1rem; padding-left:1rem; border-radius:var(--rounding-lg); padding-right:1rem; padding-bottom:1rem; background-color:var(--neutral-0, #030303); } .eOiZTW { gap:1rem; width:100%; flex-direction:row; padding-bottom:1rem; } .dialog-close-button\:VHhEM1I8jUMvJEGErDJO8 { width:var(--line-height-2xl); height:var(--line-height-2xl); } .dialog-title\:root { flex:1; color:var(--neutral-12, #EEEEF0); } .dnZEVP { gap:0.5rem; align-items:center; padding-top:1.5rem; flex-direction:row; justify-content:end; } .example-spinner\:0rHj64jNfyFUbYgt0qpmb { flex-direction:row; } .example-spinner\:eynyXGRDvupXS5cEqHkKH { align-items:center; flex-direction:row; justify-content:start; } .cfqKRN { flex-direction:row; } .so-menubar\:root { gap:0.5rem; padding-top:0.5rem; border-color:var(--neutral-4, #2B292D); border-style:solid; border-width:var(--border-md); padding-left:0.5rem; border-radius:var(--rounding-lg); padding-right:0.5rem; padding-bottom:0.5rem; background-color:var(--neutral-1, #121113); } .showcase-menubar\:root { width:fit-content; } .so-menubar-item\:root { color:var(--neutral-12, #EEEEF0); width:100%; height:var(--interactive-height-sm); font-size:var(--text-md); transition:background-color 200ms ease 0ms normal; align-items:center; font-family:'DM Sans'; font-weight:var(--normal); padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:0px; padding-right:0.75rem; flex-direction:row; justify-content:space-between; } .so-menubar-item\:root:active { background-color:var(--brand-4, #33255B); } .so-menubar-item\:root:focus { background-color:var(--brand-4, #33255B); } .so-menubar-item\:root.open { background-color:var(--brand-4, #33255B); } .so-menubar-item\:root.disabled { color:var(--neutral-9, #6F6D78); background-color:transparent; } .so-menubar-radio-group-item\:root { gap:0.5rem; color:var(--neutral-12, #EEEEF0); width:100%; height:var(--interactive-height-sm); font-size:var(--text-md); transition:background-color 200ms ease 0ms normal; align-items:center; font-family:'DM Sans'; font-weight:var(--normal); padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:0px; padding-right:0.75rem; flex-direction:row; justify-content:start; } .so-menubar-radio-group-item\:root:active { background-color:var(--brand-4, #33255B); } .so-menubar-radio-group-item\:root:focus { background-color:var(--brand-4, #33255B); } .so-menubar-radio-group-item\:root.disabled { color:var(--neutral-9, #6F6D78); background-color:transparent; } .so-menubar-content\:root { gap:0.25rem; opacity:0; min-width:200px; padding-top:0.5rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:var(--border-md); padding-left:0.5rem; border-radius:var(--rounding-lg); padding-right:0.5rem; padding-bottom:0.5rem; background-color:var(--neutral-0, #0b0a0b); } .so-menubar-content\:root.open { opacity:1; } .so-menubar-content\:root.open-transition { transition:opacity 200ms ease 0ms normal; } .so-menubar-trigger-button\:root { height:var(--interactive-height-sm); background-color:transparent; } .so-menubar-trigger-button\:root:focus { outline-color:transparent; outline-style:none; outline-width:0px; background-color:var(--overlay-a3, #ffffff26); } .so-menubar-sub-content\:root { gap:0.25rem; display:flex; opacity:0; min-width:200px; padding-top:0.5rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:var(--border-md); padding-left:0.5rem; border-radius:var(--rounding-lg); padding-right:0.5rem; flex-direction:column; padding-bottom:0.5rem; background-color:var(--neutral-0, #0b0a0b); } .so-menubar-sub-content\:root.open { opacity:1; } .so-menubar-sub-content\:root.open-transition { transition:opacity 200ms ease 0ms normal; } .so-menubar-sub-content\:root.bottom { margin-left:0.5rem; } .so-menubar-sub-content\:root.top { margin-left:0.5rem; } .so-menubar-checkbox\:root { gap:0.5rem; color:var(--neutral-12, #EEEEF0); width:100%; height:var(--interactive-height-sm); font-size:var(--text-md); transition:background-color 200ms ease 0ms normal; align-items:center; font-family:'DM Sans'; font-weight:var(--normal); padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:0px; padding-right:0.75rem; flex-direction:row; justify-content:start; } .so-menubar-checkbox\:root:active { background-color:var(--brand-4, #33255B); } .so-menubar-checkbox\:root:focus { background-color:var(--brand-4, #33255B); } .so-menubar-checkbox\:root.disabled { color:var(--neutral-9, #6F6D78); background-color:transparent; } .so-menubar-checkbox\:9HTUlmfdUV0DQ46AEXfAS { width:1rem; height:1rem; } .example-checkbox-cards\:7i-aXJNYIlqC1qp_j1XsS { flex:1; width:100%; } .example-checkbox-cards\:a78KWkNKAy0tlp8j60KN9 { width:100%; } .cTwMkH { color:inherit; width:1.25rem; height:1.25rem; } .fEROXQ { gap:0.5rem; color:var(--color, #BAA7FF); align-items:center; padding-top:1rem; border-color:var(--color-border, #3C2E69); border-style:solid; border-width:1px; padding-left:1rem; border-radius:var(--rounding-lg); padding-right:1rem; flex-direction:row; padding-bottom:1rem; justify-content:start; background-color:var(--color-bg, #291F43); } .example-callout\:FtqnCXk3FLjXa3emwiU7y { height:fit-content; min-width:180px; } .example-callout\:Og-DwfvCTbw7PHHtgDbNc { flex:1; flex-wrap:wrap; flex-direction:row; } @media (max-width: 500px) { .example-callout\:Og-DwfvCTbw7PHHtgDbNc { width:100%; flex-direction:column; } } .example-callout\:OgO9LgrRqoLaugORWjRqv { height:fit-content; min-width:180px; } .so-callout-text\:root { flex:1; color:inherit; font-weight:var(--medium); } .example-callout\:XvFMJzlqRYg1P2DDufUxu { display:flex; align-items:start; flex-direction:column; justify-content:center; } .example-callout\:jy1h86PsqyPmzjT6Efhhr { height:fit-content; min-width:180px; } @media (max-width: 500px) { .example-callout\:l2o6xp8KOc0_-MUrqqull { width:100%; } } .fvqDPg { width:inherit; height:inherit; background-color:inherit; } .example-callout\:oEUJbBOPlRrVq6WKiajwj { height:fit-content; min-width:180px; } .example-callout\:opd35Ks7rgBsGkE-YDkm- { height:fit-content; min-width:180px; } .bottom-sheet-content\:root { width:100%; max-width:460px; translate:0 100%; padding-top:1rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:1px; padding-left:1rem; padding-right:1rem; padding-bottom:2rem; background-color:var(--neutral-0, #030303); border-bottom-color:black; border-bottom-style:solid; border-bottom-width:0px; border-top-left-radius:var(--rounding-lg); border-top-right-radius:var(--rounding-lg); border-bottom-left-radius:0px; border-bottom-right-radius:0px; } .bottom-sheet-content\:root.open { translate:0 0px; transition:var(--popper-open); } .bottom-sheet-content\:root.open-transition { transition:var(--dialog-open); } .bottom-sheet-content\:root.close-transition { transition:var(--dialog-close); } .bottom-sheet-close-button\:mFG4tb_0aNVzahacHBUnn { width:var(--line-height-2xl); height:var(--line-height-2xl); } .bottom-sheet-title\:root { flex:1; color:var(--neutral-12, #EEEEF0); } .bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC { opacity:0; background-color:var(--overlay-inverted-a9, #000000b3); } .bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC.open { opacity:1; backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px);; } .bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC.open-transition { transition:var(--backdrop-open); } .bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC.close-transition { transition:var(--backdrop-close); } .sparkcore\/sc-bottom-sheet-portal\:root { align-items:center; justify-content:end; } .so-select-item\:root { gap:0.5rem; color:var(--neutral-12, #EEEEF0); width:100%; cursor:default; height:var(--interactive-height-sm); font-size:var(--text-md); transition:background-color 200ms ease 0ms normal; align-items:center; font-family:'DM Sans'; font-weight:var(--normal); white-space:nowrap; padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:0px; padding-right:0.75rem; text-overflow:ellipsis; flex-direction:row; justify-content:start; } .so-select-item\:root:hover { background-color:var(--brand-4, #33255B); } .so-select-item\:root:focus { background-color:var(--brand-4, #33255B); } .so-select-item\:root.checked { color:var(--brand-11, #BAA7FF); } .so-select-item\:root.disabled { color:var(--neutral-9, #6F6D78); } .so-select-item\:root.disabled:hover { background-color:transparent; } .dfonvd { color:inherit; width:1rem; height:1rem; font-size:inherit; font-family:inherit; font-weight:inherit; } .eyVPLS { font-size:inherit; font-family:inherit; font-weight:inherit; } .BEodR { width:fit-content; height:fit-content; font-size:inherit; font-family:inherit; font-weight:inherit; } .so-select-item\:gTaZlBzZUme6Pj37SjYHY { color:var(--brand-11, #BAA7FF); width:1rem; height:1rem; } .so-select-icon\:root { color:inherit; width:1.25rem; height:1.25rem; font-size:inherit; transition:rotate 200ms ease 0ms normal; font-family:inherit; font-weight:inherit; } .so-select-icon\:root.open { rotate:z 180deg; } .example-select\:fA7SkTMS5e1eASchpwuH- { width:200px; align-items:center; flex-direction:row; justify-content:space-between; } .so-select-content\:root { gap:0.25rem; opacity:0; padding-top:0.5rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:var(--border-md); padding-left:0.5rem; border-radius:var(--rounding-lg); padding-right:0.5rem; padding-bottom:0.5rem; background-color:var(--neutral-0, #0b0a0b); } .so-select-content\:root.open { opacity:1; } .so-select-content\:root.open-transition { transition:opacity 200ms ease 0ms normal; } .so-select-content\:root.close-transition { transition:opacity 200ms ease 0ms normal; } .so-select-content\:root:focus { outline-color:#ffffff; outline-style:none; outline-width:0px; } .vSSmT { width:100%; align-items:center; flex-direction:row; justify-content:space-between; } .example-popover\:acz7xM5F0sbqVtdEMFDKL { color:var(--neutral-12, #EEEEF0); font-weight:var(--medium); } .cCYXsI { width:100%; } .example-popover\:i-P_Yznht4SEUCyJi37IX { width:var(--interactive-height-sm); height:var(--interactive-height-sm); } .so-popover-content\:root { gap:0.25rem; opacity:0; z-index:10; min-width:200px; padding-top:0.5rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:var(--border-md); padding-left:0.5rem; border-radius:var(--rounding-lg); padding-right:0.5rem; padding-bottom:0.5rem; background-color:var(--neutral-0, #0b0a0b); } .so-popover-content\:root.open { opacity:1; } .so-popover-content\:root.open-transition { transition:opacity 300ms ease 0ms normal; } .so-popover-content\:root.close-transition { transition:opacity 300ms ease 0ms normal; } .example-popover\:i25DiKLwVbf_3P9nVwAEF { gap:1rem; padding-top:1rem; padding-left:1rem; padding-right:1rem; padding-bottom:1rem; } .bNiyfD { gap:0.5rem; display:flex; padding-top:0px; border-color:black; border-style:solid; border-width:0px; padding-left:0px; padding-right:0px; flex-direction:row; padding-bottom:0px; background-color:transparent; } .so-toolbar-separator\:root.orientation-vertical { width:1px; height:2.5rem; background-color:var(--neutral-5, #323035); } .example-toolbar\:WdcQNEAP9nv67EETliWzk { border-color:black; border-style:solid; border-width:0px; } .example-toolbar\:aKogsjzZMZDrqh5y_iwqo { border-color:black; border-style:solid; border-width:0px; } .dIIgYj { align-items:center; flex-direction:row; justify-content:start; } .dIIgYj.orientation-vertical { flex-direction:column; } .so-toolbar\:root { gap:0.5rem; width:fit-content; flex-wrap:wrap; padding-top:0.5rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:1px; padding-left:0.5rem; border-radius:var(--rounding-lg); padding-right:0.5rem; padding-bottom:0.5rem; background-color:var(--neutral-0, #0b0a0b); } .example-toast\:Og-DwfvCTbw7PHHtgDbNc { flex:1; flex-wrap:wrap; flex-direction:row; } .cMUezK { gap:0.25rem; color:var(--color); width:fit-content; height:var(--height); display:flex; font-size:var(--font-size); align-items:center; font-family:'DM Sans'; font-weight:var(--semi); border-color:var(--color-border); border-style:solid; border-width:var(--border-md); padding-left:var(--padding-horizontal); border-radius:var(--rounding-full); padding-right:var(--padding-horizontal); flex-direction:row; justify-content:center; background-color:var(--color-bg); } .example-badge\:9oUX-dKEjAlwdactHOrYZ { flex-direction:column; } .example-badge\:BLPATi9v-jqZOsYX_x-GT { flex-wrap:wrap; flex-direction:row; } .example-badge\:QWprR3KsP0m1-IoKWsJWC { flex-wrap:wrap; align-items:center; flex-direction:row; justify-content:start; } .example-badge\:aREe4RUkElg5LAvKYoDQs { flex-direction:column; } .so-slider\:root { height:1.5rem; } .so-slider\:a9ZjKfsZpUtE7C2qD8sZu { height:0.5rem; overflow-x:hidden; overflow-y:hidden; border-radius:var(--rounding-md); background-color:var(--neutral-6, #3C393F); } .so-slider\:cOWuENSc45Wxo_SdkuTgR { width:1.5rem; height:1.5rem; border-color:var(--brand-10, #7D66D9); border-style:solid; border-width:var(--border-md); border-radius:var(--rounding-full); background-color:var(--neutral-0, #0b0a0b); } .so-slider\:cOWuENSc45Wxo_SdkuTgR:hover { background-color:var(--neutral-2, #1A191B); } .so-slider\:cOWuENSc45Wxo_SdkuTgR:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .so-slider\:sou1DDNXQspKdVYavzdXc { height:100%; background-color:var(--brand-10, #7D66D9); } .example-slider\:sZrWSsQ1nJ3tYb1L_hS8t { width:200px; } .bRPXKT { flex:1; align-items:start; justify-content:end; } .so-toggle\:root { color:var(--neutral-12, #EEEEF0); width:var(--interactive-height-md); cursor:default; height:var(--interactive-height-md); font-size:var(--text-md); transition:background-color 200ms ease 0ms normal; align-items:center; font-family:'DM Sans'; font-weight:var(--semi); user-select:none; border-color:var(--neutral-6, #3C393F); border-style:solid; border-width:var(--border-md); border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); flex-direction:row; outline-offset:var(--border-md); -ms-user-select:none; justify-content:center; -moz-user-select:none; background-color:var(--neutral-0, #0b0a0b); -webkit-user-select:none; } .so-toggle\:root:hover { background-color:var(--brand-2, #1B1525); } .so-toggle\:root.pressed { transition:none; background-color:var(--brand-4, #33255B); } .so-toggle\:root.pressed:hover { background-color:var(--brand-4, #33255B); } .so-toggle\:root:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .eFsvqW { flex-direction:row; } .example-avatar-group\:l7d6noQQ_KyvPIAxwzeqi { flex:1; align-items:center; justify-content:center; } .eAYFwH { transition:var(--transition); } .eAYFwH:hover { z-index:1; translate:0 -4px; } .byfVTG { width:var(--size); height:var(--size); box-sizing:border-box; overflow-x:hidden; overflow-y:hidden; margin-left:var(--margin-left); border-radius:var(--rounding-md); background-color:var(--neutral-6, #363A3F); } .avatar\:-kWssftQUD5dG7_tYJA_M { color:var(--neutral-11, #B0B4BA); width:100%; height:100%; font-size:var(--text-sm); align-items:center; font-family:'DM Sans'; font-weight:var(--medium); border-radius:0px; -ms-user-select:none; justify-content:center; -moz-user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; } .fdPeqB { aspect-ratio:1; } .avatar\:KayQILcVgPsX20pIKO2n3 { width:100%; height:100%; border-radius:0px; pointer-events:none; } .avatar\:gfOKIPevWUcei5hwOuANf { width:100%; height:100%; overflow-x:hidden; overflow-y:hidden; align-items:center; border-radius:0px; justify-content:center; } .fCrAMG { gap:0.5rem; width:100%; height:var(--interactive-height-md); display:flex; transition:var(--transition); align-items:center; border-color:var(--neutral-7, #43484E); border-style:solid; border-width:1px; padding-left:0.75rem; border-radius:var(--input-rounding, var(--rounding-md)); padding-right:0.75rem; flex-direction:row; justify-content:start; background-color:var(--neutral-0, #030303); } .fCrAMG:hover { background-color:var(--neutral-1, #111113); } .fCrAMG.focused { border-color:var(--brand-10, #5472E4); border-style:solid; border-width:var(--border-md); outline-color:var(--brand-6, #304384); outline-style:solid; outline-width:var(--border-lg); background-color:var(--neutral-0, #0b0a0b); } .dpCyNx { flex:1; color:var(--neutral-12, #EEEEF0); width:100%; height:100%; display:flex; font-size:var(--text-md); font-family:'DM Sans'; font-weight:var(--normal); flex-direction:column; } .dpCyNx::placeholder { color:var(--neutral-9, #6F6D78); font-size:var(--text-md); font-family:'DM Sans'; font-weight:var(--normal); } .field-info\:root { width:100%; } .field-info\:H8lR0sfXN70nEGzUErooa { width:100%; padding-top:0px; border-color:black; border-style:none; border-width:1px; padding-left:0px; padding-right:0px; padding-bottom:0px; background-color:transparent; } .field-info\:x_vC1I1wKvYVtKKmD9dOe { color:var(--neutral-10, #7C7A85); width:100%; margin-top:0.5rem; } .jfOyE { color:var(--neutral-11, #B5B2BC); width:100%; font-size:var(--text-sm); font-family:'DM Sans'; font-weight:var(--medium); line-height:var(--text-sm); padding-bottom:0.5rem; } .ezujdn { flex:1; color:var(--neutral-12, #EEEEF0); width:100%; height:100%; font-size:var(--text-md); font-family:'DM Sans'; font-weight:var(--normal); } .ezujdn::placeholder { color:var(--neutral-9, #6F6D78); font-size:var(--text-md); font-family:'DM Sans'; font-weight:var(--normal); } .dkXksj { gap:1rem; width:100%; } .example-field\:BWJZQSOJSGeHVd86Ke8qL { width:100%; height:var(--interactive-height-sm); } .example-field\:Beka4WOnMmKcQ_Sg5ewP8 { flex:1; flex-direction:column; } @media (max-width: 620px) { .example-field\:Beka4WOnMmKcQ_Sg5ewP8 { width:100%; } } .cfuikQ { gap:2rem; width:100%; } .fDHoQh { width:1px; height:1px; display:flex; opacity:0; overflow:hidden; position:absolute; clip-path:inset(0); word-wrap:normal; margin-top:-1px; margin-left:-1px; padding-top:0px; white-space:nowrap; border-color:transparent; border-style:none; border-width:0px; padding-left:0px; padding-right:0px; flex-direction:column; padding-bottom:0px; } .example-field\:I4J5XVtyz0ugO9ppRgJF2 { width:100%; } .ejSSgp { color:var(--neutral-11, #B5B2BC); width:1.25rem; height:1.25rem; font-size:inherit; font-family:inherit; font-weight:inherit; } .example-field\:hgKFrJlgepXWGnzT9kfDJ { flex:1; flex-direction:column; } @media (max-width: 620px) { .example-field\:hgKFrJlgepXWGnzT9kfDJ { width:100%; } } .field-password-toggle\:root { width:calc(var(--interactive-height-md) - 0.75rem); height:calc(var(--interactive-height-md) - 0.75rem); margin-right:-0.5rem; border-radius:var(--rounding-sm); } .example-field\:tvGIEndbB33B2iqKd4V9C { gap:rem; } @media (max-width: 620px) { .example-field\:vClzeU85IhgAFGiURezy7 { flex-direction:column; } } .example-avatar\:EOoONJcbA7fv3WUCWqMik { flex-direction:row; } .example-avatar\:H4ABNLEk2EBdFY5r8EOIC { flex-direction:row; } .otaOx { gap:0.5rem; display:flex; flex-direction:row; } .dwYovU { width:100%; height:100%; display:flex; align-items:center; flex-direction:column; justify-content:center; } .so-radio-group-item\:1sKpSmtTvVVtbnB5pq1Of { width:0.75rem; height:0.75rem; opacity:0; align-items:center; border-radius:var(--rounding-full); justify-content:center; background-color:var(--brand-10, #8a75dd); } .so-radio-group-item\:1sKpSmtTvVVtbnB5pq1Of.checked { opacity:1; } .so-radio-group-item\:TCLJy-iHVJdHYZFfuNlKs { width:var(--toggle-height-md); height:var(--toggle-height-md); align-items:center; border-color:var(--neutral-6, #3C393F); border-style:solid; border-width:var(--border-md); border-radius:var(--rounding-full); justify-content:center; background-color:var(--neutral-0, #0b0a0b); } .so-radio-group-item\:TCLJy-iHVJdHYZFfuNlKs:hover { background-color:var(--neutral-2, #1A191B); } .so-radio-group-item\:TCLJy-iHVJdHYZFfuNlKs:active { background-color:var(--neutral-4, #2B292D); } .so-radio-group-item\:TCLJy-iHVJdHYZFfuNlKs:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .example-separator\:v33t1MEjiFVizVIYlN4Vv { width:200px; margin-top:1rem; margin-bottom:1rem; } .bTMEGE { width:100%; align-items:center; flex-direction:row; justify-content:start; } .fpMdTv { color:var(--neutral-12, #EEEEF0); font-size:var(--text-md); font-family:'DM Sans'; line-height:var(--line-height-md); padding-top:0.5rem; padding-bottom:0.5rem; } .gcjcZ { color:var(--neutral-11, #B5B2BC); display:flex; font-size:var(--text-md); min-width:var(--min-width); font-family:'DM Sans'; line-height:var(--line-height-md); padding-top:0.5rem; padding-right:0.5rem; flex-direction:row; padding-bottom:0.5rem; } .eHBzmS { :; display:flex; flex-direction:column; } .example-button-critical\:8bHjVjxrYrZHquUpQEqDB { flex-wrap:wrap; flex-direction:row; } .bWpTnd { width:fit-content; height:auto; } .so-button-critical\:root { gap:0.5rem; color:var(--neutral-0, #0b0a0b); width:fit-content; cursor:default; height:var(--interactive-height-md); font-size:var(--text-md); overflow-x:hidden; overflow-y:hidden; transition:background-color 200ms ease 0ms normal; align-items:center; font-family:'DM Sans'; font-weight:var(--semi); user-select:none; padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); padding-right:0.75rem; flex-direction:row; outline-offset:var(--border-md); -ms-user-select:none; justify-content:center; -moz-user-select:none; background-color:var(--critical-10, #EC5A72); -webkit-user-select:none; -webkit-tap-highlight-color:transparent; } .so-button-critical\:root:hover { background-color:var(--critical-9, #E54666); } .so-button-critical\:root:active { transition:none; background-color:var(--critical-11, #FF949D); } .so-button-critical\:root:focus-visible { outline-color:var(--critical-8); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .so-button-critical\:root.disabled { opacity:0.5; background-color:var(--critical-10, #EC5A72); } .fqHbau { top:0px; left:0px; color:inherit; right:0px; bottom:0px; display:flex; z-index:1; position:absolute; font-size:inherit; align-items:center; font-family:inherit; font-weight:inherit; flex-direction:column; justify-content:center; background-color:var(--critical-10, #EC5A72); } .example-button-critical\:DbXC3fus2nRNprMJjkStV { flex-wrap:wrap; flex-direction:row; } .example-button-critical\:Pj2GVmRkL_5j3aK3cJHyz { flex-direction:row; } .example-button-critical\:RxqG0213c_U5o38ByzQFX { flex-direction:column; } .example-button-critical\:VjP4BzBcXhFuye-T0sdUT { flex-direction:column; } .example-button-critical\:b4y6B7abI9VnPFzoHBqhc { width:var(--interactive-height-md); } .example-button-critical\:cW5vnlA4Lhc54agcZF5l- { flex-direction:column; } .example-button-critical\:o8FVuYogUuiQ-KHUN1oVT { flex-wrap:wrap; flex-direction:row; } .alert-dialog-close-button\:HrjEXBWv9kXQczbcoUIGF { width:var(--line-height-2xl); height:var(--line-height-2xl); } .alert-dialog-title\:root { flex:1; color:var(--neutral-12, #EEEEF0); } .alert-dialog-content\:root { scale:0.5; width:100%; opacity:0; padding:calc(var(--rounding-xl) - var(--rounding-lg)); max-width:460px; box-shadow:var(--shadow-lg); border-radius:var(--rounding-xl); background-color:var(--overlay-a3, #ffffff26); } .alert-dialog-content\:root.open { scale:1; opacity:1; } .alert-dialog-content\:root.open-transition { transition:var(--dialog-open); } .alert-dialog-content\:root.close-transition { transition:var(--dialog-close); } .alert-dialog\:1t53tZAvghsv3kYzBxrQN { padding-top:1rem; padding-left:1rem; padding-right:1rem; padding-bottom:1rem; } .eFVXbv { top:0px; left:0px; width:var(--width); height:var(--height); display:flex; position:absolute; translate:var(--translate-x) var(--translate-y); box-shadow:0px var(--tabs-indicator-height) 0px 0px var(--brand-9,#3E63DD); transition:var(--transition); flex-direction:column; pointer-events:none; } .eFVXbv.hidden { transition:none; } .dYXvkz { gap:0.25rem; height:100px; padding-top:1rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:var(--border-md); padding-left:1rem; border-radius:var(--rounding-lg); padding-right:1rem; padding-bottom:1rem; background-color:var(--neutral-0, #0b0a0b); } .fpTJlF.hidden { display:none; } .fpTJlF:focus-visible { outline-color:transparent; outline-style:solid; outline-width:0px; } .example-tabs\:lT0vRjtrMtyA2yINuHfrQ { gap:0.5rem; } .tabs-trigger-button\:Zgd_pVRpiJ9axk2n7tkrS { background-color:transparent; } .tabs-trigger-button\:Zgd_pVRpiJ9axk2n7tkrS.trigger-open { color:var(--brand-11, #BAA7FF); border-bottom-left-radius:0px; border-bottom-right-radius:0px; } .faQqne { gap:0.5rem; color:var(--neutral-0, #0b0a0b); width:fit-content; cursor:pointer; height:var(--interactive-height-md); font-size:var(--text-md); overflow-x:hidden; overflow-y:hidden; transition:background-color 300ms ease 0ms normal; align-items:center; font-family:'DM Sans'; font-weight:var(--semi); padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); padding-right:0.75rem; flex-direction:row; outline-offset:var(--border-md); -ms-user-select:none; justify-content:center; -moz-user-select:none; background-color:var(--brand-10, #8a75dd); -webkit-user-select:none; -webkit-tap-highlight-color:transparent; } .faQqne:hover { background-color:var(--brand-9, #755ed1); text-decoration-color:var(--color-underline-hovered); } .faQqne:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .faQqne.pressed { transition:none; background-color:var(--brand-11, #BAA7FF); } .faQqne.disabled { cursor:default; opacity:0.5; background-color:var(--brand-10, #7D66D9); } .example-link-button\:J5MZOSGmL9BEk9GcGm-s5 { flex-wrap:wrap; flex-direction:row; } .example-link-button\:Pj2GVmRkL_5j3aK3cJHyz { flex-direction:row; } .example-link-button\:_xu0GGO1gqz5heipKTMKh { width:var(--interactive-height-md); } .example-link-button\:kza1QeTLyy3Z1j0CXb5wN { flex-wrap:wrap; flex-direction:row; } .cXNHAi { top:0px; left:0px; right:0px; bottom:0px; opacity:0; z-index:var(--side-menu-backdrop); position:fixed; transform:translateZ(0); transition:var(--transition-out); will-change:transform,opacity; pointer-events:none; background-color:var(--overlay-inverted-a7, #00000080); } .cXNHAi.shown { opacity:1; transition:var(--transition-in); pointer-events:all; backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px);; } .test\:FZO-ufeiQje5QSzWS6H7A { z-index:150; } .cgGrpZ { height:var(--height); position:fixed; align-items:start; pointer-events:none; justify-content:start; } .toast-provider\:3HNY67eQbyTMKV7wPLZZf { width:100%; display:flex; position:relative; max-width:360px; transition:height 150ms ease 0ms normal; flex-direction:column; } .bHYIqa { top:var(--top); width:100%; position:absolute; pointer-events:all; } .bHYIqa.swipe-out-top { translate:0 -100%; } .bHYIqa.swipe-out-right { translate:100% 0px; } .bHYIqa.swipe-out-bottom { translate:0 100%; } .bHYIqa.swipe-out-left { translate:-100% 0px; } .toast\:root { gap:0.75rem; color:var(--neutral-11, #B5B2BC); width:100%; opacity:0; translate:0 16px; padding-top:1rem; border-color:var(--neutral-6, #3C393F); border-style:solid; border-width:1px; padding-left:1rem; border-radius:var(--rounding-lg); padding-right:1rem; padding-bottom:1rem; background-color:var(--neutral-0, #0b0a0b); } .toast\:root.open { opacity:1; translate:0 0px; transition:translate 250ms ease 0ms normal, top 150ms ease 0ms normal; } .toast\:root.closing { opacity:0; translate:0 -16px; } .toast\:root.open-transition { transition:all 250ms ease 0ms normal; } .toast\:root.close-transition { transition:all 150ms ease 0ms normal; } .toast\:root.success { color:var(--success-11, #0BD8B6); border-color:var(--success-6, #145750); border-style:solid; border-width:1px; background-color:var(--success-2, #111C1B); } .toast\:root.warning { color:var(--warning-11, #FFCA16); border-color:var(--warning-6, #5C3D05); border-style:solid; border-width:1px; background-color:var(--warning-2, #1D180F); } .toast\:root.critical { color:var(--critical-11, #FF949D); border-color:var(--critical-6, #6F2539); border-style:solid; border-width:1px; background-color:var(--critical-2, #1E1517); } .rKRcu { gap:0.5rem; flex-direction:row; } .toast\:FW2tKddjmqBb2S_WPmtMS { color:inherit; } .toast\:gYVdDIDxaBXSrlkux9YPE { flex:1; color:inherit; } .toast\:qAcThqFGvMbu5lzhtPxSk { width:var(--text-lg); height:var(--text-lg); padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; background-color:transparent; } .toast\:qAcThqFGvMbu5lzhtPxSk:hover { background-color:transparent; } .toast\:qAcThqFGvMbu5lzhtPxSk:active { background-color:transparent; } .ezeRiZ { width:var(--width); height:var(--height); position:fixed; align-items:start; pointer-events:none; justify-content:start; } .toast-provider\:jTe6cSAqqTerlGKuSJFnv { align-items:end; padding-top:1.25rem; padding-left:1.25rem; padding-right:1.25rem; padding-bottom:1.25rem; justify-content:start; } @media (max-width: 1024px) { .toast-provider\:jTe6cSAqqTerlGKuSJFnv { align-items:center; justify-content:start; } } .fWMls { gap:4rem; width:100%; max-width:800px; padding-top:3rem; padding-left:1rem; padding-right:1rem; padding-bottom:3rem; } .dMStDt { color:var(--neutral-11, #B0B4BA); font-size:var(--font-size); font-family:'DM Sans'; font-weight:inherit; line-height:var(--line-height); padding-top:0.125rem; white-space:normal; padding-left:0.5rem; letter-spacing:var(--letter-spacing); padding-bottom:0.125rem; border-left-color:var(--color-border, #3A4F97); border-left-style:solid; border-left-width:3px; } .dMStDt.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .dMStDt.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .example-texts\:8yai9I0Q96HsuslFjIVvl { width:100%; margin-top:1rem; } .eFHLeC { color:var(--color, #9EB1FF); width:fit-content; font-size:var(--font-size); font-family:'DM Mono'; font-weight:inherit; line-height:var(--line-height); white-space:normal; border-color:var(--color-border, #304384); border-style:solid; border-width:var(--border-md); padding-left:0.25rem; border-radius:var(--rounding-sm); padding-right:0.25rem; letter-spacing:var(--letter-spacing); background-color:var(--color-bg, #141726); } .eFHLeC.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .eFHLeC.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .example-texts\:E2aJqbB3EpRans3WpkjMV { width:100%; } .example-texts\:ROzxUrpgRK9ZMmvHVbLNQ { gap:0.5rem; } .example-texts\:aLaQEFmM4Uq_PIB11BSHU { width:100%; } .example-texts\:fRZaHFFlEQrGAm7cEglF0 { width:100%; } .cwBSLY { color:var(--neutral-11, #B0B4BA); font-size:var(--font-size); font-style:italic; margin-top:var(--margin-top); font-family:'DM Sans'; font-weight:inherit; line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .cwBSLY.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .cwBSLY.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .example-headings\:0594MDcMvrsnktY4TUhIH { flex-direction:column; } .example-headings\:ROzxUrpgRK9ZMmvHVbLNQ { flex-direction:column; } .bzbaKZ { width:var(--width); align-items:center; margin-left:var(--side-menu-width); justify-content:start; } @media (max-width: 1024px) { .bzbaKZ { width:100%; margin-left:0px; padding-top:var(--header-height); } } .fxmUBB { width:var(--side-menu-width); height:100dvh; z-index:var(--side-menu); position:fixed; transition:all 300ms ease 0ms normal; background-color:var(--neutral-0, #030303); border-right-color:var(--neutral-4, #E8E8EC); border-right-style:solid; border-right-width:1px; } .fxmUBB.mobile-closed { width:85vw; display:flex; translate:-100%; transition:var(--transition-in); flex-direction:column; } .fxmUBB.mobile-open { width:85vw; display:flex; translate:0; transition:var(--transition-out); flex-direction:column; } .ejzAXT { gap:0.5rem; align-items:start; padding-top:0.5rem; padding-left:1.25rem; padding-right:1.25rem; padding-bottom:1.25rem; justify-content:center; } @media (max-width: 1024px) { .ejzAXT { padding-bottom:2rem; } } .side-menu\:Cz2ThY-Vq3BiMxkKSMwe9 { flex:1; min-height:100px; } .egBLPw { gap:0.25rem; width:100%; flex-direction:column; } .side-menu-button\:root { width:100%; height:auto; align-items:center; padding-top:0.5rem; padding-left:0.5rem; border-radius:var(--rounding-sm); padding-right:0.5rem; flex-direction:row; padding-bottom:0.5rem; justify-content:start; background-color:transparent; } .side-menu-secondary-actions\:CNG1IcSzYT8By_785IRq3 { flex:1; } .tjmSf { gap:0.5rem; flex:1; display:flex; align-items:start; flex-direction:row; justify-content:start; } .vnUQG { height:var(--line-height-md); display:flex; align-items:start; flex-direction:column; justify-content:center; } .item\:CaDNYz-rzbD0uQPPu5N5j { flex:1; color:inherit; display:inline-block; text-align:left; font-weight:var(--normal); } .flNnEM { color:var(--neutral-12, #EDEEF0); width:var(--icon-indicator-size-md); height:var(--icon-indicator-size-md); display:flex; font-size:var(--text-sm); align-items:center; font-family:'DM Sans'; font-weight:var(--medium); border-radius:var(--rounding-sm); flex-direction:column; justify-content:center; background-color:var(--bg-color, #2E3135); } .sOdjX { width:var(--icon-indicator-size-md); height:var(--icon-indicator-size-md); display:flex; font-size:inherit; align-items:center; font-family:inherit; font-weight:inherit; border-radius:var(--rounding-sm); flex-direction:column; justify-content:center; } .zOWjh { color:var(--neutral-12, #EDEEF0); width:90%; height:90%; font-size:inherit; text-align:left; font-family:inherit; font-weight:inherit; } .side-menu-secondary-actions\:smJmzIYpeVuCf3xCZ1Uus { flex:1; } .dkmmZu { gap:0.5rem; flex:1; padding-left:1.25rem; padding-right:1.25rem; padding-bottom:0.5rem; } .bEiUTU { gap:0.625rem; color:var(--neutral-11, #B0B4BA); width:100%; overflow:hidden; flex-wrap:wrap; font-size:var(--text-md); transition:all 200ms ease normal normal; align-items:start; font-family:'DM Sans'; font-weight:var(--normal); padding-top:0.5rem; white-space:nowrap; padding-left:0.5rem; border-radius:var(--rounding-sm); padding-right:0.5rem; text-overflow:ellipsis; flex-direction:row; padding-bottom:0.5rem; justify-content:start; } .bEiUTU:hover { background-color:var(--neutral-2, #18191B); } .bEiUTU:focus-visible { outline-color:var(--brand-8, #8DA4EF); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .bEiUTU:active { transition:none; background-color:var(--neutral-4, #272A2D); } .bEiUTU.selected { color:var(--neutral-12, #EDEEF0); background-color:var(--neutral-4, #272A2D); } .emrFNN { gap:0.25rem; } .ehogFk { top:0px; z-index:var(--side-menu-group-header); position:sticky; align-items:center; padding-top:1rem; flex-direction:row; padding-bottom:0.25rem; justify-content:space-between; background-color:var(--neutral-0, #030303); } .side-menu-group\:qNMCopcLP6Ly6SPkoacgm { color:var(--neutral-12, #EDEEF0); font-weight:var(--semi); padding-left:0rem; padding-right:0rem; } .side-menu-group\:wBS4XUUCuaq6h0_11CCzt { flex:1; } .side-menu-group\:yPMZ1MIk0m0Fe4BysNwtd { width:var(--interactive-height-sm); height:var(--interactive-height-sm); } .IJnCC { display:flex; padding-left:1.25rem; padding-right:1.25rem; flex-direction:column; } .cNcbpl { gap:0.5rem; align-items:start; padding-top:1.25rem; padding-left:1.25rem; padding-right:1.25rem; padding-bottom:0.5rem; justify-content:center; } .__dropdown-sheet-content\:-kosbx8cjzikhfJ9Ldas3 { border-color:var(--success-10, #33B074); border-style:solid; border-width:2px; } .__dropdown-sheet-content\:kuzZGX5kY4dX4A8TwrN1O { padding-left:0.5rem; } .popper-label\:SIX_JvBM2kXRpZ97T0MRv { color:var(--neutral-11, #B0B4BA); font-weight:var(--medium); } .__dropdown-sheet-content\:sOk4ejuQP7NfSgxxlfp4r { padding-left:0.5rem; } .side-menu-user-select\:C_I8dCLyT77kSidJFaHhJ { width:1rem; height:1rem; } .dllSRj { gap:0.5rem; flex:1; align-items:center; flex-direction:row; justify-content:start; } .side-menu-user-select\:WGHr67deZI_fT7N7-6I8r { flex:1; color:var(--neutral-12, #EDEEF0); display:inline-block; text-align:left; font-weight:var(--normal); } .side-menu-main-button\:root { width:100%; align-items:center; padding-left:0.5rem; padding-right:0.5rem; flex-direction:row; justify-content:space-between; } .side-menu-user-select\:ui8jaSEZ6wIqBVwLts1wy { border-radius:var(--rounding-sm); } .wHaHK { gap:0.5rem; width:100%; flex-direction:row; } .side-menu-main-actions\:J7uMKIAYmv34ZH73Ouykt { flex:1; color:var(--neutral-12, #EDEEF0); width:1rem; display:inline-block; text-align:left; font-weight:var(--normal); } .side-menu-main-actions\:RHCQHfKopnQcfXhnfOaUL { flex:1; } .ejrVcb { color:var(--neutral-12, #EDEEF0); width:var(--icon-indicator-size-md); height:var(--icon-indicator-size-md); display:flex; align-items:center; border-radius:var(--rounding-sm); flex-direction:column; justify-content:center; } .bzLJZD { color:inherit; width:100%; height:100%; font-size:inherit; font-family:inherit; font-weight:inherit; } .action-quick-add\:9RgHhQ6wx00UhdMZnlcQ6 { width:var(--interactive-height-md); align-items:center; justify-content:center; } .action-favorites\:5VtlH0aGuKZo5dTrt19xf { width:var(--interactive-height-md); align-items:center; justify-content:center; } .side-menu-main-actions\:lWfONJLNBkRcWZ2bZhZlu { width:1rem; height:1rem; } .test\:tad0KC-uvpVAgCJSui1fz { z-index:300; }