/* src/styling/src/styled-system/pseudos/background.css */ .o-ui-bg-hover:hover { --o-ui-bg-hover: initial; background-color: var(--o-ui-bg-hover) !important; } .o-ui-bg-focus:focus-visible { --o-ui-bg-focus: initial; background-color: var(--o-ui-bg-focus) !important; } .o-ui-bg-active:active { --o-ui-bg-active: initial; background-color: var(--o-ui-bg-active) !important; } /* src/styling/src/styled-system/pseudos/border.css */ .o-ui-b-hover:hover { --o-ui-b-hover: initial; border: var(--o-ui-b-hover) !important; } .o-ui-bb-hover:hover { --o-ui-bb-hover: initial; border-bottom: var(--o-ui-bb-hover) !important; } .o-ui-bl-hover:hover { --o-ui-bl-hover: initial; border-left: var(--o-ui-bl-hover) !important; } .o-ui-br-hover:hover { --o-ui-br-hover: initial; border-right: var(--o-ui-br-hover) !important; } .o-ui-bt-hover:hover { --o-ui-bt-hover: initial; border-top: var(--o-ui-bt-hover) !important; } .o-ui-b-focus:focus-visible { --o-ui-b-focus: initial; border: var(--o-ui-b-focus) !important; } .o-ui-bb-focus:focus-visible { --o-ui-bb-focus: initial; border-bottom: var(--o-ui-bb-focus) !important; } .o-ui-bl-focus:focus-visible { --o-ui-bl-focus: initial; border-left: var(--o-ui-bl-focus) !important; } .o-ui-br-focus:focus-visible { --o-ui-br-focus: initial; border-right: var(--o-ui-br-focus) !important; } .o-ui-bt-focus:focus-visible { --o-ui-bt-focus: initial; border-top: var(--o-ui-bt-focus) !important; } .o-ui-b-active:active { --o-ui-b-active: initial; border: var(--o-ui-b-active) !important; } .o-ui-bb-active:active { --o-ui-bb-active: initial; border-bottom: var(--o-ui-bb-active) !important; } .o-ui-bl-active:active { --o-ui-bl-active: initial; border-left: var(--o-ui-bl-active) !important; } .o-ui-br-active:active { --o-ui-br-active: initial; border-right: var(--o-ui-br-active) !important; } .o-ui-bt-active:active { --o-ui-bt-active: initial; border-top: var(--o-ui-bt-active) !important; } /* src/styling/src/styled-system/pseudos/box-shadow.css */ .o-ui-bs-hover:hover { --o-ui-bs-hover: initial; box-shadow: var(--o-ui-bs-hover) !important; } .o-ui-bs-focus:focus-visible { --o-ui-bs-focus: initial; box-shadow: var(--o-ui-bs-focus) !important; } .o-ui-bs-active:active { --o-ui-bs-active: initial; box-shadow: var(--o-ui-bs-active) !important; } /* src/styling/src/styled-system/pseudos/color.css */ .o-ui-c-hover:hover { --o-ui-c-hover: initial; color: var(--o-ui-c-hover) !important; } .o-ui-c-focus:focus-visible { --o-ui-c-focus: initial; color: var(--o-ui-c-focus) !important; } .o-ui-c-active:active { --o-ui-c-active: initial; color: var(--o-ui-c-active) !important; } /* src/styling/src/styled-system/pseudos/cursor.css */ .o-ui-cs-hover:hover { --o-ui-cs-hover: initial; cursor: var(--o-ui-cs-hover) !important; } /* src/styling/src/styled-system/pseudos/fill.css */ .o-ui-f-hover:hover { --o-ui-f-hover: initial; fill: var(--o-ui-f-hover) !important; } .o-ui-f-focus:focus-visible { --o-ui-f-focus: initial; fill: var(--o-ui-f-focus) !important; } /* src/styling/src/styled-system/pseudos/opacity.css */ .o-ui-o-hover:hover { --o-ui-o-hover: initial; opacity: var(--o-ui-o-hover) !important; } .o-ui-o-focus:focus-visible { --o-ui-o-focus: initial; opacity: var(--o-ui-o-focus) !important; } .o-ui-o-active:active { --o-ui-o-active: initial; opacity: var(--o-ui-o-active) !important; } /* src/styling/src/styled-system/pseudos/outline.css */ .o-ui-ol-focus:focus-visible { --o-ui-ol-focus: initial; color: var(--o-ui-ol-focus) !important; } /* src/styling/src/styled-system/pseudos/index.css */ /* src/styling/src/styled-system/index.css */ /* src/styling/src/theming/sharegate-theme.css */ .o-ui.o-ui-orbiter { --o-ui-sp-1: .25rem; --o-ui-sp-2: .5rem; --o-ui-sp-3: .75rem; --o-ui-sp-4: 1rem; --o-ui-sp-5: 1.25rem; --o-ui-sp-6: 1.5rem; --o-ui-sp-7: 2rem; --o-ui-sp-8: 2.5rem; --o-ui-sp-9: 3rem; --o-ui-sp-10: 3.5rem; --o-ui-sp-11: 4rem; --o-ui-sp-12: 4.5rem; --o-ui-sp-13: 5rem; --o-ui-sz-1: .75rem; --o-ui-sz-2: 1rem; --o-ui-sz-3: 1.25rem; --o-ui-sz-4: 1.5rem; --o-ui-sz-5: 2rem; --o-ui-sz-6: 2.5rem; --o-ui-sz-7: 3rem; --o-ui-sz-8: 3.5rem; --o-ui-sz-9: 4rem; --o-ui-sz-10: 4.5rem; --o-ui-sz-11: 5rem; --o-ui-sz-12: 6rem; --o-ui-sz-13: 8rem; --o-ui-sz-14: 12rem; --o-ui-sz-15: 16rem; --o-ui-sz-16: 20rem; --o-ui-sz-17: 24rem; --o-ui-sz-18: 30rem; --o-ui-fs-1: .625rem; --o-ui-fs-2: .75rem; --o-ui-fs-3: .875rem; --o-ui-fs-4: 1rem; --o-ui-fs-5: 1.125rem; --o-ui-fs-6: 1.375rem; --o-ui-fs-7: 1.75rem; --o-ui-fs-8: 2rem; --o-ui-fs-9: 2.5rem; --o-ui-fs-10: 3.75rem; --o-ui-fs-11: 5rem; --o-ui-fw-1: 400; --o-ui-fw-2: 500; --o-ui-fw-3: 600; --o-ui-lh-1: 1; --o-ui-lh-2: 1.2; --o-ui-lh-3: 1.25; --o-ui-lh-4: 1.3333333; --o-ui-lh-5: 1.454595; --o-ui-lh-6: 1.5; --o-ui-br-1: .125rem; --o-ui-br-2: .25rem; --o-ui-br-3: .5rem; --o-ui-br-4: 1rem; --o-ui-br-pill: 999px; --o-ui-br-circular: 100%; --o-ui-bs-alias-lifted: var(--o-ui-bs-1); --o-ui-bs-alias-floating: var(--o-ui-bs-2); --o-ui-neutral-1: #F4F4F4; --o-ui-neutral-2: #E5E5E5; --o-ui-neutral-3: #C4C3C3; --o-ui-neutral-4: #ADACAC; --o-ui-neutral-5: #929292; --o-ui-neutral-6: #777676; --o-ui-neutral-7: #555454; --o-ui-neutral-8: #434342; --o-ui-neutral-9: #272626; --o-ui-neutral-10: #111010; --o-ui-green-1: #DBFBEA; --o-ui-green-2: #CBEEDB; --o-ui-green-3: #A5CDB8; --o-ui-green-4: #78BA9B; --o-ui-green-5: #27A57A; --o-ui-green-6: #268563; --o-ui-green-7: #2B5E48; --o-ui-green-8: #27493A; --o-ui-green-9: #1A2A23; --o-ui-green-10: #0C110E; --o-ui-orange-1: #FCF2E3; --o-ui-orange-2: #FEE2BB; --o-ui-orange-3: #FFB470; --o-ui-orange-4: #FF9048; --o-ui-orange-5: #FF5C00; --o-ui-orange-6: #C7521A; --o-ui-orange-7: #874020; --o-ui-orange-8: #66351E; --o-ui-orange-9: #392015; --o-ui-orange-10: #170E09; --o-ui-purple-1: #EEF3FD; --o-ui-purple-2: #DBE6FD; --o-ui-purple-3: #B6C2EF; --o-ui-purple-4: #95A9F5; --o-ui-purple-5: #7689FD; --o-ui-purple-6: #5D65F6; --o-ui-purple-7: #4B11FD; --o-ui-purple-8: #362AAE; --o-ui-purple-9: #1F2151; --o-ui-purple-10: #0D0F1F; --o-ui-success-1: #E3F8EC; --o-ui-success-2: #CEEDD7; --o-ui-success-3: #93D39B; --o-ui-success-4: #61C06D; --o-ui-success-5: #17A93C; --o-ui-success-6: #2D8739; --o-ui-success-7: #2E5F30; --o-ui-success-8: #284929; --o-ui-success-9: #1B2A1A; --o-ui-success-10: #0C110B; --o-ui-warning-1: #FCF3DF; --o-ui-warning-2: #FBE3B5; --o-ui-warning-3: #F6BA42; --o-ui-warning-4: #D7A541; --o-ui-warning-5: #B48C3F; --o-ui-warning-6: #907239; --o-ui-warning-7: #65522F; --o-ui-warning-8: #4E4027; --o-ui-warning-9: #2C2619; --o-ui-warning-10: #12100B; --o-ui-alert-1: #FBF1F1; --o-ui-alert-2: #FADFDF; --o-ui-alert-3: #FDB0AF; --o-ui-alert-4: #F88F8D; --o-ui-alert-5: #EB6A64; --o-ui-alert-6: #D93C37; --o-ui-alert-7: #A91414; --o-ui-alert-8: #811B15; --o-ui-alert-9: #461812; --o-ui-alert-10: #1D0B09; --o-ui-black: #000000; --o-ui-gray: #F9F9F9; --o-ui-white: #FFFFFF; --o-ui-accent-1: #EEF3FD; --o-ui-accent-2: #DBE6FD; --o-ui-accent-3: #B6C2EF; --o-ui-accent-4: #95A9F5; --o-ui-accent-5: #7689FD; --o-ui-accent-6: #5D65F6; --o-ui-accent-7: #4B11FD; --o-ui-accent-8: #362AAE; --o-ui-accent-9: #1F2151; --o-ui-accent-10: #0D0F1F; } .o-ui.o-ui-orbiter-light { --o-ui-bs-1: 0 0 0 1px rgba(93, 101, 246, 0.05), 0 5px 10px rgba(93, 101, 246, 0.1); --o-ui-bs-2: 0 0 0 1px rgba(93, 101, 246, 0.05), 0 0.1px 0.3px rgba(93, 101, 246, 0.022), 0 0.3px 0.7px rgba(93, 101, 246, 0.032), 0 0.6px 1.3px rgba(93, 101, 246, 0.04), 0 1.1px 2.2px rgba(93, 101, 246, 0.048), 0 2.1px 4.2px rgba(93, 101, 246, 0.058), 0 5px 10px rgba(93, 101, 246, 0.08); --o-ui-bg-alias-body: var(--o-ui-gray); --o-ui-bg-alias-surface: var(--o-ui-white); --o-ui-bg-alias-soft-break: var(--o-ui-gray); --o-ui-bg-alias-mid-break: var(--o-ui-neutral-1); --o-ui-bg-alias-hard-break: var(--o-ui-neutral-3); --o-ui-bg-alias-basic: var(--o-ui-neutral-8); --o-ui-bg-alias-basic-hover: var(--o-ui-neutral-9); --o-ui-bg-alias-basic-active: var(--o-ui-neutral-10); --o-ui-bg-alias-basic-transparent: var(--o-ui-transparent); --o-ui-bg-alias-basic-transparent-hover: var(--o-ui-neutral-2); --o-ui-bg-alias-basic-transparent-active: var(--o-ui-neutral-3); --o-ui-bg-alias-static-white: var(--o-ui-white); --o-ui-bg-alias-grey-hover: var(--o-ui-neutral-1); --o-ui-bg-alias-grey-active: var(--o-ui-neutral-3); --o-ui-bg-alias-accent: var(--o-ui-purple-6); --o-ui-bg-alias-accent-hover: var(--o-ui-purple-8); --o-ui-bg-alias-accent-active: var(--o-ui-purple-9); --o-ui-bg-alias-accent-faint: var(--o-ui-purple-1); --o-ui-bg-alias-accent-light: var(--o-ui-purple-2); --o-ui-bg-alias-accent-transparent: var(--o-ui-transparent); --o-ui-bg-alias-accent-transparent-hover: var(--o-ui-purple-1); --o-ui-bg-alias-accent-transparent-active: var(--o-ui-purple-2); --o-ui-bg-alias-alert: var(--o-ui-alert-6); --o-ui-bg-alias-alert-hover: var(--o-ui-alert-8); --o-ui-bg-alias-alert-active: var(--o-ui-alert-9); --o-ui-bg-alias-alert-faint: var(--o-ui-alert-1); --o-ui-bg-alias-alert-light: var(--o-ui-alert-2); --o-ui-bg-alias-alert-transparent: var(--o-ui-transparent); --o-ui-bg-alias-alert-transparent-hover: var(--o-ui-alert-1); --o-ui-bg-alias-alert-transparent-active: var(--o-ui-alert-2); --o-ui-bg-alias-warning: var(--o-ui-warning-3); --o-ui-bg-alias-warning-hover: var(--o-ui-warning-8); --o-ui-bg-alias-warning-active: var(--o-ui-warning-9); --o-ui-bg-alias-warning-faint: var(--o-ui-warning-1); --o-ui-bg-alias-warning-light: var(--o-ui-warning-2); --o-ui-bg-alias-success: var(--o-ui-success-6); --o-ui-bg-alias-success-hover: var(--o-ui-success-8); --o-ui-bg-alias-success-active: var(--o-ui-success-9); --o-ui-bg-alias-success-faint: var(--o-ui-success-1); --o-ui-bg-alias-success-light: var(--o-ui-success-2); --o-ui-bg-alias-transparent: transparent; --o-ui-bg-alias-input-selection: var(--o-ui-accent-3); --o-ui-bg-alias-underlay: rgba(31, 33, 81, 0.5); --o-ui-b-alias-low-break: var(--o-ui-neutral-2); --o-ui-b-alias-mid-break: var(--o-ui-neutral-4); --o-ui-b-alias-high-break: var(--o-ui-neutral-6); --o-ui-b-alias-accent-active: var(--o-ui-purple-6); --o-ui-b-alias-alert: var(--o-ui-alert-6); --o-ui-b-alias-alert-hover: var(--o-ui-alert-7); --o-ui-b-alias-alert-active: var(--o-ui-alert-8); --o-ui-b-alias-warning: var(--o-ui-warning-4); --o-ui-b-alias-warning-hover: var(--o-ui-warning-8); --o-ui-b-alias-warning-active: var(--o-ui-warning-9); --o-ui-b-alias-success: var(--o-ui-success-4); --o-ui-b-alias-success-hover: var(--o-ui-success-8); --o-ui-b-alias-success-active: var(--o-ui-success-9); --o-ui-icon-alias-primary: var(--o-ui-neutral-10); --o-ui-icon-alias-primary-hover: var(--o-ui-black); --o-ui-icon-alias-secondary: var(--o-ui-neutral-8); --o-ui-icon-alias-tertiary: var(--o-ui-neutral-6); --o-ui-icon-alias-faint: var(--o-ui-neutral-5); --o-ui-icon-alias-accent: var(--o-ui-purple-6); --o-ui-icon-alias-accent-hover: var(--o-ui-purple-8); --o-ui-icon-alias-accent-active: var(--o-ui-purple-8); --o-ui-icon-alias-alert: var(--o-ui-alert-6); --o-ui-icon-alias-alert-hover: var(--o-ui-alert-8); --o-ui-icon-alias-warning: var(--o-ui-warning-5); --o-ui-icon-alias-success: var(--o-ui-success-6); --o-ui-icon-alias-static-white: var(--o-ui-white); --o-ui-icon-alias-input-placeholder: var(--o-ui-neutral-4); --o-ui-text-alias-primary: var(--o-ui-neutral-10); --o-ui-text-alias-primary-hover: var(--o-ui-black); --o-ui-text-alias-secondary: var(--o-ui-neutral-8); --o-ui-text-alias-tertiary: var(--o-ui-neutral-6); --o-ui-text-alias-faint: var(--o-ui-neutral-5); --o-ui-text-alias-accent: var(--o-ui-purple-6); --o-ui-text-alias-accent-hover: var(--o-ui-purple-8); --o-ui-text-alias-accent-active: var(--o-ui-purple-8); --o-ui-text-alias-alert: var(--o-ui-alert-7); --o-ui-text-alias-warning: var(--o-ui-warning-5); --o-ui-text-alias-success: var(--o-ui-success-6); --o-ui-text-alias-static-white: var(--o-ui-white); --o-ui-text-alias-input-placeholder: var(--o-ui-neutral-4); --o-ui-focus-ring-color-alias-default: var(--hop-primary-border-focus); } .o-ui.o-ui-orbiter-dark { --o-ui-bs-1: 0 0 0 1px rgba(93, 101, 246, 0.15), 0 5px 10px rgba(93, 101, 246, 0.1); --o-ui-bs-2: 0 0 0 1px rgba(93, 101, 246, 0.15), 0 0.1px 0.3px rgba(93, 101, 246, 0.022), 0 0.3px 0.7px rgba(93, 101, 246, 0.032), 0 0.6px 1.3px rgba(93, 101, 246, 0.04), 0 1.1px 2.2px rgba(93, 101, 246, 0.048), 0 2.1px 4.2px rgba(93, 101, 246, 0.058), 0 5px 10px rgba(93, 101, 246, 0.08); --o-ui-bg-alias-body: var(--o-ui-neutral-10); --o-ui-bg-alias-surface: var(--o-ui-neutral-9); --o-ui-bg-alias-soft-break: var(--o-ui-neutral-10); --o-ui-bg-alias-mid-break: var(--o-ui-neutral-8); --o-ui-bg-alias-hard-break: var(--o-ui-neutral-6); --o-ui-bg-alias-basic: var(--o-ui-neutral-5); --o-ui-bg-alias-basic-hover: var(--o-ui-neutral-6); --o-ui-bg-alias-basic-active: var(--o-ui-neutral-7); --o-ui-bg-alias-basic-transparent: var(--o-ui-transparent); --o-ui-bg-alias-basic-transparent-hover: var(--o-ui-neutral-7); --o-ui-bg-alias-basic-transparent-active: var(--o-ui-neutral-8); --o-ui-bg-alias-static-white: var(--o-ui-white); --o-ui-bg-alias-grey-hover: var(--o-ui-neutral-6); --o-ui-bg-alias-grey-active: var(--o-ui-neutral-7); --o-ui-bg-alias-accent: var(--o-ui-purple-6); --o-ui-bg-alias-accent-hover: var(--o-ui-purple-8); --o-ui-bg-alias-accent-active: var(--o-ui-purple-9); --o-ui-bg-alias-accent-faint: var(--o-ui-purple-9); --o-ui-bg-alias-accent-transparent: var(--o-ui-transparent); --o-ui-bg-alias-accent-transparent-hover: var(--o-ui-purple-9); --o-ui-bg-alias-accent-transparent-active: var(--o-ui-purple-9); --o-ui-bg-alias-accent-light: var(--o-ui-purple-8); --o-ui-bg-alias-alert: var(--o-ui-alert-6); --o-ui-bg-alias-alert-hover: var(--o-ui-alert-8); --o-ui-bg-alias-alert-active: var(--o-ui-alert-9); --o-ui-bg-alias-alert-faint: var(--o-ui-alert-9); --o-ui-bg-alias-alert-light: var(--o-ui-alert-8); --o-ui-bg-alias-alert-transparent: var(--o-ui-transparent); --o-ui-bg-alias-alert-transparent-hover: var(--o-ui-alert-8); --o-ui-bg-alias-alert-transparent-active: var(--o-ui-alert-9); --o-ui-bg-alias-warning: var(--o-ui-warning-3); --o-ui-bg-alias-warning-hover: var(--o-ui-warning-8); --o-ui-bg-alias-warning-active: var(--o-ui-warning-9); --o-ui-bg-alias-warning-faint: var(--o-ui-warning-8); --o-ui-bg-alias-warning-light: var(--o-ui-warning-7); --o-ui-bg-alias-success: var(--o-ui-success-6); --o-ui-bg-alias-success-hover: var(--o-ui-success-8); --o-ui-bg-alias-success-active: var(--o-ui-success-9); --o-ui-bg-alias-success-faint: var(--o-ui-success-9); --o-ui-bg-alias-success-light: var(--o-ui-success-8); --o-ui-bg-alias-transparent: transparent; --o-ui-bg-alias-input-selection: var(--o-ui-accent-5); --o-ui-bg-alias-underlay: rgba(31, 33, 81, 0.5); --o-ui-b-alias-low-break: var(--o-ui-neutral-8); --o-ui-b-alias-mid-break: var(--o-ui-neutral-7); --o-ui-b-alias-high-break: var(--o-ui-neutral-5); --o-ui-b-alias-accent-active: var(--o-ui-purple-8); --o-ui-b-alias-alert: var(--o-ui-alert-6); --o-ui-b-alias-alert-hover: var(--o-ui-alert-7); --o-ui-b-alias-alert-active: var(--o-ui-alert-8); --o-ui-b-alias-warning: var(--o-ui-warning-5); --o-ui-b-alias-warning-hover: var(--o-ui-warning-7); --o-ui-b-alias-warning-active: var(--o-ui-warning-8); --o-ui-b-alias-success: var(--o-ui-success-6); --o-ui-b-alias-success-hover: var(--o-ui-success-7); --o-ui-b-alias-success-active: var(--o-ui-success-8); --o-ui-icon-alias-primary: var(--o-ui-white); --o-ui-icon-alias-primary-hover: var(--o-ui-white); --o-ui-icon-alias-secondary: var(--o-ui-neutral-1); --o-ui-icon-alias-tertiary: var(--o-ui-neutral-2); --o-ui-icon-alias-faint: var(--o-ui-neutral-3); --o-ui-icon-alias-accent: var(--o-ui-purple-6); --o-ui-icon-alias-accent-hover: var(--o-ui-purple-2); --o-ui-icon-alias-accent-active: var(--o-ui-purple-2); --o-ui-icon-alias-alert: var(--o-ui-alert-4); --o-ui-icon-alias-alert-hover: var(--o-ui-alert-8); --o-ui-icon-alias-warning: var(--o-ui-warning-3); --o-ui-icon-alias-success: var(--o-ui-success-5); --o-ui-icon-alias-static-white: var(--o-ui-white); --o-ui-icon-alias-input-placeholder: var(--o-ui-neutral-3); --o-ui-text-alias-primary: var(--o-ui-white); --o-ui-text-alias-primary-hover: var(--o-ui-white); --o-ui-text-alias-secondary: var(--o-ui-neutral-1); --o-ui-text-alias-tertiary: var(--o-ui-neutral-2); --o-ui-text-alias-faint: var(--o-ui-neutral-3); --o-ui-text-alias-accent: var(--o-ui-purple-6); --o-ui-text-alias-accent-hover: var(--o-ui-purple-2); --o-ui-text-alias-accent-active: var(--o-ui-purple-2); --o-ui-text-alias-alert: var(--o-ui-alert-6); --o-ui-text-alias-warning: var(--o-ui-warning-3); --o-ui-text-alias-success: var(--o-ui-success-5); --o-ui-text-alias-static-white: var(--o-ui-white); --o-ui-text-alias-input-placeholder: var(--o-ui-neutral-3); --o-ui-focus-ring-color-alias-default: var(--hop-primary-border-focus); } /* src/styling/src/index.css */