@layer base { body, :host { /* Color */ --neutral-0: #0b0a0b; --neutral-1: #121113; --neutral-2: #1A191B; --neutral-3: #232225; --neutral-4: #2B292D; --neutral-5: #323035; --neutral-6: #3C393F; --neutral-7: #49474E; --neutral-8: #625F69; --neutral-9: #6F6D78; --neutral-10: #7C7A85; --neutral-11: #B5B2BC; --neutral-12: #ffffff; --brand-1: #0d2426; --brand-2: #1f4142; --brand-3: #214d4e; --brand-4: #246061; --brand-5: #287979; --brand-6-pia: #349392; --brand-7: #4fb2b0; --brand-8: #7acec9; --brand-9: #ace3dd; --brand-10: #d6f1ef; --brand-11: #f3fafa; --success-1: #0D1514; --success-2: #111C1B; --success-3: #0D2D2A; --success-4: #023B37; --success-5: #084843; --success-6: #145750; --success-7: #1C6961; --success-8: #207E73; --success-9: #12A594; --success-10: #0EB39E; --success-11: #0BD8B6; --success-12: #ADF0DD; --warning-1: #16120C; --warning-2: #1D180F; --warning-3: #302008; --warning-4: #3F2700; --warning-5: #4D3000; --warning-6: #5C3D05; --warning-7: #714F19; --warning-8: #8F6424; --warning-9: #FFC53D; --warning-10: #FFD60A; --warning-11: #FFCA16; --warning-12: #FFE7B3; --critical-1: #191113; --critical-2: #1E1517; --critical-3: #3A141E; --critical-4: #4E1325; --critical-5: #5E1A2E; --critical-6: #6F2539; --critical-7: #883447; --critical-8: #B3445A; --critical-9: #E54666; --critical-10: #EC5A72; --critical-11: #FF949D; --critical-12: #FED2E1; --overlay-a1: #ffffff0d; --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; --scroll-bg: #525252; --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; /* Fonts */ --font-outfit: 'Outfit',sans-serif; --font-ptmono: 'PT Mono',monospace; --font-raleway: 'Raleway',sans-serif; /* 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-sm: 2px; --rounding-md: 4px; --rounding-lg: 8px; --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: 240px; --header-height: 4.5rem; --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; /* Z-index */ } @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; } } } .CCVLi { width:100%; min-height:100vh; align-items:start; justify-content:start; background-color:var(--neutral-1, #121113); } .gjhJb { display:none; } @media (max-width: 1024px) { .gjhJb { width:100%; height:var(--header-height); display:flex; position:fixed; align-items:center; margin-left:0px; padding-left:1rem; padding-right:1rem; flex-direction:row; justify-content:space-between; background-color:var(--neutral-1, #121113); border-bottom-color:var(--neutral-5, #323035); border-bottom-style:solid; border-bottom-width:var(--border-md); } } .bfzmzg { align-items:center; flex-direction:row; justify-content:start; } .bujhXV { gap:1.5rem; align-items:center; flex-direction:row; justify-content:start; } @media (max-width: 1024px) { .bujhXV { gap:0.5rem; } } .bWpTnd { width:fit-content; height:auto; } .so-button-tertiary\:root { gap:0.5rem; color:var(--neutral-12, #EEEEF0); 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:'Outfit'; 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(--overlay-a1, #ffffff0d); -webkit-user-select:none; -webkit-tap-highlight-color:transparent; } .so-button-tertiary\:root:hover { background-color:var(--overlay-a2, #ffffff1a); } .so-button-tertiary\:root:active { transition:none; background-color:var(--overlay-a3, #ffffff26); } .so-button-tertiary\:root:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .so-button-tertiary\:root.trigger-open { background-color:var(--overlay-a3, #ffffff26); } .so-button-tertiary\:root.disabled { opacity:0.5; background-color:var(--overlay-a1, #ffffff0d); } .mobile-header\:Su2iGN6oaYrlcRHdn_j6Q { width:var(--interactive-height-sm); height:var(--interactive-height-sm); } .eTkKzJ { color:inherit; width:1.25rem; height:1.25rem; font-size:inherit; font-family:inherit; font-weight:inherit; } .eZLEgM { width:var(--width); height:var(--height); } .doc\:-GBBwddXwv_7uZEY5PM0y { z-index:100; } .bgGITa { width:var(--side-menu-width); height:100dvh; z-index:var(--navigation-menu); position:fixed; transition:all 300ms ease 0ms normal; background-color:var(--neutral-1, #121113); border-right-color:var(--neutral-4, #E8E8EC); border-right-style:solid; border-right-width:1px; } @media (max-width: 1024px) { .bgGITa { width:280px; display:flex; max-width:90vw; translate:-100%; flex-direction:column; } } @media (max-width: 1024px) { .bgGITa.open { display:flex; translate:0; transition:var(--transition-in); flex-direction:column; } } .bgGITa.open { transition:all 320ms ease 0ms normal; } .doWZSZ { top:0px; left:0px; width:20px; bottom:0px; position:absolute; } .emrFNN { gap:0.25rem; } .bCrsFu { overflow-y:auto; touch-action:auto; } .navigation-menu\:AnfCDhaA7kGBpaZ7Yi1aT { flex:1; padding-top:0.5rem; padding-bottom:1.5rem; } .UgCri { color:var(--neutral-11, #B5B2BC); display:inline-block; font-size:var(--font-size); margin-top:var(--margin-top); font-family:'Outfit'; font-weight:inherit; line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .UgCri.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .UgCri.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .navigation-menu\:KBqxZvJCPj_5AjnT5zllJ { color:var(--neutral-12, #EEEEF0); font-weight:var(--semi); padding-left:0.75rem; padding-right:0.75rem; } .fePXaX { height:var(--header-height); align-items:start; padding-left:1rem; padding-right:1rem; justify-content:center; } .dkIEFu { gap:1.5rem; overflow-y:auto; padding-top:0.5rem; padding-left:0.25rem; padding-right:0.25rem; padding-bottom:0.5rem; } .bFtwKY { width:100%; height:1px; background-color:var(--grey-600, #525252); } .bFtwKY.orientation-vertical { width:1px; height:100%; } .so-separator\:root { background-color:var(--neutral-5, #323035); } .bPMOrW { display:flex; padding-left:0.75rem; padding-right:0.75rem; flex-direction:column; } .dkgdEw { gap:0.625rem; color:var(--neutral-11, #60646C); overflow:hidden; flex-wrap:wrap; font-size:var(--text-md); transition:all 200ms ease normal normal; align-items:center; font-family:'Outfit'; font-weight:var(--medium); padding-top:0.5rem; white-space:nowrap; padding-left:0.75rem; border-radius:var(--rounding-sm); padding-right:0.75rem; text-overflow:ellipsis; flex-direction:row; padding-bottom:0.5rem; justify-content:start; } .dkgdEw:hover { background-color:var(--neutral-2, #F9F9FB); } .dkgdEw:focus-visible { outline-color:var(--brand-8, #8DA4EF); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .dkgdEw:active { transition:none; background-color:var(--neutral-4, #E8E8EC); } .doc\:4AnHZgG7hHOlKGeRgnKOJ { z-index:300; } .gpuoF { gap:3rem; } .eGcxWa { color:var(--neutral-11); font-size:var(--font-size); margin-top:var(--margin-top); font-family:'Outfit'; font-weight:var(--bold); line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .eGcxWa.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .eGcxWa.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .ccbGtx { color:var(--color); cursor:pointer; display:inline-block; font-size:var(--font-size); margin-top:var(--margin-top); transition:color 300ms ease 0ms normal; font-family:'Outfit'; 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); } .ccbGtx:hover { color:var(--color-hovered); text-decoration-color:var(--color-underline-hovered); } .ccbGtx:active { color:var(--color-active); transition:none; } .ccbGtx:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .dhGxig { color:var(--neutral-11, #B5B2BC); width:100%; font-size:var(--font-size); margin-top:var(--margin-top); font-family:'Outfit'; font-weight:var(--semi); line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .dhGxig.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .dhGxig.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); } .dRnUbV { color:var(--neutral-11, #B5B2BC); font-size:var(--font-size); margin-top:var(--margin-top); font-family:'Outfit'; font-weight:inherit; line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .dRnUbV.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .dRnUbV.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; } .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); } } .fWMls { gap:4rem; width:100%; max-width:800px; padding-top:3rem; padding-left:1rem; padding-right:1rem; padding-bottom:3rem; } .cgGrpZ { height:var(--height); position:fixed; align-items:start; pointer-events:none; justify-content:start; } .so-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; } .so-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); } .so-toast\:root.open { opacity:1; translate:0 0px; transition:translate 250ms ease 0ms normal, top 150ms ease 0ms normal; } .so-toast\:root.closing { opacity:0; translate:0 -16px; } .so-toast\:root.open-transition { transition:all 250ms ease 0ms normal; } .so-toast\:root.close-transition { transition:all 150ms ease 0ms normal; } .so-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); } .so-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); } .so-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; } .so-toast\:FW2tKddjmqBb2S_WPmtMS { color:inherit; } .so-toast\:gYVdDIDxaBXSrlkux9YPE { flex:1; color:inherit; } .so-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; } .so-toast\:qAcThqFGvMbu5lzhtPxSk:hover { background-color:transparent; } .so-toast\:qAcThqFGvMbu5lzhtPxSk:active { background-color:transparent; } .ezeRiZ { width:var(--width); height:var(--height); position:fixed; align-items:start; pointer-events:none; justify-content:start; } .so-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) { .so-toast-provider\:jTe6cSAqqTerlGKuSJFnv { align-items:center; justify-content:start; } } .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%; } .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:'Outfit'; 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; } .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:'Outfit'; 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; } .bjimQW { gap:0.125rem; align-items:center; padding-left:0.5rem; flex-direction:row; justify-content:start; } .eCZsLN { color:var(--neutral-9, #6F6D78); width:0.75rem; height:0.75rem; } .menu-item-shortcut\:da0isZECMw2nPVNetqsW7 { color:var(--neutral-9, #6F6D78); } .menu-item-shortcut\:hYeSqaU23-tX-qUiIlZCq { color:var(--neutral-9, #6F6D78); } .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:'Outfit'; 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; } .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%; } .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; } .so-button-primary\:root { gap:0.25rem; color:var(--neutral-12, #EEEEF0); width:fit-content; cursor:pointer; 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:'Raleway'; font-weight:var(--semi); padding-top:10px; user-select:none; padding-left:18px; border-radius:44px; outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); padding-right:18px; flex-direction:row; outline-offset:var(--border-md); padding-bottom:10px; -ms-user-select:none; justify-content:center; -moz-user-select:none; background-color:var(--brand-6-pia, #349392); -webkit-user-select:none; -webkit-tap-highlight-color:transparent; } .so-button-primary\:root:hover { background-color:var(--brand-4, #246061); } .so-button-primary\:root:active { transition:none; background-color:var(--brand-3, #214d4e); } .so-button-primary\:root:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .so-button-primary\:root.disabled { color:#FFFFFF; opacity:0.5; background-color:#C3C3C3; } .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%; } .MCOJk { 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(--brand-9, #ace3dd); } .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; } .so-button-secondary\:root { gap:0.5rem; color:var(--neutral-12, #EEEEF0); width:100%; 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:'Outfit'; font-weight:var(--semi); user-select:none; border-color:var(--neutral-6, #3C393F); 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:column; 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; -webkit-tap-highlight-color:transparent; } .so-button-secondary\:root:hover { background-color:#1a191b2e; } .so-button-secondary\:root:active { transition:none; background-color:#2b292d33; } .so-button-secondary\:root:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .so-button-secondary\:root.trigger-open { background-color:#1a191b36; } .so-button-secondary\:root.disabled { opacity:0.5; background-color:var(--neutral-0, #0b0a0b); } .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); } .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn { color:var(--neutral-1, #121113); scale:0.5; width:max-content; opacity:0; 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, #EEEEF0); } .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.open { scale:1; opacity:1; translate:0 0px; } .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.top-in { translate:0 -12px; } .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.top-out { scale:1; } .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.bottom-in { translate:0 12px; } .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.bottom-out { scale:1; } .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.open-transition { transition:all 200ms ease 0ms normal; } .so-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; } .jIPxk { color:inherit; font-size:var(--text-md); font-family:'Outfit'; font-weight:var(--medium); } .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-8, #625F69); } .so-switch\:9xDvC7hc90wM-Hy4nsyON.checked { translate:var(--translate-x-checked); background-color:var(--neutral-12, #EEEEF0); } .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(--brand-9, #ace3dd); } .so-switch\:HRWuuVySKRYgSHU-G8N6w:hover { background-color:var(--brand-5, #287979); } .so-switch\:HRWuuVySKRYgSHU-G8N6w.checked { background-color:var(--brand-6-pia, #349392); } .so-switch\:HRWuuVySKRYgSHU-G8N6w.checked:hover { background-color:var(--brand-6-pia, #349392); } .so-switch\:HRWuuVySKRYgSHU-G8N6w:focus-visible { outline-color:var(--brand-4, #246061); 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; } .bqEhEv { color:var(--neutral-11, #B5B2BC); display:table-cell; text-align:left; font-family:'Outfit'; padding-top:0.75rem; padding-left:0.75rem; padding-right:0.75rem; padding-bottom:0.75rem; } .dqJUqD { color:var(--neutral-12, #EEEEF0); display:table-cell; box-shadow:inset 0 -1px var(--neutral-7); text-align:left; font-family:'Outfit'; 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; } .so-dropdown-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:'Outfit'; 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-dropdown-item\:root:active { background-color:var(--brand-4, #33255B); } .so-dropdown-item\:root:focus { background-color:var(--brand-4, #33255B); } .so-dropdown-item\:root.open { background-color:var(--brand-4, #33255B); } .so-dropdown-item\:root.disabled { color:var(--neutral-9, #6F6D78); 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; } .so-dropdown-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-dropdown-content\:root.open { opacity:1; } .so-dropdown-content\:root.open-transition { transition:opacity 200ms ease 0ms normal; } .so-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:'Outfit'; 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-dropdown-checkbox\:root:active { background-color:var(--brand-4, #33255B); } .so-dropdown-checkbox\:root:focus { background-color:var(--brand-4, #33255B); } .so-dropdown-checkbox\:root.disabled { color:var(--neutral-9, #6F6D78); background-color:transparent; } .so-dropdown-checkbox\:ubPaQwp4EEnntv2diOqO- { width:1rem; height:1rem; } .example-dropdown\:ltVYX6wypOma5ooq-ot27 { font-weight:var(--medium); padding-left:2.25rem; } .so-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:'Outfit'; 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-dropdown-radio-group-item\:root:active { background-color:var(--brand-4, #33255B); } .so-dropdown-radio-group-item\:root:focus { background-color:var(--brand-4, #33255B); } .so-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; } .so-dialog-content\:root { width:100%; opacity:0; max-width:460px; translate:0 20px; 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; padding-bottom:1rem; background-color:var(--neutral-0, #0b0a0b); } .so-dialog-content\:root.open { opacity:1; translate:0 0px; } .so-dialog-content\:root.open-transition { transition:all 320ms ease 0ms normal; } .so-dialog-content\:root.close-transition { transition:all 200ms cubic-bezier(0.58, 0.29, 0.25, 1) 0ms normal; } .byjkOA { top:0px; left:0px; right:0px; bottom:0px; z-index:-1; position:absolute; } .so-dialog\:eNkkt0ycS1aLMPhWOtJUV { opacity:0; background-color:var(--overlay-inverted-a9, #000000b3); } .so-dialog\:eNkkt0ycS1aLMPhWOtJUV.open { opacity:1; } .so-dialog\:eNkkt0ycS1aLMPhWOtJUV.open-transition { transition:opacity 300ms ease 0ms normal; } .so-dialog\:eNkkt0ycS1aLMPhWOtJUV.close-transition { transition:opacity 300ms ease 0ms normal; } .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; } .so-dialog\:o_AGx_fXR28AhYGxOsWS1 { padding-top:1rem; padding-left:1rem; padding-right:1rem; padding-bottom:1rem; } .eOiZTW { gap:1rem; width:100%; flex-direction:row; padding-bottom:1rem; } .so-dialog-close-button\:VHhEM1I8jUMvJEGErDJO8 { width:var(--line-height-2xl); height:var(--line-height-2xl); background-color:var(--brand-6-pia, #349392); } .so-dialog-header\:Gt7CRKGT44XdzlQBFqL95 { background-color:var(--brand-6-pia, #349392); } .so-dialog-title\:root { flex:1; color:var(--neutral-12, #EEEEF0); } .so-dialog-button-secondary\:root { flex:1; } .so-dialog-button-secondary\:fSBlcwan633vaXBgN1br1 { flex:1; width:fit-content; background-color:#7c7a8521; } .example-dialog\:uQJDnKBYjq421NWOBcCH_ { flex:1; } .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:'Outfit'; 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:'Outfit'; 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:'Outfit'; 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; } .so-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, #0b0a0b); 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; } .so-bottom-sheet-content\:root.open { translate:0 0px; transition:translate 200ms ease 0ms normal; } .so-bottom-sheet-content\:root.open-transition { transition:all 320ms ease 0ms normal; } .so-bottom-sheet-content\:root.close-transition { transition:all 200ms cubic-bezier(0.58, 0.29, 0.25, 1) 0ms normal; } .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); } .so-bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC { opacity:0; background-color:var(--overlay-inverted-a9, #000000b3); } .so-bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC.open { opacity:1; } .so-bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC.open-transition { transition:opacity 300ms ease 0ms normal; } .so-bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC.close-transition { transition:opacity 300ms ease 0ms normal; } .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:'Outfit'; 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; } .fwwGxV { gap:0.25rem; color:var(--color); width:fit-content; height:var(--height); display:flex; font-size:var(--font-size); align-items:center; font-family:'Outfit'; 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; } .ebmcwb { transition:translate 200ms ease 0ms normal; } .ebmcwb:hover { z-index:1; translate:0 -4px; } .cGvVgX { width:var(--size); height:var(--size); translate:var(--translate); margin-left:var(--margin-left); } .so-avatar\:-kWssftQUD5dG7_tYJA_M { color:var(--neutral-11, #B5B2BC); width:100%; height:100%; font-size:var(--text-sm); align-items:center; font-family:'Outfit'; font-weight:var(--medium); -ms-user-select:none; justify-content:center; -moz-user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; } .fdPeqB { aspect-ratio:1; } .so-avatar\:8oDE1GFsZrzlgcWEPZGvY { width:100%; height:100%; pointer-events:none; } .so-avatar\:gfOKIPevWUcei5hwOuANf { width:100%; height:100%; overflow-x:hidden; overflow-y:hidden; align-items:center; border-color:var(--neutral-7, #49474E); border-style:solid; border-width:var(--border-lg); border-radius:var(--rounding-full); justify-content:center; background-color:var(--neutral-3, #232225); } .eQgaZy { gap:0.5rem; width:100%; height:var(--interactive-height-md); display:flex; transition:background-color 200ms ease 0ms normal; align-items:center; border-color:var(--neutral-7, #49474E); border-style:solid; border-width:1px; padding-left:0.75rem; border-radius:var(--rounding-md); padding-right:0.75rem; flex-direction:row; justify-content:start; background-color:var(--neutral-0, #0b0a0b); } .eQgaZy:hover { background-color:var(--neutral-1, #121113); } .eQgaZy.focused { border-color:var(--brand-10, #8a75dd); border-style:solid; border-width:var(--border-md); outline-color:var(--brand-6, #473876); outline-style:solid; outline-width:var(--border-lg); background-color:var(--neutral-0, #0b0a0b); } .cJVvyT { flex:1; color:var(--neutral-12, #EEEEF0); width:100%; height:100%; display:flex; font-size:var(--text-md); font-family:'Outfit'; font-weight:var(--normal); flex-direction:column; } .cJVvyT::placeholder { color:var(--neutral-9, #6F6D78); font-size:var(--text-md); font-family:'Outfit'; font-weight:var(--normal); } .so-field-info\:root { width:100%; } .so-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; } .so-field-info\:x_vC1I1wKvYVtKKmD9dOe { color:var(--neutral-10, #7C7A85); width:100%; margin-top:0.5rem; } .dPslFr { color:var(--neutral-11, #B5B2BC); width:100%; font-size:var(--text-sm); font-family:'Outfit'; font-weight:var(--medium); line-height:var(--text-sm); padding-bottom:0.5rem; } .dnSmfd { flex:1; color:var(--neutral-12, #EEEEF0); width:100%; height:100%; font-size:var(--text-md); font-family:'Outfit'; font-weight:var(--normal); } .dnSmfd::placeholder { color:var(--neutral-9, #6F6D78); font-size:var(--text-md); font-family:'Outfit'; 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%; } } .so-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; } .flUuuk { color:var(--neutral-12, #EEEEF0); font-size:var(--text-md); font-family:'Outfit'; line-height:var(--line-height-md); padding-top:0.5rem; padding-bottom:0.5rem; } .gYuIW { color:var(--neutral-11, #B5B2BC); display:flex; font-size:var(--text-md); min-width:var(--min-width); font-family:'Outfit'; 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; } .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:'Outfit'; 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); } .so-alert-dialog-content\:root { width:100%; opacity:0; max-width:460px; translate:0 20px; 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; padding-bottom:1rem; background-color:var(--neutral-0, #0b0a0b); } .so-alert-dialog-content\:root.open { opacity:1; translate:0 0px; } .so-alert-dialog-content\:root.open-transition { transition:all 320ms ease 0ms normal; } .so-alert-dialog-content\:root.close-transition { transition:all 200ms ease 0ms normal; } .so-alert-dialog\:1t53tZAvghsv3kYzBxrQN { padding-top:1rem; padding-left:1rem; padding-right:1rem; padding-bottom:1rem; } .so-alert-dialog\:HGRKw2lYh94-IUtMj-2k5 { opacity:0; background-color:var(--overlay-inverted-a9, #000000b3); } .so-alert-dialog\:HGRKw2lYh94-IUtMj-2k5.open { opacity:1; } .so-alert-dialog\:HGRKw2lYh94-IUtMj-2k5.open-transition { transition:opacity 300ms ease 0ms normal; } .so-alert-dialog\:HGRKw2lYh94-IUtMj-2k5.close-transition { transition:opacity 300ms ease 0ms normal; } .so-tabs\:root { gap:0.75rem; width:100%; } .bqlEYS { top:0px; left:0px; width:var(--width); height:var(--height); display:flex; position:absolute; translate:var(--translate-x) var(--translate-y); flex-direction:column; pointer-events:none; } .bqlEYS.hidden { transition:none; } .so-tabs\:JpeIgyzowDbYOhsdse6Ct { top:100%; height:7px; transition:translate 200ms ease 0ms normal, width 200ms ease 0ms normal; border-bottom-color:var(--brand-9, #755ed1); border-bottom-style:solid; border-bottom-width:var(--border-lg); } .cxJHK { flex-direction:row; } .cxJHK.orientation-vertical { flex-direction:column; } .so-tabs\:fuK3wvU95IoKasUkShFDI { gap:0.5rem; } .VJAUL.hidden { display: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); } .so-tabs-trigger-button\:dgiZfBc-wI0wfnmpqdQrx { gap:0.5rem; color:var(--neutral-12, #EEEEF0); width:fit-content; cursor:default; 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:'Outfit'; 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:transparent; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; } .so-tabs-trigger-button\:dgiZfBc-wI0wfnmpqdQrx:hover { background-color:var(--overlay-a2, #ffffff1a); } .so-tabs-trigger-button\:dgiZfBc-wI0wfnmpqdQrx:active { transition:none; background-color:var(--overlay-a3, #ffffff26); } .so-tabs-trigger-button\:dgiZfBc-wI0wfnmpqdQrx:focus-visible { background-color:var(--brand-4, #33255B); } .so-tabs-trigger-button\:dgiZfBc-wI0wfnmpqdQrx.trigger-open { color:var(--brand-11, #BAA7FF); } .so-tabs-trigger-button\:dgiZfBc-wI0wfnmpqdQrx.disabled { opacity:0.5; background-color:var(--overlay-a1, #ffffff0d); } .dgtCfx { 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:'Outfit'; 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; } .dgtCfx:hover { background-color:var(--brand-9, #755ed1); text-decoration-color:var(--color-underline-hovered); } .dgtCfx:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .dgtCfx.pressed { transition:none; background-color:var(--brand-11, #BAA7FF); } .dgtCfx.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; } .dDEgqM { top:0px; left:0px; right:0px; bottom:0px; opacity:0; position:fixed; transition:opacity 300ms ease 0ms normal; pointer-events:none; background-color:var(--overlay-inverted-a9, #000000b3); } .dDEgqM.open { opacity:1; transition:opacity 300ms ease 0ms normal; pointer-events:all; } .doc\:nvJV4BBzGsG-84MTjxf-C { z-index:150; } .ckXlnw { color:var(--neutral-11, #B5B2BC); font-size:var(--font-size); font-family:'Outfit'; 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); border-left-style:solid; border-left-width:3px; } .ckXlnw.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .ckXlnw.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .example-texts\:8yai9I0Q96HsuslFjIVvl { width:100%; margin-top:1rem; } .eiDUpd { color:var(--color, inherit); width:fit-content; font-size:var(--font-size); font-family:'PT Mono'; font-weight:inherit; line-height:var(--line-height); white-space:normal; border-color:var(--color-border); 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); } .eiDUpd.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .eiDUpd.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%; } .cVDyAr { color:var(--neutral-11, #B5B2BC); width:fit-content; height:var(--line-height); display:inline-flex; font-size:var(--font-size); align-items:start; font-family:'Outfit'; 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, #0b0a0b); border-top-width:1px; border-left-width:1px; border-right-width:1px; border-bottom-width:3px; } .DlNSp { color:var(--neutral-11); font-size:var(--font-size); font-style:italic; margin-top:var(--margin-top); font-family:'Outfit'; font-weight:inherit; line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .DlNSp.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .DlNSp.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; }